@lvce-editor/static-server 0.81.9 → 0.81.11

package/static/{15909b3 → c1d5453}/packages/chat-debug-view/dist/chatDebugViewWorkerMain.js

@@ -884,7 +884,7 @@ const getErrorResponseSimple = (id, error) => {
     jsonrpc: Two$1
   };
 };
-const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
+const getResponse$1 = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
     const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
     return getSuccessResponse(message, result);
@@ -943,7 +943,7 @@ const handleJsonRpcMessage = async (...args) => {
   } = options;
   if ('id' in message) {
     if ('method' in message) {
-      const response = await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+      const response = await getResponse$1(message, ipc, execute, preparePrettyError, logError, requiresSocket);
       try {
         ipc.send(response);
       } catch (error) {
@@ -956,7 +956,7 @@ const handleJsonRpcMessage = async (...args) => {
     return;
   }
   if ('method' in message) {
-    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+    await getResponse$1(message, ipc, execute, preparePrettyError, logError, requiresSocket);
     return;
   }
   throw new JsonRpcError('unexpected message');
@@ -1241,6 +1241,8 @@ const ListBox = 'listbox';
 const Option = 'option';
 const Tab = 'tab';
 
+const MaskIcon = 'MaskIcon';
+
 const Button$1 = 1;
 const Col = 2;
 const ColGroup = 3;
@@ -1335,7 +1337,10 @@ const registerUpdateListener = async (sessionId, rpcId, uid) => {
 };
 
 const appendStoredEventForTest = async (state, event) => {
-  await appendEvent(event);
+  await appendEvent({
+    ...event,
+    subType: event.subType || event.type
+  });
   return state;
 };
 
@@ -1381,6 +1386,7 @@ const appendStoredImageAttachmentForTest = async (state, sessionId, eventId, mim
     mimeType,
     name,
     sessionId,
+    subType: 'chat-attachment-added',
     timestamp,
     type: 'chat-attachment-added'
   });
@@ -1432,6 +1438,7 @@ const appendStoredRemovedImageAttachmentForTest = async (state, sessionId, event
     mimeType,
     name,
     sessionId,
+    subType: 'chat-attachment-removed',
     timestamp,
     type: 'chat-attachment-removed'
   });
@@ -1450,7 +1457,7 @@ const DetailTab = 'detailTab';
 const TimelineStartSeconds = 'timelineStartSeconds';
 const TimelineEndSeconds = 'timelineEndSeconds';
 const TimelineRangePreset = 'timelineRangePreset';
-const Refresh$1 = 'refresh';
+const Refresh = 'refresh';
 const ToggleHeadersSection = 'toggleHeadersSection';
 const All$1 = 'all';
 const Tools$1 = 'tools';
@@ -1506,7 +1513,6 @@ const OpenInNewTab = 'Open in New Tab';
 const OutputTokens = 'Output Tokens';
 const Payload = 'Payload';
 const Preview = 'Preview';
-const Refresh = 'Refresh';
 const RefreshEvents = 'Refresh events';
 const ResetColumns = 'Reset columns';
 const RequestHeaders$1 = 'Request Headers';
@@ -1638,9 +1644,6 @@ const payload = () => {
 const outputTokens = () => {
   return i18nString(OutputTokens);
 };
-const refresh$1 = () => {
-  return i18nString(Refresh);
-};
 const refreshEvents$1 = () => {
   return i18nString(RefreshEvents);
 };
@@ -1744,7 +1747,7 @@ const getEventCategoryFilterLabel = eventCategoryFilter => {
   }
 };
 
-const eventCategoryFilters = [All$1, Tools$1, Network$1, Ui$1, Stream$1];
+const eventCategoryFilters = [All$1, Tools$1, Network$1];
 const normalizeSelectedEventCategoryFilters = (selectedEventCategoryFilter = All$1) => {
   const selectedEventCategoryFilters = Array.isArray(selectedEventCategoryFilter) ? selectedEventCategoryFilter : [selectedEventCategoryFilter];
   const uniqueSelectedEventCategoryFilters = [...new Set(selectedEventCategoryFilters)];
@@ -1762,25 +1765,20 @@ const normalizeSelectedEventCategoryFilters = (selectedEventCategoryFilter = All
 const createCategoryFilters$1 = (selectedEventCategoryFilter = All$1) => {
   const selectedEventCategoryFilters = normalizeSelectedEventCategoryFilters(selectedEventCategoryFilter);
   return [{
+    eventTypes: ['*'],
     isSelected: selectedEventCategoryFilters.includes(All$1),
     label: all(),
     name: All$1
   }, {
+    eventTypes: ['tool-request', 'tool-request-response'],
     isSelected: selectedEventCategoryFilters.includes(Tools$1),
     label: tools(),
     name: Tools$1
   }, {
+    eventTypes: ['ai-request', 'ai-request-response'],
     isSelected: selectedEventCategoryFilters.includes(Network$1),
     label: network(),
     name: Network$1
-  }, {
-    isSelected: selectedEventCategoryFilters.includes(Ui$1),
-    label: ui(),
-    name: Ui$1
-  }, {
-    isSelected: selectedEventCategoryFilters.includes(Stream$1),
-    label: stream(),
-    name: Stream$1
   }];
 };
 
@@ -1788,11 +1786,14 @@ const createCategoryFilters = (selectedEventCategoryFilter = All$1) => {
   return createCategoryFilters$1(selectedEventCategoryFilter);
 };
 const isEventCategoryFilter = value => {
-  return value === All$1 || value === Tools$1 || value === Network$1 || value === Ui$1 || value === Stream$1;
+  return value === All$1 || value === Tools$1 || value === Network$1;
+};
+const getName = filter => {
+  return filter.name;
 };
 const getSelectedEventCategoryFilters = categoryFilters => {
   const selectedCategoryFilters = categoryFilters.filter(categoryFilter => categoryFilter.isSelected);
-  const selectedEventCategoryFilters = selectedCategoryFilters.map(categoryFilter => categoryFilter.name).filter(name => isEventCategoryFilter(name));
+  const selectedEventCategoryFilters = selectedCategoryFilters.map(getName).filter(isEventCategoryFilter);
   return normalizeSelectedEventCategoryFilters(selectedEventCategoryFilters);
 };
 const getSelectedEventCategoryFilter = categoryFilters => {
@@ -2076,7 +2077,7 @@ const isTableColumnWidths = value => {
   return isFiniteNumber(record.type) && isFiniteNumber(record.method) && isFiniteNumber(record.duration) && isFiniteNumber(record.size) && isFiniteNumber(record.status);
 };
 
-const validEventCategoryFilters = new Set([All$1, Network$1, Stream$1, Tools$1, Ui$1]);
+const validEventCategoryFilters = new Set([All$1, Network$1, Tools$1]);
 const isSavedState = value => {
   return typeof value === 'object' && value !== null;
 };
@@ -2195,6 +2196,9 @@ const hasTimingDetails = event => {
 
 const getEndValueResponseData = event => {
   const endValue = event.endValue;
+  if (typeof endValue === 'object' && 'toolCallResult' in endValue) {
+    return endValue.toolCallResult;
+  }
   if (!endValue || endValue.value === undefined) {
     return undefined;
   }
@@ -2228,7 +2232,7 @@ const getResponseEvent = event => {
   return event;
 };
 
-const isObject$1 = value => {
+const isObject = value => {
   return typeof value === 'object' && value !== null;
 };
 const getNumber = (value, ...keys) => {
@@ -2241,10 +2245,10 @@ const getNumber = (value, ...keys) => {
 };
 const getUsage = event => {
   const responseEvent = getResponseEvent(event);
-  if (isObject$1(responseEvent) && isObject$1(responseEvent.usage)) {
+  if (isObject(responseEvent) && isObject(responseEvent.usage)) {
     return responseEvent.usage;
   }
-  if (isObject$1(responseEvent) && isObject$1(responseEvent.value) && isObject$1(responseEvent.value.usage)) {
+  if (isObject(responseEvent) && isObject(responseEvent.value) && isObject(responseEvent.value.usage)) {
     return responseEvent.value.usage;
   }
   return undefined;
@@ -2257,9 +2261,9 @@ const getTokenUsageDetails = event => {
   const inputTokens = getNumber(usage, 'input_tokens', 'inputTokens');
   const outputTokens = getNumber(usage, 'output_tokens', 'outputTokens');
   let inputTokenDetails;
-  if (isObject$1(usage.input_tokens_details)) {
+  if (isObject(usage.input_tokens_details)) {
     inputTokenDetails = usage.input_tokens_details;
-  } else if (isObject$1(usage.inputTokensDetails)) {
+  } else if (isObject(usage.inputTokensDetails)) {
     inputTokenDetails = usage.inputTokensDetails;
   }
   const cachedTokens = inputTokenDetails ? getNumber(inputTokenDetails, 'cached_tokens', 'cachedTokens') : getNumber(usage, 'cached_tokens', 'cachedTokens');
@@ -2689,6 +2693,13 @@ const getEndedTimestamp = event => {
   return getTimestamp(event.ended) ?? getTimestamp(event.endTime) ?? getTimestamp(event.endTimestamp) ?? getTimestamp(event.timestamp);
 };
 
+const getEventSubType = (event, fallbackType = event.type, ignoreCurrentSubType = false) => {
+  if (typeof event.subType === 'string') {
+    return event.subType;
+  }
+  return event.type;
+};
+
 const getStartedTimestamp = event => {
   return getTimestamp(event.started) ?? getTimestamp(event.startTime) ?? getTimestamp(event.startTimestamp) ?? getTimestamp(event.timestamp);
 };
@@ -2709,6 +2720,7 @@ const mergeToolExecutionEvents = (startedEvent, finishedEvent, type = mergedEven
     ...(started === undefined ? {} : {
       started
     }),
+    subType: getEventSubType(startedEvent, type, true),
     type
   };
   return mergedEvent;
@@ -2841,9 +2853,9 @@ const isStreamEvent = event => {
   return event.type === 'sse-response-part' || event.type === 'event-stream-finished';
 };
 
-const toolEventTypePrefix = 'tool-execution';
+const toolEventTypePrefixes = ['tool-execution', 'tool-request'];
 const isToolEvent = event => {
-  return event.type.startsWith(toolEventTypePrefix);
+  return toolEventTypePrefixes.some(prefix => event.type.startsWith(prefix));
 };
 
 const isUiEvent = event => {
@@ -2919,45 +2931,8 @@ const getEventTableDurationText = event => {
   return `${durationText.slice(0, -2)} ms`;
 };
 
-const getToolName = event => {
-  if (typeof event.toolName === 'string' && event.toolName) {
-    return event.toolName;
-  }
-  if (typeof event.name === 'string' && event.name) {
-    return event.name;
-  }
-  const {
-    arguments: toolArguments
-  } = event;
-  if (!toolArguments || typeof toolArguments !== 'object') {
-    return undefined;
-  }
-  const {
-    name
-  } = toolArguments;
-  if (typeof name !== 'string' || !name) {
-    return undefined;
-  }
-  return name;
-};
-
-const toolExecutionTypePrefix = 'tool-execution';
-const getEventTypeLabel = event => {
-  if (!event.type.startsWith(toolExecutionTypePrefix)) {
-    return event.type;
-  }
-  const toolName = getToolName(event);
-  if (!toolName) {
-    return event.type;
-  }
-  return `${event.type}, ${toolName}`;
-};
-
 const getEventTableTypeLabel = event => {
-  if (event.name === 'list_files') {
-    return event.name;
-  }
-  return getEventTypeLabel(event);
+  return getEventSubType(event);
 };
 
 const isErrorStatusCode = value => {
@@ -3009,6 +2984,9 @@ const hasErrorStatus = event => {
 };
 
 const getStatusText = event => {
+  if (event.status) {
+    return String(event.status);
+  }
   return hasErrorStatus(event) ? '400' : '200';
 };
 
@@ -3587,6 +3565,125 @@ const getMenuIds = () => {
   return [MenuChatDebugTableHeader, MenuChatDebugTableBody, 556, 557];
 };
 
+const getPreviewName = event => {
+  if (typeof event.name === 'string' && event.name) {
+    return event.name;
+  }
+  if (typeof event.toolName === 'string' && event.toolName) {
+    return event.toolName;
+  }
+  return undefined;
+};
+
+const hasOwn = (event, key) => {
+  return Object.hasOwn(event, key);
+};
+
+const shouldIncludeArguments = (event, name) => {
+  if (!hasOwn(event, 'arguments')) {
+    return false;
+  }
+  if (name === 'getWorkspaceUri') {
+    return false;
+  }
+  return true;
+};
+
+const getMergedRequestPayloadEvent = requestEvent => {
+  if (!requestEvent || typeof requestEvent !== 'object') {
+    return {
+      found: false
+    };
+  }
+  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
+    };
+  }
+  return {
+    found: true,
+    value: requestEvent
+  };
+};
+const getPayloadObject = (event, name) => {
+  if (event.type === 'tool-call-started') {
+    return event.args;
+  }
+  return {
+    ...(name === undefined ? {} : {
+      name
+    }),
+    ...(shouldIncludeArguments(event, name) ? {
+      arguments: event.arguments
+    } : {}),
+    ...(hasOwn(event, 'result') ? {
+      result: event.result
+    } : {})
+  };
+};
+const getPayloadEvent = event => {
+  const {
+    requestEvent
+  } = event;
+  const mergedRequestPayloadEvent = getMergedRequestPayloadEvent(requestEvent);
+  if (mergedRequestPayloadEvent.found) {
+    return mergedRequestPayloadEvent.value;
+  }
+  if (event && event.type === 'ai-request') {
+    return event.body;
+  }
+  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;
+  }
+  return event;
+};
+
+const getPayload = async state => {
+  const {
+    selectedEvent
+  } = state;
+  if (!selectedEvent) {
+    return undefined;
+  }
+  const payload = getPayloadEvent(selectedEvent);
+  return payload;
+};
+
+const getResponse = async state => {
+  const {
+    selectedEvent
+  } = state;
+  if (!selectedEvent) {
+    return undefined;
+  }
+  const payload = getResponseEvent(selectedEvent);
+  return payload;
+};
+
 const InvalidSessionId = 1;
 const InvalidUriEncoding = 2;
 const InvalidUriFormat = 3;
@@ -3740,9 +3837,16 @@ const getTimelineFilterDescription = (timelineStartSeconds, timelineEndSeconds)
 
 const getStateWithTimelineInfo = state => {
   const timelineEvents = getTimelineEvents(state);
-  const effectiveRange = getEffectiveTimelineRange(state.timelineStartSeconds, state.timelineEndSeconds, state.timelineSelectionActive, state.timelineSelectionAnchorSeconds, state.timelineSelectionFocusSeconds);
+  const {
+    timelineEndSeconds,
+    timelineSelectionActive,
+    timelineSelectionAnchorSeconds,
+    timelineSelectionFocusSeconds,
+    timelineStartSeconds
+  } = state;
+  const effectiveRange = getEffectiveTimelineRange(timelineStartSeconds, timelineEndSeconds, timelineSelectionActive, timelineSelectionAnchorSeconds, timelineSelectionFocusSeconds);
   const timelineInfo = getTimelineInfo(timelineEvents, effectiveRange.startSeconds, effectiveRange.endSeconds);
-  const timelineFilterDescription = getTimelineFilterDescription(state.timelineStartSeconds, state.timelineEndSeconds);
+  const timelineFilterDescription = getTimelineFilterDescription(timelineStartSeconds, timelineEndSeconds);
   const nextState = {
     ...state,
     timelineEvents,
@@ -3799,6 +3903,9 @@ const getSessionNotFoundMessage = sessionId => {
 const getResponseMap = events => {
   const seen = Object.create(null);
   for (const event of events) {
+    if (event.type === 'tool-call-finished' && 'requestId' in event && typeof event.requestId === 'string') {
+      seen[event.requestId] = event;
+    }
     if (event.type === 'ai-response' && 'requestId' in event && typeof event.requestId === 'string') {
       seen[event.requestId] = event;
     }
@@ -3806,6 +3913,30 @@ const getResponseMap = events => {
   return seen;
 };
 
+/* eslint-disable @cspell/spellchecker */
+/* eslint-disable sonarjs/cognitive-complexity */
+
+const withSubType = event => {
+  return {
+    ...event,
+    subType: getEventSubType(event)
+  };
+};
+const getStatus = item => {
+  if (item.statusCode !== undefined) {
+    const statusCode = Number(item.statusCode);
+    if (Number.isFinite(statusCode)) {
+      return statusCode;
+    }
+  }
+  if (item.status !== undefined) {
+    const status = Number(item.status);
+    if (Number.isFinite(status)) {
+      return status;
+    }
+  }
+  return undefined;
+};
 const getMergedRequestResponseEvent = (item, response) => {
   const parsedStart = new Date(item.timestamp || '');
   const parsedEnd = new Date(response.timestamp || '');
@@ -3813,6 +3944,7 @@ const getMergedRequestResponseEvent = (item, response) => {
   const started = getStartedTimestamp(item);
   const ended = getEndedTimestamp(response);
   const timestamp = item.timestamp ?? started;
+  const status = getStatus(item);
   if (Number.isFinite(durationMs) && durationMs >= 0) {
     return {
       durationMs,
@@ -3826,9 +3958,13 @@ const getMergedRequestResponseEvent = (item, response) => {
       ...(started === undefined ? {} : {
         started
       }),
+      ...(status === undefined ? {} : {
+        status
+      }),
       ...(timestamp === undefined ? {} : {
         timestamp
       }),
+      subType: getEventSubType(item, 'ai-request-response', true),
       type: 'ai-request-response'
     };
   }
@@ -3843,12 +3979,52 @@ const getMergedRequestResponseEvent = (item, response) => {
     ...(started === undefined ? {} : {
       started
     }),
+    ...(status === undefined ? {} : {
+      status
+    }),
     ...(timestamp === undefined ? {} : {
       timestamp
     }),
+    subType: getEventSubType(item, 'ai-request-response', true),
     type: 'ai-request-response'
   };
 };
+const getToolCallStatus = response => {
+  // @ts-ignore
+  if (response && response.toolCallResult && response.toolCallResult.error) {
+    return 400;
+  }
+  return 200;
+};
+const getMergedToolCallEvent = (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;
+  const status = getToolCallStatus(response);
+  const subType = getEventSubType(item, 'tool-request-response', true);
+  return {
+    ...(ended === undefined ? {} : {
+      ended
+    }),
+    durationMs,
+    eventEndId: response.eventId,
+    eventId: item.eventId,
+    method: 'POST',
+    size: getResponsePayloadSize(response),
+    ...(started === undefined ? {} : {
+      started
+    }),
+    status,
+    ...(timestamp === undefined ? {} : {
+      timestamp
+    }),
+    subType,
+    type: 'tool-request-response'
+  };
+};
 const toPrettyEvents = rawEvents => {
   if (rawEvents.type === 'error') {
     return [];
@@ -3856,15 +4032,22 @@ const toPrettyEvents = rawEvents => {
   const pretty = [];
   const map = getResponseMap(rawEvents.events);
   for (const item of rawEvents.events) {
-    if (item.type === 'ai-request' && 'requestId' in item && typeof item.requestId === 'string') {
+    if (item.type === 'tool-call-started' && 'requestId' in item && typeof item.requestId === 'string') {
+      const response = map[item.requestId];
+      if (response) {
+        pretty.push(getMergedToolCallEvent(item, response));
+      } else {
+        pretty.push(withSubType(item));
+      }
+    } else if (item.type === 'tool-call-finished' && 'requestId' in item && typeof item.requestId === 'string') ; else if (item.type === 'ai-request' && 'requestId' in item && typeof item.requestId === 'string') {
       const response = map[item.requestId];
       if (response) {
         pretty.push(getMergedRequestResponseEvent(item, response));
       } else {
-        pretty.push(item);
+        pretty.push(withSubType(item));
       }
     } else if (item.type === 'ai-response' && 'requestId' in item && typeof item.requestId === 'string') ; else {
-      pretty.push(item);
+      pretty.push(withSubType(item));
     }
   }
   return pretty;
@@ -4403,100 +4586,6 @@ const getListFilesPreviewEvent = (event, name) => {
   return result;
 };
 
-const getPreviewName = event => {
-  if (typeof event.name === 'string' && event.name) {
-    return event.name;
-  }
-  if (typeof event.toolName === 'string' && event.toolName) {
-    return event.toolName;
-  }
-  return undefined;
-};
-
-const hasOwn = (event, key) => {
-  return Object.hasOwn(event, key);
-};
-
-const shouldIncludeArguments = (event, name) => {
-  if (!hasOwn(event, 'arguments')) {
-    return false;
-  }
-  if (name === 'getWorkspaceUri') {
-    return false;
-  }
-  return true;
-};
-
-const getMergedRequestPayloadEvent = requestEvent => {
-  if (!requestEvent || typeof requestEvent !== 'object') {
-    return {
-      found: false
-    };
-  }
-  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
-    };
-  }
-  return {
-    found: true,
-    value: requestEvent
-  };
-};
-const getPayloadObject = (event, name) => {
-  return {
-    ...(name === undefined ? {} : {
-      name
-    }),
-    ...(shouldIncludeArguments(event, name) ? {
-      arguments: event.arguments
-    } : {}),
-    ...(hasOwn(event, 'result') ? {
-      result: event.result
-    } : {})
-  };
-};
-const getPayloadEvent = event => {
-  const {
-    requestEvent
-  } = event;
-  const mergedRequestPayloadEvent = getMergedRequestPayloadEvent(requestEvent);
-  if (mergedRequestPayloadEvent.found) {
-    return mergedRequestPayloadEvent.value;
-  }
-  if (event && event.type === 'ai-request') {
-    return event.body;
-  }
-  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;
-  }
-  return event;
-};
-
 const isChatMessageAddedEvent = event => {
   return event.type === 'chat-message-added';
 };
@@ -5497,8 +5586,15 @@ const loadEventsFromUri = async state => {
   return loadEventsForSessionId(state, sessionId);
 };
 
+const loadPreferences = async () => {
+  const autoRefresh = getBoolean(await getPreference('chatDebug.autoRefresh'));
+  return {
+    autoRefresh
+  };
+};
+
 const loadContent = async (state, savedState) => {
-  await getPreference('chatDebug.autoRefresh');
+  await loadPreferences();
   const restoredState = restoreSavedState(state, savedState);
   const nextState = await loadEventsFromUri(restoredState);
   if (nextState.sessionId) {
@@ -5519,6 +5615,40 @@ const isAttachmentImagePreview = value => {
   return typeof value === 'object' && value !== null && value.previewType === 'image';
 };
 
+const getToolName = event => {
+  if (typeof event.toolName === 'string' && event.toolName) {
+    return event.toolName;
+  }
+  if (typeof event.name === 'string' && event.name) {
+    return event.name;
+  }
+  const {
+    arguments: toolArguments
+  } = event;
+  if (!toolArguments || typeof toolArguments !== 'object') {
+    return undefined;
+  }
+  const {
+    name
+  } = toolArguments;
+  if (typeof name !== 'string' || !name) {
+    return undefined;
+  }
+  return name;
+};
+
+const toolExecutionTypePrefix = 'tool-execution';
+const getEventTypeLabel = event => {
+  if (!event.type.startsWith(toolExecutionTypePrefix)) {
+    return event.type;
+  }
+  const toolName = getToolName(event);
+  if (!toolName) {
+    return event.type;
+  }
+  return `${event.type}, ${toolName}`;
+};
+
 const detailsLineNumberDigitWidth = 8;
 const detailsLineNumberHorizontalPadding = 8;
 const getStringLineCount = value => {
@@ -5650,6 +5780,50 @@ const getCss = state => {
   padding: ${state.viewPadding}px;
   padding-right: 0;
 }
+
+.ChatDebugViewTop .IconButton {
+  align-self: center;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* TODO improve this with virtual scrolling */
+
+.ChatDebugView .EditorLayers {
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .Gutter {
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .EditorContent {
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .EditorRows {
+  overflow-y: visible;
+  contain: unset;
+  height: auto;
+}
+
+.ChatDebugView .Editor {
+    overflow-y: auto;
+}
 `;
 };
 
@@ -6003,7 +6177,6 @@ const ChatDebugViewImagePreview = 'ChatDebugViewImagePreview';
 const ChatDebugViewImagePreviewImageWrapper = 'ChatDebugViewImagePreviewImageWrapper';
 const ChatDebugViewImagePreviewImage = 'ChatDebugViewImagePreviewImage';
 const ChatDebugViewImagePreviewLabel = 'ChatDebugViewImagePreviewLabel';
-const ChatDebugViewRefreshButton = 'ChatDebugViewRefreshButton';
 const ChatDebugViewQuickFilterPill = 'ChatDebugViewQuickFilterPill';
 const ChatDebugViewQuickFilterPillSelected = 'ChatDebugViewQuickFilterPillSelected';
 const ChatDebugViewQuickFilters = 'ChatDebugViewQuickFilters';
@@ -6180,12 +6353,16 @@ const getQuickFilterNodes = categoryFilters => {
 const refreshButtonDom = [{
   'aria-label': refreshEvents$1(),
   childCount: 1,
-  className: ChatDebugViewRefreshButton,
-  name: Refresh$1,
+  className: mergeClassNames('IconButton'),
+  name: Refresh,
   onClick: HandleClickRefresh,
   type: Button$1,
-  value: Refresh$1
-}, text(refresh$1())];
+  value: Refresh
+}, {
+  childCount: 0,
+  className: mergeClassNames(MaskIcon, 'MaskIconRefresh'),
+  type: Div
+}];
 const getRefreshButtonDom = () => {
   return refreshButtonDom;
 };
@@ -6513,6 +6690,9 @@ const getStatusCodeValue = selectedEvent => {
   if (selectedEvent.statusCode !== undefined) {
     return selectedEvent.statusCode;
   }
+  if (selectedEvent.status !== undefined) {
+    return selectedEvent.status;
+  }
   if (selectedEvent.type === 'ai-request' || selectedEvent.type === 'ai-response') {
     return getStatusText(selectedEvent);
   }
@@ -7555,19 +7735,22 @@ const getResponseContentNodes = (responseEventNodes, selectedEvent) => {
   return getEventNode(selectedEvent);
 };
 
-const timestampFormatter = new Intl.DateTimeFormat('en-US', {
-  day: '2-digit',
-  fractionalSecondDigits: 3,
-  hour: '2-digit',
-  hourCycle: 'h23',
-  minute: '2-digit',
-  month: 'short',
-  second: '2-digit',
-  timeZone: 'UTC',
-  year: 'numeric'
-});
+const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+const pad2 = value => {
+  return value.toString().padStart(2, '0');
+};
+const pad3 = value => {
+  return value.toString().padStart(3, '0');
+};
 const formatTimestamp = date => {
-  return `${timestampFormatter.format(date)} UTC`;
+  const month = monthNames[date.getUTCMonth()];
+  const day = pad2(date.getUTCDate());
+  const year = date.getUTCFullYear();
+  const hours = pad2(date.getUTCHours());
+  const minutes = pad2(date.getUTCMinutes());
+  const seconds = pad2(date.getUTCSeconds());
+  const milliseconds = pad3(date.getUTCMilliseconds());
+  return `${month} ${day}, ${year}, ${hours}:${minutes}:${seconds}.${milliseconds} UTC`;
 };
 
 const getTimestampText = value => {
@@ -8746,50 +8929,82 @@ const setSessionId = async (state, sessionId) => {
   };
 };
 
-const isObject = value => {
-  return typeof value === 'object' && value !== null && !Array.isArray(value);
+class ChatDebugPayloadError extends Error {
+  constructor(mismatch) {
+    super(mismatch.message);
+    this.name = 'ChatDebugPayloadError';
+    this.actual = mismatch.actual;
+    this.expected = mismatch.expected;
+    this.path = mismatch.path;
+  }
+}
+
+const createPayloadMismatch = (actual, expected, path, message) => {
+  return {
+    actual,
+    expected,
+    message,
+    path
+  };
 };
-const formatValue = value => {
+
+const formatPayloadValue = value => {
   return JSON.stringify(value);
 };
-const assertArrayMatches = (actual, expected, path) => {
+
+const getPayloadArrayMismatch = (actual, expected, path, getMismatch) => {
   if (!Array.isArray(actual)) {
-    throw new TypeError(`Expected ${path} to be an array but got ${formatValue(actual)}`);
+    return createPayloadMismatch(actual, expected, path, `Expected ${path} to be an array but got ${formatPayloadValue(actual)}`);
   }
   if (actual.length < expected.length) {
-    throw new Error(`Expected ${path} to have at least ${expected.length} items but got ${actual.length}`);
+    return createPayloadMismatch(actual, expected, path, `Expected ${path} to have at least ${expected.length} items but got ${actual.length}`);
   }
   for (let index = 0; index < expected.length; index++) {
-    assertPayloadMatches(actual[index], expected[index], `${path}[${index}]`);
+    const mismatch = getMismatch(actual[index], expected[index], `${path}[${index}]`);
+    if (mismatch) {
+      return mismatch;
+    }
   }
+  return undefined;
+};
+
+const isPayloadObject = value => {
+  return typeof value === 'object' && value !== null && !Array.isArray(value);
 };
-const assertObjectMatches = (actual, expected, path) => {
-  if (!isObject(actual)) {
-    throw new TypeError(`Expected ${path} to be an object but got ${formatValue(actual)}`);
+
+const getPayloadObjectMismatch = (actual, expected, path, getMismatch) => {
+  if (!isPayloadObject(actual)) {
+    return createPayloadMismatch(actual, expected, path, `Expected ${path} to be an object but got ${formatPayloadValue(actual)}`);
   }
   for (const key of Object.keys(expected)) {
     if (!Object.hasOwn(actual, key)) {
-      throw new Error(`Expected ${path}.${key} to exist`);
+      return createPayloadMismatch(actual[key], expected[key], `${path}.${key}`, `Expected ${path}.${key} to exist`);
+    }
+    const mismatch = getMismatch(actual[key], expected[key], `${path}.${key}`);
+    if (mismatch) {
+      return mismatch;
     }
-    assertPayloadMatches(actual[key], expected[key], `${path}.${key}`);
   }
+  return undefined;
 };
-const assertPrimitiveMatches = (actual, expected, path) => {
+
+const getPayloadPrimitiveMismatch = (actual, expected, path) => {
   if (!Object.is(actual, expected)) {
-    throw new Error(`Expected ${path} to equal ${formatValue(expected)} but got ${formatValue(actual)}`);
+    return createPayloadMismatch(actual, expected, path, `Expected ${path} to equal ${formatPayloadValue(expected)} but got ${formatPayloadValue(actual)}`);
   }
+  return undefined;
 };
-const assertPayloadMatches = (actual, expected, path) => {
+
+const getPayloadMismatch = (actual, expected, path = 'payload') => {
   if (Array.isArray(expected)) {
-    assertArrayMatches(actual, expected, path);
-    return;
+    return getPayloadArrayMismatch(actual, expected, path, getPayloadMismatch);
   }
-  if (isObject(expected)) {
-    assertObjectMatches(actual, expected, path);
-    return;
+  if (isPayloadObject(expected)) {
+    return getPayloadObjectMismatch(actual, expected, path, getPayloadMismatch);
   }
-  assertPrimitiveMatches(actual, expected, path);
+  return getPayloadPrimitiveMismatch(actual, expected, path);
 };
+
 const shouldHavePayload = async (state, match) => {
   if (!state.selectedEvent) {
     throw new Error('Expected selected event to exist');
@@ -8799,7 +9014,10 @@ const shouldHavePayload = async (state, match) => {
     throw new Error(`Expected selected detail tab to be payload but got ${selectedDetailTab}`);
   }
   const payload = getPayloadEvent(state.selectedEvent);
-  assertPayloadMatches(payload, match, 'payload');
+  const mismatch = getPayloadMismatch(payload, match);
+  if (mismatch) {
+    throw new ChatDebugPayloadError(mismatch);
+  }
   return state;
 };
 
@@ -8837,6 +9055,8 @@ const commandMap = {
   'ChatDebug.getCommandIds': getCommandIds,
   'ChatDebug.getMenuEntries': wrapGetter(getMenuEntries2),
   'ChatDebug.getMenuIds': getMenuIds,
+  'ChatDebug.getPayload': wrapGetter(getPayload),
+  'ChatDebug.getResponse': wrapGetter(getResponse),
   'ChatDebug.handleClickRefresh': wrapCommand(handleClickRefresh),
   'ChatDebug.handleCloseDetails': wrapCommand(handleCloseDetails$1),
   'ChatDebug.handleDetailsContextMenu': wrapCommand(handleDetailsContextMenu),