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

package/dist/chatDebugViewWorkerMain.js

@@ -2713,6 +2713,9 @@ const getFilteredEvents = (events, filterValue, eventCategoryFilters, showInputE
 };
 
 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`;
@@ -3371,6 +3374,26 @@ const getResponseMap = events => {
   return seen;
 };
 
+const getMergedRequestResponseEvent = (item, response) => {
+  const parsedStart = new Date(item.timestamp || '');
+  const parsedEnd = new Date(response.timestamp || '');
+  const durationMs = parsedEnd.getTime() - parsedStart.getTime();
+  if (Number.isFinite(durationMs) && durationMs >= 0) {
+    return {
+      durationMs,
+      eventEndId: response.eventId,
+      eventId: item.eventId,
+      method: 'POST',
+      type: 'ai-request-response'
+    };
+  }
+  return {
+    eventEndId: response.eventId,
+    eventId: item.eventId,
+    method: 'POST',
+    type: 'ai-request-response'
+  };
+};
 const toPrettyEvents = rawEvents => {
   if (rawEvents.type === 'error') {
     return [];
@@ -3381,11 +3404,7 @@ const toPrettyEvents = rawEvents => {
     if (item.type === 'ai-request' && 'requestId' in item && typeof item.requestId === 'string') {
       const response = map[item.requestId];
       if (response) {
-        pretty.push({
-          eventEndId: response.eventId,
-          eventId: item.eventId,
-          type: 'ai-request-response'
-        });
+        pretty.push(getMergedRequestResponseEvent(item, response));
       } else {
         pretty.push(item);
       }
@@ -7196,10 +7215,21 @@ const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes,
   }, ...getDetailsTopVirtualDom(normalizedDetailTabs), ...getDetailContentDom(selectedDetailTab, safeSelectedDetailTab, contentNodes)];
 };
 
+const getCellDurationDom = event => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(TableCell, ChatDebugViewCellDuration),
+    type: Td
+  }, text(getEventTableDurationText(event))];
+};
+
 const getMethods = new Set(['list_dir', 'list_files', 'read_file']);
 const postMethods = new Set(['create_directory', 'create_file', 'mkdir', 'write_file']);
 const deleteMethods = new Set(['delete_directory', 'delete_file', 'delete_folder', 'remove_directory', 'remove_file', 'remove_folder']);
 const getEventTableMethodLabel = event => {
+  if (event.method) {
+    return event.method;
+  }
   const toolName = getToolName(event);
   if (!toolName) {
     return '';
@@ -7216,36 +7246,45 @@ const getEventTableMethodLabel = event => {
   return '';
 };
 
+const getCellMethodDom = event => {
+  return [{
+    childCount: 1,
+    className: TableCell,
+    type: Td
+  }, text(getEventTableMethodLabel(event))];
+};
+
+const getCellStatusDom = (event, isErrorStatus) => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(TableCell, isErrorStatus ? ChatDebugViewCellStatusError : ''),
+    type: Td
+  }, text(getStatusText(event))];
+};
+
+const getCellTypeDom = event => {
+  return [{
+    childCount: 1,
+    className: TableCell,
+    type: Td
+  }, text(getEventTableTypeLabel(event))];
+};
+
 const getTableCellDom = (column, event, isErrorStatus) => {
   switch (column) {
     case Duration:
-      return [{
-        childCount: 1,
-        className: mergeClassNames(TableCell, ChatDebugViewCellDuration),
-        type: Td
-      }, text(getEventTableDurationText(event))];
+      return getCellDurationDom(event);
     case Method:
-      return [{
-        childCount: 1,
-        className: TableCell,
-        type: Td
-      }, text(getEventTableMethodLabel(event))];
+      return getCellMethodDom(event);
     case Status$1:
-      return [{
-        childCount: 1,
-        className: mergeClassNames(TableCell, isErrorStatus ? ChatDebugViewCellStatusError : ''),
-        type: Td
-      }, text(getStatusText(event))];
+      return getCellStatusDom(event, isErrorStatus);
     case Type:
-      return [{
-        childCount: 1,
-        className: TableCell,
-        type: Td
-      }, text(getEventTableTypeLabel(event))];
+      return getCellTypeDom(event);
     default:
       return [];
   }
 };
+
 const getRowCellNodes = (event, isErrorStatus, visibleTableColumns) => {
   const orderedVisibleTableColumns = getOrderedVisibleTableColumns(visibleTableColumns);
   return orderedVisibleTableColumns.flatMap(column => {

package/package.json

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