fix(web): autofocus only in worflow node dialog

Author: leonardcser

apps/web/src/components/workflow/fields/number-field.tsx

@@ -12,6 +12,7 @@ export function NumberField({
   onChange,
   onClear,
   value,
+  autoFocus,
 }: FieldProps) {
   // Convert to string and check for meaningful value (empty strings are considered "no value")
   const stringValue = String(value ?? "");
@@ -29,7 +30,7 @@ export function NumberField({
         className={cn(
           "rounded-md border border-neutral-300 dark:border-neutral-700"
         )}
-        autoFocus
+        autoFocus={autoFocus}
       />
       {!disabled && clearable && hasValue && (
         <ClearButton

apps/web/src/components/workflow/fields/property-field.tsx

@@ -53,6 +53,7 @@ export interface PropertyFieldProps {
   disabled?: boolean;
   connected?: boolean;
   createObjectUrl: (objectReference: ObjectReference) => string;
+  autoFocus?: boolean;
 }
 
 export function PropertyField({
@@ -65,6 +66,7 @@ export function PropertyField({
   disabled = false,
   connected = false,
   createObjectUrl,
+  autoFocus = false,
 }: PropertyFieldProps) {
   return (
     <div className="text-sm space-y-1">
@@ -124,6 +126,7 @@ export function PropertyField({
           connected={connected}
           createObjectUrl={createObjectUrl}
           className="w-full"
+          autoFocus={autoFocus}
         />
       </div>
     </div>

apps/web/src/components/workflow/fields/text-field.tsx

@@ -12,6 +12,7 @@ export function TextField({
   onChange,
   onClear,
   value,
+  autoFocus,
 }: FieldProps) {
   // Convert to string and check for meaningful value (empty strings are considered "no value")
   const stringValue = String(value ?? "");
@@ -28,7 +29,7 @@ export function TextField({
           "resize-y rounded-md border border-neutral-300 dark:border-neutral-700"
         )}
         disabled={disabled}
-        autoFocus
+        autoFocus={autoFocus}
       />
       {!disabled && clearable && hasValue && (
         <ClearButton

apps/web/src/components/workflow/fields/types.ts

@@ -11,6 +11,7 @@ export interface FieldProps {
   disabled?: boolean;
   connected?: boolean;
   clearable?: boolean;
+  autoFocus?: boolean;
 }
 
 export interface FileFieldProps extends FieldProps {

apps/web/src/components/workflow/workflow-node.tsx

@@ -568,6 +568,7 @@ export const WorkflowNode = memo(
                   disabled={disabled}
                   connected={isInputConnected}
                   createObjectUrl={data.createObjectUrl}
+                  autoFocus
                 />
               );
             })()}