From a5ef56b0524b7f505409ac26f5cc8ac993c11f60 Mon Sep 17 00:00:00 2001
From: Julia McGhee <julia.eloise@pm.me>
Date: Sat, 21 Mar 2026 20:46:06 +0000
Subject: [PATCH] Fix input focus loss in NewTaskTab form fields

Move Field component out of NewTaskTab to prevent React from
remounting input wrappers on every keystroke. Same root cause as
the ProjectsTab DetailView fix.
---
 .../harness/src/components/harness-dashboard.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/harness/src/components/harness-dashboard.tsx b/apps/harness/src/components/harness-dashboard.tsx
index ad1be1f..4cdab6a 100644
--- a/apps/harness/src/components/harness-dashboard.tsx
+++ b/apps/harness/src/components/harness-dashboard.tsx
@@ -465,6 +465,15 @@ function AgentSelector({ value, onChange }: { value: string; onChange: (id: stri
   );
 }
 
+function Field({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <div style={{ display: "flex", flexDirection: "column", gap: tokens.space[1] }}>
+      <Label color={tokens.color.text2}>{label}</Label>
+      {children}
+    </div>
+  );
+}
+
 function NewTaskTab({ onSubmit, mobile, projects, knowledgeDocs }: {
   onSubmit: (form: TaskForm) => void;
   mobile: boolean;
@@ -492,13 +501,6 @@ function NewTaskTab({ onSubmit, mobile, projects, knowledgeDocs }: {
       detail: d.path,
     }));
 
-  const Field = ({ label, children }: { label: string; children: React.ReactNode }) => (
-    <div style={{ display: "flex", flexDirection: "column", gap: tokens.space[1] }}>
-      <Label color={tokens.color.text2}>{label}</Label>
-      {children}
-    </div>
-  );
-
   return (
     <div style={{ flex: 1, overflow: "auto", padding: mobile ? tokens.space[4] : tokens.space[5] }}>
       <div style={{ maxWidth: 620, margin: "0 auto", display: "flex", flexDirection: "column", gap: tokens.space[4] }}>