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

package/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);
@@ -3947,6 +3947,31 @@ const getReadFilePreviewText = (event, name) => {
   return result;
 };
 
+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) => {
   if (name !== 'write_file') {
     return undefined;
@@ -3975,6 +4000,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 +4505,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,6 +4599,7 @@ 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 detailsLineNumberWidth = getDetailsLineNumberWidth(state);
   const topSize = state.width >= state.largeBreakpoint ? 30 : state.width >= state.mediumBreakpoint ? 60 : 60;
   const tableColumnLayout = getTableColumnLayout(tableContentWidth, getVisibleTableColumns(state.tableColumns), state.tableColumnWidths);
   const [tableColZeroWidth = 0, tableColOneWidth = 0, tableColTwoWidth = 0] = tableColumnLayout.visibleColumnWidths;
@@ -4505,6 +4616,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 +4661,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;
@@ -5369,10 +5492,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 [{
@@ -5733,20 +5852,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,

package/package.json

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