@lvce-editor/chat-debug-view 10.18.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;
 
@@ -1480,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';
@@ -1513,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 = () => {
@@ -1589,9 +1589,6 @@ const missingUri = () => {
 const method = () => {
   return i18nString(Method$1);
 };
-const name = () => {
-  return i18nString(Name);
-};
 const network = () => {
   return i18nString(Network);
 };
@@ -1682,9 +1679,6 @@ const tools = () => {
 const type = () => {
   return i18nString(Type$1);
 };
-const value = () => {
-  return i18nString(Value);
-};
 const ui = () => {
   return i18nString(Ui);
 };
@@ -4166,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
+    };
   }
-  const payloadEvent = {
+  if (hasOwn(mergedRequestEvent, 'arguments')) {
+    return {
+      found: true,
+      value: mergedRequestEvent.arguments
+    };
+  }
+  return {
+    found: true,
+    value: requestEvent
+  };
+};
+const getPayloadObject = (event, name) => {
+  return {
     ...(name === undefined ? {} : {
       name
     }),
@@ -4198,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;
   }
@@ -5291,8 +5317,9 @@ const getCss = state => {
 }
 
 .ChatDebugViewHeadersTable {
-  border-collapse: collapse;
-  table-layout: fixed;
+  list-style: none;
+  margin: 0;
+  padding: 0;
   width: 100%;
 }
 
@@ -5314,22 +5341,20 @@ const getCss = state => {
   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;
-  vertical-align: top;
   word-break: break-word;
 }
 
-.ChatDebugViewHeadersHead .ChatDebugViewHeadersCell {
-  color: var(--vscode-descriptionForeground, rgba(255, 255, 255, 0.7));
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-}
-
 .ChatDebugViewHeadersRowOdd {
   background: rgba(255, 255, 255, 0.02);
 }
@@ -5340,7 +5365,6 @@ const getCss = state => {
 
 .ChatDebugViewHeadersCellName {
   font-weight: 500;
-  width: 38%;
 }
 .PreviewVirtualizedEditor {
   height: var(--ChatDebugViewPreviewViewportHeight);
@@ -5741,11 +5765,9 @@ 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';
@@ -6091,6 +6113,96 @@ 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);
 };
@@ -6165,7 +6277,7 @@ const getGeneralEntries = selectedEvent => {
   }
   const statusCode$1 = getStatusCodeValue(selectedEvent);
   if (statusCode$1 !== undefined && statusCode$1 !== '') {
-    entries.push([statusCode(), statusCode$1]);
+    entries.push([statusCode(), formatHttpStatusCode(statusCode$1)]);
   }
   return entries;
 };
@@ -6173,15 +6285,15 @@ 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 getHeadersTableNodes = headers => {
@@ -6190,29 +6302,9 @@ const getHeadersTableNodes = headers => {
     headerRows.push(...getHeaderRowNodes(headerName, headerValue, index));
   }
   return [{
-    childCount: 2,
-    className: ChatDebugViewHeadersTable,
-    type: Table$1
-  }, {
-    childCount: 1,
-    className: ChatDebugViewHeadersHead,
-    type: THead
-  }, {
-    childCount: 2,
-    className: ChatDebugViewHeadersRow,
-    type: Tr
-  }, {
-    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
+    className: ChatDebugViewHeadersTable,
+    type: Ul
   }, ...headerRows];
 };
 const getHeaderSectionNodes = (label, headers) => {

package/package.json

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