@lvce-editor/static-server 0.92.0 → 0.93.0

package/static/{b2786da → db6c58f}/packages/chat-debug-view/dist/chatDebugViewWorkerMain.js

@@ -1243,7 +1243,7 @@ const Tab = 'tab';
 
 const MaskIcon = 'MaskIcon';
 
-const Button$1 = 1;
+const Button$2 = 1;
 const Col = 2;
 const ColGroup = 3;
 const Div = 4;
@@ -1265,7 +1265,7 @@ const Ul = 60;
 const TextArea = 62;
 const Reference = 100;
 
-const Button = 'event.button';
+const Button$1 = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const TargetName = 'event.target.name';
@@ -6397,6 +6397,15 @@ const getDebugErrorDom = errorMessage => {
   return [debugErrorRootNode, debugErrorMessageNode, text(errorMessage)];
 };
 
+const Application = 'application';
+const Button = 'button';
+const Code = 'code';
+const None = 'none';
+const Status = 'status';
+const TabList = 'tablist';
+const TabPanel = 'tabpanel';
+const TextBox = 'textbox';
+
 const getFilterInputDom = (filterValue, useDevtoolsLayout) => {
   return {
     autocomplete: 'off',
@@ -6425,7 +6434,7 @@ const getQuickFilterDom = categoryFilter => {
     name,
     onClick: HandleEventCategoryFilter,
     role: Option,
-    type: Button$1
+    type: Button$2
   }, text(label)];
 };
 
@@ -6447,7 +6456,7 @@ const refreshButtonDom = [{
   className: mergeClassNames('IconButton'),
   name: Refresh,
   onClick: HandleClickRefresh,
-  type: Button$1,
+  type: Button$2,
   value: Refresh
 }, {
   childCount: 0,
@@ -6458,13 +6467,19 @@ const getRefreshButtonDom = () => {
   return refreshButtonDom;
 };
 
+const filterInputWrapperNode = {
+  childCount: 1,
+  className: SearchField,
+  role: None,
+  type: Div
+};
+const debugViewTopNode = {
+  childCount: 2,
+  className: ChatDebugViewTop,
+  type: Search
+};
 const getFilterInputWrapperDom = (filterValue, useDevtoolsLayout) => {
-  return [{
-    childCount: 1,
-    className: SearchField,
-    role: 'none',
-    type: Div
-  }, getFilterInputDom(filterValue, useDevtoolsLayout)];
+  return [filterInputWrapperNode, getFilterInputDom(filterValue, useDevtoolsLayout)];
 };
 const getDebugViewTopDom = (filterValue, useDevtoolsLayout, categoryFilters) => {
   const refreshButtonDom = getRefreshButtonDom();
@@ -6476,11 +6491,7 @@ const getDebugViewTopDom = (filterValue, useDevtoolsLayout, categoryFilters) =>
       type: Search
     }, ...getFilterInputWrapperDom(filterValue, true), ...quickFilterNodes, ...refreshButtonDom];
   }
-  return [{
-    childCount: 2,
-    className: ChatDebugViewTop,
-    type: Search
-  }, ...getFilterInputWrapperDom(filterValue, false), ...refreshButtonDom];
+  return [debugViewTopNode, ...getFilterInputWrapperDom(filterValue, false), ...refreshButtonDom];
 };
 
 const createDevtoolsRows = (events, selectedEventIndex, startIndex = 0) => {
@@ -6526,14 +6537,14 @@ const getDetailContentDom = (selectedDetailTab, safeSelectedDetailTab, contentNo
     className: ChatDebugViewDetailsBottom,
     id: getPanelId(safeSelectedDetailTab),
     onContextMenu: HandleDetailsContextMenu,
-    role: 'tabpanel',
+    role: TabPanel,
     type: Div
   }, ...contentNodes];
 };
 
 const icon = {
   childCount: 0,
-  className: 'MaskIcon MaskIconClose',
+  className: mergeClassNames('MaskIcon', 'MaskIconClose'),
   type: Div
 };
 const getDetailsCloseButtonDom = () => {
@@ -6544,7 +6555,7 @@ const getDetailsCloseButtonDom = () => {
     name: CloseDetails$1,
     onChange: HandleCloseDetails,
     onClick: HandleCloseDetails,
-    type: Button$1,
+    type: Button$2,
     value: 'close'
   }, icon];
 };
@@ -6564,7 +6575,7 @@ const getDetailTabDom = detailTab => {
     onFocus: HandleDetailTabsFocus,
     role: Tab,
     tabIndex: isSelected ? 0 : -1,
-    type: Button$1
+    type: Button$2
   }, text(detailTab.label)];
 };
 
@@ -6573,7 +6584,7 @@ const getTabNodes = detailTabs => {
     'aria-label': detailSections(),
     childCount: detailTabs.length,
     className: ChatDebugViewDetailsTabs,
-    role: 'tablist',
+    role: TabList,
     type: Div
   }, ...detailTabs.flatMap(getDetailTabDom)];
 };
@@ -6597,30 +6608,33 @@ const getNormalizedDetailTabs = (selectedEvent, detailTabs) => {
 
 const accessControlExposeHeadersText = 'Access-Control-Expose-Headers';
 const accessControlExposeHeadersUrl = 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers';
+const infoNode = {
+  childCount: 3,
+  className: ChatDebugViewHeadersSectionInfo,
+  type: Div
+};
+const linkNode = {
+  childCount: 1,
+  className: ExternalLink,
+  href: accessControlExposeHeadersUrl,
+  rel: 'noopener noreferrer',
+  target: '_blank',
+  type: A
+};
 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,
-    className: ExternalLink,
-    href: accessControlExposeHeadersUrl,
-    rel: 'noopener noreferrer',
-    target: '_blank',
-    type: A
-  }, text(accessControlExposeHeadersText), text(suffix)];
+  return [infoNode, text(prefix), linkNode, text(accessControlExposeHeadersText), text(suffix)];
 };
 
+const infoNodesWithTextNode = {
+  childCount: 1,
+  className: ChatDebugViewHeadersSectionInfo,
+  type: Div
+};
 const getInfoNodesWithText = info => {
-  return [{
-    childCount: 1,
-    className: ChatDebugViewHeadersSectionInfo,
-    type: Div
-  }, text(info)];
+  return [infoNodesWithTextNode, text(info)];
 };
 
 const getHeadersInfoSectionDom = section => {
@@ -6680,7 +6694,7 @@ const getHeaderSectionNodes = section => {
     name: ToggleHeadersSection,
     onChange: HandleFilterInput,
     onClick: HandleFilterInput,
-    type: Button$1,
+    type: Button$2,
     value: section.key
   }, text(section.heading), ...(section.isExpanded ? getHeadersTableNodes(section.items) : []), ...infoNodes];
 };
@@ -6938,13 +6952,14 @@ const getEditorSelectionDom = (cursor = defaultEditorCursor) => {
   }] : [])];
 };
 
+const gutterNode = {
+  childCount: 1,
+  className: ChatDebugViewEventLineNumber,
+  type: Span
+};
 const getGutterDom = (lineData, showLineNumbers, lineNumberStart = 0) => {
   const gutterNodes = showLineNumbers ? lineData.flatMap((_, index) => {
-    return [{
-      childCount: 1,
-      className: ChatDebugViewEventLineNumber,
-      type: Span
-    }, text(String(lineNumberStart + index + 1))];
+    return [gutterNode, text(String(lineNumberStart + index + 1))];
   }) : [];
   return [{
     childCount: showLineNumbers ? lineData.length : 0,
@@ -6953,36 +6968,44 @@ const getGutterDom = (lineData, showLineNumbers, lineNumberStart = 0) => {
   }, ...gutterNodes];
 };
 
+const editorViewletNode$1 = {
+  childCount: 2,
+  className: EditorViewlet,
+  role: Code,
+  type: Div
+};
+const editorInputNode$1 = {
+  'aria-autocomplete': 'list',
+  'aria-multiline': true,
+  'aria-roledescription': 'editor',
+  autocapitalize: 'off',
+  autocomplete: 'off',
+  autocorrect: 'off',
+  childCount: 0,
+  className: EditorInput,
+  name: 'editor',
+  role: TextBox,
+  spellcheck: false,
+  type: TextArea,
+  wrap: 'off'
+};
+const editorLayersNode$1 = {
+  childCount: 2,
+  className: EditorLayers,
+  type: Div
+};
+const previewTextScrollBarThumbNode = {
+  childCount: 0,
+  className: PreviewTextScrollBarThumb,
+  type: Div
+};
 const getVirtualizedEditorDom = (lineData, showLineNumbers = true, cursor = null, onPointerDown, options) => {
-  const editorChildren = [{
-    childCount: 2,
-    className: EditorViewlet,
-    role: 'code',
-    type: Div
-  }, ...getGutterDom(lineData, showLineNumbers, options.lineNumberStart), {
+  const editorChildren = [editorViewletNode$1, ...getGutterDom(lineData, showLineNumbers, options.lineNumberStart), {
     childCount: 2,
     className: EditorContent,
     onPointerDown,
     type: Div
-  }, {
-    'aria-autocomplete': 'list',
-    'aria-multiline': true,
-    'aria-roledescription': 'editor',
-    autocapitalize: 'off',
-    autocomplete: 'off',
-    autocorrect: 'off',
-    childCount: 0,
-    className: EditorInput,
-    name: 'editor',
-    role: 'textbox',
-    spellcheck: false,
-    type: TextArea,
-    wrap: 'off'
-  }, {
-    childCount: 2,
-    className: EditorLayers,
-    type: Div
-  }, ...getEditorSelectionDom(cursor), ...getEditorRowsDom(lineData)];
+  }, editorInputNode$1, editorLayersNode$1, ...getEditorSelectionDom(cursor), ...getEditorRowsDom(lineData)];
   return [{
     childCount: options.showScrollBar ? 2 : 1,
     className: mergeClassNames(EditorContainer, PreviewVirtualizedEditor),
@@ -6993,47 +7016,47 @@ const getVirtualizedEditorDom = (lineData, showLineNumbers = true, cursor = null
     className: PreviewTextScrollBar,
     onPointerDown: options.onScrollBarPointerDown,
     type: Div
-  }, {
-    childCount: 0,
-    className: PreviewTextScrollBarThumb,
-    type: Div
-  }] : [])];
+  }, previewTextScrollBarThumbNode] : [])];
 };
 
+const editorContainerNode = {
+  childCount: 1,
+  className: EditorContainer,
+  type: Div
+};
+const editorViewletNode = {
+  childCount: 2,
+  className: EditorViewlet,
+  role: Code,
+  type: Div
+};
+const editorInputNode = {
+  'aria-autocomplete': 'list',
+  'aria-multiline': true,
+  'aria-roledescription': 'editor',
+  autocapitalize: 'off',
+  autocomplete: 'off',
+  autocorrect: 'off',
+  childCount: 0,
+  className: EditorInput,
+  name: 'editor',
+  role: TextBox,
+  spellcheck: false,
+  type: TextArea,
+  wrap: 'off'
+};
+const editorLayersNode = {
+  childCount: 2,
+  className: EditorLayers,
+  type: Div
+};
 const getEditorDom = (lineData, showLineNumbers = true, cursor, onPointerDown) => {
-  return [{
-    childCount: 1,
-    className: EditorContainer,
-    type: Div
-  }, {
-    childCount: 2,
-    className: EditorViewlet,
-    role: 'code',
-    type: Div
-  }, ...getGutterDom(lineData, showLineNumbers), {
+  return [editorContainerNode, editorViewletNode, ...getGutterDom(lineData, showLineNumbers), {
     childCount: 2,
     className: EditorContent,
     onPointerDown,
     type: Div
-  }, {
-    'aria-autocomplete': 'list',
-    'aria-multiline': true,
-    'aria-roledescription': 'editor',
-    autocapitalize: 'off',
-    autocomplete: 'off',
-    autocorrect: 'off',
-    childCount: 0,
-    className: EditorInput,
-    name: 'editor',
-    role: 'textbox',
-    spellcheck: false,
-    type: TextArea,
-    wrap: 'off'
-  }, {
-    childCount: 2,
-    className: EditorLayers,
-    type: Div
-  }, ...getEditorSelectionDom(cursor), ...getEditorRowsDom(lineData)];
+  }, editorInputNode, editorLayersNode, ...getEditorSelectionDom(cursor), ...getEditorRowsDom(lineData)];
 };
 
 const isDigit$1 = character => {
@@ -7269,36 +7292,42 @@ const getPayloadContentNodes = (payloadEventNodes, selectedEvent) => {
   return getEventNode(getPayloadEvent(selectedEvent));
 };
 
+const imagePreviewLabelNode = {
+  childCount: 1,
+  className: ChatDebugViewImagePreviewLabel,
+  type: Span
+};
+const imagePreviewStatsLabelNode = {
+  childCount: 2,
+  className: ChatDebugViewImagePreviewLabel,
+  type: Span
+};
+const imagePreviewStatsNode = {
+  childCount: 1,
+  type: Span
+};
+const imagePreviewAltNode = {
+  childCount: 1,
+  type: Span
+};
+const imagePreviewNode = {
+  childCount: 2,
+  className: ChatDebugViewImagePreview,
+  type: Div
+};
+const imagePreviewImageWrapperNode = {
+  childCount: 1,
+  className: ChatDebugViewImagePreviewImageWrapper,
+  type: Div
+};
 const getImagePreviewLabelDom = preview => {
   if (preview.stats === undefined) {
-    return [{
-      childCount: 1,
-      className: ChatDebugViewImagePreviewLabel,
-      type: Span
-    }, text(preview.alt)];
+    return [imagePreviewLabelNode, text(preview.alt)];
   }
-  return [{
-    childCount: 2,
-    className: ChatDebugViewImagePreviewLabel,
-    type: Span
-  }, {
-    childCount: 1,
-    type: Span
-  }, text(preview.stats), {
-    childCount: 1,
-    type: Span
-  }, text(preview.alt)];
+  return [imagePreviewStatsLabelNode, imagePreviewStatsNode, text(preview.stats), imagePreviewAltNode, text(preview.alt)];
 };
 const getImagePreviewDom = preview => {
-  return [{
-    childCount: 2,
-    className: ChatDebugViewImagePreview,
-    type: Div
-  }, {
-    childCount: 1,
-    className: ChatDebugViewImagePreviewImageWrapper,
-    type: Div
-  }, {
+  return [imagePreviewNode, imagePreviewImageWrapperNode, {
     alt: preview.alt,
     childCount: 0,
     className: ChatDebugViewImagePreviewImage,
@@ -7709,16 +7738,17 @@ const getSyntaxHighlightTokens = (value, language) => {
   }
 };
 
+const textNode = {
+  childCount: 1,
+  className: TokenText,
+  type: Span
+};
 const getTextLineData = value => {
   const lines = value.split('\n');
   return lines.map(line => {
     return {
       childCount: 1,
-      nodes: [{
-        childCount: 1,
-        className: TokenText,
-        type: Span
-      }, text(line)]
+      nodes: [textNode, text(line)]
     };
   });
 };
@@ -7917,13 +7947,13 @@ const timingPreviewRailNode = {
 };
 const timingPreviewMarkerStartNode = {
   childCount: 0,
-  className: `${ChatDebugViewTimingPreviewMarker} ${ChatDebugViewTimingPreviewMarkerStart}`,
+  className: mergeClassNames(ChatDebugViewTimingPreviewMarker, ChatDebugViewTimingPreviewMarkerStart),
   style: 'left:12px;',
   type: Div
 };
 const timingPreviewMarkerEndNode = {
   childCount: 0,
-  className: `${ChatDebugViewTimingPreviewMarker} ${ChatDebugViewTimingPreviewMarkerEnd}`,
+  className: mergeClassNames(ChatDebugViewTimingPreviewMarker, ChatDebugViewTimingPreviewMarkerEnd),
   style: 'right:12px;',
   type: Div
 };
@@ -7951,12 +7981,13 @@ const getTimingRowDom = (label, value) => {
   return [timingRowNode, timingLabelNode, text(label), timingValueNode, text(value)];
 };
 
+const timingDetailsNode = {
+  childCount: 4,
+  className: ChatDebugViewTiming,
+  type: Div
+};
 const getTimingDetailsDom = event => {
-  return [{
-    childCount: 4,
-    className: ChatDebugViewTiming,
-    type: Div
-  }, ...getTimingPreviewDom(event), ...getTimingRowDom(started(), getStartText(event)), ...getTimingRowDom(ended(), getEndText(event)), ...getTimingRowDom(duration(), getDurationText(event))];
+  return [timingDetailsNode, ...getTimingPreviewDom(event), ...getTimingRowDom(started(), getStartText(event)), ...getTimingRowDom(ended(), getEndText(event)), ...getTimingRowDom(duration(), getDurationText(event))];
 };
 
 const getTimingContentNodes = (responseEventNodes, selectedEvent) => {
@@ -8021,6 +8052,11 @@ const getSelectedContentNodes = (safeSelectedDetailTab, previewEventNodes, paylo
   return getResponseContentNodes(responseEventNodes, selectedEvent);
 };
 
+const detailsNode = {
+  childCount: 2,
+  className: ChatDebugViewDetails,
+  type: Section
+};
 const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes, responseEventNodes = payloadEventNodes, selectedEvent = null, detailTabs = createDetailTabs(), previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, previewVirtualization, collapsedHeaderSections = []) => {
   if (previewEventNodes.length === 0 && payloadEventNodes.length === 0 && responseEventNodes.length === 0) {
     return [];
@@ -8029,11 +8065,7 @@ const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes,
   const safeSelectedDetailTab = getSelectedDetailTab(normalizedDetailTabs);
   const selectedDetailTab = normalizedDetailTabs.find(detailTab => detailTab.name === safeSelectedDetailTab) ?? normalizedDetailTabs[0];
   const contentNodes = getSelectedContentNodes(safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization, collapsedHeaderSections);
-  return [{
-    childCount: 2,
-    className: ChatDebugViewDetails,
-    type: Section
-  }, ...getDetailsTopVirtualDom(normalizedDetailTabs), ...getDetailContentDom(selectedDetailTab, safeSelectedDetailTab, contentNodes)];
+  return [detailsNode, ...getDetailsTopVirtualDom(normalizedDetailTabs), ...getDetailContentDom(selectedDetailTab, safeSelectedDetailTab, contentNodes)];
 };
 
 const td$2 = {
@@ -8094,12 +8126,13 @@ const getCellStatusDom = (event, isErrorStatus) => {
   }, text(getStatusText(event))];
 };
 
+const cellTypeNode = {
+  childCount: 1,
+  className: TableCell,
+  type: Td
+};
 const getCellTypeDom = event => {
-  return [{
-    childCount: 1,
-    className: TableCell,
-    type: Td
-  }, text(getEventTableTypeLabel(event))];
+  return [cellTypeNode, text(getEventTableTypeLabel(event))];
 };
 
 const getTableCellDom = (column, event, isErrorStatus) => {
@@ -8157,7 +8190,7 @@ const sashNodesDom = [{
   childCount: 0,
   className: Sash,
   onPointerDown: HandleSashPointerDown,
-  type: Button$1
+  type: Button$2
 }];
 const getSashNodesDom = hasSelectedEvent => {
   if (!hasSelectedEvent) {
@@ -8166,9 +8199,6 @@ const getSashNodesDom = hasSelectedEvent => {
   return sashNodesDom;
 };
 
-const None = 'none';
-const Status = 'status';
-
 const getNextSiblingIndex$1 = (nodes, index) => {
   let nextSiblingIndex = index + 1;
   const childCount = nodes[index]?.childCount || 0;
@@ -8192,7 +8222,7 @@ const getSplitViewDom = (splitChildCount, eventsClassName, tableNodes, sashNodes
     return [{
       childCount: eventsChildCount,
       className: eventsClassName,
-      role: 'application',
+      role: Application,
       type: Div
     }, ...tableNodes];
   }
@@ -8204,7 +8234,7 @@ const getSplitViewDom = (splitChildCount, eventsClassName, tableNodes, sashNodes
   }, {
     childCount: eventsChildCount,
     className: eventsClassName,
-    role: 'application',
+    role: Application,
     type: Div
   }, ...tableNodes, ...sashNodes, ...detailsNodes];
 };
@@ -8278,7 +8308,7 @@ const getTableColumnGroupDom = visibleTableColumns => {
     const columnClassName = tableColClassNames[index] ?? `TableCol${index}`;
     return {
       childCount: 0,
-      className: `${TableCol} ${columnClassName}`,
+      className: mergeClassNames(TableCol, columnClassName),
       type: Col
     };
   })];
@@ -8299,29 +8329,39 @@ const getHeaderCellNodes = (visibleTableColumns, tableColumns = createTableColum
   return orderedVisibleTableColumns.flatMap(column => getHeaderCellNode(column, tableColumns));
 };
 
+const tableHeaderNode = {
+  childCount: 1,
+  className: TableHead,
+  onContextMenu: HandleHeaderContextMenu,
+  type: THead
+};
 const getTableHeaderDom = (visibleTableColumns = defaultVisibleTableColumns, tableColumns = createTableColumns()) => {
-  return [{
-    childCount: 1,
-    className: TableHead,
-    onContextMenu: HandleHeaderContextMenu,
-    type: THead
-  }, {
+  return [tableHeaderNode, {
     childCount: visibleTableColumns.length,
     className: TableRow,
     type: Tr
   }, ...getHeaderCellNodes(visibleTableColumns, tableColumns)];
 };
 
+const Focusable = 0;
+
+const tableNode = {
+  childCount: 3,
+  className: Table,
+  onFocus: HandleTableFocus,
+  tabIndex: Focusable,
+  type: Table$1
+};
 const getTableDom = (rowNodes, eventCount, visibleTableColumns = defaultVisibleTableColumns, tableColumns = createTableColumns(), summaries = [], focus = 0) => {
-  return [{
-    childCount: 3,
-    className: Table,
-    onFocus: HandleTableFocus,
-    tabIndex: 0,
-    type: Table$1
-  }, ...getTableColumnGroupDom(visibleTableColumns), ...getTableHeaderDom(visibleTableColumns, tableColumns), ...getTableBodyDom(rowNodes, eventCount)];
+  return [tableNode, ...getTableColumnGroupDom(visibleTableColumns), ...getTableHeaderDom(visibleTableColumns, tableColumns), ...getTableBodyDom(rowNodes, eventCount)];
 };
 
+const tableResizersNode = {
+  childCount: 0,
+  className: ResizerInner,
+  role: None,
+  type: Div
+};
 const resizerNames = ['ResizerOne', 'ResizerTwo', 'ResizerThree', 'ResizerFour'];
 const resizerClassNames = [ResizerOne, ResizerTwo, ResizerThree, ResizerFour];
 const getTableResizersDom = visibleTableColumns => {
@@ -8338,13 +8378,8 @@ const getTableResizersDom = visibleTableColumns => {
     onPointerDown: HandleTableResizerPointerDown,
     role: None,
     tabIndex: -1,
-    type: Button$1
-  }, {
-    childCount: 0,
-    className: ResizerInner,
-    role: None,
-    type: Div
-  }]);
+    type: Button$2
+  }, tableResizersNode]);
   return [{
     childCount: resizerCount,
     className: Resizers,
@@ -8353,20 +8388,22 @@ const getTableResizersDom = visibleTableColumns => {
   }, ...resizerNodes];
 };
 
+const tableScrollBarNode = {
+  childCount: 1,
+  className: TableScrollBar,
+  onPointerDown: HandleTableScrollBarPointerDown,
+  type: Div
+};
+const tableScrollBarThumbNode = {
+  childCount: 0,
+  className: TableScrollBarThumb,
+  type: Div
+};
 const getTableScrollBarDom = visible => {
   if (!visible) {
     return [];
   }
-  return [{
-    childCount: 1,
-    className: TableScrollBar,
-    onPointerDown: HandleTableScrollBarPointerDown,
-    type: Div
-  }, {
-    childCount: 0,
-    className: TableScrollBarThumb,
-    type: Div
-  }];
+  return [tableScrollBarNode, tableScrollBarThumbNode];
 };
 
 const getTableWrapperDom = (rowNodes, eventCount, visibleTableColumns = defaultVisibleTableColumns, tableColumns = createTableColumns(), summaries = [], focus = 0, className = '', role = 'none', showScrollBar = false) => {
@@ -8422,6 +8459,7 @@ const getBucketDom = bucket => {
     className: mergeClassNames(ChatDebugViewTimelineBucket, bucket.isSelected ? ChatDebugViewTimelineBucketSelected : ''),
     'data-value': presetValue,
     onClick: HandleTimelineRangePreset,
+    role: Button,
     type: Div
   }, {
     childCount: bucket.unitCount === 0 ? 1 : bucket.unitCount,
@@ -8457,14 +8495,14 @@ const startHandle = {
   className: mergeClassNames(ChatDebugViewTimelineSelectionHandle, ChatDebugViewTimelineSelectionHandleStart, ChatDebugViewTimelineSelectionMarker, ChatDebugViewTimelineSelectionMarkerStart),
   name: Start,
   role: None,
-  type: Button$1
+  type: Button$2
 };
 const endHandle = {
   childCount: 0,
   className: mergeClassNames(ChatDebugViewTimelineSelectionHandle, ChatDebugViewTimelineSelectionHandleEnd, ChatDebugViewTimelineSelectionMarker, ChatDebugViewTimelineSelectionMarkerEnd),
   name: End,
   role: None,
-  type: Button$1
+  type: Button$2
 };
 const getSelectionNodesDom = (hasSelection, selectionStartPercent, selectionEndPercent) => {
   if (!hasSelection || selectionStartPercent === null || selectionEndPercent === null) {
@@ -8529,6 +8567,20 @@ const getTimelineSummary = timelineInfo => {
 };
 
 // cspell:ignore gettimelinedom
+const interactiveTimelineNode = {
+  childCount: 3,
+  className: ChatDebugViewTimelineInteractive,
+  onDblClick: HandleTimelineDoubleClick,
+  onPointerDown: HandleTimelinePointerDown,
+  onPointerLeave: HandleTimelinePointerLeave,
+  onPointerMove: HandleTimelinePointerMove,
+  type: Div
+};
+const timelineSelectionOverlayNode = {
+  childCount: 2,
+  className: ChatDebugViewTimelineSelectionOverlay,
+  type: Div
+};
 const getTimelineDom = (timelineInfo, hoverPercent = null) => {
   if (timelineInfo.buckets.length === 0) {
     return [];
@@ -8543,19 +8595,7 @@ const getTimelineDom = (timelineInfo, hoverPercent = null) => {
     className: ChatDebugViewTimeline,
     onContextMenu: HandleTimelineContextMenu,
     type: Section
-  }, ...(summary ? [text(summary)] : []), {
-    childCount: 3,
-    className: ChatDebugViewTimelineInteractive,
-    onDblClick: HandleTimelineDoubleClick,
-    onPointerDown: HandleTimelinePointerDown,
-    onPointerLeave: HandleTimelinePointerLeave,
-    onPointerMove: HandleTimelinePointerMove,
-    type: Div
-  }, ...badgeNodes, ...bucketNodes, {
-    childCount: 2,
-    className: ChatDebugViewTimelineSelectionOverlay,
-    type: Div
-  }, {
+  }, ...(summary ? [text(summary)] : []), interactiveTimelineNode, ...badgeNodes, ...bucketNodes, timelineSelectionOverlayNode, {
     childCount: cursorGuideNodes.length,
     type: Div
   }, ...cursorGuideNodes, {
@@ -8610,7 +8650,7 @@ const getLegacyEventsDom = (errorMessage, emptyMessage, eventNodes) => {
   return [{
     childCount: eventNodes.length === 0 ? 1 : eventNodes.length,
     className: ChatDebugViewEvents,
-    role: 'application',
+    role: Application,
     type: Div
   }, ...(eventNodes.length === 0 ? [{
     childCount: 1,
@@ -8783,10 +8823,10 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandleEventRowClick,
-    params: ['handleEventRowClick', '0', Button]
+    params: ['handleEventRowClick', '0', Button$1]
   }, {
     name: HandleEventRowClickAt,
-    params: ['handleEventRowClickAt', ClientX, ClientY, Button]
+    params: ['handleEventRowClickAt', ClientX, ClientY, Button$1]
   }, {
     name: HandleTableRowDoubleClick,
     params: ['handleTableRowDoubleClick', ClientX, ClientY]