@lvce-editor/chat-view 2.6.0 → 2.8.0

package/dist/chatViewWorkerMain.js

@@ -1079,6 +1079,7 @@ const {
 } = create$2(6002);
 
 const Div$1 = 4;
+const Ol$1 = 49;
 
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
@@ -1469,6 +1470,7 @@ const createDefaultState = () => {
     composerHeight: composerLineHeight + 8,
     composerLineHeight,
     composerValue: '',
+    emitStreamingFunctionCallEvents: false,
     errorCount: 0,
     focus: 'composer',
     focused: false,
@@ -1511,6 +1513,7 @@ const createDefaultState = () => {
     useMockApi: false,
     viewMode: 'list',
     warningCount: 0,
+    webSearchEnabled: true,
     width: 0,
     x: 0,
     y: 0
@@ -3285,7 +3288,8 @@ const getOpenAiTools = tools => {
     };
   });
 };
-const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, previousResponseId) => {
+const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, webSearchEnabled, previousResponseId) => {
+  const openAiTools = getOpenAiTools(tools);
   return {
     input,
     model: modelId,
@@ -3301,7 +3305,9 @@ const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, prev
       previous_response_id: previousResponseId
     } : {}),
     tool_choice: 'auto',
-    tools: getOpenAiTools(tools)
+    tools: webSearchEnabled ? [...openAiTools, {
+      type: 'web_search'
+    }] : openAiTools
   };
 };
 const getStreamChunkText = content => {
@@ -3319,6 +3325,47 @@ const getStreamChunkText = content => {
     return typeof text === 'string' ? text : '';
   }).join('');
 };
+const getShortToolErrorMessage = error => {
+  const trimmed = error.trim().replace(/^Error:\s*/, '');
+  const firstLine = trimmed.split('\n')[0];
+  if (firstLine.length <= 80) {
+    return firstLine;
+  }
+  return `${firstLine.slice(0, 77)}...`;
+};
+const getToolCallExecutionStatus = content => {
+  let parsed;
+  try {
+    parsed = JSON.parse(content);
+  } catch {
+    return {
+      errorMessage: 'Invalid tool output',
+      status: 'error'
+    };
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return {
+      errorMessage: 'Invalid tool output',
+      status: 'error'
+    };
+  }
+  const rawError = Reflect.get(parsed, 'error');
+  if (typeof rawError !== 'string' || !rawError.trim()) {
+    return {
+      status: 'success'
+    };
+  }
+  const errorMessage = getShortToolErrorMessage(rawError);
+  if (/not[\s_-]?found|enoent/i.test(errorMessage)) {
+    return {
+      status: 'not-found'
+    };
+  }
+  return {
+    errorMessage,
+    status: 'error'
+  };
+};
 const getResponseOutputText = parsed => {
   if (!parsed || typeof parsed !== 'object') {
     return '';
@@ -3455,7 +3502,31 @@ const updateToolCallAccumulator = (accumulator, chunk) => {
     toolCalls
   };
 };
-const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished) => {
+const getResponseFunctionCallsFromStreamingAccumulator = toolCallAccumulator => {
+  return Object.entries(toolCallAccumulator).toSorted((a, b) => a[0].localeCompare(b[0])).map(entry => entry[1]).filter(toolCall => typeof toolCall.id === 'string' && !!toolCall.id && !!toolCall.name).map(toolCall => ({
+    arguments: toolCall.arguments,
+    callId: toolCall.id,
+    name: toolCall.name
+  }));
+};
+const getStreamingToolCallKey = value => {
+  if (!value || typeof value !== 'object') {
+    return undefined;
+  }
+  const outputIndex = Reflect.get(value, 'output_index');
+  if (typeof outputIndex === 'number') {
+    return String(outputIndex);
+  }
+  if (typeof outputIndex === 'string' && outputIndex) {
+    return outputIndex;
+  }
+  const itemId = Reflect.get(value, 'item_id');
+  if (typeof itemId === 'string' && itemId) {
+    return itemId;
+  }
+  return undefined;
+};
+const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDataEvent) => {
   if (!response.body) {
     return {
       details: 'request-failed',
@@ -3467,22 +3538,14 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
   let remainder = '';
   let text = '';
   let done = false;
-  let finishedNotified = false;
   let toolCallAccumulator = {};
-  const notifyFinished = async () => {
-    if (finishedNotified) {
-      return;
-    }
-    finishedNotified = true;
-    if (onEventStreamFinished) {
-      await onEventStreamFinished();
-    }
-  };
+  let responseId;
+  let completedResponseFunctionCalls = [];
   const emitToolCallAccumulator = async () => {
     if (!onToolCallsChunk) {
       return;
     }
-    const toolCalls = Object.entries(toolCallAccumulator).toSorted((a, b) => Number(a[0]) - Number(b[0])).map(entry => entry[1]).filter(toolCall => !!toolCall.name);
+    const toolCalls = Object.entries(toolCallAccumulator).toSorted((a, b) => a[0].localeCompare(b[0])).map(entry => entry[1]).filter(toolCall => !!toolCall.name);
     if (toolCalls.length === 0) {
       return;
     }
@@ -3497,7 +3560,25 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
     }
     const eventType = Reflect.get(parsed, 'type');
     if (eventType === 'response.completed') {
-      await notifyFinished();
+      const response = Reflect.get(parsed, 'response');
+      if (response && typeof response === 'object') {
+        const parsedResponseId = Reflect.get(response, 'id');
+        if (typeof parsedResponseId === 'string' && parsedResponseId) {
+          responseId = parsedResponseId;
+        }
+        completedResponseFunctionCalls = getResponseFunctionCalls(response);
+      }
+      return;
+    }
+    if (eventType === 'response.created' || eventType === 'response.in_progress') {
+      const response = Reflect.get(parsed, 'response');
+      if (!response || typeof response !== 'object') {
+        return;
+      }
+      const parsedResponseId = Reflect.get(response, 'id');
+      if (typeof parsedResponseId === 'string' && parsedResponseId) {
+        responseId = parsedResponseId;
+      }
       return;
     }
     if (eventType === 'response.output_text.delta') {
@@ -3512,9 +3593,9 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       return;
     }
     if (eventType === 'response.output_item.added') {
-      const outputIndex = Reflect.get(parsed, 'output_index');
+      const toolCallKey = getStreamingToolCallKey(parsed);
       const item = Reflect.get(parsed, 'item');
-      if (typeof outputIndex !== 'number' || !item || typeof item !== 'object') {
+      if (!toolCallKey || !item || typeof item !== 'object') {
         return;
       }
       const itemType = Reflect.get(item, 'type');
@@ -3533,17 +3614,49 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       };
       toolCallAccumulator = {
         ...toolCallAccumulator,
-        [outputIndex]: next
+        [toolCallKey]: next
+      };
+      await emitToolCallAccumulator();
+      return;
+    }
+    if (eventType === 'response.output_item.done') {
+      const toolCallKey = getStreamingToolCallKey(parsed);
+      const item = Reflect.get(parsed, 'item');
+      if (!toolCallKey || !item || typeof item !== 'object') {
+        return;
+      }
+      const itemType = Reflect.get(item, 'type');
+      if (itemType !== 'function_call') {
+        return;
+      }
+      const callId = Reflect.get(item, 'call_id');
+      const name = Reflect.get(item, 'name');
+      const rawArguments = Reflect.get(item, 'arguments');
+      const current = toolCallAccumulator[toolCallKey] || {
+        arguments: '',
+        name: ''
+      };
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [toolCallKey]: {
+          arguments: typeof rawArguments === 'string' ? rawArguments : current.arguments,
+          ...(typeof callId === 'string' ? {
+            id: callId
+          } : current.id ? {
+            id: current.id
+          } : {}),
+          name: typeof name === 'string' && name ? name : current.name
+        }
       };
       await emitToolCallAccumulator();
       return;
     }
     if (eventType === 'response.function_call_arguments.delta' || eventType === 'response.function_call_arguments.done') {
-      const outputIndex = Reflect.get(parsed, 'output_index');
-      if (typeof outputIndex !== 'number') {
+      const toolCallKey = getStreamingToolCallKey(parsed);
+      if (!toolCallKey) {
         return;
       }
-      const current = toolCallAccumulator[outputIndex] || {
+      const current = toolCallAccumulator[toolCallKey] || {
         arguments: '',
         name: ''
       };
@@ -3562,7 +3675,7 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       };
       toolCallAccumulator = {
         ...toolCallAccumulator,
-        [outputIndex]: next
+        [toolCallKey]: next
       };
       await emitToolCallAccumulator();
       return;
@@ -3622,7 +3735,6 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       }
       for (const line of dataLines) {
         if (line === '[DONE]') {
-          await notifyFinished();
           done = true;
           break;
         }
@@ -3640,7 +3752,6 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
     const dataLines = parseSseEvent(remainder);
     for (const line of dataLines) {
       if (line === '[DONE]') {
-        await notifyFinished();
         continue;
       }
       let parsed;
@@ -3652,8 +3763,12 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       await handleParsedStreamEvent(parsed);
     }
   }
-  await notifyFinished();
+  const responseFunctionCalls = completedResponseFunctionCalls.length > 0 ? completedResponseFunctionCalls : getResponseFunctionCallsFromStreamingAccumulator(toolCallAccumulator);
   return {
+    ...(responseId ? {
+      responseId
+    } : {}),
+    responseFunctionCalls,
     text,
     type: 'success'
   };
@@ -3694,7 +3809,8 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     onEventStreamFinished,
     onTextChunk,
     onToolCallsChunk,
-    stream
+    stream,
+    webSearchEnabled = false
   } = options ?? {
     stream: false
   };
@@ -3709,7 +3825,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     let response;
     try {
       response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
-        body: JSON.stringify(getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, previousResponseId)),
+        body: JSON.stringify(getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, webSearchEnabled, previousResponseId)),
         headers: {
           Authorization: `Bearer ${openApiApiKey}`,
           'Content-Type': 'application/json',
@@ -3745,7 +3861,51 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
       };
     }
     if (stream) {
-      return parseOpenApiStream(response, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished);
+      const streamResult = await parseOpenApiStream(response, onTextChunk, onToolCallsChunk, onDataEvent);
+      if (streamResult.type !== 'success') {
+        return streamResult;
+      }
+      if (streamResult.responseId) {
+        previousResponseId = streamResult.responseId;
+      }
+      if (streamResult.responseFunctionCalls.length > 0) {
+        openAiInput.length = 0;
+        const executedToolCalls = [];
+        for (const toolCall of streamResult.responseFunctionCalls) {
+          const content = await executeChatTool(toolCall.name, toolCall.arguments, {
+            assetDir,
+            platform
+          });
+          const executionStatus = getToolCallExecutionStatus(content);
+          executedToolCalls.push({
+            arguments: toolCall.arguments,
+            ...(executionStatus.errorMessage ? {
+              errorMessage: executionStatus.errorMessage
+            } : {}),
+            id: toolCall.callId,
+            name: toolCall.name,
+            ...(executionStatus.status ? {
+              status: executionStatus.status
+            } : {})
+          });
+          openAiInput.push({
+            call_id: toolCall.callId,
+            output: content,
+            type: 'function_call_output'
+          });
+        }
+        if (onToolCallsChunk && executedToolCalls.length > 0) {
+          await onToolCallsChunk(executedToolCalls);
+        }
+        continue;
+      }
+      if (onEventStreamFinished) {
+        await onEventStreamFinished();
+      }
+      return {
+        text: streamResult.text,
+        type: 'success'
+      };
     }
     let parsed;
     try {
@@ -3769,17 +3929,33 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     const responseFunctionCalls = getResponseFunctionCalls(parsed);
     if (responseFunctionCalls.length > 0) {
       openAiInput.length = 0;
+      const executedToolCalls = [];
       for (const toolCall of responseFunctionCalls) {
         const content = await executeChatTool(toolCall.name, toolCall.arguments, {
           assetDir,
           platform
         });
+        const executionStatus = getToolCallExecutionStatus(content);
+        executedToolCalls.push({
+          arguments: toolCall.arguments,
+          ...(executionStatus.errorMessage ? {
+            errorMessage: executionStatus.errorMessage
+          } : {}),
+          id: toolCall.callId,
+          name: toolCall.name,
+          ...(executionStatus.status ? {
+            status: executionStatus.status
+          } : {})
+        });
         openAiInput.push({
           call_id: toolCall.callId,
           output: content,
           type: 'function_call_output'
         });
       }
+      if (onToolCallsChunk && executedToolCalls.length > 0) {
+        await onToolCallsChunk(executedToolCalls);
+      }
       continue;
     }
     const outputText = getResponseOutputText(parsed);
@@ -3808,6 +3984,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
       const toolCalls = Reflect.get(message, 'tool_calls');
       if (Array.isArray(toolCalls) && toolCalls.length > 0) {
         openAiInput.length = 0;
+        const executedToolCalls = [];
         for (const toolCall of toolCalls) {
           if (!toolCall || typeof toolCall !== 'object') {
             continue;
@@ -3823,12 +4000,29 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
             assetDir,
             platform
           }) : '{}';
+          if (typeof name === 'string') {
+            const executionStatus = getToolCallExecutionStatus(content);
+            executedToolCalls.push({
+              arguments: typeof rawArguments === 'string' ? rawArguments : '',
+              ...(executionStatus.errorMessage ? {
+                errorMessage: executionStatus.errorMessage
+              } : {}),
+              id,
+              name,
+              ...(executionStatus.status ? {
+                status: executionStatus.status
+              } : {})
+            });
+          }
           openAiInput.push({
             call_id: id,
             output: content,
             type: 'function_call_output'
           });
         }
+        if (onToolCallsChunk && executedToolCalls.length > 0) {
+          await onToolCallsChunk(executedToolCalls);
+        }
         continue;
       }
       const content = Reflect.get(message, 'content');
@@ -4218,7 +4412,8 @@ const getAiResponse = async ({
   selectedModelId,
   streamingEnabled = false,
   useMockApi,
-  userText
+  userText,
+  webSearchEnabled = false
 }) => {
   let text = '';
   const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
@@ -4249,7 +4444,8 @@ const getAiResponse = async ({
         ...(onToolCallsChunk ? {
           onToolCallsChunk
         } : {}),
-        stream: streamingEnabled
+        stream: streamingEnabled,
+        webSearchEnabled
       });
       if (result.type === 'success') {
         const {
@@ -4576,10 +4772,53 @@ const appendMessageToSelectedSession = (sessions, selectedSessionId, message) =>
     };
   });
 };
+const hasLegacyStreamingToolCalls = parsed => {
+  if (!parsed || typeof parsed !== 'object') {
+    return false;
+  }
+  const choices = Reflect.get(parsed, 'choices');
+  if (!Array.isArray(choices) || choices.length === 0) {
+    return false;
+  }
+  const firstChoice = choices[0];
+  if (!firstChoice || typeof firstChoice !== 'object') {
+    return false;
+  }
+  const delta = Reflect.get(firstChoice, 'delta');
+  if (!delta || typeof delta !== 'object') {
+    return false;
+  }
+  const toolCalls = Reflect.get(delta, 'tool_calls');
+  return Array.isArray(toolCalls) && toolCalls.length > 0;
+};
+const isStreamingFunctionCallEvent = parsed => {
+  if (hasLegacyStreamingToolCalls(parsed)) {
+    return true;
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return false;
+  }
+  const type = Reflect.get(parsed, 'type');
+  if (type === 'response.function_call_arguments.delta' || type === 'response.function_call_arguments.done') {
+    return true;
+  }
+  if (type !== 'response.output_item.added' && type !== 'response.output_item.done') {
+    return false;
+  }
+  const item = Reflect.get(parsed, 'item');
+  if (!item || typeof item !== 'object') {
+    return false;
+  }
+  return Reflect.get(item, 'type') === 'function_call';
+};
+const getSseEventType = value => {
+  return value && typeof value === 'object' && Reflect.get(value, 'type') === 'response.completed' ? 'sse-response-completed' : 'sse-response-part';
+};
 const handleSubmit = async state => {
   const {
     assetDir,
     composerValue,
+    emitStreamingFunctionCallEvents,
     mockAiResponseDelay,
     mockApiCommandId,
     models,
@@ -4595,7 +4834,8 @@ const handleSubmit = async state => {
     sessions,
     streamingEnabled,
     useMockApi,
-    viewMode
+    viewMode,
+    webSearchEnabled
   } = state;
   const userText = composerValue.trim();
   if (!userText) {
@@ -4705,10 +4945,14 @@ const handleSubmit = async state => {
     mockApiCommandId,
     models,
     onDataEvent: async value => {
+      if (!emitStreamingFunctionCallEvents && isStreamingFunctionCallEvent(value)) {
+        return;
+      }
+      const sseEventType = getSseEventType(value);
       await appendChatViewEvent({
         sessionId: optimisticState.selectedSessionId,
         timestamp: new Date().toISOString(),
-        type: 'sse-response-part',
+        type: sseEventType,
         value
       });
     },
@@ -4735,7 +4979,8 @@ const handleSubmit = async state => {
     selectedModelId,
     streamingEnabled,
     useMockApi,
-    userText
+    userText,
+    webSearchEnabled
   });
   const {
     latestState
@@ -4916,6 +5161,13 @@ const handleClickNew = async state => {
   return createSession(state);
 };
 
+const handleClickReadFile = async uri => {
+  if (!uri) {
+    return;
+  }
+  await invoke('Main.openUri', uri);
+};
+
 const handleClickSessionDebug = async state => {
   await invoke('Main.openUri', `chat-debug://${state.selectedSessionId}`);
   return state;
@@ -5049,6 +5301,11 @@ const handleKeyDown = async (state, key, shiftKey) => {
   return handleSubmit(submitState);
 };
 
+const handleMessagesContextMenu = async state => {
+  await invoke('ContextMenu.show', 1234);
+  return state;
+};
+
 const handleModelChange = async (state, value) => {
   return {
     ...state,
@@ -5186,6 +5443,15 @@ const getSavedViewMode = savedState => {
   return viewMode;
 };
 
+const loadEmitStreamingFunctionCallEvents = async () => {
+  try {
+    const savedEmitStreamingFunctionCallEvents = await get('chatView.emitStreamingFunctionCallEvents');
+    return typeof savedEmitStreamingFunctionCallEvents === 'boolean' ? savedEmitStreamingFunctionCallEvents : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadOpenApiApiKey = async () => {
   try {
     const savedOpenApiKey = await get('secrets.openApiKey');
@@ -5233,9 +5499,11 @@ const loadStreamingEnabled = async () => {
 const loadPreferences = async () => {
   const openApiApiKey = await loadOpenApiApiKey();
   const openRouterApiKey = await loadOpenRouterApiKey();
+  const emitStreamingFunctionCallEvents = await loadEmitStreamingFunctionCallEvents();
   const streamingEnabled = await loadStreamingEnabled();
   const passIncludeObfuscation = await loadPassIncludeObfuscation();
   return {
+    emitStreamingFunctionCallEvents,
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
@@ -5270,6 +5538,7 @@ const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
   const {
+    emitStreamingFunctionCallEvents,
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
@@ -5302,6 +5571,7 @@ const loadContent = async (state, savedState) => {
   return {
     ...state,
     chatListScrollTop,
+    emitStreamingFunctionCallEvents,
     initial: false,
     messagesScrollTop,
     openApiApiKey,
@@ -5378,6 +5648,34 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
   --ChatMessageFontSize: ${chatMessageFontSize}px;
   --ChatMessageLineHeight: ${chatMessageLineHeight}px;
   --ChatMessageFontFamily: ${chatMessageFontFamily};
+}
+
+.ChatToolCalls {
+  position: relative;
+  border: 1px solid var(--vscode-editorWidget-border);
+  border-radius: 4px;
+  margin-bottom: 8px;
+  padding: 10px 8px 6px;
+  background: var(--vscode-editorWidget-background);
+}
+
+.ChatToolCallsLabel {
+  position: absolute;
+  top: -8px;
+  left: 8px;
+  padding: 0 4px;
+  border-radius: 3px;
+  background: var(--vscode-editor-background);
+  color: var(--vscode-descriptionForeground);
+  font-size: 10px;
+  line-height: 14px;
+  text-transform: lowercase;
+  letter-spacing: 0.02em;
+}
+
+.ChatToolCallReadFileLink {
+  color: var(--vscode-textLink-foreground);
+  text-decoration: underline;
 }`;
 };
 
@@ -5433,6 +5731,7 @@ const ChatHeader = 'ChatHeader';
 const Button = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
 const ButtonSecondary = 'ButtonSecondary';
+const FileIcon = 'FileIcon';
 const IconButton = 'IconButton';
 const InputBox = 'InputBox';
 const Label = 'Label';
@@ -5444,6 +5743,9 @@ const ChatListItemLabel = 'ChatListItemLabel';
 const Markdown = 'Markdown';
 const Message = 'Message';
 const ChatMessageContent = 'ChatMessageContent';
+const ChatToolCalls = 'ChatToolCalls';
+const ChatToolCallsLabel = 'ChatToolCallsLabel';
+const ChatToolCallReadFileLink = 'ChatToolCallReadFileLink';
 const ChatOrderedList = 'ChatOrderedList';
 const ChatOrderedListItem = 'ChatOrderedListItem';
 const MessageUser = 'MessageUser';
@@ -5473,6 +5775,8 @@ const HandleModelChange = 20;
 const HandleChatListScroll = 21;
 const HandleMessagesScroll = 22;
 const HandleClickSessionDebug = 23;
+const HandleClickReadFile = 24;
+const HandleMessagesContextMenu = 25;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -5787,13 +6091,108 @@ const getToolCallArgumentPreview = rawArguments => {
   return rawArguments;
 };
 
+const RE_QUERY_OR_HASH = /[?#].*$/;
+const RE_TRAILING_SLASH = /\/$/;
+const getFileNameFromUri = uri => {
+  const stripped = uri.replace(RE_QUERY_OR_HASH, '').replace(RE_TRAILING_SLASH, '');
+  const slashIndex = Math.max(stripped.lastIndexOf('/'), stripped.lastIndexOf('\\\\'));
+  const fileName = slashIndex === -1 ? stripped : stripped.slice(slashIndex + 1);
+  return fileName || uri;
+};
+
+const getReadFileTarget = rawArguments => {
+  let parsed;
+  try {
+    parsed = JSON.parse(rawArguments);
+  } catch {
+    return undefined;
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return undefined;
+  }
+  const uri = Reflect.get(parsed, 'uri');
+  const path = Reflect.get(parsed, 'path');
+  const uriValue = typeof uri === 'string' ? uri : '';
+  const pathValue = typeof path === 'string' ? path : '';
+  const title = uriValue || pathValue;
+  if (!title) {
+    return undefined;
+  }
+  // `read_file` tool calls usually provide a relative `path`; pass it through so UI clicks can open the file.
+  const clickableUri = uriValue || pathValue;
+  return {
+    clickableUri,
+    title
+  };
+};
+
+const getToolCallStatusLabel$1 = toolCall => {
+  if (toolCall.status === 'not-found') {
+    return ' (not-found)';
+  }
+  if (toolCall.status === 'error') {
+    if (toolCall.errorMessage) {
+      return ` (error: ${toolCall.errorMessage})`;
+    }
+    return ' (error)';
+  }
+  return '';
+};
+
+const getToolCallReadFileVirtualDom = toolCall => {
+  const target = getReadFileTarget(toolCall.arguments);
+  if (!target) {
+    return [];
+  }
+  const fileName = getFileNameFromUri(target.title);
+  const toolNameLabel = `${toolCall.name} `;
+  const statusLabel = getToolCallStatusLabel$1(toolCall);
+  const fileNameClickableProps = target.clickableUri ? {
+    'data-uri': target.clickableUri,
+    onClick: HandleClickReadFile
+  } : {};
+  return [{
+    childCount: statusLabel ? 4 : 3,
+    className: ChatOrderedListItem,
+    title: target.title,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, text(toolNameLabel), {
+    childCount: 1,
+    className: ChatToolCallReadFileLink,
+    ...fileNameClickableProps,
+    type: Span
+  }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
+};
+
+const getToolCallStatusLabel = toolCall => {
+  if (toolCall.status === 'not-found') {
+    return ' (not-found)';
+  }
+  if (toolCall.status === 'error') {
+    if (toolCall.errorMessage) {
+      return ` (error: ${toolCall.errorMessage})`;
+    }
+    return ' (error)';
+  }
+  return '';
+};
 const getToolCallDom = toolCall => {
+  if (toolCall.name === 'read_file') {
+    const virtualDom = getToolCallReadFileVirtualDom(toolCall);
+    if (virtualDom.length > 0) {
+      return virtualDom;
+    }
+  }
   const argumentPreview = getToolCallArgumentPreview(toolCall.arguments);
-  const label = `${toolCall.name} ${argumentPreview}`;
+  const label = `${toolCall.name} ${argumentPreview}${getToolCallStatusLabel(toolCall)}`;
   return [{
     childCount: 1,
-    className: Markdown,
-    type: P
+    className: ChatOrderedListItem,
+    type: Li
   }, text(label)];
 };
 
@@ -5802,9 +6201,17 @@ const getToolCallsDom = message => {
     return [];
   }
   return [{
-    childCount: message.toolCalls.length,
-    className: 'ToolCallsContainer',
+    childCount: 2,
+    className: ChatToolCalls,
     type: Div$1
+  }, {
+    childCount: 1,
+    className: ChatToolCallsLabel,
+    type: Div$1
+  }, text('tools'), {
+    childCount: message.toolCalls.length,
+    className: ChatOrderedList,
+    type: Ol$1
   }, ...message.toolCalls.flatMap(getToolCallDom)];
 };
 
@@ -5907,7 +6314,7 @@ const getChatMessageDom = (message, openRouterApiKeyInput, openApiApiKeyInput =
     childCount: extraChildCount,
     className: ChatMessageContent,
     type: Div
-  }, ...messageDom, ...toolCallsDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyInput) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyInput, openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
+  }, ...toolCallsDom, ...messageDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyInput) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyInput, openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
 };
 
 const getEmptyMessagesDom = () => {
@@ -5925,6 +6332,7 @@ const getMessagesDom = (messages, openRouterApiKeyInput, openApiApiKeyInput = ''
   return [{
     childCount: messages.length,
     className: 'ChatMessages',
+    onContextMenu: HandleMessagesContextMenu,
     onScroll: HandleMessagesScroll,
     scrollTop: messagesScrollTop,
     type: Div
@@ -6139,6 +6547,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClick,
     params: ['handleClick', TargetName, 'event.target.dataset.id']
+  }, {
+    name: HandleClickReadFile,
+    params: ['handleClickReadFile', 'event.target.dataset.uri']
   }, {
     name: HandleClickDelete,
     params: ['handleClickDelete', 'event.target.dataset.id']
@@ -6172,6 +6583,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleMessagesScroll,
     params: ['handleMessagesScroll', 'event.target.scrollTop']
+  }, {
+    name: HandleMessagesContextMenu,
+    params: ['handleMessagesContextMenu'],
+    preventDefault: true
   }, {
     name: HandleFocus,
     params: ['handleInputFocus', TargetName]
@@ -6264,6 +6679,13 @@ const setChatList = state => {
   };
 };
 
+const setEmitStreamingFunctionCallEvents = (state, emitStreamingFunctionCallEvents) => {
+  return {
+    ...state,
+    emitStreamingFunctionCallEvents
+  };
+};
+
 const setStreamingEnabled = (state, streamingEnabled) => {
   return {
     ...state,
@@ -6302,11 +6724,13 @@ const commandMap = {
   'Chat.handleClickDelete': wrapCommand(handleClickDelete),
   'Chat.handleClickList': wrapCommand(handleClickList),
   'Chat.handleClickNew': wrapCommand(handleClickNew),
+  'Chat.handleClickReadFile': handleClickReadFile,
   'Chat.handleClickSessionDebug': wrapCommand(handleClickSessionDebug),
   'Chat.handleClickSettings': handleClickSettings,
   'Chat.handleInput': wrapCommand(handleInput),
   'Chat.handleInputFocus': wrapCommand(handleInputFocus),
   'Chat.handleKeyDown': wrapCommand(handleKeyDown),
+  'Chat.handleMessagesContextMenu': wrapCommand(handleMessagesContextMenu),
   'Chat.handleMessagesScroll': wrapCommand(handleMessagesScroll),
   'Chat.handleModelChange': wrapCommand(handleModelChange),
   'Chat.handleSubmit': wrapCommand(handleSubmit),
@@ -6325,6 +6749,7 @@ const commandMap = {
   'Chat.resize': wrapCommand(resize),
   'Chat.saveState': wrapGetter(saveState),
   'Chat.setChatList': wrapCommand(setChatList),
+  'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
   'Chat.terminate': terminate,

package/package.json

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