@lvce-editor/static-server 0.77.9 → 0.77.11

package/static/{2c0fc7e → c0b16fe}/css/App.css

@@ -257,7 +257,7 @@ body {
 /*************/
 @font-face {
   font-family: 'Fira Code';
-  src: url(/2c0fc7e/fonts/FiraCode-VariableFont.ttf) format('truetype');
+  src: url(/c0b16fe/fonts/FiraCode-VariableFont.ttf) format('truetype');
 }
 
 /* TODO check if contain strict also makes sense for html and body */
@@ -333,7 +333,7 @@ body {
   mask-repeat: no-repeat;
   mask-size: var(--MaskIconSize);
   mask-position: 50% 50%;
-  mask-image: url(/2c0fc7e/icons/chevron-down.svg);
+  mask-image: url(/c0b16fe/icons/chevron-down.svg);
   pointer-events: none;
   width: 16px;
   height: 16px;
@@ -835,6 +835,27 @@ body {
   color: var(--vscode-disabledForeground);
   cursor: default;
 }
+
+.ChatSelect {
+  position: relative;
+  min-width: 0;
+}
+
+.ChatSelect {
+  display: flex;
+  gap: 4px;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--vscode-descriptionForeground, var(--vscode-disabledForeground));
+  padding: 0 !important;
+}
+
+.ChatSelect .MaskIcon {
+  width: 10px;
+  height: 10px;
+  pointer-events: none;
+}
 /*************/
 /* ChatTool.css */
 /*************/
@@ -848,7 +869,6 @@ body {
 }
 
 .ChatToolCallsLabel {
-  position: absolute;
   top: -8px;
   left: 8px;
   padding: 0 4px;
@@ -859,6 +879,8 @@ body {
   line-height: 14px;
   text-transform: lowercase;
   letter-spacing: 0.02em;
+  height: 14px;
+  contain: strict;
 }
 
 .ChatToolCallReadFileLink {
@@ -1468,365 +1490,365 @@ body {
 
 .MaskIconMinimize,
 .IconMinimize {
-  mask-image: url(/2c0fc7e/icons/chrome-minimize.svg);
+  mask-image: url(/c0b16fe/icons/chrome-minimize.svg);
 }
 
 .MaskIconMaximize,
 .IconMaximize {
-  mask-image: url(/2c0fc7e/icons/chrome-maximize.svg);
+  mask-image: url(/c0b16fe/icons/chrome-maximize.svg);
 }
 
 .MaskIconRestore,
 .IconRestore {
-  mask-image: url(/2c0fc7e/icons/chrome-restore.svg);
+  mask-image: url(/c0b16fe/icons/chrome-restore.svg);
 }
 
 .MaskIconPlay,
 .IconPlay {
-  mask-image: url(/2c0fc7e/icons/play.svg);
+  mask-image: url(/c0b16fe/icons/play.svg);
 }
 
 .MaskIconChromeClose,
 .IconChromeClose {
-  mask-image: url(/2c0fc7e/icons/chrome-close.svg);
+  mask-image: url(/c0b16fe/icons/chrome-close.svg);
 }
 
 .MaskIconFiles,
 .IconFiles {
-  mask-image: url(/2c0fc7e/icons/files.svg);
+  mask-image: url(/c0b16fe/icons/files.svg);
 }
 
 .MaskIconSearch,
 .IconSearch {
-  mask-image: url(/2c0fc7e/icons/search.svg);
+  mask-image: url(/c0b16fe/icons/search.svg);
 }
 
 .MaskIconSourceControl,
 .IconSourceControl {
-  mask-image: url(/2c0fc7e/icons/source-control.svg);
+  mask-image: url(/c0b16fe/icons/source-control.svg);
 }
 
 .MaskIconDebugAlt2,
 .IconDebugAlt2 {
-  mask-image: url(/2c0fc7e/icons/debug-alt-2.svg);
+  mask-image: url(/c0b16fe/icons/debug-alt-2.svg);
 }
 
 .MaskIconExtensions,
 .IconExtensions {
-  mask-image: url(/2c0fc7e/icons/extensions.svg);
+  mask-image: url(/c0b16fe/icons/extensions.svg);
 }
 
 .MaskIconSettingsGear,
 .IconSettingsGear {
-  mask-image: url(/2c0fc7e/icons/settings-gear.svg);
+  mask-image: url(/c0b16fe/icons/settings-gear.svg);
 }
 
 .MaskIconEllipsis,
 .IconEllipsis {
-  mask-image: url(/2c0fc7e/icons/ellipsis.svg);
+  mask-image: url(/c0b16fe/icons/ellipsis.svg);
 }
 
 .MaskIconArrowDown,
 .IconArrowDown {
-  mask-image: url(/2c0fc7e/icons/arrow-down.svg);
+  mask-image: url(/c0b16fe/icons/arrow-down.svg);
 }
 
 .MaskIconArrowUp,
 .IconArrowUp {
-  mask-image: url(/2c0fc7e/icons/arrow-up.svg);
+  mask-image: url(/c0b16fe/icons/arrow-up.svg);
 }
 
 .MaskIconClose,
 .IconClose,
 .EditorTabCloseButton:hover .MaskIconCircleFilled,
 .IconCircleFilled {
-  mask-image: url(/2c0fc7e/icons/close.svg);
+  mask-image: url(/c0b16fe/icons/close.svg);
 }
 
 .MaskIconCaseSensitive,
 .IconCaseSensitive {
-  mask-image: url(/2c0fc7e/icons/case-sensitive.svg);
+  mask-image: url(/c0b16fe/icons/case-sensitive.svg);
 }
 
 .MaskIconWholeWord,
 .IconWholeWord {
-  mask-image: url(/2c0fc7e/icons/whole-word.svg);
+  mask-image: url(/c0b16fe/icons/whole-word.svg);
 }
 
 .MaskIconRegex,
 .IconRegex {
-  mask-image: url(/2c0fc7e/icons/regex.svg);
+  mask-image: url(/c0b16fe/icons/regex.svg);
 }
 
 .MaskIconChevronRight,
 .IconChevronRight {
-  mask-image: url(/2c0fc7e/icons/chevron-right.svg);
+  mask-image: url(/c0b16fe/icons/chevron-right.svg);
 }
 
 .MaskIconChevronDown,
 .IconChevronDown {
-  mask-image: url(/2c0fc7e/icons/chevron-down.svg);
+  mask-image: url(/c0b16fe/icons/chevron-down.svg);
 }
 
 .MaskIconRefresh,
 .IconRefresh {
-  mask-image: url(/2c0fc7e/icons/refresh.svg);
+  mask-image: url(/c0b16fe/icons/refresh.svg);
 }
 
 .MaskIconClearAll,
 .IconClearAll {
-  mask-image: url(/2c0fc7e/icons/clear-all.svg);
+  mask-image: url(/c0b16fe/icons/clear-all.svg);
 }
 
 .MaskIconCloud {
-  mask-image: url(/2c0fc7e/icons/cloud.svg);
+  mask-image: url(/c0b16fe/icons/cloud.svg);
 }
 
 .MaskIconTag {
-  mask-image: url(/2c0fc7e/icons/tag.svg);
+  mask-image: url(/c0b16fe/icons/tag.svg);
 }
 
 .MaskIconNewFile,
 .IconNewFile {
-  mask-image: url(/2c0fc7e/icons/new-file.svg);
+  mask-image: url(/c0b16fe/icons/new-file.svg);
 }
 
 .MaskIconSend,
 .IconSend {
-  mask-image: url(/2c0fc7e/icons/send.svg);
+  mask-image: url(/c0b16fe/icons/send.svg);
 }
 
 .MaskIconNewFolder,
 .IconNewFolder {
-  mask-image: url(/2c0fc7e/icons/new-folder.svg);
+  mask-image: url(/c0b16fe/icons/new-folder.svg);
 }
 
 .MaskIconListFlat,
 .IconListFlat {
-  mask-image: url(/2c0fc7e/icons/list-flat.svg);
+  mask-image: url(/c0b16fe/icons/list-flat.svg);
 }
 
 .MaskIconCollapseAll,
 .IconCollapseAll {
-  mask-image: url(/2c0fc7e/icons/collapse-all.svg);
+  mask-image: url(/c0b16fe/icons/collapse-all.svg);
 }
 
 .MaskIconFilter,
 .IconFilter {
-  mask-image: url(/2c0fc7e/icons/filter.svg);
+  mask-image: url(/c0b16fe/icons/filter.svg);
 }
 
 .MaskIconBlank,
 .IconBlank {
-  mask-image: url(/2c0fc7e/icons/blank.svg);
+  mask-image: url(/c0b16fe/icons/blank.svg);
 }
 
 .MaskIconCheck,
 .IconCheck {
-  mask-image: url(/2c0fc7e/icons/check.svg);
+  mask-image: url(/c0b16fe/icons/check.svg);
 }
 
 .MaskIconEllipsis,
 .IconEllipsis {
-  mask-image: url(/2c0fc7e/icons/ellipsis.svg);
+  mask-image: url(/c0b16fe/icons/ellipsis.svg);
 }
 
 .MaskIconBook,
 .IconBook {
-  mask-image: url(/2c0fc7e/icons/book.svg);
+  mask-image: url(/c0b16fe/icons/book.svg);
 }
 
 .MaskIconAdd,
 .IconAdd {
-  mask-image: url(/2c0fc7e/icons/add.svg);
+  mask-image: url(/c0b16fe/icons/add.svg);
 }
 
 .MaskIconTrash,
 .IconTrash {
-  mask-image: url(/2c0fc7e/icons/trash.svg);
+  mask-image: url(/c0b16fe/icons/trash.svg);
 }
 
 .MaskIconSplitHorizontal,
 .IconSplitHorizontal {
-  mask-image: url(/2c0fc7e/icons/split-horizontal.svg);
+  mask-image: url(/c0b16fe/icons/split-horizontal.svg);
 }
 
 .MaskIconReplace,
 .IconReplace {
-  mask-image: url(/2c0fc7e/icons/replace.svg);
+  mask-image: url(/c0b16fe/icons/replace.svg);
 }
 
 .MaskIconReplaceAll,
 .IconReplaceAll {
-  mask-image: url(/2c0fc7e/icons/replace-all.svg);
+  mask-image: url(/c0b16fe/icons/replace-all.svg);
 }
 
 .MaskIconChevronUp,
 .IconChevronUp {
-  mask-image: url(/2c0fc7e/icons/chevron-up.svg);
+  mask-image: url(/c0b16fe/icons/chevron-up.svg);
 }
 
 .MaskIconArrowLeft,
 .IconArrowLeft {
-  mask-image: url(/2c0fc7e/icons/arrow-left.svg);
+  mask-image: url(/c0b16fe/icons/arrow-left.svg);
 }
 
 .MaskIconArrowRight,
 .IconArrowRight {
-  mask-image: url(/2c0fc7e/icons/arrow-right.svg);
+  mask-image: url(/c0b16fe/icons/arrow-right.svg);
 }
 
 .MaskIconLinkExternal,
 .IconLinkExternal {
-  mask-image: url(/2c0fc7e/icons/link-external.svg);
+  mask-image: url(/c0b16fe/icons/link-external.svg);
 }
 
 .MaskIconExclude,
 .IconExclude {
-  mask-image: url(/2c0fc7e/icons/exclude.svg);
+  mask-image: url(/c0b16fe/icons/exclude.svg);
 }
 
 .MaskIconGoToFile,
 .IconGoToFile {
-  mask-image: url(/2c0fc7e/icons/go-to-file.svg);
+  mask-image: url(/c0b16fe/icons/go-to-file.svg);
 }
 
 .MaskIconDiscard,
 .IconDiscard {
-  mask-image: url(/2c0fc7e/icons/discard.svg);
+  mask-image: url(/c0b16fe/icons/discard.svg);
 }
 
 .MaskIconRemove,
 .IconRemove {
-  mask-image: url(/2c0fc7e/icons/remove.svg);
+  mask-image: url(/c0b16fe/icons/remove.svg);
 }
 
 .MaskIconError,
 .IconError {
-  mask-image: url(/2c0fc7e/icons/error.svg);
+  mask-image: url(/c0b16fe/icons/error.svg);
 }
 
 .MaskIconWarning,
 .IconWarning {
-  mask-image: url(/2c0fc7e/icons/warning.svg);
+  mask-image: url(/c0b16fe/icons/warning.svg);
 }
 
 .MaskIconCircleFilled,
 .IconCircleFilled {
-  mask-image: url(/2c0fc7e/icons/circle-filled.svg);
+  mask-image: url(/c0b16fe/icons/circle-filled.svg);
 }
 
 .MaskIconInfo,
 .IconInfo {
-  mask-image: url(/2c0fc7e/icons/info.svg);
+  mask-image: url(/c0b16fe/icons/info.svg);
 }
 
 .MaskIconSymbolValue,
 .IconSymbolValue,
 .MaskIconSymbolDefault,
 .IconSymbolDefault {
-  mask-image: url(/2c0fc7e/icons/symbol-enum.svg);
+  mask-image: url(/c0b16fe/icons/symbol-enum.svg);
 }
 
 .MaskIconSymbolProperty,
 .IconSymbolProperty {
-  mask-image: url(/2c0fc7e/icons/symbol-property.svg);
+  mask-image: url(/c0b16fe/icons/symbol-property.svg);
 }
 
 .MaskIconSymbolFunction,
 .IconSymbolFunction {
-  mask-image: url(/2c0fc7e/icons/symbol-method.svg);
+  mask-image: url(/c0b16fe/icons/symbol-method.svg);
 }
 
 .MaskIconSymbolVariable,
 .IconSymbolVariable {
-  mask-image: url(/2c0fc7e/icons/symbol-variable.svg);
+  mask-image: url(/c0b16fe/icons/symbol-variable.svg);
 }
 
 .MaskIconPreview {
-  mask-image: url(/2c0fc7e/icons/open-preview.svg);
+  mask-image: url(/c0b16fe/icons/open-preview.svg);
 }
 
 .MaskIconSymbolKeyword,
 .IconSymbolKeyword {
-  mask-image: url(/2c0fc7e/icons/symbol-keyword.svg);
+  mask-image: url(/c0b16fe/icons/symbol-keyword.svg);
 }
 
 .MaskIconSymbolField,
 .IconSymbolField {
-  mask-image: url(/2c0fc7e/icons/symbol-field.svg);
+  mask-image: url(/c0b16fe/icons/symbol-field.svg);
 }
 
 .MaskIconEdit,
 .IconEdit {
-  mask-image: url(/2c0fc7e/icons/edit.svg);
+  mask-image: url(/c0b16fe/icons/edit.svg);
 }
 
 .MaskIconSymbolFile,
 .IconSymbolFile {
-  mask-image: url(/2c0fc7e/icons/symbol-file.svg);
+  mask-image: url(/c0b16fe/icons/symbol-file.svg);
 }
 
 .MaskIconDebugPause {
-  mask-image: url(/2c0fc7e/icons/debug-pause.svg);
+  mask-image: url(/c0b16fe/icons/debug-pause.svg);
 }
 
 .MaskIconDebugStepOver {
-  mask-image: url(/2c0fc7e/icons/debug-step-over.svg);
+  mask-image: url(/c0b16fe/icons/debug-step-over.svg);
 }
 
 .MaskIconDebugStepInto {
-  mask-image: url(/2c0fc7e/icons/debug-step-into.svg);
+  mask-image: url(/c0b16fe/icons/debug-step-into.svg);
 }
 
 .MaskIconDebugStepOut {
-  mask-image: url(/2c0fc7e/icons/debug-step-out.svg);
+  mask-image: url(/c0b16fe/icons/debug-step-out.svg);
 }
 
 .MaskIconDebugContinue {
-  mask-image: url(/2c0fc7e/icons/debug-continue.svg);
+  mask-image: url(/c0b16fe/icons/debug-continue.svg);
 }
 
 .MaskIconTriangleRight {
-  mask-image: url(/2c0fc7e/icons/triangle-right.svg);
+  mask-image: url(/c0b16fe/icons/triangle-right.svg);
 }
 
 .MaskIconTriangleDown {
-  mask-image: url(/2c0fc7e/icons/triangle-down.svg);
+  mask-image: url(/c0b16fe/icons/triangle-down.svg);
 }
 
 .MaskIconDebugRestart {
-  mask-image: url(/2c0fc7e/icons/debug-restart.svg);
+  mask-image: url(/c0b16fe/icons/debug-restart.svg);
 }
 
 .MaskIconDebugStop {
-  mask-image: url(/2c0fc7e/icons/debug-stop.svg);
+  mask-image: url(/c0b16fe/icons/debug-stop.svg);
 }
 
 .MaskIconPreserveCase {
-  mask-image: url(/2c0fc7e/icons/preserve-case.svg);
+  mask-image: url(/c0b16fe/icons/preserve-case.svg);
 }
 
 .MaskIconListTree {
-  mask-image: url(/2c0fc7e/icons/list-tree.svg);
+  mask-image: url(/c0b16fe/icons/list-tree.svg);
 }
 
 .MaskIconProgress {
-  mask-image: url(/2c0fc7e/icons/progress.svg);
+  mask-image: url(/c0b16fe/icons/progress.svg);
 }
 
 .MaskIconRepo {
-  mask-image: url(/2c0fc7e/icons/repo.svg);
+  mask-image: url(/c0b16fe/icons/repo.svg);
 }
 
 /* TODO decide */
 .MaskIconRecordKey,
 .MaskIconRecordKeys {
-  mask-image: url(/2c0fc7e/icons/record-keys.svg);
+  mask-image: url(/c0b16fe/icons/record-keys.svg);
 }
 
 .MaskIconSortPrecedence {
-  mask-image: url(/2c0fc7e/icons/sort-precedence.svg);
+  mask-image: url(/c0b16fe/icons/sort-precedence.svg);
 }
 /*************/
 /* Menu.css */
@@ -1875,7 +1897,7 @@ body {
   width: 16px;
   height: 16px;
   display: block;
-  mask-image: url(/2c0fc7e/icons/chevron-right.svg);
+  mask-image: url(/c0b16fe/icons/chevron-right.svg);
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 100%;
@@ -2023,12 +2045,12 @@ body {
 
 .ProblemsErrorIcon {
   color: var(--ProblemsErrorIconForeground, #b64e4e);
-  mask-image: url(/2c0fc7e/icons/error.svg);
+  mask-image: url(/c0b16fe/icons/error.svg);
 }
 
 .ProblemsWarningIcon {
   color: var(--ProblemsWarningIconForeground, #91b147);
-  mask-image: url(/2c0fc7e/icons/warning.svg);
+  mask-image: url(/c0b16fe/icons/warning.svg);
 }
 /*************/
 /* Progress.css */
@@ -2473,32 +2495,32 @@ button.Select[name='agent-mode-picker-toggle'] .SelectLabel {
 .SymbolValue,
 .SymbolDefault {
   color: var(--SymbolValueForeground);
-  mask-image: url(/2c0fc7e/icons/symbol-enum.svg);
+  mask-image: url(/c0b16fe/icons/symbol-enum.svg);
 }
 
 .SymbolProperty {
   color: var(--SymbolPropertyForeground);
-  mask-image: url(/2c0fc7e/icons/symbol-property.svg);
+  mask-image: url(/c0b16fe/icons/symbol-property.svg);
 }
 
 .SymbolFunction {
   color: var(--SymbolFunctionForeground);
-  mask-image: url(/2c0fc7e/icons/symbol-method.svg);
+  mask-image: url(/c0b16fe/icons/symbol-method.svg);
 }
 
 .SymbolVariable {
   color: var(--SymbolVariableForeground);
-  mask-image: url(/2c0fc7e/icons/symbol-variable.svg);
+  mask-image: url(/c0b16fe/icons/symbol-variable.svg);
 }
 
 .SymbolKeyword {
   color: var(--SymbolKeywordForeground);
-  mask-image: url(/2c0fc7e/icons/symbol-keyword.svg);
+  mask-image: url(/c0b16fe/icons/symbol-keyword.svg);
 }
 
 .SymbolField {
   color: var(--SymbolFieldForeground);
-  mask-image: url(/2c0fc7e/icons/symbol-field.svg);
+  mask-image: url(/c0b16fe/icons/symbol-field.svg);
 }
 /*************/
 /* TitleBarEntry.css */
@@ -3956,265 +3978,224 @@ a.Button {
 /*************/
 .ChatDebugView {
   padding: 8px;
-  display: grid;
-  grid-template-rows: auto auto 1fr;
+  display: flex;
   height: 100%;
   box-sizing: border-box;
   gap: 8px;
   contain: strict;
   flex: 1;
+  flex-direction: column;
 }
 
-.ChatDebugViewTop {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  contain: content;
+.ChatDebugView--devtools {
+  gap: 4px;
 }
 
-.ChatDebugViewTop .InputBox {
-  flex: 1;
+.ChatDebugView--devtools .ChatDebugViewEvents {
+  border-radius: 6px;
+  margin-bottom: 0;
+  overflow: hidden;
 }
 
-.ChatDebugViewToggle {
+.ChatDebugViewCell {
   display: flex;
   align-items: center;
-  gap: 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
+  min-width: 0;
+  pointer-events: none;
   contain: content;
 }
 
-.ChatDebugViewSession {
-  font-size: 12px;
-  opacity: 0.8;
-  contain: content;
+.ChatDebugViewCellDuration {
+  flex: 0 0 90px;
+  justify-content: flex-end;
+  text-align: right;
 }
 
-.ChatDebugViewEventCount {
-  font-size: 12px;
-  opacity: 0.8;
-  contain: content;
+.ChatDebugViewCellStatus {
+  flex: 0 0 64px;
+  justify-content: flex-end;
+  text-align: right;
 }
 
-.ChatDebugViewEvents {
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4)) transparent;
-  contain: content;
+.ChatDebugViewCellStatusError {
+  color: var(--vscode-errorForeground, #f14c4c);
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+.ChatDebugViewCellTime {
+  flex: 1 1 180px;
+  min-width: 0;
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar-track {
-  background: transparent;
+.ChatDebugViewCellType {
+  flex: 1 1 140px;
+  min-width: 0;
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar-thumb {
-  background: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4));
-  border-radius: 999px;
-  border: 2px solid transparent;
-  background-clip: content-box;
+.ChatDebugViewDetails {
+  border: 1px solid var(--vscode-editorWidget-border, #454545);
+  border-radius: 6px;
+  overflow: hidden;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  contain: strict;
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar-thumb:hover {
-  background: var(--vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7));
+.ChatDebugViewDetailsBody {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0;
+  flex: 1 1 auto;
+  min-height: 0;
+  align-items: stretch;
+  contain: strict;
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar-thumb:active {
-  background: var(--vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4));
+.ChatDebugViewDetailsClose {
+  width: 18px;
+  height: 18px;
+  appearance: none;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  position: relative;
+  color: var(--vscode-foreground, #cccccc);
+  background: transparent;
+  align-self: center;
+  flex: 0 0 auto;
+  contain: strict;
 }
 
-.ChatDebugViewEvent {
-  margin: 0;
-  padding: 8px;
-  border: 1px solid var(--vscode-editorWidget-border, #454545);
-  border-radius: 6px;
-  margin-bottom: 8px;
-  white-space: pre-wrap;
-  word-break: break-word;
-  font-family: var(--vscode-editor-font-family, monospace);
-  font-size: 12px;
-  user-select: text;
-  contain: content;
+.ChatDebugViewDetailsClose::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 10px;
+  height: 1px;
+  background: currentColor;
+  transform: translate(-50%, -50%) rotate(-45deg);
 }
 
-.ChatDebugViewEmpty {
-  opacity: 0.8;
-  contain: content;
+.ChatDebugViewDetailsClose::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 10px;
+  height: 1px;
+  background: currentColor;
+  transform: translate(-50%, -50%) rotate(45deg);
 }
 
-.ChatDebugViewError {
-  color: var(--vscode-errorForeground, #f14c4c);
-  white-space: normal;
-  contain: content;
+.ChatDebugViewDetailsClose:hover {
+  background: var(--vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31));
 }
 
-.TokenText {
-  color: var(--vscode-editor-foreground, inherit);
-  contain: content;
+.ChatDebugViewDetailsPanel {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  padding: 8px;
+  flex: 1 1 auto;
+  min-height: 0;
+  align-items: flex-start;
+  contain: strict;
 }
 
-.TokenKey {
-  color: var(--vscode-symbolIcon-propertyForeground, var(--vscode-editor-foreground, inherit));
-  contain: content;
+.ChatDebugViewDetailsPanel > .ChatDebugViewEvent {
+  border: 0;
+  border-radius: 0;
+  margin-bottom: 0;
 }
 
-.TokenString {
-  color: var(--vscode-debugTokenExpression-string, var(--vscode-charts-green, #89d185));
+.ChatDebugViewDetailsTab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
+  padding: 0 10px;
+  appearance: none;
+  background: transparent;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  color: var(--vscode-descriptionForeground, var(--vscode-foreground, #cccccc));
+  cursor: pointer;
+  white-space: nowrap;
   contain: content;
 }
 
-.TokenNumeric {
-  color: var(--vscode-debugTokenExpression-number, var(--vscode-charts-blue, #75beff));
-  contain: content;
+.ChatDebugViewDetailsTab:hover {
+  color: var(--vscode-foreground, #cccccc);
 }
 
-.TokenBoolean {
-  color: var(--vscode-debugTokenExpression-boolean, var(--vscode-charts-yellow, #dcdcaa));
+.ChatDebugViewDetailsTabs {
+  display: flex;
+  align-items: center;
+  flex: 1 1 auto;
+  gap: 2px;
+  min-width: 0;
+  padding: 0;
+  overflow-x: auto;
   contain: content;
 }
 
-.ChatDebugViewToggleLabel {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
+.ChatDebugViewDetailsTabSelected {
+  border-bottom-color: var(--vscode-focusBorder, #007fd4);
+  color: var(--vscode-focusBorder, #007fd4);
 }
 
-.ChatDebugView {
+.ChatDebugViewDetailsTop {
   display: flex;
-  flex-direction: column;
-  height: 100%;
-  box-sizing: border-box;
+  align-items: stretch;
+  justify-content: flex-start;
   gap: 8px;
-  contain: strict;
-}
-
-.ChatDebugView--devtools {
-  gap: 4px;
+  padding: 0 8px;
+  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
+  contain: content;
+  background: color-mix(
+    in srgb,
+    var(--vscode-editorWidget-background, transparent) 72%,
+    var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.18)) 28%
+  );
 }
 
-.ChatDebugViewTop {
+.ChatDebugViewDevtoolsMain {
   display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  contain: content;
+  flex-direction: column;
+  flex: 1;
+  align-items: stretch;
+  gap: 0;
+  min-width: 0;
+  min-height: 0;
+  contain: strict;
 }
 
-.ChatDebugViewTop--devtools {
-  align-items: stretch;
+.ChatDebugViewDevtoolsMain > .ChatDebugViewTimeline {
+  flex: 0 0 auto;
 }
 
-.ChatDebugViewFilterInput {
+.ChatDebugViewDevtoolsSplit {
+  display: flex;
   flex: 1;
+  align-items: stretch;
+  gap: 0;
   min-width: 0;
-  max-width: 500px;
-  contain: content;
+  min-height: 0;
+  overflow: hidden;
+  contain: strict;
 }
 
-.ChatDebugViewFilterInput--devtools {
-  flex: 0 1 80px;
-  width: 100%;
-  max-width: 80px;
-}
-
-.ChatDebugViewQuickFilterPill {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 22px;
-  padding: 0 10px;
-  border: 1px solid var(--vscode-editorWidget-border, #454545);
-  border-radius: 999px;
-  cursor: pointer;
-  white-space: nowrap;
-  transition:
-    background 120ms ease-out,
-    border-color 120ms ease-out,
-    color 120ms ease-out,
-    transform 120ms ease-out;
-  contain: content;
-}
-
-.ChatDebugViewQuickFilterPill:not(.ChatDebugViewQuickFilterPillSelected):hover {
-  border-color: var(--vscode-focusBorder, #007fd4);
-  background: color-mix(in srgb, var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.16)) 82%, transparent 18%);
-  color: var(--vscode-list-hoverForeground, inherit);
-  transform: translateY(-1px);
-}
-
-.ChatDebugViewQuickFilters {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  justify-content: center;
-  min-height: 28px;
-  font-size: 12px;
-  line-height: 1;
-  contain: content;
-}
-
-.ChatDebugViewQuickFilterPillSelected {
-  border-color: var(--vscode-focusBorder, #007fd4);
-  background: var(--vscode-list-activeSelectionBackground, rgba(14, 99, 156, 0.35));
-  color: var(--vscode-list-activeSelectionForeground, inherit);
-}
-
-.ChatDebugViewQuickFilterInput {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  contain: content;
-}
-
-.ChatDebugViewEvents {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  min-width: 0;
-  min-height: 0;
-  scrollbar-width: thin;
-  scrollbar-color: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4)) transparent;
-  contain: strict;
-}
-
-.ChatDebugView--devtools .ChatDebugViewEvents {
-  border-radius: 6px;
-  margin-bottom: 0;
-  overflow: hidden;
-}
-
-.ChatDebugViewEventsFullWidth {
-  flex: 1 1 100%;
-}
-
-.ChatDebugViewDevtoolsMain {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  align-items: stretch;
-  gap: 0;
-  min-width: 0;
-  min-height: 0;
-  contain: strict;
-}
-
-.ChatDebugViewDevtoolsMain > .ChatDebugViewTimeline {
-  flex: 0 0 auto;
-}
-
-.ChatDebugViewDevtoolsSplit {
-  display: flex;
+.ChatDebugViewDevtoolsSplit > .ChatDebugViewDetails {
+  border-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
   flex: 1;
-  align-items: stretch;
-  gap: 0;
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-  contain: strict;
 }
 
 .ChatDebugViewDevtoolsSplit > .ChatDebugViewEvents {
@@ -4226,197 +4207,159 @@ a.Button {
   flex: 1 1 100%;
 }
 
-.ChatDebugViewDevtoolsSplit > .ChatDebugViewDetails {
-  border-left: 0;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  flex: 1;
-}
-
-.ChatDebugViewSash {
-  flex: 0 0 var(--ChatDebugViewSashWidth);
-  position: relative;
-  cursor: col-resize;
+.ChatDebugViewEmpty {
+  opacity: 0.8;
+  contain: content;
   display: flex;
-  justify-content: center;
-  min-height: 0;
-  contain: strict;
-}
-
-.ChatDebugViewSashLine {
-  width: 1px;
-  height: 100%;
-  background: var(--vscode-editorWidget-border, #454545);
-  pointer-events: none;
-  contain: strict;
+  align-items: center;
 }
 
-.ChatDebugViewSash:hover .ChatDebugViewSashLine {
-  background: var(--vscode-focusBorder, #007fd4);
+.ChatDebugViewError {
+  color: var(--vscode-errorForeground, #f14c4c);
+  white-space: normal;
+  contain: content;
+  display: flex;
 }
 
-.ChatDebugViewTable {
+.ChatDebugViewEvent {
+  margin: 0;
+  padding: 8px;
+  border: 1px solid var(--vscode-editorWidget-border, #454545);
+  border-radius: 6px;
+  margin-bottom: 8px;
+  white-space: nowrap;
+  font-family: var(--vscode-editor-font-family, monospace);
+  font-size: 12px;
+  user-select: text;
+  contain: content;
   display: flex;
   flex-direction: column;
-  min-height: 0;
-  flex: 1 1 auto;
-  contain: strict;
+  width: max-content;
+  min-width: 100%;
 }
 
-.ChatDebugViewTimeline {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
-  background: color-mix(
-    in srgb,
-    var(--vscode-editorWidget-background, transparent) 82%,
-    var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.12)) 18%
-  );
+.ChatDebugViewEventCount {
+  font-size: 12px;
+  opacity: 0.8;
   contain: content;
 }
 
-.ChatDebugViewTimelineTop {
+.ChatDebugViewEventLineContent {
   display: flex;
-  align-items: center;
+  white-space: pre;
   contain: content;
 }
 
-.ChatDebugViewTimelineSummary {
+.ChatDebugViewEventLineNumber {
   display: flex;
-  align-items: center;
-  font-size: 12px;
-  line-height: 16px;
-  opacity: 0.8;
+  justify-content: flex-end;
+  flex: 0 0 3ch;
+  margin-right: 12px;
+  opacity: 0.6;
+  user-select: none;
   contain: content;
 }
 
-.ChatDebugViewTimelineControls {
+.ChatDebugViewEventRow {
   display: flex;
   align-items: center;
   gap: 8px;
-  flex-wrap: wrap;
   contain: content;
+  padding: 2px 8px;
+  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
+  background: color-mix(
+    in srgb,
+    var(--vscode-editorWidget-background, transparent) 92%,
+    var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.31)) 8%
+  );
+  cursor: default;
 }
 
-.ChatDebugViewTimelineBuckets {
-  display: flex;
-  align-items: end;
-  gap: 3px;
-  flex: 1 1 auto;
-  min-height: 52px;
-  pointer-events: none;
-  contain: strict;
+.ChatDebugViewTableBody > .ChatDebugViewEventRow:nth-child(even) {
+  background: color-mix(
+    in srgb,
+    var(--vscode-editorWidget-background, transparent) 84%,
+    var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.31)) 16%
+  );
 }
 
-.ChatDebugViewTimelineInteractive {
-  display: flex;
-  position: relative;
-  min-height: 52px;
-  cursor: crosshair;
-  user-select: none;
-  contain: strict;
+.ChatDebugViewEventRow:hover {
+  background: var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.31));
+  color: var(--vscode-list-hoverForeground, inherit);
 }
 
-.ChatDebugViewTimelineSelectionOverlay {
+.ChatDebugViewEventRowInput {
   position: absolute;
-  inset: 0;
+  opacity: 0;
   pointer-events: none;
-  contain: strict;
+  contain: content;
 }
 
-.ChatDebugViewTimelineSelectionRange {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  background: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 20%, transparent 80%);
-  border-left: 1px solid color-mix(in srgb, var(--vscode-charts-blue, #75beff) 65%, transparent 35%);
-  border-right: 1px solid color-mix(in srgb, var(--vscode-charts-blue, #75beff) 65%, transparent 35%);
-  contain: strict;
+.ChatDebugViewEventRowLabel {
+  display: block;
+  contain: content;
 }
 
-.ChatDebugViewTimelineSelectionMarker {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 1px;
-  margin-left: -0.5px;
-  background: var(--vscode-focusBorder, #007fd4);
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--vscode-focusBorder, #007fd4) 24%, transparent 76%);
-  contain: strict;
+.ChatDebugViewEventRowLabelSelected .ChatDebugViewEventRow {
+  background: var(--vscode-list-activeSelectionBackground, rgba(14, 99, 156, 0.35));
+  color: var(--vscode-list-activeSelectionForeground, inherit);
 }
 
-.ChatDebugViewTimelineBucket {
-  --ChatDebugViewTimelineBucketBarBackground: color-mix(in srgb, var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.16)) 74%, transparent 26%);
-  --ChatDebugViewTimelineBucketBarBorderColor: transparent;
+.ChatDebugViewEventRowSelected {
+  background: var(--vscode-list-activeSelectionBackground, rgba(14, 99, 156, 0.35));
+  color: var(--vscode-list-activeSelectionForeground, inherit);
+}
+
+.ChatDebugViewEvents {
   display: flex;
-  align-items: stretch;
-  flex: 1 1 10px;
-  min-width: 10px;
-  min-height: 52px;
+  flex-direction: column;
+  overflow: auto;
+  min-width: 0;
+  min-height: 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4)) transparent;
   contain: strict;
 }
 
-.ChatDebugViewTimelineBucketSelected {
-  --ChatDebugViewTimelineBucketBarBackground: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 72%, transparent 28%);
-  --ChatDebugViewTimelineBucketBarBorderColor: var(--vscode-focusBorder, #007fd4);
+.ChatDebugViewEvents::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
 }
 
-.ChatDebugViewTimelinePresetInput {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  contain: content;
+.ChatDebugViewEvents::-webkit-scrollbar-thumb {
+  background: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4));
+  border-radius: 999px;
+  border: 2px solid transparent;
+  background-clip: content-box;
 }
 
-.ChatDebugViewTimelineBucketBar {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  gap: 2px;
-  padding: 6px 1px 2px;
-  border: 1px solid transparent;
-  border-radius: 2px;
-  width: 100%;
-  background: var(--ChatDebugViewTimelineBucketBarBackground);
-  border-color: var(--ChatDebugViewTimelineBucketBarBorderColor);
-  contain: strict;
+.ChatDebugViewEvents::-webkit-scrollbar-thumb:active {
+  background: var(--vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4));
 }
 
-.ChatDebugViewTimelineBucketBarSelected {
-  background: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 72%, transparent 28%);
-  border-color: var(--vscode-focusBorder, #007fd4);
+.ChatDebugViewEvents::-webkit-scrollbar-thumb:hover {
+  background: var(--vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7));
 }
 
-.ChatDebugViewTimelineBucketUnit {
-  width: 100%;
-  height: 4px;
-  border-radius: 999px;
-  background: var(--vscode-charts-blue, #75beff);
-  contain: strict;
+.ChatDebugViewEvents::-webkit-scrollbar-track {
+  background: transparent;
 }
 
-.ChatDebugViewTimelineBucketUnitEmpty {
-  opacity: 0.35;
-  background: var(--vscode-editorWidget-border, #454545);
+.ChatDebugViewEventsFullWidth {
+  flex: 1 1 100%;
 }
 
-.ChatDebugViewTableHeaderRow,
-.ChatDebugViewEventRow {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.ChatDebugViewFilterInput {
+  flex: 1;
+  min-width: 0;
+  max-width: 500px;
   contain: content;
 }
 
-.ChatDebugViewTableHeader {
-  padding: 3px 8px;
-  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
-  background: var(--vscode-editorWidget-background, transparent);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  contain: content;
+.ChatDebugViewFilterInput--devtools {
+  flex: 0 1 80px;
+  width: 100%;
+  max-width: 80px;
 }
 
 .ChatDebugViewHeaderCell {
@@ -4433,263 +4376,268 @@ a.Button {
   contain: content;
 }
 
-.ChatDebugViewTableBody {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  min-height: 0;
-  flex: 1 1 auto;
-  contain: strict;
+.ChatDebugViewTableHeaderRow > .ChatDebugViewHeaderCell:nth-child(1) {
+  flex: 1 1 140px;
+  min-width: 0;
 }
 
-.ChatDebugViewEventRowLabel {
-  display: block;
-  contain: content;
+.ChatDebugViewTableHeaderRow > .ChatDebugViewHeaderCell:nth-child(2) {
+  flex: 0 0 90px;
+  justify-content: flex-end;
 }
 
-.ChatDebugViewEventRowLabelSelected .ChatDebugViewEventRow,
-.ChatDebugViewEventRowSelected {
-  background: var(--vscode-list-activeSelectionBackground, rgba(14, 99, 156, 0.35));
-  color: var(--vscode-list-activeSelectionForeground, inherit);
+.ChatDebugViewTableHeaderRow > .ChatDebugViewHeaderCell:nth-child(3) {
+  flex: 0 0 96px;
+  justify-content: flex-end;
 }
 
-.ChatDebugViewEventRowInput {
+.ChatDebugViewQuickFilterInput {
   position: absolute;
   opacity: 0;
   pointer-events: none;
   contain: content;
 }
 
-.ChatDebugViewEventRow {
-  padding: 2px 8px;
-  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
+.ChatDebugViewQuickFilterPill {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 22px;
+  padding: 0 10px;
+  border: 1px solid var(--vscode-editorWidget-border, #454545);
+  border-radius: 999px;
   cursor: pointer;
+  white-space: nowrap;
+  transition:
+    background 120ms ease-out,
+    border-color 120ms ease-out,
+    color 120ms ease-out,
+    transform 120ms ease-out;
+  contain: content;
 }
 
-.ChatDebugViewEventRow:hover {
-  background: var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.31));
+.ChatDebugViewQuickFilterPill:not(.ChatDebugViewQuickFilterPillSelected):hover {
+  border-color: var(--vscode-focusBorder, #007fd4);
+  background: color-mix(in srgb, var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.16)) 82%, transparent 18%);
   color: var(--vscode-list-hoverForeground, inherit);
+  transform: translateY(-1px);
 }
 
-.ChatDebugViewCell {
+.ChatDebugViewQuickFilterPillSelected {
+  border-color: var(--vscode-focusBorder, #007fd4);
+  background: var(--vscode-list-activeSelectionBackground, rgba(14, 99, 156, 0.35));
+  color: var(--vscode-list-activeSelectionForeground, inherit);
+}
+
+.ChatDebugViewQuickFilters {
   display: flex;
   align-items: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
+  gap: 8px;
+  justify-content: center;
+  min-height: 28px;
+  font-size: 12px;
+  line-height: 1;
   contain: content;
 }
 
-.ChatDebugViewCellType {
-  flex: 1 1 140px;
-  min-width: 0;
+.ChatDebugViewSash {
+  flex: 0 0 var(--ChatDebugViewSashWidth);
+  position: relative;
+  cursor: col-resize;
+  display: flex;
+  justify-content: center;
+  min-height: 0;
+  contain: strict;
 }
 
-.ChatDebugViewCellTime {
-  flex: 1 1 180px;
-  min-width: 0;
+.ChatDebugViewSash:hover .ChatDebugViewSashLine {
+  background: var(--vscode-focusBorder, #007fd4);
 }
 
-.ChatDebugViewCellDuration {
-  flex: 0 0 90px;
-  justify-content: flex-end;
-  text-align: right;
+.ChatDebugViewSashLine {
+  width: 1px;
+  height: 100%;
+  background: var(--vscode-editorWidget-border, #454545);
+  pointer-events: none;
+  contain: strict;
 }
 
-.ChatDebugViewCellStatus {
-  flex: 0 0 64px;
-  justify-content: flex-end;
-  text-align: right;
+.ChatDebugViewSession {
+  font-size: 12px;
+  opacity: 0.8;
+  contain: content;
 }
 
-.ChatDebugViewDetails {
-  border: 1px solid var(--vscode-editorWidget-border, #454545);
-  border-radius: 6px;
-  overflow: hidden;
-  min-width: 0;
-  min-height: 0;
+.ChatDebugViewTable {
   display: flex;
   flex-direction: column;
+  min-height: 0;
+  flex: 1 1 auto;
   contain: strict;
 }
 
-.ChatDebugViewDetailsTop {
+.ChatDebugViewTableBody {
   display: flex;
-  align-items: stretch;
-  justify-content: flex-start;
-  gap: 8px;
-  padding: 0 8px;
-  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
-  contain: content;
-}
-
-.ChatDebugViewDetailsClose {
-  width: 18px;
-  height: 18px;
-  appearance: none;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  position: relative;
-  color: var(--vscode-foreground, #cccccc);
-  background: transparent;
-  align-self: center;
-  flex: 0 0 auto;
+  flex-direction: column;
+  overflow: auto;
+  min-height: 0;
+  flex: 1 1 auto;
   contain: strict;
 }
 
-.ChatDebugViewDetailsClose:hover {
-  background: var(--vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31));
-}
-
-.ChatDebugViewDetailsClose::before,
-.ChatDebugViewDetailsClose::after {
-  content: '';
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  width: 10px;
-  height: 1px;
-  background: currentColor;
+.ChatDebugViewTableHeader {
+  padding: 3px 8px;
+  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
+  background: var(--vscode-editorWidget-background, transparent);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  contain: content;
 }
 
-.ChatDebugViewDetailsClose::before {
-  transform: translate(-50%, -50%) rotate(45deg);
+.ChatDebugViewTableHeaderRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  contain: content;
 }
 
-.ChatDebugViewDetailsClose::after {
-  transform: translate(-50%, -50%) rotate(-45deg);
+.ChatDebugViewTimeline {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
+  background: color-mix(
+    in srgb,
+    var(--vscode-editorWidget-background, transparent) 82%,
+    var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.12)) 18%
+  );
+  contain: content;
 }
 
-.ChatDebugViewDetailsBody {
+.ChatDebugViewTimelineBucket {
+  --ChatDebugViewTimelineBucketBarBackground: color-mix(in srgb, var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.16)) 74%, transparent 26%);
+  --ChatDebugViewTimelineBucketBarBorderColor: transparent;
   display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  padding: 0;
-  flex: 1 1 auto;
-  min-height: 0;
   align-items: stretch;
+  flex: 1 1 10px;
+  min-width: 10px;
+  min-height: 52px;
   contain: strict;
 }
 
-.ChatDebugViewDetailsTabs {
+.ChatDebugViewTimelineBucketBar {
   display: flex;
-  align-items: center;
-  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: flex-end;
   gap: 2px;
-  min-width: 0;
-  padding: 0;
-  overflow-x: auto;
-  contain: content;
-}
-
-.ChatDebugViewDetailsTab {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 32px;
-  padding: 0 10px;
-  appearance: none;
-  background: transparent;
-  border: 0;
-  border-bottom: 2px solid transparent;
-  color: var(--vscode-descriptionForeground, var(--vscode-foreground, #cccccc));
-  cursor: pointer;
-  white-space: nowrap;
+  padding: 6px 1px 2px;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  width: 100%;
+  background: var(--ChatDebugViewTimelineBucketBarBackground);
+  border-color: var(--ChatDebugViewTimelineBucketBarBorderColor);
   contain: strict;
 }
 
-.ChatDebugViewDetailsTab:hover {
-  color: var(--vscode-foreground, #cccccc);
-}
-
-.ChatDebugViewDetailsTabSelected {
-  border-bottom-color: var(--vscode-focusBorder, #007fd4);
-  color: var(--vscode-foreground, #cccccc);
+.ChatDebugViewTimelineBucketBarSelected {
+  background: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 72%, transparent 28%);
+  border-color: var(--vscode-focusBorder, #007fd4);
 }
 
-.ChatDebugViewDetailsPanel {
+.ChatDebugViewTimelineBuckets {
   display: flex;
-  flex-direction: column;
-  overflow: auto;
-  padding: 8px;
+  align-items: end;
+  gap: 3px;
   flex: 1 1 auto;
-  min-height: 0;
-  align-items: flex-start;
+  min-height: 52px;
+  pointer-events: none;
   contain: strict;
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-
-.ChatDebugViewEvents::-webkit-scrollbar-track {
-  background: transparent;
+.ChatDebugViewTimelineBucketSelected {
+  --ChatDebugViewTimelineBucketBarBackground: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 72%, transparent 28%);
+  --ChatDebugViewTimelineBucketBarBorderColor: var(--vscode-focusBorder, #007fd4);
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar-thumb {
-  background: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4));
+.ChatDebugViewTimelineBucketUnit {
+  width: 100%;
+  height: 4px;
   border-radius: 999px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-}
-
-.ChatDebugViewEvents::-webkit-scrollbar-thumb:hover {
-  background: var(--vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7));
+  background: var(--vscode-charts-blue, #75beff);
+  contain: strict;
 }
 
-.ChatDebugViewEvents::-webkit-scrollbar-thumb:active {
-  background: var(--vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4));
+.ChatDebugViewTimelineBucketUnitEmpty {
+  opacity: 0.35;
+  background: var(--vscode-editorWidget-border, #454545);
 }
 
-.ChatDebugViewEvent {
+.ChatDebugViewTimelineControls {
   display: flex;
-  flex-direction: column;
-  width: max-content;
-  min-width: 100%;
-  margin: 0;
-  padding: 8px;
-  border: 1px solid var(--vscode-editorWidget-border, #454545);
-  border-radius: 6px;
-  margin-bottom: 8px;
-  white-space: nowrap;
-  font-family: var(--vscode-editor-font-family, monospace);
-  font-size: 12px;
-  user-select: text;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
   contain: content;
 }
 
-.row {
+.ChatDebugViewTimelineInteractive {
   display: flex;
-  align-items: baseline;
-  min-width: 100%;
-  width: max-content;
-  white-space: nowrap;
-  contain: content;
+  position: relative;
+  min-height: 52px;
+  cursor: crosshair;
+  user-select: none;
+  contain: strict;
 }
 
-.ChatDebugViewEventLineNumber {
-  display: flex;
-  justify-content: flex-end;
-  flex: 0 0 3ch;
-  margin-right: 12px;
-  opacity: 0.6;
-  user-select: none;
+.ChatDebugViewTimelinePresetInput {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
   contain: content;
 }
 
-.ChatDebugViewEventLineContent {
+.ChatDebugViewTimelineSelectionMarker {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  margin-left: -0.5px;
+  background: var(--vscode-focusBorder, #007fd4);
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--vscode-focusBorder, #007fd4) 24%, transparent 76%);
+  contain: strict;
+}
+
+.ChatDebugViewTimelineSelectionOverlay {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  contain: strict;
+}
+
+.ChatDebugViewTimelineSelectionRange {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 20%, transparent 80%);
+  border-left: 1px solid color-mix(in srgb, var(--vscode-charts-blue, #75beff) 65%, transparent 35%);
+  border-right: 1px solid color-mix(in srgb, var(--vscode-charts-blue, #75beff) 65%, transparent 35%);
+  contain: strict;
+}
+
+.ChatDebugViewTimelineSummary {
   display: flex;
-  white-space: pre;
+  align-items: center;
+  font-size: 12px;
+  line-height: 16px;
+  opacity: 0.8;
   contain: content;
 }
 
-.ChatDebugViewDetailsPanel > .ChatDebugViewEvent {
-  border: 0;
-  border-radius: 0;
-  margin-bottom: 0;
+.ChatDebugViewTimelineTop {
+  display: flex;
+  align-items: center;
+  contain: content;
 }
 
 .ChatDebugViewTiming {
@@ -4703,6 +4651,11 @@ a.Button {
   flex: 1;
 }
 
+.ChatDebugViewTimingLabel {
+  opacity: 0.8;
+  contain: content;
+}
+
 .ChatDebugViewTimingRow {
   display: flex;
   align-items: center;
@@ -4717,49 +4670,40 @@ a.Button {
   border-bottom: 0;
 }
 
-.ChatDebugViewTimingLabel {
-  opacity: 0.8;
-  contain: content;
-}
-
 .ChatDebugViewTimingValue {
   text-align: right;
   font-family: var(--vscode-editor-font-family, monospace);
   contain: content;
 }
 
-.ChatDebugViewEmpty {
+.ChatDebugViewToggle {
   display: flex;
   align-items: center;
-  opacity: 0.8;
-  contain: content;
-}
-
-.ChatDebugViewError {
-  display: flex;
-  color: var(--vscode-errorForeground, #f14c4c);
-  white-space: normal;
+  gap: 6px;
+  white-space: nowrap;
   contain: content;
 }
 
-.TokenText {
-  color: var(--vscode-editor-foreground, inherit);
-}
-
-.TokenKey {
-  color: var(--vscode-symbolIcon-propertyForeground, var(--vscode-editor-foreground, inherit));
+.ChatDebugViewToggleLabel {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
 }
 
-.TokenString {
-  color: var(--vscode-debugTokenExpression-string, var(--vscode-charts-green, #89d185));
+.ChatDebugViewTop {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  contain: content;
 }
 
-.TokenNumeric {
-  color: var(--vscode-debugTokenExpression-number, var(--vscode-charts-blue, #75beff));
+.ChatDebugViewTop .InputBox {
+  flex: 1;
 }
 
-.TokenBoolean {
-  color: var(--vscode-debugTokenExpression-boolean, var(--vscode-charts-yellow, #dcdcaa));
+.ChatDebugViewTop--devtools {
+  align-items: stretch;
 }
 
 .ChatOrderedList {
@@ -4785,6 +4729,42 @@ a.Button {
   padding: 0;
   contain: content;
 }
+
+.row {
+  display: flex;
+  align-items: baseline;
+  min-width: 100%;
+  width: max-content;
+  white-space: nowrap;
+  contain: strict;
+  gap: 12px;
+  height: 20px;
+}
+
+.TokenBoolean {
+  color: var(--vscode-debugTokenExpression-boolean, var(--vscode-charts-yellow, #dcdcaa));
+  contain: content;
+}
+
+.TokenKey {
+  color: var(--vscode-symbolIcon-propertyForeground, var(--vscode-editor-foreground, inherit));
+  contain: content;
+}
+
+.TokenNumeric {
+  color: var(--vscode-debugTokenExpression-number, var(--vscode-charts-blue, #75beff));
+  contain: content;
+}
+
+.TokenString {
+  color: var(--vscode-debugTokenExpression-string, var(--vscode-charts-green, #89d185));
+  contain: content;
+}
+
+.TokenText {
+  color: var(--vscode-editor-foreground, inherit);
+  contain: content;
+}
 /*************/
 /* ViewletEditor.css */
 /*************/
@@ -4924,11 +4904,11 @@ a.Button {
 }
 
 .DiagnosticError {
-  background: url(/2c0fc7e/icons/squiggly-error.svg) repeat-x bottom left;
+  background: url(/c0b16fe/icons/squiggly-error.svg) repeat-x bottom left;
 }
 
 .DiagnosticWarning {
-  background: url(/2c0fc7e/icons/squiggly-warning.svg) repeat-x bottom left;
+  background: url(/c0b16fe/icons/squiggly-warning.svg) repeat-x bottom left;
 }
 
 .Token.EditorGoToDefinitionLink {
@@ -5545,7 +5525,7 @@ a.Button {
   max-width: 200px;
   width: 100%;
   display: flex;
-  mask-image: url(/2c0fc7e/icons/icon.svg);
+  mask-image: url(/c0b16fe/icons/icon.svg);
   contain: strict;
   mask-repeat: no-repeat;
   mask-repeat: no-repeat;