fix: preserve generated name when switching to manual edit, fix wand alignment

- When clicking into field, generated name becomes editable instead of clearing
- Use inset-y-0 + flex items-center for proper vertical centering of wand icon

Author: ammar-agent

src/browser/components/ChatInput/CreationControls.tsx

@@ -87,8 +87,8 @@ export function CreationControls(props: CreationControlsProps) {
               props.nameError && "border-red-500"
             )}
           />
-          {/* Magic wand / loading indicator */}
-          <div className="absolute top-1/2 right-1.5 -translate-y-1/2">
+          {/* Magic wand / loading indicator - vertically centered */}
+          <div className="absolute inset-y-0 right-0 flex items-center pr-1.5">
             {props.isGeneratingName ? (
               <Loader2 className="text-accent h-3.5 w-3.5 animate-spin" />
             ) : (
@@ -97,7 +97,7 @@ export function CreationControls(props: CreationControlsProps) {
                   type="button"
                   onClick={handleWandClick}
                   disabled={props.disabled}
-                  className="flex items-center justify-center disabled:opacity-50"
+                  className="flex h-full items-center disabled:opacity-50"
                   aria-label={props.autoGenerateName ? "Disable auto-naming" : "Enable auto-naming"}
                 >
                   <Wand2

src/browser/hooks/useWorkspaceName.ts

@@ -150,15 +150,23 @@ export function useWorkspaceName(options: UseWorkspaceNameOptions): UseWorkspace
     };
   }, [message, autoGenerate, debounceMs, generateName]);
 
-  // When auto-generate is toggled on, trigger generation
-  const handleSetAutoGenerate = useCallback((enabled: boolean) => {
-    setAutoGenerate(enabled);
-    if (enabled) {
-      // Reset so debounced generation will trigger
-      lastGeneratedForRef.current = "";
-      setError(null);
-    }
-  }, []);
+  // When auto-generate is toggled, handle name preservation
+  const handleSetAutoGenerate = useCallback(
+    (enabled: boolean) => {
+      if (enabled) {
+        // Switching to auto: reset so debounced generation will trigger
+        lastGeneratedForRef.current = "";
+        setError(null);
+      } else {
+        // Switching to manual: copy generated name as starting point for editing
+        if (generatedName) {
+          setManualName(generatedName);
+        }
+      }
+      setAutoGenerate(enabled);
+    },
+    [generatedName]
+  );
 
   const setName = useCallback((name: string) => {
     setManualName(name);