@lvce-editor/static-server 0.76.10 → 0.77.1

package/static/{8ccae7d → c62a2da}/css/App.css

@@ -257,7 +257,7 @@ body {
 /*************/
 @font-face {
   font-family: 'Fira Code';
-  src: url(/8ccae7d/fonts/FiraCode-VariableFont.ttf) format('truetype');
+  src: url(/c62a2da/fonts/FiraCode-VariableFont.ttf) format('truetype');
 }
 
 /* TODO check if contain strict also makes sense for html and body */
@@ -300,7 +300,7 @@ body {
   mask-repeat: no-repeat;
   mask-size: var(--MaskIconSize);
   mask-position: 50% 50%;
-  mask-image: url(/8ccae7d/icons/chevron-down.svg);
+  mask-image: url(/c62a2da/icons/chevron-down.svg);
   pointer-events: none;
   width: 16px;
   height: 16px;
@@ -510,6 +510,186 @@ body {
   flex-shrink: 0;
 }
 /*************/
+/* ChatHeader.css */
+/*************/
+.ChatHeader {
+  contain: strict;
+  display: flex;
+  gap: 8px;
+  padding: 8px;
+  height: 50px;
+  justify-content: space-between;
+  padding-bottom: 20px;
+}
+
+.ChatHeader .IconButton {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.ChatHeader .Label,
+.ChatHeaderLabel {
+  text-decoration: underline;
+  text-underline-offset: 5px;
+  font-weight: 400;
+  font-size: 13px;
+}
+
+.ChatHeaderLabel {
+  margin: 0;
+  font-size: 14px;
+}
+
+.ChatHeaderLabel {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/*************/
+/* ChatSendArea.css */
+/*************/
+.ChatSendArea {
+  display: flex;
+  gap: 10px;
+  padding: var(--ChatSendAreaPaddingTop, 10px) var(--ChatSendAreaPaddingRight, 10px) var(--ChatSendAreaPaddingBottom, 10px)
+    var(--ChatSendAreaPaddingLeft, 10px);
+  flex-direction: column;
+  height: var(--ChatSendAreaHeight, 90px);
+  contain: strict;
+}
+
+.ChatSendAreaContent {
+  position: relative;
+  background: var(--InputBoxBackground);
+  border-radius: 5px;
+  padding: 10px;
+}
+
+.ChatSendArea .MultilineInputBox {
+  height: var(--ChatTextAreaHeight, var(--ChatInputBoxHeight, 20px));
+  min-height: var(--ChatTextAreaHeight, var(--ChatInputBoxHeight, 20px));
+  padding: var(--ChatTextAreaPaddingTop, 0) var(--ChatTextAreaPaddingRight, 0) var(--ChatTextAreaPaddingBottom, 0) var(--ChatTextAreaPaddingLeft, 0);
+}
+
+.ChatSendAreaBottom {
+  display: flex;
+  contain: strict;
+  height: 20px;
+  justify-content: space-between;
+}
+
+.ChatInputBox {
+  width: 100%;
+  margin: 0;
+  border: none;
+  outline: none;
+  flex: 1;
+  background: var(--InputBoxBackground);
+  padding: 4px 6px;
+  color: var(--InputBoxForeground);
+  font-size: 13px;
+  height: 24px;
+  contain: strict;
+  resize: none;
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
+}
+.ChatSendArea:focus-within {
+  border-color: darkcyan;
+}
+
+.SendButtonDisabled {
+  background: var(--vscode-button-secondaryBackground);
+  color: var(--vscode-disabledForeground);
+  cursor: default;
+}
+/*************/
+/* ChatTool.css */
+/*************/
+.ChatToolCalls {
+  position: relative;
+  border: 1px solid var(--vscode-editorWidget-border);
+  border-radius: 4px;
+  margin-bottom: 8px;
+  padding: 10px 8px 6px;
+  background: var(--vscode-editorWidget-background);
+}
+
+.ChatToolCallsLabel {
+  position: absolute;
+  top: -8px;
+  left: 8px;
+  padding: 0 4px;
+  border-radius: 3px;
+  background: var(--vscode-editor-background);
+  color: var(--vscode-descriptionForeground);
+  font-size: 10px;
+  line-height: 14px;
+  text-transform: lowercase;
+  letter-spacing: 0.02em;
+}
+
+.ChatToolCallReadFileLink {
+  color: var(--vscode-textLink-foreground);
+  text-decoration: underline;
+}
+
+.ChatToolCallRenderHtmlLabel {
+  margin-bottom: 6px;
+  color: var(--vscode-descriptionForeground);
+  font-size: 12px;
+}
+
+.ChatToolCallRenderHtmlContent {
+  border: 1px solid var(--vscode-editorWidget-border);
+  border-radius: 6px;
+  background: var(--vscode-editor-background);
+  overflow: hidden;
+}
+
+.ChatToolCallRenderHtmlBody {
+  min-height: 180px;
+  padding: 12px;
+}
+
+.ChatToolCallRenderHtmlBody hr {
+  border: 0;
+  border-top: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 78%, transparent);
+  display: block;
+  height: 0;
+  margin: 12px 0;
+  width: 100%;
+}
+
+.ChatToolCallRenderHtmlBody * {
+  box-sizing: border-box;
+}
+
+.ChatToolCallQuestionText {
+  margin-bottom: 6px;
+}
+
+.ChatToolCallQuestionOptions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.ChatToolCallQuestionOption {
+  background: color-mix(in srgb, var(--ColorBadgeBackground, #2f3640) 70%, transparent);
+  border: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 70%, transparent);
+  border-radius: 999px;
+  color: var(--ColorForeground, #d5dbe3);
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  padding: 2px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/*************/
 /* CompletionItem.css */
 /*************/
 .CompletionItem {
@@ -1028,365 +1208,365 @@ body {
 
 .MaskIconMinimize,
 .IconMinimize {
-  mask-image: url(/8ccae7d/icons/chrome-minimize.svg);
+  mask-image: url(/c62a2da/icons/chrome-minimize.svg);
 }
 
 .MaskIconMaximize,
 .IconMaximize {
-  mask-image: url(/8ccae7d/icons/chrome-maximize.svg);
+  mask-image: url(/c62a2da/icons/chrome-maximize.svg);
 }
 
 .MaskIconRestore,
 .IconRestore {
-  mask-image: url(/8ccae7d/icons/chrome-restore.svg);
+  mask-image: url(/c62a2da/icons/chrome-restore.svg);
 }
 
 .MaskIconPlay,
 .IconPlay {
-  mask-image: url(/8ccae7d/icons/play.svg);
+  mask-image: url(/c62a2da/icons/play.svg);
 }
 
 .MaskIconChromeClose,
 .IconChromeClose {
-  mask-image: url(/8ccae7d/icons/chrome-close.svg);
+  mask-image: url(/c62a2da/icons/chrome-close.svg);
 }
 
 .MaskIconFiles,
 .IconFiles {
-  mask-image: url(/8ccae7d/icons/files.svg);
+  mask-image: url(/c62a2da/icons/files.svg);
 }
 
 .MaskIconSearch,
 .IconSearch {
-  mask-image: url(/8ccae7d/icons/search.svg);
+  mask-image: url(/c62a2da/icons/search.svg);
 }
 
 .MaskIconSourceControl,
 .IconSourceControl {
-  mask-image: url(/8ccae7d/icons/source-control.svg);
+  mask-image: url(/c62a2da/icons/source-control.svg);
 }
 
 .MaskIconDebugAlt2,
 .IconDebugAlt2 {
-  mask-image: url(/8ccae7d/icons/debug-alt-2.svg);
+  mask-image: url(/c62a2da/icons/debug-alt-2.svg);
 }
 
 .MaskIconExtensions,
 .IconExtensions {
-  mask-image: url(/8ccae7d/icons/extensions.svg);
+  mask-image: url(/c62a2da/icons/extensions.svg);
 }
 
 .MaskIconSettingsGear,
 .IconSettingsGear {
-  mask-image: url(/8ccae7d/icons/settings-gear.svg);
+  mask-image: url(/c62a2da/icons/settings-gear.svg);
 }
 
 .MaskIconEllipsis,
 .IconEllipsis {
-  mask-image: url(/8ccae7d/icons/ellipsis.svg);
+  mask-image: url(/c62a2da/icons/ellipsis.svg);
 }
 
 .MaskIconArrowDown,
 .IconArrowDown {
-  mask-image: url(/8ccae7d/icons/arrow-down.svg);
+  mask-image: url(/c62a2da/icons/arrow-down.svg);
 }
 
 .MaskIconArrowUp,
 .IconArrowUp {
-  mask-image: url(/8ccae7d/icons/arrow-up.svg);
+  mask-image: url(/c62a2da/icons/arrow-up.svg);
 }
 
 .MaskIconClose,
 .IconClose,
 .EditorTabCloseButton:hover .MaskIconCircleFilled,
 .IconCircleFilled {
-  mask-image: url(/8ccae7d/icons/close.svg);
+  mask-image: url(/c62a2da/icons/close.svg);
 }
 
 .MaskIconCaseSensitive,
 .IconCaseSensitive {
-  mask-image: url(/8ccae7d/icons/case-sensitive.svg);
+  mask-image: url(/c62a2da/icons/case-sensitive.svg);
 }
 
 .MaskIconWholeWord,
 .IconWholeWord {
-  mask-image: url(/8ccae7d/icons/whole-word.svg);
+  mask-image: url(/c62a2da/icons/whole-word.svg);
 }
 
 .MaskIconRegex,
 .IconRegex {
-  mask-image: url(/8ccae7d/icons/regex.svg);
+  mask-image: url(/c62a2da/icons/regex.svg);
 }
 
 .MaskIconChevronRight,
 .IconChevronRight {
-  mask-image: url(/8ccae7d/icons/chevron-right.svg);
+  mask-image: url(/c62a2da/icons/chevron-right.svg);
 }
 
 .MaskIconChevronDown,
 .IconChevronDown {
-  mask-image: url(/8ccae7d/icons/chevron-down.svg);
+  mask-image: url(/c62a2da/icons/chevron-down.svg);
 }
 
 .MaskIconRefresh,
 .IconRefresh {
-  mask-image: url(/8ccae7d/icons/refresh.svg);
+  mask-image: url(/c62a2da/icons/refresh.svg);
 }
 
 .MaskIconClearAll,
 .IconClearAll {
-  mask-image: url(/8ccae7d/icons/clear-all.svg);
+  mask-image: url(/c62a2da/icons/clear-all.svg);
 }
 
 .MaskIconCloud {
-  mask-image: url(/8ccae7d/icons/cloud.svg);
+  mask-image: url(/c62a2da/icons/cloud.svg);
 }
 
 .MaskIconTag {
-  mask-image: url(/8ccae7d/icons/tag.svg);
+  mask-image: url(/c62a2da/icons/tag.svg);
 }
 
 .MaskIconNewFile,
 .IconNewFile {
-  mask-image: url(/8ccae7d/icons/new-file.svg);
+  mask-image: url(/c62a2da/icons/new-file.svg);
 }
 
 .MaskIconSend,
 .IconSend {
-  mask-image: url(/8ccae7d/icons/send.svg);
+  mask-image: url(/c62a2da/icons/send.svg);
 }
 
 .MaskIconNewFolder,
 .IconNewFolder {
-  mask-image: url(/8ccae7d/icons/new-folder.svg);
+  mask-image: url(/c62a2da/icons/new-folder.svg);
 }
 
 .MaskIconListFlat,
 .IconListFlat {
-  mask-image: url(/8ccae7d/icons/list-flat.svg);
+  mask-image: url(/c62a2da/icons/list-flat.svg);
 }
 
 .MaskIconCollapseAll,
 .IconCollapseAll {
-  mask-image: url(/8ccae7d/icons/collapse-all.svg);
+  mask-image: url(/c62a2da/icons/collapse-all.svg);
 }
 
 .MaskIconFilter,
 .IconFilter {
-  mask-image: url(/8ccae7d/icons/filter.svg);
+  mask-image: url(/c62a2da/icons/filter.svg);
 }
 
 .MaskIconBlank,
 .IconBlank {
-  mask-image: url(/8ccae7d/icons/blank.svg);
+  mask-image: url(/c62a2da/icons/blank.svg);
 }
 
 .MaskIconCheck,
 .IconCheck {
-  mask-image: url(/8ccae7d/icons/check.svg);
+  mask-image: url(/c62a2da/icons/check.svg);
 }
 
 .MaskIconEllipsis,
 .IconEllipsis {
-  mask-image: url(/8ccae7d/icons/ellipsis.svg);
+  mask-image: url(/c62a2da/icons/ellipsis.svg);
 }
 
 .MaskIconBook,
 .IconBook {
-  mask-image: url(/8ccae7d/icons/book.svg);
+  mask-image: url(/c62a2da/icons/book.svg);
 }
 
 .MaskIconAdd,
 .IconAdd {
-  mask-image: url(/8ccae7d/icons/add.svg);
+  mask-image: url(/c62a2da/icons/add.svg);
 }
 
 .MaskIconTrash,
 .IconTrash {
-  mask-image: url(/8ccae7d/icons/trash.svg);
+  mask-image: url(/c62a2da/icons/trash.svg);
 }
 
 .MaskIconSplitHorizontal,
 .IconSplitHorizontal {
-  mask-image: url(/8ccae7d/icons/split-horizontal.svg);
+  mask-image: url(/c62a2da/icons/split-horizontal.svg);
 }
 
 .MaskIconReplace,
 .IconReplace {
-  mask-image: url(/8ccae7d/icons/replace.svg);
+  mask-image: url(/c62a2da/icons/replace.svg);
 }
 
 .MaskIconReplaceAll,
 .IconReplaceAll {
-  mask-image: url(/8ccae7d/icons/replace-all.svg);
+  mask-image: url(/c62a2da/icons/replace-all.svg);
 }
 
 .MaskIconChevronUp,
 .IconChevronUp {
-  mask-image: url(/8ccae7d/icons/chevron-up.svg);
+  mask-image: url(/c62a2da/icons/chevron-up.svg);
 }
 
 .MaskIconArrowLeft,
 .IconArrowLeft {
-  mask-image: url(/8ccae7d/icons/arrow-left.svg);
+  mask-image: url(/c62a2da/icons/arrow-left.svg);
 }
 
 .MaskIconArrowRight,
 .IconArrowRight {
-  mask-image: url(/8ccae7d/icons/arrow-right.svg);
+  mask-image: url(/c62a2da/icons/arrow-right.svg);
 }
 
 .MaskIconLinkExternal,
 .IconLinkExternal {
-  mask-image: url(/8ccae7d/icons/link-external.svg);
+  mask-image: url(/c62a2da/icons/link-external.svg);
 }
 
 .MaskIconExclude,
 .IconExclude {
-  mask-image: url(/8ccae7d/icons/exclude.svg);
+  mask-image: url(/c62a2da/icons/exclude.svg);
 }
 
 .MaskIconGoToFile,
 .IconGoToFile {
-  mask-image: url(/8ccae7d/icons/go-to-file.svg);
+  mask-image: url(/c62a2da/icons/go-to-file.svg);
 }
 
 .MaskIconDiscard,
 .IconDiscard {
-  mask-image: url(/8ccae7d/icons/discard.svg);
+  mask-image: url(/c62a2da/icons/discard.svg);
 }
 
 .MaskIconRemove,
 .IconRemove {
-  mask-image: url(/8ccae7d/icons/remove.svg);
+  mask-image: url(/c62a2da/icons/remove.svg);
 }
 
 .MaskIconError,
 .IconError {
-  mask-image: url(/8ccae7d/icons/error.svg);
+  mask-image: url(/c62a2da/icons/error.svg);
 }
 
 .MaskIconWarning,
 .IconWarning {
-  mask-image: url(/8ccae7d/icons/warning.svg);
+  mask-image: url(/c62a2da/icons/warning.svg);
 }
 
 .MaskIconCircleFilled,
 .IconCircleFilled {
-  mask-image: url(/8ccae7d/icons/circle-filled.svg);
+  mask-image: url(/c62a2da/icons/circle-filled.svg);
 }
 
 .MaskIconInfo,
 .IconInfo {
-  mask-image: url(/8ccae7d/icons/info.svg);
+  mask-image: url(/c62a2da/icons/info.svg);
 }
 
 .MaskIconSymbolValue,
 .IconSymbolValue,
 .MaskIconSymbolDefault,
 .IconSymbolDefault {
-  mask-image: url(/8ccae7d/icons/symbol-enum.svg);
+  mask-image: url(/c62a2da/icons/symbol-enum.svg);
 }
 
 .MaskIconSymbolProperty,
 .IconSymbolProperty {
-  mask-image: url(/8ccae7d/icons/symbol-property.svg);
+  mask-image: url(/c62a2da/icons/symbol-property.svg);
 }
 
 .MaskIconSymbolFunction,
 .IconSymbolFunction {
-  mask-image: url(/8ccae7d/icons/symbol-method.svg);
+  mask-image: url(/c62a2da/icons/symbol-method.svg);
 }
 
 .MaskIconSymbolVariable,
 .IconSymbolVariable {
-  mask-image: url(/8ccae7d/icons/symbol-variable.svg);
+  mask-image: url(/c62a2da/icons/symbol-variable.svg);
 }
 
 .MaskIconPreview {
-  mask-image: url(/8ccae7d/icons/open-preview.svg);
+  mask-image: url(/c62a2da/icons/open-preview.svg);
 }
 
 .MaskIconSymbolKeyword,
 .IconSymbolKeyword {
-  mask-image: url(/8ccae7d/icons/symbol-keyword.svg);
+  mask-image: url(/c62a2da/icons/symbol-keyword.svg);
 }
 
 .MaskIconSymbolField,
 .IconSymbolField {
-  mask-image: url(/8ccae7d/icons/symbol-field.svg);
+  mask-image: url(/c62a2da/icons/symbol-field.svg);
 }
 
 .MaskIconEdit,
 .IconEdit {
-  mask-image: url(/8ccae7d/icons/edit.svg);
+  mask-image: url(/c62a2da/icons/edit.svg);
 }
 
 .MaskIconSymbolFile,
 .IconSymbolFile {
-  mask-image: url(/8ccae7d/icons/symbol-file.svg);
+  mask-image: url(/c62a2da/icons/symbol-file.svg);
 }
 
 .MaskIconDebugPause {
-  mask-image: url(/8ccae7d/icons/debug-pause.svg);
+  mask-image: url(/c62a2da/icons/debug-pause.svg);
 }
 
 .MaskIconDebugStepOver {
-  mask-image: url(/8ccae7d/icons/debug-step-over.svg);
+  mask-image: url(/c62a2da/icons/debug-step-over.svg);
 }
 
 .MaskIconDebugStepInto {
-  mask-image: url(/8ccae7d/icons/debug-step-into.svg);
+  mask-image: url(/c62a2da/icons/debug-step-into.svg);
 }
 
 .MaskIconDebugStepOut {
-  mask-image: url(/8ccae7d/icons/debug-step-out.svg);
+  mask-image: url(/c62a2da/icons/debug-step-out.svg);
 }
 
 .MaskIconDebugContinue {
-  mask-image: url(/8ccae7d/icons/debug-continue.svg);
+  mask-image: url(/c62a2da/icons/debug-continue.svg);
 }
 
 .MaskIconTriangleRight {
-  mask-image: url(/8ccae7d/icons/triangle-right.svg);
+  mask-image: url(/c62a2da/icons/triangle-right.svg);
 }
 
 .MaskIconTriangleDown {
-  mask-image: url(/8ccae7d/icons/triangle-down.svg);
+  mask-image: url(/c62a2da/icons/triangle-down.svg);
 }
 
 .MaskIconDebugRestart {
-  mask-image: url(/8ccae7d/icons/debug-restart.svg);
+  mask-image: url(/c62a2da/icons/debug-restart.svg);
 }
 
 .MaskIconDebugStop {
-  mask-image: url(/8ccae7d/icons/debug-stop.svg);
+  mask-image: url(/c62a2da/icons/debug-stop.svg);
 }
 
 .MaskIconPreserveCase {
-  mask-image: url(/8ccae7d/icons/preserve-case.svg);
+  mask-image: url(/c62a2da/icons/preserve-case.svg);
 }
 
 .MaskIconListTree {
-  mask-image: url(/8ccae7d/icons/list-tree.svg);
+  mask-image: url(/c62a2da/icons/list-tree.svg);
 }
 
 .MaskIconProgress {
-  mask-image: url(/8ccae7d/icons/progress.svg);
+  mask-image: url(/c62a2da/icons/progress.svg);
 }
 
 .MaskIconRepo {
-  mask-image: url(/8ccae7d/icons/repo.svg);
+  mask-image: url(/c62a2da/icons/repo.svg);
 }
 
 /* TODO decide */
 .MaskIconRecordKey,
 .MaskIconRecordKeys {
-  mask-image: url(/8ccae7d/icons/record-keys.svg);
+  mask-image: url(/c62a2da/icons/record-keys.svg);
 }
 
 .MaskIconSortPrecedence {
-  mask-image: url(/8ccae7d/icons/sort-precedence.svg);
+  mask-image: url(/c62a2da/icons/sort-precedence.svg);
 }
 /*************/
 /* Menu.css */
@@ -1435,7 +1615,7 @@ body {
   width: 16px;
   height: 16px;
   display: block;
-  mask-image: url(/8ccae7d/icons/chevron-right.svg);
+  mask-image: url(/c62a2da/icons/chevron-right.svg);
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 100%;
@@ -1583,12 +1763,12 @@ body {
 
 .ProblemsErrorIcon {
   color: var(--ProblemsErrorIconForeground, #b64e4e);
-  mask-image: url(/8ccae7d/icons/error.svg);
+  mask-image: url(/c62a2da/icons/error.svg);
 }
 
 .ProblemsWarningIcon {
   color: var(--ProblemsWarningIconForeground, #91b147);
-  mask-image: url(/8ccae7d/icons/warning.svg);
+  mask-image: url(/c62a2da/icons/warning.svg);
 }
 /*************/
 /* Progress.css */
@@ -1935,32 +2115,32 @@ body {
 .SymbolValue,
 .SymbolDefault {
   color: var(--SymbolValueForeground);
-  mask-image: url(/8ccae7d/icons/symbol-enum.svg);
+  mask-image: url(/c62a2da/icons/symbol-enum.svg);
 }
 
 .SymbolProperty {
   color: var(--SymbolPropertyForeground);
-  mask-image: url(/8ccae7d/icons/symbol-property.svg);
+  mask-image: url(/c62a2da/icons/symbol-property.svg);
 }
 
 .SymbolFunction {
   color: var(--SymbolFunctionForeground);
-  mask-image: url(/8ccae7d/icons/symbol-method.svg);
+  mask-image: url(/c62a2da/icons/symbol-method.svg);
 }
 
 .SymbolVariable {
   color: var(--SymbolVariableForeground);
-  mask-image: url(/8ccae7d/icons/symbol-variable.svg);
+  mask-image: url(/c62a2da/icons/symbol-variable.svg);
 }
 
 .SymbolKeyword {
   color: var(--SymbolKeywordForeground);
-  mask-image: url(/8ccae7d/icons/symbol-keyword.svg);
+  mask-image: url(/c62a2da/icons/symbol-keyword.svg);
 }
 
 .SymbolField {
   color: var(--SymbolFieldForeground);
-  mask-image: url(/8ccae7d/icons/symbol-field.svg);
+  mask-image: url(/c62a2da/icons/symbol-field.svg);
 }
 /*************/
 /* TitleBarEntry.css */
@@ -2159,6 +2339,1138 @@ body {
   pointer-events: none;
 }
 /*************/
+/* ViewletChat.css */
+/*************/
+:root {
+  --ChatForeground: rgb(188, 190, 190);
+}
+
+.Chat {
+  contain: strict;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  color: var(--ChatForeground);
+}
+
+.ChatActions {
+  contain: content;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.ChatActions .MaskIcon {
+  width: 16px;
+  height: 16px;
+  contain: strict;
+}
+
+.ChatList {
+  contain: strict;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-y: auto;
+}
+
+.ChatListItemLabel {
+  flex: 1;
+}
+
+.ChatListItem {
+  display: flex;
+  align-items: center;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+
+.ChatListItemFocused {
+  background: var(--vscode-list-activeSelectionBackground);
+  box-shadow: inset 0 0 0 1px var(--vscode-focusBorder);
+  color: var(--vscode-list-activeSelectionForeground);
+}
+
+.ChatListItemStatusRow {
+  width: 16px;
+  min-width: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ChatListItemStatusIcon {
+  font-size: 10px;
+}
+
+.ChatListItemStatusStopped {
+  color: var(--vscode-disabledForeground);
+}
+
+.ChatListItemStatusInProgress {
+  color: var(--vscode-charts-blue);
+}
+
+.ChatListItemStatusFinished {
+  color: var(--vscode-testing-iconPassed);
+}
+
+.ChatListItem .SessionArchiveButton {
+  opacity: 0;
+}
+
+.ChatListItem:hover .SessionArchiveButton,
+.ChatListItem:focus-within .SessionArchiveButton {
+  opacity: 1;
+}
+
+.ChatListItem {
+  contain: strict;
+  height: var(--ChatListItemHeight, 40px);
+  display: flex;
+  background: transparent;
+  padding-left: 10px;
+}
+
+.ChatListItem:hover {
+  background: var(--ListHoverBackground);
+}
+
+.ChatDetails {
+  contain: strict;
+  display: flex;
+  min-height: 0;
+  padding: 8px;
+}
+
+.ChatDetailsContent {
+  contain: strict;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  min-height: 0;
+  gap: 10px;
+}
+
+.ChatWelcomeMessage {
+  contain: content;
+  padding: 8px;
+  display: flex;
+  flex: 1;
+}
+
+.ChatName {
+  flex: 1;
+  display: flex;
+  contain: strict;
+  align-items: center;
+}
+
+.ChatMessages {
+  flex: 1;
+  contain: strict;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  scrollbar-color: var(--EditorScrollBarBackground, rgba(57, 71, 71, 0.6)) transparent;
+  scrollbar-width: thin;
+  contain: strict;
+  user-select: text;
+}
+
+.Message {
+  display: flex;
+  contain: content;
+  flex-direction: column;
+  padding-right: 3px;
+  cursor: text;
+  word-wrap: break-word;
+}
+
+.MessageUser {
+  align-self: flex-end;
+  padding-right: 10px;
+}
+
+.MessageAssistant {
+  align-self: flex-start;
+  padding-left: 10px;
+}
+
+.ChatMessageContent {
+  contain: content;
+  background: rgba(108, 81, 110, 0.13);
+  padding: 8px 12px;
+  border-radius: 8px;
+  font-size: 13px;
+  line-height: 19.5px;
+  color: var(--ChatMessageForeground, #bcbebe);
+}
+
+.ChatListEmpty {
+  contain: strict;
+  flex: 1;
+}
+
+.Message .Markdown {
+  margin: 0;
+}
+
+.ChatMessageLink {
+  color: #4d94ff;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.Message .Actions {
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.Chat {
+  position: relative;
+}
+
+.ChatViewDropOverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 1px dashed transparent;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--vscode-editor-foreground);
+  font-size: 13px;
+  font-weight: 600;
+  opacity: 0;
+  pointer-events: none;
+  z-index: 10;
+  transition:
+    opacity 120ms ease-in-out,
+    border-color 120ms ease-in-out,
+    background-color 120ms ease-in-out;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ChatViewDropOverlayActive {
+  opacity: 1;
+  pointer-events: auto;
+  border-color: var(--vscode-focusBorder);
+  background: color-mix(in srgb, var(--vscode-focusBorder) 12%, transparent);
+}
+
+.ChatMessageLink {
+  color: #4d94ff;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.ChatOrderedList,
+.ChatUnorderedList {
+  margin: 6px 0;
+  padding-inline-start: 20px;
+}
+
+.ChatOrderedListItem,
+.ChatUnorderedListItem {
+  margin: 2px 0;
+}
+
+.MarkdownTable {
+  width: 100%;
+  margin: 6px 0;
+  border-collapse: collapse;
+  border: 1px solid var(--vscode-editorWidget-border);
+}
+
+.MarkdownTable th,
+.MarkdownTable td {
+  border: 1px solid var(--vscode-editorWidget-border);
+  padding: 4px 8px;
+  text-align: left;
+}
+
+.MarkdownTable th {
+  background: var(--vscode-editorWidget-background);
+}
+
+.Viewlet.Chat.ChatFocus {
+  background: linear-gradient(180deg, var(--ColorViewBackground, #1d2229) 0%, #1f252d 100%);
+  display: grid;
+  grid-template-columns: 320px 1fr;
+  grid-template-rows: auto 1fr auto;
+}
+
+.Chat.ChatFocus .ChatHeader {
+  grid-column: 1 / 3;
+}
+
+.Chat.ChatFocus .ProjectSidebar {
+  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 88%, #1f2b38 12%);
+  border-right: 1px solid var(--ColorBorder, #3a3d41);
+  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  grid-column: 1;
+  grid-row: 2 / 4;
+  min-height: 0;
+}
+
+.Chat.ChatFocus .ProjectList {
+  min-height: 0;
+  overflow: auto;
+  padding: 10px 8px 12px;
+  scrollbar-color: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 78%, transparent)
+    color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 92%, transparent);
+  scrollbar-width: thin;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-track {
+  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
+  border-radius: 999px;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 70%, transparent);
+  border: 2px solid color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
+  border-radius: 999px;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--ColorScrollBarSliderHoverBackground, #667284) 80%, transparent);
+}
+
+.ProjectListGroup {
+  border: 1px solid transparent;
+  border-radius: 8px;
+  margin-bottom: 6px;
+  overflow: hidden;
+}
+
+.ProjectListItem {
+  align-items: center;
+  display: flex;
+  gap: 6px;
+  min-height: calc(var(--ChatListItemHeight) - 2px);
+}
+
+.ProjectListItemLabel {
+  align-items: center;
+  border-radius: 6px;
+  color: var(--ColorForeground, #d5dbe3);
+  cursor: pointer;
+  display: flex;
+  flex: 1;
+  font-weight: 500;
+  gap: 2px;
+  overflow: hidden;
+  padding: 0 10px;
+  text-overflow: ellipsis;
+  transition:
+    background-color 80ms ease,
+    color 80ms ease;
+  white-space: nowrap;
+}
+
+.ProjectListChevron {
+  color: color-mix(in srgb, var(--ColorForeground, #c8d0da) 70%, transparent);
+  display: inline-block;
+  flex: 0 0 12px;
+  font-size: 11px;
+  margin-right: 4px;
+  text-align: center;
+  width: 12px;
+}
+
+.ProjectListItemSelected {
+  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #39424d) 84%, #2f3741 16%);
+}
+
+.ProjectListItem:not(.ProjectListItemSelected):hover,
+.ProjectListItem:not(.ProjectListItemSelected):focus-within {
+  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414b) 50%, transparent);
+}
+
+.ProjectListItemSelected .ProjectListItemLabel {
+  color: var(--ColorListInactiveSelectionForeground, #e5ebf2);
+}
+
+.ProjectListItemActions {
+  display: flex;
+  padding-right: 6px;
+}
+
+.ProjectListItemAddChatButton {
+  align-items: center;
+  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #3a434f) 76%, transparent);
+  border: 0;
+  border-radius: 5px;
+  color: var(--ColorForeground, #d0d8e2);
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 13px;
+  font-weight: 500;
+  height: 18px;
+  justify-content: center;
+  opacity: 0;
+  padding: 0;
+  transition:
+    opacity 90ms ease,
+    background-color 90ms ease;
+  visibility: hidden;
+  width: 18px;
+}
+
+.ProjectListItem:hover .ProjectListItemAddChatButton,
+.ProjectListItem:focus-within .ProjectListItemAddChatButton {
+  opacity: 1;
+  visibility: visible;
+}
+
+.ProjectListItemAddChatButton:hover,
+.ProjectListItemAddChatButton:focus-visible {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #4a5460) 82%, transparent);
+}
+
+.ProjectSessionItem {
+  align-items: center;
+  display: flex;
+  min-height: calc(var(--ChatListItemHeight) - 5px);
+}
+
+.ProjectSessionItemLabel {
+  border-radius: 6px;
+  color: color-mix(in srgb, var(--ColorForeground, #cfd7df) 92%, transparent);
+  cursor: pointer;
+  display: block;
+  flex: 1;
+  font-size: 12.5px;
+  overflow: hidden;
+  padding: 0 10px 0 28px;
+  text-overflow: ellipsis;
+  transition:
+    background-color 80ms ease,
+    color 80ms ease;
+  white-space: nowrap;
+}
+
+.ProjectSessionItemSelected {
+  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #353f4a) 86%, #2c3540 14%);
+}
+
+.ProjectSessionItem:not(.ProjectSessionItemSelected):hover,
+.ProjectSessionItem:not(.ProjectSessionItemSelected):focus-within {
+  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414c) 46%, transparent);
+}
+
+.ProjectSessionItemSelected .ProjectSessionItemLabel {
+  color: var(--ColorListInactiveSelectionForeground, #f2f6fc);
+}
+
+.Chat.ChatFocus .ProjectAddButton {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #21252c) 72%, transparent);
+  border: 0;
+  border-top: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 70%, transparent);
+  color: var(--ColorForeground, #d2d9e2);
+  cursor: pointer;
+  font-size: 12.5px;
+  letter-spacing: 0.01em;
+  margin-top: auto;
+  min-height: var(--ChatListItemHeight);
+  padding: 0 12px;
+  text-align: left;
+  transition: background-color 80ms ease;
+}
+
+.Chat.ChatFocus .ProjectAddButton:hover,
+.Chat.ChatFocus .ProjectAddButton:focus-visible {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #2a3039) 78%, transparent);
+}
+
+.ChatList,
+.ChatListEmpty,
+.ChatMessages {
+  margin: 0;
+  min-height: 0;
+  padding: 0;
+}
+
+.Chat .Select {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  background-image:
+    linear-gradient(45deg, transparent 50%, color-mix(in srgb, var(--ColorForeground, #d5dbe3) 84%, transparent) 50%),
+    linear-gradient(135deg, color-mix(in srgb, var(--ColorForeground, #d5dbe3) 84%, transparent) 50%, transparent 50%);
+  background-position:
+    calc(100% - 10px) 50%,
+    calc(100% - 6px) 50%;
+  background-repeat: no-repeat;
+  background-size:
+    4px 4px,
+    4px 4px;
+  max-width: 60px;
+  padding-right: 16px;
+}
+
+.MarkdownMathInline {
+  display: inline-block;
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+.MarkdownQuote {
+  border-left: 3px solid var(--ColorBorder, #3a3d41);
+  margin: 8px 0;
+  padding-left: 12px;
+}
+
+.MarkdownMathBlock {
+  margin: 8px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.ChatMessageContent hr {
+  border: 0;
+  border-top: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 78%, transparent);
+  display: block;
+  height: 0;
+  margin: 12px 0;
+  width: 100%;
+}
+
+/* syntax highlight token colors */
+.TokenComment {
+  color: var(--ColorSymbolIconColorForeground, #7f8794);
+}
+
+.TokenString {
+  color: var(--ColorChartsGreen, #a6d189);
+}
+
+.TokenNumber,
+.TokenValue {
+  color: var(--ColorChartsBlue, #8caaee);
+}
+
+.TokenKeyword,
+.TokenTag {
+  color: var(--ColorChartsPurple, #ca9ee6);
+}
+
+.TokenAttribute,
+.TokenProperty {
+  color: var(--ColorChartsOrange, #ef9f76);
+}
+
+.ChatMessageContent p + p {
+  margin-top: 0.75em;
+}
+
+.MissingApiKeyForm {
+  padding-top: 10px;
+}
+
+a.Button {
+  text-decoration: none;
+}
+/*************/
+/* ViewletChatFocusMode.css */
+/*************/
+:root {
+  --ChatForeground: rgb(188, 190, 190);
+}
+
+.Viewlet.Chat.ChatFocus {
+  background: linear-gradient(180deg, var(--ColorViewBackground, #1d2229) 0%, #1f252d 100%);
+  display: grid;
+  grid-template-columns: 320px 1fr;
+  grid-template-rows: auto 1fr auto;
+}
+
+.Chat.ChatFocus .ChatHeader {
+  grid-column: 1 / 3;
+}
+
+.Chat.ChatFocus .ProjectSidebar {
+  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 88%, #1f2b38 12%);
+  border-right: 1px solid var(--ColorBorder, #3a3d41);
+  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  grid-column: 1;
+  grid-row: 2 / 4;
+  min-height: 0;
+}
+
+.Chat.ChatFocus .ProjectList {
+  min-height: 0;
+  overflow: auto;
+  padding: 10px 8px 12px;
+  scrollbar-color: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 78%, transparent)
+    color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 92%, transparent);
+  scrollbar-width: thin;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-track {
+  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
+  border-radius: 999px;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 70%, transparent);
+  border: 2px solid color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
+  border-radius: 999px;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--ColorScrollBarSliderHoverBackground, #667284) 80%, transparent);
+}
+
+.ProjectListGroup {
+  border: 1px solid transparent;
+  border-radius: 8px;
+  margin-bottom: 6px;
+  overflow: hidden;
+}
+
+.ProjectListItem {
+  align-items: center;
+  display: flex;
+  gap: 6px;
+  min-height: calc(var(--ChatListItemHeight) - 2px);
+}
+
+.ProjectListItemLabel {
+  align-items: center;
+  border-radius: 6px;
+  color: var(--ColorForeground, #d5dbe3);
+  cursor: pointer;
+  display: flex;
+  flex: 1;
+  font-weight: 500;
+  gap: 2px;
+  overflow: hidden;
+  padding: 0 10px;
+  text-overflow: ellipsis;
+  transition:
+    background-color 80ms ease,
+    color 80ms ease;
+  white-space: nowrap;
+}
+
+.ProjectListChevron {
+  color: color-mix(in srgb, var(--ColorForeground, #c8d0da) 70%, transparent);
+  display: inline-block;
+  flex: 0 0 12px;
+  font-size: 11px;
+  margin-right: 4px;
+  text-align: center;
+  width: 12px;
+}
+
+.ProjectListItemSelected {
+  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #39424d) 84%, #2f3741 16%);
+}
+
+.ProjectListItem:not(.ProjectListItemSelected):hover,
+.ProjectListItem:not(.ProjectListItemSelected):focus-within {
+  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414b) 50%, transparent);
+}
+
+.ProjectListItemSelected .ProjectListItemLabel {
+  color: var(--ColorListInactiveSelectionForeground, #e5ebf2);
+}
+
+.ProjectListItemActions {
+  display: flex;
+  padding-right: 6px;
+}
+
+.ProjectListItemAddChatButton {
+  align-items: center;
+  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #3a434f) 76%, transparent);
+  border: 0;
+  border-radius: 5px;
+  color: var(--ColorForeground, #d0d8e2);
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 13px;
+  font-weight: 500;
+  height: 18px;
+  justify-content: center;
+  opacity: 0;
+  padding: 0;
+  transition:
+    opacity 90ms ease,
+    background-color 90ms ease;
+  visibility: hidden;
+  width: 18px;
+}
+
+.ProjectListItem:hover .ProjectListItemAddChatButton,
+.ProjectListItem:focus-within .ProjectListItemAddChatButton {
+  opacity: 1;
+  visibility: visible;
+}
+
+.ProjectListItemAddChatButton:hover,
+.ProjectListItemAddChatButton:focus-visible {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #4a5460) 82%, transparent);
+}
+
+.ProjectSessionItem {
+  align-items: center;
+  display: flex;
+  min-height: calc(var(--ChatListItemHeight) - 5px);
+}
+
+.ProjectSessionItemLabel {
+  border-radius: 6px;
+  color: color-mix(in srgb, var(--ColorForeground, #cfd7df) 92%, transparent);
+  cursor: pointer;
+  display: block;
+  flex: 1;
+  font-size: 12.5px;
+  overflow: hidden;
+  padding: 0 10px 0 28px;
+  text-overflow: ellipsis;
+  transition:
+    background-color 80ms ease,
+    color 80ms ease;
+  white-space: nowrap;
+}
+
+.ProjectSessionItemSelected {
+  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #353f4a) 86%, #2c3540 14%);
+}
+
+.ProjectSessionItem:not(.ProjectSessionItemSelected):hover,
+.ProjectSessionItem:not(.ProjectSessionItemSelected):focus-within {
+  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414c) 46%, transparent);
+}
+
+.ProjectSessionItemSelected .ProjectSessionItemLabel {
+  color: var(--ColorListInactiveSelectionForeground, #f2f6fc);
+}
+
+.Chat.ChatFocus .ProjectAddButton {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #21252c) 72%, transparent);
+  border: 0;
+  border-top: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 70%, transparent);
+  color: var(--ColorForeground, #d2d9e2);
+  cursor: pointer;
+  font-size: 12.5px;
+  letter-spacing: 0.01em;
+  margin-top: auto;
+  min-height: var(--ChatListItemHeight);
+  padding: 0 12px;
+  text-align: left;
+  transition: background-color 80ms ease;
+}
+
+.Chat.ChatFocus .ProjectAddButton:hover,
+.Chat.ChatFocus .ProjectAddButton:focus-visible {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #2a3039) 78%, transparent);
+}
+
+.ChatList,
+.ChatListEmpty,
+.ChatMessages {
+  margin: 0;
+  min-height: 0;
+  padding: 0;
+}
+
+.Chat.ChatFocus .ChatList,
+.Chat.ChatFocus .ChatListEmpty {
+  display: none;
+}
+
+.Chat.ChatFocus .ChatMessages {
+  grid-column: 2;
+  grid-row: 2;
+}
+
+.Chat.ChatFocus .ChatSendArea {
+  grid-column: 2;
+  grid-row: 3;
+  height: var(--ChatSendAreaHeight);
+  min-height: var(--ChatSendAreaHeight);
+}
+
+.Chat.ChatFocus .ChatList,
+.Chat.ChatFocus .ChatListEmpty {
+  display: none;
+}
+
+.Chat.ChatFocus .ChatMessages {
+  grid-column: 2;
+  grid-row: 2;
+}
+
+.Chat.ChatFocus .ChatList,
+.Chat.ChatFocus .ChatListEmpty {
+  display: none;
+}
+
+.Chat.ChatFocus .ChatMessages {
+  grid-column: 2;
+  grid-row: 2;
+}
+
+.Chat.ChatFocus .ChatSendArea {
+  grid-column: 2;
+  grid-row: 3;
+  height: var(--ChatSendAreaHeight);
+  min-height: var(--ChatSendAreaHeight);
+}
+/*************/
+/* ViewletChatModelPicker.css */
+/*************/
+.ChatModelPickerContainer {
+  position: relative;
+}
+
+.ChatModelPicker {
+  background: var(--vscode-editorWidget-background);
+  border: 1px solid var(--vscode-editorWidget-border);
+  border-radius: 8px;
+  bottom: calc(100% + 8px);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+  left: 0;
+  min-width: 280px;
+  position: absolute;
+  z-index: 100;
+}
+
+.ChatModelPickerHeader {
+  align-items: center;
+  border-bottom: 1px solid var(--vscode-editorWidget-border);
+  display: flex;
+  gap: 8px;
+  padding: 8px;
+}
+
+.ChatModelPickerHeader .InputBox {
+  flex: 1;
+}
+
+.ChatModelPickerList {
+  max-height: 240px;
+  overflow: auto;
+  padding: 4px 0;
+}
+
+.ChatModelPickerItem {
+  align-items: center;
+  background: transparent;
+  border: none;
+  color: var(--vscode-foreground);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  height: 28px;
+  justify-content: flex-start;
+  padding: 0 10px;
+  text-align: left;
+  width: 100%;
+}
+
+.ChatModelPickerItem:hover,
+.ChatModelPickerItemSelected {
+  background: var(--vscode-list-hoverBackground);
+}
+
+.ChatModelPickerList {
+  margin: 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--vscode-scrollbarSlider-hoverBackground) var(--vscode-editorWidget-background, var(--vscode-editor-background));
+}
+
+.ChatModelPickerList::-webkit-scrollbar {
+  width: 10px;
+}
+
+.ChatModelPickerList::-webkit-scrollbar-track {
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+}
+
+.ChatModelPickerList::-webkit-scrollbar-thumb {
+  background: var(--vscode-scrollbarSlider-hoverBackground);
+  border: 2px solid transparent;
+  border-radius: 999px;
+  background-clip: content-box;
+}
+
+.ChatModelPickerList::-webkit-scrollbar-thumb:hover {
+  background: var(--vscode-scrollbarSlider-hoverBackground);
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+.ChatModelPickerList::-webkit-scrollbar-thumb:active {
+  background: var(--vscode-scrollbarSlider-activeBackground);
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+.ChatModelPickerItem {
+  display: block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ChatModelPickerContainer {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+}
+
+.ChatModelPicker {
+  position: static;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  margin-top: auto;
+  margin-bottom: 90px;
+  pointer-events: auto;
+}
+
+.ChatModelPicker {
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
+}
+/*************/
+/* ViewletChatTodoList.css */
+/*************/
+.ChatTodoList {
+  background: var(--vscode-editorWidget-background);
+  border: 1px solid var(--vscode-editorWidget-border);
+  border-radius: 6px;
+  margin-bottom: 8px;
+  overflow: hidden;
+}
+
+.ChatTodoListHeader {
+  border-bottom: 1px solid var(--vscode-editorWidget-border);
+  color: var(--vscode-descriptionForeground);
+  font-size: 12px;
+  line-height: 18px;
+  padding: 6px 10px;
+}
+
+.ChatTodoListItems {
+  list-style: none;
+  margin: 0;
+  max-height: 180px;
+  overflow: auto;
+  padding: 4px 0;
+}
+
+.ChatTodoListItem {
+  align-items: center;
+  color: var(--vscode-foreground);
+  display: flex;
+  font-size: 12px;
+  line-height: 18px;
+  min-height: 24px;
+  padding: 0 10px;
+}
+
+.ChatTodoListItem::before {
+  color: var(--vscode-descriptionForeground);
+  content: '○';
+  display: inline-block;
+  margin-right: 8px;
+  width: 1em;
+}
+
+.ChatTodoListItemTodo::before {
+  content: '○';
+}
+
+.ChatTodoListItem.todo::before {
+  content: '○';
+}
+
+.ChatTodoListItemInProgress::before {
+  color: var(--vscode-textLink-foreground);
+  content: '◐';
+}
+
+.ChatTodoListItem.inProgress::before {
+  color: var(--vscode-textLink-foreground);
+  content: '◐';
+}
+
+.ChatTodoListItemCompleted {
+  color: var(--vscode-disabledForeground);
+}
+
+.ChatTodoListItem.completed {
+  color: var(--vscode-disabledForeground);
+}
+
+.ChatTodoListItemCompleted::before {
+  color: var(--vscode-testing-iconPassed);
+  content: '✓';
+}
+
+.ChatTodoListItem.completed::before {
+  color: var(--vscode-testing-iconPassed);
+  content: '✓';
+}
+/*************/
+/* ViewletDebugChat.css */
+/*************/
+.ChatDebugView {
+  padding: 8px;
+  display: grid;
+  grid-template-rows: auto auto 1fr;
+  height: 100%;
+  box-sizing: border-box;
+  gap: 8px;
+  contain: strict;
+  flex: 1;
+}
+
+.ChatDebugViewTop {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  contain: content;
+}
+
+.ChatDebugViewTop .InputBox {
+  flex: 1;
+}
+
+.ChatDebugViewToggle {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  white-space: nowrap;
+  contain: content;
+}
+
+.ChatDebugViewSession {
+  font-size: 12px;
+  opacity: 0.8;
+  contain: content;
+}
+
+.ChatDebugViewEventCount {
+  font-size: 12px;
+  opacity: 0.8;
+  contain: content;
+}
+
+.ChatDebugViewEvents {
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4)) transparent;
+  contain: content;
+}
+
+.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 {
+  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;
+}
+
+.ChatDebugViewEmpty {
+  opacity: 0.8;
+  contain: content;
+}
+
+.ChatDebugViewError {
+  color: var(--vscode-errorForeground, #f14c4c);
+  white-space: normal;
+  contain: content;
+}
+
+.TokenText {
+  color: var(--vscode-editor-foreground, inherit);
+  contain: content;
+}
+
+.TokenKey {
+  color: var(--vscode-symbolIcon-propertyForeground, var(--vscode-editor-foreground, inherit));
+  contain: content;
+}
+
+.TokenString {
+  color: var(--vscode-debugTokenExpression-string, var(--vscode-charts-green, #89d185));
+  contain: content;
+}
+
+.TokenNumeric {
+  color: var(--vscode-debugTokenExpression-number, var(--vscode-charts-blue, #75beff));
+  contain: content;
+}
+
+.TokenBoolean {
+  color: var(--vscode-debugTokenExpression-boolean, var(--vscode-charts-yellow, #dcdcaa));
+  contain: content;
+}
+
+.ChatDebugViewToggleLabel {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+/*************/
 /* ViewletEditor.css */
 /*************/
 :root {
@@ -2297,11 +3609,11 @@ body {
 }
 
 .DiagnosticError {
-  background: url(/8ccae7d/icons/squiggly-error.svg) repeat-x bottom left;
+  background: url(/c62a2da/icons/squiggly-error.svg) repeat-x bottom left;
 }
 
 .DiagnosticWarning {
-  background: url(/8ccae7d/icons/squiggly-warning.svg) repeat-x bottom left;
+  background: url(/c62a2da/icons/squiggly-warning.svg) repeat-x bottom left;
 }
 
 .Token.EditorGoToDefinitionLink {
@@ -2918,7 +4230,7 @@ body {
   max-width: 200px;
   width: 100%;
   display: flex;
-  mask-image: url(/8ccae7d/icons/icon.svg);
+  mask-image: url(/c62a2da/icons/icon.svg);
   contain: strict;
   mask-repeat: no-repeat;
   mask-repeat: no-repeat;