@lvce-editor/static-server 0.81.2 → 0.81.4

package/static/{7204a38 → 690a087}/packages/chat-debug-view/dist/chatDebugViewWorkerMain.js

@@ -1,3 +1,123 @@
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
+const create$a = () => {
+  const states = Object.create(null);
+  const commandMapRef = {};
+  return {
+    clear() {
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    diff(uid, modules, numbers) {
+      const {
+        newState,
+        oldState
+      } = states[uid];
+      const diffResult = [];
+      for (let i = 0; i < modules.length; i++) {
+        const fn = modules[i];
+        if (!fn(oldState, newState)) {
+          diffResult.push(numbers[i]);
+        }
+      }
+      return diffResult;
+    },
+    dispose(uid) {
+      delete states[uid];
+    },
+    get(uid) {
+      return states[uid];
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    getKeys() {
+      return Object.keys(states).map(key => {
+        return Number.parseFloat(key);
+      });
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        newState,
+        oldState
+      };
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (oldState === newerState || newState === newerState) {
+          return;
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...newerState
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState
+        };
+      };
+      return wrapped;
+    },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
+    wrapLoadContent(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const result = await fn(newState, ...args);
+        const {
+          error,
+          state
+        } = result;
+        if (oldState === state || newState === state) {
+          return {
+            error
+          };
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...state
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState
+        };
+        return {
+          error
+        };
+      };
+      return wrapped;
+    }
+  };
+};
+const terminate = () => {
+  globalThis.close();
+};
+
 const normalizeLine = line => {
   if (line.startsWith('Error: ')) {
     return line.slice('Error: '.length);
@@ -741,7 +861,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$a = (message, result) => {
+const create$9 = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -750,7 +870,7 @@ const create$a = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$a(message, resultProperty);
+  return create$9(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -844,7 +964,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$9 = (method, params) => {
+const create$8 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -852,7 +972,7 @@ const create$9 = (method, params) => {
   };
 };
 
-const create$8 = (id, method, params) => {
+const create$7 = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -863,12 +983,12 @@ const create$8 = (id, method, params) => {
 };
 
 let id = 0;
-const create$7 = () => {
+const create$6 = () => {
   return ++id;
 };
 
 const registerPromise = map => {
-  const id = create$7();
+  const id = create$6();
   const {
     promise,
     resolve
@@ -885,7 +1005,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$8(id, method, params);
+  const message = create$7(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -921,7 +1041,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$9(method, params);
+      const message = create$8(method, params);
       ipc.send(message);
     }
   };
@@ -961,7 +1081,7 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$6 = async ({
+const create$5 = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -979,7 +1099,7 @@ const create$6 = async ({
   return rpc;
 };
 
-const create$5 = async ({
+const create$4 = async ({
   commandMap,
   isMessagePortOpen,
   send
@@ -989,7 +1109,7 @@ const create$5 = async ({
     port2
   } = new MessageChannel();
   await send(port1);
-  return create$6({
+  return create$5({
     commandMap,
     isMessagePortOpen,
     messagePort: port2
@@ -1024,13 +1144,13 @@ const createSharedLazyRpc = factory => {
   };
 };
 
-const create$4 = async ({
+const create$3 = async ({
   commandMap,
   isMessagePortOpen,
   send
 }) => {
   return createSharedLazyRpc(() => {
-    return create$5({
+    return create$4({
       commandMap,
       isMessagePortOpen,
       send
@@ -1038,7 +1158,7 @@ const create$4 = async ({
   });
 };
 
-const create$3 = async ({
+const create$2 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -1070,7 +1190,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$3 = (id, rpc) => {
+const set$4 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$1 = id => {
@@ -1081,7 +1201,7 @@ const remove = id => {
 };
 
 /* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create$2 = rpcId => {
+const create$1 = rpcId => {
   return {
     async dispose() {
       const rpc = get$1(rpcId);
@@ -1103,7 +1223,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$3(rpcId, mockRpc);
+      set$4(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1112,7 +1232,7 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$3(rpcId, rpc);
+      set$4(rpcId, rpc);
     }
   };
 };
@@ -1154,6 +1274,7 @@ const Checked = 2;
 const Unchecked = 3;
 
 const ChatStorageWorker = 6003;
+const ClipBoardWorker = 3400;
 const RendererWorker = 1;
 
 const FocusSelector = 'Viewlet.focusSelector';
@@ -1164,14 +1285,18 @@ const SetPatches = 'Viewlet.setPatches';
 
 const {
   invoke: invoke$1,
+  set: set$3
+} = create$1(ChatStorageWorker);
+
+const {
   set: set$2
-} = create$2(ChatStorageWorker);
+} = create$1(ClipBoardWorker);
 
 const {
   invoke,
   invokeAndTransfer,
   set: set$1
-} = create$2(RendererWorker);
+} = create$1(RendererWorker);
 const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(uid);
   number(menuId);
@@ -1179,6 +1304,10 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(y);
   await invoke('ContextMenu.show2', uid, menuId, x, y, args);
 };
+const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
+  const command = 'ClipBoard.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
+};
 const sendMessagePortToChatStorageWorker$1 = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatStorageWorker', port, 'HandleMessagePort.handleMessagePort', rpcId);
 };
@@ -1192,126 +1321,6 @@ const openUri = async (uri, focus, options) => {
   await invoke('Main.openUri', uri, focus, options);
 };
 
-const toCommandId = key => {
-  const dotIndex = key.indexOf('.');
-  return key.slice(dotIndex + 1);
-};
-const create$1 = () => {
-  const states = Object.create(null);
-  const commandMapRef = {};
-  return {
-    clear() {
-      for (const key of Object.keys(states)) {
-        delete states[key];
-      }
-    },
-    diff(uid, modules, numbers) {
-      const {
-        newState,
-        oldState
-      } = states[uid];
-      const diffResult = [];
-      for (let i = 0; i < modules.length; i++) {
-        const fn = modules[i];
-        if (!fn(oldState, newState)) {
-          diffResult.push(numbers[i]);
-        }
-      }
-      return diffResult;
-    },
-    dispose(uid) {
-      delete states[uid];
-    },
-    get(uid) {
-      return states[uid];
-    },
-    getCommandIds() {
-      const keys = Object.keys(commandMapRef);
-      const ids = keys.map(toCommandId);
-      return ids;
-    },
-    getKeys() {
-      return Object.keys(states).map(key => {
-        return Number.parseFloat(key);
-      });
-    },
-    registerCommands(commandMap) {
-      Object.assign(commandMapRef, commandMap);
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        newState,
-        oldState
-      };
-    },
-    wrapCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        const {
-          newState,
-          oldState
-        } = states[uid];
-        const newerState = await fn(newState, ...args);
-        if (oldState === newerState || newState === newerState) {
-          return;
-        }
-        const latestOld = states[uid];
-        const latestNew = {
-          ...latestOld.newState,
-          ...newerState
-        };
-        states[uid] = {
-          newState: latestNew,
-          oldState: latestOld.oldState
-        };
-      };
-      return wrapped;
-    },
-    wrapGetter(fn) {
-      const wrapped = (uid, ...args) => {
-        const {
-          newState
-        } = states[uid];
-        return fn(newState, ...args);
-      };
-      return wrapped;
-    },
-    wrapLoadContent(fn) {
-      const wrapped = async (uid, ...args) => {
-        const {
-          newState,
-          oldState
-        } = states[uid];
-        const result = await fn(newState, ...args);
-        const {
-          error,
-          state
-        } = result;
-        if (oldState === state || newState === state) {
-          return {
-            error
-          };
-        }
-        const latestOld = states[uid];
-        const latestNew = {
-          ...latestOld.newState,
-          ...state
-        };
-        states[uid] = {
-          newState: latestNew,
-          oldState: latestOld.oldState
-        };
-        return {
-          error
-        };
-      };
-      return wrapped;
-    }
-  };
-};
-const terminate = () => {
-  globalThis.close();
-};
-
 const appendEvent = async event => {
   return invoke$1('ChatStorage.appendEvent', event);
 };
@@ -1936,7 +1945,7 @@ const setTableColumnWidth = (tableColumns, columnName, width) => {
     };
   });
 };
-const getOrderedVisibleTableColumns = (values, tableColumns = createTableColumns()) => {
+const getOrderedVisibleTableColumns = (values = defaultVisibleTableColumns, tableColumns = createTableColumns()) => {
   const visibleColumns = new Set(values.filter(isTableColumn));
   return tableColumns.map(column => column.name).filter(column => visibleColumns.has(column));
 };
@@ -2158,7 +2167,7 @@ const {
   set,
   wrapCommand,
   wrapGetter
-} = create$1();
+} = create$a();
 
 const getSafeSelectedDetailTab = selectedDetailTab => {
   return isDetailTab(selectedDetailTab) ? selectedDetailTab : Response$1;
@@ -2219,7 +2228,7 @@ const getResponseEvent = event => {
   return event;
 };
 
-const isObject = value => {
+const isObject$1 = value => {
   return typeof value === 'object' && value !== null;
 };
 const getNumber = (value, ...keys) => {
@@ -2232,10 +2241,10 @@ const getNumber = (value, ...keys) => {
 };
 const getUsage = event => {
   const responseEvent = getResponseEvent(event);
-  if (isObject(responseEvent) && isObject(responseEvent.usage)) {
+  if (isObject$1(responseEvent) && isObject$1(responseEvent.usage)) {
     return responseEvent.usage;
   }
-  if (isObject(responseEvent) && isObject(responseEvent.value) && isObject(responseEvent.value.usage)) {
+  if (isObject$1(responseEvent) && isObject$1(responseEvent.value) && isObject$1(responseEvent.value.usage)) {
     return responseEvent.value.usage;
   }
   return undefined;
@@ -2248,9 +2257,9 @@ const getTokenUsageDetails = event => {
   const inputTokens = getNumber(usage, 'input_tokens', 'inputTokens');
   const outputTokens = getNumber(usage, 'output_tokens', 'outputTokens');
   let inputTokenDetails;
-  if (isObject(usage.input_tokens_details)) {
+  if (isObject$1(usage.input_tokens_details)) {
     inputTokenDetails = usage.input_tokens_details;
-  } else if (isObject(usage.inputTokensDetails)) {
+  } else if (isObject$1(usage.inputTokensDetails)) {
     inputTokenDetails = usage.inputTokensDetails;
   }
   const cachedTokens = inputTokenDetails ? getNumber(inputTokenDetails, 'cached_tokens', 'cachedTokens') : getNumber(usage, 'cached_tokens', 'cachedTokens');
@@ -3669,6 +3678,13 @@ const formatTimelineSeconds = value => {
   return `${Number(value.toFixed(1))}s`;
 };
 
+const formatTableSummaryDuration = durationMs => {
+  if (durationMs < 1000) {
+    return formatTimelineMilliseconds(durationMs / 1000);
+  }
+  return formatTimelineSeconds(durationMs / 1000);
+};
+
 const getEndTime = event => {
   return event.ended ?? event.endTime ?? event.timestamp;
 };
@@ -3677,12 +3693,6 @@ const getStartTime = event => {
   return event.started ?? event.startTime ?? event.timestamp;
 };
 
-const formatTableSummaryDuration = durationMs => {
-  if (durationMs < 1000) {
-    return formatTimelineMilliseconds(durationMs / 1000);
-  }
-  return formatTimelineSeconds(durationMs / 1000);
-};
 const getTableSummaries = events => {
   let minStart = Number.POSITIVE_INFINITY;
   let maxEnd = Number.NEGATIVE_INFINITY;
@@ -3860,7 +3870,7 @@ const toPrettyEvents = rawEvents => {
   return pretty;
 };
 
-const listChatViewEvents = async (sessionId, _databaseName, _dataBaseVersion, _eventStoreName, _sessionIdIndexName) => {
+const listChatViewEvents = async sessionId => {
   try {
     const rawEvents = await listChatViewEvents$1(sessionId);
     if (rawEvents.type === 'error') {
@@ -4120,8 +4130,18 @@ const handleEventCategoryFilter$1 = (state, value, ctrlKey = false, metaKey = fa
 const isPrimaryButton = button => {
   return button === 0;
 };
+const getActualIndex = index => {
+  if (typeof index === 'string') {
+    const parsed = Number.parseInt(index, 10);
+    if (Number.isNaN(parsed)) {
+      return -1;
+    }
+    return parsed;
+  }
+  return index;
+};
 const handleEventRowClick = async (state, index, button = 0) => {
-  const actual = typeof index === 'string' ? Number.parseInt(index, 10) : index;
+  const actual = getActualIndex(index);
   if (!isPrimaryButton(button)) {
     return state;
   }
@@ -5246,20 +5266,7 @@ const parseTimelineRangePreset = value => {
     timelineStartSeconds
   };
 };
-const handleTimelineStartSeconds = (state, value) => {
-  const nextState = {
-    ...state,
-    timelineStartSeconds: value
-  };
-  return withPreservedSelection$1(state, nextState);
-};
-const handleTimelineEndSeconds = (state, value) => {
-  const nextState = {
-    ...state,
-    timelineEndSeconds: value
-  };
-  return withPreservedSelection$1(state, nextState);
-};
+
 const handleTimelineRangePreset = (state, value) => {
   const nextState = {
     ...state,
@@ -5273,6 +5280,14 @@ const handleTimelineDoubleClick = state => {
   return clearTimelineSelectionState(nextState);
 };
 
+const handleTimelineEndSeconds = (state, value) => {
+  const nextState = {
+    ...state,
+    timelineEndSeconds: value
+  };
+  return withPreservedSelection$1(state, nextState);
+};
+
 const trailingZeroFractionRegex = /\.0+$/;
 const trailingFractionZeroRegex = /(\.\d*?)0+$/;
 const formatTimelinePresetValue = value => {
@@ -5417,6 +5432,14 @@ const handleTimelinePointerUp = (state, eventX) => {
   });
 };
 
+const handleTimelineStartSeconds = (state, value) => {
+  const nextState = {
+    ...state,
+    timelineStartSeconds: value
+  };
+  return withPreservedSelection$1(state, nextState);
+};
+
 const setUseDevtoolsLayout = (state, checked) => {
   const useDevtoolsLayout = getBoolean(checked);
   const selectedEventIndex = useDevtoolsLayout ? getSelectedEventIndex$1(state) : null;
@@ -6547,6 +6570,47 @@ const getNormalizedDetailTabs = (selectedEvent, detailTabs) => {
   return createDetailTabs(getSelectedDetailTab(detailTabs), selectedEvent);
 };
 
+const accessControlExposeHeadersText = 'Access-Control-Expose-Headers';
+const accessControlExposeHeadersUrl = 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers';
+const getInfoNodesWithLink = info => {
+  const linkIndex = info.indexOf(accessControlExposeHeadersText);
+  const prefix = info.slice(0, linkIndex);
+  const suffix = info.slice(linkIndex + accessControlExposeHeadersText.length);
+  return [{
+    childCount: 3,
+    className: ChatDebugViewHeadersSectionInfo,
+    type: Div
+  }, text(prefix), {
+    childCount: 1,
+    href: accessControlExposeHeadersUrl,
+    rel: 'noopener noreferrer',
+    target: '_blank',
+    type: A
+  }, text(accessControlExposeHeadersText), text(suffix)];
+};
+
+const getInfoNodesWithText = info => {
+  return [{
+    childCount: 1,
+    className: ChatDebugViewHeadersSectionInfo,
+    type: Div
+  }, text(info)];
+};
+
+const getHeadersInfoSectionDom = section => {
+  if (!section.isExpanded || section.info === '') {
+    return [];
+  }
+  if (section.key !== ResponseHeaders) {
+    return getInfoNodesWithText(section.info);
+  }
+  const linkIndex = section.info.indexOf(accessControlExposeHeadersText);
+  if (linkIndex === -1) {
+    return getInfoNodesWithText(section.info);
+  }
+  return getInfoNodesWithLink(section.info);
+};
+
 const getHeaderRowNodes = (item, index) => {
   return [{
     childCount: 2,
@@ -6575,39 +6639,10 @@ const getHeadersTableNodes = items => {
   }, ...headerRows];
 };
 
-const accessControlExposeHeadersText = 'Access-Control-Expose-Headers';
-const accessControlExposeHeadersUrl = 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers';
-const getInfoNodes = section => {
-  if (section.key !== ResponseHeaders) {
-    return [text(section.info)];
-  }
-  const linkIndex = section.info.indexOf(accessControlExposeHeadersText);
-  if (linkIndex === -1) {
-    return [text(section.info)];
-  }
-  const infoNodes = [];
-  const prefix = section.info.slice(0, linkIndex);
-  const suffix = section.info.slice(linkIndex + accessControlExposeHeadersText.length);
-  if (prefix) {
-    infoNodes.push(text(prefix));
-  }
-  infoNodes.push({
-    childCount: 1,
-    href: accessControlExposeHeadersUrl,
-    rel: 'noopener noreferrer',
-    target: '_blank',
-    type: A
-  });
-  infoNodes.push(text(accessControlExposeHeadersText));
-  if (suffix) {
-    infoNodes.push(text(suffix));
-  }
-  return infoNodes;
-};
 const getHeaderSectionNodes = section => {
   const hasInfoMessage = section.isExpanded && section.info !== '';
   const childCount = section.isExpanded ? 2 + Number(hasInfoMessage) : 1;
-  const infoNodes = hasInfoMessage ? getInfoNodes(section) : [];
+  const infoNodes = getHeadersInfoSectionDom(section);
   return [{
     childCount,
     className: ChatDebugViewHeadersSection,
@@ -6621,11 +6656,7 @@ const getHeaderSectionNodes = section => {
     onClick: HandleFilterInput,
     type: Button$1,
     value: section.key
-  }, text(section.heading), ...(section.isExpanded ? getHeadersTableNodes(section.items) : []), ...(hasInfoMessage ? [{
-    childCount: infoNodes.length,
-    className: ChatDebugViewHeadersSectionInfo,
-    type: Div
-  }, ...infoNodes] : [])];
+  }, text(section.heading), ...(section.isExpanded ? getHeadersTableNodes(section.items) : []), ...infoNodes];
 };
 
 const httpStatusLabels = {
@@ -7836,31 +7867,36 @@ const getTimingPreviewSegments = event => {
   }];
 };
 
+const timingPreviewNode = {
+  childCount: 1,
+  className: ChatDebugViewTimingPreview,
+  type: Div
+};
+const timingPreviewTrackNode = {
+  childCount: 4,
+  className: ChatDebugViewTimingPreviewTrack,
+  type: Div
+};
+const timingPreviewRailNode = {
+  childCount: 0,
+  className: ChatDebugViewTimingPreviewRail,
+  type: Div
+};
+const timingPreviewMarkerStartNode = {
+  childCount: 0,
+  className: `${ChatDebugViewTimingPreviewMarker} ${ChatDebugViewTimingPreviewMarkerStart}`,
+  style: 'left:12px;',
+  type: Div
+};
+const timingPreviewMarkerEndNode = {
+  childCount: 0,
+  className: `${ChatDebugViewTimingPreviewMarker} ${ChatDebugViewTimingPreviewMarkerEnd}`,
+  style: 'right:12px;',
+  type: Div
+};
 const getTimingPreviewDom = event => {
   const segments = getTimingPreviewSegments(event);
-  return [{
-    childCount: 1,
-    className: ChatDebugViewTimingPreview,
-    type: Div
-  }, {
-    childCount: 4,
-    className: ChatDebugViewTimingPreviewTrack,
-    type: Div
-  }, {
-    childCount: 0,
-    className: ChatDebugViewTimingPreviewRail,
-    type: Div
-  }, ...getTimingPreviewSegmentNodes(segments), {
-    childCount: 0,
-    className: `${ChatDebugViewTimingPreviewMarker} ${ChatDebugViewTimingPreviewMarkerStart}`,
-    style: 'left:12px;',
-    type: Div
-  }, {
-    childCount: 0,
-    className: `${ChatDebugViewTimingPreviewMarker} ${ChatDebugViewTimingPreviewMarkerEnd}`,
-    style: 'right:12px;',
-    type: Div
-  }];
+  return [timingPreviewNode, timingPreviewTrackNode, timingPreviewRailNode, ...getTimingPreviewSegmentNodes(segments), timingPreviewMarkerStartNode, timingPreviewMarkerEndNode];
 };
 
 const timingRowNode = {
@@ -8146,10 +8182,6 @@ const tableSummaryNode = {
   role: Status,
   type: Div
 };
-const tableSummaryItemNode = {
-  childCount: 1,
-  type: Span
-};
 const tableSummaryNodes = new Map();
 const getTableSummaryNode = childCount => {
   const existing = tableSummaryNodes.get(childCount);
@@ -8163,6 +8195,11 @@ const getTableSummaryNode = childCount => {
   tableSummaryNodes.set(childCount, node);
   return node;
 };
+
+const tableSummaryItemNode = {
+  childCount: 1,
+  type: Span
+};
 const getTableSummaryDom = summaries => {
   const nonEmptySummaries = summaries.filter(Boolean);
   if (nonEmptySummaries.length === 0) {
@@ -8305,7 +8342,7 @@ const getTableWrapperDom = (rowNodes, eventCount, visibleTableColumns = defaultV
   return [tableWrapperNode, ...getTableDom(rowNodes, eventCount, visibleTableColumns, tableColumns, summaries, focus), ...getTableResizersDom(visibleTableColumns), ...getTableScrollBarDom(showScrollBar)];
 };
 
-const getTableWrapperWrapperDom = (rowNodes, eventCount, visibleTableColumns = defaultVisibleTableColumns, tableColumns = createTableColumns(), summaries = [], focus = 0, className = '', role = 'none', showScrollBar = false) => {
+const getTableWrapperWrapperDom = (rowNodes, eventCount, visibleTableColumns, tableColumns, summaries, focus, className, role, showScrollBar) => {
   const tableSummaryNodes = getTableSummaryDom(summaries);
   return [{
     childCount: tableSummaryNodes.length === 0 ? 1 : 2,
@@ -8400,6 +8437,16 @@ const getSelectionNodesDom = (hasSelection, selectionStartPercent, selectionEndP
   }, startHandle, endHandle];
 };
 
+const getTimelineBadgeStyle = (index, lastIndex) => {
+  if (index === 0 || lastIndex === 0) {
+    return 'left:0;transform:translateX(0);';
+  }
+  if (index === lastIndex) {
+    return 'left:100%;transform:translateX(-100%);';
+  }
+  return `left:${roundSeconds(index / lastIndex * 100)}%;transform:translateX(-50%);`;
+};
+
 const getTimelineBadgeValues = durationSeconds => {
   if (durationSeconds <= 0) {
     return [0];
@@ -8414,15 +8461,7 @@ const getTimelineBadgeValues = durationSeconds => {
     return roundSeconds(durationSeconds / segmentCount * index);
   });
 };
-const getTimelineBadgeStyle = (index, lastIndex) => {
-  if (index === 0 || lastIndex === 0) {
-    return 'left:0;transform:translateX(0);';
-  }
-  if (index === lastIndex) {
-    return 'left:100%;transform:translateX(-100%);';
-  }
-  return `left:${roundSeconds(index / lastIndex * 100)}%;transform:translateX(-50%);`;
-};
+
 const getTimelineBadgeNodes = timelineInfo => {
   const badgeValues = getTimelineBadgeValues(timelineInfo.durationSeconds);
   const lastIndex = badgeValues.length - 1;
@@ -8958,6 +8997,63 @@ const setSessionId = async (state, sessionId) => {
   };
 };
 
+const isObject = value => {
+  return typeof value === 'object' && value !== null && !Array.isArray(value);
+};
+const formatValue = value => {
+  return JSON.stringify(value);
+};
+const assertArrayMatches = (actual, expected, path) => {
+  if (!Array.isArray(actual)) {
+    throw new TypeError(`Expected ${path} to be an array but got ${formatValue(actual)}`);
+  }
+  if (actual.length < expected.length) {
+    throw new Error(`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 assertObjectMatches = (actual, expected, path) => {
+  if (!isObject(actual)) {
+    throw new TypeError(`Expected ${path} to be an object but got ${formatValue(actual)}`);
+  }
+  for (const key of Object.keys(expected)) {
+    if (!Object.hasOwn(actual, key)) {
+      throw new Error(`Expected ${path}.${key} to exist`);
+    }
+    assertPayloadMatches(actual[key], expected[key], `${path}.${key}`);
+  }
+};
+const assertPrimitiveMatches = (actual, expected, path) => {
+  if (!Object.is(actual, expected)) {
+    throw new Error(`Expected ${path} to equal ${formatValue(expected)} but got ${formatValue(actual)}`);
+  }
+};
+const assertPayloadMatches = (actual, expected, path) => {
+  if (Array.isArray(expected)) {
+    assertArrayMatches(actual, expected, path);
+    return;
+  }
+  if (isObject(expected)) {
+    assertObjectMatches(actual, expected, path);
+    return;
+  }
+  assertPrimitiveMatches(actual, expected, path);
+};
+const shouldHavePayload = async (state, match) => {
+  if (!state.selectedEvent) {
+    throw new Error('Expected selected event to exist');
+  }
+  const selectedDetailTab = getSelectedDetailTab(state.detailTabs);
+  if (selectedDetailTab !== Payload$1) {
+    throw new Error(`Expected selected detail tab to be payload but got ${selectedDetailTab}`);
+  }
+  const payload = getPayloadEvent(state.selectedEvent);
+  assertPayloadMatches(payload, match, 'payload');
+  return state;
+};
+
 const toggleTableColumnVisibility = (state, column) => {
   const {
     tableColumns
@@ -9052,6 +9148,7 @@ const commandMap = {
   'ChatDebug.selectDetailTab': wrapCommand(selectDetailTab),
   'ChatDebug.setEvents': wrapCommand(setEvents),
   'ChatDebug.setSessionId': wrapCommand(setSessionId),
+  'ChatDebug.shouldHavePayload': wrapCommand(shouldHavePayload),
   'ChatDebug.terminate': terminate,
   'ChatDebug.toggleTableColumnVisibility': wrapCommand(toggleTableColumnVisibility)
 };
@@ -9060,22 +9157,36 @@ const sendMessagePortToChatStorageWorker = async port => {
   await sendMessagePortToChatStorageWorker$1(port);
 };
 const initializeChatStorageWorker = async () => {
-  const rpc = await create$4({
+  const rpc = await create$3({
     commandMap: {
       [rpcId]: handleStorageWorkerUpdate
     },
     send: sendMessagePortToChatStorageWorker
   });
+  set$3(rpc);
+};
+
+const sendMessagePortToClipBoardWorker = async port => {
+  await sendMessagePortToClipBoardWorker$1(port, 0);
+};
+const initializeClipBoardWorker = async () => {
+  const rpc = await create$3({
+    commandMap: {},
+    send: sendMessagePortToClipBoardWorker
+  });
   set$2(rpc);
 };
 
-const listen = async () => {
-  registerCommands(commandMap);
-  const r = await create$3({
+const initializeRendererWorker = async () => {
+  const rpc = await create$2({
     commandMap: commandMap
   });
-  set$1(r);
-  await initializeChatStorageWorker();
+  set$1(rpc);
+};
+
+const listen = async () => {
+  registerCommands(commandMap);
+  await Promise.all([initializeRendererWorker(), initializeClipBoardWorker(), initializeChatStorageWorker()]);
 };
 
 const main = async () => {