From 6c7d61d70ec05dee697e19a1be3459cbab3686fe Mon Sep 17 00:00:00 2001
From: imagineer99 <samleejackson0@gmail.com>
Date: Wed, 4 Mar 2026 08:49:17 +0000
Subject: [PATCH] fix: prevent browser credential autofill in HF token fields

---
 .../frontend/src/features/export/components/export-dialog.tsx   | 2 ++
 .../src/features/onboarding/components/steps/dataset-step.tsx   | 2 ++
 .../onboarding/components/steps/model-selection-step.tsx        | 2 ++
 studio/frontend/src/features/studio/sections/model-section.tsx  | 2 ++
 4 files changed, 8 insertions(+)

diff --git a/studio/frontend/src/features/export/components/export-dialog.tsx b/studio/frontend/src/features/export/components/export-dialog.tsx
index 0cbd31fdb4..42cf54b65d 100644
--- a/studio/frontend/src/features/export/components/export-dialog.tsx
+++ b/studio/frontend/src/features/export/components/export-dialog.tsx
@@ -181,6 +181,8 @@ export function ExportDialog({
                         </InputGroupAddon>
                         <InputGroupInput
                           type="password"
+                          autoComplete="new-password"
+                          name="hf-token"
                           placeholder="hf_..."
                           value={hfToken}
                           onChange={(e) => onHfTokenChange(e.target.value)}
diff --git a/studio/frontend/src/features/onboarding/components/steps/dataset-step.tsx b/studio/frontend/src/features/onboarding/components/steps/dataset-step.tsx
index f5ba2eb898..e037bb7f65 100644
--- a/studio/frontend/src/features/onboarding/components/steps/dataset-step.tsx
+++ b/studio/frontend/src/features/onboarding/components/steps/dataset-step.tsx
@@ -186,6 +186,8 @@ export function DatasetStep() {
               </InputGroupAddon>
               <InputGroupInput
                 type="password"
+                autoComplete="new-password"
+                name="hf-token"
                 placeholder="hf_..."
                 value={hfToken}
                 onChange={(e) => setHfToken(e.target.value)}
diff --git a/studio/frontend/src/features/onboarding/components/steps/model-selection-step.tsx b/studio/frontend/src/features/onboarding/components/steps/model-selection-step.tsx
index 484a11ea70..94f0084100 100644
--- a/studio/frontend/src/features/onboarding/components/steps/model-selection-step.tsx
+++ b/studio/frontend/src/features/onboarding/components/steps/model-selection-step.tsx
@@ -152,6 +152,8 @@ export function ModelSelectionStep() {
           </InputGroupAddon>
           <InputGroupInput
             type="password"
+            autoComplete="new-password"
+            name="hf-token"
             placeholder="hf_..."
             value={hfToken}
             onChange={(e) => setHfToken(e.target.value)}
diff --git a/studio/frontend/src/features/studio/sections/model-section.tsx b/studio/frontend/src/features/studio/sections/model-section.tsx
index b2e595a4c3..015abc3106 100644
--- a/studio/frontend/src/features/studio/sections/model-section.tsx
+++ b/studio/frontend/src/features/studio/sections/model-section.tsx
@@ -581,6 +581,8 @@ export function ModelSection() {
             </InputGroupAddon>
             <InputGroupInput
               type="password"
+              autoComplete="new-password"
+              name="hf-token"
               placeholder="hf_..."
               value={hfToken}
               onChange={(e) => setHfToken(e.target.value)}