@lvce-editor/static-server 0.80.9 → 0.80.11

package/static/{ffa9a79 → 6a84db7}/packages/chat-debug-view/dist/chatDebugViewWorkerMain.js

@@ -1176,8 +1176,8 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(y);
   await invoke('ContextMenu.show2', uid, menuId, x, y, args);
 };
-const sendMessagePortToChatStorageWorker$1 = async port => {
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatStorageWorker', port, 'HandleMessagePort.handleMessagePort');
+const sendMessagePortToChatStorageWorker$1 = async (port, rpcId) => {
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatStorageWorker', port, 'HandleMessagePort.handleMessagePort', rpcId);
 };
 const writeClipBoardText = async text => {
   await invoke('ClipBoard.writeText', /* text */text);
@@ -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,42 @@ 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 => {
+  if (event.type !== 'sse-response-completed') {
+    return undefined;
+  }
+  const {
+    value
+  } = event;
+  if (!value || typeof value !== 'object') {
+    return undefined;
+  }
+  const {
+    response
+  } = value;
+  if (!response || typeof response !== 'object') {
+    return undefined;
+  }
+  const {
+    output
+  } = response;
+  if (!Array.isArray(output)) {
+    return undefined;
+  }
+  return output;
 };
 
 const getWriteFilePreviewText = (event, name) => {
@@ -3975,6 +4025,10 @@ const getPreviewEvent = event => {
   if (previewMessageText !== undefined) {
     return previewMessageText;
   }
+  const sseResponseCompletedPreviewEvent = getSseResponseCompletedPreviewEvent(event);
+  if (sseResponseCompletedPreviewEvent !== undefined) {
+    return sseResponseCompletedPreviewEvent;
+  }
   const name = getPreviewName(event);
   const writeFilePreviewText = getWriteFilePreviewText(event, name);
   if (writeFilePreviewText !== undefined) {
@@ -4476,6 +4530,87 @@ const loadContent = async (state, savedState) => {
   });
 };
 
+const isAttachmentImagePreview = value => {
+  return typeof value === 'object' && value !== null && value.previewType === 'image';
+};
+
+const getResponseEvent = event => {
+  const {
+    responseEvent
+  } = event;
+  if (responseEvent && typeof responseEvent === 'object' && typeof responseEvent.type === 'string') {
+    const mergedResponseEvent = responseEvent;
+    if (mergedResponseEvent.value !== undefined) {
+      return mergedResponseEvent.value;
+    }
+    return responseEvent;
+  }
+  return event;
+};
+
+const getStringLineCount = value => {
+  return value.split('\n').length;
+};
+const isChatViewEvent$1 = value => {
+  return typeof value === 'object' && value !== null && typeof value.type === 'string';
+};
+const getJsonLineCount = value => {
+  const renderedValue = isChatViewEvent$1(value) ? {
+    ...value,
+    type: getEventTypeLabel(value)
+  } : value;
+  const json = JSON.stringify(renderedValue, null, 2);
+  if (!json) {
+    return 1;
+  }
+  let lineCount = 1;
+  for (let i = 0; i < json.length; i++) {
+    if (json[i] === '\n') {
+      lineCount++;
+    }
+  }
+  return lineCount;
+};
+const getPreviewLineCount = selectedEvent => {
+  const previewEvent = getPreviewEvent(selectedEvent);
+  if (previewEvent === undefined || isAttachmentImagePreview(previewEvent)) {
+    return 0;
+  }
+  if (typeof previewEvent === 'string') {
+    if (previewEvent === ImageCouldNotBeLoaded || isChatMessageUpdatedEvent(selectedEvent)) {
+      return 0;
+    }
+    return getStringLineCount(previewEvent);
+  }
+  return getJsonLineCount(previewEvent);
+};
+const getLineCount = state => {
+  const {
+    selectedEvent
+  } = state;
+  if (!selectedEvent) {
+    return 0;
+  }
+  const selectedDetailTab = getSelectedDetailTab(state.detailTabs);
+  if (selectedDetailTab === Timing) {
+    return 0;
+  }
+  if (selectedDetailTab === Preview) {
+    return getPreviewLineCount(selectedEvent);
+  }
+  if (selectedDetailTab === Payload) {
+    return getJsonLineCount(getPayloadEvent(selectedEvent));
+  }
+  return getJsonLineCount(getResponseEvent(selectedEvent));
+};
+const getDetailsLineNumberWidth = state => {
+  const lineCount = getLineCount(state);
+  if (lineCount === 0) {
+    return 0;
+  }
+  return String(lineCount).length * defaultPreviewTextColumnWidth;
+};
+
 // cspell:ignore liga calt
 
 const getCss = state => {
@@ -4489,7 +4624,11 @@ const getCss = state => {
   const scrollBarOffset = getScrollBarOffset(state.tableDeltaY, maxDeltaY, tableBodyHeight, scrollBarHeight);
   const tableContentWidth = Math.max(0, tableWidth - (showScrollBar ? devtoolsTableScrollBarWidth : 0));
   const detailsWidth = hasSelectedEvent ? getDetailsWidth(state.width, state.tableWidth) : 0;
-  const topSize = state.width >= state.largeBreakpoint ? 30 : state.width >= state.mediumBreakpoint ? 60 : 60;
+  const detailsLineNumberWidth = getDetailsLineNumberWidth(state);
+  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;
@@ -4505,6 +4644,7 @@ const getCss = state => {
   --ChatDebugViewTableColZeroWidth: ${tableColZeroWidth}px;
   --ChatDebugViewTableColOneWidth: ${tableColOneWidth}px;
   --ChatDebugViewTableColTwoWidth: ${tableColTwoWidth}px;
+  --ChatDebugViewDetailsLineNumberWidth: ${detailsLineNumberWidth}px;
   --ChatDebugViewDetailsWidth: ${detailsWidth}px;
   --ChatDebugViewDurationColumnWidth: ${state.tableColumnWidths.duration}px;
   --ChatDebugViewTableRowHeight: ${devtoolsTableRowHeight}px;
@@ -4549,6 +4689,17 @@ const getCss = state => {
   position: relative;
 }
 
+.ChatDebugViewDetailsBottom .Gutter {
+  flex: 0 0 var(--ChatDebugViewDetailsLineNumberWidth);
+  width: var(--ChatDebugViewDetailsLineNumberWidth);
+}
+
+.ChatDebugViewDetailsBottom .ChatDebugViewEventLineNumber {
+  display: inline-block;
+  min-width: var(--ChatDebugViewDetailsLineNumberWidth);
+  width: var(--ChatDebugViewDetailsLineNumberWidth);
+}
+
 .TableScrollBar {
   background: rgba(255, 255, 255, 0.06);
   border-radius: 999px;
@@ -4811,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
@@ -5205,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) => {
@@ -5250,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);
@@ -5278,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);
@@ -5369,10 +5557,6 @@ const getPanelId = detailTab => {
   return `ChatDebugViewDetailsPanel-${detailTab}`;
 };
 
-const isAttachmentImagePreview = value => {
-  return typeof value === 'object' && value !== null && value.previewType === 'image';
-};
-
 const getImagePreviewLabelDom = preview => {
   if (preview.stats === undefined) {
     return [{
@@ -5607,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 [];
@@ -5615,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),
@@ -5733,20 +5929,6 @@ const getEventsClassName = hasSelectedEvent => {
   return widthClassName;
 };
 
-const getResponseEvent = event => {
-  const {
-    responseEvent
-  } = event;
-  if (responseEvent && typeof responseEvent === 'object' && typeof responseEvent.type === 'string') {
-    const mergedResponseEvent = responseEvent;
-    if (mergedResponseEvent.value !== undefined) {
-      return mergedResponseEvent.value;
-    }
-    return responseEvent;
-  }
-  return event;
-};
-
 const sashNodesDom = [{
   childCount: 0,
   className: Sash,
@@ -6442,6 +6624,7 @@ const renderEventListeners = () => {
   }, {
     name: HandleTableWheel,
     params: ['handleTableWheel', 'event.deltaY'],
+    passive: true,
     preventDefault: true
   }, {
     name: HandleTimelinePointerDown,
@@ -6626,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),