{useCompactDraftLayout && !isDesktopExpandedInput ? (
-
- {draftProjectLabel
- ? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
- : t('chat.emptyState.draftTitle')}
+
+ {renderDraftTitle(
+ draftProjectLabel
+ ? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
+ : t('chat.emptyState.draftTitle'),
+ draftProjectLabel,
+ )}
) : null}
diff --git a/packages/ui/src/components/chat/ChatInput.tsx b/packages/ui/src/components/chat/ChatInput.tsx
index a0fb4a6e..a537daa8 100644
--- a/packages/ui/src/components/chat/ChatInput.tsx
+++ b/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)}
+
{projectLabel}
+ {title.slice(projectIndex + projectLabel.length)}
+ >
+ );
+};
+
const getProjectIconColor = (projectColor?: string | null): string | undefined => {
if (!projectColor) {
return undefined;
@@ -3789,10 +3803,13 @@ const ChatInputComponent: React.FC
= ({ onOpenSettings, scrollTo
>
{newSessionDraftOpen && !isDesktopExpanded && !isMobile && !isVSCode && !isMiniChatSurface ? (
-
- {draftProjectLabel
- ? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
- : t('chat.emptyState.draftTitle')}
+
+ {renderDraftTitle(
+ draftProjectLabel
+ ? t('chat.emptyState.draftTitleWithProject', { project: draftProjectLabel })
+ : t('chat.emptyState.draftTitle'),
+ draftProjectLabel,
+ )}
) : null}