From 5ed410872069202a8c2ce6d727ade749baa1ccc9 Mon Sep 17 00:00:00 2001
From: d1rshan <darshan.paccha@gmail.com>
Date: Wed, 13 May 2026 10:39:52 +0530
Subject: [PATCH 1/2] fix default input field

---
 frontend/storybook/stories/InputField.stories.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/storybook/stories/InputField.stories.tsx b/frontend/storybook/stories/InputField.stories.tsx
index 2118782f5aa6..9ca507e6cdc5 100644
--- a/frontend/storybook/stories/InputField.stories.tsx
+++ b/frontend/storybook/stories/InputField.stories.tsx
@@ -27,6 +27,9 @@ function createFieldMock(options: {
   };
   return {
     name: options.name ?? "test",
+    options: {
+      validators: undefined,
+    },
     get state() {
       return {
         value: options.value ?? "",

From 11c6e08a93d7942939f5b9347121b5d4dd3e6d26 Mon Sep 17 00:00:00 2001
From: d1rshan <darshan.paccha@gmail.com>
Date: Wed, 13 May 2026 10:52:26 +0530
Subject: [PATCH 2/2] fix regression

---
 frontend/storybook/stories/InputField.stories.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/storybook/stories/InputField.stories.tsx b/frontend/storybook/stories/InputField.stories.tsx
index 9ca507e6cdc5..190bde78a28f 100644
--- a/frontend/storybook/stories/InputField.stories.tsx
+++ b/frontend/storybook/stories/InputField.stories.tsx
@@ -17,6 +17,7 @@ function createFieldMock(options: {
   name?: string;
   value?: string;
   meta?: MetaState;
+  validators?: object;
 }) {
   const stateMeta = {
     isTouched: true,
@@ -28,7 +29,7 @@ function createFieldMock(options: {
   return {
     name: options.name ?? "test",
     options: {
-      validators: undefined,
+      validators: options.validators,
     },
     get state() {
       return {
@@ -50,7 +51,6 @@ const meta = preview.meta({
   component: InputField as Component<{
     field: Accessor<AnyFieldApi>;
     placeholder?: string;
-    showIndicator?: true;
     autocomplete?: string;
     type?: string;
     disabled?: boolean;
@@ -62,7 +62,6 @@ const meta = preview.meta({
   tags: ["autodocs"],
   argTypes: {
     placeholder: { control: "text" },
-    showIndicator: { control: "boolean" },
     autocomplete: { control: "text" },
     type: { control: "text" },
     disabled: { control: "boolean" },
@@ -77,8 +76,10 @@ export const Default = meta.story({
 
 export const withIndicator = meta.story({
   args: {
-    showIndicator: true,
-    field: () => createFieldMock({}),
+    field: () =>
+      createFieldMock({
+        validators: { onChange: () => undefined },
+      }),
   },
 });