@lvce-editor/chat-view 2.6.0 → 2.7.0

package/dist/chatViewWorkerMain.js

@@ -1078,7 +1078,7 @@ const {
   set: set$3
 } = create$2(6002);
 
-const Div$1 = 4;
+const Ol$1 = 49;
 
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
@@ -1469,6 +1469,7 @@ const createDefaultState = () => {
     composerHeight: composerLineHeight + 8,
     composerLineHeight,
     composerValue: '',
+    emitStreamingFunctionCallEvents: false,
     errorCount: 0,
     focus: 'composer',
     focused: false,
@@ -3455,7 +3456,14 @@ const updateToolCallAccumulator = (accumulator, chunk) => {
     toolCalls
   };
 };
-const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished) => {
+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 => ({
+    arguments: toolCall.arguments,
+    callId: toolCall.id,
+    name: toolCall.name
+  }));
+};
+const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDataEvent) => {
   if (!response.body) {
     return {
       details: 'request-failed',
@@ -3467,17 +3475,9 @@ 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;
@@ -3497,7 +3497,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') {
@@ -3538,6 +3556,38 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       await emitToolCallAccumulator();
       return;
     }
+    if (eventType === 'response.output_item.done') {
+      const outputIndex = Reflect.get(parsed, 'output_index');
+      const item = Reflect.get(parsed, 'item');
+      if (typeof outputIndex !== 'number' || !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[outputIndex] || {
+        arguments: '',
+        name: ''
+      };
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [outputIndex]: {
+          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') {
@@ -3622,7 +3672,6 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       }
       for (const line of dataLines) {
         if (line === '[DONE]') {
-          await notifyFinished();
           done = true;
           break;
         }
@@ -3640,7 +3689,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 +3700,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'
   };
@@ -3745,7 +3797,20 @@ 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 (onEventStreamFinished) {
+        await onEventStreamFinished();
+      }
+      return {
+        text: streamResult.text,
+        type: 'success'
+      };
     }
     let parsed;
     try {
@@ -4576,10 +4641,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,
@@ -4705,10 +4813,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
       });
     },
@@ -4916,6 +5028,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;
@@ -5186,6 +5305,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 +5361,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 +5400,7 @@ const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
   const {
+    emitStreamingFunctionCallEvents,
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
@@ -5302,6 +5433,7 @@ const loadContent = async (state, savedState) => {
   return {
     ...state,
     chatListScrollTop,
+    emitStreamingFunctionCallEvents,
     initial: false,
     messagesScrollTop,
     openApiApiKey,
@@ -5433,6 +5565,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';
@@ -5473,6 +5606,7 @@ const HandleModelChange = 20;
 const HandleChatListScroll = 21;
 const HandleMessagesScroll = 22;
 const HandleClickSessionDebug = 23;
+const HandleClickReadFile = 24;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -5787,13 +5921,80 @@ const getToolCallArgumentPreview = rawArguments => {
   return rawArguments;
 };
 
+const getFileNameFromUri = uri => {
+  const stripped = uri.replace(/[?#].*$/, '').replace(/\/$/, '');
+  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;
+  }
+  const clickableUri = uriValue || (pathValue.startsWith('file://') ? pathValue : '');
+  return {
+    clickableUri,
+    title
+  };
+};
+
+const getToolCallReadFileVirtualDom = toolCall => {
+  const target = getReadFileTarget(toolCall.arguments);
+  if (!target) {
+    return [];
+  }
+  const fileName = getFileNameFromUri(target.title);
+  const clickableProps = target.clickableUri ? {
+    'data-uri': target.clickableUri,
+    onClick: HandleClickReadFile
+  } : {};
+  return [{
+    childCount: 2,
+    className: ChatOrderedListItem,
+    ...clickableProps,
+    title: target.title,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    ...clickableProps,
+    type: Div
+  }, {
+    childCount: 1,
+    ...clickableProps,
+    style: 'color: var(--vscode-textLink-foreground); text-decoration: underline;',
+    type: Span
+  }, text(fileName)];
+};
+
 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}`;
   return [{
     childCount: 1,
-    className: Markdown,
-    type: P
+    className: ChatOrderedListItem,
+    type: Li
   }, text(label)];
 };
 
@@ -5803,8 +6004,8 @@ const getToolCallsDom = message => {
   }
   return [{
     childCount: message.toolCalls.length,
-    className: 'ToolCallsContainer',
-    type: Div$1
+    className: ChatOrderedList,
+    type: Ol$1
   }, ...message.toolCalls.flatMap(getToolCallDom)];
 };
 
@@ -5907,7 +6108,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 = () => {
@@ -6139,6 +6340,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']
@@ -6264,6 +6468,13 @@ const setChatList = state => {
   };
 };
 
+const setEmitStreamingFunctionCallEvents = (state, emitStreamingFunctionCallEvents) => {
+  return {
+    ...state,
+    emitStreamingFunctionCallEvents
+  };
+};
+
 const setStreamingEnabled = (state, streamingEnabled) => {
   return {
     ...state,
@@ -6302,6 +6513,7 @@ 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),
@@ -6325,6 +6537,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.7.0",
   "description": "Chat View Worker",
   "repository": {
     "type": "git",