@lvce-editor/chat-view 6.17.0 → 6.19.0

package/dist/chatViewWorkerMain.js

@@ -1118,14 +1118,14 @@ const create$2 = rpcId => {
 };
 
 const {
-  invoke: invoke$6,
+  invoke: invoke$7,
   set: set$7
 } = create$2(6007);
 const getMathBlockDom = async node => {
-  return invoke$6('ChatMath.getMathBlockDom', node);
+  return invoke$7('ChatMath.getMathBlockDom', node);
 };
 const getMathInlineDom = async node => {
-  return invoke$6('ChatMath.getMathInlineDom', node);
+  return invoke$7('ChatMath.getMathInlineDom', node);
 };
 
 const Button$2 = 'button';
@@ -1218,30 +1218,30 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusChatInput = 8000;
 
 const {
-  invoke: invoke$5,
+  invoke: invoke$6,
   set: set$6
 } = create$2(ChatNetworkWorker);
 
 const {
-  invoke: invoke$4,
+  invoke: invoke$5,
   set: set$5
 } = create$2(ChatToolWorker);
 
 const {
-  invoke: invoke$3,
+  invoke: invoke$4,
   set: set$4
 } = create$2(ExtensionHostWorker);
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$3,
   set: set$3
 } = create$2(OpenerWorker);
 const openExternal = async url => {
-  return invoke$2('Open.openExternal', url);
+  return invoke$3('Open.openExternal', url);
 };
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$2,
   invokeAndTransfer,
   set: set$2
 } = create$2(RendererWorker);
@@ -1250,7 +1250,7 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(menuId);
   number(x);
   number(y);
-  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
+  await invoke$2('ContextMenu.show2', uid, menuId, x, y, args);
 };
 const sendMessagePortToOpenerWorker$1 = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -1261,7 +1261,7 @@ const sendMessagePortToChatMathWorker$1 = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatMathWorker', port, command, rpcId);
 };
 const readFile = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
+  return invoke$2('FileSystem.readFile', uri);
 };
 const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
@@ -1274,13 +1274,13 @@ const sendMessagePortToChatToolWorker = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatToolWorker', port, 'HandleMessagePort.handleMessagePort');
 };
 const activateByEvent$1 = (event, assetDir, platform) => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
+  return invoke$2('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
 };
 const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
+  return await invoke$2('Preferences.get', key);
 };
 const measureTextBlockHeight$1 = async (actualInput, fontFamily, fontSize, lineHeightPx, width) => {
-  return invoke$1(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+  return invoke$2(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
 };
 
 const toCommandId = key => {
@@ -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');
@@ -1679,6 +1679,7 @@ const createDefaultState = () => {
     chatSendAreaPaddingLeft: 8,
     chatSendAreaPaddingRight: 8,
     chatSendAreaPaddingTop: 10,
+    chatStorageWorkerEnabled: false,
     composerDropActive: false,
     composerDropEnabled: true,
     composerFontFamily: 'system-ui',
@@ -1793,6 +1794,12 @@ const create = (uid, x, y, width, height, platform, assetDir) => {
   set$1(uid, state, state);
 };
 
+const invoke$1 = async (method, ...params) => {
+  {
+    throw new Error('ChatStorageWorker is not initialized');
+  }
+};
+
 const toError = error => {
   if (error instanceof Error) {
     return error;
@@ -2369,8 +2376,12 @@ const createDefaultStorage = () => {
   return new IndexedDbChatSessionStorage();
 };
 let chatSessionStorage = createDefaultStorage();
+let chatStorageWorkerEnabled = false;
+const setChatStorageWorkerEnabled$1 = enabled => {
+  chatStorageWorkerEnabled = enabled;
+};
 const listChatSessions = async () => {
-  const sessions = await chatSessionStorage.listSessions();
+  const sessions = chatStorageWorkerEnabled ? await invoke$1() : await chatSessionStorage.listSessions();
   return sessions.map(session => {
     const summary = {
       id: session.id,
@@ -2387,7 +2398,7 @@ const listChatSessions = async () => {
   });
 };
 const getChatSession = async id => {
-  const session = await chatSessionStorage.getSession(id);
+  const session = chatStorageWorkerEnabled ? await invoke$1('ChatStorage.getSession', id) : await chatSessionStorage.getSession(id);
   if (!session) {
     return undefined;
   }
@@ -2408,18 +2419,35 @@ const saveChatSession = async session => {
     messages: [...session.messages],
     title: session.title
   };
-  await chatSessionStorage.setSession(session.projectId ? {
+  const sessionValue = session.projectId ? {
     ...value,
     projectId: session.projectId
-  } : value);
+  } : value;
+  if (chatStorageWorkerEnabled) {
+    await invoke$1('ChatStorage.setSession', sessionValue);
+    return;
+  }
+  await chatSessionStorage.setSession(sessionValue);
 };
 const deleteChatSession = async id => {
+  if (chatStorageWorkerEnabled) {
+    await invoke$1('ChatStorage.deleteSession', id);
+    return;
+  }
   await chatSessionStorage.deleteSession(id);
 };
 const clearChatSessions = async () => {
+  if (chatStorageWorkerEnabled) {
+    await invoke$1();
+    return;
+  }
   await chatSessionStorage.clear();
 };
 const appendChatViewEvent = async event => {
+  if (chatStorageWorkerEnabled) {
+    await invoke$1('ChatStorage.appendEvent', event);
+    return;
+  }
   await chatSessionStorage.appendEvent(event);
 };
 
@@ -2943,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);
@@ -2968,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,
@@ -3042,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 = () => {
@@ -3058,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,
@@ -3075,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$1('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;
 };
 
@@ -3117,7 +3187,7 @@ const createSession = async (state, projectIdOverride = '') => {
 
 const openFolder = async () => {
   try {
-    return await invoke$1('FilePicker.showDirectoryPicker');
+    return await invoke$2('FilePicker.showDirectoryPicker');
   } catch {
     return '';
   }
@@ -3221,7 +3291,7 @@ const get = async key => {
   return getPreference(key);
 };
 const update = async settings => {
-  await invoke$1('Preferences.update', settings);
+  await invoke$2('Preferences.update', settings);
 };
 
 const trailingSlashesRegex$3 = /\/+$/;
@@ -3249,12 +3319,12 @@ const handleClickLogin = async state => {
   };
   if (state.uid) {
     set$1(state.uid, state, signingInState);
-    await invoke$1('Chat.rerender');
+    await invoke$2('Chat.rerender');
   }
   let usedMockResponse = false;
   try {
     usedMockResponse = hasPendingMockLoginResponse();
-    const response = usedMockResponse ? await consumeNextLoginResponse() : await invoke$1('Auth.login', state.backendUrl);
+    const response = usedMockResponse ? await consumeNextLoginResponse() : await invoke$2('Auth.login', state.backendUrl);
     if (!isLoginResponse(response)) {
       return {
         ...signingInState,
@@ -3288,7 +3358,7 @@ const handleClickLogin = async state => {
   } catch (error) {
     const errorMessage = error instanceof Error && error.message ? error.message : 'Backend authentication failed.';
     if (!usedMockResponse) {
-      await invoke$1('Main.openUri', `${trimTrailingSlashes(state.backendUrl)}/auth/login`);
+      await invoke$2('Main.openUri', `${trimTrailingSlashes(state.backendUrl)}/auth/login`);
     }
     return {
       ...signingInState,
@@ -3300,7 +3370,7 @@ const handleClickLogin = async state => {
 
 const handleClickLogout = async state => {
   try {
-    await invoke$1('Auth.logout', state.backendUrl);
+    await invoke$2('Auth.logout', state.backendUrl);
   } catch {
     // Ignore logout bridge errors and still clear local auth state.
   }
@@ -3321,7 +3391,7 @@ const handleClickLogout = async state => {
 };
 
 const handleClickOpenApiApiKeySettings = async state => {
-  await invoke$1('Main.openUri', 'app://settings.json');
+  await invoke$2('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -3331,7 +3401,7 @@ const handleClickOpenApiApiKeyWebsite = async state => {
 };
 
 const handleClickOpenRouterApiKeySettings = async state => {
-  await invoke$1('Main.openUri', 'app://settings.json');
+  await invoke$2('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -3368,10 +3438,10 @@ const getAiResponse$1 = async options => {
 };
 
 const execute = async (name, rawArguments, options) => {
-  return invoke$4('ChatTool.execute', name, rawArguments, options);
+  return invoke$5('ChatTool.execute', name, rawArguments, options);
 };
 const getTools = async () => {
-  return invoke$4('ChatTool.getTools');
+  return invoke$5('ChatTool.getTools');
 };
 
 const stringifyToolOutput = output => {
@@ -3871,7 +3941,7 @@ const executeProvider = async ({
 }) => {
   await activateByEvent(event, assetDir, platform);
   // @ts-ignore
-  const result = invoke$3(method, ...params);
+  const result = invoke$4(method, ...params);
   return result;
 };
 
@@ -4003,10 +4073,10 @@ const getOpenApiApiEndpoint = openApiApiBaseUrl => {
 };
 
 const makeApiRequest = async options => {
-  return invoke$5('ChatNetwork.makeApiRequest', options);
+  return invoke$6('ChatNetwork.makeApiRequest', options);
 };
 const makeStreamingApiRequest = async options => {
-  return invoke$5('ChatNetwork.makeStreamingApiRequest', options);
+  return invoke$6('ChatNetwork.makeStreamingApiRequest', options);
 };
 
 const getTextContent = content => {
@@ -5858,7 +5928,7 @@ const handleClickSaveOpenRouterApiKey = async state => {
   };
   set$1(state.uid, state, optimisticState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
   const persistedState = await setOpenRouterApiKey(optimisticState, openRouterApiKey);
   const updatedState = {
     ...persistedState,
@@ -7226,7 +7296,7 @@ const getSelectedSession = (sessions, selectedSessionId) => {
 const setAndRerenderHandleTextChunkState = async (uid, previousState, nextState) => {
   set$1(uid, previousState, nextState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
 };
 
 const getToolCallMergeKey = toolCall => {
@@ -7366,7 +7436,7 @@ const handleTextChunkFunction = async (uid, assistantMessageId, chunk, handleTex
   };
   set$1(uid, handleTextChunkState.previousState, nextState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
   return {
     latestState: nextState,
     previousState: nextState
@@ -7568,7 +7638,7 @@ const handleSubmit = async state => {
   }
   set$1(state.uid, state, optimisticState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
   let handleTextChunkState = {
     latestState: optimisticState,
     previousState: optimisticState
@@ -7961,7 +8031,7 @@ const handleClickBack = async state => {
 
 const handleClickClose = async () => {
   // @ts-ignore
-  await invoke$1('Layout.hideSecondarySideBar');
+  await invoke$2('Layout.hideSecondarySideBar');
 };
 
 const handleClickDelete = async (state, sessionId = '') => {
@@ -7983,7 +8053,7 @@ const handleClickFileName = async uri => {
     return;
   }
   const normalizedUri = normalizeFileReferenceUri(uri);
-  await invoke$1('Main.openUri', normalizedUri);
+  await invoke$2('Main.openUri', normalizedUri);
 };
 
 const handleClickNew = async state => {
@@ -7993,12 +8063,12 @@ const handleClickNew = async state => {
 };
 
 const handleClickSessionDebug = async state => {
-  await invoke$1('Main.openUri', `chat-debug://${state.selectedSessionId}`);
+  await invoke$2('Main.openUri', `chat-debug://${state.selectedSessionId}`);
   return state;
 };
 
 const handleClickSettings = async () => {
-  await invoke$1('Main.openUri', 'app://settings.json');
+  await invoke$2('Main.openUri', 'app://settings.json');
 };
 
 const handleDragEnter = async (state, name, hasFiles = true) => {
@@ -8553,6 +8623,15 @@ const loadBackendUrl = async () => {
   }
 };
 
+const loadChatStorageWorkerEnabled = async () => {
+  try {
+    const savedChatStorageWorkerEnabled = await get('chatView.chatStorageWorkerEnabled');
+    return typeof savedChatStorageWorkerEnabled === 'boolean' ? savedChatStorageWorkerEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadComposerDropEnabled = async () => {
   try {
     const savedComposerDropEnabled = await get('chatView.composerDropEnabled');
@@ -8679,13 +8758,14 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, searchEnabled, streamingEnabled, todoListToolEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, chatStorageWorkerEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, searchEnabled, streamingEnabled, todoListToolEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadChatStorageWorkerEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     authAccessToken,
     authEnabled,
     authRefreshToken,
     backendUrl,
+    chatStorageWorkerEnabled,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
@@ -8743,6 +8823,7 @@ const loadContent = async (state, savedState) => {
     authEnabled,
     authRefreshToken,
     backendUrl,
+    chatStorageWorkerEnabled,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
@@ -8757,6 +8838,7 @@ const loadContent = async (state, savedState) => {
     useChatToolWorker,
     voiceDictationEnabled
   } = await loadPreferences();
+  setChatStorageWorkerEnabled$1(chatStorageWorkerEnabled);
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
   let sessions = storedSessions;
@@ -8812,6 +8894,7 @@ const loadContent = async (state, savedState) => {
     authStatus: authAccessToken ? 'signed-in' : 'signed-out',
     backendUrl,
     chatListScrollTop,
+    chatStorageWorkerEnabled,
     composerDropActive: false,
     composerDropEnabled,
     composerValue: savedComposerValue ?? state.composerValue,
@@ -8956,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;
@@ -8982,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}
 
@@ -9081,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';
@@ -9169,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') {
@@ -9408,6 +9541,7 @@ const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchVal
     childCount: 0,
     className: MultilineInputBox,
     name: Composer,
+    onContextMenu: HandleChatInputContextMenu,
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
@@ -10701,6 +10835,7 @@ const getEmptyMessagesDom = () => {
   return [{
     childCount: 1,
     className: ChatWelcomeMessage,
+    onContextMenu: HandleChatWelcomeContextMenu,
     type: Div
   }, text(startConversation())];
 };
@@ -10998,6 +11133,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
   return [{
     childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 2,
@@ -11079,6 +11215,7 @@ const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out'
   return [{
     childCount: headerChildCount,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 1,
@@ -11116,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,
@@ -11135,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) => {
@@ -11770,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]
@@ -11901,6 +12072,19 @@ const setChatList = state => {
   };
 };
 
+const setChatStorageWorkerEnabled = async (state, chatStorageWorkerEnabled, persist = true) => {
+  if (persist) {
+    await update({
+      'chatView.chatStorageWorkerEnabled': chatStorageWorkerEnabled
+    });
+  }
+  setChatStorageWorkerEnabled$1(chatStorageWorkerEnabled);
+  return {
+    ...state,
+    chatStorageWorkerEnabled
+  };
+};
+
 const setEmitStreamingFunctionCallEvents = (state, emitStreamingFunctionCallEvents) => {
   return {
     ...state,
@@ -12018,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,
@@ -12070,6 +12257,7 @@ const commandMap = {
   'Chat.setAuthEnabled': wrapCommand(setAuthEnabled),
   'Chat.setBackendUrl': wrapCommand(setBackendUrl),
   'Chat.setChatList': wrapCommand(setChatList),
+  'Chat.setChatStorageWorkerEnabled': wrapCommand(setChatStorageWorkerEnabled),
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
   'Chat.setNewChatModelPickerEnabled': wrapCommand(setNewChatModelPickerEnabled),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),

package/package.json

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