@lvce-editor/chat-view 4.3.0 → 4.5.0

package/dist/chatViewWorkerMain.js

@@ -851,7 +851,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
   const responseMessage = await promise;
   return unwrapJsonRpcResult(responseMessage);
 };
-const createRpc = ipc => {
+const createRpc$1 = ipc => {
   const callbacks = Object.create(null);
   ipc._resolve = (id, response) => {
     const fn = callbacks[id];
@@ -931,7 +931,7 @@ const create$6 = async ({
   });
   const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
   handleIpc(ipc);
-  const rpc = createRpc(ipc);
+  const rpc = createRpc$1(ipc);
   messagePort.start();
   return rpc;
 };
@@ -1002,7 +1002,7 @@ const create$3 = async ({
   register(commandMap);
   const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
   handleIpc(ipc);
-  const rpc = createRpc(ipc);
+  const rpc = createRpc$1(ipc);
   return rpc;
 };
 
@@ -1027,7 +1027,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$4 = (id, rpc) => {
+const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$2 = id => {
@@ -1060,7 +1060,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$4(rpcId, mockRpc);
+      set$5(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1069,15 +1069,15 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$4(rpcId, rpc);
+      set$5(rpcId, rpc);
     }
   };
 };
 
 const {
-  invoke: invoke$2,
-  set: set$3
-} = create$2(6002);
+  invoke: invoke$4,
+  set: set$4
+} = create$2(6007);
 
 const Button$2 = 'button';
 
@@ -1146,6 +1146,7 @@ const Enter = 3;
 
 const Shift = 1 << 10 >>> 0;
 
+const ChatNetworkWorker = 6002;
 const ExtensionHostWorker = 44;
 const RendererWorker = 1;
 
@@ -1160,17 +1161,22 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusChatInput = 8000;
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$3,
+  set: set$3
+} = create$2(ChatNetworkWorker);
+
+const {
+  invoke: invoke$2,
   set: set$2
 } = create$2(ExtensionHostWorker);
 
 const {
-  invoke,
+  invoke: invoke$1,
   invokeAndTransfer,
   set: set$1
 } = create$2(RendererWorker);
 const readFile = async uri => {
-  return invoke('FileSystem.readFile', uri);
+  return invoke$1('FileSystem.readFile', uri);
 };
 const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
@@ -1179,27 +1185,23 @@ const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
 const sendMessagePortToChatNetworkWorker = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatNetworkWorker', port, 'HandleMessagePort.handleMessagePort');
 };
-const confirm = async (message, options) => {
-  const result = await invoke('ConfirmPrompt.prompt', message, options);
-  return result;
-};
 const writeFile = async (uri, text) => {
-  await invoke('FileSystem.writeFile', uri, text);
+  await invoke$1('FileSystem.writeFile', uri, text);
 };
 const activateByEvent$1 = (event, assetDir, platform) => {
-  return invoke('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
+  return invoke$1('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
 };
 const getWorkspacePath = () => {
-  return invoke('Workspace.getPath');
+  return invoke$1('Workspace.getPath');
 };
 const getPreference = async key => {
-  return await invoke('Preferences.get', key);
+  return await invoke$1('Preferences.get', key);
 };
 const openExternal = async uri => {
-  await invoke('Open.openExternal', uri);
+  await invoke$1('Open.openExternal', uri);
 };
 const measureTextBlockHeight$1 = async (actualInput, fontFamily, fontSize, lineHeightPx, width) => {
-  return invoke(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+  return invoke$1(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
 };
 
 const toCommandId = key => {
@@ -1323,6 +1325,9 @@ const terminate = () => {
 };
 
 const measureTextBlockHeight = async (text, fontFamily, fontSize, lineHeight, width) => {
+  // Upstream renderer types currently require number, but runtime accepts px strings.
+  // Keep forwarding the string to preserve chat-view behavior until upstream is updated.
+  // @ts-ignore
   return measureTextBlockHeight$1(text, fontFamily, fontSize, lineHeight, width);
 };
 
@@ -1354,7 +1359,7 @@ const getComposerHeight = async (state, value, width = state.width) => {
   const content = value || ' ';
   const composerWidth = getComposerWidth(width);
   try {
-    const measuredHeight = await measureTextBlockHeight(content, composerFontFamily, composerFontSize, composerLineHeight, composerWidth);
+    const measuredHeight = await measureTextBlockHeight(content, composerFontFamily, composerFontSize, `${composerLineHeight}px`, composerWidth);
     const height = Math.ceil(measuredHeight) + 8;
     return Math.max(minimumHeight, Math.min(maximumHeight, height));
   } catch {
@@ -1623,6 +1628,7 @@ const createDefaultState = () => {
     tokensUsed: 0,
     uid: 0,
     usageOverviewEnabled: false,
+    useChatMathWorker: true,
     useChatNetworkWorkerForRequests: false,
     useMockApi: false,
     viewMode: 'list',
@@ -2430,7 +2436,7 @@ const isEqualProjectExpandedIds = (a, b) => {
   return true;
 };
 const isEqual = (oldState, newState) => {
-  return 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.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
+  return 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.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) => {
@@ -2819,7 +2825,7 @@ const handleChatListContextMenu = async (state, eventX, eventY) => {
   if (!item) {
     return state;
   }
-  await invoke('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
+  await invoke$1('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
   return state;
 };
 
@@ -2848,6 +2854,14 @@ const createSession = async (state, projectIdOverride = '') => {
   };
 };
 
+const openFolder = async () => {
+  try {
+    return await invoke$1('FilePicker.showDirectoryPicker');
+  } catch {
+    return '';
+  }
+};
+
 const selectProject = async (state, projectId) => {
   if (!projectId || state.selectedProjectId === projectId) {
     return state;
@@ -2894,17 +2908,8 @@ const getProjectName = (uri, fallbackIndex) => {
 const getNextProjectId = projects => {
   return `project-${projects.length + 1}`;
 };
-const pickProjectUri = async () => {
-  try {
-    const workspaceUri = await getWorkspacePath();
-    return workspaceUri;
-  } catch {
-    return '';
-  }
-};
 const handleClickCreateProject = async state => {
-  await confirm('project added');
-  const uri = await pickProjectUri();
+  const uri = await openFolder();
   if (!uri) {
     return state;
   }
@@ -2928,7 +2933,7 @@ const handleClickCreateProject = async state => {
 };
 
 const handleClickOpenApiApiKeySettings = async state => {
-  await invoke('Main.openUri', 'app://settings.json');
+  await invoke$1('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -2938,7 +2943,7 @@ const handleClickOpenApiApiKeyWebsite = async state => {
 };
 
 const handleClickOpenRouterApiKeySettings = async state => {
-  await invoke('Main.openUri', 'app://settings.json');
+  await invoke$1('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -2956,6 +2961,17 @@ const openRouterTooManyRequestsMessage = 'OpenRouter rate limit reached (429). P
 const openRouterRequestFailureReasons = ['ContentSecurityPolicyViolation: Check DevTools for details.', 'OpenRouter server offline: Check DevTools for details.', 'Check your internet connection.'];
 const openRouterTooManyRequestsReasons = ['Wait a short time and retry your request.', 'Reduce request frequency to avoid rate limits.', 'Use a different model if this one is saturated.'];
 
+const getToolErrorPayload = error => {
+  const rawStack = error && typeof error === 'object' ? Reflect.get(error, 'stack') : undefined;
+  return {
+    error: String(error),
+    ...(typeof rawStack === 'string' && rawStack.trim() ? {
+      errorStack: rawStack,
+      stack: rawStack
+    } : {})
+  };
+};
+
 const executeGetWorkspaceUriTool = async (_args, _options) => {
   try {
     const workspaceUri = await getWorkspacePath();
@@ -2963,9 +2979,7 @@ const executeGetWorkspaceUriTool = async (_args, _options) => {
       workspaceUri
     });
   } catch (error) {
-    return JSON.stringify({
-      error: String(error)
-    });
+    return JSON.stringify(getToolErrorPayload(error));
   }
 };
 
@@ -2980,14 +2994,14 @@ const executeListFilesTool = async (args, _options) => {
     });
   }
   try {
-    const entries = await invoke('FileSystem.readDirWithFileTypes', uri);
+    const entries = await invoke$1('FileSystem.readDirWithFileTypes', uri);
     return JSON.stringify({
       entries,
       uri
     });
   } catch (error) {
     return JSON.stringify({
-      error: String(error),
+      ...getToolErrorPayload(error),
       uri
     });
   }
@@ -3037,10 +3051,7 @@ const executeReadFileTool = async (args, _options) => {
       });
     } catch (error) {
       return JSON.stringify({
-        error: String(error),
-        ...(error instanceof Error && typeof error.stack === 'string' ? {
-          stack: error.stack
-        } : {}),
+        ...getToolErrorPayload(error),
         uri
       });
     }
@@ -3060,10 +3071,7 @@ const executeReadFileTool = async (args, _options) => {
     });
   } catch (error) {
     return JSON.stringify({
-      error: String(error),
-      ...(error instanceof Error && typeof error.stack === 'string' ? {
-        stack: error.stack
-      } : {}),
+      ...getToolErrorPayload(error),
       path: normalizedPath
     });
   }
@@ -3109,7 +3117,7 @@ const executeWriteFileTool = async (args, _options) => {
     });
   } catch (error) {
     return JSON.stringify({
-      error: String(error),
+      ...getToolErrorPayload(error),
       path: normalizedPath
     });
   }
@@ -3346,6 +3354,36 @@ const readNextChunk = async () => {
   return promise;
 };
 
+const getResponseFunctionCalls$1 = value => {
+  if (!value || typeof value !== 'object') {
+    return [];
+  }
+  const output = Reflect.get(value, 'output');
+  if (!Array.isArray(output)) {
+    return [];
+  }
+  const responseFunctionCalls = [];
+  for (const item of output) {
+    if (!item || typeof item !== 'object') {
+      continue;
+    }
+    if (Reflect.get(item, 'type') !== 'function_call') {
+      continue;
+    }
+    const callId = Reflect.get(item, 'call_id');
+    const name = Reflect.get(item, 'name');
+    const rawArguments = Reflect.get(item, 'arguments');
+    if (typeof callId !== 'string' || typeof name !== 'string') {
+      continue;
+    }
+    responseFunctionCalls.push({
+      arguments: typeof rawArguments === 'string' ? rawArguments : '',
+      callId,
+      name
+    });
+  }
+  return responseFunctionCalls;
+};
 const parseSseDataLines = eventChunk => {
   const lines = eventChunk.split('\n');
   const dataLines = [];
@@ -3375,6 +3413,9 @@ const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk
   let text = '';
   let remainder = '';
   let toolCallAccumulator = {};
+  let responseFunctionCalls = [];
+  let responseId;
+  let requestDone = false;
   let finishedNotified = false;
   const notifyFinished = async () => {
     if (finishedNotified) {
@@ -3394,6 +3435,13 @@ const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk
     }
     const eventType = Reflect.get(parsed, 'type');
     if (eventType === 'response.completed') {
+      const response = Reflect.get(parsed, 'response');
+      responseFunctionCalls = getResponseFunctionCalls$1(response);
+      const parsedResponseId = response && typeof response === 'object' ? Reflect.get(response, 'id') : undefined;
+      if (typeof parsedResponseId === 'string' && parsedResponseId) {
+        responseId = parsedResponseId;
+      }
+      requestDone = true;
       await notifyFinished();
       return;
     }
@@ -3465,8 +3513,9 @@ const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk
   const consumeSseDataLines = async dataLines => {
     for (const line of dataLines) {
       if (line === '[DONE]') {
+        requestDone = true;
         await notifyFinished();
-        continue;
+        break;
       }
       let parsed;
       try {
@@ -3475,9 +3524,12 @@ const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk
         continue;
       }
       await handleParsedSseEvent(parsed);
+      if (requestDone) {
+        break;
+      }
     }
   };
-  while (true) {
+  while (!requestDone) {
     const chunk = await readNextChunk();
     if (typeof chunk !== 'string') {
       break;
@@ -3493,6 +3545,9 @@ const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk
         remainder = remainder.slice(separatorIndex + 2);
         const dataLines = parseSseDataLines(rawEvent);
         await consumeSseDataLines(dataLines);
+        if (requestDone) {
+          break;
+        }
       }
       continue;
     }
@@ -3501,12 +3556,16 @@ const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk
       await onTextChunk(chunk);
     }
   }
-  if (remainder) {
+  if (!requestDone && remainder) {
     const dataLines = parseSseDataLines(remainder);
     await consumeSseDataLines(dataLines);
   }
   await notifyFinished();
   return {
+    ...(responseId ? {
+      responseId
+    } : {}),
+    responseFunctionCalls,
     text,
     type: 'success'
   };
@@ -3527,7 +3586,7 @@ const executeProvider = async ({
 }) => {
   await activateByEvent(event, assetDir, platform);
   // @ts-ignore
-  const result = invoke$1(method, ...params);
+  const result = invoke$2(method, ...params);
   return result;
 };
 
@@ -3659,10 +3718,10 @@ const getOpenApiApiEndpoint = openApiApiBaseUrl => {
 };
 
 const makeApiRequest = async options => {
-  return invoke$2('ChatNetwork.makeApiRequest', options);
+  return invoke$3('ChatNetwork.makeApiRequest', options);
 };
 const makeStreamingApiRequest = async options => {
-  return invoke$2('ChatNetwork.makeStreamingApiRequest', options);
+  return invoke$3('ChatNetwork.makeStreamingApiRequest', options);
 };
 
 const getTextContent = content => {
@@ -3782,18 +3841,22 @@ const getToolCallExecutionStatus = content => {
       status: 'success'
     };
   }
-  const rawErrorStack = Reflect.get(parsed, 'stack');
+  const rawStack = Reflect.get(parsed, 'errorStack') ?? Reflect.get(parsed, 'stack');
+  const errorStack = typeof rawStack === 'string' && rawStack.trim() ? rawStack : undefined;
   const errorMessage = getShortToolErrorMessage(rawError);
   if (/not[\s_-]?found|enoent/i.test(errorMessage)) {
     return {
+      ...(errorStack ? {
+        errorStack
+      } : {}),
       status: 'not-found'
     };
   }
   return {
-    errorMessage,
-    ...(typeof rawErrorStack === 'string' && rawErrorStack.trim() ? {
-      errorStack: rawErrorStack
+    ...(errorStack ? {
+      errorStack
     } : {}),
+    errorMessage,
     status: 'error'
   };
 };
@@ -4397,6 +4460,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
           const executionStatus = getToolCallExecutionStatus(content);
           executedToolCalls.push({
             arguments: toolCall.arguments,
+            ...(executionStatus.errorStack ? {
+              errorStack: executionStatus.errorStack
+            } : {}),
             ...(executionStatus.errorMessage ? {
               errorMessage: executionStatus.errorMessage
             } : {}),
@@ -4535,6 +4601,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
         const executionStatus = getToolCallExecutionStatus(content);
         executedToolCalls.push({
           arguments: toolCall.arguments,
+          ...(executionStatus.errorStack ? {
+            errorStack: executionStatus.errorStack
+          } : {}),
           ...(executionStatus.errorMessage ? {
             errorMessage: executionStatus.errorMessage
           } : {}),
@@ -4601,6 +4670,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
             const executionStatus = getToolCallExecutionStatus(content);
             executedToolCalls.push({
               arguments: typeof rawArguments === 'string' ? rawArguments : '',
+              ...(executionStatus.errorStack ? {
+                errorStack: executionStatus.errorStack
+              } : {}),
               ...(executionStatus.errorMessage ? {
                 errorMessage: executionStatus.errorMessage
               } : {}),
@@ -5101,6 +5173,8 @@ const getAll = () => {
   return requests;
 };
 
+/* eslint-disable prefer-destructuring */
+
 const getAiResponse = async ({
   assetDir,
   messageId,
@@ -5140,20 +5214,36 @@ const getAiResponse = async ({
         'Content-Type': 'application/json',
         ...getClientRequestIdHeader()
       };
-      capture({
-        headers,
-        method: 'POST',
-        payload: getOpenAiParams(openAiInput, modelId, streamingEnabled, passIncludeObfuscation, getBasicChatTools(), webSearchEnabled),
-        url: getOpenApiApiEndpoint(openApiApiBaseUrl)
-      });
-      const result = await getMockOpenApiAssistantText(streamingEnabled, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished);
-      if (result.type === 'success') {
-        const {
-          text: assistantText
-        } = result;
-        text = assistantText;
-      } else {
-        text = getOpenApiErrorMessage(result);
+      const maxToolIterations = 4;
+      let previousResponseId;
+      for (let i = 0; i <= maxToolIterations; i++) {
+        capture({
+          headers,
+          method: 'POST',
+          payload: getOpenAiParams(openAiInput, modelId, streamingEnabled, passIncludeObfuscation, getBasicChatTools(), webSearchEnabled, previousResponseId),
+          url: getOpenApiApiEndpoint(openApiApiBaseUrl)
+        });
+        const result = await getMockOpenApiAssistantText(streamingEnabled, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished);
+        if (result.type !== 'success') {
+          text = getOpenApiErrorMessage(result);
+          break;
+        }
+        text = result.text;
+        if (result.responseId) {
+          previousResponseId = result.responseId;
+        }
+        if (result.responseFunctionCalls.length === 0) {
+          break;
+        }
+        openAiInput.length = 0;
+        for (const toolCall of result.responseFunctionCalls) {
+          const content = await executeChatTool(toolCall.name, toolCall.arguments);
+          openAiInput.push({
+            call_id: toolCall.callId,
+            output: content,
+            type: 'function_call_output'
+          });
+        }
       }
     } else if (openApiApiKey) {
       const result = await getOpenApiAssistantText(messages, getOpenApiModelId(selectedModelId), openApiApiKey, openApiApiBaseUrl, assetDir, platform, {
@@ -5230,7 +5320,7 @@ const get = async key => {
   return getPreference(key);
 };
 const update = async settings => {
-  await invoke('Preferences.update', settings);
+  await invoke$1('Preferences.update', settings);
 };
 
 const setOpenApiApiKey = async (state, openApiApiKey, persist = true) => {
@@ -5331,7 +5421,7 @@ const handleClickSaveOpenRouterApiKey = async state => {
   };
   set(state.uid, state, optimisticState);
   // @ts-ignore
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   const persistedState = await setOpenRouterApiKey(optimisticState, openRouterApiKey);
   const updatedState = {
     ...persistedState,
@@ -5675,7 +5765,7 @@ const handleTextChunkFunction = async (uid, assistantMessageId, chunk, handleTex
   };
   set(uid, handleTextChunkState.previousState, nextState);
   // @ts-ignore
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   return {
     latestState: nextState,
     previousState: nextState
@@ -5703,7 +5793,7 @@ const handleToolCallsChunkFunction = async (uid, assistantMessageId, toolCalls,
   };
   set(uid, handleTextChunkState.previousState, nextState);
   // @ts-ignore
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   return {
     latestState: nextState,
     previousState: nextState
@@ -5883,7 +5973,7 @@ const handleSubmit = async state => {
   }
   set(state.uid, state, optimisticState);
   // @ts-ignore
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   let handleTextChunkState = {
     latestState: optimisticState,
     previousState: optimisticState
@@ -6216,7 +6306,7 @@ const handleClickBack = async state => {
 
 const handleClickClose = async () => {
   // @ts-ignore
-  await invoke('Layout.hideSecondarySideBar');
+  await invoke$1('Layout.hideSecondarySideBar');
 };
 
 const handleClickDelete = async (state, sessionId = '') => {
@@ -6235,17 +6325,17 @@ const handleClickReadFile = async uri => {
   if (!uri) {
     return;
   }
-  await invoke('Main.openUri', uri);
+  await invoke$1('Main.openUri', uri);
 };
 
 const handleClickSessionDebug = async state => {
-  await invoke('Main.openUri', `chat-debug://${state.selectedSessionId}`);
+  await invoke$1('Main.openUri', `chat-debug://${state.selectedSessionId}`);
   return state;
 };
 
 const handleClickSettings = async () => {
   // TODO
-  await invoke('Main.openUri', 'app://settings.json');
+  await invoke$1('Main.openUri', 'app://settings.json');
 };
 
 const handleDragEnter = async (state, name, hasFiles = true) => {
@@ -6458,7 +6548,7 @@ const handleKeyDown = async (state, key, shiftKey) => {
 };
 
 const handleMessagesContextMenu = async state => {
-  await invoke('ContextMenu.show', 1234);
+  await invoke$1('ContextMenu.show', 1234);
   return state;
 };
 
@@ -6525,7 +6615,7 @@ const createExtensionHostRpc = async () => {
   }
 };
 
-const initialize = async () => {
+const initialize$1 = async () => {
   const rpc = await createExtensionHostRpc();
   set$2(rpc);
 };
@@ -6683,6 +6773,15 @@ const loadStreamingEnabled = async () => {
   }
 };
 
+const loadUseChatMathWorker = async () => {
+  try {
+    const savedUseChatMathWorker = await get('chatView.useChatMathWorker');
+    return typeof savedUseChatMathWorker === 'boolean' ? savedUseChatMathWorker : true;
+  } catch {
+    return true;
+  }
+};
+
 const loadUseChatNetworkWorkerForRequests = async () => {
   try {
     const savedUseChatNetworkWorkerForRequests = await get('chatView.useChatNetworkWorkerForRequests');
@@ -6702,7 +6801,7 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatNetworkWorkerForRequests, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatNetworkWorkerForRequests(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatMathWorker, useChatNetworkWorkerForRequests, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     composerDropEnabled,
@@ -6711,6 +6810,7 @@ const loadPreferences = async () => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
+    useChatMathWorker,
     useChatNetworkWorkerForRequests,
     voiceDictationEnabled
   };
@@ -6825,9 +6925,22 @@ const getSavedLastNormalViewMode = savedState => {
   }
   return lastNormalViewMode;
 };
+const getSavedComposerValue = savedState => {
+  if (!isObject(savedState)) {
+    return undefined;
+  }
+  const {
+    composerValue
+  } = savedState;
+  if (typeof composerValue !== 'string') {
+    return undefined;
+  }
+  return composerValue;
+};
 const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
+  const savedComposerValue = getSavedComposerValue(savedState);
   const {
     aiSessionTitleGenerationEnabled,
     composerDropEnabled,
@@ -6836,6 +6949,7 @@ const loadContent = async (state, savedState) => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
+    useChatMathWorker,
     useChatNetworkWorkerForRequests,
     voiceDictationEnabled
   } = await loadPreferences();
@@ -6885,6 +6999,7 @@ const loadContent = async (state, savedState) => {
     chatListScrollTop,
     composerDropActive: false,
     composerDropEnabled,
+    composerValue: savedComposerValue ?? state.composerValue,
     emitStreamingFunctionCallEvents,
     initial: false,
     lastNormalViewMode,
@@ -6902,6 +7017,7 @@ const loadContent = async (state, savedState) => {
     selectedSessionId,
     sessions,
     streamingEnabled,
+    useChatMathWorker,
     useChatNetworkWorkerForRequests,
     viewMode,
     voiceDictationEnabled
@@ -23948,6 +24064,88 @@ var katex = {
   __domTree
 };
 
+let initialized = false;
+const renderCache = new Map();
+const pendingRenders = new Set();
+const getCacheKey = (value, displayMode) => {
+  return `${displayMode ? '1' : '0'}:${value}`;
+};
+const sendMessagePortToChatMathWorker = async port => {
+  try {
+    await invoke$1('sendMessagePortToChatMathWorker', port);
+  } catch {
+    await invoke$1('SendMessagePortToChatMathWorker.sendMessagePortToChatMathWorker', port);
+  }
+};
+const createRpc = () => {
+  return create$4({
+    commandMap: {},
+    send: sendMessagePortToChatMathWorker
+  });
+};
+const initialize = async () => {
+  if (initialized) {
+    return;
+  }
+  const rpc = await createRpc();
+  set$4(rpc);
+  initialized = true;
+};
+const invoke = async (method, ...params) => {
+  await initialize();
+  return invoke$4(method, ...params);
+};
+const renderViaRpc = async (value, displayMode) => {
+  const methods = ['renderToString', 'RenderToString.renderToString', 'RenderMath.renderMath', 'Math.renderToString'];
+  for (const method of methods) {
+    try {
+      const result = await invoke(method, value, {
+        displayMode,
+        throwOnError: true
+      });
+      if (typeof result === 'string') {
+        return result;
+      }
+    } catch {
+      // Try next known method signature.
+    }
+    try {
+      const result = await invoke(method, value, displayMode);
+      if (typeof result === 'string') {
+        return result;
+      }
+    } catch {
+      // Try next known method signature.
+    }
+  }
+  throw new Error('ChatMathWorker did not provide renderToString');
+};
+const startRender = (cacheKey, value, displayMode) => {
+  if (pendingRenders.has(cacheKey)) {
+    return;
+  }
+  pendingRenders.add(cacheKey);
+  void (async () => {
+    try {
+      const html = await renderViaRpc(value, displayMode);
+      renderCache.set(cacheKey, html);
+    } catch {
+      // Keep cache empty so caller can continue to show fallback text.
+    } finally {
+      pendingRenders.delete(cacheKey);
+    }
+  })();
+};
+const tryRenderToString = (value, displayMode) => {
+  const cacheKey = getCacheKey(value, displayMode);
+  const cached = renderCache.get(cacheKey);
+  if (cached) {
+    return cached;
+  }
+  startRender(cacheKey, value, displayMode);
+  return undefined;
+};
+
 const maxHtmlLength = 40_000;
 const tokenRegex = /<!--[\s\S]*?-->|<\/?[a-zA-Z][\w:-]*(?:\s[^<>]*?)?>|[^<]+/g;
 const attributeRegex = /([^\s=/>]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+)))?/g;
@@ -24223,19 +24421,28 @@ const parseHtmlToVirtualDomWithRootCount = value => {
 
 // cspell:ignore katex
 
-const renderMath = (value, displayMode) => {
+const renderMath = (value, displayMode, useChatMathWorker = false) => {
   try {
-    const html = katex.renderToString(value, {
-      displayMode,
-      throwOnError: true
-    });
+    let html;
+    if (useChatMathWorker) {
+      html = tryRenderToString(value, displayMode);
+    }
+    if (typeof html !== 'string') {
+      html = katex.renderToString(value, {
+        displayMode,
+        throwOnError: true
+      });
+    }
+    if (typeof html !== 'string') {
+      return undefined;
+    }
     return parseHtmlToVirtualDomWithRootCount(html);
   } catch {
     return undefined;
   }
 };
-const getMathInlineDom = node => {
-  const rendered = renderMath(node.text, node.displayMode);
+const getMathInlineDom = (node, useChatMathWorker = false) => {
+  const rendered = renderMath(node.text, node.displayMode, useChatMathWorker);
   if (!rendered) {
     const fallback = node.displayMode ? `$$${node.text}$$` : `$${node.text}$`;
     return [text$2(fallback)];
@@ -24246,8 +24453,8 @@ const getMathInlineDom = node => {
     type: Span$1
   }, ...rendered.virtualDom];
 };
-const getMathBlockDom = node => {
-  const rendered = renderMath(node.text, true);
+const getMathBlockDom = (node, useChatMathWorker = false) => {
+  const rendered = renderMath(node.text, true, useChatMathWorker);
   if (!rendered) {
     return [{
       childCount: 1,
@@ -24262,7 +24469,7 @@ const getMathBlockDom = node => {
   }, ...rendered.virtualDom];
 };
 
-const getInlineNodeDom = inlineNode => {
+const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
   if (inlineNode.type === 'text') {
     return [text$2(inlineNode.text)];
   }
@@ -24279,7 +24486,7 @@ const getInlineNodeDom = inlineNode => {
     }, text$2(inlineNode.text)];
   }
   if (inlineNode.type === 'math-inline') {
-    return getMathInlineDom(inlineNode);
+    return getMathInlineDom(inlineNode, useChatMathWorker);
   }
   return [{
     childCount: 1,
@@ -24435,45 +24642,45 @@ const getCodeBlockDom = node => {
     type: Code
   }, ...tokenDom];
 };
-const getOrderedListItemDom = item => {
+const getOrderedListItemDom = (item, useChatMathWorker) => {
   const hasNestedUnorderedList = (item.nestedItems?.length || 0) > 0;
   const nestedUnorderedListDom = hasNestedUnorderedList ? [{
     childCount: item.nestedItems?.length || 0,
     className: ChatUnorderedList,
     type: Ul
-  }, ...(item.nestedItems || []).flatMap(getUnorderedListItemDom)] : [];
+  }, ...(item.nestedItems || []).flatMap(nestedItem => getUnorderedListItemDom(nestedItem, useChatMathWorker))] : [];
   return [{
     childCount: item.children.length + (hasNestedUnorderedList ? 1 : 0),
     className: ChatOrderedListItem,
     type: Li
-  }, ...item.children.flatMap(getInlineNodeDom), ...nestedUnorderedListDom];
+  }, ...item.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker)), ...nestedUnorderedListDom];
 };
-const getUnorderedListItemDom = item => {
+const getUnorderedListItemDom = (item, useChatMathWorker) => {
   return [{
     childCount: item.children.length,
     className: ChatUnorderedListItem,
     type: Li
-  }, ...item.children.flatMap(getInlineNodeDom)];
+  }, ...item.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
 };
-const getTableHeadCellDom = cell => {
+const getTableHeadCellDom = (cell, useChatMathWorker) => {
   return [{
     childCount: cell.children.length,
     type: Th
-  }, ...cell.children.flatMap(getInlineNodeDom)];
+  }, ...cell.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
 };
-const getTableBodyCellDom = cell => {
+const getTableBodyCellDom = (cell, useChatMathWorker) => {
   return [{
     childCount: cell.children.length,
     type: Td
-  }, ...cell.children.flatMap(getInlineNodeDom)];
+  }, ...cell.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
 };
-const getTableRowDom = row => {
+const getTableRowDom = (row, useChatMathWorker) => {
   return [{
     childCount: row.cells.length,
     type: Tr
-  }, ...row.cells.flatMap(getTableBodyCellDom)];
+  }, ...row.cells.flatMap(cell => getTableBodyCellDom(cell, useChatMathWorker))];
 };
-const getTableDom = node => {
+const getTableDom = (node, useChatMathWorker) => {
   return [{
     childCount: 2,
     className: MarkdownTable,
@@ -24484,10 +24691,10 @@ const getTableDom = node => {
   }, {
     childCount: node.headers.length,
     type: Tr
-  }, ...node.headers.flatMap(getTableHeadCellDom), {
+  }, ...node.headers.flatMap(cell => getTableHeadCellDom(cell, useChatMathWorker)), {
     childCount: node.rows.length,
     type: TBody
-  }, ...node.rows.flatMap(getTableRowDom)];
+  }, ...node.rows.flatMap(row => getTableRowDom(row, useChatMathWorker))];
 };
 const getHeadingElementType = level => {
   switch (level) {
@@ -24505,48 +24712,48 @@ const getHeadingElementType = level => {
       return H6;
   }
 };
-const getHeadingDom = node => {
+const getHeadingDom = (node, useChatMathWorker) => {
   return [{
     childCount: node.children.length,
     type: getHeadingElementType(node.level)
-  }, ...node.children.flatMap(getInlineNodeDom)];
+  }, ...node.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
 };
-const getMessageNodeDom = node => {
+const getMessageNodeDom = (node, useChatMathWorker = false) => {
   if (node.type === 'text') {
     return [{
       childCount: node.children.length,
       className: Markdown,
       type: P
-    }, ...node.children.flatMap(getInlineNodeDom)];
+    }, ...node.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
   }
   if (node.type === 'table') {
-    return getTableDom(node);
+    return getTableDom(node, useChatMathWorker);
   }
   if (node.type === 'code-block') {
     return getCodeBlockDom(node);
   }
   if (node.type === 'math-block') {
-    return getMathBlockDom(node);
+    return getMathBlockDom(node, useChatMathWorker);
   }
   if (node.type === 'heading') {
-    return getHeadingDom(node);
+    return getHeadingDom(node, useChatMathWorker);
   }
   if (node.type === 'ordered-list') {
     return [{
       childCount: node.items.length,
       className: ChatOrderedList,
       type: Ol
-    }, ...node.items.flatMap(getOrderedListItemDom)];
+    }, ...node.items.flatMap(item => getOrderedListItemDom(item, useChatMathWorker))];
   }
   return [{
     childCount: node.items.length,
     className: ChatUnorderedList,
     type: Ul
-  }, ...node.items.flatMap(getUnorderedListItemDom)];
+  }, ...node.items.flatMap(item => getUnorderedListItemDom(item, useChatMathWorker))];
 };
 
-const getMessageContentDom = nodes => {
-  return nodes.flatMap(getMessageNodeDom);
+const getMessageContentDom = (nodes, useChatMathWorker = false) => {
+  return nodes.flatMap(node => getMessageNodeDom(node, useChatMathWorker));
 };
 
 const getMissingApiKeyDom = ({
@@ -24879,6 +25086,7 @@ const getToolCallsDom = message => {
 const orderedListItemRegex = /^\s*\d+\.\s+(.*)$/;
 const unorderedListItemRegex = /^(\s*)[-*]\s+(.*)$/;
 const markdownInlineRegex = /\[([^\]]+)\]\(([^)]+)\)|\*\*([^*]+)\*\*|\*([^*]+)\*|(?<![a-zA-Z0-9])(?<mathDollars>\${1,2})(?!\.|\(["'])(?<mathText>(?:\\.|[^\\\n])*?(?:\\.|[^\\\n$]))\k<mathDollars>(?![a-zA-Z0-9])/g;
+const markdownItalicWithBoldRegex = /\*([^*\n]*?)\*\*([^*\n]+)\*\*([^*\n]*?)\*/g;
 const markdownTableSeparatorCellRegex = /^:?-{3,}:?$/;
 const fencedCodeBlockRegex = /^```/;
 const markdownHeadingRegex = /^\s*(#{1,6})\s+(.*)$/;
@@ -24940,7 +25148,7 @@ const toTableRow = line => {
     type: 'table-row'
   };
 };
-const parseInlineNodes = value => {
+const parseInlineNodesSimple = value => {
   const matches = value.matchAll(markdownInlineRegex);
   const nodes = [];
   let lastIndex = 0;
@@ -24998,6 +25206,53 @@ const parseInlineNodes = value => {
   }
   return nodes;
 };
+const parseInlineNodes = value => {
+  const nestedMatches = value.matchAll(markdownItalicWithBoldRegex);
+  const nodes = [];
+  let lastIndex = 0;
+  let foundNestedItalicBold = false;
+  for (const match of nestedMatches) {
+    const fullMatch = match[0];
+    const italicBefore = match[1];
+    const boldText = match[2];
+    const italicAfter = match[3];
+    const index = match.index ?? 0;
+    foundNestedItalicBold = true;
+    if (index > lastIndex) {
+      nodes.push(...parseInlineNodesSimple(value.slice(lastIndex, index)));
+    }
+    if (italicBefore) {
+      nodes.push({
+        text: italicBefore,
+        type: 'italic'
+      });
+    }
+    nodes.push({
+      text: boldText,
+      type: 'bold'
+    });
+    if (italicAfter) {
+      nodes.push({
+        text: italicAfter,
+        type: 'italic'
+      });
+    }
+    lastIndex = index + fullMatch.length;
+  }
+  if (!foundNestedItalicBold) {
+    return parseInlineNodesSimple(value);
+  }
+  if (lastIndex < value.length) {
+    nodes.push(...parseInlineNodesSimple(value.slice(lastIndex)));
+  }
+  if (nodes.length === 0) {
+    return [{
+      text: value,
+      type: 'text'
+    }];
+  }
+  return nodes;
+};
 const parseMessageContent = rawMessage => {
   if (rawMessage === '') {
     return [{
@@ -25175,14 +25430,14 @@ const parseMessageContent = rawMessage => {
   }] : nodes;
 };
 
-const getChatMessageDom = (message, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle') => {
+const getChatMessageDom = (message, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', useChatMathWorker = false) => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
   const isOpenApiApiKeyMissingMessage = message.role === 'assistant' && message.text === openApiApiKeyRequiredMessage;
   const isOpenRouterApiKeyMissingMessage = message.role === 'assistant' && message.text === openRouterApiKeyRequiredMessage;
   const isOpenRouterRequestFailedMessage = message.role === 'assistant' && message.text === openRouterRequestFailedMessage;
   const isOpenRouterTooManyRequestsMessage = message.role === 'assistant' && message.text.startsWith(openRouterTooManyRequestsMessage);
   const messageIntermediate = parseMessageContent(message.text);
-  const messageDom = getMessageContentDom(messageIntermediate);
+  const messageDom = getMessageContentDom(messageIntermediate, useChatMathWorker);
   const toolCallsDom = getToolCallsDom(message);
   const toolCallsChildCount = toolCallsDom.length > 0 ? 1 : 0;
   const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageIntermediate.length + 1 + toolCallsChildCount : messageIntermediate.length + toolCallsChildCount;
@@ -25231,7 +25486,7 @@ const getDisplayMessages = messages => {
   }
   return displayMessages;
 };
-const getMessagesDom = (messages, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', messagesScrollTop = 0) => {
+const getMessagesDom = (messages, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', messagesScrollTop = 0, useChatMathWorker = false) => {
   if (messages.length === 0) {
     return getEmptyMessagesDom();
   }
@@ -25243,7 +25498,7 @@ const getMessagesDom = (messages, openRouterApiKeyInput, openApiApiKeyInput = ''
     onScroll: HandleMessagesScroll,
     scrollTop: messagesScrollTop,
     type: Div
-  }, ...displayMessages.flatMap(message => getChatMessageDom(message, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState))];
+  }, ...displayMessages.flatMap(message => getChatMessageDom(message, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, useChatMathWorker))];
 };
 
 const getProjectSessionDom = (session, selectedSessionId) => {
@@ -25331,29 +25586,17 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
   }, text$2('+ Add Project')];
 };
 
-const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false) => {
+const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
-  const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
-    childCount: 5,
+    childCount: 4,
     className: mergeClassNames(Viewlet, Chat, 'ChatFocus'),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, {
-    childCount: 1,
-    className: ChatHeader,
-    type: Div
-  }, {
-    childCount: 1,
-    className: Label,
-    type: Span$1
-  }, {
-    text: selectedSessionTitle,
-    type: Text
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
     name: ComposerDropTarget,
@@ -25449,7 +25692,7 @@ const getChatHeaderDomDetailMode = selectedSessionTitle => {
   }, text$2(selectedSessionTitle), ...getChatHeaderActionsDom('detail')];
 };
 
-const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false) => {
+const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false, useChatMathWorker = false) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
   const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
@@ -25460,7 +25703,7 @@ const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue,
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
     name: ComposerDropTarget,
@@ -25570,12 +25813,12 @@ const getChatModeUnsupportedVirtualDom = () => {
   }, text$2(unknownViewMode())];
 };
 
-const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false) => {
+const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false) => {
   switch (viewMode) {
     case 'chat-focus':
-      return getChatModeChatFocusVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled);
+      return getChatModeChatFocusVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker);
     case 'detail':
-      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled);
+      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled, useChatMathWorker);
     case 'list':
       return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled);
     default:
@@ -25610,13 +25853,14 @@ const renderItems = (oldState, newState) => {
     tokensUsed,
     uid,
     usageOverviewEnabled,
+    useChatMathWorker,
     viewMode,
     voiceDictationEnabled
   } = newState;
   if (initial) {
     return [SetDom2, uid, []];
   }
-  const dom = getChatVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled);
+  const dom = getChatVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker);
   return [SetDom2, uid, dom];
 };
 
@@ -25637,9 +25881,10 @@ const renderScrollTop = (oldState, newState) => {
 
 const renderValue = (oldState, newState) => {
   const {
-    composerValue
+    composerValue,
+    uid
   } = newState;
-  return [SetValueByName, newState.uid, Composer, composerValue];
+  return [SetValueByName, uid, Composer, composerValue];
 };
 
 const getRenderer = diffType => {
@@ -25932,6 +26177,18 @@ const setStreamingEnabled = (state, streamingEnabled) => {
   };
 };
 
+const setUseChatMathWorker = async (state, useChatMathWorker, persist = true) => {
+  if (persist) {
+    await update({
+      'chatView.useChatMathWorker': useChatMathWorker
+    });
+  }
+  return {
+    ...state,
+    useChatMathWorker
+  };
+};
+
 const setUseChatNetworkWorkerForRequests = async (state, useChatNetworkWorkerForRequests, persist = true) => {
   if (persist) {
     await update({
@@ -25993,7 +26250,7 @@ const commandMap = {
   'Chat.handleProjectListContextMenu': wrapCommand(handleProjectListContextMenu),
   'Chat.handleProjectListScroll': wrapCommand(handleProjectListScroll),
   'Chat.handleSubmit': wrapCommand(handleSubmit),
-  'Chat.initialize': initialize,
+  'Chat.initialize': initialize$1,
   'Chat.loadContent': wrapCommand(loadContent),
   'Chat.loadContent2': wrapCommand(loadContent),
   'Chat.mockOpenApiRequestGetAll': wrapGetter(mockOpenApiRequestGetAll),
@@ -26014,11 +26271,16 @@ const commandMap = {
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
+  'Chat.setUseChatMathWorker': wrapCommand(setUseChatMathWorker),
   'Chat.setUseChatNetworkWorkerForRequests': wrapCommand(setUseChatNetworkWorkerForRequests),
   'Chat.terminate': terminate,
   'Chat.useMockApi': wrapCommand(useMockApi)
 };
 
+const initializeChatMathWorker = async () => {
+  await initialize();
+};
+
 const send = port => {
   return sendMessagePortToChatNetworkWorker(port);
 };
@@ -26036,7 +26298,7 @@ const listen = async () => {
     commandMap: commandMap
   });
   set$1(rpc);
-  await initializeChatNetworkWorker();
+  await Promise.all([initializeChatNetworkWorker(), initializeChatMathWorker()]);
 };
 
 const main = async () => {

package/package.json

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