@lvce-editor/chat-view 2.2.0 → 2.4.0

package/dist/chatViewWorkerMain.js

@@ -1478,6 +1478,7 @@ const createDefaultState = () => {
     listItemHeight: 40,
     maxComposerRows: 5,
     messagesScrollTop: 0,
+    mockAiResponseDelay: 800,
     mockApiCommandId: '',
     models: getDefaultModels(),
     nextMessageId: 1,
@@ -2138,10 +2139,14 @@ const replaySession$1 = (id, summary, events) => {
         }
         return {
           ...message,
-          inProgress: event.inProgress,
+          ...(event.inProgress === undefined ? {} : {
+            inProgress: event.inProgress
+          }),
           text: event.text,
           time: event.time,
-          toolCalls: event.toolCalls
+          ...(event.toolCalls === undefined ? {} : {
+            toolCalls: event.toolCalls
+          })
         };
       });
       continue;
@@ -2439,10 +2444,14 @@ const replaySession = (id, title, events) => {
         }
         return {
           ...message,
-          inProgress: event.inProgress,
+          ...(event.inProgress === undefined ? {} : {
+            inProgress: event.inProgress
+          }),
           text: event.text,
           time: event.time,
-          toolCalls: event.toolCalls
+          ...(event.toolCalls === undefined ? {} : {
+            toolCalls: event.toolCalls
+          })
         };
       });
       continue;
@@ -2656,18 +2665,45 @@ const delay = async ms => {
   await new Promise(resolve => setTimeout(resolve, ms));
 };
 
-const getMockAiResponse = async userMessage => {
-  await delay(800);
+const getMockAiResponse = async (userMessage, delayInMs) => {
+  await delay(delayInMs);
   return `Mock AI response: I received "${userMessage}".`;
 };
 
 let queue = [];
 let waiters = [];
 let finished = false;
+let errorResult;
 const reset$1 = () => {
   queue = [];
   waiters = [];
   finished = false;
+  errorResult = undefined;
+};
+const setHttpErrorResponse = (statusCode, body) => {
+  const rawError = body && typeof body === 'object' ? Reflect.get(body, 'error') : undefined;
+  const errorCode = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'code') : undefined;
+  const errorMessage = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'message') : undefined;
+  const errorType = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'type') : undefined;
+  errorResult = {
+    details: 'http-error',
+    ...(typeof errorCode === 'string' ? {
+      errorCode
+    } : {}),
+    ...(typeof errorMessage === 'string' ? {
+      errorMessage
+    } : {}),
+    ...(typeof errorType === 'string' ? {
+      errorType
+    } : {}),
+    statusCode,
+    type: 'error'
+  };
+};
+const takeErrorResponse = () => {
+  const error = errorResult;
+  errorResult = undefined;
+  return error;
 };
 const pushChunk = chunk => {
   if (waiters.length > 0) {
@@ -2695,12 +2731,19 @@ const readNextChunk = async () => {
   if (finished) {
     return undefined;
   }
-  return new Promise(resolve => {
-    waiters.push(resolve);
-  });
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  waiters.push(resolve);
+  return promise;
 };
 
 const getMockOpenApiAssistantText = async (stream, onTextChunk) => {
+  const error = takeErrorResponse();
+  if (error) {
+    return error;
+  }
   let text = '';
   while (true) {
     const chunk = await readNextChunk();
@@ -2750,13 +2793,23 @@ const normalizeLimitInfo = value => {
   const usage = Reflect.get(value, 'usage');
   const usageDaily = Reflect.get(value, 'usageDaily');
   const normalized = {
-    limitRemaining: typeof limitRemaining === 'number' || limitRemaining === null ? limitRemaining : undefined,
-    limitReset: typeof limitReset === 'string' || limitReset === null ? limitReset : undefined,
-    retryAfter: typeof retryAfter === 'string' || retryAfter === null ? retryAfter : undefined,
-    usage: typeof usage === 'number' ? usage : undefined,
-    usageDaily: typeof usageDaily === 'number' ? usageDaily : undefined
+    ...(typeof limitRemaining === 'number' || limitRemaining === null ? {
+      limitRemaining
+    } : {}),
+    ...(typeof limitReset === 'string' || limitReset === null ? {
+      limitReset
+    } : {}),
+    ...(typeof retryAfter === 'string' || retryAfter === null ? {
+      retryAfter
+    } : {}),
+    ...(typeof usage === 'number' ? {
+      usage
+    } : {}),
+    ...(typeof usageDaily === 'number' ? {
+      usageDaily
+    } : {})
   };
-  const hasDetails = normalized.limitRemaining !== undefined || normalized.limitReset !== undefined || normalized.retryAfter !== undefined || normalized.usage !== undefined || normalized.usageDaily !== undefined;
+  const hasDetails = typeof limitRemaining === 'number' || limitRemaining === null || typeof limitReset === 'string' || limitReset === null || typeof retryAfter === 'string' || retryAfter === null || typeof usage === 'number' || typeof usageDaily === 'number';
   return hasDetails ? normalized : undefined;
 };
 
@@ -2792,11 +2845,18 @@ const normalizeMockResult = value => {
     if (details === 'request-failed' || details === 'too-many-requests' || details === 'http-error') {
       const rawMessage = Reflect.get(value, 'rawMessage');
       const statusCode = Reflect.get(value, 'statusCode');
+      const limitInfo = normalizeLimitInfo(Reflect.get(value, 'limitInfo'));
       return {
         details,
-        limitInfo: normalizeLimitInfo(Reflect.get(value, 'limitInfo')),
-        rawMessage: typeof rawMessage === 'string' ? rawMessage : undefined,
-        statusCode: typeof statusCode === 'number' ? statusCode : undefined,
+        ...(limitInfo ? {
+          limitInfo
+        } : {}),
+        ...(typeof rawMessage === 'string' ? {
+          rawMessage
+        } : {}),
+        ...(typeof statusCode === 'number' ? {
+          statusCode
+        } : {}),
         type: 'error'
       };
     }
@@ -3027,11 +3087,8 @@ const getClientRequestIdHeader = () => {
   };
 };
 
-const getOpenApiApiEndpoint = (openApiApiBaseUrl, stream) => {
-  if (stream) {
-    return `${openApiApiBaseUrl}/chat/completions?stream=true`;
-  }
-  return `${openApiApiBaseUrl}/chat/completions`;
+const getOpenApiApiEndpoint = openApiApiBaseUrl => {
+  return `${openApiApiBaseUrl}/responses`;
 };
 
 const getTextContent = content => {
@@ -3055,18 +3112,50 @@ const getTextContent = content => {
   return textParts.join('\n');
 };
 
-const getOpenAiParams = (completionMessages, modelId, stream, includeObfuscation, tools) => {
+const getOpenAiTools = tools => {
+  return tools.map(tool => {
+    if (!tool || typeof tool !== 'object') {
+      return tool;
+    }
+    const type = Reflect.get(tool, 'type');
+    const toolFunction = Reflect.get(tool, 'function');
+    if (type !== 'function' || !toolFunction || typeof toolFunction !== 'object') {
+      return tool;
+    }
+    const name = Reflect.get(toolFunction, 'name');
+    const description = Reflect.get(toolFunction, 'description');
+    const parameters = Reflect.get(toolFunction, 'parameters');
+    return {
+      ...(typeof description === 'string' ? {
+        description
+      } : {}),
+      ...(typeof name === 'string' ? {
+        name
+      } : {}),
+      ...(parameters && typeof parameters === 'object' ? {
+        parameters
+      } : {}),
+      type: 'function'
+    };
+  });
+};
+const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, previousResponseId) => {
   return {
-    messages: completionMessages,
+    input,
     model: modelId,
     ...(stream ? {
-      stream: true
+      stream: true,
+      ...(includeObfuscation ? {} : {
+        stream_options: {
+          include_obfuscation: false
+        }
+      })
     } : {}),
-    ...(includeObfuscation ? {
-      include_obfuscation: true
+    ...(previousResponseId ? {
+      previous_response_id: previousResponseId
     } : {}),
     tool_choice: 'auto',
-    tools
+    tools: getOpenAiTools(tools)
   };
 };
 const getStreamChunkText = content => {
@@ -3084,6 +3173,75 @@ const getStreamChunkText = content => {
     return typeof text === 'string' ? text : '';
   }).join('');
 };
+const getResponseOutputText = parsed => {
+  if (!parsed || typeof parsed !== 'object') {
+    return '';
+  }
+  const outputText = Reflect.get(parsed, 'output_text');
+  if (typeof outputText === 'string') {
+    return outputText;
+  }
+  const output = Reflect.get(parsed, 'output');
+  if (!Array.isArray(output)) {
+    return '';
+  }
+  const chunks = [];
+  for (const outputItem of output) {
+    if (!outputItem || typeof outputItem !== 'object') {
+      continue;
+    }
+    const itemType = Reflect.get(outputItem, 'type');
+    if (itemType !== 'message') {
+      continue;
+    }
+    const content = Reflect.get(outputItem, 'content');
+    if (!Array.isArray(content)) {
+      continue;
+    }
+    for (const part of content) {
+      if (!part || typeof part !== 'object') {
+        continue;
+      }
+      const partType = Reflect.get(part, 'type');
+      const text = Reflect.get(part, 'text');
+      if ((partType === 'output_text' || partType === 'text') && typeof text === 'string') {
+        chunks.push(text);
+      }
+    }
+  }
+  return chunks.join('');
+};
+const getResponseFunctionCalls = parsed => {
+  if (!parsed || typeof parsed !== 'object') {
+    return [];
+  }
+  const output = Reflect.get(parsed, 'output');
+  if (!Array.isArray(output)) {
+    return [];
+  }
+  const calls = [];
+  for (const outputItem of output) {
+    if (!outputItem || typeof outputItem !== 'object') {
+      continue;
+    }
+    const itemType = Reflect.get(outputItem, 'type');
+    if (itemType !== 'function_call') {
+      continue;
+    }
+    const callId = Reflect.get(outputItem, 'call_id');
+    const name = Reflect.get(outputItem, 'name');
+    const rawArguments = Reflect.get(outputItem, 'arguments');
+    if (typeof callId !== 'string' || typeof name !== 'string') {
+      continue;
+    }
+    calls.push({
+      arguments: typeof rawArguments === 'string' ? rawArguments : '',
+      callId,
+      name
+    });
+  }
+  return calls;
+};
 const parseSseEvent = eventChunk => {
   const lines = eventChunk.split('\n');
   const dataLines = [];
@@ -3130,7 +3288,11 @@ const updateToolCallAccumulator = (accumulator, chunk) => {
     }
     const next = {
       arguments: args,
-      id: typeof id === 'string' ? id : current.id,
+      ...(typeof id === 'string' ? {
+        id
+      } : current.id ? {
+        id: current.id
+      } : {}),
       name
     };
     if (JSON.stringify(next) !== JSON.stringify(current)) {
@@ -3159,7 +3321,136 @@ 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();
+    }
+  };
+  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);
+    if (toolCalls.length === 0) {
+      return;
+    }
+    await onToolCallsChunk(toolCalls);
+  };
+  const handleParsedStreamEvent = async parsed => {
+    if (onDataEvent) {
+      await onDataEvent(parsed);
+    }
+    if (!parsed || typeof parsed !== 'object') {
+      return;
+    }
+    const eventType = Reflect.get(parsed, 'type');
+    if (eventType === 'response.completed') {
+      await notifyFinished();
+      return;
+    }
+    if (eventType === 'response.output_text.delta') {
+      const delta = Reflect.get(parsed, 'delta');
+      if (typeof delta !== 'string' || !delta) {
+        return;
+      }
+      text += delta;
+      if (onTextChunk) {
+        await onTextChunk(delta);
+      }
+      return;
+    }
+    if (eventType === 'response.output_item.added') {
+      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 next = {
+        arguments: typeof rawArguments === 'string' ? rawArguments : '',
+        ...(typeof callId === 'string' ? {
+          id: callId
+        } : {}),
+        name: typeof name === 'string' ? name : ''
+      };
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [outputIndex]: next
+      };
+      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') {
+        return;
+      }
+      const current = toolCallAccumulator[outputIndex] || {
+        arguments: '',
+        name: ''
+      };
+      const name = Reflect.get(parsed, 'name');
+      const callId = Reflect.get(parsed, 'call_id');
+      const delta = Reflect.get(parsed, 'delta');
+      const rawArguments = Reflect.get(parsed, 'arguments');
+      const next = {
+        arguments: typeof rawArguments === 'string' ? rawArguments : typeof delta === 'string' ? `${current.arguments}${delta}` : current.arguments,
+        ...(typeof callId === 'string' ? {
+          id: callId
+        } : current.id ? {
+          id: current.id
+        } : {}),
+        name: typeof name === 'string' && name ? name : current.name
+      };
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [outputIndex]: next
+      };
+      await emitToolCallAccumulator();
+      return;
+    }
+    const choices = Reflect.get(parsed, 'choices');
+    if (!Array.isArray(choices)) {
+      return;
+    }
+    const firstChoice = choices[0];
+    if (!firstChoice || typeof firstChoice !== 'object') {
+      return;
+    }
+    const delta = Reflect.get(firstChoice, 'delta');
+    if (!delta || typeof delta !== 'object') {
+      return;
+    }
+    const toolCalls = Reflect.get(delta, 'tool_calls');
+    const updatedToolCallResult = Array.isArray(toolCalls) ? updateToolCallAccumulator(toolCallAccumulator, toolCalls) : undefined;
+    if (updatedToolCallResult) {
+      toolCallAccumulator = updatedToolCallResult.nextAccumulator;
+    }
+    if (updatedToolCallResult && onToolCallsChunk) {
+      await onToolCallsChunk(updatedToolCallResult.toolCalls);
+    }
+    const content = Reflect.get(delta, 'content');
+    const chunkText = getStreamChunkText(content);
+    if (!chunkText) {
+      return;
+    }
+    text += chunkText;
+    if (onTextChunk) {
+      await onTextChunk(chunkText);
+    }
+  };
   while (!done) {
     const {
       done: streamDone,
@@ -3185,9 +3476,7 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       }
       for (const line of dataLines) {
         if (line === '[DONE]') {
-          if (onEventStreamFinished) {
-            await onEventStreamFinished();
-          }
+          await notifyFinished();
           done = true;
           break;
         }
@@ -3197,41 +3486,7 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
         } catch {
           continue;
         }
-        if (!parsed || typeof parsed !== 'object') {
-          continue;
-        }
-        if (onDataEvent) {
-          await onDataEvent(parsed);
-        }
-        const choices = Reflect.get(parsed, 'choices');
-        if (!Array.isArray(choices)) {
-          continue;
-        }
-        const firstChoice = choices[0];
-        if (!firstChoice || typeof firstChoice !== 'object') {
-          continue;
-        }
-        const delta = Reflect.get(firstChoice, 'delta');
-        if (!delta || typeof delta !== 'object') {
-          continue;
-        }
-        const toolCalls = Reflect.get(delta, 'tool_calls');
-        const updatedToolCallResult = Array.isArray(toolCalls) ? updateToolCallAccumulator(toolCallAccumulator, toolCalls) : undefined;
-        if (updatedToolCallResult) {
-          toolCallAccumulator = updatedToolCallResult.nextAccumulator;
-        }
-        if (updatedToolCallResult && onToolCallsChunk) {
-          await onToolCallsChunk(updatedToolCallResult.toolCalls);
-        }
-        const content = Reflect.get(delta, 'content');
-        const chunkText = getStreamChunkText(content);
-        if (!chunkText) {
-          continue;
-        }
-        text += chunkText;
-        if (onTextChunk) {
-          await onTextChunk(chunkText);
-        }
+        await handleParsedStreamEvent(parsed);
       }
     }
   }
@@ -3239,9 +3494,7 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
     const dataLines = parseSseEvent(remainder);
     for (const line of dataLines) {
       if (line === '[DONE]') {
-        if (onEventStreamFinished) {
-          await onEventStreamFinished();
-        }
+        await notifyFinished();
         continue;
       }
       let parsed;
@@ -3250,43 +3503,10 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       } catch {
         continue;
       }
-      if (!parsed || typeof parsed !== 'object') {
-        continue;
-      }
-      if (onDataEvent) {
-        await onDataEvent(parsed);
-      }
-      const choices = Reflect.get(parsed, 'choices');
-      if (!Array.isArray(choices)) {
-        continue;
-      }
-      const firstChoice = choices[0];
-      if (!firstChoice || typeof firstChoice !== 'object') {
-        continue;
-      }
-      const delta = Reflect.get(firstChoice, 'delta');
-      if (!delta || typeof delta !== 'object') {
-        continue;
-      }
-      const toolCalls = Reflect.get(delta, 'tool_calls');
-      const updatedToolCallResult = Array.isArray(toolCalls) ? updateToolCallAccumulator(toolCallAccumulator, toolCalls) : undefined;
-      if (updatedToolCallResult) {
-        toolCallAccumulator = updatedToolCallResult.nextAccumulator;
-      }
-      if (updatedToolCallResult && onToolCallsChunk) {
-        await onToolCallsChunk(updatedToolCallResult.toolCalls);
-      }
-      const content = Reflect.get(delta, 'content');
-      const chunkText = getStreamChunkText(content);
-      if (!chunkText) {
-        continue;
-      }
-      text += chunkText;
-      if (onTextChunk) {
-        await onTextChunk(chunkText);
-      }
+      await handleParsedStreamEvent(parsed);
     }
   }
+  await notifyFinished();
   return {
     text,
     type: 'success'
@@ -3310,9 +3530,15 @@ const getOpenApiErrorDetails = async response => {
   const errorMessage = Reflect.get(error, 'message');
   const errorType = Reflect.get(error, 'type');
   return {
-    errorCode: typeof errorCode === 'string' ? errorCode : undefined,
-    errorMessage: typeof errorMessage === 'string' ? errorMessage : undefined,
-    errorType: typeof errorType === 'string' ? errorType : undefined
+    ...(typeof errorCode === 'string' ? {
+      errorCode
+    } : {}),
+    ...(typeof errorMessage === 'string' ? {
+      errorMessage
+    } : {}),
+    ...(typeof errorType === 'string' ? {
+      errorType
+    } : {})
   };
 };
 const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApiApiBaseUrl, assetDir, platform, options) => {
@@ -3326,17 +3552,18 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
   } = options ?? {
     stream: false
   };
-  const completionMessages = messages.map(message => ({
+  const openAiInput = messages.map(message => ({
     content: message.text,
     role: message.role
   }));
   const tools = getBasicChatTools();
   const maxToolIterations = 4;
+  let previousResponseId;
   for (let i = 0; i <= maxToolIterations; i++) {
     let response;
     try {
-      response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl, stream), {
-        body: JSON.stringify(getOpenAiParams(completionMessages, modelId, stream, includeObfuscation, tools)),
+      response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
+        body: JSON.stringify(getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, previousResponseId)),
         headers: {
           Authorization: `Bearer ${openApiApiKey}`,
           'Content-Type': 'application/json',
@@ -3358,9 +3585,15 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
       } = await getOpenApiErrorDetails(response);
       return {
         details: 'http-error',
-        errorCode,
-        errorMessage,
-        errorType,
+        ...(errorCode ? {
+          errorCode
+        } : {}),
+        ...(errorMessage ? {
+          errorMessage
+        } : {}),
+        ...(errorType ? {
+          errorType
+        } : {}),
         statusCode: response.status,
         type: 'error'
       };
@@ -3383,56 +3616,83 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
         type: 'success'
       };
     }
-    const choices = Reflect.get(parsed, 'choices');
-    if (!Array.isArray(choices)) {
-      return {
-        text: '',
-        type: 'success'
-      };
+    const parsedResponseId = Reflect.get(parsed, 'id');
+    if (typeof parsedResponseId === 'string' && parsedResponseId) {
+      previousResponseId = parsedResponseId;
     }
-    const firstChoice = choices[0];
-    if (!firstChoice || typeof firstChoice !== 'object') {
-      return {
-        text: '',
-        type: 'success'
-      };
+    const responseFunctionCalls = getResponseFunctionCalls(parsed);
+    if (responseFunctionCalls.length > 0) {
+      openAiInput.length = 0;
+      for (const toolCall of responseFunctionCalls) {
+        const content = await executeChatTool(toolCall.name, toolCall.arguments, {
+          assetDir,
+          platform
+        });
+        openAiInput.push({
+          call_id: toolCall.callId,
+          output: content,
+          type: 'function_call_output'
+        });
+      }
+      continue;
     }
-    const message = Reflect.get(firstChoice, 'message');
-    if (!message || typeof message !== 'object') {
+    const outputText = getResponseOutputText(parsed);
+    if (outputText) {
       return {
-        text: '',
+        text: outputText,
         type: 'success'
       };
     }
-    const toolCalls = Reflect.get(message, 'tool_calls');
-    if (Array.isArray(toolCalls) && toolCalls.length > 0) {
-      completionMessages.push(message);
-      for (const toolCall of toolCalls) {
-        if (!toolCall || typeof toolCall !== 'object') {
-          continue;
-        }
-        const id = Reflect.get(toolCall, 'id');
-        const toolFunction = Reflect.get(toolCall, 'function');
-        if (typeof id !== 'string' || !toolFunction || typeof toolFunction !== 'object') {
-          continue;
+    const choices = Reflect.get(parsed, 'choices');
+    if (Array.isArray(choices)) {
+      const firstChoice = choices[0];
+      if (!firstChoice || typeof firstChoice !== 'object') {
+        return {
+          text: '',
+          type: 'success'
+        };
+      }
+      const message = Reflect.get(firstChoice, 'message');
+      if (!message || typeof message !== 'object') {
+        return {
+          text: '',
+          type: 'success'
+        };
+      }
+      const toolCalls = Reflect.get(message, 'tool_calls');
+      if (Array.isArray(toolCalls) && toolCalls.length > 0) {
+        openAiInput.length = 0;
+        for (const toolCall of toolCalls) {
+          if (!toolCall || typeof toolCall !== 'object') {
+            continue;
+          }
+          const id = Reflect.get(toolCall, 'id');
+          const toolFunction = Reflect.get(toolCall, 'function');
+          if (typeof id !== 'string' || !toolFunction || typeof toolFunction !== 'object') {
+            continue;
+          }
+          const name = Reflect.get(toolFunction, 'name');
+          const rawArguments = Reflect.get(toolFunction, 'arguments');
+          const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
+            assetDir,
+            platform
+          }) : '{}';
+          openAiInput.push({
+            call_id: id,
+            output: content,
+            type: 'function_call_output'
+          });
         }
-        const name = Reflect.get(toolFunction, 'name');
-        const rawArguments = Reflect.get(toolFunction, 'arguments');
-        const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
-          assetDir,
-          platform
-        }) : '{}';
-        completionMessages.push({
-          content,
-          role: 'tool',
-          tool_call_id: id
-        });
+        continue;
       }
-      continue;
+      const content = Reflect.get(message, 'content');
+      return {
+        text: getTextContent(content),
+        type: 'success'
+      };
     }
-    const content = Reflect.get(message, 'content');
     return {
-      text: getTextContent(content),
+      text: '',
       type: 'success'
     };
   }
@@ -3568,10 +3828,18 @@ const getOpenRouterLimitInfo = async (openRouterApiKey, openRouterApiBaseUrl) =>
   const usage = Reflect.get(data, 'usage');
   const usageDaily = Reflect.get(data, 'usage_daily');
   const normalizedLimitInfo = {
-    limitRemaining: typeof limitRemaining === 'number' || limitRemaining === null ? limitRemaining : undefined,
-    limitReset: typeof limitReset === 'string' || limitReset === null ? limitReset : undefined,
-    usage: typeof usage === 'number' ? usage : undefined,
-    usageDaily: typeof usageDaily === 'number' ? usageDaily : undefined
+    ...(typeof limitRemaining === 'number' || limitRemaining === null ? {
+      limitRemaining
+    } : {}),
+    ...(typeof limitReset === 'string' || limitReset === null ? {
+      limitReset
+    } : {}),
+    ...(typeof usage === 'number' ? {
+      usage
+    } : {}),
+    ...(typeof usageDaily === 'number' ? {
+      usageDaily
+    } : {})
   };
   const hasLimitInfo = normalizedLimitInfo.limitRemaining !== undefined || normalizedLimitInfo.limitReset !== undefined || normalizedLimitInfo.usage !== undefined || normalizedLimitInfo.usageDaily !== undefined;
   if (!hasLimitInfo) {
@@ -3616,11 +3884,17 @@ const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, o
         const limitInfo = await getOpenRouterLimitInfo(openRouterApiKey, openRouterApiBaseUrl);
         return {
           details: 'too-many-requests',
-          limitInfo: limitInfo || retryAfter ? {
-            ...limitInfo,
-            retryAfter
-          } : undefined,
-          rawMessage,
+          ...(limitInfo || retryAfter ? {
+            limitInfo: {
+              ...limitInfo,
+              ...(retryAfter ? {
+                retryAfter
+              } : {})
+            }
+          } : {}),
+          ...(rawMessage ? {
+            rawMessage
+          } : {}),
           statusCode: 429,
           type: 'error'
         };
@@ -3782,6 +4056,7 @@ const getAiResponse = async ({
   assetDir,
   messageId,
   messages,
+  mockAiResponseDelay = 800,
   mockApiCommandId,
   models,
   onDataEvent,
@@ -3816,10 +4091,18 @@ const getAiResponse = async ({
     } else if (openApiApiKey) {
       const result = await getOpenApiAssistantText(messages, getOpenApiModelId(selectedModelId), openApiApiKey, openApiApiBaseUrl, assetDir, platform, {
         includeObfuscation: passIncludeObfuscation,
-        onDataEvent,
-        onEventStreamFinished,
-        onTextChunk,
-        onToolCallsChunk,
+        ...(onDataEvent ? {
+          onDataEvent
+        } : {}),
+        ...(onEventStreamFinished ? {
+          onEventStreamFinished
+        } : {}),
+        ...(onTextChunk ? {
+          onTextChunk
+        } : {}),
+        ...(onToolCallsChunk ? {
+          onToolCallsChunk
+        } : {}),
         stream: streamingEnabled
       });
       if (result.type === 'success') {
@@ -3860,7 +4143,7 @@ const getAiResponse = async ({
     }
   }
   if (!text && !usesOpenApiModel && !usesOpenRouterModel) {
-    text = await getMockAiResponse(userText);
+    text = await getMockAiResponse(userText, mockAiResponseDelay);
   }
   const assistantTime = new Date().toLocaleTimeString([], {
     hour: '2-digit',
@@ -3920,6 +4203,7 @@ const handleClickSaveOpenApiApiKey = async state => {
   const assistantMessage = await getAiResponse({
     assetDir: updatedState.assetDir,
     messages: retryMessages,
+    mockAiResponseDelay: updatedState.mockAiResponseDelay,
     mockApiCommandId: updatedState.mockApiCommandId,
     models: updatedState.models,
     openApiApiBaseUrl: updatedState.openApiApiBaseUrl,
@@ -3999,6 +4283,7 @@ const handleClickSaveOpenRouterApiKey = async state => {
   const assistantMessage = await getAiResponse({
     assetDir: updatedState.assetDir,
     messages: retryMessages,
+    mockAiResponseDelay: updatedState.mockAiResponseDelay,
     mockApiCommandId: updatedState.mockApiCommandId,
     models: updatedState.models,
     openApiApiBaseUrl: updatedState.openApiApiBaseUrl,
@@ -4091,13 +4376,6 @@ const handleTextChunkFunction = async (uid, assistantMessageId, chunk, handleTex
       previousState: handleTextChunkState.previousState
     };
   }
-  await appendChatViewEvent({
-    content: chunk,
-    messageId: assistantMessageId,
-    sessionId: handleTextChunkState.latestState.selectedSessionId,
-    timestamp: new Date().toISOString(),
-    type: 'handle-response-chunk'
-  });
   const updatedText = assistantMessage.text + chunk;
   const updatedSessions = updateMessageTextInSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.selectedSessionId, assistantMessageId, updatedText, true);
   const nextState = {
@@ -4156,6 +4434,7 @@ const handleSubmit = async state => {
   const {
     assetDir,
     composerValue,
+    mockAiResponseDelay,
     mockApiCommandId,
     models,
     nextMessageId,
@@ -4276,6 +4555,7 @@ const handleSubmit = async state => {
     assetDir,
     messageId: assistantMessageId,
     messages,
+    mockAiResponseDelay,
     mockApiCommandId,
     models,
     onDataEvent: async value => {
@@ -4294,7 +4574,9 @@ const handleSubmit = async state => {
         value: '[DONE]'
       });
     },
-    onTextChunk: handleTextChunkFunctionRef,
+    ...(handleTextChunkFunctionRef ? {
+      onTextChunk: handleTextChunkFunctionRef
+    } : {}),
     onToolCallsChunk: async toolCalls => {
       handleTextChunkState = await handleToolCallsChunkFunction(state.uid, assistantMessageId, toolCalls, handleTextChunkState);
     },
@@ -4815,13 +5097,6 @@ const loadPreferences = async () => {
   };
 };
 
-const toSummarySession = session => {
-  return {
-    id: session.id,
-    messages: [],
-    title: session.title
-  };
-};
 const loadSelectedSessionMessages = async (sessions, selectedSessionId) => {
   if (!selectedSessionId) {
     return sessions;
@@ -4837,6 +5112,14 @@ const loadSelectedSessionMessages = async (sessions, selectedSessionId) => {
     return loadedSession;
   });
 };
+
+const toSummarySession = session => {
+  return {
+    id: session.id,
+    messages: [],
+    title: session.title
+  };
+};
 const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
@@ -4888,6 +5171,11 @@ const loadContent = async (state, savedState) => {
   };
 };
 
+const mockOpenApiSetHttpErrorResponse = (state, statusCode, body) => {
+  setHttpErrorResponse(statusCode, body);
+  return state;
+};
+
 const mockOpenApiStreamFinish = state => {
   finish();
   return state;
@@ -5060,6 +5348,18 @@ const getModelOptionDOm = (model, selectedModelId) => {
   }, text(getModelLabel(model))];
 };
 
+const getChatSelectVirtualDom = (models, selectedModelId) => {
+  const modelOptions = models.flatMap(model => getModelOptionDOm(model, selectedModelId));
+  return [{
+    childCount: models.length,
+    className: Select,
+    name: Model,
+    onInput: HandleModelChange,
+    type: Select$1,
+    value: selectedModelId
+  }, ...modelOptions];
+};
+
 const getSendButtonClassName = isSendDisabled => {
   return isSendDisabled ? `${IconButton} ${SendButtonDisabled}` : `${IconButton}`;
 };
@@ -5119,7 +5419,6 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
 
 const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20) => {
   const isSendDisabled = composerValue.trim() === '';
-  const modelOptions = models.flatMap(model => getModelOptionDOm(model, selectedModelId));
   return [{
     childCount: 1,
     className: ChatSendArea,
@@ -5135,21 +5434,13 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
-    // style: `height:${composerHeight}px;font-size:${composerFontSize}px;font-family:${composerFontFamily};line-height:${composerLineHeight}px;`,
     type: TextArea,
     value: composerValue
   }, {
     childCount: usageOverviewEnabled ? 3 : 2,
     className: ChatSendAreaBottom,
     type: Div
-  }, {
-    childCount: models.length,
-    className: Select,
-    name: Model,
-    onInput: HandleModelChange,
-    type: Select$1,
-    value: selectedModelId
-  }, ...modelOptions, ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
+  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
 };
 
 const getBackButtonVirtualDom = () => {
@@ -5295,6 +5586,61 @@ const getMissingOpenRouterApiKeyDom = (openRouterApiKeyInput, openRouterApiKeySt
   });
 };
 
+const getOpenRouterRequestFailedDom = () => {
+  return [{
+    childCount: openRouterRequestFailureReasons.length,
+    className: ChatOrderedList,
+    type: Ol
+  }, ...openRouterRequestFailureReasons.flatMap(reason => {
+    return [{
+      childCount: 1,
+      className: ChatOrderedListItem,
+      type: Li
+    }, text(reason)];
+  })];
+};
+
+const getOpenRouterTooManyRequestsDom = () => {
+  return [{
+    childCount: openRouterTooManyRequestsReasons.length,
+    className: ChatOrderedList,
+    type: Ol
+  }, ...openRouterTooManyRequestsReasons.flatMap(reason => {
+    return [{
+      childCount: 1,
+      className: ChatOrderedListItem,
+      type: Li
+    }, text(reason)];
+  })];
+};
+
+const getToolCallArgumentPreview = rawArguments => {
+  if (!rawArguments.trim()) {
+    return '""';
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(rawArguments);
+  } catch {
+    return rawArguments;
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return rawArguments;
+  }
+  const path = Reflect.get(parsed, 'path');
+  if (typeof path === 'string') {
+    return `"${path}"`;
+  }
+  const keys = Object.keys(parsed);
+  if (keys.length === 1) {
+    const value = Reflect.get(parsed, keys[0]);
+    if (typeof value === 'string') {
+      return `"${value}"`;
+    }
+  }
+  return rawArguments;
+};
+
 const orderedListItemRegex = /^\s*\d+\.\s+(.*)$/;
 const parseMessageContent = rawMessage => {
   if (rawMessage === '') {
@@ -5375,32 +5721,6 @@ const getMessageContentDom = nodes => {
   });
 };
 
-const getToolCallArgumentPreview = rawArguments => {
-  if (!rawArguments.trim()) {
-    return '""';
-  }
-  let parsed;
-  try {
-    parsed = JSON.parse(rawArguments);
-  } catch {
-    return rawArguments;
-  }
-  if (!parsed || typeof parsed !== 'object') {
-    return rawArguments;
-  }
-  const path = Reflect.get(parsed, 'path');
-  if (typeof path === 'string') {
-    return `"${path}"`;
-  }
-  const keys = Object.keys(parsed);
-  if (keys.length === 1) {
-    const value = Reflect.get(parsed, keys[0]);
-    if (typeof value === 'string') {
-      return `"${value}"`;
-    }
-  }
-  return rawArguments;
-};
 const getToolCallsDom = message => {
   if (message.role !== 'assistant' || !message.toolCalls || message.toolCalls.length === 0) {
     return [];
@@ -5415,32 +5735,6 @@ const getToolCallsDom = message => {
     }, text(label)];
   });
 };
-const getOpenRouterRequestFailedDom = () => {
-  return [{
-    childCount: openRouterRequestFailureReasons.length,
-    className: ChatOrderedList,
-    type: Ol
-  }, ...openRouterRequestFailureReasons.flatMap(reason => {
-    return [{
-      childCount: 1,
-      className: ChatOrderedListItem,
-      type: Li
-    }, text(reason)];
-  })];
-};
-const getOpenRouterTooManyRequestsDom = () => {
-  return [{
-    childCount: openRouterTooManyRequestsReasons.length,
-    className: ChatOrderedList,
-    type: Ol
-  }, ...openRouterTooManyRequestsReasons.flatMap(reason => {
-    return [{
-      childCount: 1,
-      className: ChatOrderedListItem,
-      type: Li
-    }, text(reason)];
-  })];
-};
 const getChatMessageDom = (message, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle') => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
   const isOpenApiApiKeyMissingMessage = message.role === 'assistant' && message.text === openApiApiKeyRequiredMessage;
@@ -5577,7 +5871,7 @@ const getChatModeUnsupportedVirtualDom = () => {
   }, text(unknownViewMode())];
 };
 
-const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, messagesScrollTop = 0) => {
+const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop) => {
   switch (viewMode) {
     case 'detail':
       return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop);
@@ -5746,6 +6040,7 @@ const reset = async state => {
     ...state,
     composerHeight: getMinComposerHeightForState(state),
     composerValue: '',
+    mockAiResponseDelay: 0,
     openRouterApiKey: '',
     selectedModelId: 'test',
     selectedSessionId: '',
@@ -5864,6 +6159,7 @@ const commandMap = {
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
   'Chat.loadContent2': wrapCommand(loadContent),
+  'Chat.mockOpenApiSetHttpErrorResponse': wrapCommand(mockOpenApiSetHttpErrorResponse),
   'Chat.mockOpenApiStreamFinish': wrapCommand(mockOpenApiStreamFinish),
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
   'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),

package/package.json

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