@lvce-editor/chat-debug-view 10.17.0 → 10.19.0

package/dist/chatDebugViewWorkerMain.js

@@ -1137,6 +1137,8 @@ const Tr = 15;
 const Img = 17;
 const Section = 41;
 const Search = 42;
+const Li = 48;
+const Ul = 60;
 const TextArea = 62;
 const Reference = 100;
 
@@ -1471,6 +1473,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 Headers = 'Headers';
 const ImageCouldNotBeLoaded = 'image could not be loaded';
 const InputTokens = 'Input Tokens';
@@ -1479,7 +1482,6 @@ const InvalidUriEncoding = 'Invalid URI encoding';
 const InvalidUriFormat = 'Invalid URI format';
 const Method$1 = 'Method';
 const MissingUri = 'Missing URI';
-const Name = 'Name';
 const Network = 'Network';
 const NoChatSessionFound = 'No chat session found for sessionId "{PH1}".';
 const NoEventsFound = 'No events have been found';
@@ -1492,10 +1494,15 @@ const Preview = 'Preview';
 const Refresh = 'Refresh';
 const RefreshEvents = 'Refresh events';
 const ResetColumns = 'Reset columns';
+const RequestHeaders = 'Request Headers';
+const RequestMethod = 'Request Method';
+const RequestUrl = 'Request URL';
 const Response = 'Response';
+const ResponseHeaders = 'Response Headers';
 const SecondsRange = '{PH1}s-{PH2}s';
 const Started = 'Started';
 const Status$2 = 'Status';
+const StatusCode = 'Status Code';
 const Stream = 'Stream';
 const TableSummaryPlural = '{PH1} events, {PH2} from start to finish';
 const TableSummarySingular = '{PH1} event, {PH2} from start to finish';
@@ -1507,7 +1514,6 @@ const Type$1 = 'Type';
 const Ui = 'UI';
 const UnableToLoadDebugSessionInvalidUri = 'Unable to load debug session: invalid URI "{PH1}". Expected format: chat-debug://<sessionId>.';
 const UnableToLoadDebugSessionMissingUri = 'Unable to load debug session: missing URI. Expected format: chat-debug://<sessionId>.';
-const Value = 'Value';
 const WindowSummary = 'Window {PH1}-{PH2} of {PH3}';
 
 const copy = () => {
@@ -1556,6 +1562,9 @@ const fromSeconds = seconds => {
     PH1: seconds
   });
 };
+const general = () => {
+  return i18nString(General);
+};
 const headers = () => {
   return i18nString(Headers);
 };
@@ -1580,9 +1589,6 @@ const missingUri = () => {
 const method = () => {
   return i18nString(Method$1);
 };
-const name = () => {
-  return i18nString(Name);
-};
 const network = () => {
   return i18nString(Network);
 };
@@ -1617,6 +1623,18 @@ const refresh$1 = () => {
 const refreshEvents$1 = () => {
   return i18nString(RefreshEvents);
 };
+const requestHeaders = () => {
+  return i18nString(RequestHeaders);
+};
+const requestMethod = () => {
+  return i18nString(RequestMethod);
+};
+const requestUrl = () => {
+  return i18nString(RequestUrl);
+};
+const responseHeaders = () => {
+  return i18nString(ResponseHeaders);
+};
 const resetColumns = () => {
   return i18nString(ResetColumns);
 };
@@ -1635,6 +1653,9 @@ const started = () => {
 const stream = () => {
   return i18nString(Stream);
 };
+const statusCode = () => {
+  return i18nString(StatusCode);
+};
 const timing = () => {
   return i18nString(Timing);
 };
@@ -1658,9 +1679,6 @@ const tools = () => {
 const type = () => {
   return i18nString(Type$1);
 };
-const value = () => {
-  return i18nString(Value);
-};
 const ui = () => {
   return i18nString(Ui);
 };
@@ -2071,7 +2089,13 @@ const isHeadersRecord$1 = value => {
   return typeof value === 'object' && value !== null && !Array.isArray(value);
 };
 const hasHeadersDetails = event => {
-  return event.type === 'ai-request' && isHeadersRecord$1(event.headers);
+  if (event.type !== 'ai-request') {
+    return false;
+  }
+  if (isHeadersRecord$1(event.headers)) {
+    return true;
+  }
+  return isHeadersRecord$1(event.endValue) && isHeadersRecord$1(event.endValue.headers);
 };
 
 const hasTimingDetails = event => {
@@ -2082,6 +2106,11 @@ const hasTimingDetails = event => {
 };
 
 const getResponseEvent = event => {
+  // @ts-ignore
+  if (event && event.endValue && event.endValue.value) {
+    // @ts-ignore
+    return event.endValue.value;
+  }
   const {
     responseEvent
   } = event;
@@ -2891,7 +2920,12 @@ const getSelectedDetailTab = detailTabs => {
   return detailTabs[0]?.name ?? Response$1;
 };
 
-const loadSelectedEvent = async (_databaseName, _dataBaseVersion, _eventStoreName, sessionId, _sessionIdIndexName, eventId, type, endEventId) => {
+const loadSelectedEvent = async ({
+  endEventId,
+  eventId,
+  sessionId,
+  type
+}) => {
   const raw = await loadSelectedEvent$1(sessionId, eventId, type);
   if (endEventId && endEventId !== -1) {
     const end = await loadSelectedEvent$1(sessionId, endEventId, type);
@@ -3161,12 +3195,8 @@ const withPreparedSelectedEventPreview = async event => {
 
 const selectEventAtIndex = async (state, selectedEventIndex) => {
   const {
-    databaseName,
-    dataBaseVersion,
     detailTabs,
-    eventStoreName,
-    sessionId,
-    sessionIdIndexName
+    sessionId
   } = state;
   const selectedDetailTab = getSelectedDetailTab(detailTabs);
   const currentEvents = getCurrentEvents$1(state);
@@ -3187,9 +3217,13 @@ const selectEventAtIndex = async (state, selectedEventIndex) => {
       selectedEventIndex
     };
   }
-  const selectedEventDetails = await loadSelectedEvent(databaseName, dataBaseVersion, eventStoreName, sessionId, sessionIdIndexName, selectedEvent.eventId, selectedEvent.type,
-  // @ts-ignore
-  selectedEvent['eventEndId'] || 0);
+  const selectedEventDetails = await loadSelectedEvent({
+    // @ts-ignore
+    endEventId: selectedEvent['eventEndId'] || 0,
+    eventId: selectedEvent.eventId,
+    sessionId,
+    type: selectedEvent.type
+  });
   const resolvedSelectedEvent = await withPreparedSelectedEventPreview(mergeSelectedEventDetails(selectedEvent, selectedEventDetails));
   return withSelectedEventVisible({
     ...state,
@@ -3378,19 +3412,40 @@ const getMergedRequestResponseEvent = (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;
   if (Number.isFinite(durationMs) && durationMs >= 0) {
     return {
       durationMs,
+      ...(ended === undefined ? {} : {
+        ended
+      }),
       eventEndId: response.eventId,
       eventId: item.eventId,
       method: 'POST',
+      ...(started === undefined ? {} : {
+        started
+      }),
+      ...(timestamp === undefined ? {} : {
+        timestamp
+      }),
       type: 'ai-request-response'
     };
   }
   return {
+    ...(ended === undefined ? {} : {
+      ended
+    }),
     eventEndId: response.eventId,
     eventId: item.eventId,
     method: 'POST',
+    ...(started === undefined ? {} : {
+      started
+    }),
+    ...(timestamp === undefined ? {} : {
+      timestamp
+    }),
     type: 'ai-request-response'
   };
 };
@@ -3644,7 +3699,11 @@ const restoreSelectedEvent = async state => {
       selectedEventIndex: null
     };
   }
-  const selectedEventDetails = await loadEventsDependencies.loadSelectedEvent(state.databaseName, state.dataBaseVersion, state.eventStoreName, state.sessionId, state.sessionIdIndexName, selectedEvent.eventId, selectedEvent.type);
+  const selectedEventDetails = await loadEventsDependencies.loadSelectedEvent({
+    eventId: selectedEvent.eventId,
+    sessionId: state.sessionId,
+    type: selectedEvent.type
+  });
   const resolvedSelectedEvent = await withPreparedSelectedEventPreview(mergeSelectedEventDetails(selectedEvent, selectedEventDetails));
   return {
     ...state,
@@ -4101,28 +4160,43 @@ const shouldIncludeArguments = (event, name) => {
   return true;
 };
 
-const getPayloadEvent = event => {
-  const {
-    requestEvent
-  } = event;
-  if (requestEvent && typeof requestEvent === 'object' && typeof requestEvent.type === 'string') {
-    const mergedRequestEvent = requestEvent;
-    if (mergedRequestEvent.body !== undefined) {
-      return mergedRequestEvent.body;
-    }
-    if (mergedRequestEvent.value !== undefined) {
-      return mergedRequestEvent.value;
-    }
-    if (hasOwn(mergedRequestEvent, 'arguments')) {
-      return mergedRequestEvent.arguments;
-    }
-    return requestEvent;
+const getMergedRequestPayloadEvent = requestEvent => {
+  if (!requestEvent || typeof requestEvent !== 'object') {
+    return {
+      found: false
+    };
   }
-  const name = getPreviewName(event);
-  if (name === 'list_files' && hasOwn(event, 'arguments')) {
-    return event.arguments;
+  const mergedRequestEvent = requestEvent;
+  if (typeof mergedRequestEvent.type !== 'string') {
+    return {
+      found: false
+    };
+  }
+  if (mergedRequestEvent.body !== undefined) {
+    return {
+      found: true,
+      value: mergedRequestEvent.body
+    };
+  }
+  if (mergedRequestEvent.value !== undefined) {
+    return {
+      found: true,
+      value: mergedRequestEvent.value
+    };
+  }
+  if (hasOwn(mergedRequestEvent, 'arguments')) {
+    return {
+      found: true,
+      value: mergedRequestEvent.arguments
+    };
   }
-  const payloadEvent = {
+  return {
+    found: true,
+    value: requestEvent
+  };
+};
+const getPayloadObject = (event, name) => {
+  return {
     ...(name === undefined ? {} : {
       name
     }),
@@ -4133,6 +4207,23 @@ const getPayloadEvent = event => {
       result: event.result
     } : {})
   };
+};
+const getPayloadEvent = event => {
+  if (event && event.type === 'ai-request') {
+    return event.body;
+  }
+  const {
+    requestEvent
+  } = event;
+  const mergedRequestPayloadEvent = getMergedRequestPayloadEvent(requestEvent);
+  if (mergedRequestPayloadEvent.found) {
+    return mergedRequestPayloadEvent.value;
+  }
+  const name = getPreviewName(event);
+  if (name === 'list_files' && hasOwn(event, 'arguments')) {
+    return event.arguments;
+  }
+  const payloadEvent = getPayloadObject(event, name);
   if (Object.keys(payloadEvent).length > 0) {
     return payloadEvent;
   }
@@ -5226,27 +5317,44 @@ const getCss = state => {
 }
 
 .ChatDebugViewHeadersTable {
-  border-collapse: collapse;
-  table-layout: fixed;
+  list-style: none;
+  margin: 0;
+  padding: 0;
   width: 100%;
 }
 
-.ChatDebugViewHeadersCell {
-  border-bottom: 1px solid var(--vscode-panel-border, rgba(255, 255, 255, 0.12));
-  color: var(--vscode-editor-foreground);
-  padding: 6px 10px;
-  text-align: left;
-  vertical-align: top;
-  word-break: break-word;
+.ChatDebugViewHeadersSection {
+  display: flex;
+  flex-direction: column;
+}
+
+.ChatDebugViewHeadersSection + .ChatDebugViewHeadersSection {
+  margin-top: 16px;
 }
 
-.ChatDebugViewHeadersHead .ChatDebugViewHeadersCell {
+.ChatDebugViewHeadersSectionHeading {
   color: var(--vscode-descriptionForeground, rgba(255, 255, 255, 0.7));
   font-size: 11px;
   font-weight: 600;
+  letter-spacing: 0.08em;
+  margin-bottom: 6px;
   text-transform: uppercase;
 }
 
+.ChatDebugViewHeadersRow {
+  display: grid;
+  grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
+}
+
+.ChatDebugViewHeadersCell {
+  border-bottom: 1px solid var(--vscode-panel-border, rgba(255, 255, 255, 0.12));
+  min-width: 0;
+  color: var(--vscode-editor-foreground);
+  padding: 6px 10px;
+  text-align: left;
+  word-break: break-word;
+}
+
 .ChatDebugViewHeadersRowOdd {
   background: rgba(255, 255, 255, 0.02);
 }
@@ -5257,7 +5365,6 @@ const getCss = state => {
 
 .ChatDebugViewHeadersCellName {
   font-weight: 500;
-  width: 38%;
 }
 .PreviewVirtualizedEditor {
   height: var(--ChatDebugViewPreviewViewportHeight);
@@ -5658,14 +5765,14 @@ const PanelTab = 'PanelTab';
 const PanelTabSelected = 'PanelTabSelected';
 const ChatDebugViewDetailsTabs = 'ChatDebugViewDetailsTabs';
 const ChatDebugViewDetailsTop = 'ChatDebugViewDetailsTop';
-const ChatDebugViewHeadersBody = 'ChatDebugViewHeadersBody';
 const ChatDebugViewHeadersCell = 'ChatDebugViewHeadersCell';
 const ChatDebugViewHeadersCellName = 'ChatDebugViewHeadersCellName';
 const ChatDebugViewHeadersCellValue = 'ChatDebugViewHeadersCellValue';
-const ChatDebugViewHeadersHead = 'ChatDebugViewHeadersHead';
 const ChatDebugViewHeadersRow = 'ChatDebugViewHeadersRow';
 const ChatDebugViewHeadersRowEven = 'ChatDebugViewHeadersRowEven';
 const ChatDebugViewHeadersRowOdd = 'ChatDebugViewHeadersRowOdd';
+const ChatDebugViewHeadersSection = 'ChatDebugViewHeadersSection';
+const ChatDebugViewHeadersSectionHeading = 'ChatDebugViewHeadersSectionHeading';
 const ChatDebugViewHeadersTable = 'ChatDebugViewHeadersTable';
 const ChatDebugViewDevtoolsSplit = 'ChatDebugViewDevtoolsSplit';
 const ChatDebugViewEmpty = 'ChatDebugViewEmpty';
@@ -5942,22 +6049,22 @@ const getDetailContentDom = (selectedDetailTab, safeSelectedDetailTab, contentNo
   }, ...contentNodes];
 };
 
-const detailsCloseButtonDom = [{
-  'aria-label': closeDetails(),
-  childCount: 1,
-  className: ChatDebugViewDetailsClose,
-  name: CloseDetails$1,
-  onChange: HandleCloseDetails,
-  onClick: HandleCloseDetails,
-  type: Button$1,
-  value: 'close'
-}, {
+const icon = {
   childCount: 0,
   className: 'MaskIcon MaskIconClose',
   type: Div
-}];
+};
 const getDetailsCloseButtonDom = () => {
-  return detailsCloseButtonDom;
+  return [{
+    'aria-label': closeDetails(),
+    childCount: 1,
+    className: ChatDebugViewDetailsClose,
+    name: CloseDetails$1,
+    onChange: HandleCloseDetails,
+    onClick: HandleCloseDetails,
+    type: Button$1,
+    value: 'close'
+  }, icon];
 };
 
 const getDetailTabDom = detailTab => {
@@ -5989,13 +6096,14 @@ const getTabNodes = detailTabs => {
   }, ...detailTabs.flatMap(getDetailTabDom)];
 };
 
+const parentNode = {
+  childCount: 2,
+  className: ChatDebugViewDetailsTop,
+  onContextMenu: HandleDetailsTopContextMenu,
+  type: Div
+};
 const getDetailsTopVirtualDom = detailTabs => {
-  return [{
-    childCount: 2,
-    className: ChatDebugViewDetailsTop,
-    onContextMenu: HandleDetailsTopContextMenu,
-    type: Div
-  }, ...getDetailsCloseButtonDom(), ...getTabNodes(detailTabs)];
+  return [parentNode, ...getDetailsCloseButtonDom(), ...getTabNodes(detailTabs)];
 };
 
 const getNormalizedDetailTabs = (selectedEvent, detailTabs) => {
@@ -6005,9 +6113,118 @@ const getNormalizedDetailTabs = (selectedEvent, detailTabs) => {
   return createDetailTabs(getSelectedDetailTab(detailTabs), selectedEvent);
 };
 
+const httpStatusLabels = {
+  100: 'Continue',
+  101: 'Switching Protocols',
+  102: 'Processing',
+  103: 'Early Hints',
+  200: 'OK',
+  201: 'Created',
+  202: 'Accepted',
+  203: 'Non-Authoritative Information',
+  204: 'No Content',
+  205: 'Reset Content',
+  206: 'Partial Content',
+  207: 'Multi-Status',
+  208: 'Already Reported',
+  226: 'IM Used',
+  300: 'Multiple Choices',
+  301: 'Moved Permanently',
+  302: 'Found',
+  303: 'See Other',
+  304: 'Not Modified',
+  305: 'Use Proxy',
+  307: 'Temporary Redirect',
+  308: 'Permanent Redirect',
+  400: 'Bad Request',
+  401: 'Unauthorized',
+  402: 'Payment Required',
+  403: 'Forbidden',
+  404: 'Not Found',
+  405: 'Method Not Allowed',
+  406: 'Not Acceptable',
+  407: 'Proxy Authentication Required',
+  408: 'Request Timeout',
+  409: 'Conflict',
+  410: 'Gone',
+  411: 'Length Required',
+  412: 'Precondition Failed',
+  413: 'Content Too Large',
+  414: 'URI Too Long',
+  415: 'Unsupported Media Type',
+  416: 'Range Not Satisfiable',
+  417: 'Expectation Failed',
+  418: "I'm a Teapot",
+  421: 'Misdirected Request',
+  422: 'Unprocessable Content',
+  423: 'Locked',
+  424: 'Failed Dependency',
+  425: 'Too Early',
+  426: 'Upgrade Required',
+  428: 'Precondition Required',
+  429: 'Too Many Requests',
+  431: 'Request Header Fields Too Large',
+  451: 'Unavailable For Legal Reasons',
+  500: 'Internal Server Error',
+  501: 'Not Implemented',
+  502: 'Bad Gateway',
+  503: 'Service Unavailable',
+  504: 'Gateway Timeout',
+  505: 'HTTP Version Not Supported',
+  506: 'Variant Also Negotiates',
+  507: 'Insufficient Storage',
+  508: 'Loop Detected',
+  510: 'Not Extended',
+  511: 'Network Authentication Required'
+};
+const threeDigitStatusCodeRegex = /^\d{3}$/;
+const parseStatusCode = value => {
+  if (typeof value === 'number' && Number.isInteger(value)) {
+    return value;
+  }
+  if (typeof value !== 'string') {
+    return undefined;
+  }
+  const trimmedValue = value.trim();
+  if (!threeDigitStatusCodeRegex.test(trimmedValue)) {
+    return undefined;
+  }
+  return Number(trimmedValue);
+};
+const formatHttpStatusCode = value => {
+  const numericStatusCode = parseStatusCode(value);
+  if (numericStatusCode === undefined) {
+    return String(value);
+  }
+  const label = httpStatusLabels[numericStatusCode];
+  if (!label) {
+    return String(numericStatusCode);
+  }
+  return `${numericStatusCode} ${label}`;
+};
+
 const isHeadersRecord = value => {
   return typeof value === 'object' && value !== null && !Array.isArray(value);
 };
+const isNonEmptyString = value => {
+  return typeof value === 'string' && value.length > 0;
+};
+const getStatusCodeValue = selectedEvent => {
+  if (!selectedEvent) {
+    return undefined;
+  }
+  const endValue = isHeadersRecord(selectedEvent.endValue) ? selectedEvent.endValue : undefined;
+  if (endValue?.statusCode !== undefined) {
+    return endValue.statusCode;
+  }
+  if (selectedEvent.statusCode !== undefined) {
+    return selectedEvent.statusCode;
+  }
+  if (selectedEvent.type === 'ai-request' || selectedEvent.type === 'ai-response') {
+    return getStatusText(selectedEvent);
+  }
+  return undefined;
+};
 const stringifyHeaderValue = value => {
   try {
     return JSON.stringify(value, (_key, nestedValue) => {
@@ -6041,61 +6258,84 @@ const getHeaderValueText = value => {
   }
   return stringifyHeaderValue(value);
 };
-const getHeaders = selectedEvent => {
-  if (selectedEvent === null || !isHeadersRecord(selectedEvent.headers)) {
+const getHeaders = value => {
+  if (!isHeadersRecord(value)) {
     return [];
   }
-  return Object.entries(selectedEvent.headers);
+  return Object.entries(value);
+};
+const getGeneralEntries = selectedEvent => {
+  if (!selectedEvent) {
+    return [];
+  }
+  const entries = [];
+  if (isNonEmptyString(selectedEvent.url)) {
+    entries.push([requestUrl(), selectedEvent.url]);
+  }
+  if (isNonEmptyString(selectedEvent.method)) {
+    entries.push([requestMethod(), selectedEvent.method]);
+  }
+  const statusCode$1 = getStatusCodeValue(selectedEvent);
+  if (statusCode$1 !== undefined && statusCode$1 !== '') {
+    entries.push([statusCode(), formatHttpStatusCode(statusCode$1)]);
+  }
+  return entries;
 };
 const getHeaderRowNodes = (headerName, headerValue, index) => {
   return [{
     childCount: 2,
     className: mergeClassNames(ChatDebugViewHeadersRow, index % 2 === 0 ? ChatDebugViewHeadersRowOdd : ChatDebugViewHeadersRowEven),
-    type: Tr
+    type: Li
   }, {
     childCount: 1,
     className: mergeClassNames(ChatDebugViewHeadersCell, ChatDebugViewHeadersCellName),
-    type: Td
+    type: Div
   }, text(headerName), {
     childCount: 1,
     className: mergeClassNames(ChatDebugViewHeadersCell, ChatDebugViewHeadersCellValue),
-    type: Td
+    type: Div
   }, text(getHeaderValueText(headerValue))];
 };
-const getHeadersContentNodes = (responseEventNodes, selectedEvent) => {
-  const headers = getHeaders(selectedEvent);
-  if (headers.length === 0) {
-    return responseEventNodes;
-  }
+const getHeadersTableNodes = headers => {
   const headerRows = [];
   for (const [index, [headerName, headerValue]] of headers.entries()) {
     headerRows.push(...getHeaderRowNodes(headerName, headerValue, index));
   }
   return [{
-    childCount: 2,
+    childCount: headers.length,
     className: ChatDebugViewHeadersTable,
-    type: Table$1
-  }, {
-    childCount: 1,
-    className: ChatDebugViewHeadersHead,
-    type: THead
-  }, {
+    type: Ul
+  }, ...headerRows];
+};
+const getHeaderSectionNodes = (label, headers) => {
+  return [{
     childCount: 2,
-    className: ChatDebugViewHeadersRow,
-    type: Tr
+    className: ChatDebugViewHeadersSection,
+    type: Div
   }, {
     childCount: 1,
-    className: mergeClassNames(ChatDebugViewHeadersCell, ChatDebugViewHeadersCellName),
-    type: Th
-  }, text(name()), {
-    childCount: 1,
-    className: mergeClassNames(ChatDebugViewHeadersCell, ChatDebugViewHeadersCellValue),
-    type: Th
-  }, text(value()), {
-    childCount: headers.length,
-    className: ChatDebugViewHeadersBody,
-    type: TBody
-  }, ...headerRows];
+    className: ChatDebugViewHeadersSectionHeading,
+    type: Div
+  }, text(label), ...getHeadersTableNodes(headers)];
+};
+const getHeadersContentNodes = (responseEventNodes, selectedEvent) => {
+  const generalEntries = getGeneralEntries(selectedEvent);
+  const requestHeaders$1 = getHeaders(selectedEvent?.headers);
+  const responseHeaders$1 = getHeaders(isHeadersRecord(selectedEvent?.endValue) ? selectedEvent.endValue.headers : undefined);
+  if (generalEntries.length === 0 && requestHeaders$1.length === 0 && responseHeaders$1.length === 0) {
+    return responseEventNodes;
+  }
+  const nodes = [];
+  if (generalEntries.length > 0) {
+    nodes.push(...getHeaderSectionNodes(general(), generalEntries));
+  }
+  if (requestHeaders$1.length > 0) {
+    nodes.push(...getHeaderSectionNodes(requestHeaders(), requestHeaders$1));
+  }
+  if (responseHeaders$1.length > 0) {
+    nodes.push(...getHeaderSectionNodes(responseHeaders(), responseHeaders$1));
+  }
+  return nodes;
 };
 
 const getEditorRowDom = line => {
@@ -6982,7 +7222,13 @@ const getTextEvent = (previewEvent, selectedEvent, previewTextCursor, virtualiza
   const showLineNumbers = !isInvalidImageMessage && !isChatMessageUpdatedPreview;
   return getTextNode(previewEvent, showLineNumbers, showLineNumbers ? previewTextCursor ?? null : null, undefined, virtualization);
 };
+const isOpenAiRequestPreviewEvent = previewEvent => {
+  return isRecord(previewEvent) && previewEvent.type === 'ai-request' && isRecord(previewEvent.endValue) && isRecord(previewEvent.endValue.value) && typeof previewEvent.endValue.value.output_text === 'string';
+};
 const getPreviewEventNodes = (previewEvent, selectedEvent, previewTextCursor, virtualization) => {
+  if (isOpenAiRequestPreviewEvent(previewEvent)) {
+    return getTextEvent(previewEvent.endValue.value.output_text);
+  }
   if (typeof previewEvent === 'string') {
     return getTextEvent(previewEvent, selectedEvent, previewTextCursor, virtualization);
   }
@@ -7215,12 +7461,13 @@ const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes,
   }, ...getDetailsTopVirtualDom(normalizedDetailTabs), ...getDetailContentDom(selectedDetailTab, safeSelectedDetailTab, contentNodes)];
 };
 
+const td$1 = {
+  childCount: 1,
+  className: mergeClassNames(TableCell, ChatDebugViewCellDuration),
+  type: Td
+};
 const getCellDurationDom = event => {
-  return [{
-    childCount: 1,
-    className: mergeClassNames(TableCell, ChatDebugViewCellDuration),
-    type: Td
-  }, text(getEventTableDurationText(event))];
+  return [td$1, text(getEventTableDurationText(event))];
 };
 
 const getMethods = new Set(['list_dir', 'list_files', 'read_file']);
@@ -7246,12 +7493,13 @@ const getEventTableMethodLabel = event => {
   return '';
 };
 
+const td = {
+  childCount: 1,
+  className: TableCell,
+  type: Td
+};
 const getCellMethodDom = event => {
-  return [{
-    childCount: 1,
-    className: TableCell,
-    type: Td
-  }, text(getEventTableMethodLabel(event))];
+  return [td, text(getEventTableMethodLabel(event))];
 };
 
 const getCellStatusDom = (event, isErrorStatus) => {
@@ -8065,7 +8313,7 @@ const renderEventListeners = () => {
     params: ['handleTimelineDoubleClick']
   }, {
     name: HandlePreviewTextPointerDown,
-    params: ['handlePreviewTextPointerDown', 'event.clientX - event.currentTarget.getBoundingClientRect().left', 'event.clientY - event.currentTarget.getBoundingClientRect().top']
+    params: ['handlePreviewTextPointerDown']
   }];
 };
 

package/package.json

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