@lvce-editor/chat-view 2.7.0 → 2.9.0

package/dist/chatViewWorkerMain.js

@@ -1078,6 +1078,7 @@ const {
   set: set$3
 } = create$2(6002);
 
+const Div$1 = 4;
 const Ol$1 = 49;
 
 const ClientX = 'event.clientX';
@@ -1512,6 +1513,7 @@ const createDefaultState = () => {
     useMockApi: false,
     viewMode: 'list',
     warningCount: 0,
+    webSearchEnabled: true,
     width: 0,
     x: 0,
     y: 0
@@ -2647,7 +2649,8 @@ const deleteSession = async (state, id) => {
 };
 
 const handleClickOpenApiApiKeySettings = async state => {
-  await openExternal(state.openApiApiKeysSettingsUrl);
+  // Open the built-in settings editor so the user can inspect or edit their OpenAI API key.
+  await invoke('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -3051,8 +3054,6 @@ const getMockOpenRouterAssistantText = async (messages, modelId, openRouterApiBa
   }
 };
 
-const OnFileSystem = 'onFileSystem';
-
 const isPathTraversalAttempt = path => {
   if (!path) {
     return false;
@@ -3069,6 +3070,7 @@ const isPathTraversalAttempt = path => {
   const segments = path.split(/[\\/]/);
   return segments.includes('..');
 };
+
 const normalizeRelativePath = path => {
   const segments = path.split(/[\\/]/).filter(segment => segment && segment !== '.');
   if (segments.length === 0) {
@@ -3076,6 +3078,87 @@ const normalizeRelativePath = path => {
   }
   return segments.join('/');
 };
+
+const executeListFilesTool = async (args, _options) => {
+  const folderPath = typeof args.path === 'string' && args.path ? args.path : '.';
+  if (isPathTraversalAttempt(folderPath)) {
+    return JSON.stringify({
+      error: 'Access denied: path must be relative and stay within the open workspace folder.'
+    });
+  }
+  const normalizedPath = normalizeRelativePath(folderPath);
+  try {
+    const entries = await invoke('FileSystem.readDirWithFileTypes', normalizedPath);
+    return JSON.stringify({
+      entries,
+      path: normalizedPath
+    });
+  } catch (error) {
+    return JSON.stringify({
+      error: String(error),
+      path: normalizedPath
+    });
+  }
+};
+
+const executeReadFileTool = async (args, _options) => {
+  const filePath = typeof args.path === 'string' ? args.path : '';
+  if (!filePath || isPathTraversalAttempt(filePath)) {
+    return JSON.stringify({
+      error: 'Access denied: path must be relative and stay within the open workspace folder.'
+    });
+  }
+  const normalizedPath = normalizeRelativePath(filePath);
+  try {
+    const content = await readFile(normalizedPath);
+    return JSON.stringify({
+      content,
+      path: normalizedPath
+    });
+  } catch (error) {
+    return JSON.stringify({
+      error: String(error),
+      path: normalizedPath
+    });
+  }
+};
+
+const OnFileSystem = 'onFileSystem';
+
+const executeFileSystemCommand = async (method, params, options) => {
+  return executeProvider({
+    assetDir: options.assetDir,
+    event: OnFileSystem,
+    method,
+    noProviderFoundMessage: 'No file system provider found',
+    params,
+    platform: options.platform
+  });
+};
+
+const executeWriteFileTool = async (args, options) => {
+  const filePath = typeof args.path === 'string' ? args.path : '';
+  const content = typeof args.content === 'string' ? args.content : '';
+  if (!filePath || isPathTraversalAttempt(filePath)) {
+    return JSON.stringify({
+      error: 'Access denied: path must be relative and stay within the open workspace folder.'
+    });
+  }
+  const normalizedPath = normalizeRelativePath(filePath);
+  try {
+    await executeFileSystemCommand(FileSystemWriteFile, ['file', normalizedPath, content], options);
+    return JSON.stringify({
+      ok: true,
+      path: normalizedPath
+    });
+  } catch (error) {
+    return JSON.stringify({
+      error: String(error),
+      path: normalizedPath
+    });
+  }
+};
+
 const parseToolArguments = rawArguments => {
   if (typeof rawArguments !== 'string') {
     return {};
@@ -3090,16 +3173,23 @@ const parseToolArguments = rawArguments => {
     return {};
   }
 };
-const executeFileSystemCommand = async (method, params, options) => {
-  return executeProvider({
-    assetDir: options.assetDir,
-    event: OnFileSystem,
-    method,
-    noProviderFoundMessage: 'No file system provider found',
-    params,
-    platform: options.platform
+
+const executeChatTool = async (name, rawArguments, options) => {
+  const args = parseToolArguments(rawArguments);
+  if (name === 'read_file') {
+    return executeReadFileTool(args);
+  }
+  if (name === 'write_file') {
+    return executeWriteFileTool(args, options);
+  }
+  if (name === 'list_files') {
+    return executeListFilesTool(args);
+  }
+  return JSON.stringify({
+    error: `Unknown tool: ${name}`
   });
 };
+
 const getBasicChatTools = () => {
   return [{
     function: {
@@ -3157,76 +3247,6 @@ const getBasicChatTools = () => {
     type: 'function'
   }];
 };
-const executeChatTool = async (name, rawArguments, options) => {
-  const args = parseToolArguments(rawArguments);
-  if (name === 'read_file') {
-    const filePath = typeof args.path === 'string' ? args.path : '';
-    if (!filePath || isPathTraversalAttempt(filePath)) {
-      return JSON.stringify({
-        error: 'Access denied: path must be relative and stay within the open workspace folder.'
-      });
-    }
-    const normalizedPath = normalizeRelativePath(filePath);
-    try {
-      const content = await readFile(normalizedPath);
-      return JSON.stringify({
-        content,
-        path: normalizedPath
-      });
-    } catch (error) {
-      return JSON.stringify({
-        error: String(error),
-        path: normalizedPath
-      });
-    }
-  }
-  if (name === 'write_file') {
-    const filePath = typeof args.path === 'string' ? args.path : '';
-    const content = typeof args.content === 'string' ? args.content : '';
-    if (!filePath || isPathTraversalAttempt(filePath)) {
-      return JSON.stringify({
-        error: 'Access denied: path must be relative and stay within the open workspace folder.'
-      });
-    }
-    const normalizedPath = normalizeRelativePath(filePath);
-    try {
-      await executeFileSystemCommand(FileSystemWriteFile, ['file', normalizedPath, content], options);
-      return JSON.stringify({
-        ok: true,
-        path: normalizedPath
-      });
-    } catch (error) {
-      return JSON.stringify({
-        error: String(error),
-        path: normalizedPath
-      });
-    }
-  }
-  if (name === 'list_files') {
-    const folderPath = typeof args.path === 'string' && args.path ? args.path : '.';
-    if (isPathTraversalAttempt(folderPath)) {
-      return JSON.stringify({
-        error: 'Access denied: path must be relative and stay within the open workspace folder.'
-      });
-    }
-    const normalizedPath = normalizeRelativePath(folderPath);
-    try {
-      const entries = await invoke('FileSystem.readDirWithFileTypes', normalizedPath);
-      return JSON.stringify({
-        entries,
-        path: normalizedPath
-      });
-    } catch (error) {
-      return JSON.stringify({
-        error: String(error),
-        path: normalizedPath
-      });
-    }
-  }
-  return JSON.stringify({
-    error: `Unknown tool: ${name}`
-  });
-};
 
 const getClientRequestIdHeader = () => {
   return {
@@ -3286,7 +3306,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,
@@ -3302,7 +3323,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 => {
@@ -3320,6 +3343,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 '';
@@ -3457,12 +3521,29 @@ const updateToolCallAccumulator = (accumulator, chunk) => {
   };
 };
 const getResponseFunctionCallsFromStreamingAccumulator = toolCallAccumulator => {
-  return Object.entries(toolCallAccumulator).toSorted((a, b) => Number(a[0]) - Number(b[0])).map(entry => entry[1]).filter(toolCall => typeof toolCall.id === 'string' && !!toolCall.id && !!toolCall.name).map(toolCall => ({
+  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 {
@@ -3482,7 +3563,7 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
     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;
     }
@@ -3530,9 +3611,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');
@@ -3551,15 +3632,15 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       };
       toolCallAccumulator = {
         ...toolCallAccumulator,
-        [outputIndex]: next
+        [toolCallKey]: next
       };
       await emitToolCallAccumulator();
       return;
     }
     if (eventType === 'response.output_item.done') {
-      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');
@@ -3569,13 +3650,13 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       const callId = Reflect.get(item, 'call_id');
       const name = Reflect.get(item, 'name');
       const rawArguments = Reflect.get(item, 'arguments');
-      const current = toolCallAccumulator[outputIndex] || {
+      const current = toolCallAccumulator[toolCallKey] || {
         arguments: '',
         name: ''
       };
       toolCallAccumulator = {
         ...toolCallAccumulator,
-        [outputIndex]: {
+        [toolCallKey]: {
           arguments: typeof rawArguments === 'string' ? rawArguments : current.arguments,
           ...(typeof callId === 'string' ? {
             id: callId
@@ -3589,11 +3670,11 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       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: ''
       };
@@ -3612,7 +3693,7 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       };
       toolCallAccumulator = {
         ...toolCallAccumulator,
-        [outputIndex]: next
+        [toolCallKey]: next
       };
       await emitToolCallAccumulator();
       return;
@@ -3746,7 +3827,8 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     onEventStreamFinished,
     onTextChunk,
     onToolCallsChunk,
-    stream
+    stream,
+    webSearchEnabled = false
   } = options ?? {
     stream: false
   };
@@ -3761,7 +3843,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',
@@ -3804,6 +3886,37 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
       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();
       }
@@ -3834,17 +3947,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);
@@ -3873,6 +4002,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;
@@ -3888,12 +4018,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');
@@ -3920,6 +4067,12 @@ const getOpenApiErrorMessage = errorResult => {
         const errorMessage = errorResult.errorMessage?.trim();
         const hasErrorCode = typeof errorResult.errorCode === 'string' && errorResult.errorCode.length > 0;
         const hasErrorType = typeof errorResult.errorType === 'string' && errorResult.errorType.length > 0;
+
+        // Provide a concise, user-friendly message when OpenAI reports an invalid API key.
+        if (errorResult.errorCode === 'invalid_api_key') {
+          const status = typeof errorResult.statusCode === 'number' ? errorResult.statusCode : 401;
+          return `OpenAI request failed (status ${status}): Invalid API key. Please verify your OpenAI API key in Chat settings.`;
+        }
         if (errorResult.statusCode === 429) {
           let prefix = 'OpenAI rate limit exceeded (429)';
           if (hasErrorCode) {
@@ -4283,7 +4436,8 @@ const getAiResponse = async ({
   selectedModelId,
   streamingEnabled = false,
   useMockApi,
-  userText
+  userText,
+  webSearchEnabled = false
 }) => {
   let text = '';
   const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
@@ -4314,7 +4468,8 @@ const getAiResponse = async ({
         ...(onToolCallsChunk ? {
           onToolCallsChunk
         } : {}),
-        stream: streamingEnabled
+        stream: streamingEnabled,
+        webSearchEnabled
       });
       if (result.type === 'success') {
         const {
@@ -4703,7 +4858,8 @@ const handleSubmit = async state => {
     sessions,
     streamingEnabled,
     useMockApi,
-    viewMode
+    viewMode,
+    webSearchEnabled
   } = state;
   const userText = composerValue.trim();
   if (!userText) {
@@ -4847,7 +5003,8 @@ const handleSubmit = async state => {
     selectedModelId,
     streamingEnabled,
     useMockApi,
-    userText
+    userText,
+    webSearchEnabled
   });
   const {
     latestState
@@ -5168,6 +5325,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,
@@ -5510,6 +5672,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;
 }`;
 };
 
@@ -5577,6 +5767,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';
@@ -5607,6 +5800,7 @@ const HandleChatListScroll = 21;
 const HandleMessagesScroll = 22;
 const HandleClickSessionDebug = 23;
 const HandleClickReadFile = 24;
+const HandleMessagesContextMenu = 25;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -5800,6 +5994,31 @@ const getChatHeaderDomDetailMode = selectedSessionTitle => {
   }, text(selectedSessionTitle), ...getChatHeaderActionsDom()];
 };
 
+const getMessageNodeDom = node => {
+  if (node.type === 'text') {
+    return [{
+      childCount: 1,
+      className: Markdown,
+      type: P
+    }, text(node.text)];
+  }
+  return [{
+    childCount: node.items.length,
+    className: ChatOrderedList,
+    type: Ol
+  }, ...node.items.flatMap(item => {
+    return [{
+      childCount: 1,
+      className: ChatOrderedListItem,
+      type: Li
+    }, text(item.text)];
+  })];
+};
+
+const getMessageContentDom = nodes => {
+  return nodes.flatMap(getMessageNodeDom);
+};
+
 const getMissingApiKeyDom = ({
   getApiKeyText,
   inputName,
@@ -5921,8 +6140,10 @@ const getToolCallArgumentPreview = rawArguments => {
   return rawArguments;
 };
 
+const RE_QUERY_OR_HASH = /[?#].*$/;
+const RE_TRAILING_SLASH = /\/$/;
 const getFileNameFromUri = uri => {
-  const stripped = uri.replace(/[?#].*$/, '').replace(/\/$/, '');
+  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;
@@ -5946,42 +6167,68 @@ const getReadFileTarget = rawArguments => {
   if (!title) {
     return undefined;
   }
-  const clickableUri = uriValue || (pathValue.startsWith('file://') ? pathValue : '');
+  // `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 clickableProps = target.clickableUri ? {
+  const toolNameLabel = `${toolCall.name} `;
+  const statusLabel = getToolCallStatusLabel$1(toolCall);
+  const fileNameClickableProps = target.clickableUri ? {
     'data-uri': target.clickableUri,
     onClick: HandleClickReadFile
   } : {};
   return [{
-    childCount: 2,
+    childCount: statusLabel ? 4 : 3,
     className: ChatOrderedListItem,
-    ...clickableProps,
     title: target.title,
     type: Li
   }, {
     childCount: 0,
     className: FileIcon,
-    ...clickableProps,
     type: Div
-  }, {
+  }, text(toolNameLabel), {
     childCount: 1,
-    ...clickableProps,
-    style: 'color: var(--vscode-textLink-foreground); text-decoration: underline;',
+    className: ChatToolCallReadFileLink,
+    ...fileNameClickableProps,
     type: Span
-  }, text(fileName)];
+  }, 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);
@@ -5990,7 +6237,7 @@ const getToolCallDom = toolCall => {
     }
   }
   const argumentPreview = getToolCallArgumentPreview(toolCall.arguments);
-  const label = `${toolCall.name} ${argumentPreview}`;
+  const label = `${toolCall.name} ${argumentPreview}${getToolCallStatusLabel(toolCall)}`;
   return [{
     childCount: 1,
     className: ChatOrderedListItem,
@@ -6003,6 +6250,14 @@ const getToolCallsDom = message => {
     return [];
   }
   return [{
+    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
@@ -6066,28 +6321,6 @@ const parseMessageContent = rawMessage => {
     type: 'text'
   }] : nodes;
 };
-const getMessageContentDom = nodes => {
-  return nodes.flatMap(node => {
-    if (node.type === 'text') {
-      return [{
-        childCount: 1,
-        className: Markdown,
-        type: P
-      }, text(node.text)];
-    }
-    return [{
-      childCount: node.items.length,
-      className: ChatOrderedList,
-      type: Ol
-    }, ...node.items.flatMap(item => {
-      return [{
-        childCount: 1,
-        className: ChatOrderedListItem,
-        type: Li
-      }, text(item.text)];
-    })];
-  });
-};
 
 const getChatMessageDom = (message, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle') => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
@@ -6126,6 +6359,7 @@ const getMessagesDom = (messages, openRouterApiKeyInput, openApiApiKeyInput = ''
   return [{
     childCount: messages.length,
     className: 'ChatMessages',
+    onContextMenu: HandleMessagesContextMenu,
     onScroll: HandleMessagesScroll,
     scrollTop: messagesScrollTop,
     type: Div
@@ -6376,6 +6610,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleMessagesScroll,
     params: ['handleMessagesScroll', 'event.target.scrollTop']
+  }, {
+    name: HandleMessagesContextMenu,
+    params: ['handleMessagesContextMenu'],
+    preventDefault: true
   }, {
     name: HandleFocus,
     params: ['handleInputFocus', TargetName]
@@ -6419,30 +6657,22 @@ const saveState = state => {
   const {
     chatListScrollTop,
     composerValue,
-    height,
     messagesScrollTop,
     nextMessageId,
     renamingSessionId,
     selectedModelId,
     selectedSessionId,
-    viewMode,
-    width,
-    x,
-    y
+    viewMode
   } = state;
   return {
     chatListScrollTop,
     composerValue,
-    height,
     messagesScrollTop,
     nextMessageId,
     renamingSessionId,
     selectedModelId,
     selectedSessionId,
-    viewMode,
-    width,
-    x,
-    y
+    viewMode
   };
 };
 
@@ -6519,6 +6749,7 @@ const commandMap = {
   '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),

package/package.json

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