@lvce-editor/chat-debug-view 10.5.0 → 10.7.0

package/dist/chatDebugViewWorkerMain.js

@@ -2373,9 +2373,7 @@ const mergeToolExecutionEvents = (startedEvent, finishedEvent, type = mergedEven
     ...(ended === undefined ? {} : {
       ended
     }),
-    ...(eventId === undefined ? {} : {
-      eventId
-    }),
+    eventId,
     ...(started === undefined ? {} : {
       started
     }),
@@ -3446,7 +3444,7 @@ const handleClickRefresh = async state => {
   return handleClickRefreshDependencies.refresh(state);
 };
 
-const handleCloseDetails = state => {
+const handleCloseDetails$1 = state => {
   return {
     ...state,
     previewTextCursorColumnIndex: null,
@@ -3542,7 +3540,7 @@ const withPreservedSelection$1 = (state, nextState) => {
   });
 };
 
-const handleEventCategoryFilter = (state, value, ctrlKey = false, metaKey = false) => {
+const handleEventCategoryFilter$1 = (state, value, ctrlKey = false, metaKey = false) => {
   const {
     categoryFilters
   } = state;
@@ -3655,115 +3653,123 @@ const withPreservedSelection = (state, nextState) => {
     selectedEventIndex
   });
 };
-const handleInput = (state, name, value, checked) => {
-  if (name === Filter) {
-    const nextState = {
-      ...state,
-      filterValue: value
-    };
-    return withPreservedSelection(state, nextState);
-  }
-  if (name === EventCategoryFilter) {
-    const categoryFilters = selectCategoryFilter(state.categoryFilters, value || All);
-    if (categoryFilters === state.categoryFilters) {
-      return state;
-    }
-    const nextState = {
-      ...state,
-      categoryFilters
-    };
-    return withPreservedSelection(state, nextState);
-  }
-  if (name === ShowEventStreamFinishedEvents) {
-    const nextState = {
-      ...state,
-      showEventStreamFinishedEvents: getBoolean(checked)
-    };
-    return withPreservedSelection(state, nextState);
-  }
-  if (name === ShowInputEvents) {
-    const nextState = {
-      ...state,
-      showInputEvents: getBoolean(checked)
-    };
-    return withPreservedSelection(state, nextState);
-  }
-  if (name === ShowResponsePartEvents) {
-    const nextState = {
-      ...state,
-      showResponsePartEvents: getBoolean(checked)
-    };
-    return withPreservedSelection(state, nextState);
-  }
-  if (name === UseDevtoolsLayout) {
-    const useDevtoolsLayout = getBoolean(checked);
-    const selectedEventIndex = useDevtoolsLayout ? getSelectedEventIndex(state) : null;
-    return applyVirtualTableState({
-      ...state,
-      previewTextCursorColumnIndex: useDevtoolsLayout && selectedEventIndex !== null ? state.previewTextCursorColumnIndex : null,
-      previewTextCursorRowIndex: useDevtoolsLayout && selectedEventIndex !== null ? state.previewTextCursorRowIndex : null,
-      selectedEvent: useDevtoolsLayout && selectedEventIndex !== null ? state.selectedEvent : null,
-      selectedEventId: useDevtoolsLayout && selectedEventIndex !== null ? state.selectedEventId : null,
-      selectedEventIndex,
-      useDevtoolsLayout
-    });
-  }
-  if (name === SelectedEventIndex) {
-    const selectedEventIndex = parseSelectedEventIndex(value);
-    return withSelectedEventVisible({
-      ...state,
-      previewTextCursorColumnIndex: selectedEventIndex === null ? null : state.previewTextCursorColumnIndex,
-      previewTextCursorRowIndex: selectedEventIndex === null ? null : state.previewTextCursorRowIndex,
-      selectedEvent: selectedEventIndex === null ? null : state.selectedEvent,
-      selectedEventId: selectedEventIndex === null ? null : state.selectedEventId,
-      selectedEventIndex
-    });
-  }
-  if (name === TimelineStartSeconds) {
-    const nextState = {
-      ...state,
-      timelineStartSeconds: value
-    };
-    return withPreservedSelection(state, nextState);
-  }
-  if (name === TimelineEndSeconds) {
-    const nextState = {
-      ...state,
-      timelineEndSeconds: value
-    };
-    return withPreservedSelection(state, nextState);
+const updateWithPreservedSelection = (state, updates) => {
+  return withPreservedSelection(state, {
+    ...state,
+    ...updates
+  });
+};
+const handleFilter = (state, value) => {
+  return updateWithPreservedSelection(state, {
+    filterValue: value
+  });
+};
+const handleEventCategoryFilter = (state, value) => {
+  const categoryFilters = selectCategoryFilter(state.categoryFilters, value || All);
+  if (categoryFilters === state.categoryFilters) {
+    return state;
   }
-  if (name === TimelineRangePreset) {
-    const nextState = {
-      ...state,
-      ...parseTimelineRangePreset$1(value)
-    };
-    return withPreservedSelection(state, nextState);
+  return updateWithPreservedSelection(state, {
+    categoryFilters
+  });
+};
+const handleShowEventStreamFinishedEvents$1 = (state, _value, checked) => {
+  return updateWithPreservedSelection(state, {
+    showEventStreamFinishedEvents: getBoolean(checked)
+  });
+};
+const handleShowInputEvents$1 = (state, _value, checked) => {
+  return updateWithPreservedSelection(state, {
+    showInputEvents: getBoolean(checked)
+  });
+};
+const handleShowResponsePartEvents$1 = (state, _value, checked) => {
+  return updateWithPreservedSelection(state, {
+    showResponsePartEvents: getBoolean(checked)
+  });
+};
+const handleUseDevtoolsLayout = (state, _value, checked) => {
+  const useDevtoolsLayout = getBoolean(checked);
+  const selectedEventIndex = useDevtoolsLayout ? getSelectedEventIndex(state) : null;
+  const hasSelectedEvent = useDevtoolsLayout && selectedEventIndex !== null;
+  return applyVirtualTableState({
+    ...state,
+    previewTextCursorColumnIndex: hasSelectedEvent ? state.previewTextCursorColumnIndex : null,
+    previewTextCursorRowIndex: hasSelectedEvent ? state.previewTextCursorRowIndex : null,
+    selectedEvent: hasSelectedEvent ? state.selectedEvent : null,
+    selectedEventId: hasSelectedEvent ? state.selectedEventId : null,
+    selectedEventIndex,
+    useDevtoolsLayout
+  });
+};
+const handleSelectedEventIndex = (state, value) => {
+  const selectedEventIndex = parseSelectedEventIndex(value);
+  const hasSelectedEvent = selectedEventIndex !== null;
+  return withSelectedEventVisible({
+    ...state,
+    previewTextCursorColumnIndex: hasSelectedEvent ? state.previewTextCursorColumnIndex : null,
+    previewTextCursorRowIndex: hasSelectedEvent ? state.previewTextCursorRowIndex : null,
+    selectedEvent: hasSelectedEvent ? state.selectedEvent : null,
+    selectedEventId: hasSelectedEvent ? state.selectedEventId : null,
+    selectedEventIndex
+  });
+};
+const handleTimelineStartSeconds$1 = (state, value) => {
+  return updateWithPreservedSelection(state, {
+    timelineStartSeconds: value
+  });
+};
+const handleTimelineEndSeconds$1 = (state, value) => {
+  return updateWithPreservedSelection(state, {
+    timelineEndSeconds: value
+  });
+};
+const handleTimelineRangePreset$1 = (state, value) => {
+  return updateWithPreservedSelection(state, parseTimelineRangePreset$1(value));
+};
+const handleCloseDetails = state => {
+  return applyVirtualTableState({
+    ...state,
+    previewTextCursorColumnIndex: null,
+    previewTextCursorRowIndex: null,
+    selectedEvent: null,
+    selectedEventId: null,
+    selectedEventIndex: null
+  });
+};
+const handleDetailTab = (state, value) => {
+  if (!isDetailTab(value)) {
+    return state;
   }
-  if (name === CloseDetails) {
-    return applyVirtualTableState({
-      ...state,
-      previewTextCursorColumnIndex: null,
-      previewTextCursorRowIndex: null,
-      selectedEvent: null,
-      selectedEventId: null,
-      selectedEventIndex: null
-    });
+  const detailTabs = selectDetailTab$1(state.detailTabs, value);
+  if (detailTabs === state.detailTabs) {
+    return state;
   }
-  if (name === DetailTab) {
-    if (!isDetailTab(value)) {
-      return state;
-    }
-    const detailTabs = selectDetailTab$1(state.detailTabs, value);
-    if (detailTabs === state.detailTabs) {
-      return state;
-    }
-    return {
-      ...state,
-      detailTabs
-    };
+  return {
+    ...state,
+    detailTabs
+  };
+};
+const inputHandlers = {
+  [CloseDetails]: handleCloseDetails,
+  [DetailTab]: handleDetailTab,
+  [EventCategoryFilter]: handleEventCategoryFilter,
+  [Filter]: handleFilter,
+  [SelectedEventIndex]: handleSelectedEventIndex,
+  [ShowEventStreamFinishedEvents]: handleShowEventStreamFinishedEvents$1,
+  [ShowInputEvents]: handleShowInputEvents$1,
+  [ShowResponsePartEvents]: handleShowResponsePartEvents$1,
+  [TimelineEndSeconds]: handleTimelineEndSeconds$1,
+  [TimelineRangePreset]: handleTimelineRangePreset$1,
+  [TimelineStartSeconds]: handleTimelineStartSeconds$1,
+  [UseDevtoolsLayout]: handleUseDevtoolsLayout
+};
+const handleInput = (state, name, value, checked) => {
+  const handler = inputHandlers[name];
+  if (!handler) {
+    return state;
   }
-  return state;
+  return handler(state, value, checked);
 };
 
 const getListFilesPreviewEvent = (event, name) => {
@@ -3934,6 +3940,18 @@ const getPreviewMessageText = event => {
   return text;
 };
 
+const getContent = value => {
+  if (!value || typeof value !== 'object') {
+    return undefined;
+  }
+  const {
+    content
+  } = value;
+  if (typeof content !== 'string') {
+    return undefined;
+  }
+  return content;
+};
 const getReadFilePreviewText = (event, name) => {
   if (name !== 'read_file') {
     return undefined;
@@ -3941,10 +3959,17 @@ const getReadFilePreviewText = (event, name) => {
   const {
     result
   } = event;
-  if (typeof result !== 'string') {
+  if (typeof result === 'string') {
+    return result;
+  }
+  const content = getContent(result);
+  if (content !== undefined) {
+    return content;
+  }
+  if (!Array.isArray(result) || result.length !== 1) {
     return undefined;
   }
-  return result;
+  return getContent(result[0]);
 };
 
 const getSseResponseCompletedPreviewEvent = event => {
@@ -4600,7 +4625,10 @@ const getCss = state => {
   const tableContentWidth = Math.max(0, tableWidth - (showScrollBar ? devtoolsTableScrollBarWidth : 0));
   const detailsWidth = hasSelectedEvent ? getDetailsWidth(state.width, state.tableWidth) : 0;
   const detailsLineNumberWidth = getDetailsLineNumberWidth(state);
-  const topSize = state.width >= state.largeBreakpoint ? 30 : state.width >= state.mediumBreakpoint ? 60 : 60;
+  let topSize = 60;
+  if (state.width >= state.largeBreakpoint) {
+    topSize = 30;
+  }
   const tableColumnLayout = getTableColumnLayout(tableContentWidth, getVisibleTableColumns(state.tableColumns), state.tableColumnWidths);
   const [tableColZeroWidth = 0, tableColOneWidth = 0, tableColTwoWidth = 0] = tableColumnLayout.visibleColumnWidths;
   const resizerOneLeft = tableColumnLayout.resizerLefts[0] ?? 0;
@@ -4934,7 +4962,6 @@ const diffChildren = (oldChildren, newChildren, patches) => {
     patches.push({
       type: NavigateParent
     });
-    currentChildIndex = -1;
   }
   // Add remove patches in reverse order (highest index first)
   // This ensures indices remain valid as we remove
@@ -5328,44 +5355,110 @@ const isDigit = character => {
 const isWhitespace = character => {
   return character === ' ' || character === '\n' || character === '\r' || character === '\t';
 };
-const getNumberEnd = (json, start) => {
+const getIntegerEnd = (json, start) => {
   let i = start;
   if (json[i] === '-') {
     i++;
   }
   if (json[i] === '0') {
+    return i + 1;
+  }
+  if (!isDigit(json[i])) {
+    return start;
+  }
+  while (isDigit(json[i])) {
     i++;
-  } else {
-    if (!isDigit(json[i])) {
-      return start;
-    }
-    while (isDigit(json[i])) {
-      i++;
-    }
   }
-  if (json[i] === '.') {
-    const decimalStart = i;
+  return i;
+};
+const getFractionEnd = (json, start) => {
+  if (json[start] !== '.') {
+    return start;
+  }
+  const decimalStart = start;
+  let i = start + 1;
+  if (!isDigit(json[i])) {
+    return decimalStart;
+  }
+  while (isDigit(json[i])) {
     i++;
-    if (!isDigit(json[i])) {
-      return decimalStart;
-    }
-    while (isDigit(json[i])) {
-      i++;
-    }
   }
-  if (json[i] === 'e' || json[i] === 'E') {
-    const exponentStart = i;
+  return i;
+};
+const getExponentEnd = (json, start) => {
+  if (json[start] !== 'e' && json[start] !== 'E') {
+    return start;
+  }
+  const exponentStart = start;
+  let i = start + 1;
+  if (json[i] === '+' || json[i] === '-') {
     i++;
-    if (json[i] === '+' || json[i] === '-') {
-      i++;
-    }
-    if (!isDigit(json[i])) {
-      return exponentStart;
+  }
+  if (!isDigit(json[i])) {
+    return exponentStart;
+  }
+  while (isDigit(json[i])) {
+    i++;
+  }
+  return i;
+};
+const getWhitespaceEnd = (json, start) => {
+  let i = start;
+  while (i < json.length && isWhitespace(json[i])) {
+    i++;
+  }
+  return i;
+};
+const getStringEnd = (json, start) => {
+  let i = start + 1;
+  while (i < json.length) {
+    const currentCharacter = json[i];
+    if (currentCharacter === '\\') {
+      i += 2;
+      continue;
     }
-    while (isDigit(json[i])) {
-      i++;
+    if (currentCharacter === '"') {
+      return i + 1;
     }
+    i++;
+  }
+  return i;
+};
+const emitStringToken = (json, start, onToken) => {
+  const end = getStringEnd(json, start);
+  const lookAheadIndex = getWhitespaceEnd(json, end);
+  const className = json[lookAheadIndex] === ':' ? TokenKey : TokenString;
+  onToken(className, json.slice(start, end));
+  return end;
+};
+const getLiteralToken = (json, start) => {
+  if (json.startsWith('true', start)) {
+    return {
+      className: TokenBoolean,
+      value: 'true'
+    };
+  }
+  if (json.startsWith('false', start)) {
+    return {
+      className: TokenBoolean,
+      value: 'false'
+    };
+  }
+  if (json.startsWith('null', start)) {
+    return {
+      className: TokenBoolean,
+      value: 'null'
+    };
   }
+  return undefined;
+};
+const getNumberEnd = (json, start) => {
+  let i = getIntegerEnd(json, start);
+  if (i === start) {
+    return start;
+  }
+  i = getFractionEnd(json, i);
+  i = getExponentEnd(json, i);
   return i;
 };
 const forEachTokenSegment = (json, onToken) => {
@@ -5373,26 +5466,7 @@ const forEachTokenSegment = (json, onToken) => {
   while (i < json.length) {
     const character = json[i];
     if (character === '"') {
-      const start = i;
-      i++;
-      while (i < json.length) {
-        const currentCharacter = json[i];
-        if (currentCharacter === '\\') {
-          i += 2;
-          continue;
-        }
-        if (currentCharacter === '"') {
-          i++;
-          break;
-        }
-        i++;
-      }
-      let lookAheadIndex = i;
-      while (lookAheadIndex < json.length && isWhitespace(json[lookAheadIndex])) {
-        lookAheadIndex++;
-      }
-      const className = json[lookAheadIndex] === ':' ? TokenKey : TokenString;
-      onToken(className, json.slice(start, i));
+      i = emitStringToken(json, i, onToken);
       continue;
     }
     const numberEnd = getNumberEnd(json, i);
@@ -5401,19 +5475,10 @@ const forEachTokenSegment = (json, onToken) => {
       i = numberEnd;
       continue;
     }
-    if (json.startsWith('true', i)) {
-      onToken(TokenBoolean, 'true');
-      i += 4;
-      continue;
-    }
-    if (json.startsWith('false', i)) {
-      onToken(TokenBoolean, 'false');
-      i += 5;
-      continue;
-    }
-    if (json.startsWith('null', i)) {
-      onToken(TokenBoolean, 'null');
-      i += 4;
+    const literalToken = getLiteralToken(json, i);
+    if (literalToken) {
+      onToken(literalToken.className, literalToken.value);
+      i += literalToken.value.length;
       continue;
     }
     onToken(TokenText, character);
@@ -5726,6 +5791,54 @@ const getNormalizedDetailTabs = (selectedEvent, detailTabs) => {
   }
   return createDetailTabs(getSelectedDetailTab(detailTabs), selectedEvent);
 };
+const getTimingContentNodes = (responseEventNodes, selectedEvent) => {
+  if (selectedEvent === null) {
+    return responseEventNodes;
+  }
+  return getTimingDetailsDom(selectedEvent);
+};
+const getPreviewContentNodes = (previewEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex) => {
+  if (previewEventNodes.length > 0) {
+    return previewEventNodes;
+  }
+  if (selectedEvent === null) {
+    return [];
+  }
+  return getPreviewEventNodes(getPreviewEvent(selectedEvent), selectedEvent, previewTextCursorRowIndex === null || previewTextCursorColumnIndex === null ? null : {
+    columnIndex: previewTextCursorColumnIndex,
+    rowIndex: previewTextCursorRowIndex
+  });
+};
+const getPayloadContentNodes = (payloadEventNodes, selectedEvent) => {
+  if (payloadEventNodes.length > 0) {
+    return payloadEventNodes;
+  }
+  if (selectedEvent === null) {
+    return [];
+  }
+  return getEventNode(getPayloadEvent(selectedEvent));
+};
+const getResponseContentNodes = (responseEventNodes, selectedEvent) => {
+  if (responseEventNodes.length > 0) {
+    return responseEventNodes;
+  }
+  if (selectedEvent === null) {
+    return [];
+  }
+  return getEventNode(selectedEvent);
+};
+const getSelectedContentNodes = (safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex) => {
+  if (safeSelectedDetailTab === Timing) {
+    return getTimingContentNodes(responseEventNodes, selectedEvent);
+  }
+  if (safeSelectedDetailTab === Preview) {
+    return getPreviewContentNodes(previewEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex);
+  }
+  if (safeSelectedDetailTab === Payload) {
+    return getPayloadContentNodes(payloadEventNodes, selectedEvent);
+  }
+  return getResponseContentNodes(responseEventNodes, selectedEvent);
+};
 const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes, responseEventNodes = payloadEventNodes, selectedEvent = null, detailTabs = createDetailTabs(), previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null) => {
   if (previewEventNodes.length === 0 && payloadEventNodes.length === 0 && responseEventNodes.length === 0) {
     return [];
@@ -5734,43 +5847,7 @@ const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes,
   const safeSelectedDetailTab = getSelectedDetailTab(normalizedDetailTabs);
   const selectedDetailTab = normalizedDetailTabs.find(detailTab => detailTab.name === safeSelectedDetailTab) ?? normalizedDetailTabs[0];
   const getDetailContentDom = () => {
-    const getDetailContentDomTiming = () => {
-      if (selectedEvent === null) {
-        return responseEventNodes;
-      }
-      return getTimingDetailsDom(selectedEvent);
-    };
-    const getDetailContentDomPreview = () => {
-      if (previewEventNodes.length > 0) {
-        return previewEventNodes;
-      }
-      if (selectedEvent === null) {
-        return [];
-      }
-      return getPreviewEventNodes(getPreviewEvent(selectedEvent), selectedEvent, previewTextCursorRowIndex === null || previewTextCursorColumnIndex === null ? null : {
-        columnIndex: previewTextCursorColumnIndex,
-        rowIndex: previewTextCursorRowIndex
-      });
-    };
-    const getDetailContentDomPayload = () => {
-      if (payloadEventNodes.length > 0) {
-        return payloadEventNodes;
-      }
-      if (selectedEvent === null) {
-        return [];
-      }
-      return getEventNode(getPayloadEvent(selectedEvent));
-    };
-    const getDetailContentDomResponse = () => {
-      if (responseEventNodes.length > 0) {
-        return responseEventNodes;
-      }
-      if (selectedEvent === null) {
-        return [];
-      }
-      return getEventNode(selectedEvent);
-    };
-    const contentNodes = safeSelectedDetailTab === Timing ? getDetailContentDomTiming() : safeSelectedDetailTab === Preview ? getDetailContentDomPreview() : safeSelectedDetailTab === Payload ? getDetailContentDomPayload() : getDetailContentDomResponse();
+    const contentNodes = getSelectedContentNodes(safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex);
     return [{
       'aria-label': selectedDetailTab.label,
       childCount: getDirectChildCount$1(contentNodes),
@@ -6547,6 +6624,7 @@ const renderEventListeners = () => {
   }, {
     name: HandleTableWheel,
     params: ['handleTableWheel', 'event.deltaY'],
+    passive: true,
     preventDefault: true
   }, {
     name: HandleTimelinePointerDown,
@@ -6731,12 +6809,12 @@ const commandMap = {
   'ChatDebug.getMenuEntries': wrapGetter(getMenuEntries2),
   'ChatDebug.getMenuIds': getMenuIds,
   'ChatDebug.handleClickRefresh': wrapCommand(handleClickRefresh),
-  'ChatDebug.handleCloseDetails': wrapCommand(handleCloseDetails),
+  'ChatDebug.handleCloseDetails': wrapCommand(handleCloseDetails$1),
   'ChatDebug.handleDetailsContextMenu': wrapCommand(handleDetailsContextMenu),
   'ChatDebug.handleDetailsTopContextMenu': wrapCommand(handleDetailsTopContextMenu),
   'ChatDebug.handleDetailTabsFocus': wrapCommand(handleDetailTabsFocus),
   'ChatDebug.handleEscape': wrapCommand(handleEscape),
-  'ChatDebug.handleEventCategoryFilter': wrapCommand(handleEventCategoryFilter),
+  'ChatDebug.handleEventCategoryFilter': wrapCommand(handleEventCategoryFilter$1),
   'ChatDebug.handleEventRowClick': wrapCommand(handleEventRowClick),
   'ChatDebug.handleEventRowClickAt': wrapCommand(handleEventRowClickAt),
   'ChatDebug.handleHeaderContextMenu': wrapCommand(handleHeaderContextMenu),

package/package.json

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