@lvce-editor/chat-view 4.2.0 → 4.3.0

package/dist/chatViewWorkerMain.js

@@ -1079,8 +1079,61 @@ const {
   set: set$3
 } = create$2(6002);
 
-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 +1142,10 @@ const ShiftKey = 'event.shiftKey';
 const TargetName = 'event.target.name';
 const TargetValue = 'event.target.value';
 
+const Enter = 3;
+
+const Shift = 1 << 10 >>> 0;
+
 const ExtensionHostWorker = 44;
 const RendererWorker = 1;
 
@@ -1376,6 +1433,9 @@ const openApiApiKeyPlaceholder = () => {
 const sendMessage = () => {
   return i18nString('Send message');
 };
+const startVoiceDictation = () => {
+  return i18nString('Start voice dictation');
+};
 const save = () => {
   return i18nString('Save');
 };
@@ -1566,6 +1626,7 @@ const createDefaultState = () => {
     useChatNetworkWorkerForRequests: false,
     useMockApi: false,
     viewMode: 'list',
+    voiceDictationEnabled: false,
     warningCount: 0,
     webSearchEnabled: true,
     width: 0,
@@ -2369,7 +2430,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 +2475,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(' ');
 };
@@ -3036,6 +3038,9 @@ const executeReadFileTool = async (args, _options) => {
     } catch (error) {
       return JSON.stringify({
         error: String(error),
+        ...(error instanceof Error && typeof error.stack === 'string' ? {
+          stack: error.stack
+        } : {}),
         uri
       });
     }
@@ -3056,6 +3061,9 @@ const executeReadFileTool = async (args, _options) => {
   } catch (error) {
     return JSON.stringify({
       error: String(error),
+      ...(error instanceof Error && typeof error.stack === 'string' ? {
+        stack: error.stack
+      } : {}),
       path: normalizedPath
     });
   }
@@ -3774,6 +3782,7 @@ const getToolCallExecutionStatus = content => {
       status: 'success'
     };
   }
+  const rawErrorStack = Reflect.get(parsed, 'stack');
   const errorMessage = getShortToolErrorMessage(rawError);
   if (/not[\s_-]?found|enoent/i.test(errorMessage)) {
     return {
@@ -3782,6 +3791,9 @@ const getToolCallExecutionStatus = content => {
   }
   return {
     errorMessage,
+    ...(typeof rawErrorStack === 'string' && rawErrorStack.trim() ? {
+      errorStack: rawErrorStack
+    } : {}),
     status: 'error'
   };
 };
@@ -4388,6 +4400,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
             ...(executionStatus.errorMessage ? {
               errorMessage: executionStatus.errorMessage
             } : {}),
+            ...(executionStatus.errorStack ? {
+              errorStack: executionStatus.errorStack
+            } : {}),
             id: toolCall.callId,
             name: toolCall.name,
             ...(executionStatus.status ? {
@@ -4523,6 +4538,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
           ...(executionStatus.errorMessage ? {
             errorMessage: executionStatus.errorMessage
           } : {}),
+          ...(executionStatus.errorStack ? {
+            errorStack: executionStatus.errorStack
+          } : {}),
           id: toolCall.callId,
           name: toolCall.name,
           ...(executionStatus.status ? {
@@ -4586,6 +4604,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
               ...(executionStatus.errorMessage ? {
                 errorMessage: executionStatus.errorMessage
               } : {}),
+              ...(executionStatus.errorStack ? {
+                errorStack: executionStatus.errorStack
+              } : {}),
               id,
               name,
               ...(executionStatus.status ? {
@@ -5960,6 +5981,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 +6223,10 @@ const handleClickDelete = async (state, sessionId = '') => {
   return deleteSession(state, sessionId);
 };
 
+const handleClickDictationButton = async state => {
+  return state;
+};
+
 const handleClickNew = async state => {
   return createSession(state);
 };
@@ -6666,8 +6692,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 +6711,8 @@ const loadPreferences = async () => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
-    useChatNetworkWorkerForRequests
+    useChatNetworkWorkerForRequests,
+    voiceDictationEnabled
   };
 };
 
@@ -6800,7 +6836,8 @@ const loadContent = async (state, savedState) => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
-    useChatNetworkWorkerForRequests
+    useChatNetworkWorkerForRequests,
+    voiceDictationEnabled
   } = await loadPreferences();
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
@@ -6866,7 +6903,8 @@ const loadContent = async (state, savedState) => {
     sessions,
     streamingEnabled,
     useChatNetworkWorkerForRequests,
-    viewMode
+    viewMode,
+    voiceDictationEnabled
   };
 };
 
@@ -7325,6 +7363,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 +7401,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 +7466,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 +7488,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 +24436,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 +24864,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 +25123,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 +25205,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 +25331,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 +25353,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 +25449,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 +25460,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 +25541,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 +25549,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 +25570,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 +25610,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 +25685,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 +25750,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 +25974,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,

package/package.json

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