fix: show correct workspace name during creation, update empty state text

- Track confirmed name separately (creatingWithName) from input field name
- Show 'Generating name…' briefly while waitForGeneration completes
- Then show the actual name that will be used for the workspace
- Simplified welcome text in empty state

Author: ammar-agent

src/browser/components/ChatInput/CreationCenterContent.tsx

@@ -3,7 +3,8 @@ import React from "react";
 interface CreationCenterContentProps {
   projectName: string;
   isSending: boolean;
-  workspaceName?: string;
+  /** The confirmed workspace name (null while name generation is in progress) */
+  workspaceName?: string | null;
 }
 
 /**
@@ -17,18 +18,21 @@ export function CreationCenterContent(props: CreationCenterContentProps) {
         <div className="max-w-xl px-8 text-center">
           <div className="bg-accent mb-4 inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent"></div>
           <h2 className="text-foreground mb-2 text-lg font-medium">Creating workspace</h2>
-          {props.workspaceName && (
-            <p className="text-muted text-sm leading-relaxed">
-              Creating <code className="bg-separator rounded px-1">{props.workspaceName}</code>
-            </p>
-          )}
+          <p className="text-muted text-sm leading-relaxed">
+            {props.workspaceName ? (
+              <>
+                <code className="bg-separator rounded px-1">{props.workspaceName}</code>
+              </>
+            ) : (
+              "Generating name…"
+            )}
+          </p>
         </div>
       ) : (
         <div className="max-w-2xl px-8 text-center">
           <h1 className="text-foreground mb-4 text-2xl font-semibold">{props.projectName}</h1>
           <p className="text-muted text-sm leading-relaxed">
-            Describe what you want to build. A new workspace will be created with an automatically
-            generated name. Configure runtime and model options below.
+            Describe what you want to build and a workspace will be created.
           </p>
         </div>
       )}

src/browser/components/ChatInput/index.tsx

@@ -1193,7 +1193,7 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
           projectName={props.projectName}
           isSending={creationState.isSending || isSending}
           workspaceName={
-            creationState.isSending || isSending ? creationState.nameState.name : undefined
+            creationState.isSending || isSending ? creationState.creatingWithName : undefined
           }
         />
       )}

src/browser/components/ChatInput/useCreationWorkspace.ts

@@ -71,6 +71,8 @@ interface UseCreationWorkspaceReturn {
   handleSend: (message: string, imageParts?: ImagePart[]) => Promise<boolean>;
   /** Workspace name generation state and actions (for CreationControls) */
   nameState: WorkspaceNameState;
+  /** The confirmed name being used for creation (null until name generation resolves) */
+  creatingWithName: string | null;
 }
 
 /**
@@ -91,6 +93,8 @@ export function useCreationWorkspace({
   const [recommendedTrunk, setRecommendedTrunk] = useState<string | null>(null);
   const [toast, setToast] = useState<Toast | null>(null);
   const [isSending, setIsSending] = useState(false);
+  // The confirmed name being used for workspace creation (set after waitForGeneration resolves)
+  const [creatingWithName, setCreatingWithName] = useState<string | null>(null);
 
   // Centralized draft workspace settings with automatic persistence
   const {
@@ -143,6 +147,7 @@ export function useCreationWorkspace({
 
       setIsSending(true);
       setToast(null);
+      setCreatingWithName(null);
 
       try {
         // Wait for name generation to complete (blocks if still in progress)
@@ -153,6 +158,9 @@ export function useCreationWorkspace({
           return false;
         }
 
+        // Set the confirmed name for UI display
+        setCreatingWithName(workspaceName);
+
         // Get runtime config from options
         const runtimeString = getRuntimeString();
         const runtimeConfig: RuntimeConfig | undefined = runtimeString
@@ -250,5 +258,7 @@ export function useCreationWorkspace({
     handleSend,
     // Workspace name state (for CreationControls)
     nameState: workspaceNameState,
+    // The confirmed name being used for creation (null until waitForGeneration resolves)
+    creatingWithName,
   };
 }