@sourcegraph/cody-web 0.7.1 → 0.7.4

package/dist/index.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { g as getDefaultExportFromCjs, L as Ls, k as ke$1, a as ks, F as Fi$1, _ as _s, b as ds, c as bs, i as ii$1, q as qe$1, y as ys, x as xi$1, K as K$2, J as J$2, R as R$3, e as ws, B as B$2, f as g$5, h as h$4, j as _i, S as Ss, l as Br, m as ln, n as bi$1, v as vn, o as xn, N as Nn, r as mn, s as li$1, u as n$1, z as ns, M as M$4, D as Ds, A as le$2, E as c$4, G as oe$1, H as z$1, I as yi$1, W as W$2, U as Ue$1, O as I$2, P as Se$2, Q as O$2, V as F$1, X as Ni$1, Y as ee$1, Z as we$2, $ as b$2, a0 as T$3, a1 as s$2, a2 as o$4, a3 as w$3, a4 as i$1, a5 as k$3, a6 as D$5, a7 as p$8, a8 as m$7, a9 as S$4, aa as v$4, ab as P$2, ac as E$6, ad as Wi$1, ae as L$3, af as d$2, ag as a$3, ah as l$2, ai as f$2, aj as u$6, ak as r$6, al as t$2, am as displayPathBasename, an as FILE_CONTEXT_MENTION_PROVIDER, ao as SYMBOL_CONTEXT_MENTION_PROVIDER, ap as REMOTE_REPOSITORY_PROVIDER_URI, aq as REMOTE_FILE_PROVIDER_URI, ar as REMOTE_DIRECTORY_PROVIDER_URI, as as CURRENT_REPOSITORY_DIRECTORY_PROVIDER_URI, at as WEB_PROVIDER_URI, au as displayPath, av as displayLineRange, aw as displayPathDirname, ax as IGNORED_FILE_WARNING_LABEL, ay as LARGE_FILE_WARNING_LABEL, az as Ei$1, aA as xe$2, aB as V$2, aC as Es, aD as U$2, aE as e, aF as Ns, aG as an, aH as gs, aI as serializeContextItem, aJ as CONTEXT_ITEM_MENTION_NODE_TYPE, aK as contextItemMentionNodeDisplayText, C as ContextItemSource, aL as URI, aM as qr, aN as _$2, aO as TEMPLATE_INPUT_NODE_TYPE, aP as N$2, aQ as parseMentionQuery, aR as NO_SYMBOL_MATCHES_HELP_LABEL, aS as FILE_RANGE_TOOLTIP_LABEL, aT as proxyExtensionAPI, aU as createMessageAPIForWebview, aV as lodashExports, aW as memoizeLastValue, aX as toSerializedPromptEditorValue, aY as ri$1, aZ as scanForMentionTriggerInUserTextInput, a_ as fs, a$ as Ts, b0 as ps, b1 as hydrateAfterPostMessage, b2 as isCodyProUser, b3 as CodyIDE, b4 as webviewOpenURIForContextItem, b5 as commonjsGlobal, b6 as CodyTaskState, b7 as cryptoJsExports, b8 as isError, b9 as RateLimitError, ba as CODY_FEEDBACK_URL, bb as isDefined, bc as reformatBotMessageForChat, p as ps$1, bd as isAbortErrorOrSocketHangUp, be as isEqual, bf as serializedPromptEditorStateFromChatMessage, bg as contextItemsFromPromptEditorValue, bh as filterContextItemsFromPromptEditorValue, bi as pluralize, bj as isCodyProModel, bk as ModelTag, bl as CustomCommandType, bm as isMacOS, bn as textContentFromSerializedLexicalNode, bo as FAST_CHAT_INPUT_TOKEN_BUDGET, bp as deserializeContextItem, bq as View, br as truncateTextStart, bs as CHAT_INPUT_TOKEN_BUDGET, bt as ACCOUNT_USAGE_URL, bu as getRelativeChatPeriod, bv as browser, bw as isErrorLike, bx as setDisplayPathEnvInfo, by as PromptString } from "./browser-DJC99jis.mjs";
+import { g as getDefaultExportFromCjs, L as Ls, k as ke$1, a as ks, F as Fi$1, _ as _s, b as ds, c as bs, i as ii$1, q as qe$1, y as ys, x as xi$1, K as K$2, J as J$2, R as R$3, e as ws, B as B$2, f as g$5, h as h$4, j as _i, S as Ss, l as Br, m as ln, n as bi$1, v as vn, o as xn, N as Nn, r as mn, s as li$1, u as n$1, z as ns, M as M$4, D as Ds, A as le$2, E as c$4, G as oe$1, H as z$1, I as yi$1, W as W$2, U as Ue$1, O as I$2, P as Se$2, Q as O$2, V as F$1, X as Ni$1, Y as ee$1, Z as we$2, $ as b$2, a0 as T$3, a1 as s$2, a2 as o$4, a3 as w$3, a4 as i$1, a5 as k$3, a6 as D$5, a7 as p$8, a8 as m$7, a9 as S$4, aa as v$4, ab as P$2, ac as E$6, ad as Wi$1, ae as L$3, af as d$2, ag as a$3, ah as l$2, ai as f$2, aj as u$6, ak as r$6, al as t$2, am as displayPathBasename, an as FILE_CONTEXT_MENTION_PROVIDER, ao as SYMBOL_CONTEXT_MENTION_PROVIDER, ap as REMOTE_REPOSITORY_PROVIDER_URI, aq as REMOTE_FILE_PROVIDER_URI, ar as REMOTE_DIRECTORY_PROVIDER_URI, as as CURRENT_REPOSITORY_DIRECTORY_PROVIDER_URI, at as WEB_PROVIDER_URI, au as displayPath, av as displayLineRange, aw as displayPathDirname, ax as IGNORED_FILE_WARNING_LABEL, ay as LARGE_FILE_WARNING_LABEL, az as Ei$1, aA as xe$2, aB as V$2, aC as Es, aD as U$2, aE as e, aF as Ns, aG as an, aH as gs, aI as serializeContextItem, aJ as CONTEXT_ITEM_MENTION_NODE_TYPE, aK as contextItemMentionNodeDisplayText, C as ContextItemSource, aL as URI, aM as qr, aN as _$2, aO as TEMPLATE_INPUT_NODE_TYPE, aP as N$2, aQ as parseMentionQuery, aR as NO_SYMBOL_MATCHES_HELP_LABEL, aS as FILE_RANGE_TOOLTIP_LABEL, aT as proxyExtensionAPI, aU as createMessageAPIForWebview, aV as lodashExports, aW as memoizeLastValue, aX as toSerializedPromptEditorValue, aY as ri$1, aZ as scanForMentionTriggerInUserTextInput, a_ as fs, a$ as Ts, b0 as ps, b1 as hydrateAfterPostMessage, b2 as isCodyProUser, b3 as CodyIDE, b4 as webviewOpenURIForContextItem, b5 as commonjsGlobal, b6 as CodyTaskState, b7 as cryptoJsExports, b8 as isError, b9 as RateLimitError, ba as CODY_FEEDBACK_URL, bb as isDefined, bc as reformatBotMessageForChat, p as ps$1, bd as isAbortErrorOrSocketHangUp, be as isEqual, bf as serializedPromptEditorStateFromChatMessage, bg as contextItemsFromPromptEditorValue, bh as filterContextItemsFromPromptEditorValue, bi as pluralize, bj as isCodyProModel, bk as ModelTag, bl as CustomCommandType, bm as isMacOS, bn as textContentFromSerializedLexicalNode, bo as FAST_CHAT_INPUT_TOKEN_BUDGET, bp as deserializeContextItem, bq as View, br as truncateTextStart, bs as CHAT_INPUT_TOKEN_BUDGET, bt as ACCOUNT_USAGE_URL, bu as getRelativeChatPeriod, bv as browser, bw as isErrorLike, bx as setDisplayPathEnvInfo, by as PromptString } from "./browser-BTzYzFoB.mjs";
 import * as React from "react";
 import React__default, { createContext, useContext, useMemo, useLayoutEffect, useEffect, forwardRef, useState, useCallback, useRef, Suspense, createElement, memo, useImperativeHandle, Children, isValidElement, cloneElement, Fragment as Fragment$1, useReducer } from "react";
 var classnames = { exports: {} };
@@ -8272,7 +8272,7 @@ const iconForProvider = {
   "internal-linear-issues": SvgLinear,
   // Can't import LinearIssuesProvider due to transitive dep on vscode.
   [REMOTE_REPOSITORY_PROVIDER_URI]: FolderGit,
-  [REMOTE_FILE_PROVIDER_URI]: FolderGit,
+  [REMOTE_FILE_PROVIDER_URI]: File,
   [REMOTE_DIRECTORY_PROVIDER_URI]: FolderGit,
   [CURRENT_REPOSITORY_DIRECTORY_PROVIDER_URI]: FolderGit,
   [WEB_PROVIDER_URI]: Link$1
@@ -8345,7 +8345,6 @@ function getGlobalPromptEditorConfig() {
 const CAN_USE_DOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 const IS_IOS = CAN_USE_DOM && /iPad|iPhone|iPod/.test(navigator.userAgent) && // @ts-ignore
 !window.MSStream;
-CAN_USE_DOM && window.matchMedia("(pointer: coarse)").matches;
 const useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect : useEffect;
 const useIsFocused = () => {
   const [editor2] = u$5();
@@ -8374,7 +8373,7 @@ const useIsFocused = () => {
   }, [editor2]);
   return hasFocus;
 };
-const MentionComponent = ({ nodeKey, node: node2, tooltip, icon: Icon2, className, focusedClassName, iconClassName }) => {
+const MentionComponent = ({ nodeKey, node: node2, tooltip: tooltip2, icon: Icon2, className, focusedClassName, iconClassName }) => {
   const { tooltipComponents, onContextItemMentionNodeMetaClick } = getGlobalPromptEditorConfig();
   const [editor2] = u$5();
   const isEditorFocused = useIsFocused();
@@ -8516,8 +8515,8 @@ const MentionComponent = ({ nodeKey, node: node2, tooltip, icon: Icon2, classNam
       unregister();
     };
   }, [editor2, onArrowLeftPress, onArrowRightPress, onClick, onDelete, onBlur, onSelectionChange]);
-  const content2 = /* @__PURE__ */ jsxs("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip, children: [
-    Icon2 && /* @__PURE__ */ jsx(Icon2, { size: 14, strokeWidth: 2, className: iconClassName }),
+  const content2 = /* @__PURE__ */ jsxs("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip2, children: [
+    Icon2 && /* @__PURE__ */ jsx(Icon2, { size: 14, strokeWidth: 2, className: clsx$1(iconClassName, "tw-shrink-0") }),
     /* @__PURE__ */ jsx("span", { children: text2 })
   ] });
   if (!tooltipComponents) {
@@ -8526,7 +8525,7 @@ const MentionComponent = ({ nodeKey, node: node2, tooltip, icon: Icon2, classNam
   const { Tooltip: Tooltip2, TooltipContent: TooltipContent2, TooltipTrigger: TooltipTrigger2 } = tooltipComponents;
   return /* @__PURE__ */ jsxs(Tooltip2, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger2, { asChild: true, children: content2 }),
-    tooltip && /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip })
+    tooltip2 && /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip2 })
   ] });
 };
 const MENTION_CLASS_NAME = styles$k.contextItemMentionNode;
@@ -8710,16 +8709,16 @@ const TemplateInputComponent = ({ editor: editor2, nodeKey, node: node2, classNa
       editor2.registerCommand(_$2, onKeyDown, Ns)
     );
   }, [editor2, onClick, onKeyDown]);
-  const tooltip = "replaces template placeholder on keypress";
+  const tooltip2 = "replaces template placeholder on keypress";
   const text2 = node2.templateInput.placeholder;
-  const content2 = /* @__PURE__ */ jsx("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip, children: /* @__PURE__ */ jsx("span", { children: text2 }) });
+  const content2 = /* @__PURE__ */ jsx("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip2, children: /* @__PURE__ */ jsx("span", { children: text2 }) });
   if (!tooltipComponents) {
     return content2;
   }
   const { Tooltip: Tooltip2, TooltipContent: TooltipContent2, TooltipTrigger: TooltipTrigger2 } = tooltipComponents;
   return /* @__PURE__ */ jsxs(Tooltip2, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger2, { asChild: true, children: content2 }),
-    /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip })
+    /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip2 })
   ] });
 };
 const templateInputNode = "_template-input-node_14yoh_1";
@@ -15901,6 +15900,20 @@ function $3db38b7d1fb3fe6a$var$createFocusGuard() {
   element2.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none";
   return element2;
 }
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
     for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
@@ -15922,19 +15935,17 @@ function __rest(s2, e2) {
     }
   return t2;
 }
-function __spreadArray(to, from, pack) {
-  if (pack || arguments.length === 2) for (var i2 = 0, l2 = from.length, ar; i2 < l2; i2++) {
-    if (ar || !(i2 in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i2);
-      ar[i2] = from[i2];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
+function __decorate(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d2;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d2 = decorators[i2]) r2 = (c2 < 3 ? d2(r2) : c2 > 3 ? d2(target, key, r2) : d2(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+}
+function __spreadArray(to, from) {
+  for (var i2 = 0, il2 = from.length, j = to.length; i2 < il2; i2++, j++)
+    to[j] = from[i2];
+  return to;
 }
-typeof SuppressedError === "function" ? SuppressedError : function(error2, suppressed, message2) {
-  var e2 = new Error(message2);
-  return e2.name = "SuppressedError", e2.error = error2, e2.suppressed = suppressed, e2;
-};
 var zeroRightClassName = "right-scroll-bar-position";
 var fullWidthClassName = "width-before-scroll-bar";
 var noScrollbarsClassName = "with-scroll-bars-hidden";
@@ -16411,7 +16422,7 @@ function RemoveScrollSideCar(props) {
   React.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id2));
-      var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
+      var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef)).filter(Boolean);
       allow_1.forEach(function(el2) {
         return el2.classList.add("allow-interactivity-".concat(id2));
       });
@@ -17260,7 +17271,7 @@ const CommandSeparator = React.forwardRef(({ className, ...props }, ref2) => /*
   }
 ));
 CommandSeparator.displayName = He.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, tooltip, ...props }, ref2) => {
+const CommandItem = React.forwardRef(({ className, tooltip: tooltip2, ...props }, ref2) => {
   const item2 = /* @__PURE__ */ jsx(
     He.Item,
     {
@@ -17269,7 +17280,7 @@ const CommandItem = React.forwardRef(({ className, tooltip, ...props }, ref2) =>
         "tw-relative tw-flex tw-cursor-pointer tw-select-none tw-items-center tw-rounded-sm tw-py-3 tw-px-2 tw-text-md tw-outline-none aria-selected:tw-bg-accent aria-selected:tw-text-accent-foreground hover:tw-bg-accent hover:tw-text-accent-foreground data-[disabled=true]:tw-pointer-events-none data-[disabled=true]:tw-opacity-50",
         className
       ),
-      title: tooltip,
+      title: tooltip2,
       ...props
     }
   );
@@ -17403,10 +17414,10 @@ const COMMON_WRAPPERS = [
     value: promptEditorConfig
   }
 ];
-const outerContainer = "_outer-container_xb9w0_1";
-const errorContainer = "_error-container_xb9w0_11";
-const error$1 = "_error_xb9w0_11";
-const closeBtn = "_close-btn_xb9w0_29";
+const outerContainer = "_outer-container_hbzxh_1";
+const errorContainer = "_error-container_hbzxh_10";
+const error$1 = "_error_hbzxh_10";
+const closeBtn = "_close-btn_hbzxh_28";
 const styles$f = {
   outerContainer,
   errorContainer,
@@ -20477,26 +20488,6 @@ html$4`
         ></slot>
     </span>
 `;
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-function __decorate$1(decorators, target, key, desc) {
-  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d2;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d2 = decorators[i2]) r2 = (c2 < 3 ? d2(r2) : c2 > 3 ? d2(target, key, r2) : d2(target, key)) || r2;
-  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
-}
 const metadataByTarget = /* @__PURE__ */ new Map();
 if (!("metadata" in Reflect)) {
   Reflect.metadata = function(key, value) {
@@ -21637,10 +21628,10 @@ class FoundationElement extends FASTElement {
     } : this, elementDefinition, overrideDefinition);
   }
 }
-__decorate$1([
+__decorate([
   observable
 ], FoundationElement.prototype, "template", void 0);
-__decorate$1([
+__decorate([
   observable
 ], FoundationElement.prototype, "styles", void 0);
 function resolveOption(option, context2, definition2) {
@@ -21910,61 +21901,61 @@ const anchorTemplate = (context2, definition2) => html$4`
 `;
 class ARIAGlobalStatesAndProperties {
 }
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-atomic" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-busy" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-controls" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-current" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-describedby" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-details" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-disabled" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-errormessage" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-flowto" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-haspopup" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-hidden" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-invalid" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-keyshortcuts" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-label" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-labelledby" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-live" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-owns" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-relevant" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-roledescription" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
 class Anchor extends FoundationElement {
@@ -21988,36 +21979,36 @@ class Anchor extends FoundationElement {
     this.handleUnsupportedDelegatesFocus();
   }
 }
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "download", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "href", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "hreflang", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "ping", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "referrerpolicy", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "rel", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "target", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Anchor.prototype, "type", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Anchor.prototype, "defaultSlottedContent", void 0);
 class DelegatesARIALink {
 }
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-expanded" })
 ], DelegatesARIALink.prototype, "ariaExpanded", void 0);
 applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
@@ -22052,13 +22043,13 @@ let Badge$2 = class Badge extends FoundationElement {
     };
   }
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "fill" })
 ], Badge$2.prototype, "fill", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "color" })
 ], Badge$2.prototype, "color", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], Badge$2.prototype, "circular", void 0);
 const buttonTemplate = (context2, definition2) => html$4`
@@ -22598,39 +22589,39 @@ let Button$2 = class Button extends FormAssociatedButton {
     }
   }
 };
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], Button$2.prototype, "autofocus", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "form" })
 ], Button$2.prototype, "formId", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Button$2.prototype, "formaction", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Button$2.prototype, "formenctype", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Button$2.prototype, "formmethod", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], Button$2.prototype, "formnovalidate", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Button$2.prototype, "formtarget", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Button$2.prototype, "type", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Button$2.prototype, "defaultSlottedContent", void 0);
 class DelegatesARIAButton {
 }
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-expanded" })
 ], DelegatesARIAButton.prototype, "ariaExpanded", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "aria-pressed" })
 ], DelegatesARIAButton.prototype, "ariaPressed", void 0);
 applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);
@@ -22764,40 +22755,40 @@ let DataGridRow$1 = class DataGridRow extends FoundationElement {
     this.activeCellItemTemplate = this.rowType === DataGridRowTypes.default && this.cellItemTemplate !== void 0 ? this.cellItemTemplate : this.rowType === DataGridRowTypes.default && this.cellItemTemplate === void 0 ? this.defaultCellItemTemplate : this.headerCellItemTemplate !== void 0 ? this.headerCellItemTemplate : this.defaultHeaderCellItemTemplate;
   }
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "grid-template-columns" })
 ], DataGridRow$1.prototype, "gridTemplateColumns", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "row-type" })
 ], DataGridRow$1.prototype, "rowType", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "rowData", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "columnDefinitions", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "cellItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "headerCellItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "rowIndex", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "isActiveRow", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "activeCellItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "defaultCellItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "defaultHeaderCellItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridRow$1.prototype, "cellElements", void 0);
 function createRowItemTemplate(context2) {
@@ -23143,43 +23134,43 @@ DataGrid$1.generateColumns = (row2) => {
     };
   });
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "no-tabbing", mode: "boolean" })
 ], DataGrid$1.prototype, "noTabbing", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "generate-header" })
 ], DataGrid$1.prototype, "generateHeader", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "grid-template-columns" })
 ], DataGrid$1.prototype, "gridTemplateColumns", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "rowsData", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "columnDefinitions", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "rowItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "cellItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "headerCellItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "focusRowIndex", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "focusColumnIndex", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "defaultRowItemTemplate", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "rowElementTag", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGrid$1.prototype, "rowElements", void 0);
 const defaultCellContentsTemplate = html$4`
@@ -23342,16 +23333,16 @@ let DataGridCell$1 = class DataGridCell extends FoundationElement {
     }
   }
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "cell-type" })
 ], DataGridCell$1.prototype, "cellType", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "grid-column" })
 ], DataGridCell$1.prototype, "gridColumn", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridCell$1.prototype, "rowData", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DataGridCell$1.prototype, "columnDefinition", void 0);
 function createCellItemTemplate(context2) {
@@ -23476,13 +23467,13 @@ let Checkbox$1 = class Checkbox extends FormAssociatedCheckbox {
     }
   }
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "readonly", mode: "boolean" })
 ], Checkbox$1.prototype, "readOnly", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Checkbox$1.prototype, "defaultSlottedNodes", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Checkbox$1.prototype, "indeterminate", void 0);
 function isListboxOption(el2) {
@@ -23599,39 +23590,39 @@ class ListboxOption extends FoundationElement {
     return this.proxy ? this.proxy.form : null;
   }
 }
-__decorate$1([
+__decorate([
   observable
 ], ListboxOption.prototype, "checked", void 0);
-__decorate$1([
+__decorate([
   observable
 ], ListboxOption.prototype, "content", void 0);
-__decorate$1([
+__decorate([
   observable
 ], ListboxOption.prototype, "defaultSelected", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], ListboxOption.prototype, "disabled", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "selected", mode: "boolean" })
 ], ListboxOption.prototype, "selectedAttribute", void 0);
-__decorate$1([
+__decorate([
   observable
 ], ListboxOption.prototype, "selected", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "value", mode: "fromView" })
 ], ListboxOption.prototype, "initialValue", void 0);
 class DelegatesARIAListboxOption {
 }
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListboxOption.prototype, "ariaChecked", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListboxOption.prototype, "ariaPosInSet", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListboxOption.prototype, "ariaSelected", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListboxOption.prototype, "ariaSetSize", void 0);
 applyMixins(DelegatesARIAListboxOption, ARIAGlobalStatesAndProperties);
@@ -24048,33 +24039,33 @@ class Listbox extends FoundationElement {
 }
 Listbox.slottedOptionFilter = (n2) => isListboxOption(n2) && !n2.hidden;
 Listbox.TYPE_AHEAD_TIMEOUT_MS = 1e3;
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], Listbox.prototype, "disabled", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Listbox.prototype, "selectedIndex", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Listbox.prototype, "selectedOptions", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Listbox.prototype, "slottedOptions", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Listbox.prototype, "typeaheadBuffer", void 0);
 class DelegatesARIAListbox {
 }
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListbox.prototype, "ariaActiveDescendant", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListbox.prototype, "ariaDisabled", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListbox.prototype, "ariaExpanded", void 0);
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIAListbox.prototype, "ariaMultiSelectable", void 0);
 applyMixins(DelegatesARIAListbox, ARIAGlobalStatesAndProperties);
@@ -24192,7 +24183,7 @@ class StyleElementStyleSheetTarget {
     }
   }
 }
-__decorate$1([
+__decorate([
   observable
 ], StyleElementStyleSheetTarget.prototype, "target", void 0);
 class ElementStyleSheetTarget {
@@ -24761,7 +24752,7 @@ class DesignTokenNode {
   }
 }
 DesignTokenNode.cssCustomPropertyReflector = new CustomPropertyReflector();
-__decorate$1([
+__decorate([
   observable
 ], DesignTokenNode.prototype, "children", void 0);
 function create$3(nameOrConfig) {
@@ -25038,10 +25029,10 @@ let Divider$1 = class Divider extends FoundationElement {
     this.orientation = Orientation.horizontal;
   }
 };
-__decorate$1([
+__decorate([
   attr
 ], Divider$1.prototype, "role", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Divider$1.prototype, "orientation", void 0);
 const listboxOptionTemplate = (context2, definition2) => html$4`
@@ -25466,13 +25457,13 @@ class ListboxElement extends Listbox {
     }
   }
 }
-__decorate$1([
+__decorate([
   observable
 ], ListboxElement.prototype, "activeIndex", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], ListboxElement.prototype, "multiple", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], ListboxElement.prototype, "size", void 0);
 class _TextField extends FoundationElement {
@@ -25613,37 +25604,37 @@ let TextField$1 = class TextField extends FormAssociatedTextField {
     super.validate(this.control);
   }
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "readonly", mode: "boolean" })
 ], TextField$1.prototype, "readOnly", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], TextField$1.prototype, "autofocus", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextField$1.prototype, "placeholder", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextField$1.prototype, "type", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextField$1.prototype, "list", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], TextField$1.prototype, "maxlength", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], TextField$1.prototype, "minlength", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextField$1.prototype, "pattern", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], TextField$1.prototype, "size", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], TextField$1.prototype, "spellcheck", void 0);
-__decorate$1([
+__decorate([
   observable
 ], TextField$1.prototype, "defaultSlottedNodes", void 0);
 class DelegatesARIATextbox {
@@ -25724,19 +25715,19 @@ class BaseProgress extends FoundationElement {
     this.percentComplete = range2 === 0 ? 0 : Math.fround((value - min2) / range2 * 100);
   }
 }
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], BaseProgress.prototype, "value", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], BaseProgress.prototype, "min", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], BaseProgress.prototype, "max", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], BaseProgress.prototype, "paused", void 0);
-__decorate$1([
+__decorate([
   observable
 ], BaseProgress.prototype, "percentComplete", void 0);
 const radioGroupTemplate = (context2, definition2) => html$4`
@@ -26071,25 +26062,25 @@ let RadioGroup$1 = class RadioGroup extends FoundationElement {
     }
   }
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "readonly", mode: "boolean" })
 ], RadioGroup$1.prototype, "readOnly", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "disabled", mode: "boolean" })
 ], RadioGroup$1.prototype, "disabled", void 0);
-__decorate$1([
+__decorate([
   attr
 ], RadioGroup$1.prototype, "name", void 0);
-__decorate$1([
+__decorate([
   attr
 ], RadioGroup$1.prototype, "value", void 0);
-__decorate$1([
+__decorate([
   attr
 ], RadioGroup$1.prototype, "orientation", void 0);
-__decorate$1([
+__decorate([
   observable
 ], RadioGroup$1.prototype, "childItems", void 0);
-__decorate$1([
+__decorate([
   observable
 ], RadioGroup$1.prototype, "slottedRadioButtons", void 0);
 const radioTemplate = (context2, definition2) => html$4`
@@ -26191,13 +26182,13 @@ let Radio$1 = class Radio extends FormAssociatedRadio {
     }
   }
 };
-__decorate$1([
+__decorate([
   attr({ attribute: "readonly", mode: "boolean" })
 ], Radio$1.prototype, "readOnly", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Radio$1.prototype, "name", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Radio$1.prototype, "defaultSlottedNodes", void 0);
 function whitespaceFilter(value, index2, array) {
@@ -26610,27 +26601,27 @@ class Select extends FormAssociatedSelect {
     }
   }
 }
-__decorate$1([
+__decorate([
   attr({ attribute: "open", mode: "boolean" })
 ], Select.prototype, "open", void 0);
-__decorate$1([
+__decorate([
   volatile
 ], Select.prototype, "collapsible", null);
-__decorate$1([
+__decorate([
   observable
 ], Select.prototype, "control", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "position" })
 ], Select.prototype, "positionAttribute", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Select.prototype, "position", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Select.prototype, "maxHeight", void 0);
 class DelegatesARIASelect {
 }
-__decorate$1([
+__decorate([
   observable
 ], DelegatesARIASelect.prototype, "ariaControls", void 0);
 applyMixins(DelegatesARIASelect, DelegatesARIAListbox);
@@ -26712,7 +26703,7 @@ const tabTemplate = (context2, definition2) => html$4`
 `;
 class Tab extends FoundationElement {
 }
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], Tab.prototype, "disabled", void 0);
 const tabsTemplate = (context2, definition2) => html$4`
@@ -27020,25 +27011,25 @@ let Tabs$1 = class Tabs extends FoundationElement {
     this.activeTabIndex = this.getActiveIndex();
   }
 };
-__decorate$1([
+__decorate([
   attr
 ], Tabs$1.prototype, "orientation", void 0);
-__decorate$1([
+__decorate([
   attr
 ], Tabs$1.prototype, "activeid", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Tabs$1.prototype, "tabs", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Tabs$1.prototype, "tabpanels", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], Tabs$1.prototype, "activeindicator", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Tabs$1.prototype, "activeIndicatorRef", void 0);
-__decorate$1([
+__decorate([
   observable
 ], Tabs$1.prototype, "showActiveIndicator", void 0);
 applyMixins(Tabs$1, StartEnd);
@@ -27133,43 +27124,43 @@ let TextArea$1 = class TextArea extends FormAssociatedTextArea {
     super.validate(this.control);
   }
 };
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], TextArea$1.prototype, "readOnly", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextArea$1.prototype, "resize", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], TextArea$1.prototype, "autofocus", void 0);
-__decorate$1([
+__decorate([
   attr({ attribute: "form" })
 ], TextArea$1.prototype, "formId", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextArea$1.prototype, "list", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], TextArea$1.prototype, "maxlength", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter })
 ], TextArea$1.prototype, "minlength", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextArea$1.prototype, "name", void 0);
-__decorate$1([
+__decorate([
   attr
 ], TextArea$1.prototype, "placeholder", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter, mode: "fromView" })
 ], TextArea$1.prototype, "cols", void 0);
-__decorate$1([
+__decorate([
   attr({ converter: nullableNumberConverter, mode: "fromView" })
 ], TextArea$1.prototype, "rows", void 0);
-__decorate$1([
+__decorate([
   attr({ mode: "boolean" })
 ], TextArea$1.prototype, "spellcheck", void 0);
-__decorate$1([
+__decorate([
   observable
 ], TextArea$1.prototype, "defaultSlottedNodes", void 0);
 applyMixins(TextArea$1, DelegatesARIATextbox);
@@ -27636,26 +27627,6 @@ const vsCodeBadge = Badge$1.compose({
   template: badgeTemplate,
   styles: badgeStyles
 });
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-function __decorate(decorators, target, key, desc) {
-  var c2 = arguments.length, r2 = c2 < 3 ? target : desc, d2;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d2 = decorators[i2]) r2 = (c2 < 3 ? d2(r2) : c2 > 3 ? d2(target, key, r2) : d2(target, key)) || r2;
-  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
-}
 const BaseButtonStyles = css$2`
 	${display("inline-flex")} :host {
 		outline: none;
@@ -30044,8 +30015,6 @@ const hoverSourceLabels = {
   selection: "from selected code",
   user: "via @-mention",
   terminal: "from terminal output",
-  uri: "from URI",
-  // todo(tim): what is this?
   history: "from git history",
   initial: "from open repo or file"
 };
@@ -30863,28 +30832,32 @@ const LoadingDots = () => /* @__PURE__ */ jsxs("div", { className: styles$d.dots
   /* @__PURE__ */ jsx("div", { className: styles$d.dot }),
   /* @__PURE__ */ jsx("div", { className: styles$d.dot })
 ] });
-const Cell = ({
-  header: header2,
-  containerClassName,
-  contentClassName,
-  "aria-current": ariaCurrent,
-  "aria-disabled": ariaDisabled,
-  "data-testid": dataTestID,
-  children: children2
-}) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: clsx$1("tw-flex tw-flex-col tw-gap-4", containerClassName),
-    role: "row",
+const Cell = forwardRef((props, ref2) => {
+  const {
+    header: header2,
+    containerClassName,
+    contentClassName,
     "aria-current": ariaCurrent,
     "aria-disabled": ariaDisabled,
     "data-testid": dataTestID,
-    children: [
-      /* @__PURE__ */ jsx("header", { className: "tw-flex tw-gap-4 tw-items-center [&_>_*]:tw-flex-shrink-0", children: header2 }),
-      /* @__PURE__ */ jsx("div", { className: clsx$1("tw-flex-1 tw-overflow-hidden", contentClassName), children: children2 })
-    ]
-  }
-);
+    children: children2
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: ref2,
+      className: clsx$1("tw-flex tw-flex-col tw-gap-4", containerClassName),
+      role: "row",
+      "aria-current": ariaCurrent,
+      "aria-disabled": ariaDisabled,
+      "data-testid": dataTestID,
+      children: [
+        /* @__PURE__ */ jsx("header", { className: "tw-flex tw-gap-4 tw-items-center [&_>_*]:tw-flex-shrink-0", children: header2 }),
+        /* @__PURE__ */ jsx("div", { className: clsx$1("tw-flex-1 tw-overflow-hidden", contentClassName), children: children2 })
+      ]
+    }
+  );
+});
 const CodyLogoBW = ({ size: size2, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -48688,7 +48661,7 @@ function resolveAllLineSuffixes(events, context2) {
       let index2 = chunks.length;
       let bufferIndex = -1;
       let size2 = 0;
-      let tabs;
+      let tabs2;
       while (index2--) {
         const chunk = chunks[index2];
         if (typeof chunk === "string") {
@@ -48700,7 +48673,7 @@ function resolveAllLineSuffixes(events, context2) {
           if (bufferIndex) break;
           bufferIndex = -1;
         } else if (chunk === -2) {
-          tabs = true;
+          tabs2 = true;
           size2++;
         } else if (chunk === -1) ;
         else {
@@ -48710,7 +48683,7 @@ function resolveAllLineSuffixes(events, context2) {
       }
       if (size2) {
         const token = {
-          type: eventIndex === events.length || tabs || size2 < 2 ? "lineSuffix" : "hardBreakTrailing",
+          type: eventIndex === events.length || tabs2 || size2 < 2 ? "lineSuffix" : "hardBreakTrailing",
           start: {
             line: data.end.line,
             column: data.end.column - size2,
@@ -71235,8 +71208,8 @@ class GuardrailsStatusController {
     if (repos.length === 1) {
       return `${prefix} ${repos[0]}.`;
     }
-    const tooltip = `${prefix} ${repos.length} repositories: ${repos.join(", ")}`;
-    return limitHit ? `${tooltip} or more...` : `${tooltip}.`;
+    const tooltip2 = `${prefix} ${repos.length} repositories: ${repos.join(", ")}`;
+    return limitHit ? `${tooltip2} or more...` : `${tooltip2}.`;
   }
 }
 function createButtons(preText, copyButtonOnSubmit, insertButtonOnSubmit) {
@@ -71601,7 +71574,6 @@ const ChatMessageContent = ({
     copyButtonOnSubmit,
     insertButtonOnSubmit,
     smartApplyEnabled,
-    smartApplyInterceptor,
     guardrails,
     displayMarkdown,
     isMessageLoading,
@@ -71901,7 +71873,7 @@ const ContextFocusActions = ({ humanMessage, className }) => {
       "aria-label": "Try again with different context",
       children: /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-wrap tw-items-center tw-gap-x-4 tw-gap-y-2", children: [
         /* @__PURE__ */ jsx("h3", { className: "tw-flex tw-items-center tw-gap-3", children: "Try again with different context" }),
-        /* @__PURE__ */ jsx("ul", { className: "tw-whitespace-nowrap tw-flex tw-gap-2 tw-flex-wrap", children: actions2.map(({ label, tooltip, onClick }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "tw-whitespace-nowrap tw-flex tw-gap-2 tw-flex-wrap", children: actions2.map(({ label, tooltip: tooltip2, onClick }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
             Button3,
             {
@@ -71913,7 +71885,7 @@ const ContextFocusActions = ({ humanMessage, className }) => {
             },
             label
           ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
+          /* @__PURE__ */ jsx(TooltipContent, { children: tooltip2 })
         ] }) }, label)) })
       ] })
     }
@@ -72310,11 +72282,11 @@ const styles$6 = {
   editorContentEditable
 };
 const badgeVariants = cva(
-  "tw-inline-flex tw-items-center tw-rounded-[2px] tw-border-w-1 tw-border-solid tw-px-[5px] tw-py-0 tw-text-xs focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-ring focus:tw-ring-offset-2",
+  "tw-inline-flex tw-items-center tw-rounded-[6px] tw-px-[5px] tw-py-0 tw-text-xs focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-ring focus:tw-ring-offset-2",
   {
     variants: {
       variant: {
-        secondary: "tw-border tw-border-border tw-bg-badge-background tw-text-badge-foreground",
+        secondary: "tw-bg-badge-background tw-text-badge-foreground",
         outline: "tw-border tw-border-muted-transparent tw-bg-[unset] tw-text-muted-foreground"
       }
     },
@@ -72553,12 +72525,12 @@ const PopoverContent = React.forwardRef(({ className, align = "start", sideOffse
   ] });
 });
 PopoverContent.displayName = $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2.displayName;
-const button = "_button_n6cvl_5";
-const buttonIconEndChevron = "_button--icon-end-chevron_n6cvl_37";
-const buttonPrimary = "_button--primary_n6cvl_41";
-const buttonNoIconStart = "_button--no-icon-start_n6cvl_45";
-const buttonNoIconEnd = "_button--no-icon-end_n6cvl_49";
-const buttonSecondary = "_button--secondary_n6cvl_54";
+const button = "_button_rqosg_5";
+const buttonIconEndChevron = "_button--icon-end-chevron_rqosg_37";
+const buttonPrimary = "_button--primary_rqosg_41";
+const buttonNoIconStart = "_button--no-icon-start_rqosg_45";
+const buttonNoIconEnd = "_button--no-icon-end_rqosg_49";
+const buttonSecondary = "_button--secondary_rqosg_54";
 const styles$5 = {
   button,
   buttonIconEndChevron,
@@ -72583,7 +72555,7 @@ const ToolbarButton = forwardRef(
     className,
     variant,
     asChild = false,
-    tooltip,
+    tooltip: tooltip2,
     iconStart: IconStart,
     iconEnd: IconEnd,
     children: children2,
@@ -72608,9 +72580,9 @@ const ToolbarButton = forwardRef(
         ]
       }
     );
-    return tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+    return tooltip2 ? /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button2 }),
-      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip })
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip2 })
     ] }) : button2;
   }
 );
@@ -73230,7 +73202,7 @@ const PromptCommandItem = ({ prompt, onSelect, selectActionLabel }) => /* @__PUR
             ] }),
             /* @__PURE__ */ jsx("strong", { children: prompt.name })
           ] }),
-          prompt.draft && /* @__PURE__ */ jsx(Badge3, { variant: "outline", className: "tw-text-xxs tw-mt-0.5", children: "Draft" })
+          prompt.draft && /* @__PURE__ */ jsx(Badge3, { variant: "secondary", className: "tw-text-xxs tw-mt-0.5", children: "Draft" })
         ] }),
         prompt.description && /* @__PURE__ */ jsx("span", { className: "tw-text-xs tw-text-muted-foreground tw-text-nowrap tw-overflow-hidden tw-text-ellipsis tw-w-full", children: prompt.description })
       ] }),
@@ -73249,7 +73221,7 @@ const CodyCommandItem = ({ command, onSelect, selectActionLabel, showCommandOrig
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-wrap tw-gap-3 tw-w-full tw-items-start", children: [
           /* @__PURE__ */ jsx("strong", { className: "tw-whitespace-nowrap", children: command.type === "default" ? command.description : command.key }),
-          showCommandOrigins && command.type !== "default" && /* @__PURE__ */ jsx(Badge3, { variant: "outline", className: "tw-text-xxs tw-mt-0.5 tw-whitespace-nowrap", children: command.type === CustomCommandType.User ? "Local User Settings" : "Workspace Settings" })
+          showCommandOrigins && command.type !== "default" && /* @__PURE__ */ jsx(Badge3, { variant: "secondary", className: "tw-text-xxs tw-mt-0.5 tw-whitespace-nowrap", children: command.type === CustomCommandType.User ? "Local User Settings" : "Workspace Settings" })
         ] }),
         command.type !== "default" && command.description && /* @__PURE__ */ jsx("span", { className: "tw-text-xs tw-text-muted-foreground tw-text-nowrap tw-overflow-hidden tw-text-ellipsis tw-w-full", children: command.description })
       ] }),
@@ -73413,7 +73385,7 @@ const SubmitButton = ({ onClick, state = "submittable", className }) => {
           type: "submit",
           variant: "ghostRoundedIcon",
           className: clsx$1(
-            "tw-relative tw-w-[20px] tw-h-[20px] tw-bg-transparent tw-group",
+            "tw-relative tw-overflow-hidden tw-w-[20px] tw-h-[20px] tw-bg-transparent tw-group",
             className
           ),
           title: "Stop",
@@ -73528,7 +73500,7 @@ const Toolbar = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "tw-flex-1 tw-text-right", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "tw-flex tw-justify-end tw-flex-1 tw-text-right", children: /* @__PURE__ */ jsx(
             SubmitButton,
             {
               onClick: onSubmitClick,
@@ -73891,32 +73863,40 @@ const Transcript = (props) => {
     () => transcriptToInteractionPairs(transcript, messageInProgress),
     [transcript, messageInProgress]
   );
-  return /* @__PURE__ */ jsx("div", { className: "tw-px-6 tw-pt-8 tw-pb-12 tw-flex tw-flex-col tw-gap-8", children: interactions.map((interaction, i2) => {
-    var _a, _b;
-    return /* @__PURE__ */ jsx(
-      TranscriptInteraction,
-      {
-        chatEnabled,
-        userInfo,
-        interaction,
-        guardrails,
-        postMessage,
-        isTranscriptError,
-        feedbackButtonsOnSubmit,
-        copyButtonOnSubmit,
-        insertButtonOnSubmit,
-        isFirstInteraction: i2 === 0,
-        isLastInteraction: i2 === interactions.length - 1,
-        isLastSentInteraction: i2 === interactions.length - 2 && interaction.assistantMessage !== null,
-        priorAssistantMessageIsLoading: Boolean(
-          messageInProgress && ((_b = (_a = interactions.at(i2 - 1)) == null ? void 0 : _a.assistantMessage) == null ? void 0 : _b.isLoading)
-        ),
-        smartApply,
-        smartApplyEnabled
-      },
-      i2
-    );
-  }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx$1("tw-px-6 tw-pt-8 tw-pb-12 tw-flex tw-flex-col tw-gap-8", {
+        "tw-flex-grow": transcript.length > 0
+      }),
+      children: interactions.map((interaction, i2) => {
+        var _a, _b;
+        return /* @__PURE__ */ jsx(
+          TranscriptInteraction,
+          {
+            chatEnabled,
+            userInfo,
+            interaction,
+            guardrails,
+            postMessage,
+            isTranscriptError,
+            feedbackButtonsOnSubmit,
+            copyButtonOnSubmit,
+            insertButtonOnSubmit,
+            isFirstInteraction: i2 === 0,
+            isLastInteraction: i2 === interactions.length - 1,
+            isLastSentInteraction: i2 === interactions.length - 2 && interaction.assistantMessage !== null,
+            priorAssistantMessageIsLoading: Boolean(
+              messageInProgress && ((_b = (_a = interactions.at(i2 - 1)) == null ? void 0 : _a.assistantMessage) == null ? void 0 : _b.isLoading)
+            ),
+            smartApply,
+            smartApplyEnabled
+          },
+          i2
+        );
+      })
+    }
+  );
 };
 function transcriptToInteractionPairs(transcript, assistantMessageInProgress) {
   var _a;
@@ -73977,6 +73957,12 @@ const TranscriptInteraction = memo((props) => {
   const isContextLoading = Boolean(
     humanMessage.contextFiles === void 0 && isLastSentInteraction && (assistantMessage == null ? void 0 : assistantMessage.text) === void 0
   );
+  const humanMessageInfo = useMemo(() => {
+    if (assistantMessage && !isContextLoading) {
+      return makeHumanMessageInfo({ humanMessage, assistantMessage }, humanEditorRef);
+    }
+    return null;
+  }, [humanMessage, assistantMessage, isContextLoading]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       HumanMessageCell,
@@ -73992,7 +73978,8 @@ const TranscriptInteraction = memo((props) => {
         isFirstInteraction,
         isLastInteraction,
         isEditorInitiallyFocused: isLastInteraction,
-        editorRef: humanEditorRef
+        editorRef: humanEditorRef,
+        className: !isFirstInteraction && isLastInteraction ? "tw-mt-auto" : ""
       },
       humanMessage.index
     ),
@@ -74017,10 +74004,7 @@ const TranscriptInteraction = memo((props) => {
         insertButtonOnSubmit,
         postMessage,
         guardrails,
-        humanMessage: makeHumanMessageInfo(
-          { humanMessage, assistantMessage },
-          humanEditorRef
-        ),
+        humanMessage: humanMessageInfo,
         isLoading: assistantMessage.isLoading,
         showFeedbackButtons: !assistantMessage.isLoading && !isTranscriptError && !assistantMessage.error && isLastSentInteraction,
         smartApply,
@@ -74034,6 +74018,7 @@ function focusLastHumanMessageEditor() {
   const elements2 = document.querySelectorAll("[data-lexical-editor]");
   const lastEditor = elements2.item(elements2.length - 1);
   lastEditor == null ? void 0 : lastEditor.focus();
+  lastEditor == null ? void 0 : lastEditor.scrollIntoView();
 }
 function editHumanMessage(messageIndexInTranscript, editorValue) {
   getVSCodeAPI().postMessage({
@@ -74189,13 +74174,13 @@ const WelcomeMessage = ({
 }) => {
   localStorage.removeItem(localStorageKey);
   const dispatchClientAction = useClientActionDispatcher();
-  return /* @__PURE__ */ jsxs("div", { className: "tw-flex-1 tw-flex tw-flex-col tw-items-start tw-w-full tw-pt-4 tw-px-6 tw-gap-10 tw-transition-all", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "tw-flex-1 tw-flex tw-flex-col tw-items-start tw-w-full tw-px-6 tw-gap-6 tw-transition-all", children: [
     /* @__PURE__ */ jsx(
       CollapsiblePanel,
       {
         storageKey: "prompts",
         title: "Prompts & Commands",
-        className: "tw-mb-6 tw-mt-2",
+        className: "tw-mb-6",
         contentClassName: "!tw-p-0 tw-overflow-clip",
         initialOpen: true,
         children: /* @__PURE__ */ jsx(
@@ -74264,23 +74249,21 @@ const ScrollDown = (props) => {
   const [canScrollDown, setCanScrollDown] = useState(false);
   const scrollerAPI = useMemo(() => createScrollerAPI(scrollableParent), [scrollableParent]);
   useEffect(() => {
-    function handleScroll2() {
-      const scrollPosition = scrollerAPI.getScrollTop();
+    function calculateScrollState() {
+      const scrollTop = scrollerAPI.getScrollTop();
       const scrollHeight = scrollerAPI.getScrollHeight();
       const clientHeight = scrollerAPI.getClientHeight();
-      setCanScrollDown(scrollPosition + clientHeight < scrollHeight - MARGIN);
+      setCanScrollDown(scrollTop + clientHeight < scrollHeight - MARGIN);
     }
-    handleScroll2();
-    scrollerAPI.root.addEventListener("scroll", handleScroll2);
-    scrollerAPI.root.addEventListener("resize", handleScroll2);
+    calculateScrollState();
     const resizeObserver = new ResizeObserver(() => {
-      handleScroll2();
+      calculateScrollState();
     });
     resizeObserver.observe(scrollerAPI.getObserveElement());
+    scrollerAPI.root.addEventListener("scroll", calculateScrollState);
     return () => {
-      scrollerAPI.root.removeEventListener("scroll", handleScroll2);
-      scrollerAPI.root.removeEventListener("resize", handleScroll2);
       resizeObserver.disconnect();
+      scrollerAPI.root.removeEventListener("scroll", calculateScrollState);
     };
   }, [scrollerAPI]);
   const onClick = useCallback(() => {
@@ -74290,16 +74273,10 @@ const ScrollDown = (props) => {
     });
     parentOnClick == null ? void 0 : parentOnClick();
   }, [parentOnClick, scrollerAPI]);
-  return canScrollDown ? /* @__PURE__ */ jsx("div", { className: "tw-sticky tw-bottom-0 tw-w-full tw-text-center tw-py-4", children: /* @__PURE__ */ jsx(
-    Button3,
-    {
-      variant: "outline",
-      size: "lg",
-      onClick,
-      className: "tw-py-3 hover:tw-bg-primary-hover",
-      children: /* @__PURE__ */ jsx(ArrowDown, { size: 24 })
-    }
-  ) }) : null;
+  return canScrollDown ? /* @__PURE__ */ jsx("div", { className: "tw-sticky tw-bottom-0 tw-w-full tw-text-center tw-py-4", children: /* @__PURE__ */ jsxs(Button3, { variant: "outline", onClick, className: "tw-py-3 hover:tw-bg-primary-hover", children: [
+    /* @__PURE__ */ jsx(ArrowDown, { size: 16 }),
+    " Skip to end"
+  ] }) }) : null;
 };
 const Chat = ({
   messageInProgress,
@@ -74850,8 +74827,17 @@ const AccountTab = () => {
   if (ide === CodyIDE.VSCode) {
     return null;
   }
-  const actions2 = [
-    {
+  const actions2 = [];
+  actions2.push({
+    text: "Switch Account...",
+    onClick: useCallback(() => {
+      if (userInfo.user.username) {
+        getVSCodeAPI().postMessage({ command: "command", id: "cody.auth.switchAccount" });
+      }
+    }, [userInfo])
+  });
+  if (isDotComUser) {
+    actions2.push({
       text: "Manage Account",
       onClick: useCallback(() => {
         if (userInfo.user.username) {
@@ -74861,16 +74847,16 @@ const AccountTab = () => {
           getVSCodeAPI().postMessage({ command: "links", value: uri.toString() });
         }
       }, [userInfo])
-    },
-    {
-      text: "Settings",
-      onClick: () => getVSCodeAPI().postMessage({ command: "command", id: "cody.status-bar.interacted" })
-    },
-    {
-      text: "Sign Out",
-      onClick: () => getVSCodeAPI().postMessage({ command: "auth", authKind: "signout" })
-    }
-  ];
+    });
+  }
+  actions2.push({
+    text: "Settings",
+    onClick: () => getVSCodeAPI().postMessage({ command: "command", id: "cody.status-bar.interacted" })
+  });
+  actions2.push({
+    text: "Sign Out",
+    onClick: () => getVSCodeAPI().postMessage({ command: "auth", authKind: "signout" })
+  });
   return /* @__PURE__ */ jsxs("div", { className: "tw-overflow-auto tw-flex-1 tw-flex tw-flex-col tw-items-start tw-w-full tw-px-8 tw-py-6 tw-gap-6", children: [
     /* @__PURE__ */ jsx("h2", { children: "Account" }),
     /* @__PURE__ */ jsxs("div", { className: "tw-w-full tw-px-8 tw-py-4 tw-flex tw-flex-col tw-gap-4 tw-bg-popover tw-border tw-border-border tw-rounded-lg", children: [
@@ -74901,7 +74887,17 @@ const AccountTab = () => {
     ))
   ] });
 };
-const HistoryTab = ({ userHistory }) => {
+function getCreateNewChatCommand(options) {
+  const { IDE, webviewType, multipleWebviewsEnabled } = options;
+  return IDE === CodyIDE.Web ? "cody.chat.new" : webviewType === "sidebar" || !multipleWebviewsEnabled ? "cody.chat.newPanel" : "cody.chat.newEditorPanel";
+}
+const HistoryTab = ({
+  userHistory,
+  IDE,
+  webviewType,
+  multipleWebviewsEnabled,
+  setView
+}) => {
   const chatByPeriod = useMemo(
     () => userHistory.filter((chat2) => chat2.interactions.length).reverse().reduce((acc, chat2) => {
       const period = getRelativeChatPeriod(new Date(chat2.lastInteractionTimestamp));
@@ -74922,62 +74918,102 @@ const HistoryTab = ({ userHistory }) => {
     },
     [userHistory]
   );
-  return /* @__PURE__ */ jsx("div", { className: "tw-px-8 tw-pt-6 tw-pb-12 tw-flex tw-flex-col tw-gap-10", children: Array.from(chatByPeriod, ([period, chats]) => /* @__PURE__ */ jsx(
-    CollapsiblePanel,
-    {
-      storageKey: `history.${period}`,
-      title: period,
-      initialOpen: true,
-      children: chats.map(({ interactions, id: id2 }) => {
-        var _a, _b, _c;
-        const lastMessage = (_c = (_b = (_a = interactions[interactions.length - 1]) == null ? void 0 : _a.humanMessage) == null ? void 0 : _b.text) == null ? void 0 : _c.trim();
-        return /* @__PURE__ */ jsxs("div", { className: "tw-inline-flex tw-justify-between", children: [
-          /* @__PURE__ */ jsxs(
-            Button3,
-            {
-              variant: "ghost",
-              title: lastMessage,
-              onClick: () => getVSCodeAPI().postMessage({
-                command: "restoreHistory",
-                chatID: id2
-              }),
-              className: "tw-text-left tw-truncate tw-w-full",
-              children: [
-                /* @__PURE__ */ jsx(
-                  MessageSquareText,
+  const handleStartNewChat = () => {
+    getVSCodeAPI().postMessage({
+      command: "command",
+      id: getCreateNewChatCommand({ IDE, webviewType, multipleWebviewsEnabled })
+    });
+    setView(View.Chat);
+  };
+  const chats = Array.from(chatByPeriod);
+  return /* @__PURE__ */ jsxs("div", { className: "tw-px-8 tw-pt-6 tw-pb-12 tw-flex tw-flex-col tw-gap-10", children: [
+    chats.map(([period, chats2]) => /* @__PURE__ */ jsx(
+      CollapsiblePanel,
+      {
+        storageKey: `history.${period}`,
+        title: period,
+        initialOpen: true,
+        children: chats2.map(({ interactions, id: id2 }) => {
+          var _a, _b, _c;
+          const lastMessage = (_c = (_b = (_a = interactions[interactions.length - 1]) == null ? void 0 : _a.humanMessage) == null ? void 0 : _b.text) == null ? void 0 : _c.trim();
+          return /* @__PURE__ */ jsxs("div", { className: "tw-inline-flex tw-justify-between", children: [
+            /* @__PURE__ */ jsxs(
+              Button3,
+              {
+                variant: "ghost",
+                title: lastMessage,
+                onClick: () => getVSCodeAPI().postMessage({
+                  command: "restoreHistory",
+                  chatID: id2
+                }),
+                className: "tw-text-left tw-truncate tw-w-full",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    MessageSquareText,
+                    {
+                      className: "tw-w-8 tw-h-8 tw-opacity-80",
+                      size: 16,
+                      strokeWidth: "1.25"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "tw-truncate tw-w-full", children: lastMessage })
+                ]
+              },
+              id2
+            ),
+            /* @__PURE__ */ jsx(
+              Button3,
+              {
+                variant: "ghost",
+                title: "Delete chat",
+                onClick: () => onDeleteButtonClick(id2),
+                children: /* @__PURE__ */ jsx(
+                  Trash,
                   {
                     className: "tw-w-8 tw-h-8 tw-opacity-80",
                     size: 16,
                     strokeWidth: "1.25"
                   }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "tw-truncate tw-w-full", children: lastMessage })
-              ]
-            },
-            id2
-          ),
-          /* @__PURE__ */ jsx(
-            Button3,
-            {
-              variant: "ghost",
-              title: "Delete chat",
-              onClick: () => onDeleteButtonClick(id2),
-              children: /* @__PURE__ */ jsx(
-                Trash,
-                {
-                  className: "tw-w-8 tw-h-8 tw-opacity-80",
-                  size: 16,
-                  strokeWidth: "1.25"
-                }
-              )
-            },
-            id2
-          )
-        ] }, id2);
-      })
-    },
-    period
-  )) });
+                )
+              },
+              id2
+            )
+          ] }, id2);
+        })
+      },
+      period
+    )),
+    chats.length === 0 && /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-col tw-items-center tw-mt-6", children: [
+      /* @__PURE__ */ jsx(
+        History,
+        {
+          size: 20,
+          strokeWidth: 1.25,
+          className: "tw-mb-5 tw-text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "tw-text-lg tw-mb-4 tw-text-muted-foreground", children: "You have no chat history" }),
+      /* @__PURE__ */ jsxs("span", { className: "tw-text-sm tw-text-muted-foreground tw-mb-8", children: [
+        "Explore all your previous chats here. Track and ",
+        /* @__PURE__ */ jsx("br", {}),
+        " search through what you’ve been working on."
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button3,
+        {
+          size: "sm",
+          variant: "secondary",
+          "aria-label": "Start a new chat",
+          className: "tw-px-4 tw-py-2",
+          onClick: handleStartNewChat,
+          children: [
+            /* @__PURE__ */ jsx(MessageSquarePlus, { size: 16, className: "tw-w-8 tw-h-8", strokeWidth: 1.25 }),
+            "Start a new chat"
+          ]
+        }
+      )
+    ] })
+  ] });
 };
 const SettingsTab = () => {
   return /* @__PURE__ */ jsx("div", { className: "tw-overflow-auto tw-flex tw-flex-col tw-gap-4 tw-px-8 tw-mt-4", children: /* @__PURE__ */ jsx(
@@ -74994,22 +75030,141 @@ const SettingsTab = () => {
     "settings"
   ) });
 };
-const tabsContainer = "_tabs-container_zt8hy_1";
-const activeTab = "_active-tab_zt8hy_7";
-const dialogOverlay = "_dialog-overlay_zt8hy_1";
-const dialogContent = "_dialog-content_zt8hy_1";
-const dialogTitle = "_dialog-title_zt8hy_1";
-const dialogDescription = "_dialog-description_zt8hy_1";
-const dialogFooter = "_dialog-footer_zt8hy_1";
+const tabsRoot = "_tabs-root_1do08_10";
+const tabsContainer = "_tabs-container_1do08_18";
+const tabs = "_tabs_1do08_10";
+const subTabs = "_sub-tabs_1do08_37";
+const tabActionLabel = "_tab-action-label_1do08_47";
+const tooltip = "_tooltip_1do08_51";
+const dialogOverlay = "_dialog-overlay_1do08_1";
+const dialogContent = "_dialog-content_1do08_1";
+const dialogTitle = "_dialog-title_1do08_1";
+const dialogDescription = "_dialog-description_1do08_1";
+const dialogFooter = "_dialog-footer_1do08_1";
 const styles$2 = {
+  tabsRoot,
   tabsContainer,
-  activeTab,
+  tabs,
+  subTabs,
+  tabActionLabel,
+  tooltip,
   dialogOverlay,
   dialogContent,
   dialogTitle,
   dialogDescription,
   dialogFooter
 };
+const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
+  var _a;
+  const tabItems = useTabs({ IDE, onDownloadChatClick });
+  const currentViewSubActions = ((_a = tabItems.find((tab2) => tab2.view === currentView)) == null ? void 0 : _a.subActions) ?? [];
+  const handleClick = useCallback(
+    (view, command, changesView) => {
+      if (command) {
+        getVSCodeAPI().postMessage({ command: "command", id: command });
+      }
+      if (changesView) {
+        setView(view);
+      }
+    },
+    [setView]
+  );
+  const handleSubActionClick = useCallback((action) => {
+    if (action.callback) {
+      action.callback();
+    } else {
+      getVSCodeAPI().postMessage({
+        command: "command",
+        id: action.command,
+        arg: action.arg
+      });
+    }
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: styles$2.tabsRoot, children: /* @__PURE__ */ jsxs(List, { "aria-label": "cody-webview", className: styles$2.tabsContainer, children: [
+    /* @__PURE__ */ jsx("div", { className: styles$2.tabs, children: tabItems.map(({ Icon: Icon2, view, command, title: title2, changesView }) => /* @__PURE__ */ jsx(Trigger, { value: view, asChild: true, children: /* @__PURE__ */ jsx(
+      TabButton,
+      {
+        Icon: Icon2,
+        view,
+        title: title2,
+        isActive: currentView === view,
+        onClick: () => handleClick(view, command, changesView),
+        "data-testid": `tab-${view}`
+      }
+    ) }, view)) }),
+    /* @__PURE__ */ jsx("div", { className: styles$2.subTabs, children: currentViewSubActions.map((subAction) => /* @__PURE__ */ jsx(Fragment$1, { children: subAction.confirmation ? /* @__PURE__ */ jsx(
+      ActionButtonWithConfirmation,
+      {
+        title: subAction.title,
+        Icon: subAction.Icon,
+        alwaysShowTitle: subAction.alwaysShowTitle,
+        tooltipExtra: subAction.tooltipExtra,
+        dialogTitle: subAction.confirmation.title,
+        dialogDescription: subAction.confirmation.description,
+        dialogConfirmAction: subAction.confirmation.confirmationAction,
+        onConfirm: () => handleSubActionClick(subAction)
+      }
+    ) : /* @__PURE__ */ jsx(
+      TabButton,
+      {
+        Icon: subAction.Icon,
+        title: subAction.title,
+        alwaysShowTitle: subAction.alwaysShowTitle,
+        tooltipExtra: subAction.tooltipExtra,
+        onClick: () => handleSubActionClick(subAction),
+        prominent: true
+      }
+    ) }, subAction.command)) })
+  ] }) });
+};
+const ActionButtonWithConfirmation = (props) => {
+  const {
+    title: title2,
+    Icon: Icon2,
+    prominent,
+    alwaysShowTitle,
+    tooltipExtra,
+    onConfirm,
+    dialogTitle: dialogTitle2,
+    dialogConfirmAction,
+    dialogDescription: dialogDescription2
+  } = props;
+  const [state, setState] = useState(false);
+  return /* @__PURE__ */ jsxs($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { open: state, onOpenChange: setState, children: [
+    /* @__PURE__ */ jsx(
+      TabButton,
+      {
+        Icon: Icon2,
+        title: title2,
+        alwaysShowTitle,
+        tooltipExtra,
+        prominent,
+        onClick: () => setState(true)
+      }
+    ),
+    /* @__PURE__ */ jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [
+      /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: styles$2.dialogOverlay }),
+      /* @__PURE__ */ jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { className: styles$2.dialogContent, "data-cody-ui-dialog": true, children: [
+        /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$f99233281efd08a0, { className: styles$2.dialogTitle, children: dialogTitle2 }),
+        /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$393edc798c47379d, { className: styles$2.dialogDescription, children: dialogDescription2 }),
+        /* @__PURE__ */ jsxs("footer", { className: styles$2.dialogFooter, children: [
+          /* @__PURE__ */ jsx(Button3, { variant: "secondary", onClick: () => setState(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button3,
+            {
+              variant: "default",
+              onClick: () => {
+                onConfirm();
+                setState(false);
+              },
+              children: dialogConfirmAction
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
 const TabButton = forwardRef(
   ({
     Icon: Icon2,
@@ -75037,11 +75192,11 @@ const TabButton = forwardRef(
         "data-testid": dataTestId,
         children: [
           /* @__PURE__ */ jsx(Icon2, { size: 16, strokeWidth: 1.25, className: "tw-w-8 tw-h-8" }),
-          /* @__PURE__ */ jsx("span", { className: alwaysShowTitle ? "" : "tw-hidden md:tw-inline", children: title2 })
+          /* @__PURE__ */ jsx("span", { className: alwaysShowTitle ? "" : styles$2.tabActionLabel, children: title2 })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(TooltipContent, { className: "md:tw-hidden", children: [
+    /* @__PURE__ */ jsxs(TooltipContent, { className: styles$2.tooltip, children: [
       title2,
       " ",
       tooltipExtra
@@ -75049,12 +75204,12 @@ const TabButton = forwardRef(
   ] })
 );
 TabButton.displayName = "TabButton";
-const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
-  var _a;
+function useTabs(input) {
+  const { IDE, onDownloadChatClick } = input;
   const {
     config: { webviewType, multipleWebviewsEnabled }
   } = useConfig();
-  const tabItems = useMemo(
+  return useMemo(
     () => [
       {
         view: View.Chat,
@@ -75066,7 +75221,11 @@ const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
             alwaysShowTitle: true,
             tooltipExtra: /* @__PURE__ */ jsx(Fragment, { children: IDE === CodyIDE.VSCode && /* @__PURE__ */ jsx(Kbd, { macOS: "shift+opt+l", linuxAndWindows: "shift+alt+l" }) }),
             Icon: MessageSquarePlus,
-            command: IDE === CodyIDE.Web ? "cody.chat.new" : webviewType === "sidebar" || !multipleWebviewsEnabled ? "cody.chat.newPanel" : "cody.chat.newEditorPanel"
+            command: getCreateNewChatCommand({
+              IDE,
+              webviewType,
+              multipleWebviewsEnabled
+            })
           },
           multipleWebviewsEnabled ? {
             title: "Open in Editor",
@@ -75129,132 +75288,7 @@ const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
     ].filter(isDefined),
     [IDE, webviewType, onDownloadChatClick, multipleWebviewsEnabled]
   );
-  const currentViewSubActions = ((_a = tabItems.find((tab2) => tab2.view === currentView)) == null ? void 0 : _a.subActions) ?? [];
-  const handleClick = useCallback(
-    (view, command, changesView) => {
-      if (command) {
-        getVSCodeAPI().postMessage({ command: "command", id: command });
-      }
-      if (changesView) {
-        setView(view);
-      }
-    },
-    [setView]
-  );
-  return /* @__PURE__ */ jsxs(
-    List,
-    {
-      "aria-label": "cody-webview",
-      className: clsx$1(
-        "tw-flex tw-justify-between tw-sticky tw-top-0 tw-z-50 tw-w-full tw-border-b tw-border-border tw-pl-[15px] tw-pr-4",
-        styles$2.tabsContainer
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "tw-flex tw-gap-1 [&_>_*]:tw-flex-shrink-0", children: tabItems.map(({ Icon: Icon2, view, command, title: title2, changesView }) => /* @__PURE__ */ jsx(Trigger, { value: view, asChild: true, children: /* @__PURE__ */ jsx(
-          TabButton,
-          {
-            Icon: Icon2,
-            view,
-            title: title2,
-            isActive: currentView === view,
-            onClick: () => handleClick(view, command, changesView),
-            "data-testid": `tab-${view}`
-          }
-        ) }, view)) }),
-        /* @__PURE__ */ jsx("div", { className: "tw-flex tw-gap-4 [&_>_*]:tw-flex-shrink-0", children: currentViewSubActions.map(
-          ({
-            Icon: Icon2,
-            command,
-            title: title2,
-            alwaysShowTitle,
-            tooltipExtra,
-            arg,
-            callback,
-            confirmation
-          }) => /* @__PURE__ */ jsx(Fragment$1, { children: confirmation ? /* @__PURE__ */ jsx(
-            ActionButtonWithConfirmation,
-            {
-              title: title2,
-              Icon: Icon2,
-              alwaysShowTitle,
-              tooltipExtra,
-              dialogTitle: confirmation.title,
-              dialogDescription: confirmation.description,
-              dialogConfirmAction: confirmation.confirmationAction,
-              onConfirm: () => callback ? callback() : getVSCodeAPI().postMessage({
-                command: "command",
-                id: command,
-                arg
-              })
-            }
-          ) : /* @__PURE__ */ jsx(
-            TabButton,
-            {
-              Icon: Icon2,
-              title: title2,
-              alwaysShowTitle,
-              tooltipExtra,
-              onClick: () => callback ? callback() : getVSCodeAPI().postMessage({
-                command: "command",
-                id: command,
-                arg
-              }),
-              prominent: true
-            }
-          ) }, command)
-        ) })
-      ]
-    }
-  );
-};
-const ActionButtonWithConfirmation = (props) => {
-  const {
-    title: title2,
-    Icon: Icon2,
-    prominent,
-    alwaysShowTitle,
-    tooltipExtra,
-    onConfirm,
-    dialogTitle: dialogTitle2,
-    dialogConfirmAction,
-    dialogDescription: dialogDescription2
-  } = props;
-  const [state, setState] = useState(false);
-  return /* @__PURE__ */ jsxs($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { open: state, onOpenChange: setState, children: [
-    /* @__PURE__ */ jsx(
-      TabButton,
-      {
-        Icon: Icon2,
-        title: title2,
-        alwaysShowTitle,
-        tooltipExtra,
-        prominent,
-        onClick: () => setState(true)
-      }
-    ),
-    /* @__PURE__ */ jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [
-      /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: styles$2.dialogOverlay }),
-      /* @__PURE__ */ jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { className: styles$2.dialogContent, "data-cody-ui-dialog": true, children: [
-        /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$f99233281efd08a0, { className: styles$2.dialogTitle, children: dialogTitle2 }),
-        /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$393edc798c47379d, { className: styles$2.dialogDescription, children: dialogDescription2 }),
-        /* @__PURE__ */ jsxs("footer", { className: styles$2.dialogFooter, children: [
-          /* @__PURE__ */ jsx(Button3, { variant: "secondary", onClick: () => setState(false), children: "Cancel" }),
-          /* @__PURE__ */ jsx(
-            Button3,
-            {
-              variant: "default",
-              onClick: () => {
-                onConfirm();
-                setState(false);
-              },
-              children: dialogConfirmAction
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-};
+}
 const CodyPanel = ({
   view,
   setView,
@@ -75318,7 +75352,16 @@ const CodyPanel = ({
               setView
             }
           ),
-          view === View.History && /* @__PURE__ */ jsx(HistoryTab, { userHistory }),
+          view === View.History && /* @__PURE__ */ jsx(
+            HistoryTab,
+            {
+              IDE: config.agentIDE || CodyIDE.VSCode,
+              setView,
+              webviewType: config.webviewType,
+              multipleWebviewsEnabled: config.multipleWebviewsEnabled,
+              userHistory
+            }
+          ),
           view === View.Prompts && /* @__PURE__ */ jsx(PromptsTab, { setView }),
           view === View.Account && /* @__PURE__ */ jsx(AccountTab, {}),
           view === View.Settings && /* @__PURE__ */ jsx(SettingsTab, {})
@@ -75438,7 +75481,7 @@ function useCodyWebAgent(input) {
   const { serverEndpoint, accessToken, telemetryClientName, customHeaders, createAgentWorker } = input;
   const activeWebviewPanelIDRef = useRef("");
   const [client, setClient] = useState(null);
-  useEffect(() => {
+  useEffectOnce(() => {
     createAgentClient({
       customHeaders,
       telemetryClientName,
@@ -75462,16 +75505,15 @@ function useCodyWebAgent(input) {
       message: { chatID: chatId, command: "restoreHistory" }
     });
   }, []);
+  const isInitRef = useRef(false);
   const vscodeAPI = useVSCodeAPI({ activeWebviewPanelIDRef, createNewChat, client });
   useEffect(() => {
+    if (isInitRef.current || !client || isErrorLike(client)) {
+      return;
+    }
     void createNewChat(client);
+    isInitRef.current = true;
   }, [client, createNewChat]);
-  useLayoutEffect(() => {
-    if (client && !isErrorLike(client) && vscodeAPI) {
-      vscodeAPI.postMessage({ command: "ready" });
-      vscodeAPI.postMessage({ command: "initialized" });
-    }
-  }, [vscodeAPI, client]);
   return { client, vscodeAPI };
 }
 function useVSCodeAPI(input) {
@@ -75530,6 +75572,17 @@ function useVSCodeAPI(input) {
     return vscodeAPI;
   }, [client, createNewChat, activeWebviewPanelIDRef]);
 }
+function useEffectOnce(effect, deps) {
+  const isInitRef = useRef(false);
+  useEffect(() => {
+    if (isInitRef.current) {
+      return;
+    }
+    const result = effect();
+    isInitRef.current = true;
+    return result;
+  }, deps);
+}
 const root$1 = "_root_maej5_2";
 const container = "_container_maej5_10";
 const styles$1 = {
@@ -75778,7 +75831,7 @@ const CodyWebPanel = (props) => {
           title: fileURL,
           uri: URI.file(`${repository.name}/${fileURL}/`),
           providerUri: REMOTE_DIRECTORY_PROVIDER_URI,
-          description: " ",
+          description: "Current directory",
           source: ContextItemSource.Initial,
           mention: {
             data: {
@@ -75786,7 +75839,7 @@ const CodyWebPanel = (props) => {
               repoID: repository.id,
               directoryPath: `${fileURL}/`
             },
-            description: " "
+            description: fileURL
           }
         });
       } else {