@lvce-editor/chat-debug-view 10.20.0 → 10.21.0

package/dist/chatDebugViewWorkerMain.js

@@ -1441,6 +1441,7 @@ const TimelineStartSeconds = 'timelineStartSeconds';
 const TimelineEndSeconds = 'timelineEndSeconds';
 const TimelineRangePreset = 'timelineRangePreset';
 const Refresh$1 = 'refresh';
+const ToggleHeadersSection = 'toggleHeadersSection';
 const All$1 = 'all';
 const Tools$1 = 'tools';
 const Network$1 = 'network';
@@ -1476,7 +1477,7 @@ const FailedToLoadChatDebugSession = 'Failed to load chat debug session "{PH1}".
 const FailedToLoadChatDebugSessionWithError = 'Failed to load chat debug session "{PH1}": {PH2}';
 const FilterEvents = 'Filter events';
 const FromSeconds = 'from {PH1}s';
-const General = 'General';
+const General$1 = 'General';
 const Headers = 'Headers';
 const ImageCouldNotBeLoaded = 'image could not be loaded';
 const InputTokens = 'Input Tokens';
@@ -1497,11 +1498,11 @@ const Preview = 'Preview';
 const Refresh = 'Refresh';
 const RefreshEvents = 'Refresh events';
 const ResetColumns = 'Reset columns';
-const RequestHeaders = 'Request Headers';
+const RequestHeaders$1 = 'Request Headers';
 const RequestMethod = 'Request Method';
 const RequestUrl = 'Request URL';
 const Response = 'Response';
-const ResponseHeaders = 'Response Headers';
+const ResponseHeaders$1 = 'Response Headers';
 const SecondsRange = '{PH1}s-{PH2}s';
 const Size$1 = 'Size';
 const Started = 'Started';
@@ -1567,7 +1568,7 @@ const fromSeconds = seconds => {
   });
 };
 const general = () => {
-  return i18nString(General);
+  return i18nString(General$1);
 };
 const headers = () => {
   return i18nString(Headers);
@@ -1628,7 +1629,7 @@ const refreshEvents$1 = () => {
   return i18nString(RefreshEvents);
 };
 const requestHeaders = () => {
-  return i18nString(RequestHeaders);
+  return i18nString(RequestHeaders$1);
 };
 const requestMethod = () => {
   return i18nString(RequestMethod);
@@ -1637,7 +1638,7 @@ const requestUrl = () => {
   return i18nString(RequestUrl);
 };
 const responseHeaders = () => {
-  return i18nString(ResponseHeaders);
+  return i18nString(ResponseHeaders$1);
 };
 const resetColumns = () => {
   return i18nString(ResetColumns);
@@ -2441,6 +2442,7 @@ const createDefaultState = () => {
   return {
     assetDir: '',
     categoryFilters: createCategoryFilters(),
+    collapsedHeaderSections: [],
     databaseName: 'lvce-chat-view-sessions',
     dataBaseVersion: 2,
     defaultTableWidth,
@@ -2540,7 +2542,7 @@ const RenderFocusContext = 4;
 const RenderFocus = 5;
 
 const diff = (oldState, newState) => {
-  if (oldState.categoryFilters !== newState.categoryFilters || oldState.detailTabs !== newState.detailTabs || oldState.errorMessage !== newState.errorMessage || oldState.events !== newState.events || oldState.filterValue !== newState.filterValue || oldState.previewTextCursorColumnIndex !== newState.previewTextCursorColumnIndex || oldState.previewTextCursorRowIndex !== newState.previewTextCursorRowIndex || oldState.previewTextDeltaY !== newState.previewTextDeltaY || oldState.sessionId !== newState.sessionId || oldState.showEventStreamFinishedEvents !== newState.showEventStreamFinishedEvents || oldState.showInputEvents !== newState.showInputEvents || oldState.showResponsePartEvents !== newState.showResponsePartEvents || oldState.sortColumn !== newState.sortColumn || oldState.sortDescending !== newState.sortDescending || oldState.tableColumnWidths !== newState.tableColumnWidths || oldState.tableDeltaY !== newState.tableDeltaY || oldState.tableMaxLineY !== newState.tableMaxLineY || oldState.tableMinLineY !== newState.tableMinLineY || oldState.tableWidth !== newState.tableWidth || oldState.timelineEndSeconds !== newState.timelineEndSeconds || oldState.timelineHeight !== newState.timelineHeight || oldState.timelineHoverPercent !== newState.timelineHoverPercent || oldState.timelineHoverSeconds !== newState.timelineHoverSeconds || oldState.timelineSelectionActive !== newState.timelineSelectionActive || oldState.timelineSelectionAnchorSeconds !== newState.timelineSelectionAnchorSeconds || oldState.timelineSelectionFocusSeconds !== newState.timelineSelectionFocusSeconds || oldState.timelineStartSeconds !== newState.timelineStartSeconds || oldState.useDevtoolsLayout !== newState.useDevtoolsLayout || oldState.tableColumns !== newState.tableColumns || oldState.selectedEvent !== newState.selectedEvent || oldState.selectedEventIndex !== newState.selectedEventIndex || oldState.focus !== newState.focus || oldState.width !== newState.width || oldState.uid !== newState.uid) {
+  if (oldState.categoryFilters !== newState.categoryFilters || oldState.collapsedHeaderSections !== newState.collapsedHeaderSections || oldState.detailTabs !== newState.detailTabs || oldState.errorMessage !== newState.errorMessage || oldState.events !== newState.events || oldState.filterValue !== newState.filterValue || oldState.previewTextCursorColumnIndex !== newState.previewTextCursorColumnIndex || oldState.previewTextCursorRowIndex !== newState.previewTextCursorRowIndex || oldState.previewTextDeltaY !== newState.previewTextDeltaY || oldState.sessionId !== newState.sessionId || oldState.showEventStreamFinishedEvents !== newState.showEventStreamFinishedEvents || oldState.showInputEvents !== newState.showInputEvents || oldState.showResponsePartEvents !== newState.showResponsePartEvents || oldState.sortColumn !== newState.sortColumn || oldState.sortDescending !== newState.sortDescending || oldState.tableColumnWidths !== newState.tableColumnWidths || oldState.tableDeltaY !== newState.tableDeltaY || oldState.tableMaxLineY !== newState.tableMaxLineY || oldState.tableMinLineY !== newState.tableMinLineY || oldState.tableWidth !== newState.tableWidth || oldState.timelineEndSeconds !== newState.timelineEndSeconds || oldState.timelineHeight !== newState.timelineHeight || oldState.timelineHoverPercent !== newState.timelineHoverPercent || oldState.timelineHoverSeconds !== newState.timelineHoverSeconds || oldState.timelineSelectionActive !== newState.timelineSelectionActive || oldState.timelineSelectionAnchorSeconds !== newState.timelineSelectionAnchorSeconds || oldState.timelineSelectionFocusSeconds !== newState.timelineSelectionFocusSeconds || oldState.timelineStartSeconds !== newState.timelineStartSeconds || oldState.useDevtoolsLayout !== newState.useDevtoolsLayout || oldState.tableColumns !== newState.tableColumns || oldState.selectedEvent !== newState.selectedEvent || oldState.selectedEventIndex !== newState.selectedEventIndex || oldState.focus !== newState.focus || oldState.width !== newState.width || oldState.uid !== newState.uid) {
     return [RenderIncremental, RenderCss];
   }
   return [];
@@ -2800,25 +2802,38 @@ const getFilteredEvents = (events, filterValue, eventCategoryFilters, showInputE
   return filteredByCategory.filter(event => JSON.stringify(event).toLowerCase().includes(filterText));
 };
 
+const formatDurationSeconds = value => {
+  return `${value.toFixed(1)}s`;
+};
+
+const formatDurationText = durationMs => {
+  if (durationMs >= 1000) {
+    return formatDurationSeconds(durationMs / 1000);
+  }
+  return `${durationMs}ms`;
+};
 const getDurationText = event => {
   if (event.time) {
     return event.time;
   }
   const explicitDuration = event.durationMs ?? event.duration;
   if (typeof explicitDuration === 'number' && Number.isFinite(explicitDuration)) {
-    return `${explicitDuration}ms`;
+    return formatDurationText(explicitDuration);
   }
   const start = toTimeNumber(event.started ?? event.startTime ?? event.startTimestamp ?? event.timestamp);
   const end = toTimeNumber(event.ended ?? event.endTime ?? event.endTimestamp ?? event.timestamp);
   if (start === undefined || end === undefined || end < start) {
     return '-';
   }
-  return `${end - start}ms`;
+  return formatDurationText(end - start);
 };
 
 const getEventTableDurationText = event => {
   const durationText = getDurationText(event);
   if (!durationText.endsWith('ms')) {
+    if (durationText.endsWith('s')) {
+      return `${durationText.slice(0, -1)} s`;
+    }
     return durationText;
   }
   return `${durationText.slice(0, -2)} ms`;
@@ -3995,6 +4010,28 @@ const getBoolean = value => {
   return value === true || value === 'true' || value === 'on' || value === '1';
 };
 
+const General = 'general';
+const RequestHeaders = 'requestHeaders';
+const ResponseHeaders = 'responseHeaders';
+const headerSectionKeys = [General, RequestHeaders, ResponseHeaders];
+const isHeaderSectionKey = value => {
+  return headerSectionKeys.includes(value);
+};
+
+const removeSection = (collapsedHeaderSections, section) => {
+  return collapsedHeaderSections.filter(value => value !== section);
+};
+const toggleHeadersSection = (state, value) => {
+  if (!isHeaderSectionKey(value)) {
+    return state;
+  }
+  const isCollapsed = state.collapsedHeaderSections.includes(value);
+  return {
+    ...state,
+    collapsedHeaderSections: isCollapsed ? removeSection(state.collapsedHeaderSections, value) : [...state.collapsedHeaderSections, value]
+  };
+};
+
 const parseTimelineRangePreset$1 = value => {
   if (!value) {
     return {
@@ -4164,6 +4201,9 @@ const handleDetailTab = (state, value) => {
     detailTabs
   };
 };
+const handleToggleHeadersSection = (state, value) => {
+  return toggleHeadersSection(state, value);
+};
 const inputHandlers = {
   [CloseDetails$1]: handleCloseDetails,
   [DetailTab]: handleDetailTab,
@@ -4176,6 +4216,7 @@ const inputHandlers = {
   [TimelineEndSeconds]: handleTimelineEndSeconds$1,
   [TimelineRangePreset]: handleTimelineRangePreset$1,
   [TimelineStartSeconds]: handleTimelineStartSeconds$1,
+  [ToggleHeadersSection]: handleToggleHeadersSection,
   [UseDevtoolsLayout]: handleUseDevtoolsLayout
 };
 const handleInput = (state, name, value, checked) => {
@@ -4278,9 +4319,6 @@ const getPayloadObject = (event, name) => {
   };
 };
 const getPayloadEvent = event => {
-  if (event && event.type === 'ai-request') {
-    return event.body;
-  }
   const {
     requestEvent
   } = event;
@@ -4288,6 +4326,9 @@ const getPayloadEvent = event => {
   if (mergedRequestPayloadEvent.found) {
     return mergedRequestPayloadEvent.value;
   }
+  if (event && event.type === 'ai-request') {
+    return event.body;
+  }
   const name = getPreviewName(event);
   if (name === 'list_files' && hasOwn(event, 'arguments')) {
     return event.arguments;
@@ -4307,57 +4348,75 @@ const isChatMessageUpdatedEvent = event => {
   return event.type === 'chat-message-updated';
 };
 
+const getObjectValue = value => {
+  if (!value || typeof value !== 'object') {
+    return undefined;
+  }
+  return value;
+};
 const getResponseContentText = content => {
-  if (!content || typeof content !== 'object') {
+  const contentObject = getObjectValue(content);
+  if (!contentObject) {
     return undefined;
   }
   if (Array.isArray(content)) {
     const [firstContentItem] = content;
-    if (!firstContentItem || typeof firstContentItem !== 'object') {
+    const firstContentItemObject = getObjectValue(firstContentItem);
+    if (!firstContentItemObject) {
       return undefined;
     }
     const {
       text
-    } = firstContentItem;
+    } = firstContentItemObject;
     return typeof text === 'string' ? text : undefined;
   }
   const {
     text
-  } = content;
+  } = contentObject;
   return typeof text === 'string' ? text : undefined;
 };
-const getResponseOutput = event => {
-  if (event.type === 'sse-response-completed') {
-    const {
-      value
-    } = event;
-    if (!value || typeof value !== 'object') {
-      return undefined;
-    }
-    const {
-      response
-    } = value;
-    if (!response || typeof response !== 'object') {
-      return undefined;
-    }
-    const {
-      output
-    } = response;
-    return Array.isArray(output) ? output : undefined;
+const getOutput = value => {
+  const valueObject = getObjectValue(value);
+  if (!valueObject) {
+    return undefined;
   }
-  if (event.type === 'ai-response') {
-    const {
-      value
-    } = event;
-    if (!value || typeof value !== 'object') {
+  const {
+    output
+  } = valueObject;
+  return Array.isArray(output) ? output : undefined;
+};
+const getAiRequestResponseOutput = event => {
+  const {
+    endValue
+  } = event;
+  const endValueObject = getObjectValue(endValue);
+  if (!endValueObject) {
+    return undefined;
+  }
+  return getOutput(endValueObject.value);
+};
+const getCompletedResponseOutput = event => {
+  const valueObject = getObjectValue(event.value);
+  if (!valueObject) {
+    return undefined;
+  }
+  const responseObject = getObjectValue(valueObject.response);
+  if (!responseObject) {
+    return undefined;
+  }
+  return getOutput(responseObject);
+};
+const getResponseOutput = event => {
+  switch (event.type) {
+    case 'ai-request':
+      return getAiRequestResponseOutput(event);
+    case 'ai-response':
+      return getOutput(event.value);
+    case 'sse-response-completed':
+      return getCompletedResponseOutput(event);
+    default:
       return undefined;
-    }
-    const {
-      output
-    } = value;
-    return Array.isArray(output) ? output : undefined;
   }
-  return undefined;
 };
 const getResponsePreviewText = event => {
   const output = getResponseOutput(event);
@@ -4365,12 +4424,13 @@ const getResponsePreviewText = event => {
     return undefined;
   }
   const [firstOutput] = output;
-  if (!firstOutput || typeof firstOutput !== 'object') {
+  const firstOutputObject = getObjectValue(firstOutput);
+  if (!firstOutputObject) {
     return undefined;
   }
   const {
     content
-  } = firstOutput;
+  } = firstOutputObject;
   return getResponseContentText(content);
 };
 const getPreviewMessageText = event => {
@@ -5460,14 +5520,26 @@ const getCss = state => {
 }
 
 .ChatDebugViewHeadersSectionHeading {
+  align-items: center;
+  background: transparent;
+  border: 0;
   color: var(--vscode-descriptionForeground, rgba(255, 255, 255, 0.7));
+  cursor: pointer;
+  display: flex;
   font-size: 11px;
   font-weight: 600;
+  justify-content: flex-start;
   letter-spacing: 0.08em;
   margin-bottom: 6px;
+  padding: 0;
+  text-align: left;
   text-transform: uppercase;
 }
 
+.ChatDebugViewHeadersSectionHeading:hover {
+  color: var(--vscode-editor-foreground);
+}
+
 .ChatDebugViewHeadersRow {
   display: grid;
   grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
@@ -6437,18 +6509,23 @@ const getHeadersTableNodes = headers => {
     type: Ul
   }, ...headerRows];
 };
-const getHeaderSectionNodes = (label, headers) => {
+const getHeaderSectionNodes = (section, label, headers, collapsedHeaderSections) => {
+  const isCollapsed = collapsedHeaderSections.includes(section);
   return [{
-    childCount: 2,
+    childCount: isCollapsed ? 1 : 2,
     className: ChatDebugViewHeadersSection,
     type: Div
   }, {
     childCount: 1,
     className: ChatDebugViewHeadersSectionHeading,
-    type: Div
-  }, text(label), ...getHeadersTableNodes(headers)];
+    name: ToggleHeadersSection,
+    onChange: HandleFilterInput,
+    onClick: HandleFilterInput,
+    type: Button$1,
+    value: section
+  }, text(label), ...(isCollapsed ? [] : getHeadersTableNodes(headers))];
 };
-const getHeadersContentNodes = (responseEventNodes, selectedEvent) => {
+const getHeadersContentNodes = (responseEventNodes, selectedEvent, collapsedHeaderSections = []) => {
   const generalEntries = getGeneralEntries(selectedEvent);
   const requestHeaders$1 = getHeaders(selectedEvent?.headers);
   const responseHeaders$1 = getHeaders(isHeadersRecord(selectedEvent?.endValue) ? selectedEvent.endValue.headers : undefined);
@@ -6457,13 +6534,13 @@ const getHeadersContentNodes = (responseEventNodes, selectedEvent) => {
   }
   const nodes = [];
   if (generalEntries.length > 0) {
-    nodes.push(...getHeaderSectionNodes(general(), generalEntries));
+    nodes.push(...getHeaderSectionNodes(General, general(), generalEntries, collapsedHeaderSections));
   }
   if (requestHeaders$1.length > 0) {
-    nodes.push(...getHeaderSectionNodes(requestHeaders(), requestHeaders$1));
+    nodes.push(...getHeaderSectionNodes(RequestHeaders, requestHeaders(), requestHeaders$1, collapsedHeaderSections));
   }
   if (responseHeaders$1.length > 0) {
-    nodes.push(...getHeaderSectionNodes(responseHeaders(), responseHeaders$1));
+    nodes.push(...getHeaderSectionNodes(ResponseHeaders, responseHeaders(), responseHeaders$1, collapsedHeaderSections));
   }
   return nodes;
 };
@@ -7557,7 +7634,7 @@ const getTokenUsageContentNodes = (responseEventNodes, selectedEvent) => {
   return getTokenUsageDetailsDom(selectedEvent);
 };
 
-const getSelectedContentNodes = (safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization) => {
+const getSelectedContentNodes = (safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization, collapsedHeaderSections = []) => {
   if (safeSelectedDetailTab === Tokens$1) {
     return getTokenUsageContentNodes(responseEventNodes, selectedEvent);
   }
@@ -7571,19 +7648,19 @@ const getSelectedContentNodes = (safeSelectedDetailTab, previewEventNodes, paylo
     return getPayloadContentNodes(payloadEventNodes, selectedEvent);
   }
   if (safeSelectedDetailTab === Headers$1) {
-    return getHeadersContentNodes(responseEventNodes, selectedEvent);
+    return getHeadersContentNodes(responseEventNodes, selectedEvent, collapsedHeaderSections);
   }
   return getResponseContentNodes(responseEventNodes, selectedEvent);
 };
 
-const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes, responseEventNodes = payloadEventNodes, selectedEvent = null, detailTabs = createDetailTabs(), previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, previewVirtualization) => {
+const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes, responseEventNodes = payloadEventNodes, selectedEvent = null, detailTabs = createDetailTabs(), previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, previewVirtualization, collapsedHeaderSections = []) => {
   if (previewEventNodes.length === 0 && payloadEventNodes.length === 0 && responseEventNodes.length === 0) {
     return [];
   }
   const normalizedDetailTabs = getNormalizedDetailTabs(selectedEvent, detailTabs);
   const safeSelectedDetailTab = getSelectedDetailTab(normalizedDetailTabs);
   const selectedDetailTab = normalizedDetailTabs.find(detailTab => detailTab.name === safeSelectedDetailTab) ?? normalizedDetailTabs[0];
-  const contentNodes = getSelectedContentNodes(safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization);
+  const contentNodes = getSelectedContentNodes(safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization, collapsedHeaderSections);
   return [{
     childCount: 2,
     className: ChatDebugViewDetails,
@@ -8125,7 +8202,7 @@ const getTimelineDom = (timelineInfo, hoverPercent = null) => {
   }, ...selectionNodes];
 };
 
-const getDevtoolsDom = (events, selectedEvent, selectedEventIndex, timelineEvents, timelineStartSeconds, timelineEndSeconds, emptyMessage = noEventsFound(), timelineSelectionActive = false, timelineSelectionAnchorSeconds = '', timelineSelectionFocusSeconds = '', detailTabs = createDetailTabs(), visibleTableColumns = defaultVisibleTableColumns, tableColumns = createTableColumns(), timelineInfo, timelineHoverPercent = null, focus = 0, previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, previewTextDeltaY = 0, previewTextViewportHeight = 0, minLineY = 0, maxLineY = events.length) => {
+const getDevtoolsDom = (events, selectedEvent, selectedEventIndex, timelineEvents, timelineStartSeconds, timelineEndSeconds, emptyMessage = noEventsFound(), timelineSelectionActive = false, timelineSelectionAnchorSeconds = '', timelineSelectionFocusSeconds = '', detailTabs = createDetailTabs(), visibleTableColumns = defaultVisibleTableColumns, tableColumns = createTableColumns(), timelineInfo, timelineHoverPercent = null, focus = 0, previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, previewTextDeltaY = 0, previewTextViewportHeight = 0, minLineY = 0, maxLineY = events.length, collapsedHeaderSections = []) => {
   const visibleEvents = events.slice(minLineY, maxLineY);
   const rows = createDevtoolsRows(visibleEvents, selectedEventIndex, minLineY);
   const rowNodes = getDevtoolsRows(rows, visibleTableColumns);
@@ -8150,7 +8227,7 @@ const getDevtoolsDom = (events, selectedEvent, selectedEventIndex, timelineEvent
   const summary = getTableSummary(events);
   const showScrollBar = visibleEvents.length < events.length;
   const tableNodes = events.length === 0 ? getEmptyStateDom(emptyMessage) : getTableWrapperWrapperDom(rowNodes, visibleEvents.length, visibleTableColumns, tableColumns, summary, focus, '', '', showScrollBar);
-  const detailsNodes = getDetailsDom(previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, detailTabs, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualizationOptions);
+  const detailsNodes = getDetailsDom(previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, detailTabs, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualizationOptions, collapsedHeaderSections);
   const sashNodes = getSashNodesDom(hasSelectedEvent);
   const splitChildCount = hasSelectedEvent ? 3 : 1;
   const rootChildCount = 3;
@@ -8204,7 +8281,7 @@ const getEventCategoryFilterDescription = eventCategoryFilters => {
   }
   return eventCategoryFilters.map(eventCategoryFilter => getEventCategoryFilterLabel(eventCategoryFilter).toLowerCase()).join(', ');
 };
-const getChatDebugViewDom = (errorMessage, filterValue, eventCategoryFilters, categoryFilters, _showEventStreamFinishedEvents, _showInputEvents, _showResponsePartEvents, useDevtoolsLayout, selectedEvent, selectedEventIndex, timelineStartSeconds, timelineEndSeconds, timelineFilterDescription, timelineEvents, events, timelineSelectionActive = false, timelineSelectionAnchorSeconds = '', timelineSelectionFocusSeconds = '', visibleTableColumns = defaultVisibleTableColumns, detailTabs = createDetailTabs(), tableColumns = createTableColumns(), timelineInfo, timelineHoverPercent = null, focus = 0, previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, minLineY = 0, maxLineY = events.length, previewTextDeltaY = 0, previewTextViewportHeight = 0) => {
+const getChatDebugViewDom = (errorMessage, filterValue, eventCategoryFilters, categoryFilters, _showEventStreamFinishedEvents, _showInputEvents, _showResponsePartEvents, useDevtoolsLayout, selectedEvent, selectedEventIndex, timelineStartSeconds, timelineEndSeconds, timelineFilterDescription, timelineEvents, events, timelineSelectionActive = false, timelineSelectionAnchorSeconds = '', timelineSelectionFocusSeconds = '', visibleTableColumns = defaultVisibleTableColumns, detailTabs = createDetailTabs(), tableColumns = createTableColumns(), timelineInfo, timelineHoverPercent = null, focus = 0, previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, minLineY = 0, maxLineY = events.length, previewTextDeltaY = 0, previewTextViewportHeight = 0, collapsedHeaderSections = []) => {
   if (errorMessage) {
     return getDebugErrorDom(errorMessage);
   }
@@ -8228,7 +8305,7 @@ const getChatDebugViewDom = (errorMessage, filterValue, eventCategoryFilters, ca
   const emptyMessage = getEmptyMessage(events.length, hasFilterValue, useNoToolCallEventsMessage, noFilteredEventsMessage);
   const safeSelectedEventIndex = selectedEventIndex === null || selectedEventIndex < 0 || selectedEventIndex >= events.length ? null : selectedEventIndex;
   if (useDevtoolsLayout) {
-    const devtoolsDom = getDevtoolsDom(events, selectedEvent, safeSelectedEventIndex, timelineEvents, timelineStartSeconds, timelineEndSeconds, emptyMessage, timelineSelectionActive, timelineSelectionAnchorSeconds, timelineSelectionFocusSeconds, detailTabs, visibleTableColumns, tableColumns, timelineInfo, timelineHoverPercent, focus, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewTextDeltaY, previewTextViewportHeight, minLineY, maxLineY);
+    const devtoolsDom = getDevtoolsDom(events, selectedEvent, safeSelectedEventIndex, timelineEvents, timelineStartSeconds, timelineEndSeconds, emptyMessage, timelineSelectionActive, timelineSelectionAnchorSeconds, timelineSelectionFocusSeconds, detailTabs, visibleTableColumns, tableColumns, timelineInfo, timelineHoverPercent, focus, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewTextDeltaY, previewTextViewportHeight, minLineY, maxLineY, collapsedHeaderSections);
     const devtoolsContentNodes = devtoolsDom.slice(1);
     const topLevelNodes = [...getDebugViewTopDom(filterValue, useDevtoolsLayout, categoryFilters), ...devtoolsContentNodes];
     const rootChildCount = getTopLevelChildCount(topLevelNodes);
@@ -8264,7 +8341,7 @@ const renderItems = (oldState, newState) => {
   }
   const filteredEvents = getCurrentEvents$1(newState);
   const previewTextViewportHeight = getPreviewTextViewportHeight(newState);
-  const dom = getChatDebugViewDom(newState.errorMessage, newState.filterValue, getSelectedEventCategoryFilters(newState.categoryFilters), newState.categoryFilters, newState.showEventStreamFinishedEvents, newState.showInputEvents, newState.showResponsePartEvents, newState.useDevtoolsLayout, newState.selectedEvent, newState.selectedEventIndex, newState.timelineStartSeconds, newState.timelineEndSeconds, newState.timelineFilterDescription, withSessionEventIds(newState.timelineEvents), withSessionEventIds(filteredEvents), newState.timelineSelectionActive, newState.timelineSelectionAnchorSeconds, newState.timelineSelectionFocusSeconds, getVisibleTableColumns(newState.tableColumns), newState.detailTabs, newState.tableColumns, newState.timelineInfo, newState.timelineHoverPercent, newState.focus, newState.previewTextCursorRowIndex, newState.previewTextCursorColumnIndex, newState.tableMinLineY, newState.tableMaxLineY, newState.previewTextDeltaY, previewTextViewportHeight);
+  const dom = getChatDebugViewDom(newState.errorMessage, newState.filterValue, getSelectedEventCategoryFilters(newState.categoryFilters), newState.categoryFilters, newState.showEventStreamFinishedEvents, newState.showInputEvents, newState.showResponsePartEvents, newState.useDevtoolsLayout, newState.selectedEvent, newState.selectedEventIndex, newState.timelineStartSeconds, newState.timelineEndSeconds, newState.timelineFilterDescription, withSessionEventIds(newState.timelineEvents), withSessionEventIds(filteredEvents), newState.timelineSelectionActive, newState.timelineSelectionAnchorSeconds, newState.timelineSelectionFocusSeconds, getVisibleTableColumns(newState.tableColumns), newState.detailTabs, newState.tableColumns, newState.timelineInfo, newState.timelineHoverPercent, newState.focus, newState.previewTextCursorRowIndex, newState.previewTextCursorColumnIndex, newState.tableMinLineY, newState.tableMaxLineY, newState.previewTextDeltaY, previewTextViewportHeight, newState.collapsedHeaderSections);
   return [SetDom2, newState.uid, dom];
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/chat-debug-view",
-  "version": "10.20.0",
+  "version": "10.21.0",
   "description": "Chat Debug View Worker",
   "repository": {
     "type": "git",