@lvce-editor/static-server 0.81.10 → 0.81.11

package/static/{ec38d11 → c1d5453}/packages/chat-debug-view/dist/chatDebugViewWorkerMain.js

@@ -884,7 +884,7 @@ const getErrorResponseSimple = (id, error) => {
     jsonrpc: Two$1
   };
 };
-const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
+const getResponse$1 = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
     const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
     return getSuccessResponse(message, result);
@@ -943,7 +943,7 @@ const handleJsonRpcMessage = async (...args) => {
   } = options;
   if ('id' in message) {
     if ('method' in message) {
-      const response = await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+      const response = await getResponse$1(message, ipc, execute, preparePrettyError, logError, requiresSocket);
       try {
         ipc.send(response);
       } catch (error) {
@@ -956,7 +956,7 @@ const handleJsonRpcMessage = async (...args) => {
     return;
   }
   if ('method' in message) {
-    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+    await getResponse$1(message, ipc, execute, preparePrettyError, logError, requiresSocket);
     return;
   }
   throw new JsonRpcError('unexpected message');
@@ -1241,6 +1241,8 @@ const ListBox = 'listbox';
 const Option = 'option';
 const Tab = 'tab';
 
+const MaskIcon = 'MaskIcon';
+
 const Button$1 = 1;
 const Col = 2;
 const ColGroup = 3;
@@ -1335,7 +1337,10 @@ const registerUpdateListener = async (sessionId, rpcId, uid) => {
 };
 
 const appendStoredEventForTest = async (state, event) => {
-  await appendEvent(event);
+  await appendEvent({
+    ...event,
+    subType: event.subType || event.type
+  });
   return state;
 };
 
@@ -1381,6 +1386,7 @@ const appendStoredImageAttachmentForTest = async (state, sessionId, eventId, mim
     mimeType,
     name,
     sessionId,
+    subType: 'chat-attachment-added',
     timestamp,
     type: 'chat-attachment-added'
   });
@@ -1432,6 +1438,7 @@ const appendStoredRemovedImageAttachmentForTest = async (state, sessionId, event
     mimeType,
     name,
     sessionId,
+    subType: 'chat-attachment-removed',
     timestamp,
     type: 'chat-attachment-removed'
   });
@@ -1450,7 +1457,7 @@ const DetailTab = 'detailTab';
 const TimelineStartSeconds = 'timelineStartSeconds';
 const TimelineEndSeconds = 'timelineEndSeconds';
 const TimelineRangePreset = 'timelineRangePreset';
-const Refresh$1 = 'refresh';
+const Refresh = 'refresh';
 const ToggleHeadersSection = 'toggleHeadersSection';
 const All$1 = 'all';
 const Tools$1 = 'tools';
@@ -1506,7 +1513,6 @@ const OpenInNewTab = 'Open in New Tab';
 const OutputTokens = 'Output Tokens';
 const Payload = 'Payload';
 const Preview = 'Preview';
-const Refresh = 'Refresh';
 const RefreshEvents = 'Refresh events';
 const ResetColumns = 'Reset columns';
 const RequestHeaders$1 = 'Request Headers';
@@ -1638,9 +1644,6 @@ const payload = () => {
 const outputTokens = () => {
   return i18nString(OutputTokens);
 };
-const refresh$1 = () => {
-  return i18nString(Refresh);
-};
 const refreshEvents$1 = () => {
   return i18nString(RefreshEvents);
 };
@@ -1744,7 +1747,7 @@ const getEventCategoryFilterLabel = eventCategoryFilter => {
   }
 };
 
-const eventCategoryFilters = [All$1, Tools$1, Network$1, Ui$1, Stream$1];
+const eventCategoryFilters = [All$1, Tools$1, Network$1];
 const normalizeSelectedEventCategoryFilters = (selectedEventCategoryFilter = All$1) => {
   const selectedEventCategoryFilters = Array.isArray(selectedEventCategoryFilter) ? selectedEventCategoryFilter : [selectedEventCategoryFilter];
   const uniqueSelectedEventCategoryFilters = [...new Set(selectedEventCategoryFilters)];
@@ -1762,25 +1765,20 @@ const normalizeSelectedEventCategoryFilters = (selectedEventCategoryFilter = All
 const createCategoryFilters$1 = (selectedEventCategoryFilter = All$1) => {
   const selectedEventCategoryFilters = normalizeSelectedEventCategoryFilters(selectedEventCategoryFilter);
   return [{
+    eventTypes: ['*'],
     isSelected: selectedEventCategoryFilters.includes(All$1),
     label: all(),
     name: All$1
   }, {
+    eventTypes: ['tool-request', 'tool-request-response'],
     isSelected: selectedEventCategoryFilters.includes(Tools$1),
     label: tools(),
     name: Tools$1
   }, {
+    eventTypes: ['ai-request', 'ai-request-response'],
     isSelected: selectedEventCategoryFilters.includes(Network$1),
     label: network(),
     name: Network$1
-  }, {
-    isSelected: selectedEventCategoryFilters.includes(Ui$1),
-    label: ui(),
-    name: Ui$1
-  }, {
-    isSelected: selectedEventCategoryFilters.includes(Stream$1),
-    label: stream(),
-    name: Stream$1
   }];
 };
 
@@ -1788,11 +1786,14 @@ const createCategoryFilters = (selectedEventCategoryFilter = All$1) => {
   return createCategoryFilters$1(selectedEventCategoryFilter);
 };
 const isEventCategoryFilter = value => {
-  return value === All$1 || value === Tools$1 || value === Network$1 || value === Ui$1 || value === Stream$1;
+  return value === All$1 || value === Tools$1 || value === Network$1;
+};
+const getName = filter => {
+  return filter.name;
 };
 const getSelectedEventCategoryFilters = categoryFilters => {
   const selectedCategoryFilters = categoryFilters.filter(categoryFilter => categoryFilter.isSelected);
-  const selectedEventCategoryFilters = selectedCategoryFilters.map(categoryFilter => categoryFilter.name).filter(name => isEventCategoryFilter(name));
+  const selectedEventCategoryFilters = selectedCategoryFilters.map(getName).filter(isEventCategoryFilter);
   return normalizeSelectedEventCategoryFilters(selectedEventCategoryFilters);
 };
 const getSelectedEventCategoryFilter = categoryFilters => {
@@ -2076,7 +2077,7 @@ const isTableColumnWidths = value => {
   return isFiniteNumber(record.type) && isFiniteNumber(record.method) && isFiniteNumber(record.duration) && isFiniteNumber(record.size) && isFiniteNumber(record.status);
 };
 
-const validEventCategoryFilters = new Set([All$1, Network$1, Stream$1, Tools$1, Ui$1]);
+const validEventCategoryFilters = new Set([All$1, Network$1, Tools$1]);
 const isSavedState = value => {
   return typeof value === 'object' && value !== null;
 };
@@ -2195,6 +2196,9 @@ const hasTimingDetails = event => {
 
 const getEndValueResponseData = event => {
   const endValue = event.endValue;
+  if (typeof endValue === 'object' && 'toolCallResult' in endValue) {
+    return endValue.toolCallResult;
+  }
   if (!endValue || endValue.value === undefined) {
     return undefined;
   }
@@ -2689,6 +2693,13 @@ const getEndedTimestamp = event => {
   return getTimestamp(event.ended) ?? getTimestamp(event.endTime) ?? getTimestamp(event.endTimestamp) ?? getTimestamp(event.timestamp);
 };
 
+const getEventSubType = (event, fallbackType = event.type, ignoreCurrentSubType = false) => {
+  if (typeof event.subType === 'string') {
+    return event.subType;
+  }
+  return event.type;
+};
+
 const getStartedTimestamp = event => {
   return getTimestamp(event.started) ?? getTimestamp(event.startTime) ?? getTimestamp(event.startTimestamp) ?? getTimestamp(event.timestamp);
 };
@@ -2709,6 +2720,7 @@ const mergeToolExecutionEvents = (startedEvent, finishedEvent, type = mergedEven
     ...(started === undefined ? {} : {
       started
     }),
+    subType: getEventSubType(startedEvent, type, true),
     type
   };
   return mergedEvent;
@@ -2841,9 +2853,9 @@ const isStreamEvent = event => {
   return event.type === 'sse-response-part' || event.type === 'event-stream-finished';
 };
 
-const toolEventTypePrefix = 'tool-execution';
+const toolEventTypePrefixes = ['tool-execution', 'tool-request'];
 const isToolEvent = event => {
-  return event.type.startsWith(toolEventTypePrefix);
+  return toolEventTypePrefixes.some(prefix => event.type.startsWith(prefix));
 };
 
 const isUiEvent = event => {
@@ -2919,45 +2931,8 @@ const getEventTableDurationText = event => {
   return `${durationText.slice(0, -2)} ms`;
 };
 
-const getToolName = event => {
-  if (typeof event.toolName === 'string' && event.toolName) {
-    return event.toolName;
-  }
-  if (typeof event.name === 'string' && event.name) {
-    return event.name;
-  }
-  const {
-    arguments: toolArguments
-  } = event;
-  if (!toolArguments || typeof toolArguments !== 'object') {
-    return undefined;
-  }
-  const {
-    name
-  } = toolArguments;
-  if (typeof name !== 'string' || !name) {
-    return undefined;
-  }
-  return name;
-};
-
-const toolExecutionTypePrefix = 'tool-execution';
-const getEventTypeLabel = event => {
-  if (!event.type.startsWith(toolExecutionTypePrefix)) {
-    return event.type;
-  }
-  const toolName = getToolName(event);
-  if (!toolName) {
-    return event.type;
-  }
-  return `${event.type}, ${toolName}`;
-};
-
 const getEventTableTypeLabel = event => {
-  if (event.name === 'list_files') {
-    return event.name;
-  }
-  return getEventTypeLabel(event);
+  return getEventSubType(event);
 };
 
 const isErrorStatusCode = value => {
@@ -3650,6 +3625,9 @@ const getMergedRequestPayloadEvent = requestEvent => {
   };
 };
 const getPayloadObject = (event, name) => {
+  if (event.type === 'tool-call-started') {
+    return event.args;
+  }
   return {
     ...(name === undefined ? {} : {
       name
@@ -3685,10 +3663,24 @@ const getPayloadEvent = event => {
 };
 
 const getPayload = async state => {
-  if (!state.selectedEvent) {
+  const {
+    selectedEvent
+  } = state;
+  if (!selectedEvent) {
     return undefined;
   }
-  const payload = getPayloadEvent(state.selectedEvent);
+  const payload = getPayloadEvent(selectedEvent);
+  return payload;
+};
+
+const getResponse = async state => {
+  const {
+    selectedEvent
+  } = state;
+  if (!selectedEvent) {
+    return undefined;
+  }
+  const payload = getResponseEvent(selectedEvent);
   return payload;
 };
 
@@ -3845,9 +3837,16 @@ const getTimelineFilterDescription = (timelineStartSeconds, timelineEndSeconds)
 
 const getStateWithTimelineInfo = state => {
   const timelineEvents = getTimelineEvents(state);
-  const effectiveRange = getEffectiveTimelineRange(state.timelineStartSeconds, state.timelineEndSeconds, state.timelineSelectionActive, state.timelineSelectionAnchorSeconds, state.timelineSelectionFocusSeconds);
+  const {
+    timelineEndSeconds,
+    timelineSelectionActive,
+    timelineSelectionAnchorSeconds,
+    timelineSelectionFocusSeconds,
+    timelineStartSeconds
+  } = state;
+  const effectiveRange = getEffectiveTimelineRange(timelineStartSeconds, timelineEndSeconds, timelineSelectionActive, timelineSelectionAnchorSeconds, timelineSelectionFocusSeconds);
   const timelineInfo = getTimelineInfo(timelineEvents, effectiveRange.startSeconds, effectiveRange.endSeconds);
-  const timelineFilterDescription = getTimelineFilterDescription(state.timelineStartSeconds, state.timelineEndSeconds);
+  const timelineFilterDescription = getTimelineFilterDescription(timelineStartSeconds, timelineEndSeconds);
   const nextState = {
     ...state,
     timelineEvents,
@@ -3904,6 +3903,9 @@ const getSessionNotFoundMessage = sessionId => {
 const getResponseMap = events => {
   const seen = Object.create(null);
   for (const event of events) {
+    if (event.type === 'tool-call-finished' && 'requestId' in event && typeof event.requestId === 'string') {
+      seen[event.requestId] = event;
+    }
     if (event.type === 'ai-response' && 'requestId' in event && typeof event.requestId === 'string') {
       seen[event.requestId] = event;
     }
@@ -3911,6 +3913,15 @@ const getResponseMap = events => {
   return seen;
 };
 
+/* eslint-disable @cspell/spellchecker */
+/* eslint-disable sonarjs/cognitive-complexity */
+
+const withSubType = event => {
+  return {
+    ...event,
+    subType: getEventSubType(event)
+  };
+};
 const getStatus = item => {
   if (item.statusCode !== undefined) {
     const statusCode = Number(item.statusCode);
@@ -3953,6 +3964,7 @@ const getMergedRequestResponseEvent = (item, response) => {
       ...(timestamp === undefined ? {} : {
         timestamp
       }),
+      subType: getEventSubType(item, 'ai-request-response', true),
       type: 'ai-request-response'
     };
   }
@@ -3973,9 +3985,46 @@ const getMergedRequestResponseEvent = (item, response) => {
     ...(timestamp === undefined ? {} : {
       timestamp
     }),
+    subType: getEventSubType(item, 'ai-request-response', true),
     type: 'ai-request-response'
   };
 };
+const getToolCallStatus = response => {
+  // @ts-ignore
+  if (response && response.toolCallResult && response.toolCallResult.error) {
+    return 400;
+  }
+  return 200;
+};
+const getMergedToolCallEvent = (item, response) => {
+  const parsedStart = new Date(item.timestamp || '');
+  const parsedEnd = new Date(response.timestamp || '');
+  const durationMs = parsedEnd.getTime() - parsedStart.getTime();
+  const started = getStartedTimestamp(item);
+  const ended = getEndedTimestamp(response);
+  const timestamp = item.timestamp ?? started;
+  const status = getToolCallStatus(response);
+  const subType = getEventSubType(item, 'tool-request-response', true);
+  return {
+    ...(ended === undefined ? {} : {
+      ended
+    }),
+    durationMs,
+    eventEndId: response.eventId,
+    eventId: item.eventId,
+    method: 'POST',
+    size: getResponsePayloadSize(response),
+    ...(started === undefined ? {} : {
+      started
+    }),
+    status,
+    ...(timestamp === undefined ? {} : {
+      timestamp
+    }),
+    subType,
+    type: 'tool-request-response'
+  };
+};
 const toPrettyEvents = rawEvents => {
   if (rawEvents.type === 'error') {
     return [];
@@ -3983,15 +4032,22 @@ const toPrettyEvents = rawEvents => {
   const pretty = [];
   const map = getResponseMap(rawEvents.events);
   for (const item of rawEvents.events) {
-    if (item.type === 'ai-request' && 'requestId' in item && typeof item.requestId === 'string') {
+    if (item.type === 'tool-call-started' && 'requestId' in item && typeof item.requestId === 'string') {
+      const response = map[item.requestId];
+      if (response) {
+        pretty.push(getMergedToolCallEvent(item, response));
+      } else {
+        pretty.push(withSubType(item));
+      }
+    } else if (item.type === 'tool-call-finished' && 'requestId' in item && typeof item.requestId === 'string') ; else if (item.type === 'ai-request' && 'requestId' in item && typeof item.requestId === 'string') {
       const response = map[item.requestId];
       if (response) {
         pretty.push(getMergedRequestResponseEvent(item, response));
       } else {
-        pretty.push(item);
+        pretty.push(withSubType(item));
       }
     } else if (item.type === 'ai-response' && 'requestId' in item && typeof item.requestId === 'string') ; else {
-      pretty.push(item);
+      pretty.push(withSubType(item));
     }
   }
   return pretty;
@@ -5530,8 +5586,15 @@ const loadEventsFromUri = async state => {
   return loadEventsForSessionId(state, sessionId);
 };
 
+const loadPreferences = async () => {
+  const autoRefresh = getBoolean(await getPreference('chatDebug.autoRefresh'));
+  return {
+    autoRefresh
+  };
+};
+
 const loadContent = async (state, savedState) => {
-  await getPreference('chatDebug.autoRefresh');
+  await loadPreferences();
   const restoredState = restoreSavedState(state, savedState);
   const nextState = await loadEventsFromUri(restoredState);
   if (nextState.sessionId) {
@@ -5552,6 +5615,40 @@ const isAttachmentImagePreview = value => {
   return typeof value === 'object' && value !== null && value.previewType === 'image';
 };
 
+const getToolName = event => {
+  if (typeof event.toolName === 'string' && event.toolName) {
+    return event.toolName;
+  }
+  if (typeof event.name === 'string' && event.name) {
+    return event.name;
+  }
+  const {
+    arguments: toolArguments
+  } = event;
+  if (!toolArguments || typeof toolArguments !== 'object') {
+    return undefined;
+  }
+  const {
+    name
+  } = toolArguments;
+  if (typeof name !== 'string' || !name) {
+    return undefined;
+  }
+  return name;
+};
+
+const toolExecutionTypePrefix = 'tool-execution';
+const getEventTypeLabel = event => {
+  if (!event.type.startsWith(toolExecutionTypePrefix)) {
+    return event.type;
+  }
+  const toolName = getToolName(event);
+  if (!toolName) {
+    return event.type;
+  }
+  return `${event.type}, ${toolName}`;
+};
+
 const detailsLineNumberDigitWidth = 8;
 const detailsLineNumberHorizontalPadding = 8;
 const getStringLineCount = value => {
@@ -5683,6 +5780,50 @@ const getCss = state => {
   padding: ${state.viewPadding}px;
   padding-right: 0;
 }
+
+.ChatDebugViewTop .IconButton {
+  align-self: center;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* TODO improve this with virtual scrolling */
+
+.ChatDebugView .EditorLayers {
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .Gutter {
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .EditorContent {
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .EditorRows {
+  overflow-y: visible;
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .Editor {
+    overflow-y: auto;
+}
 `;
 };
 
@@ -6036,7 +6177,6 @@ const ChatDebugViewImagePreview = 'ChatDebugViewImagePreview';
 const ChatDebugViewImagePreviewImageWrapper = 'ChatDebugViewImagePreviewImageWrapper';
 const ChatDebugViewImagePreviewImage = 'ChatDebugViewImagePreviewImage';
 const ChatDebugViewImagePreviewLabel = 'ChatDebugViewImagePreviewLabel';
-const ChatDebugViewRefreshButton = 'ChatDebugViewRefreshButton';
 const ChatDebugViewQuickFilterPill = 'ChatDebugViewQuickFilterPill';
 const ChatDebugViewQuickFilterPillSelected = 'ChatDebugViewQuickFilterPillSelected';
 const ChatDebugViewQuickFilters = 'ChatDebugViewQuickFilters';
@@ -6213,12 +6353,16 @@ const getQuickFilterNodes = categoryFilters => {
 const refreshButtonDom = [{
   'aria-label': refreshEvents$1(),
   childCount: 1,
-  className: ChatDebugViewRefreshButton,
-  name: Refresh$1,
+  className: mergeClassNames('IconButton'),
+  name: Refresh,
   onClick: HandleClickRefresh,
   type: Button$1,
-  value: Refresh$1
-}, text(refresh$1())];
+  value: Refresh
+}, {
+  childCount: 0,
+  className: mergeClassNames(MaskIcon, 'MaskIconRefresh'),
+  type: Div
+}];
 const getRefreshButtonDom = () => {
   return refreshButtonDom;
 };
@@ -8912,6 +9056,7 @@ const commandMap = {
   'ChatDebug.getMenuEntries': wrapGetter(getMenuEntries2),
   'ChatDebug.getMenuIds': getMenuIds,
   'ChatDebug.getPayload': wrapGetter(getPayload),
+  'ChatDebug.getResponse': wrapGetter(getResponse),
   'ChatDebug.handleClickRefresh': wrapCommand(handleClickRefresh),
   'ChatDebug.handleCloseDetails': wrapCommand(handleCloseDetails$1),
   'ChatDebug.handleDetailsContextMenu': wrapCommand(handleDetailsContextMenu),

package/static/{ec38d11 → c1d5453}/packages/chat-storage-worker/dist/chatStorageWorkerMain.js

@@ -2346,22 +2346,6 @@ const withEventIds = events => {
     };
   });
 };
-const collapseToolExecutionEvents$1 = events => {
-  const collapsedEvents = [];
-  for (let i = 0; i < events.length; i += 1) {
-    const event = events[i];
-    if (event.type === startedEventType$2) {
-      const nextEvent = events[i + 1];
-      if (nextEvent && nextEvent.type === finishedEventType$2 && isMatchingToolExecutionPair$1(event, nextEvent)) {
-        collapsedEvents.push(mergeToolExecutionEvents$2(event, nextEvent));
-        i += 1;
-        continue;
-      }
-    }
-    collapsedEvents.push(event);
-  }
-  return collapsedEvents;
-};
 const getStatus = event => {
   if (typeof event.statusCode === 'number') {
     return event.statusCode;
@@ -2377,6 +2361,12 @@ const getStatus = event => {
   }
   return 200;
 };
+const getSubType = event => {
+  if (typeof event.name === 'string') {
+    return event.name;
+  }
+  return event.type || '';
+};
 const toLightweightEvent = (event, fallbackEventId) => {
   const startTime = getStartTime(event);
   const endTime = getEndTime(event);
@@ -2385,6 +2375,7 @@ const toLightweightEvent = (event, fallbackEventId) => {
     timestamp
   } = event;
   const size = getSize(event);
+  const subType = getSubType(event);
   return {
     duration: getDuration(event),
     ...(endTime === undefined ? {} : {
@@ -2404,12 +2395,13 @@ const toLightweightEvent = (event, fallbackEventId) => {
     ...(typeof timestamp === 'number' || typeof timestamp === 'string' ? {
       timestamp
     } : {}),
+    subType,
     type: event.type
   };
 };
 const listChatViewEventSummaries = events => {
   const eventsWithIds = withEventIds(filterDebugChatViewEvents(events));
-  return collapseToolExecutionEvents$1(eventsWithIds).map((event, index) => toLightweightEvent(event, index + 1));
+  return eventsWithIds.map((event, index) => toLightweightEvent(event, index + 1));
 };
 const loadSelectedChatViewEvent = (events, eventId, summaryType) => {
   if (eventId < 1) {