@lvce-editor/chat-view 6.18.0 → 6.19.0

package/dist/chatViewWorkerMain.js

@@ -1473,7 +1473,7 @@ const chatTitle = () => {
   return i18nString('Chat');
 };
 const chats = () => {
-  return i18nString('Chats');
+  return i18nString('Chat');
 };
 const newChat = () => {
   return i18nString('New Chat');
@@ -1551,7 +1551,7 @@ const getOpenApiApiKey = () => {
   return i18nString('Get API Key');
 };
 const deleteChatSession$1 = () => {
-  return i18nString('Delete chat session');
+  return i18nString('Archive');
 };
 const defaultSessionTitle = () => {
   return i18nString('Chat 1');
@@ -2971,6 +2971,7 @@ const OpenContainingFolder = 'Open Containing Folder';
 const OpenInIntegratedTerminal = 'Open in integrated Terminal';
 const Paste = 'Paste';
 const Rename = 'Rename';
+const Archive = 'Archive';
 
 const openContainingFolder = () => {
   return i18nString(OpenContainingFolder);
@@ -2996,10 +2997,27 @@ const copyRelativePath = () => {
 const rename = () => {
   return i18nString(Rename);
 };
+const archive = () => {
+  return i18nString(Archive);
+};
 const deleteItem = () => {
   return i18nString(Delete);
 };
 
+const getMenuEntriesChatList = () => {
+  return [{
+    command: 'Chat.handleClickRename',
+    flags: None,
+    id: 'rename',
+    label: rename()
+  }, {
+    command: 'Chat.handleClickArchive',
+    flags: None,
+    id: 'archive',
+    label: archive()
+  }];
+};
+
 const menuEntrySeparator = {
   command: '',
   flags: Separator,
@@ -3070,8 +3088,13 @@ const menuEntryDelete = {
 const getMenuEntriesFile = () => {
   return [menuEntryCopyAsE2eTest, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
 };
-const getMenuEntries = () => {
-  return getMenuEntriesFile();
+const getMenuEntries = menuId => {
+  switch (menuId) {
+    case 1:
+      return getMenuEntriesChatList();
+    default:
+      return getMenuEntriesFile();
+  }
 };
 
 const getMenuEntryIds = () => {
@@ -3086,6 +3109,14 @@ const getSelectedSessionId = state => {
   return state.selectedSessionId;
 };
 
+const handleChatHeaderContextMenu = async state => {
+  return state;
+};
+
+const handleChatInputContextMenu = async state => {
+  return state;
+};
+
 const getListIndex = (state, eventX, eventY) => {
   const {
     headerHeight,
@@ -3103,18 +3134,29 @@ const getListIndex = (state, eventX, eventY) => {
   return Math.floor(relativeY / listItemHeight);
 };
 
-const CHAT_LIST_ITEM_CONTEXT_MENU = 'ChatListItemContextMenu';
 const handleChatListContextMenu = async (state, eventX, eventY) => {
+  const {
+    selectedProjectId,
+    sessions,
+    uid
+  } = state;
   const index = getListIndex(state, eventX, eventY);
   if (index === -1) {
     return state;
   }
-  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  const visibleSessions = getVisibleSessions(sessions, selectedProjectId);
   const item = visibleSessions[index];
   if (!item) {
     return state;
   }
-  await invoke$2('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
+  await showContextMenu2(uid, -1, eventX, eventY, {
+    menuId: -1,
+    sessionId: item.id
+  });
+  return state;
+};
+
+const handleChatWelcomeContextMenu = async state => {
   return state;
 };
 
@@ -8997,6 +9039,7 @@ const registerMockResponse = (state, mockResponse) => {
   return state;
 };
 
+/* eslint-disable @cspell/spellchecker */
 const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, textAreaPaddingTop, textAreaPaddingLeft, textAreaPaddingRight, textAreaPaddingBottom, chatSendAreaPaddingTop, chatSendAreaPaddingLeft, chatSendAreaPaddingRight, chatSendAreaPaddingBottom, renderHtmlCss) => {
   const buttonsHeight = 20;
   const gap = 10;
@@ -9023,6 +9066,46 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
 .ChatSendAreaBottom{
   height: ${buttonsHeight}px;
 }
+
+.ChatSendArea:focus-within{
+  border-color: darkcyan;
+}
+
+.ChatListItem{
+  display:flex;
+  align-items:center;
+}
+
+.ChatListItemStatusRow{
+  width: 16px;
+  min-width: 16px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+
+.ChatListItemStatusIcon{
+  font-size: 10px;
+}
+
+.ChatListItemStatusStopped{
+  color: var(--vscode-disabledForeground);
+}
+
+.ChatListItemStatusInProgress{
+  color: var(--vscode-charts-blue);
+}
+
+.ChatListItemStatusFinished{
+  color: var(--vscode-testing-iconPassed);
+.ChatListItem .SessionArchiveButton{
+  opacity: 0;
+}
+
+.ChatListItem:hover .SessionArchiveButton,
+.ChatListItem:focus-within .SessionArchiveButton{
+  opacity: 1;
+}
 `;
   return `${baseCss}
 
@@ -9122,7 +9205,13 @@ const LabelDetail = 'LabelDetail';
 const ChatList = 'ChatList';
 const ChatListEmpty = 'ChatListEmpty';
 const ChatListItem = 'ChatListItem';
+const ChatListItemStatusRow = 'ChatListItemStatusRow';
+const ChatListItemStatusIcon = 'ChatListItemStatusIcon';
+const ChatListItemStatusStopped = 'ChatListItemStatusStopped';
+const ChatListItemStatusInProgress = 'ChatListItemStatusInProgress';
+const ChatListItemStatusFinished = 'ChatListItemStatusFinished';
 const ChatListItemLabel = 'ChatListItemLabel';
+const SessionArchiveButton = 'SessionArchiveButton';
 const ProjectAddButton = 'ProjectAddButton';
 const ProjectList = 'ProjectList';
 const ProjectListChevron = 'ProjectListChevron';
@@ -9210,6 +9299,9 @@ const HandleClickDictationButton = 34;
 const HandleMissingApiKeySubmit = 35;
 const HandleRunModeChange = 36;
 const HandleSearchInput = 37;
+const HandleChatWelcomeContextMenu = 39;
+const HandleChatHeaderContextMenu = 40;
+const HandleChatInputContextMenu = 41;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -9449,6 +9541,7 @@ const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchVal
     childCount: 0,
     className: MultilineInputBox,
     name: Composer,
+    onContextMenu: HandleChatInputContextMenu,
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
@@ -10742,6 +10835,7 @@ const getEmptyMessagesDom = () => {
   return [{
     childCount: 1,
     className: ChatWelcomeMessage,
+    onContextMenu: HandleChatWelcomeContextMenu,
     type: Div
   }, text(startConversation())];
 };
@@ -11039,6 +11133,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
   return [{
     childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 2,
@@ -11120,6 +11215,7 @@ const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out'
   return [{
     childCount: headerChildCount,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 1,
@@ -11157,18 +11253,37 @@ const getEmptyChatSessionsDom = () => {
   }, text(clickToOpenNewChat())];
 };
 
+const getSessionStatusClassName = session => {
+  const hasInProgressAssistantMessage = session.messages.some(message => message.role === 'assistant' && message.inProgress);
+  if (hasInProgressAssistantMessage) {
+    return ChatListItemStatusInProgress;
+  }
+  const hasAssistantMessage = session.messages.some(message => message.role === 'assistant');
+  if (hasAssistantMessage) {
+    return ChatListItemStatusFinished;
+  }
+  return ChatListItemStatusStopped;
+};
 const getSessionDom = session => {
   const sessionClassName = ChatListItem;
+  const sessionStatusClassName = getSessionStatusClassName(session);
   return [{
-    childCount: 2,
+    childCount: 3,
     className: sessionClassName,
     type: Li
+  }, {
+    childCount: 1,
+    className: ChatListItemStatusRow,
+    type: Div
+  }, {
+    childCount: 0,
+    className: `${ChatListItemStatusIcon} codicon codicon-circle-filled ${sessionStatusClassName}`,
+    type: Div
   }, {
     childCount: 1,
     className: ChatListItemLabel,
     name: getSessionInputName(session.id),
     onContextMenu: HandleListContextMenu,
-    tabIndex: 0,
     type: Div
   }, text(session.title), {
     childCount: 1,
@@ -11176,14 +11291,18 @@ const getSessionDom = session => {
     type: Div
   }, {
     childCount: 1,
-    className: IconButton,
+    className: mergeClassNames(IconButton, SessionArchiveButton),
     'data-id': session.id,
     name: SessionDelete,
     onClick: HandleClickDelete,
     tabIndex: 0,
     title: deleteChatSession$1(),
     type: Button$1
-  }, text('🗑')];
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconTrash',
+    type: Div
+  }];
 };
 
 const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
@@ -11811,9 +11930,20 @@ const renderEventListeners = () => {
     name: HandleMessagesContextMenu,
     params: ['handleMessagesContextMenu'],
     preventDefault: true
+  }, {
+    name: HandleChatWelcomeContextMenu,
+    params: ['handleChatWelcomeContextMenu']
+  }, {
+    name: HandleChatHeaderContextMenu,
+    params: ['handleChatHeaderContextMenu'],
+    preventDefault: true
   }, {
     name: HandleFocus,
     params: ['handleInputFocus', TargetName]
+  }, {
+    name: HandleChatInputContextMenu,
+    params: ['handleChatInputContextMenu'],
+    preventDefault: true
   }, {
     name: HandleKeyDown,
     params: ['handleKeyDown', Key, ShiftKey]
@@ -12072,8 +12202,11 @@ const commandMap = {
   'Chat.getMenuEntryIds': getMenuEntryIds,
   'Chat.getQuickPickMenuEntries': getQuickPickMenuEntries,
   'Chat.getSelectedSessionId': wrapGetter(getSelectedSessionId),
+  'Chat.handleChatHeaderContextMenu': wrapCommand(handleChatHeaderContextMenu),
+  'Chat.handleChatInputContextMenu': wrapCommand(handleChatInputContextMenu),
   'Chat.handleChatListContextMenu': handleChatListContextMenu,
   'Chat.handleChatListScroll': wrapCommand(handleChatListScroll),
+  'Chat.handleChatWelcomeContextMenu': wrapCommand(handleChatWelcomeContextMenu),
   'Chat.handleClick': wrapCommand(handleClick),
   'Chat.handleClickBack': wrapCommand(handleClickBack),
   'Chat.handleClickClose': handleClickClose,

package/package.json

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