@lvce-editor/chat-view 6.65.0 → 6.66.0

package/dist/chatViewWorkerMain.js

@@ -1873,6 +1873,11 @@ const OpenApiApiKeyPlaceholder = 'Enter OpenAI API key';
 const SendMessage = 'Send message';
 const StartVoiceDictation = 'Start voice dictation';
 const AddContext$1 = 'Add Context';
+const AddAction = 'Add Action';
+const OpenInVsCode = 'Open in VSCode';
+const Commit = 'Commit';
+const OpenTerminal = 'Open Terminal';
+const ShowDiff = 'Show Diff';
 const CreatePullRequest$2 = 'Create PR';
 const Save = 'Save';
 const Saving = 'Saving...';
@@ -1985,6 +1990,21 @@ const startVoiceDictation = () => {
 const addContext = () => {
   return i18nString(AddContext$1);
 };
+const addAction = () => {
+  return i18nString(AddAction);
+};
+const openInVsCode = () => {
+  return i18nString(OpenInVsCode);
+};
+const commit = () => {
+  return i18nString(Commit);
+};
+const openTerminal = () => {
+  return i18nString(OpenTerminal);
+};
+const showDiff = () => {
+  return i18nString(ShowDiff);
+};
 const createPullRequest = () => {
   return i18nString(CreatePullRequest$2);
 };
@@ -3331,6 +3351,11 @@ const ComposerAttachmentRemovePrefix = 'composer-attachment-remove:';
 const AddContext = 'add-context';
 const Dictate = 'dictate';
 const CreatePullRequest$1 = 'create-pull-request';
+const FocusAddAction = 'focus-add-action';
+const FocusOpenInVsCode = 'focus-open-in-vscode';
+const FocusCommit = 'focus-commit';
+const FocusOpenTerminal = 'focus-open-terminal';
+const FocusShowDiff = 'focus-show-diff';
 const Send = 'send';
 const Back = 'back';
 const ModelPickerToggle = 'model-picker-toggle';
@@ -6532,6 +6557,9 @@ const Chat = 'Chat';
 const ChatActions = 'ChatActions';
 const ChatAuthError = 'ChatAuthError';
 const ChatFocus = 'ChatFocus';
+const ChatFocusActions = 'ChatFocusActions';
+const ChatFocusHeader = 'ChatFocusHeader';
+const ChatFocusProject = 'ChatFocusProject';
 const ChatHeader = 'ChatHeader';
 const ChatHeaderLabel = 'ChatHeaderLabel';
 const ChatInputBox = 'ChatInputBox';
@@ -10845,6 +10873,10 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   pointer-events: auto;
 }
 
+.ChatViewDropOverlayActive{
+  background: rgba(255, 255, 255, 0.1);
+}
+
 .RunModePickerPopOver{
   overflow: hidden;
   border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
@@ -10899,6 +10931,15 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   min-width: 0;
 }
 
+.ChatFocus .ChatMessages > .Message{
+  inline-size: fit-content;
+  max-inline-size: min(100%, var(--ChatFocusContentMaxWidth));
+}
+
+.ChatFocus .ChatMessages > .Message > .ChatMessageContent{
+  max-inline-size: 100%;
+}
+
 `;
   return `${baseCss}
 
@@ -11390,6 +11431,57 @@ const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agent
   }, ...(showAgentModePicker ? getAgentModePickerVirtualDom(agentMode, agentModePickerOpen) : []), ...getChatModelPickerToggleVirtualDom(models, selectedModelId, modelPickerOpen), ...(reasoningPickerEnabled ? getReasoningEffortPickerVirtualDom(reasoningEffort, reasoningEffortPickerOpen) : []), ...(showResponsiveRunModePicker ? getRunModePickerVirtualDom(runMode, runModePickerOpen) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...(showCreatePullRequestButton ? getCreatePullRequestButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
 
+const focusHeaderStyle = 'align-items:center;border-bottom:1px solid var(--vscode-panel-border, transparent);display:flex;gap:12px;justify-content:space-between;padding:8px 12px;';
+const focusHeaderMetaStyle = 'align-items:baseline;display:flex;gap:8px;min-width:0;overflow:hidden;';
+const focusHeaderTitleStyle = 'margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;';
+const focusHeaderProjectStyle = 'overflow:hidden;text-overflow:ellipsis;white-space:nowrap;';
+const focusHeaderActionsStyle = 'display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;';
+const focusHeaderButtonStyle = 'white-space:nowrap;';
+const getFocusHeaderActionButtonDom = (label, name) => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(Button, ButtonSecondary),
+    inputType: 'button',
+    name,
+    onClick: HandleClick,
+    style: focusHeaderButtonStyle,
+    title: label,
+    type: Button$1
+  }, text(label)];
+};
+const getChatHeaderDomFocusMode = (selectedSessionTitle, selectedProjectName) => {
+  const items = [[addAction(), FocusAddAction], [openInVsCode(), FocusOpenInVsCode], [commit(), FocusCommit], [openTerminal(), FocusOpenTerminal], [showDiff(), FocusShowDiff]];
+  const hasProjectName = !!selectedProjectName;
+  return [{
+    childCount: 2,
+    className: ChatFocusHeader,
+    style: focusHeaderStyle,
+    type: Header
+  }, {
+    childCount: hasProjectName ? 2 : 1,
+    className: ChatName,
+    style: focusHeaderMetaStyle,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ChatHeaderLabel,
+    style: focusHeaderTitleStyle,
+    type: H2
+  }, text(selectedSessionTitle), ...(hasProjectName ? [{
+    childCount: 1,
+    className: mergeClassNames(LabelDetail, ChatFocusProject),
+    style: focusHeaderProjectStyle,
+    type: Span
+  }, text(selectedProjectName)] : []), {
+    'aria-label': 'focus header actions',
+    childCount: items.length,
+    className: ChatFocusActions,
+    role: ToolBar,
+    style: focusHeaderActionsStyle,
+    type: Div
+  }, ...items.flatMap(([label, name]) => getFocusHeaderActionButtonDom(label, name))];
+};
+
 const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, containerClassName = '', popOverClassName = '') => {
   return [{
     childCount: 1,
@@ -12963,19 +13055,20 @@ const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApi
   }, ...displayMessages.flatMap(item => getChatMessageDom(item.message, item.parsedContent, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, useChatMathWorker))];
 };
 
+const arrowLeft$1 = {
+  childCount: 0,
+  className: mergeClassNames(MaskIcon, MaskIconArrowLeft),
+  type: Div
+};
 const getBackToChatsButtonDom = () => {
   return [{
     childCount: 1,
-    className: mergeClassNames(Button, ButtonSecondary),
-    inputType: 'button',
+    className: IconButton,
     name: Back,
     onClick: HandleClickBack,
     title: backToChatList(),
     type: Button$1
-  }, {
-    text: backToChatList(),
-    type: Text
-  }];
+  }, arrowLeft$1];
 };
 
 const getProjectSessionDom = (session, selectedSessionId) => {
@@ -13118,21 +13211,24 @@ const getChatModeChatFocusVirtualDom = ({
   voiceDictationEnabled = false
 }) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
+  const selectedProject = projects.find(project => project.id === selectedProjectId);
   const messages = selectedSession ? selectedSession.messages : [];
+  const selectedSessionTitle = selectedSession?.title || chatTitle();
+  const selectedProjectName = selectedProject?.name || '';
   const showCreatePullRequestButton = canCreatePullRequest(selectedSession);
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
   const hasVisibleOverlays = isDropOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
-  const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
+  const chatRootChildCount = 4 + (hasVisibleOverlays ? 1 : 0);
   return [{
     childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat, ChatFocus),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled), ...getChatOverlaysVirtualDom({
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
     dropOverlayVisible: isDropOverlayVisible,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/chat-view",
-  "version": "6.65.0",
+  "version": "6.66.0",
   "description": "Chat View Worker",
   "repository": {
     "type": "git",