🤖 refactor: DRY - extract duplicated state reset logic

Extracted duplicated state to constants/helpers:
- INITIAL_WORKSPACE_MODAL_STATE in App.tsx (used in useState + onClose)
- resetForm() in NewWorkspaceModal.tsx (used in handleCancel + handleSubmit)

Reduces duplication and ensures consistent state resets across all paths.

Generated with `cmux`

Author: ammar-agent

src/App.tsx

@@ -46,7 +46,8 @@ function AppInner() {
     selectedWorkspace,
     setSelectedWorkspace,
   } = useApp();
-  const [workspaceModalState, setWorkspaceModalState] = useState({
+
+  const INITIAL_WORKSPACE_MODAL_STATE = {
     isOpen: false,
     projectPath: null as string | null,
     projectName: "",
@@ -55,7 +56,9 @@ function AppInner() {
     loadError: null as string | null,
     startMessage: undefined as string | undefined,
     model: undefined as string | undefined,
-  });
+  };
+
+  const [workspaceModalState, setWorkspaceModalState] = useState(INITIAL_WORKSPACE_MODAL_STATE);
   const workspaceModalProjectRef = useRef<string | null>(null);
 
   // Auto-collapse sidebar on mobile by default
@@ -749,16 +752,7 @@ function AppInner() {
             initialModel={workspaceModalState.model}
             onClose={() => {
               workspaceModalProjectRef.current = null;
-              setWorkspaceModalState({
-                isOpen: false,
-                projectPath: null,
-                projectName: "",
-                branches: [],
-                defaultTrunk: undefined,
-                loadError: null,
-                startMessage: undefined,
-                model: undefined,
-              });
+              setWorkspaceModalState(INITIAL_WORKSPACE_MODAL_STATE);
             }}
             onAdd={handleCreateWorkspace}
           />

src/components/NewWorkspaceModal.tsx

@@ -52,6 +52,14 @@ const NewWorkspaceModal: React.FC<NewWorkspaceModalProps> = ({
   const [runtimeOptions, setRuntimeOptions] = useNewWorkspaceOptions(projectPath);
   const { runtimeMode, sshHost, getRuntimeString } = runtimeOptions;
 
+  // Reset form to initial state
+  const resetForm = () => {
+    setBranchName("");
+    setTrunkBranch(defaultTrunkBranch ?? branches[0] ?? "");
+    setRuntimeOptions(RUNTIME_MODE.LOCAL, "");
+    setStartMessage("");
+  };
+
   useEffect(() => {
     setError(loadErrorMessage ?? null);
   }, [loadErrorMessage]);
@@ -78,10 +86,7 @@ const NewWorkspaceModal: React.FC<NewWorkspaceModalProps> = ({
   }, [branches, defaultTrunkBranch, hasBranches]);
 
   const handleCancel = () => {
-    setBranchName("");
-    setTrunkBranch(defaultTrunkBranch ?? branches[0] ?? "");
-    setRuntimeOptions(RUNTIME_MODE.LOCAL, "");
-    setStartMessage("");
+    resetForm();
     setError(loadErrorMessage ?? null);
     onClose();
   };
@@ -129,10 +134,7 @@ const NewWorkspaceModal: React.FC<NewWorkspaceModalProps> = ({
         trimmedStartMessage || undefined,
         initialModel
       );
-      setBranchName("");
-      setTrunkBranch(defaultTrunkBranch ?? branches[0] ?? "");
-      setRuntimeOptions(RUNTIME_MODE.LOCAL, "");
-      setStartMessage("");
+      resetForm();
       onClose();
     } catch (err) {
       const message = err instanceof Error ? err.message : "Failed to create workspace";