style: soften draft welcome title

Makes the welcome prompt lighter
Keeps the project name visually emphasized

Author: btriapitsyn

packages/ui/src/components/chat/ChatContainer.tsx

@@ -337,6 +337,20 @@ const getProjectDisplayLabel = (project: { label?: string; path: string }): stri
     return label || formatDirectoryName(project.path);
 };
 
+const renderDraftTitle = (title: string, projectLabel: string | null): React.ReactNode => {
+    if (!projectLabel) return title;
+    const projectIndex = title.indexOf(projectLabel);
+    if (projectIndex === -1) return title;
+
+    return (
+        <>
+            {title.slice(0, projectIndex)}
+            <span className="font-medium">{projectLabel}</span>
+            {title.slice(projectIndex + projectLabel.length)}
+        </>
+    );
+};
+
 type ChatContainerProps = {
     autoOpenDraft?: boolean;
     readOnly?: boolean;
@@ -794,10 +808,13 @@ export const ChatContainer: React.FC<ChatContainerProps> = ({ autoOpenDraft = tr
 			<div className="relative flex h-full flex-col bg-background transform-gpu">
 				{useCompactDraftLayout && !isDesktopExpandedInput ? (
 					<div className="flex min-h-0 flex-1 items-center justify-center px-6 text-center">
-						<h1 className="text-balance text-3xl font-medium tracking-tight text-foreground">
-							{draftProjectLabel
-								? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
-								: t('chat.emptyState.draftTitle')}
+						<h1 className="text-balance text-3xl font-normal tracking-tight text-foreground">
+							{renderDraftTitle(
+								draftProjectLabel
+									? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
+									: t('chat.emptyState.draftTitle'),
+								draftProjectLabel,
+							)}
 						</h1>
 					</div>
 				) : null}

packages/ui/src/components/chat/ChatInput.tsx

@@ -318,6 +318,20 @@ const getProjectDisplayLabel = (project: { label?: string; path: string }): stri
     return formatDirectoryName(project.path);
 };
 
+const renderDraftTitle = (title: string, projectLabel: string | null): React.ReactNode => {
+    if (!projectLabel) return title;
+    const projectIndex = title.indexOf(projectLabel);
+    if (projectIndex === -1) return title;
+
+    return (
+        <>
+            {title.slice(0, projectIndex)}
+            <span className="font-medium">{projectLabel}</span>
+            {title.slice(projectIndex + projectLabel.length)}
+        </>
+    );
+};
+
 const getProjectIconColor = (projectColor?: string | null): string | undefined => {
     if (!projectColor) {
         return undefined;
@@ -3789,10 +3803,13 @@ const ChatInputComponent: React.FC<ChatInputProps> = ({ onOpenSettings, scrollTo
         >
             {newSessionDraftOpen && !isDesktopExpanded && !isMobile && !isVSCode && !isMiniChatSurface ? (
                 <div className="chat-input-column mb-7 text-center">
-                    <h1 className="text-balance text-2xl font-medium tracking-tight text-foreground md:text-3xl">
-                        {draftProjectLabel
-                            ? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
-                            : t('chat.emptyState.draftTitle')}
+                    <h1 className="text-balance text-2xl font-normal tracking-tight text-foreground md:text-3xl">
+                        {renderDraftTitle(
+                            draftProjectLabel
+                                ? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
+                                : t('chat.emptyState.draftTitle'),
+                            draftProjectLabel,
+                        )}
                     </h1>
                 </div>
             ) : null}