@lvce-editor/chat-view 6.16.0 → 6.18.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 => {
@@ -1679,6 +1679,7 @@ const createDefaultState = () => {
     chatSendAreaPaddingLeft: 8,
     chatSendAreaPaddingRight: 8,
     chatSendAreaPaddingTop: 10,
+    chatStorageWorkerEnabled: false,
     composerDropActive: false,
     composerDropEnabled: true,
     composerFontFamily: 'system-ui',
@@ -1702,7 +1703,10 @@ const createDefaultState = () => {
     messagesScrollTop: 0,
     mockAiResponseDelay: 800,
     mockApiCommandId: '',
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     models: getDefaultModels(),
+    newChatModelPickerEnabled: false,
     nextMessageId: 1,
     openApiApiBaseUrl: 'https://api.openai.com/v1',
     openApiApiKey: '',
@@ -1790,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;
@@ -2366,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,
@@ -2384,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;
   }
@@ -2405,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);
 };
 
@@ -2560,7 +2591,7 @@ const isEqualProjectExpandedIds = (a, b) => {
   return true;
 };
 const isEqual = (oldState, newState) => {
-  return oldState.addContextButtonEnabled === newState.addContextButtonEnabled && oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
+  return oldState.addContextButtonEnabled === newState.addContextButtonEnabled && oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && oldState.modelPickerOpen === newState.modelPickerOpen && oldState.modelPickerSearchValue === newState.modelPickerSearchValue && oldState.newChatModelPickerEnabled === newState.newChatModelPickerEnabled && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
 };
 
 const diffScrollTop = (oldState, newState) => {
@@ -3083,7 +3114,7 @@ const handleChatListContextMenu = async (state, eventX, eventY) => {
   if (!item) {
     return state;
   }
-  await invoke$1('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
+  await invoke$2('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
   return state;
 };
 
@@ -3114,7 +3145,7 @@ const createSession = async (state, projectIdOverride = '') => {
 
 const openFolder = async () => {
   try {
-    return await invoke$1('FilePicker.showDirectoryPicker');
+    return await invoke$2('FilePicker.showDirectoryPicker');
   } catch {
     return '';
   }
@@ -3218,7 +3249,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 = /\/+$/;
@@ -3246,12 +3277,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,
@@ -3285,7 +3316,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,
@@ -3297,7 +3328,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.
   }
@@ -3318,7 +3349,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;
 };
 
@@ -3328,7 +3359,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;
 };
 
@@ -3365,10 +3396,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 => {
@@ -3868,7 +3899,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;
 };
 
@@ -4000,10 +4031,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 => {
@@ -5855,7 +5886,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,
@@ -7223,7 +7254,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 => {
@@ -7363,7 +7394,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
@@ -7565,7 +7596,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
@@ -7688,6 +7719,9 @@ const Dictate = 'dictate';
 const Send = 'send';
 const Back = 'back';
 const Model = 'model';
+const ModelPickerToggle = 'model-picker-toggle';
+const ModelPickerSearch = 'model-picker-search';
+const ModelPickerSettings = 'model-picker-settings';
 const RunMode = 'runMode';
 const ToggleChatFocus = 'toggle-chat-focus';
 const ToggleSearch = 'toggle-search';
@@ -7703,6 +7737,7 @@ const SessionDelete = 'SessionDelete';
 const ProjectPrefix = 'project:';
 const SessionPrefix = 'session:';
 const RenamePrefix = 'session-rename:';
+const ModelPickerItemPrefix = 'model-picker-item:';
 const getProjectInputName = projectId => {
   return `${ProjectPrefix}${projectId}`;
 };
@@ -7736,6 +7771,15 @@ const isRenameInputName = name => {
 const getRenameIdFromInputName = name => {
   return name.slice(RenamePrefix.length);
 };
+const getModelPickerItemInputName = modelId => {
+  return `${ModelPickerItemPrefix}${modelId}`;
+};
+const isModelPickerItemInputName = name => {
+  return name.startsWith(ModelPickerItemPrefix);
+};
+const getModelIdFromModelPickerItemInputName = name => {
+  return name.slice(ModelPickerItemPrefix.length);
+};
 
 const OpenApiApiKeyInput = 'open-api-api-key';
 const SaveOpenApiApiKey = 'save-openapi-api-key';
@@ -7875,6 +7919,22 @@ const handleClick = async (state, name, id = '') => {
         searchFieldVisible: !state.searchFieldVisible,
         searchValue: state.searchFieldVisible ? '' : state.searchValue
       };
+    case name === ModelPickerToggle:
+      return {
+        ...state,
+        modelPickerOpen: !state.modelPickerOpen,
+        modelPickerSearchValue: state.modelPickerOpen ? '' : state.modelPickerSearchValue
+      };
+    case isModelPickerItemInputName(name):
+      {
+        const modelId = getModelIdFromModelPickerItemInputName(name);
+        return {
+          ...state,
+          modelPickerOpen: false,
+          modelPickerSearchValue: '',
+          selectedModelId: modelId
+        };
+      }
     case isProjectInputName(name):
       {
         const projectId = getProjectIdFromInputName(name);
@@ -7929,7 +7989,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 = '') => {
@@ -7951,7 +8011,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 => {
@@ -7961,12 +8021,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) => {
@@ -8078,6 +8138,12 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
   if (name === Search) {
     return handleSearchValueChange(state, value);
   }
+  if (name === ModelPickerSearch) {
+    return {
+      ...state,
+      modelPickerSearchValue: value
+    };
+  }
   if (name !== Composer) {
     return state;
   }
@@ -8208,6 +8274,8 @@ const handleMissingApiKeySubmit = async (state, submitterName = '') => {
 const handleModelChange = async (state, value) => {
   return {
     ...state,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     selectedModelId: value
   };
 };
@@ -8513,6 +8581,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');
@@ -8639,13 +8716,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,
@@ -8703,6 +8781,7 @@ const loadContent = async (state, savedState) => {
     authEnabled,
     authRefreshToken,
     backendUrl,
+    chatStorageWorkerEnabled,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
@@ -8717,6 +8796,7 @@ const loadContent = async (state, savedState) => {
     useChatToolWorker,
     voiceDictationEnabled
   } = await loadPreferences();
+  setChatStorageWorkerEnabled$1(chatStorageWorkerEnabled);
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
   let sessions = storedSessions;
@@ -8772,6 +8852,7 @@ const loadContent = async (state, savedState) => {
     authStatus: authAccessToken ? 'signed-in' : 'signed-out',
     backendUrl,
     chatListScrollTop,
+    chatStorageWorkerEnabled,
     composerDropActive: false,
     composerDropEnabled,
     composerValue: savedComposerValue ?? state.composerValue,
@@ -8779,6 +8860,9 @@ const loadContent = async (state, savedState) => {
     initial: false,
     lastNormalViewMode,
     messagesScrollTop,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
+    newChatModelPickerEnabled: state.newChatModelPickerEnabled,
     openApiApiKey,
     openApiApiKeyInput: openApiApiKey,
     openRouterApiKey,
@@ -9006,6 +9090,12 @@ const ChatViewDropOverlay = 'ChatViewDropOverlay';
 const ChatViewDropOverlayActive = 'ChatViewDropOverlayActive';
 const SendButtonDisabled = 'SendButtonDisabled';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
+const ChatModelPickerContainer = 'ChatModelPickerContainer';
+const ChatModelPicker = 'ChatModelPicker';
+const ChatModelPickerHeader = 'ChatModelPickerHeader';
+const ChatModelPickerList = 'ChatModelPickerList';
+const ChatModelPickerItem = 'ChatModelPickerItem';
+const ChatModelPickerItemSelected = 'ChatModelPickerItemSelected';
 const ChatSendAreaContent = 'ChatSendAreaContent';
 const ChatTodoList = 'ChatTodoList';
 const ChatTodoListHeader = 'ChatTodoListHeader';
@@ -9050,6 +9140,7 @@ const Markdown = 'Markdown';
 const MarkdownQuote = 'MarkdownQuote';
 const MarkdownMathBlock = 'MarkdownMathBlock';
 const MarkdownTable = 'MarkdownTable';
+const ChatTableWrapper = 'ChatTableWrapper';
 const Message = 'Message';
 const ChatMessageContent = 'ChatMessageContent';
 const ChatToolCalls = 'ChatToolCalls';
@@ -9130,6 +9221,66 @@ const getModelLabel = model => {
   return model.name;
 };
 
+const getChatModelPickerVirtualDom = (models, selectedModelId, modelPickerOpen, modelPickerSearchValue) => {
+  const selectedModel = models.find(model => model.id === selectedModelId);
+  const selectedModelLabel = selectedModel ? selectedModel.name : selectedModelId;
+  const normalizedSearch = modelPickerSearchValue.trim().toLowerCase();
+  const visibleModels = normalizedSearch ? models.filter(model => getModelLabel(model).toLowerCase().includes(normalizedSearch)) : models;
+  return [{
+    childCount: modelPickerOpen ? 2 : 1,
+    className: ChatModelPickerContainer,
+    type: Div
+  }, {
+    childCount: 2,
+    className: Select,
+    name: ModelPickerToggle,
+    onClick: HandleClick,
+    title: selectedModelLabel,
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconChevronUp',
+    type: Div
+  }, text(selectedModelLabel), ...(modelPickerOpen ? [{
+    childCount: 3 + visibleModels.length,
+    className: ChatModelPicker,
+    type: Div
+  }, {
+    childCount: 2,
+    className: ChatModelPickerHeader,
+    type: Div
+  }, {
+    childCount: 0,
+    className: InputBox,
+    name: ModelPickerSearch,
+    onInput: HandleInput,
+    placeholder: 'Search models',
+    type: Input,
+    value: modelPickerSearchValue
+  }, {
+    childCount: 1,
+    className: IconButton,
+    name: ModelPickerSettings,
+    onClick: HandleClick,
+    title: 'Settings',
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconSettingsGear',
+    type: Div
+  }, {
+    childCount: visibleModels.length,
+    className: ChatModelPickerList,
+    type: Div
+  }, ...visibleModels.flatMap(model => [{
+    childCount: 1,
+    className: `${ChatModelPickerItem}${model.id === selectedModelId ? ` ${ChatModelPickerItemSelected}` : ''}`,
+    name: getModelPickerItemInputName(model.id),
+    onClick: HandleClick,
+    type: Button$1
+  }, text(getModelLabel(model))])] : [])];
+};
+
 const getModelOptionDOm = (model, selectedModelId) => {
   return [{
     childCount: 1,
@@ -9253,7 +9404,7 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text(usageLabel)];
 };
 
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled = false) => {
+const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled = false) => {
   const isSendDisabled = composerValue.trim() === '';
   const controlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (showRunMode ? 1 : 0) + (addContextButtonEnabled ? 1 : 0);
   const hasTodoList = todoListToolEnabled && todoListItems.length > 0;
@@ -9307,7 +9458,7 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     childCount: voiceDictationEnabled ? controlsCount + 1 : controlsCount,
     className: ChatSendAreaBottom,
     type: Div
-  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+  }, ...(newChatModelPickerEnabled ? getChatModelPickerVirtualDom(models, selectedModelId, modelPickerOpen, modelPickerSearchValue) : getChatSelectVirtualDom(models, selectedModelId)), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
 
 const getImageAltText = alt => {
@@ -9544,6 +9695,9 @@ const highlightCode = (code, language) => {
   }];
 };
 
+const hasVisibleInlineContent = children => {
+  return children.some(child => child.type !== 'text' || child.text.trim() !== '');
+};
 const getTokenDom = token => {
   if (!token.className) {
     return [text(token.text)];
@@ -9605,6 +9759,11 @@ const getTableRowDom = (row, useChatMathWorker) => {
 };
 const getTableDom = (node, useChatMathWorker) => {
   return [{
+    childCount: 1,
+    className: ChatTableWrapper,
+    style: 'padding-bottom: 8px;',
+    type: Div
+  }, {
     childCount: 2,
     className: MarkdownTable,
     type: Table
@@ -9650,6 +9809,9 @@ const getBlockQuoteDom = (node, useChatMathWorker) => {
 };
 const getMessageNodeDom = (node, useChatMathWorker = false) => {
   if (node.type === 'text') {
+    if (!hasVisibleInlineContent(node.children)) {
+      return [];
+    }
     return [{
       childCount: node.children.length,
       className: Markdown,
@@ -10563,7 +10725,8 @@ const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput
   const messageDom = getMessageContentDom(parsedMessageContent, useChatMathWorker);
   const toolCallsDom = getToolCallsDom(message);
   const toolCallsChildCount = toolCallsDom.length > 0 ? 1 : 0;
-  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? parsedMessageContent.length + 1 + toolCallsChildCount : parsedMessageContent.length + toolCallsChildCount;
+  const messageDomChildCount = messageDom.filter(node => node.type !== Text).length;
+  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageDomChildCount + 1 + toolCallsChildCount : messageDomChildCount + toolCallsChildCount;
   return [{
     childCount: 1,
     className: mergeClassNames(Message, roleClassName),
@@ -10737,7 +10900,10 @@ const getChatModeChatFocusVirtualDom = ({
   composerLineHeight = 20,
   composerValue,
   messagesScrollTop = 0,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   openApiApiKeyInput,
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
@@ -10768,7 +10934,7 @@ const getChatModeChatFocusVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10902,7 +11068,10 @@ const getChatModeDetailVirtualDom = ({
   composerLineHeight = 20,
   composerValue,
   messagesScrollTop = 0,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   openApiApiKeyInput,
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
@@ -10930,7 +11099,7 @@ const getChatModeDetailVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -11044,7 +11213,10 @@ const getChatModeListVirtualDom = ({
   composerHeight = 28,
   composerLineHeight = 20,
   composerValue,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   runMode,
   searchEnabled = false,
   searchFieldVisible = false,
@@ -11069,7 +11241,7 @@ const getChatModeListVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -11177,7 +11349,10 @@ const getChatVirtualDom = options => {
     composerLineHeight,
     composerValue,
     messagesScrollTop,
+    modelPickerOpen = false,
+    modelPickerSearchValue = '',
     models,
+    newChatModelPickerEnabled = false,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11219,7 +11394,10 @@ const getChatVirtualDom = options => {
         composerLineHeight,
         composerValue,
         messagesScrollTop,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         openApiApiKeyInput,
         openRouterApiKeyInput,
         openRouterApiKeyState,
@@ -11255,7 +11433,10 @@ const getChatVirtualDom = options => {
         composerLineHeight,
         composerValue,
         messagesScrollTop,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         openApiApiKeyInput,
         openRouterApiKeyInput,
         openRouterApiKeyState,
@@ -11287,7 +11468,10 @@ const getChatVirtualDom = options => {
         composerHeight,
         composerLineHeight,
         composerValue,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         runMode,
         searchEnabled,
         searchFieldVisible,
@@ -11324,7 +11508,10 @@ const renderItems = (oldState, newState) => {
     composerValue,
     initial,
     messagesScrollTop,
+    modelPickerOpen,
+    modelPickerSearchValue,
     models,
+    newChatModelPickerEnabled,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11367,7 +11554,10 @@ const renderItems = (oldState, newState) => {
     composerLineHeight,
     composerValue,
     messagesScrollTop,
+    modelPickerOpen,
+    modelPickerSearchValue,
     models,
+    newChatModelPickerEnabled,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11649,6 +11839,8 @@ const reset = async state => {
     composerHeight: getMinComposerHeightForState(state),
     composerValue: '',
     mockAiResponseDelay: 0,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     openApiApiKey: '',
     openRouterApiKey: '',
     openRouterApiKeyInput: '',
@@ -11750,6 +11942,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,
@@ -11757,6 +11962,15 @@ const setEmitStreamingFunctionCallEvents = (state, emitStreamingFunctionCallEven
   };
 };
 
+const setNewChatModelPickerEnabled = (state, newChatModelPickerEnabled) => {
+  return {
+    ...state,
+    modelPickerOpen: newChatModelPickerEnabled ? state.modelPickerOpen : false,
+    modelPickerSearchValue: newChatModelPickerEnabled ? state.modelPickerSearchValue : '',
+    newChatModelPickerEnabled
+  };
+};
+
 const setQuestionToolEnabled = (state, questionToolEnabled) => {
   return {
     ...state,
@@ -11910,7 +12124,9 @@ 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),
   'Chat.setQuestionToolEnabled': wrapCommand(setQuestionToolEnabled),
   'Chat.setSearchEnabled': wrapCommand(setSearchEnabled),
@@ -11958,6 +12174,18 @@ const initializeChatNetworkWorker = async () => {
   set$6(rpc);
 };
 
+const sendMessagePortToChatStorageWorker = async port => {
+  // @ts-ignore
+  await undefined(port, 0);
+};
+const initializeChatStorageWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: sendMessagePortToChatStorageWorker
+  });
+  set$3(rpc);
+};
+
 const send = port => {
   return sendMessagePortToChatToolWorker(port);
 };
@@ -11986,7 +12214,7 @@ const listen = async () => {
     commandMap: commandMap
   });
   set$2(rpc);
-  await Promise.all([initializeChatNetworkWorker(), initializeChatMathWorker(), initializeChatCoordinatorWorker(), initializeChatToolWorker(), initializeOpenerWorker()]);
+  await Promise.all([initializeChatNetworkWorker(), initializeChatMathWorker(), initializeChatCoordinatorWorker(), initializeChatToolWorker(), initializeOpenerWorker(), initializeChatStorageWorker()]);
 };
 
 const main = async () => {

package/package.json

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