add autocomplete=off to prevent suggestions for subblock values

Author: waleed

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/document-tag-entry/document-tag-entry.tsx

@@ -302,6 +302,7 @@ export function DocumentTagEntry({
             onFocus={handleFocus}
             onBlur={handleBlur}
             disabled={disabled}
+            autoComplete='off'
             className={cn(
               'w-full border-0 text-transparent caret-foreground placeholder:text-muted-foreground/50 focus-visible:ring-0 focus-visible:ring-offset-0',
               isDuplicate && 'border-red-500 bg-red-50'
@@ -394,6 +395,7 @@ export function DocumentTagEntry({
             value={cellValue}
             readOnly
             disabled={disabled || isReadOnly}
+            autoComplete='off'
             className='w-full cursor-pointer border-0 text-transparent caret-foreground placeholder:text-muted-foreground/50 focus-visible:ring-0 focus-visible:ring-offset-0'
             onClick={handleTypeDropdownClick}
             onFocus={handleTypeFocus}
@@ -465,6 +467,7 @@ export function DocumentTagEntry({
             onDrop={handlers.onDrop}
             onDragOver={handlers.onDragOver}
             disabled={disabled}
+            autoComplete='off'
             className='w-full border-0 text-transparent caret-foreground placeholder:text-muted-foreground/50 focus-visible:ring-0 focus-visible:ring-offset-0'
           />
           <div className='pointer-events-none absolute inset-0 flex items-center overflow-hidden bg-transparent px-3 text-sm'>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx

@@ -235,6 +235,7 @@ export function KnowledgeTagFilters({
             value={cellValue}
             readOnly
             disabled={disabled || isLoading}
+            autoComplete='off'
             className='w-full cursor-pointer border-0 text-transparent caret-foreground placeholder:text-muted-foreground/50 focus-visible:ring-0 focus-visible:ring-offset-0'
             onClick={handleDropdownClick}
             onFocus={handleFocus}
@@ -322,6 +323,7 @@ export function KnowledgeTagFilters({
               }
             }}
             disabled={disabled}
+            autoComplete='off'
             className='w-full border-0 text-transparent caret-foreground placeholder:text-muted-foreground/50 focus-visible:ring-0 focus-visible:ring-offset-0'
           />
           <div className='pointer-events-none absolute inset-0 flex items-center overflow-hidden bg-transparent px-3 text-sm'>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/mcp-dynamic-args/mcp-dynamic-args.tsx

@@ -113,6 +113,7 @@ function McpInputWithTags({
           onDragOver={handleDragOver}
           placeholder={placeholder}
           disabled={disabled}
+          autoComplete='off'
           className={cn(!isPassword && 'text-transparent caret-foreground')}
         />
         {!isPassword && (

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/starter/input-format.tsx

@@ -331,6 +331,7 @@ export function FieldFormat({
           }
           placeholder={valuePlaceholder}
           disabled={isReadOnly}
+          autoComplete='off'
           className={cn('allow-scroll w-full overflow-auto', inputClassName)}
           style={{ overflowX: 'auto' }}
         />
@@ -379,6 +380,7 @@ export function FieldFormat({
                   onChange={(e) => updateField(field.id, 'name', e.target.value)}
                   placeholder={placeholder}
                   disabled={isReadOnly}
+                  autoComplete='off'
                 />
               </div>
 

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/table/table.tsx

@@ -202,6 +202,7 @@ export function Table({
             onDrop={handlers.onDrop}
             onDragOver={handlers.onDragOver}
             disabled={isPreview || disabled}
+            autoComplete='off'
             className='w-full border-0 bg-transparent px-[10px] py-[8px] text-transparent caret-white placeholder:text-[#787878] focus-visible:ring-0 focus-visible:ring-offset-0'
           />
           <div

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/time-input/time-input.tsx

@@ -94,6 +94,7 @@ export function TimeInput({
             disabled={isPreview || disabled}
             value={value ? formatDisplayTime(value) : ''}
             placeholder={placeholder || 'Select time'}
+            autoComplete='off'
             className={cn('cursor-pointer', !value && 'text-muted-foreground', className)}
           />
         </div>
@@ -122,6 +123,7 @@ export function TimeInput({
               updateTime(numVal.toString())
             }}
             type='text'
+            autoComplete='off'
           />
           <span className='text-[#E6E6E6]'>:</span>
           <Input
@@ -146,6 +148,7 @@ export function TimeInput({
               updateTime(undefined, numVal.toString())
             }}
             type='text'
+            autoComplete='off'
           />
           <Button
             variant='outline'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/variables-input/variables-input.tsx

@@ -408,6 +408,7 @@ export function VariablesInput({
                           }
                           placeholder={`${assignment.type} value`}
                           disabled={isPreview || disabled}
+                          autoComplete='off'
                           className={cn(
                             'h-9 border border-input bg-white text-transparent caret-foreground placeholder:text-muted-foreground/50 dark:border-input/60 dark:bg-background',
                             dragHighlight[assignment.id] && 'ring-2 ring-blue-500 ring-offset-2'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/webhook/components/components/webhook-config-field.tsx

@@ -82,6 +82,7 @@ export function WebhookConfigField({
             value={value}
             onChange={onChange ? (e) => onChange(e.target.value) : undefined}
             placeholder={placeholder}
+            autoComplete='off'
             className={cn(
               'h-10 flex-1',
               readOnly ? 'cursor-text font-mono text-xs' : '',