@lvce-editor/chat-view 4.2.0 → 4.4.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,18 +1069,70 @@ 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);
+  set: set$4
+} = create$2(6007);
 
-const Div$1 = 4;
-const Ol$1 = 49;
+const Button$2 = 'button';
+
+const Audio = 0;
+const Button$1 = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Span$1 = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img$1 = 17;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Tfoot = 59;
+const Ul = 60;
+const TextArea = 62;
+const Select$1 = 63;
+const Option$1 = 64;
+const Code = 65;
+const Label$1 = 66;
+const Dt = 67;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Form = 78;
+const Reference = 100;
 
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
@@ -1089,6 +1141,11 @@ const ShiftKey = 'event.shiftKey';
 const TargetName = 'event.target.name';
 const TargetValue = 'event.target.value';
 
+const Enter = 3;
+
+const Shift = 1 << 10 >>> 0;
+
+const ChatNetworkWorker = 6002;
 const ExtensionHostWorker = 44;
 const RendererWorker = 1;
 
@@ -1102,6 +1159,11 @@ const SetPatches = 'Viewlet.setPatches';
 
 const FocusChatInput = 8000;
 
+const {
+  invoke: invoke$2,
+  set: set$3
+} = create$2(ChatNetworkWorker);
+
 const {
   invoke: invoke$1,
   set: set$2
@@ -1376,6 +1438,9 @@ const openApiApiKeyPlaceholder = () => {
 const sendMessage = () => {
   return i18nString('Send message');
 };
+const startVoiceDictation = () => {
+  return i18nString('Start voice dictation');
+};
 const save = () => {
   return i18nString('Save');
 };
@@ -1566,6 +1631,7 @@ const createDefaultState = () => {
     useChatNetworkWorkerForRequests: false,
     useMockApi: false,
     viewMode: 'list',
+    voiceDictationEnabled: false,
     warningCount: 0,
     webSearchEnabled: true,
     width: 0,
@@ -2369,7 +2435,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;
+  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;
 };
 
 const diffScrollTop = (oldState, newState) => {
@@ -2414,65 +2480,6 @@ const diff2 = uid => {
   return result;
 };
 
-const Button$2 = 'button';
-
-const Audio = 0;
-const Button$1 = 1;
-const Col = 2;
-const ColGroup = 3;
-const Div = 4;
-const H1 = 5;
-const Input = 6;
-const Span$1 = 8;
-const Table = 9;
-const TBody = 10;
-const Td = 11;
-const Text = 12;
-const Th = 13;
-const THead = 14;
-const Tr = 15;
-const I = 16;
-const Img$1 = 17;
-const H2 = 22;
-const H3 = 23;
-const H4 = 24;
-const H5 = 25;
-const H6 = 26;
-const Article = 27;
-const Aside = 28;
-const Footer = 29;
-const Header = 30;
-const Nav = 40;
-const Section = 41;
-const Dd = 43;
-const Dl = 44;
-const Figcaption = 45;
-const Figure = 46;
-const Hr = 47;
-const Li = 48;
-const Ol = 49;
-const P = 50;
-const Pre = 51;
-const A = 53;
-const Abbr = 54;
-const Br = 55;
-const Tfoot = 59;
-const Ul = 60;
-const TextArea = 62;
-const Select$1 = 63;
-const Option$1 = 64;
-const Code = 65;
-const Label$1 = 66;
-const Dt = 67;
-const Main = 69;
-const Strong = 70;
-const Em = 71;
-const Reference = 100;
-
-const Enter = 3;
-
-const Shift = 1 << 10 >>> 0;
-
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
@@ -2954,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();
@@ -2961,9 +2979,7 @@ const executeGetWorkspaceUriTool = async (_args, _options) => {
       workspaceUri
     });
   } catch (error) {
-    return JSON.stringify({
-      error: String(error)
-    });
+    return JSON.stringify(getToolErrorPayload(error));
   }
 };
 
@@ -2985,7 +3001,7 @@ const executeListFilesTool = async (args, _options) => {
     });
   } catch (error) {
     return JSON.stringify({
-      error: String(error),
+      ...getToolErrorPayload(error),
       uri
     });
   }
@@ -3035,7 +3051,7 @@ const executeReadFileTool = async (args, _options) => {
       });
     } catch (error) {
       return JSON.stringify({
-        error: String(error),
+        ...getToolErrorPayload(error),
         uri
       });
     }
@@ -3055,7 +3071,7 @@ const executeReadFileTool = async (args, _options) => {
     });
   } catch (error) {
     return JSON.stringify({
-      error: String(error),
+      ...getToolErrorPayload(error),
       path: normalizedPath
     });
   }
@@ -3101,7 +3117,7 @@ const executeWriteFileTool = async (args, _options) => {
     });
   } catch (error) {
     return JSON.stringify({
-      error: String(error),
+      ...getToolErrorPayload(error),
       path: normalizedPath
     });
   }
@@ -3338,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 = [];
@@ -3367,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) {
@@ -3386,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;
     }
@@ -3457,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 {
@@ -3467,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;
@@ -3485,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;
     }
@@ -3493,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'
   };
@@ -3774,13 +3841,21 @@ const getToolCallExecutionStatus = content => {
       status: 'success'
     };
   }
+  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 {
+    ...(errorStack ? {
+      errorStack
+    } : {}),
     errorMessage,
     status: 'error'
   };
@@ -4385,9 +4460,15 @@ 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
             } : {}),
+            ...(executionStatus.errorStack ? {
+              errorStack: executionStatus.errorStack
+            } : {}),
             id: toolCall.callId,
             name: toolCall.name,
             ...(executionStatus.status ? {
@@ -4520,9 +4601,15 @@ 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
           } : {}),
+          ...(executionStatus.errorStack ? {
+            errorStack: executionStatus.errorStack
+          } : {}),
           id: toolCall.callId,
           name: toolCall.name,
           ...(executionStatus.status ? {
@@ -4583,9 +4670,15 @@ 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
               } : {}),
+              ...(executionStatus.errorStack ? {
+                errorStack: executionStatus.errorStack
+              } : {}),
               id,
               name,
               ...(executionStatus.status ? {
@@ -5080,6 +5173,8 @@ const getAll = () => {
   return requests;
 };
 
+/* eslint-disable prefer-destructuring */
+
 const getAiResponse = async ({
   assetDir,
   messageId,
@@ -5119,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, {
@@ -5960,6 +6071,7 @@ const handleClickSend = async state => {
 
 const Composer = 'composer';
 const ComposerDropTarget = 'composer-drop-target';
+const Dictate = 'dictate';
 const Send = 'send';
 const Back = 'back';
 const Model = 'model';
@@ -6201,6 +6313,10 @@ const handleClickDelete = async (state, sessionId = '') => {
   return deleteSession(state, sessionId);
 };
 
+const handleClickDictationButton = async state => {
+  return state;
+};
+
 const handleClickNew = async state => {
   return createSession(state);
 };
@@ -6499,7 +6615,7 @@ const createExtensionHostRpc = async () => {
   }
 };
 
-const initialize = async () => {
+const initialize$1 = async () => {
   const rpc = await createExtensionHostRpc();
   set$2(rpc);
 };
@@ -6666,8 +6782,17 @@ const loadUseChatNetworkWorkerForRequests = async () => {
   }
 };
 
+const loadVoiceDictationEnabled = async () => {
+  try {
+    const savedVoiceDictationEnabled = await get('chatView.voiceDictationEnabled');
+    return typeof savedVoiceDictationEnabled === 'boolean' ? savedVoiceDictationEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatNetworkWorkerForRequests] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatNetworkWorkerForRequests()]);
+  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatNetworkWorkerForRequests, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatNetworkWorkerForRequests(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     composerDropEnabled,
@@ -6676,7 +6801,8 @@ const loadPreferences = async () => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
-    useChatNetworkWorkerForRequests
+    useChatNetworkWorkerForRequests,
+    voiceDictationEnabled
   };
 };
 
@@ -6800,7 +6926,8 @@ const loadContent = async (state, savedState) => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
-    useChatNetworkWorkerForRequests
+    useChatNetworkWorkerForRequests,
+    voiceDictationEnabled
   } = await loadPreferences();
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
@@ -6866,7 +6993,8 @@ const loadContent = async (state, savedState) => {
     sessions,
     streamingEnabled,
     useChatNetworkWorkerForRequests,
-    viewMode
+    viewMode,
+    voiceDictationEnabled
   };
 };
 
@@ -7325,6 +7453,7 @@ const HandleDragEnterChatView = 30;
 const HandleDragOverChatView = 31;
 const HandleProjectListScroll = 32;
 const HandleProjectListContextMenu = 33;
+const HandleClickDictationButton = 34;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -7362,14 +7491,26 @@ const getSendButtonClassName = isSendDisabled => {
   return isSendDisabled ? `${IconButton} ${SendButtonDisabled}` : `${IconButton}`;
 };
 
-const getSendButtonDom = isSendDisabled => {
+const getSendButtonDom = (isSendDisabled, voiceDictationEnabled) => {
   const sendButtonClassName = getSendButtonClassName(isSendDisabled);
-  return [{
+  return [...(voiceDictationEnabled ? [{
+    childCount: 1,
+    className: IconButton,
+    name: Dictate,
+    onClick: HandleClickDictationButton,
+    role: Button$2,
+    title: startVoiceDictation(),
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconMic',
+    type: Div
+  }] : []), {
+    buttonType: 'submit',
     childCount: 1,
     className: sendButtonClassName,
     disabled: isSendDisabled,
     name: Send,
-    onClick: HandleSubmit,
     role: Button$2,
     title: sendMessage(),
     type: Button$1
@@ -7415,12 +7556,14 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text$2(usageLabel)];
 };
 
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20) => {
+const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, voiceDictationEnabled = false) => {
   const isSendDisabled = composerValue.trim() === '';
+  const controlsCount = usageOverviewEnabled ? 3 : 2;
   return [{
     childCount: 1,
     className: ChatSendArea,
-    type: Div
+    onSubmit: HandleSubmit,
+    type: Form
   }, {
     childCount: 2,
     className: ChatSendAreaContent,
@@ -7435,10 +7578,10 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     type: TextArea,
     value: composerValue
   }, {
-    childCount: usageOverviewEnabled ? 3 : 2,
+    childCount: voiceDictationEnabled ? controlsCount + 1 : controlsCount,
     className: ChatSendAreaBottom,
     type: Div
-  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
+  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
 
 /**
@@ -24383,11 +24526,17 @@ const getCodeBlockDom = node => {
   }, ...tokenDom];
 };
 const getOrderedListItemDom = item => {
+  const hasNestedUnorderedList = (item.nestedItems?.length || 0) > 0;
+  const nestedUnorderedListDom = hasNestedUnorderedList ? [{
+    childCount: item.nestedItems?.length || 0,
+    className: ChatUnorderedList,
+    type: Ul
+  }, ...(item.nestedItems || []).flatMap(getUnorderedListItemDom)] : [];
   return [{
-    childCount: item.children.length,
+    childCount: item.children.length + (hasNestedUnorderedList ? 1 : 0),
     className: ChatOrderedListItem,
     type: Li
-  }, ...item.children.flatMap(getInlineNodeDom)];
+  }, ...item.children.flatMap(getInlineNodeDom), ...nestedUnorderedListDom];
 };
 const getUnorderedListItemDom = item => {
   return [{
@@ -24805,20 +24954,20 @@ const getToolCallsDom = message => {
   return [{
     childCount: 2,
     className: ChatToolCalls,
-    type: Div$1
+    type: Div
   }, {
     childCount: 1,
     className: ChatToolCallsLabel,
-    type: Div$1
+    type: Div
   }, text$2('tools'), {
     childCount: message.toolCalls.length,
     className: ChatOrderedList,
-    type: Ol$1
+    type: Ol
   }, ...message.toolCalls.flatMap(getToolCallDom)];
 };
 
 const orderedListItemRegex = /^\s*\d+\.\s+(.*)$/;
-const unorderedListItemRegex = /^\s*[-*]\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 markdownTableSeparatorCellRegex = /^:?-{3,}:?$/;
 const fencedCodeBlockRegex = /^```/;
@@ -25064,13 +25213,29 @@ const parseMessageContent = rawMessage => {
     }
     const unorderedMatch = line.match(unorderedListItemRegex);
     if (unorderedMatch) {
+      const indentation = unorderedMatch[1];
+      const unorderedText = unorderedMatch[2];
+      if (listType === 'ordered-list' && listItems.length > 0 && indentation.length > 0) {
+        const lastIndex = listItems.length - 1;
+        const previousItem = listItems[lastIndex];
+        const nestedItems = previousItem.nestedItems ? [...previousItem.nestedItems] : [];
+        nestedItems.push({
+          children: parseInlineNodes(unorderedText),
+          type: 'list-item'
+        });
+        listItems[lastIndex] = {
+          ...previousItem,
+          nestedItems
+        };
+        continue;
+      }
       if (listType && listType !== 'unordered-list') {
         flushList();
       }
       flushParagraph();
       listType = 'unordered-list';
       listItems.push({
-        children: parseInlineNodes(unorderedMatch[1]),
+        children: parseInlineNodes(unorderedText),
         type: 'list-item'
       });
       continue;
@@ -25130,18 +25295,45 @@ const getEmptyMessagesDom = () => {
   }, text$2(startConversation())];
 };
 
+const hasMessageText = message => {
+  return message.text.trim().length > 0;
+};
+const getDisplayMessages = messages => {
+  const displayMessages = [];
+  for (const message of messages) {
+    if (message.role !== 'assistant' || !message.toolCalls || message.toolCalls.length === 0) {
+      displayMessages.push(message);
+      continue;
+    }
+    displayMessages.push({
+      ...message,
+      text: ''
+    });
+    if (hasMessageText(message)) {
+      const {
+        toolCalls: _toolCalls,
+        ...messageWithoutToolCalls
+      } = message;
+      displayMessages.push({
+        ...messageWithoutToolCalls
+      });
+    }
+  }
+  return displayMessages;
+};
 const getMessagesDom = (messages, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', messagesScrollTop = 0) => {
   if (messages.length === 0) {
     return getEmptyMessagesDom();
   }
+  const displayMessages = getDisplayMessages(messages);
   return [{
-    childCount: messages.length,
+    childCount: displayMessages.length,
     className: 'ChatMessages',
     onContextMenu: HandleMessagesContextMenu,
     onScroll: HandleMessagesScroll,
     scrollTop: messagesScrollTop,
     type: Div
-  }, ...messages.flatMap(message => getChatMessageDom(message, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState))];
+  }, ...displayMessages.flatMap(message => getChatMessageDom(message, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState))];
 };
 
 const getProjectSessionDom = (session, selectedSessionId) => {
@@ -25229,7 +25421,7 @@ 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) => {
+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 selectedSession = sessions.find(session => session.id === selectedSessionId);
   const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
@@ -25251,7 +25443,7 @@ const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerVal
   }, {
     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), {
+  }, ...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), {
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
     name: ComposerDropTarget,
@@ -25347,7 +25539,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) => {
+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 selectedSession = sessions.find(session => session.id === selectedSessionId);
   const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
@@ -25358,7 +25550,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), {
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
     name: ComposerDropTarget,
@@ -25439,7 +25631,7 @@ const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
   }, ...sessions.flatMap(getSessionDom)];
 };
 
-const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, composerDropActive = false, composerDropEnabled = true) => {
+const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
     childCount: 4,
@@ -25447,7 +25639,7 @@ const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, m
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight), {
+  }, ...getChatHeaderListModeDom(), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
     name: ComposerDropTarget,
@@ -25468,14 +25660,14 @@ 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) => {
+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) => {
   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);
+      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);
     case 'detail':
-      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled);
+      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled);
     case 'list':
-      return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, composerDropActive, composerDropEnabled);
+      return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled);
     default:
       return getChatModeUnsupportedVirtualDom();
   }
@@ -25508,12 +25700,13 @@ const renderItems = (oldState, newState) => {
     tokensUsed,
     uid,
     usageOverviewEnabled,
-    viewMode
+    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);
+  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);
   return [SetDom2, uid, dom];
 };
 
@@ -25582,6 +25775,63 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
+const handleDictateClickExpression = `(() => {
+  const target = event.target?.closest?.('[name="dictate"]')
+  if (!target) {
+    return ''
+  }
+  const SpeechRecognitionClass = globalThis.SpeechRecognition || globalThis.webkitSpeechRecognition
+  const composer = document.querySelector('[name="composer"]')
+  if (!SpeechRecognitionClass || !composer || !('value' in composer)) {
+    return ''
+  }
+  const state = globalThis.__chatViewDictationState || (globalThis.__chatViewDictationState = {})
+  const existingRecognition = state.recognition
+  if (existingRecognition) {
+    existingRecognition.stop()
+    state.recognition = undefined
+    return ''
+  }
+  const initialValue = typeof composer.value === 'string' ? composer.value : ''
+  const prefix = initialValue && !/\\s$/.test(initialValue) ? \`\${initialValue} \` : initialValue
+  const updateComposerValue = (nextValue) => {
+    composer.value = nextValue
+    composer.dispatchEvent(new Event('input', { bubbles: true }))
+  }
+  const recognition = new SpeechRecognitionClass()
+  recognition.continuous = true
+  recognition.interimResults = true
+  recognition.onresult = (speechEvent) => {
+    let transcript = ''
+    for (let i = 0; i < speechEvent.results.length; i++) {
+      transcript += speechEvent.results[i][0]?.transcript || ''
+    }
+    updateComposerValue(prefix + transcript)
+  }
+  const clearRecognition = () => {
+    if (state.recognition === recognition) {
+      state.recognition = undefined
+    }
+  }
+  recognition.onend = clearRecognition
+  recognition.onerror = clearRecognition
+  const startRecognition = () => {
+    state.recognition = recognition
+    recognition.start()
+  }
+  if (navigator.mediaDevices?.getUserMedia) {
+    navigator.mediaDevices
+      .getUserMedia({ audio: true })
+      .then((stream) => {
+        stream.getTracks().forEach((track) => track.stop())
+        startRecognition()
+      })
+      .catch(() => {})
+    return ''
+  }
+  startRecognition()
+  return ''
+})()`;
 const renderEventListeners = () => {
   return [{
     name: HandleListContextMenu,
@@ -25590,6 +25840,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClick,
     params: ['handleClick', TargetName, 'event.target.dataset.id']
+  }, {
+    name: HandleClickDictationButton,
+    params: ['handleClickDictationButton', handleDictateClickExpression]
   }, {
     name: HandleClickReadFile,
     params: ['handleClickReadFile', 'event.target.dataset.uri']
@@ -25811,6 +26064,7 @@ const commandMap = {
   'Chat.handleClickBack': wrapCommand(handleClickBack),
   'Chat.handleClickClose': handleClickClose,
   'Chat.handleClickDelete': wrapCommand(handleClickDelete),
+  'Chat.handleClickDictationButton': wrapCommand(handleClickDictationButton),
   'Chat.handleClickList': wrapCommand(handleClickList),
   'Chat.handleClickNew': wrapCommand(handleClickNew),
   'Chat.handleClickReadFile': handleClickReadFile,
@@ -25829,7 +26083,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),
@@ -25855,6 +26109,33 @@ const commandMap = {
   '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();
+};
+
 const send = port => {
   return sendMessagePortToChatNetworkWorker(port);
 };
@@ -25872,7 +26153,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.2.0",
+  "version": "4.4.0",
   "description": "Chat View Worker",
   "repository": {
     "type": "git",