@lvce-editor/static-server 0.77.8 → 0.77.9

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

@@ -257,7 +257,7 @@ body {
 /*************/
 @font-face {
   font-family: 'Fira Code';
-  src: url(/fa4105b/fonts/FiraCode-VariableFont.ttf) format('truetype');
+  src: url(/2c0fc7e/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(/fa4105b/icons/chevron-down.svg);
+  mask-image: url(/2c0fc7e/icons/chevron-down.svg);
   pointer-events: none;
   width: 16px;
   height: 16px;
@@ -543,6 +543,79 @@ body {
   flex-shrink: 0;
 }
 /*************/
+/* ChatAttachments.css */
+/*************/
+.ChatAttachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.ChatAttachment {
+  align-items: center;
+  display: inline-flex;
+  gap: 6px;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  border-radius: 999px;
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
+  padding: 4px 10px;
+  background: var(--vscode-badge-background, color-mix(in srgb, var(--vscode-editor-background) 88%, white));
+  color: var(--vscode-badge-foreground, var(--vscode-foreground));
+  font-size: 12px;
+}
+
+.ChatAttachmentLabel {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ChatAttachmentPreview {
+  width: 20px;
+  height: 20px;
+  flex: none;
+  border-radius: 4px;
+  object-fit: cover;
+}
+
+.ChatAttachmentImage {
+  border-color: var(--vscode-charts-blue);
+}
+
+.ChatAttachmentInvalidImage {
+  border-color: var(--vscode-inputValidation-errorBorder, var(--vscode-errorForeground));
+  color: var(--vscode-errorForeground, var(--vscode-foreground));
+}
+
+.ChatAttachmentTextFile {
+  border-color: var(--vscode-charts-green, var(--vscode-widget-border, var(--vscode-panel-border)));
+}
+
+.ChatImageMessageContent {
+  padding: 6px;
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
+  border-radius: 12px;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  overflow: hidden;
+}
+
+.ChatMessageImage {
+  display: block;
+  max-width: min(320px, 100%);
+  max-height: min(320px, calc(100vh - 220px));
+  border-radius: 8px;
+  object-fit: contain;
+  background: color-mix(in srgb, var(--vscode-editor-background) 88%, black);
+}
+
+.ChatMessages > .MessageUser .ChatAttachments {
+  justify-content: flex-end;
+}
+/*************/
 /* ChatHeader.css */
 /*************/
 .ChatHeader {
@@ -1395,365 +1468,365 @@ body {
 
 .MaskIconMinimize,
 .IconMinimize {
-  mask-image: url(/fa4105b/icons/chrome-minimize.svg);
+  mask-image: url(/2c0fc7e/icons/chrome-minimize.svg);
 }
 
 .MaskIconMaximize,
 .IconMaximize {
-  mask-image: url(/fa4105b/icons/chrome-maximize.svg);
+  mask-image: url(/2c0fc7e/icons/chrome-maximize.svg);
 }
 
 .MaskIconRestore,
 .IconRestore {
-  mask-image: url(/fa4105b/icons/chrome-restore.svg);
+  mask-image: url(/2c0fc7e/icons/chrome-restore.svg);
 }
 
 .MaskIconPlay,
 .IconPlay {
-  mask-image: url(/fa4105b/icons/play.svg);
+  mask-image: url(/2c0fc7e/icons/play.svg);
 }
 
 .MaskIconChromeClose,
 .IconChromeClose {
-  mask-image: url(/fa4105b/icons/chrome-close.svg);
+  mask-image: url(/2c0fc7e/icons/chrome-close.svg);
 }
 
 .MaskIconFiles,
 .IconFiles {
-  mask-image: url(/fa4105b/icons/files.svg);
+  mask-image: url(/2c0fc7e/icons/files.svg);
 }
 
 .MaskIconSearch,
 .IconSearch {
-  mask-image: url(/fa4105b/icons/search.svg);
+  mask-image: url(/2c0fc7e/icons/search.svg);
 }
 
 .MaskIconSourceControl,
 .IconSourceControl {
-  mask-image: url(/fa4105b/icons/source-control.svg);
+  mask-image: url(/2c0fc7e/icons/source-control.svg);
 }
 
 .MaskIconDebugAlt2,
 .IconDebugAlt2 {
-  mask-image: url(/fa4105b/icons/debug-alt-2.svg);
+  mask-image: url(/2c0fc7e/icons/debug-alt-2.svg);
 }
 
 .MaskIconExtensions,
 .IconExtensions {
-  mask-image: url(/fa4105b/icons/extensions.svg);
+  mask-image: url(/2c0fc7e/icons/extensions.svg);
 }
 
 .MaskIconSettingsGear,
 .IconSettingsGear {
-  mask-image: url(/fa4105b/icons/settings-gear.svg);
+  mask-image: url(/2c0fc7e/icons/settings-gear.svg);
 }
 
 .MaskIconEllipsis,
 .IconEllipsis {
-  mask-image: url(/fa4105b/icons/ellipsis.svg);
+  mask-image: url(/2c0fc7e/icons/ellipsis.svg);
 }
 
 .MaskIconArrowDown,
 .IconArrowDown {
-  mask-image: url(/fa4105b/icons/arrow-down.svg);
+  mask-image: url(/2c0fc7e/icons/arrow-down.svg);
 }
 
 .MaskIconArrowUp,
 .IconArrowUp {
-  mask-image: url(/fa4105b/icons/arrow-up.svg);
+  mask-image: url(/2c0fc7e/icons/arrow-up.svg);
 }
 
 .MaskIconClose,
 .IconClose,
 .EditorTabCloseButton:hover .MaskIconCircleFilled,
 .IconCircleFilled {
-  mask-image: url(/fa4105b/icons/close.svg);
+  mask-image: url(/2c0fc7e/icons/close.svg);
 }
 
 .MaskIconCaseSensitive,
 .IconCaseSensitive {
-  mask-image: url(/fa4105b/icons/case-sensitive.svg);
+  mask-image: url(/2c0fc7e/icons/case-sensitive.svg);
 }
 
 .MaskIconWholeWord,
 .IconWholeWord {
-  mask-image: url(/fa4105b/icons/whole-word.svg);
+  mask-image: url(/2c0fc7e/icons/whole-word.svg);
 }
 
 .MaskIconRegex,
 .IconRegex {
-  mask-image: url(/fa4105b/icons/regex.svg);
+  mask-image: url(/2c0fc7e/icons/regex.svg);
 }
 
 .MaskIconChevronRight,
 .IconChevronRight {
-  mask-image: url(/fa4105b/icons/chevron-right.svg);
+  mask-image: url(/2c0fc7e/icons/chevron-right.svg);
 }
 
 .MaskIconChevronDown,
 .IconChevronDown {
-  mask-image: url(/fa4105b/icons/chevron-down.svg);
+  mask-image: url(/2c0fc7e/icons/chevron-down.svg);
 }
 
 .MaskIconRefresh,
 .IconRefresh {
-  mask-image: url(/fa4105b/icons/refresh.svg);
+  mask-image: url(/2c0fc7e/icons/refresh.svg);
 }
 
 .MaskIconClearAll,
 .IconClearAll {
-  mask-image: url(/fa4105b/icons/clear-all.svg);
+  mask-image: url(/2c0fc7e/icons/clear-all.svg);
 }
 
 .MaskIconCloud {
-  mask-image: url(/fa4105b/icons/cloud.svg);
+  mask-image: url(/2c0fc7e/icons/cloud.svg);
 }
 
 .MaskIconTag {
-  mask-image: url(/fa4105b/icons/tag.svg);
+  mask-image: url(/2c0fc7e/icons/tag.svg);
 }
 
 .MaskIconNewFile,
 .IconNewFile {
-  mask-image: url(/fa4105b/icons/new-file.svg);
+  mask-image: url(/2c0fc7e/icons/new-file.svg);
 }
 
 .MaskIconSend,
 .IconSend {
-  mask-image: url(/fa4105b/icons/send.svg);
+  mask-image: url(/2c0fc7e/icons/send.svg);
 }
 
 .MaskIconNewFolder,
 .IconNewFolder {
-  mask-image: url(/fa4105b/icons/new-folder.svg);
+  mask-image: url(/2c0fc7e/icons/new-folder.svg);
 }
 
 .MaskIconListFlat,
 .IconListFlat {
-  mask-image: url(/fa4105b/icons/list-flat.svg);
+  mask-image: url(/2c0fc7e/icons/list-flat.svg);
 }
 
 .MaskIconCollapseAll,
 .IconCollapseAll {
-  mask-image: url(/fa4105b/icons/collapse-all.svg);
+  mask-image: url(/2c0fc7e/icons/collapse-all.svg);
 }
 
 .MaskIconFilter,
 .IconFilter {
-  mask-image: url(/fa4105b/icons/filter.svg);
+  mask-image: url(/2c0fc7e/icons/filter.svg);
 }
 
 .MaskIconBlank,
 .IconBlank {
-  mask-image: url(/fa4105b/icons/blank.svg);
+  mask-image: url(/2c0fc7e/icons/blank.svg);
 }
 
 .MaskIconCheck,
 .IconCheck {
-  mask-image: url(/fa4105b/icons/check.svg);
+  mask-image: url(/2c0fc7e/icons/check.svg);
 }
 
 .MaskIconEllipsis,
 .IconEllipsis {
-  mask-image: url(/fa4105b/icons/ellipsis.svg);
+  mask-image: url(/2c0fc7e/icons/ellipsis.svg);
 }
 
 .MaskIconBook,
 .IconBook {
-  mask-image: url(/fa4105b/icons/book.svg);
+  mask-image: url(/2c0fc7e/icons/book.svg);
 }
 
 .MaskIconAdd,
 .IconAdd {
-  mask-image: url(/fa4105b/icons/add.svg);
+  mask-image: url(/2c0fc7e/icons/add.svg);
 }
 
 .MaskIconTrash,
 .IconTrash {
-  mask-image: url(/fa4105b/icons/trash.svg);
+  mask-image: url(/2c0fc7e/icons/trash.svg);
 }
 
 .MaskIconSplitHorizontal,
 .IconSplitHorizontal {
-  mask-image: url(/fa4105b/icons/split-horizontal.svg);
+  mask-image: url(/2c0fc7e/icons/split-horizontal.svg);
 }
 
 .MaskIconReplace,
 .IconReplace {
-  mask-image: url(/fa4105b/icons/replace.svg);
+  mask-image: url(/2c0fc7e/icons/replace.svg);
 }
 
 .MaskIconReplaceAll,
 .IconReplaceAll {
-  mask-image: url(/fa4105b/icons/replace-all.svg);
+  mask-image: url(/2c0fc7e/icons/replace-all.svg);
 }
 
 .MaskIconChevronUp,
 .IconChevronUp {
-  mask-image: url(/fa4105b/icons/chevron-up.svg);
+  mask-image: url(/2c0fc7e/icons/chevron-up.svg);
 }
 
 .MaskIconArrowLeft,
 .IconArrowLeft {
-  mask-image: url(/fa4105b/icons/arrow-left.svg);
+  mask-image: url(/2c0fc7e/icons/arrow-left.svg);
 }
 
 .MaskIconArrowRight,
 .IconArrowRight {
-  mask-image: url(/fa4105b/icons/arrow-right.svg);
+  mask-image: url(/2c0fc7e/icons/arrow-right.svg);
 }
 
 .MaskIconLinkExternal,
 .IconLinkExternal {
-  mask-image: url(/fa4105b/icons/link-external.svg);
+  mask-image: url(/2c0fc7e/icons/link-external.svg);
 }
 
 .MaskIconExclude,
 .IconExclude {
-  mask-image: url(/fa4105b/icons/exclude.svg);
+  mask-image: url(/2c0fc7e/icons/exclude.svg);
 }
 
 .MaskIconGoToFile,
 .IconGoToFile {
-  mask-image: url(/fa4105b/icons/go-to-file.svg);
+  mask-image: url(/2c0fc7e/icons/go-to-file.svg);
 }
 
 .MaskIconDiscard,
 .IconDiscard {
-  mask-image: url(/fa4105b/icons/discard.svg);
+  mask-image: url(/2c0fc7e/icons/discard.svg);
 }
 
 .MaskIconRemove,
 .IconRemove {
-  mask-image: url(/fa4105b/icons/remove.svg);
+  mask-image: url(/2c0fc7e/icons/remove.svg);
 }
 
 .MaskIconError,
 .IconError {
-  mask-image: url(/fa4105b/icons/error.svg);
+  mask-image: url(/2c0fc7e/icons/error.svg);
 }
 
 .MaskIconWarning,
 .IconWarning {
-  mask-image: url(/fa4105b/icons/warning.svg);
+  mask-image: url(/2c0fc7e/icons/warning.svg);
 }
 
 .MaskIconCircleFilled,
 .IconCircleFilled {
-  mask-image: url(/fa4105b/icons/circle-filled.svg);
+  mask-image: url(/2c0fc7e/icons/circle-filled.svg);
 }
 
 .MaskIconInfo,
 .IconInfo {
-  mask-image: url(/fa4105b/icons/info.svg);
+  mask-image: url(/2c0fc7e/icons/info.svg);
 }
 
 .MaskIconSymbolValue,
 .IconSymbolValue,
 .MaskIconSymbolDefault,
 .IconSymbolDefault {
-  mask-image: url(/fa4105b/icons/symbol-enum.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-enum.svg);
 }
 
 .MaskIconSymbolProperty,
 .IconSymbolProperty {
-  mask-image: url(/fa4105b/icons/symbol-property.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-property.svg);
 }
 
 .MaskIconSymbolFunction,
 .IconSymbolFunction {
-  mask-image: url(/fa4105b/icons/symbol-method.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-method.svg);
 }
 
 .MaskIconSymbolVariable,
 .IconSymbolVariable {
-  mask-image: url(/fa4105b/icons/symbol-variable.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-variable.svg);
 }
 
 .MaskIconPreview {
-  mask-image: url(/fa4105b/icons/open-preview.svg);
+  mask-image: url(/2c0fc7e/icons/open-preview.svg);
 }
 
 .MaskIconSymbolKeyword,
 .IconSymbolKeyword {
-  mask-image: url(/fa4105b/icons/symbol-keyword.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-keyword.svg);
 }
 
 .MaskIconSymbolField,
 .IconSymbolField {
-  mask-image: url(/fa4105b/icons/symbol-field.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-field.svg);
 }
 
 .MaskIconEdit,
 .IconEdit {
-  mask-image: url(/fa4105b/icons/edit.svg);
+  mask-image: url(/2c0fc7e/icons/edit.svg);
 }
 
 .MaskIconSymbolFile,
 .IconSymbolFile {
-  mask-image: url(/fa4105b/icons/symbol-file.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-file.svg);
 }
 
 .MaskIconDebugPause {
-  mask-image: url(/fa4105b/icons/debug-pause.svg);
+  mask-image: url(/2c0fc7e/icons/debug-pause.svg);
 }
 
 .MaskIconDebugStepOver {
-  mask-image: url(/fa4105b/icons/debug-step-over.svg);
+  mask-image: url(/2c0fc7e/icons/debug-step-over.svg);
 }
 
 .MaskIconDebugStepInto {
-  mask-image: url(/fa4105b/icons/debug-step-into.svg);
+  mask-image: url(/2c0fc7e/icons/debug-step-into.svg);
 }
 
 .MaskIconDebugStepOut {
-  mask-image: url(/fa4105b/icons/debug-step-out.svg);
+  mask-image: url(/2c0fc7e/icons/debug-step-out.svg);
 }
 
 .MaskIconDebugContinue {
-  mask-image: url(/fa4105b/icons/debug-continue.svg);
+  mask-image: url(/2c0fc7e/icons/debug-continue.svg);
 }
 
 .MaskIconTriangleRight {
-  mask-image: url(/fa4105b/icons/triangle-right.svg);
+  mask-image: url(/2c0fc7e/icons/triangle-right.svg);
 }
 
 .MaskIconTriangleDown {
-  mask-image: url(/fa4105b/icons/triangle-down.svg);
+  mask-image: url(/2c0fc7e/icons/triangle-down.svg);
 }
 
 .MaskIconDebugRestart {
-  mask-image: url(/fa4105b/icons/debug-restart.svg);
+  mask-image: url(/2c0fc7e/icons/debug-restart.svg);
 }
 
 .MaskIconDebugStop {
-  mask-image: url(/fa4105b/icons/debug-stop.svg);
+  mask-image: url(/2c0fc7e/icons/debug-stop.svg);
 }
 
 .MaskIconPreserveCase {
-  mask-image: url(/fa4105b/icons/preserve-case.svg);
+  mask-image: url(/2c0fc7e/icons/preserve-case.svg);
 }
 
 .MaskIconListTree {
-  mask-image: url(/fa4105b/icons/list-tree.svg);
+  mask-image: url(/2c0fc7e/icons/list-tree.svg);
 }
 
 .MaskIconProgress {
-  mask-image: url(/fa4105b/icons/progress.svg);
+  mask-image: url(/2c0fc7e/icons/progress.svg);
 }
 
 .MaskIconRepo {
-  mask-image: url(/fa4105b/icons/repo.svg);
+  mask-image: url(/2c0fc7e/icons/repo.svg);
 }
 
 /* TODO decide */
 .MaskIconRecordKey,
 .MaskIconRecordKeys {
-  mask-image: url(/fa4105b/icons/record-keys.svg);
+  mask-image: url(/2c0fc7e/icons/record-keys.svg);
 }
 
 .MaskIconSortPrecedence {
-  mask-image: url(/fa4105b/icons/sort-precedence.svg);
+  mask-image: url(/2c0fc7e/icons/sort-precedence.svg);
 }
 /*************/
 /* Menu.css */
@@ -1802,7 +1875,7 @@ body {
   width: 16px;
   height: 16px;
   display: block;
-  mask-image: url(/fa4105b/icons/chevron-right.svg);
+  mask-image: url(/2c0fc7e/icons/chevron-right.svg);
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 100%;
@@ -1950,12 +2023,12 @@ body {
 
 .ProblemsErrorIcon {
   color: var(--ProblemsErrorIconForeground, #b64e4e);
-  mask-image: url(/fa4105b/icons/error.svg);
+  mask-image: url(/2c0fc7e/icons/error.svg);
 }
 
 .ProblemsWarningIcon {
   color: var(--ProblemsWarningIconForeground, #91b147);
-  mask-image: url(/fa4105b/icons/warning.svg);
+  mask-image: url(/2c0fc7e/icons/warning.svg);
 }
 /*************/
 /* Progress.css */
@@ -2400,32 +2473,32 @@ button.Select[name='agent-mode-picker-toggle'] .SelectLabel {
 .SymbolValue,
 .SymbolDefault {
   color: var(--SymbolValueForeground);
-  mask-image: url(/fa4105b/icons/symbol-enum.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-enum.svg);
 }
 
 .SymbolProperty {
   color: var(--SymbolPropertyForeground);
-  mask-image: url(/fa4105b/icons/symbol-property.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-property.svg);
 }
 
 .SymbolFunction {
   color: var(--SymbolFunctionForeground);
-  mask-image: url(/fa4105b/icons/symbol-method.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-method.svg);
 }
 
 .SymbolVariable {
   color: var(--SymbolVariableForeground);
-  mask-image: url(/fa4105b/icons/symbol-variable.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-variable.svg);
 }
 
 .SymbolKeyword {
   color: var(--SymbolKeywordForeground);
-  mask-image: url(/fa4105b/icons/symbol-keyword.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-keyword.svg);
 }
 
 .SymbolField {
   color: var(--SymbolFieldForeground);
-  mask-image: url(/fa4105b/icons/symbol-field.svg);
+  mask-image: url(/2c0fc7e/icons/symbol-field.svg);
 }
 /*************/
 /* TitleBarEntry.css */
@@ -3280,10 +3353,6 @@ button.Select[name='agent-mode-picker-toggle'] .SelectLabel {
   margin-right: auto;
 }
 
-.ChatMessages > .MessageUser .ChatAttachments {
-  justify-content: flex-end;
-}
-
 .ChatFocus .ChatMessages > .Message > .ChatMessageContent {
   max-inline-size: 100%;
 }
@@ -3601,6 +3670,14 @@ a.Button {
   min-height: 0;
 }
 
+.ChatList {
+  overflow-y: auto;
+}
+
+.ChatListItem {
+  flex-shrink: 0;
+}
+
 .ChatList,
 .ChatListEmpty,
 .ChatMessages {
@@ -4005,6 +4082,709 @@ a.Button {
   align-items: center;
   gap: 4px;
 }
+
+.ChatDebugView {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  box-sizing: border-box;
+  gap: 8px;
+  contain: strict;
+}
+
+.ChatDebugView--devtools {
+  gap: 4px;
+}
+
+.ChatDebugViewTop {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  contain: content;
+}
+
+.ChatDebugViewTop--devtools {
+  align-items: stretch;
+}
+
+.ChatDebugViewFilterInput {
+  flex: 1;
+  min-width: 0;
+  max-width: 500px;
+  contain: content;
+}
+
+.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;
+  flex: 1;
+  align-items: stretch;
+  gap: 0;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  contain: strict;
+}
+
+.ChatDebugViewDevtoolsSplit > .ChatDebugViewEvents {
+  flex: 0 1 var(--ChatDebugViewTableWidth);
+  min-width: 0;
+}
+
+.ChatDebugViewDevtoolsSplit > .ChatDebugViewEvents.ChatDebugViewEventsFullWidth {
+  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;
+  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;
+}
+
+.ChatDebugViewSash:hover .ChatDebugViewSashLine {
+  background: var(--vscode-focusBorder, #007fd4);
+}
+
+.ChatDebugViewTable {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  flex: 1 1 auto;
+  contain: strict;
+}
+
+.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;
+}
+
+.ChatDebugViewTimelineTop {
+  display: flex;
+  align-items: center;
+  contain: content;
+}
+
+.ChatDebugViewTimelineSummary {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  line-height: 16px;
+  opacity: 0.8;
+  contain: content;
+}
+
+.ChatDebugViewTimelineControls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  contain: content;
+}
+
+.ChatDebugViewTimelineBuckets {
+  display: flex;
+  align-items: end;
+  gap: 3px;
+  flex: 1 1 auto;
+  min-height: 52px;
+  pointer-events: none;
+  contain: strict;
+}
+
+.ChatDebugViewTimelineInteractive {
+  display: flex;
+  position: relative;
+  min-height: 52px;
+  cursor: crosshair;
+  user-select: none;
+  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;
+}
+
+.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;
+}
+
+.ChatDebugViewTimelineBucket {
+  --ChatDebugViewTimelineBucketBarBackground: color-mix(in srgb, var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.16)) 74%, transparent 26%);
+  --ChatDebugViewTimelineBucketBarBorderColor: transparent;
+  display: flex;
+  align-items: stretch;
+  flex: 1 1 10px;
+  min-width: 10px;
+  min-height: 52px;
+  contain: strict;
+}
+
+.ChatDebugViewTimelineBucketSelected {
+  --ChatDebugViewTimelineBucketBarBackground: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 72%, transparent 28%);
+  --ChatDebugViewTimelineBucketBarBorderColor: var(--vscode-focusBorder, #007fd4);
+}
+
+.ChatDebugViewTimelinePresetInput {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+  contain: content;
+}
+
+.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;
+}
+
+.ChatDebugViewTimelineBucketBarSelected {
+  background: color-mix(in srgb, var(--vscode-charts-blue, #75beff) 72%, transparent 28%);
+  border-color: var(--vscode-focusBorder, #007fd4);
+}
+
+.ChatDebugViewTimelineBucketUnit {
+  width: 100%;
+  height: 4px;
+  border-radius: 999px;
+  background: var(--vscode-charts-blue, #75beff);
+  contain: strict;
+}
+
+.ChatDebugViewTimelineBucketUnitEmpty {
+  opacity: 0.35;
+  background: var(--vscode-editorWidget-border, #454545);
+}
+
+.ChatDebugViewTableHeaderRow,
+.ChatDebugViewEventRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  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;
+}
+
+.ChatDebugViewHeaderCell {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  opacity: 0.8;
+  contain: content;
+}
+
+.ChatDebugViewTableBody {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  min-height: 0;
+  flex: 1 1 auto;
+  contain: strict;
+}
+
+.ChatDebugViewEventRowLabel {
+  display: block;
+  contain: content;
+}
+
+.ChatDebugViewEventRowLabelSelected .ChatDebugViewEventRow,
+.ChatDebugViewEventRowSelected {
+  background: var(--vscode-list-activeSelectionBackground, rgba(14, 99, 156, 0.35));
+  color: var(--vscode-list-activeSelectionForeground, inherit);
+}
+
+.ChatDebugViewEventRowInput {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+  contain: content;
+}
+
+.ChatDebugViewEventRow {
+  padding: 2px 8px;
+  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
+  cursor: pointer;
+}
+
+.ChatDebugViewEventRow:hover {
+  background: var(--vscode-list-hoverBackground, rgba(90, 93, 94, 0.31));
+  color: var(--vscode-list-hoverForeground, inherit);
+}
+
+.ChatDebugViewCell {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  contain: content;
+}
+
+.ChatDebugViewCellType {
+  flex: 1 1 140px;
+  min-width: 0;
+}
+
+.ChatDebugViewCellTime {
+  flex: 1 1 180px;
+  min-width: 0;
+}
+
+.ChatDebugViewCellDuration {
+  flex: 0 0 90px;
+  justify-content: flex-end;
+  text-align: right;
+}
+
+.ChatDebugViewCellStatus {
+  flex: 0 0 64px;
+  justify-content: flex-end;
+  text-align: right;
+}
+
+.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;
+}
+
+.ChatDebugViewDetailsTop {
+  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;
+  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;
+}
+
+.ChatDebugViewDetailsClose::before {
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+
+.ChatDebugViewDetailsClose::after {
+  transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ChatDebugViewDetailsBody {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0;
+  flex: 1 1 auto;
+  min-height: 0;
+  align-items: stretch;
+  contain: strict;
+}
+
+.ChatDebugViewDetailsTabs {
+  display: flex;
+  align-items: center;
+  flex: 1 1 auto;
+  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;
+  contain: strict;
+}
+
+.ChatDebugViewDetailsTab:hover {
+  color: var(--vscode-foreground, #cccccc);
+}
+
+.ChatDebugViewDetailsTabSelected {
+  border-bottom-color: var(--vscode-focusBorder, #007fd4);
+  color: var(--vscode-foreground, #cccccc);
+}
+
+.ChatDebugViewDetailsPanel {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  padding: 8px;
+  flex: 1 1 auto;
+  min-height: 0;
+  align-items: flex-start;
+  contain: strict;
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.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;
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar-thumb:hover {
+  background: var(--vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7));
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar-thumb:active {
+  background: var(--vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4));
+}
+
+.ChatDebugViewEvent {
+  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;
+  contain: content;
+}
+
+.row {
+  display: flex;
+  align-items: baseline;
+  min-width: 100%;
+  width: max-content;
+  white-space: nowrap;
+  contain: content;
+}
+
+.ChatDebugViewEventLineNumber {
+  display: flex;
+  justify-content: flex-end;
+  flex: 0 0 3ch;
+  margin-right: 12px;
+  opacity: 0.6;
+  user-select: none;
+  contain: content;
+}
+
+.ChatDebugViewEventLineContent {
+  display: flex;
+  white-space: pre;
+  contain: content;
+}
+
+.ChatDebugViewDetailsPanel > .ChatDebugViewEvent {
+  border: 0;
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
+.ChatDebugViewTiming {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: 1px solid var(--vscode-editorWidget-border, #454545);
+  border-radius: 6px;
+  overflow: hidden;
+  contain: strict;
+  flex: 1;
+}
+
+.ChatDebugViewTimingRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--vscode-editorWidget-border, #454545);
+  contain: content;
+}
+
+.ChatDebugViewTimingRow:last-child {
+  border-bottom: 0;
+}
+
+.ChatDebugViewTimingLabel {
+  opacity: 0.8;
+  contain: content;
+}
+
+.ChatDebugViewTimingValue {
+  text-align: right;
+  font-family: var(--vscode-editor-font-family, monospace);
+  contain: content;
+}
+
+.ChatDebugViewEmpty {
+  display: flex;
+  align-items: center;
+  opacity: 0.8;
+  contain: content;
+}
+
+.ChatDebugViewError {
+  display: flex;
+  color: var(--vscode-errorForeground, #f14c4c);
+  white-space: normal;
+  contain: content;
+}
+
+.TokenText {
+  color: var(--vscode-editor-foreground, inherit);
+}
+
+.TokenKey {
+  color: var(--vscode-symbolIcon-propertyForeground, var(--vscode-editor-foreground, inherit));
+}
+
+.TokenString {
+  color: var(--vscode-debugTokenExpression-string, var(--vscode-charts-green, #89d185));
+}
+
+.TokenNumeric {
+  color: var(--vscode-debugTokenExpression-number, var(--vscode-charts-blue, #75beff));
+}
+
+.TokenBoolean {
+  color: var(--vscode-debugTokenExpression-boolean, var(--vscode-charts-yellow, #dcdcaa));
+}
+
+.ChatOrderedList {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  padding-left: 10px;
+  contain: content;
+}
+
+.ChatOrderedListItem {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  contain: content;
+}
+
+.ChatToolCalls {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  contain: content;
+}
 /*************/
 /* ViewletEditor.css */
 /*************/
@@ -4144,11 +4924,11 @@ a.Button {
 }
 
 .DiagnosticError {
-  background: url(/fa4105b/icons/squiggly-error.svg) repeat-x bottom left;
+  background: url(/2c0fc7e/icons/squiggly-error.svg) repeat-x bottom left;
 }
 
 .DiagnosticWarning {
-  background: url(/fa4105b/icons/squiggly-warning.svg) repeat-x bottom left;
+  background: url(/2c0fc7e/icons/squiggly-warning.svg) repeat-x bottom left;
 }
 
 .Token.EditorGoToDefinitionLink {
@@ -4765,7 +5545,7 @@ a.Button {
   max-width: 200px;
   width: 100%;
   display: flex;
-  mask-image: url(/fa4105b/icons/icon.svg);
+  mask-image: url(/2c0fc7e/icons/icon.svg);
   contain: strict;
   mask-repeat: no-repeat;
   mask-repeat: no-repeat;