@lvce-editor/chat-view 6.2.0 → 6.4.0

package/dist/chatViewWorkerMain.js

@@ -3336,7 +3336,7 @@ const executeChatTool = async (name, rawArguments, options) => {
 const getReadFileTool = () => {
   return {
     function: {
-      description: 'Read UTF-8 text content from a file inside the currently open workspace folder. Only pass an absolute URI.',
+      description: 'Read UTF-8 text content from a file inside the currently open workspace folder. Only pass an absolute URI. When you reference files in your response, use markdown links like [index.ts](file:///workspace/src/index.ts).',
       name: 'read_file',
       parameters: {
         additionalProperties: false,
@@ -4042,6 +4042,25 @@ const getToolCallExecutionStatus = content => {
     status: 'error'
   };
 };
+const getToolCallResult = (name, content) => {
+  if (name !== 'getWorkspaceUri') {
+    return undefined;
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(content);
+  } catch {
+    return undefined;
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return undefined;
+  }
+  const workspaceUri = Reflect.get(parsed, 'workspaceUri');
+  if (typeof workspaceUri !== 'string' || !workspaceUri) {
+    return undefined;
+  }
+  return workspaceUri;
+};
 const getResponseOutputText = parsed => {
   if (!parsed || typeof parsed !== 'object') {
     return '';
@@ -4645,6 +4664,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
             useChatToolWorker
           });
           const executionStatus = getToolCallExecutionStatus(content);
+          const toolCallResult = getToolCallResult(toolCall.name, content);
           executedToolCalls.push({
             arguments: toolCall.arguments,
             ...(executionStatus.errorStack ? {
@@ -4658,6 +4678,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
             } : {}),
             id: toolCall.callId,
             name: toolCall.name,
+            ...(toolCallResult ? {
+              result: toolCallResult
+            } : {}),
             ...(executionStatus.status ? {
               status: executionStatus.status
             } : {})
@@ -4790,6 +4813,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
           useChatToolWorker
         });
         const executionStatus = getToolCallExecutionStatus(content);
+        const toolCallResult = getToolCallResult(toolCall.name, content);
         executedToolCalls.push({
           arguments: toolCall.arguments,
           ...(executionStatus.errorStack ? {
@@ -4803,6 +4827,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
           } : {}),
           id: toolCall.callId,
           name: toolCall.name,
+          ...(toolCallResult ? {
+            result: toolCallResult
+          } : {}),
           ...(executionStatus.status ? {
             status: executionStatus.status
           } : {})
@@ -4863,6 +4890,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
           }) : '{}';
           if (typeof name === 'string') {
             const executionStatus = getToolCallExecutionStatus(content);
+            const toolCallResult = getToolCallResult(name, content);
             executedToolCalls.push({
               arguments: typeof rawArguments === 'string' ? rawArguments : '',
               ...(executionStatus.errorStack ? {
@@ -4876,6 +4904,9 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
               } : {}),
               id,
               name,
+              ...(toolCallResult ? {
+                result: toolCallResult
+              } : {}),
               ...(executionStatus.status ? {
                 status: executionStatus.status
               } : {})
@@ -5756,7 +5787,14 @@ const isAlphaNumeric = value => {
   }
   return code >= 97 && code <= 122;
 };
-const sanitizeUrl = url => {
+const sanitizeLinkUrl = url => {
+  const normalized = url.trim().toLowerCase();
+  if (normalized.startsWith('http://') || normalized.startsWith('https://') || normalized.startsWith('file://')) {
+    return url;
+  }
+  return '#';
+};
+const sanitizeImageUrl = url => {
   const normalized = url.trim().toLowerCase();
   if (normalized.startsWith('http://') || normalized.startsWith('https://')) {
     return url;
@@ -5794,7 +5832,7 @@ const parseLinkToken = (value, start) => {
         return {
           length: index - start + 1,
           node: {
-            href: sanitizeUrl(href),
+            href: sanitizeLinkUrl(href),
             text,
             type: 'link'
           }
@@ -5837,7 +5875,7 @@ const parseImageToken = (value, start) => {
           length: index - start + 1,
           node: {
             alt,
-            src: sanitizeUrl(src),
+            src: sanitizeImageUrl(src),
             type: 'image'
           }
         };
@@ -5870,9 +5908,6 @@ const parseBoldToken = (value, start) => {
 const findItalicEnd = (value, start) => {
   let index = start + 1;
   while (index < value.length) {
-    if (value[index] === '\n') {
-      return -1;
-    }
     if (value[index] !== '*') {
       index++;
       continue;
@@ -5897,7 +5932,7 @@ const parseItalicToken = (value, start) => {
     return undefined;
   }
   const text = value.slice(start + 1, end);
-  if (!text || text.includes('\n')) {
+  if (!text) {
     return undefined;
   }
   return {
@@ -5928,6 +5963,26 @@ const parseStrikethroughToken = (value, start) => {
     }
   };
 };
+const parseInlineCodeToken = (value, start) => {
+  if (value[start] !== '`') {
+    return undefined;
+  }
+  const end = value.indexOf('`', start + 1);
+  if (end === -1) {
+    return undefined;
+  }
+  const codeText = value.slice(start + 1, end);
+  if (!codeText || codeText.includes('\n')) {
+    return undefined;
+  }
+  return {
+    length: end - start + 1,
+    node: {
+      text: codeText,
+      type: 'inline-code'
+    }
+  };
+};
 const parseMathToken = (value, start) => {
   if (value[start] !== '$') {
     return undefined;
@@ -5974,7 +6029,7 @@ const parseMathToken = (value, start) => {
   return undefined;
 };
 const parseInlineToken = (value, start) => {
-  return parseImageToken(value, start) || parseLinkToken(value, start) || parseBoldToken(value, start) || parseItalicToken(value, start) || parseLinkToken(value, start) || parseBoldToken(value, start) || parseItalicToken(value, start) || parseStrikethroughToken(value, start) || parseMathToken(value, start);
+  return parseImageToken(value, start) || parseLinkToken(value, start) || parseBoldToken(value, start) || parseItalicToken(value, start) || parseLinkToken(value, start) || parseBoldToken(value, start) || parseItalicToken(value, start) || parseStrikethroughToken(value, start) || parseInlineCodeToken(value, start) || parseMathToken(value, start);
 };
 const parseInlineNodes = value => {
   const nodes = [];
@@ -6299,7 +6354,6 @@ const parseBlockTokens = tokens => {
   for (let i = 0; i < tokens.length; i++) {
     const token = tokens[i];
     if (token.type === 'blank-line') {
-      flushList();
       flushParagraph();
       continue;
     }
@@ -6842,6 +6896,33 @@ const getSseEventType = value => {
   return value && typeof value === 'object' && Reflect.get(value, 'type') === 'response.completed' ? 'sse-response-completed' : 'sse-response-part';
 };
 
+const getToolCallMergeKey = toolCall => {
+  if (toolCall.id) {
+    return `id:${toolCall.id}`;
+  }
+  return `value:${toolCall.name}:${toolCall.arguments}`;
+};
+const mergeToolCalls = (existing = [], incoming) => {
+  if (incoming.length === 0) {
+    return existing;
+  }
+  const merged = [...existing];
+  const indexByKey = new Map();
+  for (let i = 0; i < merged.length; i++) {
+    indexByKey.set(getToolCallMergeKey(merged[i]), i);
+  }
+  for (const toolCall of incoming) {
+    const key = getToolCallMergeKey(toolCall);
+    const existingIndex = indexByKey.get(key);
+    if (existingIndex === undefined) {
+      indexByKey.set(key, merged.length);
+      merged.push(toolCall);
+      continue;
+    }
+    merged[existingIndex] = toolCall;
+  }
+  return merged;
+};
 const updateMessageTextInSelectedSession = async (sessions, parsedMessages, selectedSessionId, messageId, text, inProgress) => {
   let updatedMessage;
   const updatedSessions = sessions.map(session => {
@@ -6886,7 +6967,7 @@ const updateMessageToolCallsInSelectedSession = (sessions, parsedMessages, selec
         }
         const updatedMessage = {
           ...message,
-          toolCalls
+          toolCalls: mergeToolCalls(message.toolCalls, toolCalls)
         };
         nextParsedMessages = copyParsedMessageContent(nextParsedMessages, message.id, updatedMessage.id);
         return updatedMessage;
@@ -7743,6 +7824,13 @@ const handleMessagesContextMenu = async state => {
   return state;
 };
 
+const handleMissingApiKeySubmit = async (state, submitterName = '') => {
+  if (!submitterName) {
+    return state;
+  }
+  return handleClick(state, submitterName);
+};
+
 const handleModelChange = async (state, value) => {
   return {
     ...state,
@@ -8568,6 +8656,30 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
 .StrikeThrough {
   text-decoration: line-through;
 }
+
+/* syntax highlight token colors */
+.TokenComment {
+  color: var(--ColorSymbolIconColorForeground, #7f8794);
+}
+
+.TokenString {
+  color: var(--ColorChartsGreen, #a6d189);
+}
+
+.TokenNumber,
+.TokenValue {
+  color: var(--ColorChartsBlue, #8caaee);
+}
+
+.TokenKeyword,
+.TokenTag {
+  color: var(--ColorChartsPurple, #ca9ee6);
+}
+
+.TokenAttribute,
+.TokenProperty {
+  color: var(--ColorChartsOrange, #ef9f76);
+}
 `;
   if (!renderHtmlCss.trim()) {
     return baseCss;
@@ -8723,6 +8835,7 @@ const HandleDragOverChatView = 31;
 const HandleProjectListScroll = 32;
 const HandleProjectListContextMenu = 33;
 const HandleClickDictationButton = 34;
+const HandleMissingApiKeySubmit = 35;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -8857,6 +8970,9 @@ const getImageAltText = alt => {
   }
   return `${alt} (image could not be loaded)`;
 };
+const isFileUri = href => {
+  return href.trim().toLowerCase().startsWith('file://');
+};
 const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
   if (inlineNode.type === 'text') {
     return [text(inlineNode.text)];
@@ -8889,6 +9005,12 @@ const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
       type: Span
     }, ...inlineNode.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
   }
+  if (inlineNode.type === 'inline-code') {
+    return [{
+      childCount: 1,
+      type: Code
+    }, text(inlineNode.text)];
+  }
   if (inlineNode.type === 'math-inline') {
     const fallback = inlineNode.displayMode ? `$$${inlineNode.text}$$` : `$${inlineNode.text}$`;
     return [text(fallback)];
@@ -8896,6 +9018,17 @@ const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
   if (inlineNode.type === 'math-inline-dom') {
     return inlineNode.dom;
   }
+  if (isFileUri(inlineNode.href)) {
+    return [{
+      childCount: 1,
+      className: ChatMessageLink,
+      'data-uri': inlineNode.href,
+      href: '#',
+      onClick: HandleClickReadFile,
+      title: inlineNode.href,
+      type: A
+    }, text(inlineNode.text)];
+  }
   return [{
     childCount: 1,
     className: ChatMessageLink,
@@ -8970,6 +9103,22 @@ const cssRules = [{
   className: TokenProperty,
   regex: /[a-zA-Z-]+(?=\s*:)/
 }];
+const pythonRules = [{
+  className: TokenComment,
+  regex: /#[^\n]*/
+}, {
+  className: TokenString,
+  regex: /"[^"\\]*(?:\\.[^"\\]*)*"/
+}, {
+  className: TokenString,
+  regex: /'[^'\\]*(?:\\.[^'\\]*)*'/
+}, {
+  className: TokenNumber,
+  regex: /\b\d+\.?\d*\b/
+}, {
+  className: TokenKeyword,
+  regex: /\b(?:def|class|return|if|elif|else|for|while|in|import|from|as|with|try|except|finally|raise|lambda|yield|pass|break|continue|True|False|None|and|or|not|is)\b/
+}];
 const tokenize = (code, rules) => {
   const tokens = [];
   let pos = 0;
@@ -9023,6 +9172,9 @@ const highlightCode = (code, language) => {
   if (normalized === 'js' || normalized === 'javascript') {
     return tokenize(code, jsRules);
   }
+  if (normalized === 'py' || normalized === 'python') {
+    return tokenize(code, pythonRules);
+  }
   return [{
     className: '',
     text: code
@@ -9197,6 +9349,8 @@ const getMissingApiKeyDom = ({
 }) => {
   return [{
     childCount: 2,
+    method: useForm ? 'GET' : undefined,
+    onSubmit: useForm ? HandleMissingApiKeySubmit : undefined,
     type: useForm ? Form : Div
   }, {
     childCount: 0,
@@ -9218,7 +9372,7 @@ const getMissingApiKeyDom = ({
     className: mergeClassNames(Button, ButtonPrimary),
     disabled: saveButtonDisabled,
     name: saveButtonName,
-    onClick: HandleClick,
+    onClick: useForm ? undefined : HandleClick,
     type: Button$1
   }, text(saveButtonText), {
     childCount: 1,
@@ -9255,7 +9409,9 @@ const getMissingOpenRouterApiKeyDom = (openRouterApiKeyInput, openRouterApiKeySt
     placeholder: openRouterApiKeyPlaceholder(),
     saveButtonDisabled: isSaving,
     saveButtonName: SaveOpenRouterApiKey,
-    saveButtonText: isSaving ? saving() : save()
+    saveButtonText: isSaving ? saving() : save(),
+    saveButtonType: 'submit',
+    useForm: true
   });
 };
 
@@ -9746,6 +9902,9 @@ const getToolCallDisplayName = name => {
 };
 const getToolCallLabel = toolCall => {
   const displayName = getToolCallDisplayName(toolCall.name);
+  if (toolCall.name === 'getWorkspaceUri' && toolCall.result) {
+    return `${displayName} ${toolCall.result}`;
+  }
   const argumentPreview = getToolCallArgumentPreview(toolCall.arguments);
   const statusLabel = getToolCallStatusLabel(toolCall);
   if (argumentPreview === '{}') {
@@ -10259,7 +10418,19 @@ const renderItems = (oldState, newState) => {
   return [SetDom2, uid, dom];
 };
 
+const getSelectedSessionToolCallSignature = state => {
+  const selectedSession = state.sessions.find(session => session.id === state.selectedSessionId);
+  if (!selectedSession) {
+    return '';
+  }
+  return selectedSession.messages.map(message => `${message.id}:${JSON.stringify(message.toolCalls || [])}`).join('|');
+};
 const renderIncremental = (oldState, newState) => {
+  const oldToolCallSignature = getSelectedSessionToolCallSignature(oldState);
+  const newToolCallSignature = getSelectedSessionToolCallSignature(newState);
+  if (oldToolCallSignature !== newToolCallSignature) {
+    return renderItems(oldState, newState);
+  }
   const oldDom = renderItems(oldState, oldState)[2];
   const newDom = renderItems(newState, newState)[2];
   const patches = diffTree(oldDom, newDom);
@@ -10473,6 +10644,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleSubmit,
     params: ['handleSubmit']
+  }, {
+    name: HandleMissingApiKeySubmit,
+    params: ['handleMissingApiKeySubmit', 'event.submitter?.name || ""'],
+    preventDefault: true
   }];
 };
 
@@ -10658,6 +10833,7 @@ const commandMap = {
   'Chat.handleKeyDown': wrapCommand(handleKeyDown),
   'Chat.handleMessagesContextMenu': wrapCommand(handleMessagesContextMenu),
   'Chat.handleMessagesScroll': wrapCommand(handleMessagesScroll),
+  'Chat.handleMissingApiKeySubmit': wrapCommand(handleMissingApiKeySubmit),
   'Chat.handleModelChange': wrapCommand(handleModelChange),
   'Chat.handleProjectListContextMenu': wrapCommand(handleProjectListContextMenu),
   'Chat.handleProjectListScroll': wrapCommand(handleProjectListScroll),

package/package.json

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