@lvce-editor/chat-view 2.1.0 → 2.3.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,8 +2665,8 @@ 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}".`;
 };
 
@@ -2750,13 +2759,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 +2811,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'
       };
     }
@@ -3130,7 +3156,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)) {
@@ -3310,9 +3340,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) => {
@@ -3358,9 +3394,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'
       };
@@ -3568,10 +3610,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 +3666,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 +3838,7 @@ const getAiResponse = async ({
   assetDir,
   messageId,
   messages,
+  mockAiResponseDelay = 800,
   mockApiCommandId,
   models,
   onDataEvent,
@@ -3816,10 +3873,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 +3925,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 +3985,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 +4065,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,
@@ -4156,6 +4223,7 @@ const handleSubmit = async state => {
   const {
     assetDir,
     composerValue,
+    mockAiResponseDelay,
     mockApiCommandId,
     models,
     nextMessageId,
@@ -4276,13 +4344,14 @@ const handleSubmit = async state => {
     assetDir,
     messageId: assistantMessageId,
     messages,
+    mockAiResponseDelay,
     mockApiCommandId,
     models,
     onDataEvent: async value => {
       await appendChatViewEvent({
         sessionId: optimisticState.selectedSessionId,
         timestamp: new Date().toISOString(),
-        type: 'data-event',
+        type: 'sse-response-part',
         value
       });
     },
@@ -4294,7 +4363,9 @@ const handleSubmit = async state => {
         value: '[DONE]'
       });
     },
-    onTextChunk: handleTextChunkFunctionRef,
+    ...(handleTextChunkFunctionRef ? {
+      onTextChunk: handleTextChunkFunctionRef
+    } : {}),
     onToolCallsChunk: async toolCalls => {
       handleTextChunkState = await handleToolCallsChunkFunction(state.uid, assistantMessageId, toolCalls, handleTextChunkState);
     },
@@ -5060,6 +5131,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 +5202,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 +5217,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 = () => {
@@ -5577,7 +5651,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 +5820,7 @@ const reset = async state => {
     ...state,
     composerHeight: getMinComposerHeightForState(state),
     composerValue: '',
+    mockAiResponseDelay: 0,
     openRouterApiKey: '',
     selectedModelId: 'test',
     selectedSessionId: '',

package/package.json

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