@lvce-editor/chat-view 4.4.0 → 4.6.0

package/dist/chatViewWorkerMain.js

@@ -1075,6 +1075,7 @@ const create$2 = rpcId => {
 };
 
 const {
+  invoke: invoke$4,
   set: set$4
 } = create$2(6007);
 
@@ -1160,22 +1161,22 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusChatInput = 8000;
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$3,
   set: set$3
 } = create$2(ChatNetworkWorker);
 
 const {
-  invoke: invoke$1,
+  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';
@@ -1184,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 => {
@@ -1328,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);
 };
 
@@ -1359,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 {
@@ -1628,6 +1628,7 @@ const createDefaultState = () => {
     tokensUsed: 0,
     uid: 0,
     usageOverviewEnabled: false,
+    useChatMathWorker: true,
     useChatNetworkWorkerForRequests: false,
     useMockApi: false,
     viewMode: 'list',
@@ -2435,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) => {
@@ -2824,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;
 };
 
@@ -2853,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;
@@ -2899,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;
   }
@@ -2933,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;
 };
 
@@ -2943,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;
 };
 
@@ -2994,7 +2994,7 @@ 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
@@ -3586,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;
 };
 
@@ -3718,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 => {
@@ -5320,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) => {
@@ -5421,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,
@@ -5765,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
@@ -5793,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
@@ -5973,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
@@ -6306,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 = '') => {
@@ -6325,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) => {
@@ -6548,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;
 };
 
@@ -6773,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');
@@ -6792,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,
@@ -6801,6 +6810,7 @@ const loadPreferences = async () => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
+    useChatMathWorker,
     useChatNetworkWorkerForRequests,
     voiceDictationEnabled
   };
@@ -6915,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,
@@ -6926,6 +6949,7 @@ const loadContent = async (state, savedState) => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
+    useChatMathWorker,
     useChatNetworkWorkerForRequests,
     voiceDictationEnabled
   } = await loadPreferences();
@@ -6975,6 +6999,7 @@ const loadContent = async (state, savedState) => {
     chatListScrollTop,
     composerDropActive: false,
     composerDropEnabled,
+    composerValue: savedComposerValue ?? state.composerValue,
     emitStreamingFunctionCallEvents,
     initial: false,
     lastNormalViewMode,
@@ -6992,6 +7017,7 @@ const loadContent = async (state, savedState) => {
     selectedSessionId,
     sessions,
     streamingEnabled,
+    useChatMathWorker,
     useChatNetworkWorkerForRequests,
     viewMode,
     voiceDictationEnabled
@@ -24038,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;
@@ -24313,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)];
@@ -24336,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,
@@ -24352,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)];
   }
@@ -24369,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,
@@ -24525,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,
@@ -24574,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) {
@@ -24595,69 +24712,73 @@ 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 = ({
   getApiKeyText,
   inputName,
+  inputRequired = false,
   inputValue,
   openSettingsButtonName,
   placeholder,
   saveButtonDisabled = false,
   saveButtonName,
-  saveButtonText = save()
+  saveButtonText = save(),
+  saveButtonType = 'button',
+  useForm = false
 }) => {
   return [{
     childCount: 2,
-    type: Div
+    type: useForm ? Form : Div
   }, {
     childCount: 0,
     className: InputBox,
     name: inputName,
     onInput: HandleInput,
     placeholder,
+    required: inputRequired,
     type: Input,
     value: inputValue
   }, {
@@ -24665,6 +24786,7 @@ const getMissingApiKeyDom = ({
     className: Actions,
     type: Div
   }, {
+    buttonType: saveButtonType,
     childCount: 1,
     className: mergeClassNames(Button, ButtonPrimary),
     disabled: saveButtonDisabled,
@@ -24684,10 +24806,13 @@ const getMissingOpenApiApiKeyDom = openApiApiKeyInput => {
   return getMissingApiKeyDom({
     getApiKeyText: getOpenApiApiKey(),
     inputName: OpenApiApiKeyInput,
+    inputRequired: true,
     inputValue: openApiApiKeyInput,
     openSettingsButtonName: OpenOpenApiApiKeySettings,
     placeholder: openApiApiKeyPlaceholder(),
-    saveButtonName: SaveOpenApiApiKey
+    saveButtonName: SaveOpenApiApiKey,
+    saveButtonType: 'submit',
+    useForm: true
   });
 };
 
@@ -24969,6 +25094,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+(.*)$/;
@@ -25030,7 +25156,7 @@ const toTableRow = line => {
     type: 'table-row'
   };
 };
-const parseInlineNodes = value => {
+const parseInlineNodesSimple = value => {
   const matches = value.matchAll(markdownInlineRegex);
   const nodes = [];
   let lastIndex = 0;
@@ -25088,6 +25214,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 [{
@@ -25265,14 +25438,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;
@@ -25321,7 +25494,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();
   }
@@ -25333,7 +25506,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) => {
@@ -25421,29 +25594,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,
@@ -25539,7 +25700,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 : [];
@@ -25550,7 +25711,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,
@@ -25660,12 +25821,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:
@@ -25700,13 +25861,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];
 };
 
@@ -25727,9 +25889,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 => {
@@ -26022,6 +26185,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({
@@ -26104,34 +26279,12 @@ 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)
 };
 
-let initialized = false;
-const sendMessagePortToChatMathWorker = async port => {
-  try {
-    await invoke('sendMessagePortToChatMathWorker', port);
-  } catch {
-    await invoke('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 initializeChatMathWorker = async () => {
   await initialize();
 };

package/package.json

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