@sourcegraph/cody-web 0.7.4 → 0.7.6

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-BTzYzFoB.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 createExtensionAPI, 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 isMacOS, bm as textContentFromSerializedLexicalNode, bn as FAST_CHAT_INPUT_TOKEN_BUDGET, bo as deserializeContextItem, bp as View, bq as ACCOUNT_USAGE_URL, br as getRelativeChatPeriod, bs as truncateTextStart, bt as CHAT_INPUT_TOKEN_BUDGET, bu as browser, bv as isErrorLike, bw as setDisplayPathEnvInfo, bx as PromptString } from "./browser-5V4RMNo3.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: {} };
@@ -7844,6 +7844,31 @@ const Brain = createLucideIcon("Brain", [
   ["path", { d: "M6 18a4 4 0 0 1-1.967-.516", key: "2e4loj" }],
   ["path", { d: "M19.967 17.484A4 4 0 0 1 18 18", key: "159ez6" }]
 ]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Bug = createLucideIcon("Bug", [
+  ["path", { d: "m8 2 1.88 1.88", key: "fmnt4t" }],
+  ["path", { d: "M14.12 3.88 16 2", key: "qol33r" }],
+  ["path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1", key: "d7y7pr" }],
+  [
+    "path",
+    {
+      d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6",
+      key: "xs1cw7"
+    }
+  ],
+  ["path", { d: "M12 20v-9", key: "1qisl0" }],
+  ["path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5", key: "32zzws" }],
+  ["path", { d: "M6 13H2", key: "82j7cp" }],
+  ["path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4", key: "4p0ekp" }],
+  ["path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4", key: "18gb23" }],
+  ["path", { d: "M22 13h-4", key: "1jl80f" }],
+  ["path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4", key: "k3fwyw" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -7908,6 +7933,17 @@ const ChevronsUpDown = createLucideIcon("ChevronsUpDown", [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const CirclePlus = createLucideIcon("CirclePlus", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }],
+  ["path", { d: "M12 8v8", key: "napkw2" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -7929,6 +7965,20 @@ const Columns2 = createLucideIcon("Columns2", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M12 3v18", key: "108xh3" }]
 ]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Combine = createLucideIcon("Combine", [
+  ["rect", { width: "8", height: "8", x: "2", y: "2", rx: "2", key: "z1hh3n" }],
+  ["path", { d: "M14 2c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2", key: "83orz6" }],
+  ["path", { d: "M20 2c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2", key: "k86dmt" }],
+  ["path", { d: "M10 18H5c-1.7 0-3-1.3-3-3v-1", key: "6vokjl" }],
+  ["polyline", { points: "7 21 10 18 7 15", key: "1k02g0" }],
+  ["rect", { width: "8", height: "8", x: "14", y: "14", rx: "2", key: "1fa9i4" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -7984,6 +8034,17 @@ const ExternalLink = createLucideIcon("ExternalLink", [
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const FileQuestion = createLucideIcon("FileQuestion", [
+  ["path", { d: "M12 17h.01", key: "p32p05" }],
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
+  ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8012,6 +8073,23 @@ const FolderGit = createLucideIcon("FolderGit", [
   ["path", { d: "M14 13h3", key: "1dgedf" }],
   ["path", { d: "M7 13h3", key: "1pygq7" }]
 ]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Hammer = createLucideIcon("Hammer", [
+  ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
+  ["path", { d: "m18 15 4-4", key: "16gjal" }],
+  [
+    "path",
+    {
+      d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5",
+      key: "b7pghm"
+    }
+  ]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8050,6 +8128,17 @@ const Link$1 = createLucideIcon("Link", [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const MessageCircleCode = createLucideIcon("MessageCircleCode", [
+  ["path", { d: "M10 9.5 8 12l2 2.5", key: "3mjy60" }],
+  ["path", { d: "m14 9.5 2 2.5-2 2.5", key: "1bir2l" }],
+  ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22z", key: "k85zhp" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8098,9 +8187,18 @@ const Option$2 = createLucideIcon("Option", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Plus = createLucideIcon("Plus", [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
+const Pencil = createLucideIcon("Pencil", [
+  ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Play = createLucideIcon("Play", [
+  ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
  * @license lucide-react v0.378.0 - ISC
@@ -8118,6 +8216,22 @@ const Settings = createLucideIcon("Settings", [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ShieldCheck = createLucideIcon("ShieldCheck", [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8373,7 +8487,7 @@ const useIsFocused = () => {
   }, [editor2]);
   return hasFocus;
 };
-const MentionComponent = ({ nodeKey, node: node2, tooltip: tooltip2, icon: Icon2, className, focusedClassName, iconClassName }) => {
+const MentionComponent = ({ nodeKey, node: node2, tooltip, icon: Icon2, className, focusedClassName, iconClassName }) => {
   const { tooltipComponents, onContextItemMentionNodeMetaClick } = getGlobalPromptEditorConfig();
   const [editor2] = u$5();
   const isEditorFocused = useIsFocused();
@@ -8515,7 +8629,7 @@ const MentionComponent = ({ nodeKey, node: node2, tooltip: tooltip2, icon: Icon2
       unregister();
     };
   }, [editor2, onArrowLeftPress, onArrowRightPress, onClick, onDelete, onBlur, onSelectionChange]);
-  const content2 = /* @__PURE__ */ jsxs("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip2, children: [
+  const content2 = /* @__PURE__ */ jsxs("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip, children: [
     Icon2 && /* @__PURE__ */ jsx(Icon2, { size: 14, strokeWidth: 2, className: clsx$1(iconClassName, "tw-shrink-0") }),
     /* @__PURE__ */ jsx("span", { children: text2 })
   ] });
@@ -8525,7 +8639,7 @@ const MentionComponent = ({ nodeKey, node: node2, tooltip: tooltip2, icon: Icon2
   const { Tooltip: Tooltip2, TooltipContent: TooltipContent2, TooltipTrigger: TooltipTrigger2 } = tooltipComponents;
   return /* @__PURE__ */ jsxs(Tooltip2, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger2, { asChild: true, children: content2 }),
-    tooltip2 && /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip2 })
+    tooltip && /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip })
   ] });
 };
 const MENTION_CLASS_NAME = styles$k.contextItemMentionNode;
@@ -8709,16 +8823,16 @@ const TemplateInputComponent = ({ editor: editor2, nodeKey, node: node2, classNa
       editor2.registerCommand(_$2, onKeyDown, Ns)
     );
   }, [editor2, onClick, onKeyDown]);
-  const tooltip2 = "replaces template placeholder on keypress";
+  const tooltip = "replaces template placeholder on keypress";
   const text2 = node2.templateInput.placeholder;
-  const content2 = /* @__PURE__ */ jsx("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip2, children: /* @__PURE__ */ jsx("span", { children: text2 }) });
+  const content2 = /* @__PURE__ */ jsx("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip, 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: tooltip2 })
+    /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip })
   ] });
 };
 const templateInputNode = "_template-input-node_14yoh_1";
@@ -9029,6 +9143,14 @@ const MentionMenu = ({
     window.addEventListener("keydown", listener, { capture: true });
     return () => window.removeEventListener("keydown", listener, { capture: true });
   }, []);
+  useEffect(() => {
+    const listener = (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+    };
+    window.addEventListener("mousedown", listener, { capture: true });
+    return () => window.removeEventListener("mousedown", listener, { capture: true });
+  }, []);
   const onProviderSelect = useCallback(
     (value2) => {
       const provider = data.providers.find((p2) => commandRowValue$1(p2) === value2);
@@ -9216,21 +9338,17 @@ function useClientState() {
 const ChatMentionContext = createContext({
   resolutionMode: "local"
 });
-const context$1 = createContext(void 0);
+const context = createContext(void 0);
 const ExtensionAPIProviderFromVSCodeAPI = ({ vscodeAPI, children: children2 }) => {
-  const extensionAPI = useMemo(() => {
-    const messageAPI = createMessageAPIForWebview(vscodeAPI);
-    return {
-      mentionMenuData: proxyExtensionAPI(messageAPI, "mentionMenuData"),
-      evaluatedFeatureFlag: proxyExtensionAPI(messageAPI, "evaluatedFeatureFlag"),
-      prompts: proxyExtensionAPI(messageAPI, "prompts")
-    };
-  }, [vscodeAPI]);
-  return /* @__PURE__ */ jsx(context$1.Provider, { value: extensionAPI, children: children2 });
+  const extensionAPI = useMemo(
+    () => createExtensionAPI(createMessageAPIForWebview(vscodeAPI)),
+    [vscodeAPI]
+  );
+  return /* @__PURE__ */ jsx(context.Provider, { value: extensionAPI, children: children2 });
 };
-context$1.Provider;
+context.Provider;
 function useExtensionAPI() {
-  const extensionAPI = useContext(context$1);
+  const extensionAPI = useContext(context);
   if (!extensionAPI) {
     throw new Error(
       "useExtensionAPI must be used within an ExtensionAPIProviderFromVSCodeAPI or ExtensionAPIProviderForTestsOnly component"
@@ -9374,7 +9492,7 @@ function useCallMentionMenuData({
   const mentionQuery = useMemo(
     () => ({
       ...parseMentionQuery(query ?? "", provider),
-      includeRemoteRepositories: mentionSettings.resolutionMode === "remote"
+      contextRemoteRepositoriesNames: mentionSettings.remoteRepositoriesNames
     }),
     [query, provider, mentionSettings]
   );
@@ -12838,6 +12956,19 @@ const $a093c7e1ec25a057$var$PORTAL_NAME = "TooltipPortal";
 const [$a093c7e1ec25a057$var$PortalProvider, $a093c7e1ec25a057$var$usePortalContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, {
   forceMount: void 0
 });
+const $a093c7e1ec25a057$export$7b36b8f925ab7497 = (props) => {
+  const { __scopeTooltip, forceMount, children: children2, container: container2 } = props;
+  const context2 = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, __scopeTooltip);
+  return /* @__PURE__ */ createElement($a093c7e1ec25a057$var$PortalProvider, {
+    scope: __scopeTooltip,
+    forceMount
+  }, /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    present: forceMount || context2.open
+  }, /* @__PURE__ */ createElement($f1701beae083dbae$export$602eac185826482c, {
+    asChild: true,
+    container: container2
+  }, children2)));
+};
 const $a093c7e1ec25a057$var$CONTENT_NAME = "TooltipContent";
 const $a093c7e1ec25a057$export$e9003e2be37ec060 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const portalContext = $a093c7e1ec25a057$var$usePortalContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
@@ -13135,6 +13266,7 @@ function $a093c7e1ec25a057$var$getHullPresorted(points) {
 const $a093c7e1ec25a057$export$2881499e37b75b9a = $a093c7e1ec25a057$export$f78649fb9ca566b8;
 const $a093c7e1ec25a057$export$be92b6f5f03c0fe9 = $a093c7e1ec25a057$export$28c660c63b792dea;
 const $a093c7e1ec25a057$export$41fb9f06171c75f4 = $a093c7e1ec25a057$export$8c610744efcf8a1d;
+const $a093c7e1ec25a057$export$602eac185826482c = $a093c7e1ec25a057$export$7b36b8f925ab7497;
 const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003e2be37ec060;
 const CLASS_PART_SEPARATOR = "-";
 function createClassUtils(config) {
@@ -15623,19 +15755,22 @@ function cn(...inputs) {
 const TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;
 const Tooltip = $a093c7e1ec25a057$export$be92b6f5f03c0fe9;
 const TooltipTrigger = $a093c7e1ec25a057$export$41fb9f06171c75f4;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref2) => /* @__PURE__ */ jsx(
-  $a093c7e1ec25a057$export$7c6e2c02157bb7d2,
-  {
-    ref: ref2,
-    sideOffset,
-    className: cn(
-      "tw-z-50 tw-overflow-hidden tw-flex tw-items-center tw-rounded-md tw-border tw-border-border tw-leading-tight tw-bg-popover tw-px-3 tw-py-2 tw-text-sm tw-text-popover-foreground tw-max-w-72 tw-text-center tw-whitespace-pre-line tw-shadow-lg [&_kbd]:tw-ml-3 [&_kbd]:-tw-mr-1 [&_kbd]:tw-mt-[-4px] [&_kbd]:tw-mb-[-4px]",
-      className
-    ),
-    ...props,
-    children: props.children
-  }
-));
+const TooltipContent = React.forwardRef(({ portal, className, sideOffset = 4, ...props }, ref2) => {
+  const Portal = portal ? $a093c7e1ec25a057$export$602eac185826482c : React.Fragment;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    $a093c7e1ec25a057$export$7c6e2c02157bb7d2,
+    {
+      ref: ref2,
+      sideOffset,
+      className: cn(
+        "tw-z-50 tw-overflow-hidden tw-flex tw-items-center tw-rounded-md tw-border tw-border-border tw-leading-tight tw-bg-popover tw-px-3 tw-py-2 tw-text-sm tw-text-popover-foreground tw-max-w-72 tw-text-center tw-whitespace-pre-line tw-shadow-lg [&_kbd]:tw-ml-3 [&_kbd]:-tw-mr-1 [&_kbd]:tw-mt-[-4px] [&_kbd]:tw-mb-[-4px]",
+        className
+      ),
+      ...props,
+      children: props.children
+    }
+  ) });
+});
 TooltipContent.displayName = $a093c7e1ec25a057$export$7c6e2c02157bb7d2.displayName;
 var U = 1, Y$1 = 0.9, H = 0.8, J = 0.17, p$1 = 0.1, u = 0.999, $ = 0.9999;
 var k$1 = 0.99, m = /[\\\/_+.#"@\[\(\{&]/, B = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, X$1 = /[\s-]/g;
@@ -17211,18 +17346,25 @@ const Command = React.forwardRef(({ className, ...props }, ref2) => /* @__PURE__
   }
 ));
 Command.displayName = He.displayName;
-const CommandInput = React.forwardRef(({ className, ...props }, ref2) => /* @__PURE__ */ jsx("div", { className: "tw-flex tw-items-center tw-border-b tw-border-b-border", "cmdk-input-wrapper": "", children: /* @__PURE__ */ jsx(
-  He.Input,
+const CommandInput = React.forwardRef(({ wrapperClassName, className, ...props }, ref2) => /* @__PURE__ */ jsx(
+  "div",
   {
-    ref: ref2,
-    className: cn(
-      "tw-flex tw-w-full tw-border-solid tw-border tw-border-transparent tw-bg-transparent tw-pt-4 tw-pb-3 tw-px-3 tw-text-md tw-leading-none placeholder:tw-text-muted-foreground disabled:tw-cursor-not-allowed disabled:tw-opacity-50 focus:tw-outline-none",
-      className
-    ),
-    inputMode: "search",
-    ...props
+    className: cn("tw-flex tw-items-center tw-border-b tw-border-b-border", wrapperClassName),
+    "cmdk-input-wrapper": "",
+    children: /* @__PURE__ */ jsx(
+      He.Input,
+      {
+        ref: ref2,
+        className: cn(
+          "tw-flex tw-w-full tw-border-solid tw-border tw-border-transparent tw-bg-transparent tw-pt-4 tw-pb-3 tw-px-3 tw-text-md tw-leading-none placeholder:tw-text-muted-foreground disabled:tw-cursor-not-allowed disabled:tw-opacity-50 focus:tw-outline-none",
+          className
+        ),
+        inputMode: "search",
+        ...props
+      }
+    )
   }
-) }));
+));
 CommandInput.displayName = He.Input.displayName;
 const CommandList = React.forwardRef(({ className, ...props }, ref2) => /* @__PURE__ */ jsx(
   He.List,
@@ -17271,22 +17413,32 @@ const CommandSeparator = React.forwardRef(({ className, ...props }, ref2) => /*
   }
 ));
 CommandSeparator.displayName = He.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, tooltip: tooltip2, ...props }, ref2) => {
+const CommandItem = React.forwardRef(({ className, tooltip, ...props }, ref2) => {
   const item2 = /* @__PURE__ */ jsx(
     He.Item,
     {
       ref: ref2,
       className: cn(
-        "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",
+        "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 hover:tw-border-accent data-[disabled=true]:tw-pointer-events-none data-[disabled=true]:tw-opacity-50",
         className
       ),
-      title: tooltip2,
+      title: tooltip,
       ...props
     }
   );
   return item2;
 });
 CommandItem.displayName = He.Item.displayName;
+const CommandRow = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "tw-flex tw-flex-wrap tw-select-none tw-items-center tw-gap-x-3 tw-gap-y-1 tw-text-md tw-outline-none [&:not(:last-child)]:tw-border-border [&:not(:last-child)]:tw-border-b [&_[cmdk-item]]:tw-whitespace-nowrap",
+      className
+    ),
+    ...props
+  }
+);
 const CommandLink = ({ href, className, children: children2, onSelect, ...props }) => {
   const linkRef = React.useRef(null);
   const isHandlingClick = React.useRef(false);
@@ -29745,11 +29897,16 @@ function useConfig() {
 }
 function useUserAccountInfo() {
   const value = useConfig();
+  if (!value.authStatus.authenticated) {
+    throw new Error(
+      "useUserAccountInfo must be used within a ConfigProvider with authenticated user"
+    );
+  }
   return {
     isCodyProUser: isCodyProUser(value.authStatus),
     // Receive this value from the extension backend to make it work
     // with E2E tests where change the DOTCOM_URL via the env variable TESTING_DOTCOM_URL.
-    isDotComUser: value.authStatus.isDotCom,
+    isDotComUser: value.isDotComUser,
     user: value.authStatus,
     ide: value.config.agentIDE ?? CodyIDE.VSCode
   };
@@ -29889,23 +30046,6 @@ const GeminiLogo = ({
     ]
   }
 );
-const context = createContext({});
-const ChatModelContextProvider = context.Provider;
-function useChatModelContext() {
-  return useContext(context);
-}
-function useChatModelByID(model) {
-  const { chatModels } = useChatModelContext();
-  return (chatModels == null ? void 0 : chatModels.find((m2) => m2.id === model)) ?? (model ? {
-    id: model,
-    title: model,
-    provider: "unknown"
-  } : void 0);
-}
-function useCurrentChatModel() {
-  const { chatModels } = useChatModelContext();
-  return chatModels == null ? void 0 : chatModels[0];
-}
 const path$2 = "_path_kr5rq_1";
 const excluded = "_excluded_kr5rq_7";
 const styles$e = {
@@ -71208,8 +71348,8 @@ class GuardrailsStatusController {
     if (repos.length === 1) {
       return `${prefix} ${repos[0]}.`;
     }
-    const tooltip2 = `${prefix} ${repos.length} repositories: ${repos.join(", ")}`;
-    return limitHit ? `${tooltip2} or more...` : `${tooltip2}.`;
+    const tooltip = `${prefix} ${repos.length} repositories: ${repos.join(", ")}`;
+    return limitHit ? `${tooltip} or more...` : `${tooltip}.`;
   }
 }
 function createButtons(preText, copyButtonOnSubmit, insertButtonOnSubmit) {
@@ -71790,13 +71930,14 @@ const FeedbackButtons = ({
     ] })
   ] });
 };
-const BaseMessageCell = ({ speakerIcon, speakerTitle, content: content2, contentClassName, footer: footer2, className }) => /* @__PURE__ */ jsxs(
+const BaseMessageCell = ({ speakerIcon, speakerTitle, cellAction, content: content2, contentClassName, footer: footer2, className }) => /* @__PURE__ */ jsxs(
   Cell,
   {
     header: /* @__PURE__ */ jsxs(Fragment, { children: [
       speakerIcon,
       " ",
-      /* @__PURE__ */ jsx("span", { className: "tw-mt-[-1px] tw-font-semibold", children: speakerTitle })
+      /* @__PURE__ */ jsx("span", { className: "tw-mt-[-1px] tw-font-semibold", children: speakerTitle }),
+      /* @__PURE__ */ jsx("div", { className: "tw-ml-auto", children: cellAction })
     ] }),
     containerClassName: className,
     contentClassName,
@@ -71873,7 +72014,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: tooltip2, 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, onClick }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
             Button3,
             {
@@ -71885,7 +72026,7 @@ const ContextFocusActions = ({ humanMessage, className }) => {
             },
             label
           ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: tooltip2 })
+          /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
         ] }) }, label)) })
       ] })
     }
@@ -72008,6 +72149,15 @@ function makeHumanMessageInfo({ humanMessage, assistantMessage }, humanEditorRef
     }
   };
 }
+function useChatModelByID(model) {
+  const models = useExtensionAPI().models;
+  const chatModels = useObservable(useMemo(() => models(), [models])).value;
+  return (chatModels == null ? void 0 : chatModels.find((m2) => m2.id === model)) ?? (model ? {
+    id: model,
+    title: model,
+    provider: "unknown"
+  } : void 0);
+}
 const contextItem = "_context-item_13e3r_1";
 const contextItemMetadata = "_context-item-metadata_13e3r_6";
 const contextItemLink = "_context-item-link_13e3r_12";
@@ -72198,8 +72348,8 @@ const ContextCell = memo(
   },
   isEqual
 );
-const userAvatar = "_user-avatar_tzwlo_1";
-const sourcegraphGradientBorder = "_sourcegraph-gradient-border_tzwlo_12";
+const userAvatar = "_user-avatar_yacrp_1";
+const sourcegraphGradientBorder = "_sourcegraph-gradient-border_yacrp_10";
 const styles$7 = {
   userAvatar,
   sourcegraphGradientBorder
@@ -72255,8 +72405,9 @@ const InnerUserAvatar = ({
     "div",
     {
       title: title2,
-      className: clsx$1(styles$7.userAvatar, className),
+      className: clsx$1(styles$7.userAvatar, "tw-bg-muted tw-text-muted-foreground", className),
       style: { width: `${size2}px`, height: `${size2}px` },
+      "data-user-avatar": true,
       children: /* @__PURE__ */ jsx("span", { className: styles$7.initials, children: getInitials((user == null ? void 0 : user.displayName) || (user == null ? void 0 : user.username) || "") })
     }
   );
@@ -72555,7 +72706,7 @@ const ToolbarButton = forwardRef(
     className,
     variant,
     asChild = false,
-    tooltip: tooltip2,
+    tooltip,
     iconStart: IconStart,
     iconEnd: IconEnd,
     children: children2,
@@ -72580,9 +72731,9 @@ const ToolbarButton = forwardRef(
         ]
       }
     );
-    return tooltip2 ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+    return tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button2 }),
-      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip2 })
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip })
     ] }) : button2;
   }
 );
@@ -72943,375 +73094,6 @@ const optionByGroup = (options) => {
   }
   return [...groups.entries()].sort(([a2], [b2]) => groupOrder.indexOf(a2) - groupOrder.indexOf(b2)).map(([group, options2]) => ({ group, options: options2 }));
 };
-const useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [delay, value]);
-  return debouncedValue;
-};
-function usePromptsQuery(query) {
-  const prompts = useExtensionAPI().prompts;
-  return useObservable(useMemo(() => prompts(query), [prompts, query]));
-}
-const PromptList = ({
-  onSelect: parentOnSelect,
-  onSelectActionLabels,
-  showSearch = true,
-  showOnlyPromptInsertableCommands,
-  showInitialSelectedItem = true,
-  showPromptLibraryUnsupportedMessage = true,
-  showCommandOrigins = false,
-  className,
-  commandListClassName,
-  telemetryLocation
-}) => {
-  const telemetryRecorder = useTelemetryRecorder();
-  const telemetryPublicMetadata = {
-    [`in${telemetryLocation}`]: 1
-  };
-  const [query, setQuery] = useState("");
-  const debouncedQuery = useDebounce(query, 250);
-  const { value: result, error: error2 } = usePromptsQuery(debouncedQuery);
-  const onSelect = useCallback(
-    (rowValue) => {
-      var _a, _b, _c;
-      const prompt = (result == null ? void 0 : result.prompts.type) === "results" ? result.prompts.results.find(
-        (p2) => commandRowValue({ type: "prompt", value: p2 }) === rowValue
-      ) : void 0;
-      const codyCommand = prompt === void 0 ? (_a = result == null ? void 0 : result.commands) == null ? void 0 : _a.find(
-        (c2) => commandRowValue({ type: "command", value: c2 }) === rowValue
-      ) : void 0;
-      const entry = prompt ? { type: "prompt", value: prompt } : codyCommand ? { type: "command", value: codyCommand } : void 0;
-      if (!entry) {
-        return;
-      }
-      telemetryRecorder.recordEvent("cody.promptList", "select", {
-        metadata: {
-          isPrompt: prompt ? 1 : 0,
-          isCommand: codyCommand ? 1 : 0,
-          isCommandBuiltin: (codyCommand == null ? void 0 : codyCommand.type) === "default" ? 1 : 0,
-          isCommandCustom: (codyCommand == null ? void 0 : codyCommand.type) !== "default" ? 1 : 0,
-          ...telemetryPublicMetadata
-        },
-        privateMetadata: {
-          nameWithOwner: prompt ? prompt.nameWithOwner : void 0
-        }
-      });
-      if (result) {
-        telemetryRecorder.recordEvent("cody.promptList", "query", {
-          metadata: {
-            queryLength: debouncedQuery.length,
-            resultCount: (result.prompts.type === "results" ? result.prompts.results.length : 0) + (((_b = result.commands) == null ? void 0 : _b.length) ?? 0),
-            resultCountPromptsOnly: result.prompts.type === "results" ? result.prompts.results.length : 0,
-            resultCountCommandsOnly: ((_c = result.commands) == null ? void 0 : _c.length) ?? 0,
-            supportsPrompts: result.prompts.type !== "unsupported" ? 1 : 0,
-            hasUsePromptsQueryError: error2 ? 1 : 0,
-            hasPromptsResultError: result.prompts.type === "error" ? 1 : 0,
-            ...telemetryPublicMetadata
-          },
-          privateMetadata: {
-            query: debouncedQuery,
-            usePromptsQueryErrorMessage: error2 == null ? void 0 : error2.message,
-            promptsResultErrorMessage: result.prompts.type === "error" ? result.prompts.error : void 0
-          }
-        });
-      }
-      parentOnSelect(entry);
-    },
-    [
-      result,
-      telemetryRecorder.recordEvent,
-      parentOnSelect,
-      telemetryPublicMetadata,
-      debouncedQuery,
-      error2
-    ]
-  );
-  const endpointURL = new URL(useConfig().authStatus.endpoint);
-  const filteredCommands = showOnlyPromptInsertableCommands ? result == null ? void 0 : result.commands.filter((c2) => c2.type !== "default") : result == null ? void 0 : result.commands;
-  return /* @__PURE__ */ jsx(
-    Command,
-    {
-      loop: true,
-      tabIndex: 0,
-      className: clsx$1("focus:tw-outline-none", className),
-      shouldFilter: false,
-      defaultValue: showInitialSelectedItem ? void 0 : "xxx-no-item",
-      children: /* @__PURE__ */ jsxs(
-        CommandList,
-        {
-          className: clsx$1(
-            "[&_[cmdk-group]]:tw-pt-0 [&_[cmdk-group-heading]]:tw-flex [&_[cmdk-group-heading]]:tw-gap-2 [&_[cmdk-group-heading]]:tw-items-center [&_[cmdk-group-heading]]:!tw-min-h-[30px] [&_[cmdk-group-heading]]:tw--mx-2 [&_[cmdk-group-heading]]:tw-px-4 [&_[cmdk-group-heading]]:tw-mb-2 [&_[cmdk-group-heading]]:tw-bg-muted [&_[cmdk-group]]:!tw-border-0",
-            commandListClassName
-          ),
-          children: [
-            showSearch && /* @__PURE__ */ jsx(
-              CommandInput,
-              {
-                value: query,
-                onValueChange: setQuery,
-                placeholder: "Search...",
-                autoFocus: true
-              }
-            ),
-            result && result.prompts.type !== "unsupported" && /* @__PURE__ */ jsxs(
-              CommandGroup,
-              {
-                heading: /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { children: "Prompt Library" }),
-                  /* @__PURE__ */ jsx("div", { className: "tw-flex-grow" }),
-                  /* @__PURE__ */ jsx(Button3, { variant: "ghost", size: "sm", asChild: true, children: /* @__PURE__ */ jsx(
-                    "a",
-                    {
-                      href: new URL("/prompts", endpointURL).toString(),
-                      target: "_blank",
-                      rel: "noreferrer",
-                      className: "!tw-text-[unset]",
-                      children: "Manage"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(
-                    Button3,
-                    {
-                      variant: "ghost",
-                      size: "sm",
-                      className: "tw-flex tw-items-center tw-gap-0.5",
-                      asChild: true,
-                      children: /* @__PURE__ */ jsxs(
-                        "a",
-                        {
-                          href: new URL("/prompts/new", endpointURL).toString(),
-                          target: "_blank",
-                          rel: "noreferrer",
-                          className: "!tw-text-[unset]",
-                          children: [
-                            /* @__PURE__ */ jsx(Plus, { size: 12, strokeWidth: 1.25 }),
-                            "New"
-                          ]
-                        }
-                      )
-                    }
-                  )
-                ] }),
-                children: [
-                  result.prompts.type === "results" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    result.prompts.results.length === 0 && /* @__PURE__ */ jsx(CommandLoading, { children: result.query === "" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      "Your Prompt Library is empty.",
-                      " ",
-                      /* @__PURE__ */ jsx(
-                        "a",
-                        {
-                          href: new URL(
-                            "/prompts/new",
-                            endpointURL
-                          ).toString(),
-                          target: "_blank",
-                          rel: "noreferrer",
-                          children: "Add a prompt"
-                        }
-                      ),
-                      " ",
-                      "to reuse and share it."
-                    ] }) : /* @__PURE__ */ jsx(Fragment, { children: "No prompts found" }) }),
-                    result.prompts.results.map((prompt) => /* @__PURE__ */ jsx(
-                      PromptCommandItem,
-                      {
-                        prompt,
-                        onSelect,
-                        selectActionLabel: onSelectActionLabels == null ? void 0 : onSelectActionLabels.prompt
-                      },
-                      prompt.id
-                    ))
-                  ] }) : null,
-                  result.prompts.type === "error" && /* @__PURE__ */ jsxs(CommandLoading, { children: [
-                    "Error: ",
-                    result.prompts.error
-                  ] })
-                ]
-              }
-            ),
-            result && filteredCommands && filteredCommands.length > 0 && /* @__PURE__ */ jsx(
-              CommandGroup,
-              {
-                heading: /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { children: "Commands" }),
-                  /* @__PURE__ */ jsx("div", { className: "tw-flex-grow" }),
-                  hasCustomCommands(filteredCommands) && /* @__PURE__ */ jsx(Button3, { variant: "ghost", size: "sm", asChild: true, children: /* @__PURE__ */ jsx(
-                    "a",
-                    {
-                      className: "!tw-text-[unset]",
-                      href: "command:cody.menu.commands-settings",
-                      children: "Manage"
-                    }
-                  ) })
-                ] }),
-                children: filteredCommands.map((command) => /* @__PURE__ */ jsx(
-                  CodyCommandItem,
-                  {
-                    command,
-                    onSelect,
-                    selectActionLabel: onSelectActionLabels == null ? void 0 : onSelectActionLabels.command,
-                    showCommandOrigins
-                  },
-                  command.key
-                ))
-              }
-            ),
-            showPromptLibraryUnsupportedMessage && result && result.prompts.type === "unsupported" && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(CommandSeparator, { alwaysRender: true }),
-              /* @__PURE__ */ jsxs(CommandLoading, { className: "tw-px-4", children: [
-                "Prompt Library is not yet available on ",
-                endpointURL.hostname,
-                ". Ask your site admin to upgrade to Sourcegraph 5.6 or later."
-              ] })
-            ] }),
-            !result && !error2 && /* @__PURE__ */ jsx(CommandLoading, { className: "tw-px-4", children: "Loading..." }),
-            error2 && /* @__PURE__ */ jsxs(CommandLoading, { className: "tw-px-4", children: [
-              "Error: ",
-              error2.message || "unknown"
-            ] })
-          ]
-        }
-      )
-    }
-  );
-};
-function hasCustomCommands(commands) {
-  return commands.some(
-    (command) => command.type === CustomCommandType.Workspace || command.type === CustomCommandType.User
-  );
-}
-function commandRowValue(row2) {
-  return row2.type === "prompt" ? `prompt-${row2.value.id}` : `command-${row2.value.key}`;
-}
-const PromptCommandItem = ({ prompt, onSelect, selectActionLabel }) => /* @__PURE__ */ jsxs(
-  CommandItem,
-  {
-    value: commandRowValue({ type: "prompt", value: prompt }),
-    onSelect,
-    className: "!tw-items-start tw-group/[cmdk-item]",
-    children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-3 tw-w-full tw-items-start", children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            /* @__PURE__ */ jsxs("span", { className: "tw-text-muted-foreground", children: [
-              prompt.owner.namespaceName,
-              " / "
-            ] }),
-            /* @__PURE__ */ jsx("strong", { children: prompt.name })
-          ] }),
-          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 })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "tw-flex-grow" }),
-      selectActionLabel && /* @__PURE__ */ jsx(CommandItemAction, { label: selectActionLabel })
-    ]
-  }
-);
-const CodyCommandItem = ({ command, onSelect, selectActionLabel, showCommandOrigins }) => /* @__PURE__ */ jsxs(
-  CommandItem,
-  {
-    value: commandRowValue({ type: "command", value: command }),
-    onSelect,
-    className: "!tw-items-start tw-group/[cmdk-item]",
-    children: [
-      /* @__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: "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 })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "tw-flex-grow" }),
-      selectActionLabel && /* @__PURE__ */ jsx(CommandItemAction, { label: selectActionLabel })
-    ]
-  }
-);
-const CommandItemAction = ({
-  label,
-  className
-}) => /* @__PURE__ */ jsxs(Tooltip, { children: [
-  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-    Button3,
-    {
-      type: "button",
-      variant: "default",
-      size: "xs",
-      className: clsx$1(
-        'tw-tracking-tight tw-text-accent-foreground tw-opacity-30 tw-bg-transparent hover:tw-bg-transparent tw-invisible group-[[aria-selected="true"]]/[cmdk-item]:tw-visible group-hover/[cmdk-item]:tw-visible',
-        className
-      ),
-      children: label === "insert" ? "Insert" : "Run"
-    }
-  ) }),
-  /* @__PURE__ */ jsx(TooltipContent, { children: label === "insert" ? "Append prompt text to chat message" : "Run command on current selection in editor" })
-] });
-const PromptListSuitedForNonPopover = ({ className, commandListClassName, ...props }) => /* @__PURE__ */ jsx(
-  PromptList,
-  {
-    ...props,
-    showSearch: false,
-    showInitialSelectedItem: false,
-    className: clsx$1("tw-w-full !tw-max-w-[unset] !tw-bg-[unset]", className),
-    commandListClassName: clsx$1("!tw-max-h-[unset]", commandListClassName)
-  }
-);
-const PromptSelectField = ({ onSelect, onCloseByEscape, className, __storybook__open }) => {
-  const telemetryRecorder = useTelemetryRecorder();
-  const onOpenChange = useCallback(
-    (open) => {
-      if (open) {
-        telemetryRecorder.recordEvent("cody.promptSelectField", "open", {});
-      }
-    },
-    [telemetryRecorder.recordEvent]
-  );
-  const onKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Escape") {
-        onCloseByEscape == null ? void 0 : onCloseByEscape();
-      }
-    },
-    [onCloseByEscape]
-  );
-  return /* @__PURE__ */ jsx(
-    ToolbarPopoverItem,
-    {
-      role: "combobox",
-      iconEnd: "chevron",
-      className: cn("tw-justify-between", className),
-      __storybook__open,
-      tooltip: "Insert prompt from Prompt Library",
-      "aria-label": "Insert prompt",
-      popoverContent: (close) => /* @__PURE__ */ jsx(
-        PromptList,
-        {
-          onSelect: (item2) => {
-            onSelect(item2);
-            close();
-          },
-          onSelectActionLabels: { prompt: "insert", command: "insert" },
-          showSearch: true,
-          showOnlyPromptInsertableCommands: true,
-          showPromptLibraryUnsupportedMessage: true,
-          telemetryLocation: "PromptSelectField"
-        }
-      ),
-      popoverRootProps: { onOpenChange },
-      popoverContentProps: {
-        className: "tw-min-w-[325px] tw-w-[75vw] tw-max-w-[550px] !tw-p-0",
-        onKeyDown,
-        onCloseAutoFocus: (event) => {
-          event.preventDefault();
-        }
-      },
-      children: "Prompts"
-    }
-  );
-};
 const isMac = isMacOS();
 function keyTextOrSvg(key) {
   const iconClassName = "tw-w-[1em] tw-h-[1em]";
@@ -73445,7 +73227,6 @@ const Toolbar = ({
   submitState,
   onGapClick,
   focusEditor,
-  appendTextToEditor,
   hidden: hidden2,
   className
 }) => {
@@ -73483,14 +73264,6 @@ const Toolbar = ({
                 className: "tw-opacity-60 focus-visible:tw-opacity-100 hover:tw-opacity-100 tw-mr-2"
               }
             ),
-            /* @__PURE__ */ jsx(
-              PromptSelectFieldToolbarItem,
-              {
-                focusEditor,
-                appendTextToEditor,
-                className: "tw-ml-1 tw-mr-1"
-              }
-            ),
             /* @__PURE__ */ jsx(
               ModelSelectFieldToolbarItem,
               {
@@ -73513,31 +73286,25 @@ const Toolbar = ({
     )
   );
 };
-const PromptSelectFieldToolbarItem = ({ focusEditor, appendTextToEditor, className }) => {
-  const onSelect = useCallback(
-    (item2) => {
-      appendTextToEditor(item2.type === "prompt" ? item2.value.definition.text : item2.value.prompt);
-      focusEditor == null ? void 0 : focusEditor();
-    },
-    [appendTextToEditor, focusEditor]
-  );
-  return /* @__PURE__ */ jsx(PromptSelectField, { onSelect, onCloseByEscape: focusEditor, className });
-};
 const ModelSelectFieldToolbarItem = ({ userInfo, focusEditor, className }) => {
-  const { chatModels, onCurrentChatModelChange, serverSentModelsEnabled } = useChatModelContext();
+  const config = useConfig();
+  const api2 = useExtensionAPI();
   const onModelSelect = useCallback(
     (model) => {
-      onCurrentChatModelChange == null ? void 0 : onCurrentChatModelChange(model);
+      api2.setChatModel(model.id).subscribe({
+        error: (error2) => console.error("setChatModel:", error2)
+      });
       focusEditor == null ? void 0 : focusEditor();
     },
-    [onCurrentChatModelChange, focusEditor]
+    [api2.setChatModel, focusEditor]
   );
-  return !!(chatModels == null ? void 0 : chatModels.length) && (userInfo.isDotComUser || serverSentModelsEnabled) && onCurrentChatModelChange && /* @__PURE__ */ jsx(
+  const { value: chatModels } = useObservable(useMemo(() => api2.models(), [api2.models]));
+  return !!(chatModels == null ? void 0 : chatModels.length) && (userInfo.isDotComUser || config.configFeatures.serverSentModels) && /* @__PURE__ */ jsx(
     ModelSelectField,
     {
       models: chatModels,
       onModelSelect,
-      serverSentModelsEnabled: !!serverSentModelsEnabled,
+      serverSentModelsEnabled: config.configFeatures.serverSentModels,
       userInfo,
       onCloseByEscape: focusEditor,
       className
@@ -73653,12 +73420,6 @@ const HumanMessageEditor = ({
     },
     [onGapClick]
   );
-  const appendTextToEditor = useCallback((text2) => {
-    if (!editorRef.current) {
-      throw new Error("No editorRef");
-    }
-    editorRef.current.appendText(text2);
-  }, []);
   const onMentionClick = useCallback(() => {
     if (!editorRef.current) {
       throw new Error("No editorRef");
@@ -73698,9 +73459,11 @@ const HumanMessageEditor = ({
           if (isSent) {
             return;
           }
-          if (editorRef.current) {
-            editorRef.current.appendText(appendTextToLastPromptEditor);
-          }
+          requestAnimationFrame(() => {
+            if (editorRef.current) {
+              editorRef.current.appendText(appendTextToLastPromptEditor);
+            }
+          });
         }
       },
       [isSent]
@@ -73773,7 +73536,6 @@ const HumanMessageEditor = ({
               submitState,
               onGapClick,
               focusEditor,
-              appendTextToEditor,
               hidden: !focused2 && isSent,
               className: styles$6.toolbar
             }
@@ -73783,6 +73545,11 @@ const HumanMessageEditor = ({
     )
   );
 };
+function useCurrentChatModel() {
+  var _a;
+  const models = useExtensionAPI().models;
+  return (_a = useObservable(useMemo(() => models(), [models])).value) == null ? void 0 : _a.at(0);
+}
 const HumanMessageCell = memo(
   ({
     message: message2,
@@ -73818,6 +73585,7 @@ const HumanMessageCell = memo(
           }
         ),
         speakerTitle: userInfo.user.displayName ?? userInfo.user.username,
+        cellAction: isFirstMessage && /* @__PURE__ */ jsx(OpenInNewEditorAction, {}),
         content: /* @__PURE__ */ jsx(
           HumanMessageEditor,
           {
@@ -73844,6 +73612,31 @@ const HumanMessageCell = memo(
   },
   isEqual
 );
+const OpenInNewEditorAction = () => {
+  const {
+    config: { multipleWebviewsEnabled }
+  } = useConfig();
+  if (!multipleWebviewsEnabled) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          getVSCodeAPI().postMessage({
+            command: "command",
+            id: "cody.chat.moveToEditor"
+          });
+        },
+        className: "tw-flex tw-gap-3 tw-items-center tw-leading-none tw-opacity-80 hover:tw-opacity-100 tw-border-b-[1px] tw-border-transparent tw-transition tw-translate-y-[1px]",
+        children: /* @__PURE__ */ jsx(Columns2, { size: 16, strokeWidth: 1.25, className: "tw-w-8 tw-h-8" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: "Open in Editor" })
+  ] });
+};
 const Transcript = (props) => {
   const {
     chatEnabled,
@@ -74117,18 +73910,399 @@ function useCollapsiblePanelOpenState(storageKey, initialOpen = false) {
     }
   ];
 }
+const MenuExample = ({ children: children2 }) => /* @__PURE__ */ jsx("span", { className: "tw-p-1 tw-rounded tw-border tw-border-keybinding-border tw-bg-keybinding-background tw-whitespace-nowrap", children: children2 });
+const FeatureRowInlineIcon = ({ Icon: Icon2 }) => /* @__PURE__ */ jsx(Icon2, { size: 16, strokeWidth: 1.25, className: "tw-flex-none tw-inline-flex tw-mt-1 tw-opacity-80" });
+const FeatureRow = ({ icon: icon2, children: children2 }) => /* @__PURE__ */ jsxs("div", { className: "tw-py-2 tw-px-4 tw-inline-flex tw-gap-3 tw-text-foreground tw-items-start", children: [
+  /* @__PURE__ */ jsx(FeatureRowInlineIcon, { Icon: icon2 }),
+  /* @__PURE__ */ jsx("div", { className: "tw-grow", children: children2 })
+] });
+const localStorageKey = "chat.welcome-message-dismissed";
+const WelcomeMessage = ({
+  IDE
+}) => {
+  localStorage.removeItem(localStorageKey);
+  return /* @__PURE__ */ jsx("div", { className: "tw-flex-1 tw-w-full tw-px-6 tw-transition-all", children: /* @__PURE__ */ jsxs(
+    CollapsiblePanel,
+    {
+      storageKey: "chat-help",
+      title: "Chat Help",
+      className: "tw-mb-12 tw-mt-8",
+      initialOpen: true,
+      children: [
+        IDE === CodyIDE.VSCode && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(FeatureRow, { icon: MessageSquarePlus, children: [
+          "Start a new chat using ",
+          /* @__PURE__ */ jsx(Kbd, { macOS: "opt+L", linuxAndWindows: "alt+L" }),
+          " or the command ",
+          /* @__PURE__ */ jsx(MenuExample, { children: "Cody: New Chat" })
+        ] }) }),
+        /* @__PURE__ */ jsxs(FeatureRow, { icon: AtSign, children: [
+          "Type ",
+          /* @__PURE__ */ jsx(Kbd, { macOS: "@", linuxAndWindows: "@" }),
+          " to add context to your chat"
+        ] }),
+        IDE === CodyIDE.VSCode && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(FeatureRow, { icon: Text, children: [
+          "To add code context from an editor, right click and use",
+          " ",
+          /* @__PURE__ */ jsx(MenuExample, { children: "Cody > Add File/Selection to Cody Chat" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-justify-center tw-items-center tw-w-full tw-gap-10 tw-px-4 tw-pt-4 tw-pb-3 tw-mt-2 tw-border-t tw-border-button-border tw-transition-all", children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://docs.sourcegraph.com/cody",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "tw-text-muted-foreground hover:tw-text-foreground",
+              children: "Documentation"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://help.sourcegraph.com",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "tw-text-muted-foreground hover:tw-text-foreground",
+              children: "Help & Support"
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
+const MARGIN = 200;
+function createScrollerAPI(element2) {
+  return {
+    root: element2,
+    getObserveElement: () => element2.firstElementChild,
+    getScrollTop: () => element2.scrollTop,
+    getScrollHeight: () => element2.scrollHeight,
+    getClientHeight: () => element2.getBoundingClientRect().height
+  };
+}
+const ScrollDown = (props) => {
+  const { scrollableParent, onClick: parentOnClick } = props;
+  const [canScrollDown, setCanScrollDown] = useState(false);
+  const scrollerAPI = useMemo(() => createScrollerAPI(scrollableParent), [scrollableParent]);
+  useEffect(() => {
+    function calculateScrollState() {
+      const scrollTop = scrollerAPI.getScrollTop();
+      const scrollHeight = scrollerAPI.getScrollHeight();
+      const clientHeight = scrollerAPI.getClientHeight();
+      setCanScrollDown(scrollTop + clientHeight < scrollHeight - MARGIN);
+    }
+    calculateScrollState();
+    const resizeObserver = new ResizeObserver(() => {
+      calculateScrollState();
+    });
+    resizeObserver.observe(scrollerAPI.getObserveElement());
+    scrollerAPI.root.addEventListener("scroll", calculateScrollState);
+    return () => {
+      resizeObserver.disconnect();
+      scrollerAPI.root.removeEventListener("scroll", calculateScrollState);
+    };
+  }, [scrollerAPI]);
+  const onClick = useCallback(() => {
+    setCanScrollDown(false);
+    scrollerAPI.root.scrollTo({
+      top: scrollerAPI.getScrollHeight()
+    });
+    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__ */ 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 useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [delay, value]);
+  return debouncedValue;
+};
+function usePromptsQuery(query) {
+  const prompts = useExtensionAPI().prompts;
+  return useObservable(useMemo(() => prompts(query), [prompts, query]));
+}
+const PromptList = ({
+  onSelect: parentOnSelect,
+  onSwitchToPromptsTab,
+  onSelectActionLabels,
+  showSearch = true,
+  showInitialSelectedItem = false,
+  showPromptLibraryUnsupportedMessage = true,
+  showCommandOrigins = false,
+  className,
+  commandListClassName,
+  showSwitchToPromptAction = false,
+  telemetryLocation
+}) => {
+  var _a;
+  const telemetryRecorder = useTelemetryRecorder();
+  const telemetryPublicMetadata = {
+    [`in${telemetryLocation}`]: 1
+  };
+  const [query, setQuery] = useState("");
+  const debouncedQuery = useDebounce(query, 250);
+  const { value: result, error: error2 } = usePromptsQuery(debouncedQuery);
+  const onSelect = useCallback(
+    (rowValue) => {
+      var _a2, _b, _c;
+      const prompt = (result == null ? void 0 : result.prompts.type) === "results" ? result.prompts.results.find(
+        (p2) => commandRowValue({ type: "prompt", value: p2 }) === rowValue
+      ) : void 0;
+      const codyCommand = prompt === void 0 ? (_a2 = result == null ? void 0 : result.commands) == null ? void 0 : _a2.find(
+        (c2) => commandRowValue({ type: "command", value: c2 }) === rowValue
+      ) : void 0;
+      const entry = prompt ? { type: "prompt", value: prompt } : codyCommand ? { type: "command", value: codyCommand } : void 0;
+      if (!entry) {
+        return;
+      }
+      telemetryRecorder.recordEvent("cody.promptList", "select", {
+        metadata: {
+          isPrompt: prompt ? 1 : 0,
+          isCommand: codyCommand ? 1 : 0,
+          isCommandBuiltin: (codyCommand == null ? void 0 : codyCommand.type) === "default" ? 1 : 0,
+          isCommandCustom: (codyCommand == null ? void 0 : codyCommand.type) !== "default" ? 1 : 0,
+          ...telemetryPublicMetadata
+        },
+        privateMetadata: {
+          nameWithOwner: prompt ? prompt.nameWithOwner : void 0
+        }
+      });
+      if (result) {
+        telemetryRecorder.recordEvent("cody.promptList", "query", {
+          metadata: {
+            queryLength: debouncedQuery.length,
+            resultCount: (result.prompts.type === "results" ? result.prompts.results.length : 0) + (((_b = result.commands) == null ? void 0 : _b.length) ?? 0),
+            resultCountPromptsOnly: result.prompts.type === "results" ? result.prompts.results.length : 0,
+            resultCountCommandsOnly: ((_c = result.commands) == null ? void 0 : _c.length) ?? 0,
+            supportsPrompts: result.prompts.type !== "unsupported" ? 1 : 0,
+            hasUsePromptsQueryError: error2 ? 1 : 0,
+            hasPromptsResultError: result.prompts.type === "error" ? 1 : 0,
+            ...telemetryPublicMetadata
+          },
+          privateMetadata: {
+            query: debouncedQuery,
+            usePromptsQueryErrorMessage: error2 == null ? void 0 : error2.message,
+            promptsResultErrorMessage: result.prompts.type === "error" ? result.prompts.error : void 0
+          }
+        });
+      }
+      parentOnSelect(entry);
+    },
+    [
+      result,
+      telemetryRecorder.recordEvent,
+      parentOnSelect,
+      telemetryPublicMetadata,
+      debouncedQuery,
+      error2
+    ]
+  );
+  const endpointURL = new URL(useConfig().authStatus.endpoint);
+  const itemClassName = "tw-border tw-border-border !tw-rounded-lg !tw-p-4";
+  return /* @__PURE__ */ jsx(
+    Command,
+    {
+      loop: true,
+      tabIndex: 0,
+      className: clsx$1(
+        "!tw-overflow-visible focus:tw-outline-none tw-border-0 !tw-max-w-[unset] tw-w-full !tw-h-[unset] !tw-bg-[unset]",
+        className
+      ),
+      shouldFilter: false,
+      disablePointerSelection: true,
+      defaultValue: showInitialSelectedItem ? void 0 : "xxx-no-item",
+      children: /* @__PURE__ */ jsxs(
+        CommandList,
+        {
+          className: clsx$1(
+            "!tw-max-h-[unset] !tw-overflow-visible [&_[cmdk-group]]:tw-pt-0 [&_[cmdk-group-heading]]:tw-flex [&_[cmdk-group-heading]]:tw-gap-2 [&_[cmdk-group-heading]]:tw-items-center [&_[cmdk-group-heading]]:!tw-min-h-[30px] [&_[cmdk-group-heading]]:tw--mx-2 [&_[cmdk-group-heading]]:tw-px-4 [&_[cmdk-group-heading]]:tw-mb-2 [&_[cmdk-group-heading]]:tw-bg-muted [&_[cmdk-group]]:!tw-border-0",
+            commandListClassName
+          ),
+          children: [
+            showSearch && /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                value: query,
+                onValueChange: setQuery,
+                placeholder: "Search...",
+                autoFocus: true,
+                wrapperClassName: "!tw-border-0 tw-mb-3 tw-px-2",
+                className: "!tw-border-border tw-rounded-md focus:!tw-border-ring !tw-py-3"
+              }
+            ),
+            result && result.prompts.type !== "unsupported" && /* @__PURE__ */ jsxs(CommandGroup, { className: "[&_[cmdk-group-items]]:tw-space-y-4", children: [
+              result.prompts.type === "results" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                result.prompts.results.length === 0 && /* @__PURE__ */ jsx(CommandLoading, { children: result.query === "" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  "Your Prompt Library is empty.",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: new URL(
+                        "/prompts/new",
+                        endpointURL
+                      ).toString(),
+                      target: "_blank",
+                      rel: "noreferrer",
+                      children: "Add a prompt"
+                    }
+                  ),
+                  " ",
+                  "to reuse and share it."
+                ] }) : /* @__PURE__ */ jsx(Fragment, { children: "No prompts found" }) }),
+                result.prompts.results.map((prompt) => /* @__PURE__ */ jsx(
+                  PromptCommandItem,
+                  {
+                    prompt,
+                    onSelect,
+                    selectActionLabel: onSelectActionLabels == null ? void 0 : onSelectActionLabels.prompt,
+                    className: itemClassName
+                  },
+                  prompt.id
+                )),
+                (_a = result == null ? void 0 : result.commands) == null ? void 0 : _a.map((command) => /* @__PURE__ */ jsx(
+                  CodyCommandItem,
+                  {
+                    command,
+                    onSelect,
+                    selectActionLabel: onSelectActionLabels == null ? void 0 : onSelectActionLabels.command,
+                    showCommandOrigins,
+                    className: itemClassName
+                  },
+                  command.key
+                ))
+              ] }) : null,
+              result.prompts.type === "error" && /* @__PURE__ */ jsxs(CommandLoading, { children: [
+                "Error: ",
+                result.prompts.error
+              ] })
+            ] }),
+            showPromptLibraryUnsupportedMessage && result && result.prompts.type === "unsupported" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(CommandSeparator, { alwaysRender: true }),
+              /* @__PURE__ */ jsxs(CommandLoading, { className: "tw-px-4", children: [
+                "Prompt Library is not yet available on ",
+                endpointURL.hostname,
+                ". Ask your site admin to upgrade to Sourcegraph 5.6 or later."
+              ] })
+            ] }),
+            !result && !error2 && /* @__PURE__ */ jsx(CommandLoading, { className: "tw-px-4", children: "Loading..." }),
+            error2 && /* @__PURE__ */ jsxs(CommandLoading, { className: "tw-px-4", children: [
+              "Error: ",
+              error2.message || "unknown"
+            ] }),
+            showSwitchToPromptAction && /* @__PURE__ */ jsx(CommandRow, { className: "tw-items-center tw-justify-center tw-py-4", children: /* @__PURE__ */ jsx(Button3, { variant: "ghost", size: "sm", asChild: true, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "!tw-text-muted-foreground !hover:tw-text-button-foreground",
+                onClick: onSwitchToPromptsTab,
+                children: "Switch to Prompt Library"
+              }
+            ) }) })
+          ]
+        }
+      )
+    }
+  );
+};
+function commandRowValue(row2) {
+  return row2.type === "prompt" ? `prompt-${row2.value.id}` : `command-${row2.value.key}`;
+}
+const PromptCommandItem = ({ prompt, onSelect, selectActionLabel, className }) => /* @__PURE__ */ jsxs(
+  CommandItem,
+  {
+    value: commandRowValue({ type: "prompt", value: prompt }),
+    onSelect,
+    className: clsx$1("!tw-items-start tw-overflow-hidden tw-gap-3 tw-group/[cmdk-item]", className),
+    children: [
+      /* @__PURE__ */ jsx(
+        UserAvatar,
+        {
+          user: {
+            username: prompt.owner.namespaceName,
+            displayName: prompt.owner.displayName ?? void 0
+          },
+          size: 22,
+          className: "tw-flex-shrink-0 tw-text-xxs"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "tw-text-nowrap tw-text-ellipsis tw-overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-text-nowrap tw-gap-3 tw-w-full tw-items-start tw-overflow-hidden", children: [
+          /* @__PURE__ */ jsx("span", { className: "", children: prompt.name }),
+          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-muted-foreground tw-w-full", children: prompt.description })
+      ] })
+    ]
+  }
+);
+const CodyCommandItem = ({ command, onSelect, selectActionLabel, showCommandOrigins, className }) => /* @__PURE__ */ jsxs(
+  CommandItem,
+  {
+    value: commandRowValue({ type: "command", value: command }),
+    onSelect,
+    className: clsx$1("!tw-items-start tw-overflow-hidden tw-gap-3 tw-group/[cmdk-item]", className),
+    children: [
+      /* @__PURE__ */ jsx("div", { className: "tw-w-[22px] tw-flex-shrink-0", children: /* @__PURE__ */ jsx(
+        CommandItemIcon,
+        {
+          command,
+          size: 13,
+          className: "tw-text-muted-foreground tw-mt-2 tw-mx-auto"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "tw-text-nowrap tw-text-ellipsis tw-overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-wrap tw-gap-3 tw-w-full tw-items-start", children: [
+          /* @__PURE__ */ jsx("span", { className: "tw-whitespace-nowrap", children: command.type === "default" ? command.description : command.key }),
+          showCommandOrigins && command.type !== "default" && /* @__PURE__ */ jsx(Badge3, { variant: "secondary", className: "tw-text-xxs tw-mt-0.5 tw-whitespace-nowrap", children: "Custom Command" })
+        ] }),
+        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 })
+      ] })
+    ]
+  }
+);
+const CommandItemIcon = ({
+  command,
+  size: size2,
+  className
+}) => {
+  const Icon2 = iconForCommand(command);
+  return /* @__PURE__ */ jsx(Icon2, { size: size2, className });
+};
+function iconForCommand(command) {
+  var _a;
+  return ((_a = ICON_KEYWORDS.find((icon2) => command.key.toLowerCase().includes(icon2.keyword))) == null ? void 0 : _a.icon) ?? Play;
+}
+const ICON_KEYWORDS = [
+  { keyword: "edit", icon: Pencil },
+  { keyword: "doc", icon: BookOpen },
+  { keyword: "explain", icon: FileQuestion },
+  { keyword: "test", icon: Hammer },
+  { keyword: "fix", icon: Bug },
+  { keyword: "debug", icon: Bug },
+  { keyword: "secur", icon: ShieldCheck },
+  { keyword: "refactor", icon: Combine },
+  { keyword: "review", icon: MessageCircleCode }
+];
 const PromptsTab = ({ setView }) => {
   const dispatchClientAction = useClientActionDispatcher();
   return /* @__PURE__ */ jsx("div", { className: "tw-overflow-auto tw-p-8", children: /* @__PURE__ */ jsx(
-    PromptListSuitedForNonPopover,
+    PromptList,
     {
       onSelect: (item2) => onPromptSelectInPanel(item2, setView, dispatchClientAction),
       onSelectActionLabels: onPromptSelectInPanelActionLabels,
       showCommandOrigins: true,
+      showSearch: true,
+      showInitialSelectedItem: false,
+      showSwitchToPromptAction: false,
       showPromptLibraryUnsupportedMessage: true,
-      showOnlyPromptInsertableCommands: false,
-      telemetryLocation: "PromptsTab",
-      className: "tw-border tw-border-border"
+      telemetryLocation: "PromptsTab"
     }
   ) });
 };
@@ -74161,273 +74335,216 @@ const onPromptSelectInPanelActionLabels = {
   command: "run",
   prompt: "insert"
 };
-const MenuExample = ({ children: children2 }) => /* @__PURE__ */ jsx("span", { className: "tw-p-1 tw-rounded tw-text-keybinding-foreground tw-border tw-border-keybinding-border tw-bg-keybinding-background tw-whitespace-nowrap", children: children2 });
-const FeatureRowInlineIcon = ({ Icon: Icon2 }) => /* @__PURE__ */ jsx(Icon2, { size: 16, strokeWidth: 1.25, className: "tw-flex-none tw-inline-flex tw-mt-1 tw-opacity-80" });
-const FeatureRow = ({ icon: icon2, children: children2 }) => /* @__PURE__ */ jsxs("div", { className: "tw-py-2 tw-px-4 tw-inline-flex tw-gap-3 tw-text-foreground tw-items-start", children: [
-  /* @__PURE__ */ jsx(FeatureRowInlineIcon, { Icon: icon2 }),
-  /* @__PURE__ */ jsx("div", { className: "tw-grow", children: children2 })
-] });
-const localStorageKey = "chat.welcome-message-dismissed";
-const WelcomeMessage = ({
-  IDE,
-  setView
-}) => {
-  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-px-6 tw-gap-6 tw-transition-all", children: [
-    /* @__PURE__ */ jsx(
-      CollapsiblePanel,
-      {
-        storageKey: "prompts",
-        title: "Prompts & Commands",
-        className: "tw-mb-6",
-        contentClassName: "!tw-p-0 tw-overflow-clip",
-        initialOpen: true,
-        children: /* @__PURE__ */ jsx(
-          PromptListSuitedForNonPopover,
-          {
-            onSelect: (item2) => onPromptSelectInPanel(item2, setView, dispatchClientAction),
-            onSelectActionLabels: onPromptSelectInPanelActionLabels,
-            telemetryLocation: "PromptsTab",
-            showCommandOrigins: true,
-            showPromptLibraryUnsupportedMessage: false,
-            showOnlyPromptInsertableCommands: false,
-            className: "tw-rounded-none"
-          }
-        )
+const AccountTab = () => {
+  const userInfo = useUserAccountInfo();
+  const { user, isCodyProUser: isCodyProUser2, isDotComUser, ide } = userInfo;
+  const { displayName, username, primaryEmail, endpoint } = user;
+  if (ide === CodyIDE.VSCode) {
+    return null;
+  }
+  const actions2 = [];
+  actions2.push({
+    text: "Switch Account...",
+    onClick: useCallback(() => {
+      if (userInfo.user.username) {
+        getVSCodeAPI().postMessage({ command: "command", id: "cody.auth.switchAccount" });
       }
-    ),
-    /* @__PURE__ */ jsxs(
-      CollapsiblePanel,
+    }, [userInfo])
+  });
+  if (isDotComUser) {
+    actions2.push({
+      text: "Manage Account",
+      onClick: useCallback(() => {
+        if (userInfo.user.username) {
+          const uri = URI.parse(ACCOUNT_USAGE_URL.toString()).with({
+            query: `cody_client_user=${encodeURIComponent(userInfo.user.username)}`
+          });
+          getVSCodeAPI().postMessage({ command: "links", value: uri.toString() });
+        }
+      }, [userInfo])
+    });
+  }
+  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: [
+      /* @__PURE__ */ jsx("div", { className: "tw-flex tw-justify-between tw-w-full tw-border-b tw-border-border tw-shadow-lg tw-shadow-border-500/50 tw-p-4 tw-pb-6", children: /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-self-stretch", children: [
+        /* @__PURE__ */ jsx(UserAvatar, { user, size: MESSAGE_CELL_AVATAR_SIZE }),
+        /* @__PURE__ */ jsxs("div", { className: "tw-ml-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "tw-text-lg tw-font-semibold", children: displayName ?? username }),
+          /* @__PURE__ */ jsx("p", { className: "tw-text-sm tw-text-muted-foreground", children: primaryEmail })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "tw-grid tw-grid-cols-5 tw-gap-4", children: [
+        /* @__PURE__ */ jsx("div", { children: "Plan:" }),
+        /* @__PURE__ */ jsx("div", { className: "tw-text-muted-foreground tw-col-span-4", children: isDotComUser ? isCodyProUser2 ? "Cody Pro" : "Cody Free" : "Enterprise" }),
+        /* @__PURE__ */ jsx("div", { children: "Endpoint:" }),
+        /* @__PURE__ */ jsx("div", { className: "tw-text-muted-foreground tw-col-span-4", children: endpoint })
+      ] })
+    ] }),
+    actions2.map((a2) => /* @__PURE__ */ jsx(
+      Button3,
       {
-        storageKey: "chat-help",
-        title: "Chat Help",
-        className: "tw-mb-6 tw-mt-2",
-        initialOpen: true,
-        children: [
-          /* @__PURE__ */ jsxs(FeatureRow, { icon: AtSign, children: [
-            "Type ",
-            /* @__PURE__ */ jsx(Kbd, { macOS: "@", linuxAndWindows: "@" }),
-            " to add context to your chat"
-          ] }),
-          IDE === CodyIDE.VSCode && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(FeatureRow, { icon: Text, children: [
-              "To add code context from an editor, right click and use",
-              " ",
-              /* @__PURE__ */ jsx(MenuExample, { children: "Cody > Add File/Selection to Cody Chat" })
-            ] }),
-            /* @__PURE__ */ jsxs(FeatureRow, { icon: MessageSquarePlus, children: [
-              "Start a new chat using ",
-              /* @__PURE__ */ jsx(Kbd, { macOS: "opt+L", linuxAndWindows: "alt+L" })
-            ] }),
-            /* @__PURE__ */ jsxs(FeatureRow, { icon: Settings, children: [
-              "Customize chat settings with the ",
-              /* @__PURE__ */ jsx(FeatureRowInlineIcon, { Icon: Settings }),
-              " ",
-              "button, or see the",
-              " ",
-              /* @__PURE__ */ jsx("a", { href: "https://sourcegraph.com/docs/cody", children: "documentation" })
-            ] })
-          ] })
-        ]
-      }
-    )
+        variant: "secondary",
+        className: "tw-w-full tw-bg-popover tw-border tw-border-border",
+        onClick: a2.onClick,
+        title: a2.text,
+        children: a2.text
+      },
+      a2.text
+    ))
   ] });
 };
-const MARGIN = 200;
-function createScrollerAPI(element2) {
-  return {
-    root: element2,
-    getObserveElement: () => element2.firstElementChild,
-    getScrollTop: () => element2.scrollTop,
-    getScrollHeight: () => element2.scrollHeight,
-    getClientHeight: () => element2.getBoundingClientRect().height
-  };
+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 ScrollDown = (props) => {
-  const { scrollableParent, onClick: parentOnClick } = props;
-  const [canScrollDown, setCanScrollDown] = useState(false);
-  const scrollerAPI = useMemo(() => createScrollerAPI(scrollableParent), [scrollableParent]);
-  useEffect(() => {
-    function calculateScrollState() {
-      const scrollTop = scrollerAPI.getScrollTop();
-      const scrollHeight = scrollerAPI.getScrollHeight();
-      const clientHeight = scrollerAPI.getClientHeight();
-      setCanScrollDown(scrollTop + clientHeight < scrollHeight - MARGIN);
-    }
-    calculateScrollState();
-    const resizeObserver = new ResizeObserver(() => {
-      calculateScrollState();
-    });
-    resizeObserver.observe(scrollerAPI.getObserveElement());
-    scrollerAPI.root.addEventListener("scroll", calculateScrollState);
-    return () => {
-      resizeObserver.disconnect();
-      scrollerAPI.root.removeEventListener("scroll", calculateScrollState);
-    };
-  }, [scrollerAPI]);
-  const onClick = useCallback(() => {
-    setCanScrollDown(false);
-    scrollerAPI.root.scrollTo({
-      top: scrollerAPI.getScrollHeight()
-    });
-    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__ */ 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,
-  transcript,
-  vscodeAPI,
-  isTranscriptError,
-  chatEnabled = true,
-  guardrails,
-  scrollableParent,
-  showWelcomeMessage = true,
-  showIDESnippetActions = true,
-  setView,
-  smartApplyEnabled
+const HistoryTab = ({
+  userHistory,
+  IDE,
+  webviewType,
+  multipleWebviewsEnabled,
+  setView
 }) => {
-  const telemetryRecorder = useTelemetryRecorder();
-  const transcriptRef = useRef(transcript);
-  transcriptRef.current = transcript;
-  const userInfo = useUserAccountInfo();
-  const feedbackButtonsOnSubmit = useCallback(
-    (text2) => {
-      var _a, _b;
-      let FeedbackType;
-      ((FeedbackType2) => {
-        FeedbackType2[FeedbackType2["thumbsUp"] = 1] = "thumbsUp";
-        FeedbackType2[FeedbackType2["thumbsDown"] = 0] = "thumbsDown";
-      })(FeedbackType || (FeedbackType = {}));
-      telemetryRecorder.recordEvent("cody.feedback", "submit", {
-        metadata: {
-          feedbackType: text2 === "thumbsUp" ? 1 : 0,
-          lastChatUsedEmbeddings: ((_b = (_a = transcriptRef.current.at(-1)) == null ? void 0 : _a.contextFiles) == null ? void 0 : _b.some((file) => file.source === "embeddings")) ? 1 : 0,
-          recordsPrivateMetadataTranscript: userInfo.isDotComUser ? 1 : 0
-        },
-        privateMetadata: {
-          FeedbackText: text2,
-          // 🚨 SECURITY: chat transcripts are to be included only for DotCom users AND for V2 telemetry
-          // V2 telemetry exports privateMetadata only for DotCom users
-          // the condition below is an aditional safegaurd measure
-          responseText: userInfo.isDotComUser ? truncateTextStart(transcriptRef.current.toString(), CHAT_INPUT_TOKEN_BUDGET) : ""
-        }
-      });
-    },
-    [userInfo, telemetryRecorder]
-  );
-  const copyButtonOnSubmit = useCallback(
-    (text2, eventType = "Button") => {
-      const op = "copy";
-      const code2 = eventType === "Button" ? text2.replace(/\n$/, "") : text2;
-      vscodeAPI.postMessage({
-        command: op,
-        eventType,
-        text: code2
-      });
-    },
-    [vscodeAPI]
+  const chatByPeriod = useMemo(
+    () => userHistory.filter((chat2) => chat2.interactions.length).reverse().reduce((acc, chat2) => {
+      const period = getRelativeChatPeriod(new Date(chat2.lastInteractionTimestamp));
+      acc.set(period, [...acc.get(period) || [], chat2]);
+      return acc;
+    }, /* @__PURE__ */ new Map()),
+    [userHistory]
   );
-  const insertButtonOnSubmit = useMemo(() => {
-    if (showIDESnippetActions) {
-      return (text2, newFile = false) => {
-        const op = newFile ? "newFile" : "insert";
-        vscodeAPI.postMessage({
-          command: op,
-          // remove the additional /n added by the text area at the end of the text
-          text: text2.replace(/\n$/, "")
-        });
-      };
-    }
-    return;
-  }, [vscodeAPI, showIDESnippetActions]);
-  const smartApply = useMemo(() => {
-    if (!showIDESnippetActions) {
-      return;
-    }
-    return {
-      onSubmit: (id2, text2, instruction, fileName) => {
-        vscodeAPI.postMessage({
-          command: "smartApplySubmit",
-          id: id2,
-          instruction: instruction == null ? void 0 : instruction.toString(),
-          // remove the additional /n added by the text area at the end of the text
-          code: text2.replace(/\n$/, ""),
-          fileName
-        });
-      },
-      onAccept: (id2) => {
-        vscodeAPI.postMessage({
-          command: "smartApplyAccept",
-          id: id2
-        });
-      },
-      onReject: (id2) => {
-        vscodeAPI.postMessage({
-          command: "smartApplyReject",
-          id: id2
+  const onDeleteButtonClick = useCallback(
+    (id2) => {
+      if (userHistory.find((chat2) => chat2.id === id2)) {
+        getVSCodeAPI().postMessage({
+          command: "command",
+          id: "cody.chat.history.clear",
+          arg: id2
         });
       }
-    };
-  }, [vscodeAPI, showIDESnippetActions]);
-  const postMessage = useCallback((msg) => vscodeAPI.postMessage(msg), [vscodeAPI]);
-  useEffect(() => {
-    function handleKeyDown(event) {
-      if (event.key === "Escape" && messageInProgress) {
-        vscodeAPI.postMessage({ command: "abort" });
-      }
-      if (event.metaKey && event.key === "o") {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    }
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [vscodeAPI, messageInProgress]);
-  useEffect(() => {
-    const onFocus = () => {
-      const sel = window.getSelection();
-      const focusNode = sel == null ? void 0 : sel.focusNode;
-      const focusElement = focusNode instanceof Element ? focusNode : focusNode == null ? void 0 : focusNode.parentElement;
-      const focusEditor = focusElement == null ? void 0 : focusElement.closest('[data-lexical-editor="true"]');
-      if (focusEditor) {
-        focusEditor.focus({ preventScroll: true });
-      }
-    };
-    window.addEventListener("focus", onFocus);
-    return () => {
-      window.removeEventListener("focus", onFocus);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !chatEnabled && /* @__PURE__ */ jsx("div", { className: styles$3.chatDisabled, children: "Cody chat is disabled by your Sourcegraph site administrator" }),
-    /* @__PURE__ */ jsx(
-      Transcript,
+    },
+    [userHistory]
+  );
+  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,
       {
-        transcript,
-        messageInProgress,
-        feedbackButtonsOnSubmit,
-        copyButtonOnSubmit,
-        insertButtonOnSubmit,
-        smartApply,
-        isTranscriptError,
-        userInfo,
-        chatEnabled,
-        postMessage,
-        guardrails,
-        smartApplyEnabled
-      }
-    ),
-    transcript.length === 0 && showWelcomeMessage && /* @__PURE__ */ jsx(WelcomeMessage, { IDE: userInfo.ide, setView }),
-    scrollableParent && /* @__PURE__ */ jsx(ScrollDown, { scrollableParent, onClick: focusLastHumanMessageEditor })
+        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"
+                  }
+                )
+              },
+              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(
+    Button3,
+    {
+      variant: "secondary",
+      className: "tw-w-full tw-bg-popover",
+      onClick: () => getVSCodeAPI().postMessage({
+        command: "command",
+        id: "cody.status-bar.interacted"
+      }),
+      children: "Cody Settings"
+    },
+    "settings"
+  ) });
+};
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var GROUP_NAME = "RovingFocusGroup";
@@ -74807,247 +74924,24 @@ var Root2 = Tabs2;
 var List = TabsList;
 var Trigger = TabsTrigger;
 var Content = TabsContent;
-const TabRoot = React__default.forwardRef(({ className, ...props }, ref2) => {
-  return /* @__PURE__ */ jsx(Root2, { ref: ref2, ...props, orientation: "vertical", className });
-});
-const TabContainer = React__default.forwardRef(({ className, ...props }, ref2) => {
-  return /* @__PURE__ */ jsx(
-    Content,
-    {
-      ref: ref2,
-      ...props,
-      className: "tw-h-full tw-flex tw-flex-col tw-overflow-auto tw-gap-4"
-    }
-  );
-});
-const AccountTab = () => {
-  const userInfo = useUserAccountInfo();
-  const { user, isCodyProUser: isCodyProUser2, isDotComUser, ide } = userInfo;
-  const { displayName, username, primaryEmail, endpoint } = user;
-  if (ide === CodyIDE.VSCode) {
-    return null;
-  }
-  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) {
-          const uri = URI.parse(ACCOUNT_USAGE_URL.toString()).with({
-            query: `cody_client_user=${encodeURIComponent(userInfo.user.username)}`
-          });
-          getVSCodeAPI().postMessage({ command: "links", value: uri.toString() });
-        }
-      }, [userInfo])
-    });
-  }
-  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: [
-      /* @__PURE__ */ jsx("div", { className: "tw-flex tw-justify-between tw-w-full tw-border-b tw-border-border tw-shadow-lg tw-shadow-border-500/50 tw-p-4 tw-pb-6", children: /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-self-stretch", children: [
-        /* @__PURE__ */ jsx(UserAvatar, { user, size: MESSAGE_CELL_AVATAR_SIZE }),
-        /* @__PURE__ */ jsxs("div", { className: "tw-ml-4", children: [
-          /* @__PURE__ */ jsx("p", { className: "tw-text-lg tw-font-semibold", children: displayName ?? username }),
-          /* @__PURE__ */ jsx("p", { className: "tw-text-sm tw-text-muted-foreground", children: primaryEmail })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "tw-grid tw-grid-cols-5 tw-gap-4", children: [
-        /* @__PURE__ */ jsx("div", { children: "Plan:" }),
-        /* @__PURE__ */ jsx("div", { className: "tw-text-muted-foreground tw-col-span-4", children: isDotComUser ? isCodyProUser2 ? "Cody Pro" : "Cody Free" : "Enterprise" }),
-        /* @__PURE__ */ jsx("div", { children: "Endpoint:" }),
-        /* @__PURE__ */ jsx("div", { className: "tw-text-muted-foreground tw-col-span-4", children: endpoint })
-      ] })
-    ] }),
-    actions2.map((a2) => /* @__PURE__ */ jsx(
-      Button3,
-      {
-        variant: "secondary",
-        className: "tw-w-full tw-bg-popover tw-border tw-border-border",
-        onClick: a2.onClick,
-        title: a2.text,
-        children: a2.text
-      },
-      a2.text
-    ))
-  ] });
-};
-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));
-      acc.set(period, [...acc.get(period) || [], chat2]);
-      return acc;
-    }, /* @__PURE__ */ new Map()),
-    [userHistory]
-  );
-  const onDeleteButtonClick = useCallback(
-    (id2) => {
-      if (userHistory.find((chat2) => chat2.id === id2)) {
-        getVSCodeAPI().postMessage({
-          command: "command",
-          id: "cody.chat.history.clear",
-          arg: id2
-        });
-      }
-    },
-    [userHistory]
-  );
-  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"
-                  }
-                )
-              },
-              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(
-    Button3,
-    {
-      variant: "secondary",
-      className: "tw-w-full tw-bg-popover",
-      onClick: () => getVSCodeAPI().postMessage({
-        command: "command",
-        id: "cody.status-bar.interacted"
-      }),
-      children: "Cody Settings"
-    },
-    "settings"
-  ) });
-};
-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 tabsRoot = "_tabs-root_1e23y_10";
+const tabsContainer = "_tabs-container_1e23y_18";
+const tabs = "_tabs_1e23y_10";
+const subTabs = "_sub-tabs_1e23y_42";
+const tabActionLabel = "_tab-action-label_1e23y_53";
+const tabsRootCodyWeb = "_tabs-root--cody-web_1e23y_65";
+const dialogOverlay = "_dialog-overlay_1e23y_1";
+const dialogContent = "_dialog-content_1e23y_1";
+const dialogTitle = "_dialog-title_1e23y_1";
+const dialogDescription = "_dialog-description_1e23y_1";
+const dialogFooter = "_dialog-footer_1e23y_1";
 const styles$2 = {
   tabsRoot,
   tabsContainer,
   tabs,
   subTabs,
   tabActionLabel,
-  tooltip,
+  tabsRootCodyWeb,
   dialogOverlay,
   dialogContent,
   dialogTitle,
@@ -75057,6 +74951,9 @@ const styles$2 = {
 const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
   var _a;
   const tabItems = useTabs({ IDE, onDownloadChatClick });
+  const {
+    config: { webviewType, multipleWebviewsEnabled }
+  } = useConfig();
   const currentViewSubActions = ((_a = tabItems.find((tab2) => tab2.view === currentView)) == null ? void 0 : _a.subActions) ?? [];
   const handleClick = useCallback(
     (view, command, changesView) => {
@@ -75069,35 +74966,60 @@ const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
     },
     [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}`
+  const handleSubActionClick = useCallback(
+    (action) => {
+      if (action.callback) {
+        action.callback();
+      } else {
+        getVSCodeAPI().postMessage({
+          command: "command",
+          id: action.command,
+          arg: action.arg
+        });
       }
-    ) }, view)) }),
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx("div", { className: clsx$1(styles$2.tabsRoot, { [styles$2.tabsRootCodyWeb]: IDE === CodyIDE.Web }), children: /* @__PURE__ */ jsxs(List, { "aria-label": "cody-webview", className: styles$2.tabsContainer, children: [
+    /* @__PURE__ */ jsxs("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,
+          IDE,
+          isActive: currentView === view,
+          onClick: () => handleClick(view, command, changesView),
+          "data-testid": `tab-${view}`
+        }
+      ) }, view)),
+      /* @__PURE__ */ jsx("div", { className: "tw-ml-auto", children: /* @__PURE__ */ jsx(
+        TabButton,
+        {
+          prominent: true,
+          Icon: MessageSquarePlus,
+          title: "New Chat",
+          IDE,
+          alwaysShowTitle: true,
+          tooltipExtra: /* @__PURE__ */ jsx(Fragment, { children: IDE === CodyIDE.VSCode && /* @__PURE__ */ jsx(Kbd, { macOS: "shift+opt+l", linuxAndWindows: "shift+alt+l" }) }),
+          onClick: () => handleSubActionClick({
+            command: getCreateNewChatCommand({
+              IDE,
+              webviewType,
+              multipleWebviewsEnabled
+            })
+          })
+        }
+      ) })
+    ] }),
     /* @__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,
+        IDE,
+        alwaysShowTitle: true,
         tooltipExtra: subAction.tooltipExtra,
         dialogTitle: subAction.confirmation.title,
         dialogDescription: subAction.confirmation.description,
@@ -75109,18 +75031,20 @@ const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
       {
         Icon: subAction.Icon,
         title: subAction.title,
-        alwaysShowTitle: subAction.alwaysShowTitle,
+        uri: subAction.uri,
+        IDE,
+        alwaysShowTitle: true,
         tooltipExtra: subAction.tooltipExtra,
-        onClick: () => handleSubActionClick(subAction),
-        prominent: true
+        onClick: () => handleSubActionClick(subAction)
       }
-    ) }, subAction.command)) })
+    ) }, `${subAction.command}/${subAction.uri ?? ""}`)) })
   ] }) });
 };
 const ActionButtonWithConfirmation = (props) => {
   const {
     title: title2,
     Icon: Icon2,
+    IDE,
     prominent,
     alwaysShowTitle,
     tooltipExtra,
@@ -75139,6 +75063,7 @@ const ActionButtonWithConfirmation = (props) => {
         alwaysShowTitle,
         tooltipExtra,
         prominent,
+        IDE,
         onClick: () => setState(true)
       }
     ),
@@ -75165,25 +75090,32 @@ const ActionButtonWithConfirmation = (props) => {
     ] })
   ] });
 };
-const TabButton = forwardRef(
-  ({
+const TabButton = forwardRef((props, ref2) => {
+  const {
+    IDE,
     Icon: Icon2,
     isActive,
     onClick,
+    uri,
     title: title2,
     alwaysShowTitle,
     tooltipExtra,
     prominent,
     "data-testid": dataTestId
-  }, ref2) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+  } = props;
+  const Component = uri ? "a" : "button";
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
+      Component,
       {
-        type: "button",
-        onClick,
+        type: uri ? void 0 : "button",
+        onClick: uri ? void 0 : onClick,
+        href: uri,
+        target: "_blank",
+        rel: "noopener noreferrer",
         ref: ref2,
         className: clsx$1(
-          "tw-flex tw-gap-3 tw-items-center tw-leading-none tw-py-3 tw-px-2 tw-opacity-80 hover:tw-opacity-100 tw-border-b-[1px] tw-border-transparent tw-transition tw-translate-y-[1px]",
+          "tw-flex tw-gap-3 tw-items-center tw-leading-none tw-py-3 tw-px-2 !tw-font-normal !tw-text-inherit tw-opacity-80 hover:tw-opacity-100 tw-border-b-[1px] tw-border-transparent tw-transition tw-translate-y-[1px]",
           {
             "!tw-opacity-100 !tw-border-[var(--vscode-tab-activeBorderTop)]": isActive,
             "!tw-opacity-100": prominent
@@ -75196,18 +75128,18 @@ const TabButton = forwardRef(
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(TooltipContent, { className: styles$2.tooltip, children: [
+    /* @__PURE__ */ jsxs(TooltipContent, { portal: IDE === CodyIDE.Web, children: [
       title2,
       " ",
       tooltipExtra
     ] })
-  ] })
-);
+  ] });
+});
 TabButton.displayName = "TabButton";
 function useTabs(input) {
   const { IDE, onDownloadChatClick } = input;
   const {
-    config: { webviewType, multipleWebviewsEnabled }
+    config: { multipleWebviewsEnabled, serverEndpoint }
   } = useConfig();
   return useMemo(
     () => [
@@ -75215,24 +75147,6 @@ function useTabs(input) {
         view: View.Chat,
         title: "Chat",
         Icon: MessagesSquare,
-        subActions: [
-          {
-            title: "New Chat",
-            alwaysShowTitle: true,
-            tooltipExtra: /* @__PURE__ */ jsx(Fragment, { children: IDE === CodyIDE.VSCode && /* @__PURE__ */ jsx(Kbd, { macOS: "shift+opt+l", linuxAndWindows: "shift+alt+l" }) }),
-            Icon: MessageSquarePlus,
-            command: getCreateNewChatCommand({
-              IDE,
-              webviewType,
-              multipleWebviewsEnabled
-            })
-          },
-          multipleWebviewsEnabled ? {
-            title: "Open in Editor",
-            Icon: Columns2,
-            command: "cody.chat.moveToEditor"
-          } : null
-        ].filter(isDefined),
         changesView: true
       },
       {
@@ -75241,13 +75155,13 @@ function useTabs(input) {
         Icon: History,
         subActions: [
           {
-            title: "Export History",
+            title: "Export",
             Icon: Download,
             command: "cody.chat.history.export",
             callback: onDownloadChatClick
           },
           {
-            title: "Clear Chat History",
+            title: "Delete all",
             Icon: Trash2,
             command: "cody.chat.history.clear",
             // Show Cody Chat UI confirmation modal with this message only for
@@ -75270,7 +75184,21 @@ function useTabs(input) {
         view: View.Prompts,
         title: IDE === CodyIDE.Web ? "Prompts" : "Prompts & Commands",
         Icon: BookText,
-        changesView: true
+        changesView: true,
+        subActions: [
+          {
+            title: "Create prompt",
+            Icon: CirclePlus,
+            command: "",
+            uri: `${serverEndpoint}prompts/new`
+          },
+          {
+            title: "Open prompts library",
+            Icon: ExternalLink,
+            command: "",
+            uri: `${serverEndpoint}prompts`
+          }
+        ]
       },
       multipleWebviewsEnabled ? {
         view: View.Settings,
@@ -75286,9 +75214,195 @@ function useTabs(input) {
         changesView: IDE !== CodyIDE.VSCode
       } : null
     ].filter(isDefined),
-    [IDE, webviewType, onDownloadChatClick, multipleWebviewsEnabled]
+    [IDE, onDownloadChatClick, multipleWebviewsEnabled, serverEndpoint]
   );
 }
+const Chat = ({
+  IDE,
+  messageInProgress,
+  transcript,
+  vscodeAPI,
+  isTranscriptError,
+  chatEnabled = true,
+  guardrails,
+  scrollableParent,
+  showWelcomeMessage = true,
+  showIDESnippetActions = true,
+  setView,
+  smartApplyEnabled
+}) => {
+  const telemetryRecorder = useTelemetryRecorder();
+  const transcriptRef = useRef(transcript);
+  transcriptRef.current = transcript;
+  const userInfo = useUserAccountInfo();
+  const feedbackButtonsOnSubmit = useCallback(
+    (text2) => {
+      var _a, _b;
+      let FeedbackType;
+      ((FeedbackType2) => {
+        FeedbackType2[FeedbackType2["thumbsUp"] = 1] = "thumbsUp";
+        FeedbackType2[FeedbackType2["thumbsDown"] = 0] = "thumbsDown";
+      })(FeedbackType || (FeedbackType = {}));
+      telemetryRecorder.recordEvent("cody.feedback", "submit", {
+        metadata: {
+          feedbackType: text2 === "thumbsUp" ? 1 : 0,
+          lastChatUsedEmbeddings: ((_b = (_a = transcriptRef.current.at(-1)) == null ? void 0 : _a.contextFiles) == null ? void 0 : _b.some((file) => file.source === "embeddings")) ? 1 : 0,
+          recordsPrivateMetadataTranscript: userInfo.isDotComUser ? 1 : 0
+        },
+        privateMetadata: {
+          FeedbackText: text2,
+          // 🚨 SECURITY: chat transcripts are to be included only for DotCom users AND for V2 telemetry
+          // V2 telemetry exports privateMetadata only for DotCom users
+          // the condition below is an aditional safegaurd measure
+          responseText: userInfo.isDotComUser ? truncateTextStart(transcriptRef.current.toString(), CHAT_INPUT_TOKEN_BUDGET) : ""
+        }
+      });
+    },
+    [userInfo, telemetryRecorder]
+  );
+  const copyButtonOnSubmit = useCallback(
+    (text2, eventType = "Button") => {
+      const op = "copy";
+      const code2 = eventType === "Button" ? text2.replace(/\n$/, "") : text2;
+      vscodeAPI.postMessage({
+        command: op,
+        eventType,
+        text: code2
+      });
+    },
+    [vscodeAPI]
+  );
+  const insertButtonOnSubmit = useMemo(() => {
+    if (showIDESnippetActions) {
+      return (text2, newFile = false) => {
+        const op = newFile ? "newFile" : "insert";
+        vscodeAPI.postMessage({
+          command: op,
+          // remove the additional /n added by the text area at the end of the text
+          text: text2.replace(/\n$/, "")
+        });
+      };
+    }
+    return;
+  }, [vscodeAPI, showIDESnippetActions]);
+  const smartApply = useMemo(() => {
+    if (!showIDESnippetActions) {
+      return;
+    }
+    return {
+      onSubmit: (id2, text2, instruction, fileName) => {
+        vscodeAPI.postMessage({
+          command: "smartApplySubmit",
+          id: id2,
+          instruction: instruction == null ? void 0 : instruction.toString(),
+          // remove the additional /n added by the text area at the end of the text
+          code: text2.replace(/\n$/, ""),
+          fileName
+        });
+      },
+      onAccept: (id2) => {
+        vscodeAPI.postMessage({
+          command: "smartApplyAccept",
+          id: id2
+        });
+      },
+      onReject: (id2) => {
+        vscodeAPI.postMessage({
+          command: "smartApplyReject",
+          id: id2
+        });
+      }
+    };
+  }, [vscodeAPI, showIDESnippetActions]);
+  const postMessage = useCallback((msg) => vscodeAPI.postMessage(msg), [vscodeAPI]);
+  useEffect(() => {
+    function handleKeyDown(event) {
+      if (event.key === "Escape" && messageInProgress) {
+        vscodeAPI.postMessage({ command: "abort" });
+      }
+      if (event.metaKey && event.key === "o") {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [vscodeAPI, messageInProgress]);
+  useEffect(() => {
+    const onFocus = () => {
+      const sel = window.getSelection();
+      const focusNode = sel == null ? void 0 : sel.focusNode;
+      const focusElement = focusNode instanceof Element ? focusNode : focusNode == null ? void 0 : focusNode.parentElement;
+      const focusEditor = focusElement == null ? void 0 : focusElement.closest('[data-lexical-editor="true"]');
+      if (focusEditor) {
+        focusEditor.focus({ preventScroll: true });
+      }
+    };
+    window.addEventListener("focus", onFocus);
+    return () => {
+      window.removeEventListener("focus", onFocus);
+    };
+  }, []);
+  const dispatchClientAction = useClientActionDispatcher();
+  const handleScrollDownClick = useCallback(() => {
+    if (transcript.length === 0) {
+      return;
+    }
+    focusLastHumanMessageEditor();
+  }, [transcript]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !chatEnabled && /* @__PURE__ */ jsx("div", { className: styles$3.chatDisabled, children: "Cody chat is disabled by your Sourcegraph site administrator" }),
+    /* @__PURE__ */ jsx(
+      Transcript,
+      {
+        transcript,
+        messageInProgress,
+        feedbackButtonsOnSubmit,
+        copyButtonOnSubmit,
+        insertButtonOnSubmit,
+        smartApply,
+        isTranscriptError,
+        userInfo,
+        chatEnabled,
+        postMessage,
+        guardrails,
+        smartApplyEnabled
+      }
+    ),
+    transcript.length === 0 && /* @__PURE__ */ jsx(
+      PromptList,
+      {
+        telemetryLocation: "ChatTab",
+        showSearch: false,
+        showSwitchToPromptAction: true,
+        showInitialSelectedItem: false,
+        showCommandOrigins: true,
+        showPromptLibraryUnsupportedMessage: false,
+        className: "tw-rounded-none tw-px-4 tw-flex-shrink-0",
+        onSelectActionLabels: onPromptSelectInPanelActionLabels,
+        onSwitchToPromptsTab: () => setView(View.Prompts),
+        onSelect: (item2) => onPromptSelectInPanel(item2, setView, dispatchClientAction)
+      }
+    ),
+    transcript.length === 0 && showWelcomeMessage && /* @__PURE__ */ jsx(WelcomeMessage, { IDE: userInfo.ide, setView }),
+    scrollableParent && /* @__PURE__ */ jsx(ScrollDown, { scrollableParent, onClick: handleScrollDownClick })
+  ] });
+};
+const TabRoot = React__default.forwardRef(({ className, ...props }, ref2) => {
+  return /* @__PURE__ */ jsx(Root2, { ref: ref2, ...props, orientation: "vertical", className });
+});
+const TabContainer = React__default.forwardRef(({ className, ...props }, ref2) => {
+  return /* @__PURE__ */ jsx(
+    Content,
+    {
+      ref: ref2,
+      ...props,
+      className: "tw-h-full tw-flex tw-flex-col tw-overflow-auto tw-gap-4"
+    }
+  );
+});
 const CodyPanel = ({
   view,
   setView,
@@ -75339,6 +75453,7 @@ const CodyPanel = ({
           view === View.Chat && /* @__PURE__ */ jsx(
             Chat,
             {
+              IDE: config.agentIDE || CodyIDE.VSCode,
               chatEnabled,
               messageInProgress,
               transcript,
@@ -75362,7 +75477,7 @@ const CodyPanel = ({
               userHistory
             }
           ),
-          view === View.Prompts && /* @__PURE__ */ jsx(PromptsTab, { setView }),
+          view === View.Prompts && /* @__PURE__ */ jsx(PromptsTab, { setView, IDE: config.agentIDE || CodyIDE.VSCode }),
           view === View.Account && /* @__PURE__ */ jsx(AccountTab, {}),
           view === View.Settings && /* @__PURE__ */ jsx(SettingsTab, {})
         ] })
@@ -75385,7 +75500,7 @@ const ErrorBanner = ({ errors, setErrors }) => /* @__PURE__ */ jsx("div", { clas
     )
   ] }, i2)
 )) });
-function getAppWrappers(vscodeAPI, telemetryRecorder, chatModelContext, clientState, config, chatEnvironmentContext) {
+function getAppWrappers(vscodeAPI, telemetryRecorder, clientState, config, chatEnvironmentContext) {
   return [
     {
       provider: TelemetryRecorderContext.Provider,
@@ -75395,10 +75510,6 @@ function getAppWrappers(vscodeAPI, telemetryRecorder, chatModelContext, clientSt
       component: ExtensionAPIProviderFromVSCodeAPI,
       props: { vscodeAPI }
     },
-    {
-      provider: ChatModelContextProvider,
-      value: chatModelContext
-    },
     {
       provider: ClientStateContextProvider,
       value: clientState
@@ -75723,9 +75834,6 @@ const CodyWebChat = ({
     }
   ) }) });
 };
-const CONTEXT_MENTIONS_SETTINGS = {
-  resolutionMode: "remote"
-};
 const CodyWebPanel = (props) => {
   const { vscodeAPI, initialContext, className } = props;
   const dispatchClientAction = useClientActionDispatcher();
@@ -75733,7 +75841,6 @@ const CodyWebPanel = (props) => {
   const [isTranscriptError, setIsTranscriptError] = useState(false);
   const [messageInProgress, setMessageInProgress] = useState(null);
   const [transcript, setTranscript] = useState([]);
-  const [chatModels, setChatModels] = useState();
   const [config, setConfig] = useState(null);
   const [view, setView] = useState();
   const [userHistory, setUserHistory] = useState();
@@ -75765,9 +75872,6 @@ const CodyWebPanel = (props) => {
         case "transcript-errors":
           setIsTranscriptError(message2.isTranscriptError);
           break;
-        case "chatModels":
-          setChatModels(message2.models);
-          break;
         case "config":
           message2.config.webviewType = "sidebar";
           message2.config.multipleWebviewsEnabled = false;
@@ -75783,26 +75887,6 @@ const CodyWebPanel = (props) => {
     });
   }, [vscodeAPI, dispatchClientAction]);
   const telemetryRecorder = useMemo(() => createWebviewTelemetryRecorder(vscodeAPI), [vscodeAPI]);
-  const onCurrentChatModelChange = useCallback(
-    (selected) => {
-      if (!chatModels || !setChatModels) {
-        return;
-      }
-      vscodeAPI.postMessage({
-        command: "chatModel",
-        model: selected.id
-      });
-    },
-    [chatModels, vscodeAPI]
-  );
-  const chatModelContext = useMemo(
-    () => ({
-      chatModels,
-      onCurrentChatModelChange,
-      serverSentModelsEnabled: config == null ? void 0 : config.configFeatures.serverSentModels
-    }),
-    [chatModels, onCurrentChatModelChange, config]
-  );
   const clientState = useMemo(() => {
     const { repository, fileURL, isDirectory } = initialContext ?? {};
     if (!repository) {
@@ -75863,10 +75947,17 @@ const CodyWebPanel = (props) => {
   }, [initialContext]);
   const envVars = useMemo(() => ({ clientType: CodyIDE.Web }), []);
   const wrappers = useMemo(
-    () => getAppWrappers(vscodeAPI, telemetryRecorder, chatModelContext, clientState, config, envVars),
-    [vscodeAPI, telemetryRecorder, chatModelContext, clientState, config, envVars]
+    () => getAppWrappers(vscodeAPI, telemetryRecorder, clientState, config, envVars),
+    [vscodeAPI, telemetryRecorder, clientState, config, envVars]
   );
-  const isLoading = !chatModels || !config || !view || !userHistory;
+  const CONTEXT_MENTIONS_SETTINGS = useMemo(() => {
+    const { repository } = initialContext ?? {};
+    return {
+      resolutionMode: "remote",
+      remoteRepositoriesNames: (repository == null ? void 0 : repository.name) ? [repository.name] : []
+    };
+  }, [initialContext]);
+  const isLoading = !config || !view || !userHistory;
   return /* @__PURE__ */ jsx("div", { className, "data-cody-web-chat": true, children: !isLoading && /* @__PURE__ */ jsx(ChatEnvironmentContext.Provider, { value: envVars, children: /* @__PURE__ */ jsx(ChatMentionContext.Provider, { value: CONTEXT_MENTIONS_SETTINGS, children: /* @__PURE__ */ jsx(ComposedWrappers, { wrappers, children: /* @__PURE__ */ jsx(
     CodyPanel,
     {