@sourcegraph/cody-web 0.31.1 → 0.32.1

package/dist/index.js

@@ -2,10 +2,10 @@ 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 as Fragment$1 } from "react/jsx-runtime";
-import { i as getDefaultExportFromCjs, L as Ls, k as ke$1, j as ks, F as Fi$1, _ as _s, m as ds, n as bs, o 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, u as ws, B as B$2, v as g$5, z as h$4, A as _i, S as Ss, E as Br, G as ln, H as bi$1, I as vn, M as xn, N as Nn, O as mn, Q as li$1, V as n$1, W as ns, X as M$4, Y as Ds, Z as le$2, $ as c$3, a0 as oe$2, a1 as z$1, a2 as yi$1, a3 as W$2, a4 as Ue$1, a5 as I$2, a6 as Se$2, a7 as O$2, a8 as F$1, a9 as Ni$1, aa as ee$1, ab as we$2, ac as b$2, ad as T$3, ae as s$2, af as o$4, ag as w$3, ah as i$2, ai as k$3, aj as D$5, ak as p$8, al as m$8, am as S$4, an as v$4, ao as P$2, ap as E$6, aq as Wi$1, ar as L$3, as as d$2, at as a$3, au as l$2, av as f$2, aw as u$6, ax as r$5, ay as t$2, az as FILE_CONTEXT_MENTION_PROVIDER, aA as SYMBOL_CONTEXT_MENTION_PROVIDER, aB as REMOTE_REPOSITORY_PROVIDER_URI, aC as REMOTE_FILE_PROVIDER_URI, aD as REMOTE_DIRECTORY_PROVIDER_URI, aE as WEB_PROVIDER_URI, aF as RULES_PROVIDER_URI, aG as displayPath, aH as displayLineRange, aI as displayPathDirname, aJ as displayPathBasename, aK as IGNORED_FILE_WARNING_LABEL, aL as LARGE_FILE_WARNING_LABEL, aM as Ei$1, aN as xe$2, aO as V$2, aP as Es, aQ as U$2, aR as e, aS as Ns, aT as object, aU as literal, aV as string$2, C as ContextItemSource, aW as displayPathWithLines, aX as URI, aY as is$2, aZ as gs, a_ as serializeContextItem, a$ as CONTEXT_ITEM_MENTION_NODE_TYPE, b0 as contextItemMentionNodeDisplayText, b1 as an, b2 as qr, b3 as _$2, b4 as TEMPLATE_INPUT_NODE_TYPE, b5 as N$2, b6 as parseMentionQuery, b7 as NO_SYMBOL_MATCHES_HELP_LABEL, b8 as FILE_RANGE_TOOLTIP_LABEL, b9 as Observable, ba as createExtensionAPI, bb as createMessageAPIForWebview, bc as debounce, bd as memoizeLastValue, be as toSerializedPromptEditorValue$1, bf as ri$1, bg as isEqual, bh as scanForMentionTriggerInUserTextInput, bi as fs, bj as Ts, bk as ps, bl as getMentionOperations, bm as forceHydration, bn as hydrateAfterPostMessage, bo as isDotCom, bp as isAuthError, bq as isAvailabilityError, br as isSourcegraphToken, bs as trace, bt as context$1, bu as SpanStatusCode, bv as FeatureFlag, h as commonjsGlobal, bw as svg, bx as html$2, by as whitespace, bz as find, bA as stringify, bB as stringify$1, bC as ccount, bD as isCodyProUser, bE as CodyIDE, bF as CodyTaskState, bG as cryptoJsExports, bH as isError, bI as RateLimitError, bJ as upperFirst, bK as lodashExports, bL as createContextItem, bM as isDefined, bN as isCodeSearchContextItem, bO as reformatBotMessageForChat, bP as isAbortErrorOrSocketHangUp, bQ as ModelTag, bR as DeepCodyAgentID, bS as serializedPromptEditorStateFromChatMessage, bT as contextItemsFromPromptEditorValue, bU as filterContextItemsFromPromptEditorValue, bV as CustomCommandType, bW as View, bX as isCodyProModel, bY as ToolCodyModelName, bZ as getRelativeChatPeriod, b_ as isMacOS, b$ as firstResultFromOperation, c0 as ENTERPRISE_STARTER_LEARN_MORE_URL, c1 as CODY_PRO_SUBSCRIPTION_URL, c2 as ACCOUNT_USAGE_URL, c3 as ENTERPRISE_STARTER_PRICING_URL, c4 as textContentFromSerializedLexicalNode, c5 as firstValueFrom, c6 as skipPendingOperation, c7 as FAST_CHAT_INPUT_TOKEN_BUDGET, c8 as webviewOpenURIForContextItem, c9 as pluralize$1, ca as serializedPromptEditorStateFromText, cb as deserializeContextItem, cc as S2_URL, cd as browser, ce as CodyAutoSuggestionMode, cf as isErrorLike, cg as PromptString, ch as setDisplayPathEnvInfo, U as Uri } from "./vscode-shim-BMQfq1RF.mjs";
-import { cj, ci } from "./vscode-shim-BMQfq1RF.mjs";
+import { i as getDefaultExportFromCjs, L as Ls, k as ke$1, j as ks, F as Fi$1, _ as _s, m as ds, n as bs, o 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, u as ws, B as B$2, v as g$5, z as h$4, A as _i, S as Ss, E as Br, G as ln, H as bi$1, I as vn, M as xn, N as Nn, O as mn, Q as li$1, V as M$4, W as Ds, X as n$1, Y as ns, Z as le$2, $ as c$3, a0 as t$2, a1 as oe$2, a2 as z$1, a3 as yi$1, a4 as W$2, a5 as Ue$1, a6 as I$2, a7 as Se$2, a8 as O$2, a9 as F$1, aa as Ni$1, ab as ee$1, ac as we$2, ad as b$2, ae as T$3, af as s$2, ag as o$4, ah as w$3, ai as i$2, aj as k$3, ak as D$5, al as p$8, am as m$8, an as S$4, ao as v$4, ap as P$2, aq as E$6, ar as Wi$1, as as L$3, at as d$2, au as a$3, av as l$2, aw as f$2, ax as u$6, ay as r$5, az as RULES_PROVIDER_URI, aA as WEB_PROVIDER_URI, aB as REMOTE_DIRECTORY_PROVIDER_URI, aC as REMOTE_FILE_PROVIDER_URI, aD as REMOTE_REPOSITORY_PROVIDER_URI, aE as SYMBOL_CONTEXT_MENTION_PROVIDER, aF as FILE_CONTEXT_MENTION_PROVIDER, aG as displayPathBasename, aH as displayPath, aI as displayLineRange, aJ as displayPathDirname, aK as IGNORED_FILE_WARNING_LABEL, aL as LARGE_FILE_WARNING_LABEL, aM as xe$2, aN as Ei$1, aO as V$2, aP as Es, aQ as U$2, aR as e, aS as Ns, aT as displayPathWithLines, C as ContextItemSource, aU as URI, aV as is$2, aW as object, aX as literal, aY as string$2, aZ as gs, a_ as serializeContextItem, a$ as CONTEXT_ITEM_MENTION_NODE_TYPE, b0 as contextItemMentionNodeDisplayText, b1 as an, b2 as qr, b3 as _$2, b4 as TEMPLATE_INPUT_NODE_TYPE, b5 as N$2, b6 as parseMentionQuery, b7 as FILE_RANGE_TOOLTIP_LABEL, b8 as NO_SYMBOL_MATCHES_HELP_LABEL, b9 as createExtensionAPI, ba as createMessageAPIForWebview, bb as Observable, bc as debounce, bd as memoizeLastValue, be as toSerializedPromptEditorValue$1, bf as ri$1, bg as isEqual, bh as scanForMentionTriggerInUserTextInput, bi as fs, bj as Ts, bk as ps, bl as getMentionOperations, bm as forceHydration, bn as hydrateAfterPostMessage, bo as isDotCom, bp as isAuthError, bq as isAvailabilityError, br as isSourcegraphToken, bs as trace, bt as context$1, bu as SpanStatusCode, bv as FeatureFlag, h as commonjsGlobal, bw as svg, bx as html$2, by as whitespace, bz as find, bA as stringify, bB as stringify$1, bC as ccount, bD as isCodyProUser, bE as CodyIDE, bF as CodyTaskState, bG as cryptoJsExports, bH as LRUCache, bI as isError, bJ as RateLimitError, bK as upperFirst, bL as lodashExports, bM as createContextItem, bN as isDefined, bO as isCodeSearchContextItem, bP as reformatBotMessageForChat, bQ as isAbortErrorOrSocketHangUp, bR as ModelTag, bS as DeepCodyAgentID, bT as serializedPromptEditorStateFromChatMessage, bU as contextItemsFromPromptEditorValue, bV as filterContextItemsFromPromptEditorValue, bW as CustomCommandType, bX as View, bY as isCodyProModel, bZ as ToolCodyModelName, b_ as getRelativeChatPeriod, b$ as isMacOS, c0 as firstResultFromOperation, c1 as ENTERPRISE_STARTER_LEARN_MORE_URL, c2 as CODY_PRO_SUBSCRIPTION_URL, c3 as ACCOUNT_USAGE_URL, c4 as ENTERPRISE_STARTER_PRICING_URL, c5 as textContentFromSerializedLexicalNode, c6 as firstValueFrom, c7 as skipPendingOperation, c8 as FAST_CHAT_INPUT_TOKEN_BUDGET, c9 as webviewOpenURIForContextItem, ca as pluralize$1, cb as deserializeContextItem, cc as serializedPromptEditorStateFromText, cd as S2_URL, ce as browser, cf as CodyAutoSuggestionMode, cg as isErrorLike, ch as PromptString, ci as setDisplayPathEnvInfo, U as Uri } from "./vscode-shim-BmcAncjv.mjs";
+import { ck, cj } from "./vscode-shim-BmcAncjv.mjs";
 import * as React$2 from "react";
-import React__default, { createContext, useContext, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, useEffect as useEffect$2, forwardRef, useState as useState$1, useCallback, useRef as useRef$1, Suspense, createElement, memo as memo$1, useImperativeHandle, Children, isValidElement, cloneElement, Fragment as Fragment$2, useReducer } from "react";
+import React__default, { createContext, useContext, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, useEffect as useEffect$2, forwardRef, useState as useState$1, useCallback, useRef as useRef$1, Suspense, createElement, memo as memo$1, useImperativeHandle, Fragment as Fragment$2, Children, isValidElement, cloneElement, useReducer } from "react";
 var classnames = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -3641,7 +3641,7 @@ function bi() {
   Uh = 0;
   return a2;
 }
-function ci2() {
+function ci() {
   var a2 = { memoizedState: null, baseState: null, baseQueue: null, queue: null, next: null };
   null === P$1 ? N$1.memoizedState = P$1 = a2 : P$1 = P$1.next = a2;
   return P$1;
@@ -3779,7 +3779,7 @@ function pi(a2) {
   null !== b2 && mh(b2, a2, 1, -1);
 }
 function qi(a2) {
-  var b2 = ci2();
+  var b2 = ci();
   "function" === typeof a2 && (a2 = a2());
   b2.memoizedState = b2.baseState = a2;
   a2 = { pending: null, interleaved: null, lanes: 0, dispatch: null, lastRenderedReducer: ei, lastRenderedState: a2 };
@@ -3797,7 +3797,7 @@ function si() {
   return di().memoizedState;
 }
 function ti(a2, b2, c2, d2) {
-  var e2 = ci2();
+  var e2 = ci();
   N$1.flags |= a2;
   e2.memoizedState = li(1 | b2, c2, void 0, void 0 === d2 ? null : d2);
 }
@@ -3931,7 +3931,7 @@ function Ji(a2, b2, c2) {
   }
 }
 var ai = { readContext: Vg, useCallback: Q$1, useContext: Q$1, useEffect: Q$1, useImperativeHandle: Q$1, useInsertionEffect: Q$1, useLayoutEffect: Q$1, useMemo: Q$1, useReducer: Q$1, useRef: Q$1, useState: Q$1, useDebugValue: Q$1, useDeferredValue: Q$1, useTransition: Q$1, useMutableSource: Q$1, useSyncExternalStore: Q$1, useId: Q$1, unstable_isNewReconciler: false }, Yh = { readContext: Vg, useCallback: function(a2, b2) {
-  ci2().memoizedState = [a2, void 0 === b2 ? null : b2];
+  ci().memoizedState = [a2, void 0 === b2 ? null : b2];
   return a2;
 }, useContext: Vg, useEffect: vi, useImperativeHandle: function(a2, b2, c2) {
   c2 = null !== c2 && void 0 !== c2 ? c2.concat([a2]) : null;
@@ -3946,13 +3946,13 @@ var ai = { readContext: Vg, useCallback: Q$1, useContext: Q$1, useEffect: Q$1, u
 }, useInsertionEffect: function(a2, b2) {
   return ti(4, 2, a2, b2);
 }, useMemo: function(a2, b2) {
-  var c2 = ci2();
+  var c2 = ci();
   b2 = void 0 === b2 ? null : b2;
   a2 = a2();
   c2.memoizedState = [a2, b2];
   return a2;
 }, useReducer: function(a2, b2, c2) {
-  var d2 = ci2();
+  var d2 = ci();
   b2 = void 0 !== c2 ? c2(b2) : b2;
   d2.memoizedState = d2.baseState = b2;
   a2 = { pending: null, interleaved: null, lanes: 0, dispatch: null, lastRenderedReducer: a2, lastRenderedState: b2 };
@@ -3960,19 +3960,19 @@ var ai = { readContext: Vg, useCallback: Q$1, useContext: Q$1, useEffect: Q$1, u
   a2 = a2.dispatch = Gi.bind(null, N$1, a2);
   return [d2.memoizedState, a2];
 }, useRef: function(a2) {
-  var b2 = ci2();
+  var b2 = ci();
   a2 = { current: a2 };
   return b2.memoizedState = a2;
 }, useState: qi, useDebugValue: Ai, useDeferredValue: function(a2) {
-  return ci2().memoizedState = a2;
+  return ci().memoizedState = a2;
 }, useTransition: function() {
   var a2 = qi(false), b2 = a2[0];
   a2 = Ei.bind(null, a2[1]);
-  ci2().memoizedState = a2;
+  ci().memoizedState = a2;
   return [b2, a2];
 }, useMutableSource: function() {
 }, useSyncExternalStore: function(a2, b2, c2) {
-  var d2 = N$1, e2 = ci2();
+  var d2 = N$1, e2 = ci();
   if (I) {
     if (void 0 === c2) throw Error(p$3(407));
     c2 = c2();
@@ -3994,7 +3994,7 @@ var ai = { readContext: Vg, useCallback: Q$1, useContext: Q$1, useEffect: Q$1, u
   li(9, mi.bind(null, d2, f2, c2, b2), void 0, null);
   return c2;
 }, useId: function() {
-  var a2 = ci2(), b2 = R$2.identifierPrefix;
+  var a2 = ci(), b2 = R$2.identifierPrefix;
   if (I) {
     var c2 = sg;
     var d2 = rg;
@@ -5269,7 +5269,7 @@ function bk(a2) {
     var c2 = a2.stateNode;
     null === c2 && (c2 = a2.stateNode = new Lj());
     b2.forEach(function(b3) {
-      var d2 = ck.bind(null, a2, b3);
+      var d2 = ck2.bind(null, a2, b3);
       c2.has(b3) || (c2.add(b3), b3.then(d2, d2));
     });
   }
@@ -6447,7 +6447,7 @@ function vj(a2) {
   null !== b2 && (c2 = b2.retryLane);
   Zk(a2, c2);
 }
-function ck(a2, b2) {
+function ck2(a2, b2) {
   var c2 = 0;
   switch (a2.tag) {
     case 13:
@@ -8425,6 +8425,13 @@ const MessagesSquare = createLucideIcon("MessagesSquare", [
   ["path", { d: "M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z", key: "jj09z8" }],
   ["path", { d: "M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1", key: "1cx29u" }]
 ]);
+/**
+ * @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 Minus = createLucideIcon("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8739,12 +8746,12 @@ const SvgNotion = (props) => /* @__PURE__ */ React$2.createElement("svg", { widt
 const SvgSentry = (props) => /* @__PURE__ */ React$2.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React$2.createElement("path", { d: "M1.99994 11.999C1.99563 12.253 2.06662 12.5026 2.20394 12.7164C2.31807 12.8958 2.47348 13.0454 2.65718 13.1525C2.84088 13.2597 3.04755 13.3214 3.25994 13.3324C3.69061 13.3544 2.90194 13.3324 3.33327 13.3324H5.33327C5.33335 12.6045 5.09473 11.8968 4.65401 11.3176C4.21328 10.7384 3.59476 10.3197 2.89327 10.1257C3.26616 9.47726 3.7195 8.69259 4.25327 7.7717C5.36037 8.22032 6.30836 8.98918 6.97585 9.97983C7.64333 10.9705 7.99991 12.1378 7.99994 13.3324H12.6666C12.8841 13.3308 13.098 13.2761 13.2895 13.173C13.4811 13.0698 13.6444 12.9213 13.7654 12.7405C13.8864 12.5597 13.9613 12.3521 13.9836 12.1357C14.0059 11.9193 13.9749 11.7007 13.8933 11.499L9.15994 3.33237C9.04464 3.12397 8.87561 2.95025 8.67044 2.82929C8.46527 2.70833 8.23145 2.64453 7.99327 2.64453C7.7551 2.64453 7.52128 2.70833 7.31611 2.82929C7.11094 2.95025 6.94191 3.12397 6.82661 3.33237L5.59994 5.4497C8.58794 6.81637 10.6666 9.83037 10.6666 13.3324", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }));
 const SvgSlack = (props) => /* @__PURE__ */ React$2.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React$2.createElement("path", { d: "M3.99992 10C3.99992 10.3536 3.85944 10.6928 3.60939 10.9428C3.35935 11.1929 3.02021 11.3333 2.66659 11.3333C2.31296 11.3333 1.97382 11.1929 1.72378 10.9428C1.47373 10.6928 1.33325 10.3536 1.33325 10C1.33325 9.64638 1.47373 9.30724 1.72378 9.05719C1.97382 8.80714 2.31296 8.66667 2.66659 8.66667H3.99992V10ZM4.66659 10C4.66659 9.64638 4.80706 9.30724 5.05711 9.05719C5.30716 8.80714 5.6463 8.66667 5.99992 8.66667C6.35354 8.66667 6.69268 8.80714 6.94273 9.05719C7.19278 9.30724 7.33325 9.64638 7.33325 10V13.3333C7.33325 13.687 7.19278 14.0261 6.94273 14.2761C6.69268 14.5262 6.35354 14.6667 5.99992 14.6667C5.6463 14.6667 5.30716 14.5262 5.05711 14.2761C4.80706 14.0261 4.66659 13.687 4.66659 13.3333V10ZM5.99992 4.66667C5.6463 4.66667 5.30716 4.52619 5.05711 4.27614C4.80706 4.02609 4.66659 3.68696 4.66659 3.33333C4.66659 2.97971 4.80706 2.64057 5.05711 2.39052C5.30716 2.14048 5.6463 2 5.99992 2C6.35354 2 6.69268 2.14048 6.94273 2.39052C7.19278 2.64057 7.33325 2.97971 7.33325 3.33333V4.66667H5.99992ZM5.99992 5.33333C6.35354 5.33333 6.69268 5.47381 6.94273 5.72386C7.19278 5.97391 7.33325 6.31305 7.33325 6.66667C7.33325 7.02029 7.19278 7.35943 6.94273 7.60948C6.69268 7.85952 6.35354 8 5.99992 8H2.66659C2.31296 8 1.97382 7.85952 1.72378 7.60948C1.47373 7.35943 1.33325 7.02029 1.33325 6.66667C1.33325 6.31305 1.47373 5.97391 1.72378 5.72386C1.97382 5.47381 2.31296 5.33333 2.66659 5.33333H5.99992ZM11.3333 6.66667C11.3333 6.31305 11.4737 5.97391 11.7238 5.72386C11.9738 5.47381 12.313 5.33333 12.6666 5.33333C13.0202 5.33333 13.3593 5.47381 13.6094 5.72386C13.8594 5.97391 13.9999 6.31305 13.9999 6.66667C13.9999 7.02029 13.8594 7.35943 13.6094 7.60948C13.3593 7.85952 13.0202 8 12.6666 8H11.3333V6.66667ZM10.6666 6.66667C10.6666 7.02029 10.5261 7.35943 10.2761 7.60948C10.026 7.85952 9.68687 8 9.33325 8C8.97963 8 8.64049 7.85952 8.39044 7.60948C8.14039 7.35943 7.99992 7.02029 7.99992 6.66667V3.33333C7.99992 2.97971 8.14039 2.64057 8.39044 2.39052C8.64049 2.14048 8.97963 2 9.33325 2C9.68687 2 10.026 2.14048 10.2761 2.39052C10.5261 2.64057 10.6666 2.97971 10.6666 3.33333V6.66667ZM9.33325 12C9.68687 12 10.026 12.1405 10.2761 12.3905C10.5261 12.6406 10.6666 12.9797 10.6666 13.3333C10.6666 13.687 10.5261 14.0261 10.2761 14.2761C10.026 14.5262 9.68687 14.6667 9.33325 14.6667C8.97963 14.6667 8.64049 14.5262 8.39044 14.2761C8.14039 14.0261 7.99992 13.687 7.99992 13.3333V12H9.33325ZM9.33325 11.3333C8.97963 11.3333 8.64049 11.1929 8.39044 10.9428C8.14039 10.6928 7.99992 10.3536 7.99992 10C7.99992 9.64638 8.14039 9.30724 8.39044 9.05719C8.64049 8.80714 8.97963 8.66667 9.33325 8.66667H12.6666C13.0202 8.66667 13.3593 8.80714 13.6094 9.05719C13.8594 9.30724 13.9999 9.64638 13.9999 10C13.9999 10.3536 13.8594 10.6928 13.6094 10.9428C13.3593 11.1929 13.0202 11.3333 12.6666 11.3333H9.33325Z" }));
 const SvgSourcegraph = (props) => /* @__PURE__ */ React$2.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React$2.createElement("path", { d: "M10.7733 3.92081C10.9385 3.77931 11.1317 3.69348 11.3295 3.65636C11.7344 3.58213 12.1696 3.71899 12.4559 4.05536C12.8841 4.55642 12.8236 5.30802 12.3232 5.73485L10.5545 7.23805L9.25589 6.77874L8.77182 6.60708L7.95728 6.31943L8.61589 5.76037L9.00687 5.42865L10.7756 3.92545L10.7733 3.92081Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M4.85498 12.0829C4.68975 12.2244 4.49658 12.3102 4.29877 12.3473C3.89382 12.4215 3.45862 12.2847 3.17237 11.9483C2.74415 11.4473 2.80466 10.6957 3.30502 10.2688L5.07375 8.76562L6.37236 9.22493L6.85643 9.3966L7.67097 9.68424L7.01236 10.2433L6.62138 10.575L4.85266 12.0782L4.85498 12.0829Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M5.74876 3.4069C5.63007 2.7597 6.05829 2.14032 6.70527 2.0197C7.35458 1.90139 7.97596 2.32822 8.09697 2.97311L8.51821 5.2511L7.46861 6.1442L6.17 5.68489L5.74876 3.4069Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M9.87955 12.5928C9.99824 13.24 9.57003 13.8594 8.92305 13.98C8.27374 14.0983 7.65236 13.6715 7.53134 13.0266L7.11011 10.7486L8.1597 9.85547L9.45832 10.3148L9.87955 12.5928Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M13.5636 10.0308C13.4147 10.446 13.0609 10.729 12.6537 10.8033C12.4535 10.8404 12.2441 10.8265 12.0393 10.7545L9.84932 9.97975L9.36525 9.80809L8.5507 9.52044L8.06663 9.34878L6.76802 8.88947L6.28395 8.71781L5.4694 8.43016L4.98533 8.2585L2.79538 7.48371C2.17399 7.26333 1.84818 6.58364 2.06927 5.96427C2.21821 5.54904 2.57196 5.26603 2.97923 5.1918C3.17937 5.15468 3.38883 5.1686 3.59363 5.24051L5.78358 6.01531L6.26766 6.18697L7.0822 6.47462L7.56627 6.64628L8.86488 7.10559L9.34896 7.27725L10.1635 7.5649L10.6476 7.73656L12.8375 8.51135C13.4589 8.73173 13.7847 9.41142 13.5636 10.0308Z" }));
-const title$1 = "_title_1ibg5_5";
+const title = "_title_1ibg5_5";
 const description = "_description_1ibg5_5";
 const warning = "_warning_1ibg5_5";
 const row$1 = "_row_1ibg5_11";
 const styles$D = {
-  title: title$1,
+  title,
   description,
   warning,
   row: row$1
@@ -8862,12 +8869,12 @@ const iconForItem = {
 const contextItemMentionNode = "_context-item-mention-node_1eamp_1";
 const icon$1 = "_icon_1eamp_14";
 const contextItemMentionChipNodeFocused = "_context-item-mention-chip-node--focused_1eamp_28";
-const isTooLargeOrIgnored$1 = "_is-too-large-or-ignored_1eamp_33";
+const isTooLargeOrIgnored = "_is-too-large-or-ignored_1eamp_33";
 const styles$C = {
   contextItemMentionNode,
   icon: icon$1,
   contextItemMentionChipNodeFocused,
-  isTooLargeOrIgnored: isTooLargeOrIgnored$1
+  isTooLargeOrIgnored
 };
 function d(e2, t2) {
   return e2.getEditorState().read(() => {
@@ -10533,51 +10540,26 @@ const PromptEditor$1 = ({
         return toSerializedPromptEditorValue$1(editorRef.current);
       },
       setFocus(focus, { moveCursorToEnd } = {}) {
-        return new Promise((resolve) => {
-          const editor2 = editorRef.current;
-          if (editor2) {
-            if (focus) {
-              editor2.update(
-                () => {
-                  const selection = Fi$1();
-                  const root2 = ke$1();
-                  if (selection !== null) {
-                    selection.dirty = true;
-                  } else if (root2.getChildrenSize() !== 0) {
-                    root2.selectEnd();
-                  }
-                  if (moveCursorToEnd) {
-                    root2.selectEnd();
-                  }
-                  const doFocus = () => {
-                    var _a;
-                    return (_a = editor2.getRootElement()) == null ? void 0 : _a.focus({ preventScroll: false });
-                  };
-                  doFocus();
-                  setTimeout(doFocus);
-                },
-                { tag: "skip-scroll-into-view", onUpdate: resolve }
-              );
-            } else {
-              editor2.blur();
-              resolve == null ? void 0 : resolve();
-            }
-          } else {
-            resolve == null ? void 0 : resolve();
-          }
-        });
+        if (!editorRef.current) {
+          return Promise.resolve();
+        }
+        return setFocus(editorRef.current, { focus, moveCursorToEnd });
       },
       appendText(text2) {
         if (!editorRef.current) {
           return Promise.resolve();
         }
-        return update(editorRef.current, () => {
-          const root2 = ke$1();
-          root2.selectEnd();
-          Wi$1([ri$1(`${getWhitespace(root2)}${text2}`)]);
-          root2.selectEnd();
-          return true;
-        });
+        return appendText(editorRef.current, text2);
+      },
+      openAtMentionMenu() {
+        const editor2 = editorRef.current;
+        if (!editor2) {
+          return Promise.resolve();
+        }
+        if (toSerializedPromptEditorValue$1(editor2).text.trim().endsWith("@")) {
+          return setFocus(editor2, { focus: true, moveCursorToEnd: true });
+        }
+        return appendText(editorRef.current, "@");
       },
       filterMentions(filter2) {
         if (!editorRef.current) {
@@ -10747,6 +10729,45 @@ const PromptEditor$1 = ({
     }
   );
 };
+function appendText(editor2, text2) {
+  return update(editor2, () => {
+    const root2 = ke$1();
+    root2.selectEnd();
+    Wi$1([ri$1(`${getWhitespace(root2)}${text2}`)]);
+    root2.selectEnd();
+    return true;
+  });
+}
+function setFocus(editor2, { focus, moveCursorToEnd }) {
+  return new Promise((resolve) => {
+    if (focus) {
+      editor2.update(
+        () => {
+          const selection = Fi$1();
+          const root2 = ke$1();
+          if (selection !== null) {
+            selection.dirty = true;
+          } else if (root2.getChildrenSize() !== 0) {
+            root2.selectEnd();
+          }
+          if (moveCursorToEnd) {
+            root2.selectEnd();
+          }
+          const doFocus = () => {
+            var _a;
+            return (_a = editor2.getRootElement()) == null ? void 0 : _a.focus({ preventScroll: false });
+          };
+          doFocus();
+          setTimeout(doFocus);
+        },
+        { tag: "skip-scroll-into-view", onUpdate: resolve }
+      );
+    } else {
+      editor2.blur();
+      resolve == null ? void 0 : resolve();
+    }
+  });
+}
 function normalizeEditorStateJSON$1(value) {
   return JSON.parse(JSON.stringify(value));
 }
@@ -13511,7 +13532,7 @@ const OPT_PRESERVE_WS = 1, OPT_PRESERVE_WS_FULL = 2, OPT_OPEN_LEFT = 4;
 function wsOptionsFor(type, preserveWhitespace, base2) {
   if (preserveWhitespace != null)
     return (preserveWhitespace ? OPT_PRESERVE_WS : 0) | (preserveWhitespace === "full" ? OPT_PRESERVE_WS_FULL : 0);
-  return type && type.whitespace == "pre" ? OPT_PRESERVE_WS | OPT_PRESERVE_WS_FULL : base2 & ~OPT_OPEN_LEFT;
+  return type && type.whitespace == "pre" ? OPT_PRESERVE_WS | OPT_PRESERVE_WS_FULL : base2 & -5;
 }
 class NodeContext {
   constructor(type, attrs, marks, solid, match, options) {
@@ -16405,7 +16426,7 @@ class Transaction extends Transform {
       throw new RangeError("Selection passed to setSelection must point at the current document");
     this.curSelection = selection;
     this.curSelectionFor = this.steps.length;
-    this.updated = (this.updated | UPDATED_SEL) & ~UPDATED_MARKS;
+    this.updated = (this.updated | UPDATED_SEL) & -3;
     this.storedMarks = null;
     return this;
   }
@@ -16456,7 +16477,7 @@ class Transaction extends Transform {
   */
   addStep(step, doc2) {
     super.addStep(step, doc2);
-    this.updated = this.updated & ~UPDATED_MARKS;
+    this.updated = this.updated & -3;
     this.storedMarks = null;
   }
   /**
@@ -19648,15 +19669,15 @@ class ViewTreeUpdater {
   recreateWrapper(next, node2, outerDeco, innerDeco, view, pos) {
     if (next.dirty || node2.isAtom || !next.children.length || !next.node.content.eq(node2.content) || !sameOuterDeco(outerDeco, next.outerDeco) || !innerDeco.eq(next.innerDeco))
       return null;
-    let wrapper = NodeViewDesc.create(this.top, node2, outerDeco, innerDeco, view, pos);
-    if (wrapper.contentDOM) {
-      wrapper.children = next.children;
+    let wrapper2 = NodeViewDesc.create(this.top, node2, outerDeco, innerDeco, view, pos);
+    if (wrapper2.contentDOM) {
+      wrapper2.children = next.children;
       next.children = [];
-      for (let ch2 of wrapper.children)
-        ch2.parent = wrapper;
+      for (let ch2 of wrapper2.children)
+        ch2.parent = wrapper2;
     }
     next.destroy();
-    return wrapper;
+    return wrapper2;
   }
   // Insert the node as a newly created node desc.
   addNode(node2, outerDeco, innerDeco, view, pos) {
@@ -20409,10 +20430,10 @@ function serializeForClipboard(view, slice2) {
   let firstChild = wrap2.firstChild, needsWrap, wrappers = 0;
   while (firstChild && firstChild.nodeType == 1 && (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])) {
     for (let i = needsWrap.length - 1; i >= 0; i--) {
-      let wrapper = doc2.createElement(needsWrap[i]);
+      let wrapper2 = doc2.createElement(needsWrap[i]);
       while (wrap2.firstChild)
-        wrapper.appendChild(wrap2.firstChild);
-      wrap2.appendChild(wrapper);
+        wrapper2.appendChild(wrap2.firstChild);
+      wrap2.appendChild(wrapper2);
       wrappers++;
     }
     firstChild = wrap2.firstChild;
@@ -26166,6 +26187,7 @@ const atMention = "_atMention_1krkf_1";
 const styles$w = {
   atMention
 };
+const AT_MENTION_TRIGGER_CHARACTER = "@";
 const emptyState = {
   type: "inactive",
   decoration: DecorationSet.empty
@@ -26246,7 +26268,7 @@ function createAtMentionPlugin() {
       rules: [
         new InputRule(
           // Trigger on @, at beginning or after space
-          /(^|\s)@$/,
+          new RegExp(`(^|\\s)${AT_MENTION_TRIGGER_CHARACTER}$`),
           (state, match, start, end) => {
             return enableAtMention(state.tr.insertText(match[0], start, end));
           }
@@ -26304,7 +26326,7 @@ function setAtMentionValue(state, value) {
   if (value.length === 0) {
     return state.tr.delete(decoration.from + 1, decoration.to);
   }
-  if (value.startsWith("@")) {
+  if (value.startsWith(AT_MENTION_TRIGGER_CHARACTER)) {
     value = value.slice(1);
   }
   return state.tr.replaceWith(decoration.from + 1, decoration.to, state.schema.text(value));
@@ -26493,11 +26515,6 @@ const prosemirrorActor = fromCallback(
   }
 );
 const promptInput = setup({
-  types: {
-    events: {},
-    input: {},
-    context: {}
-  },
   actors: {
     editor: prosemirrorActor,
     /**
@@ -26865,7 +26882,9 @@ const promptInput = setup({
         "mentionsMenu.provider.set": {
           actions: {
             type: "assignMentionsMenu",
-            params: ({ event }) => ({ parent: event.provider })
+            // Reset items to an empty list so that we do not show previous/old items when a new provider
+            // is selected.
+            params: ({ event }) => ({ parent: event.provider, items: [] })
           },
           target: ".loading"
         },
@@ -27170,6 +27189,8 @@ function getTarget(event) {
   return event.target;
 }
 const sides = ["top", "right", "bottom", "left"];
+const alignments = ["start", "end"];
+const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
@@ -27554,6 +27575,102 @@ const arrow$2 = (options) => ({
     };
   }
 });
+function getPlacementList(alignment, autoAlignment, allowedPlacements) {
+  const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter((placement) => getAlignment(placement) === alignment), ...allowedPlacements.filter((placement) => getAlignment(placement) !== alignment)] : allowedPlacements.filter((placement) => getSide(placement) === placement);
+  return allowedPlacementsSortedByAlignment.filter((placement) => {
+    if (alignment) {
+      return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);
+    }
+    return true;
+  });
+}
+const autoPlacement$2 = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "autoPlacement",
+    options,
+    async fn(state) {
+      var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
+      const {
+        rects,
+        middlewareData,
+        placement,
+        platform: platform2,
+        elements
+      } = state;
+      const {
+        crossAxis = false,
+        alignment,
+        allowedPlacements = placements,
+        autoAlignment = true,
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const placements$1 = alignment !== void 0 || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
+      const currentPlacement = placements$1[currentIndex];
+      if (currentPlacement == null) {
+        return {};
+      }
+      const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)));
+      if (placement !== currentPlacement) {
+        return {
+          reset: {
+            placement: placements$1[0]
+          }
+        };
+      }
+      const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];
+      const allOverflows = [...((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || [], {
+        placement: currentPlacement,
+        overflows: currentOverflows
+      }];
+      const nextPlacement = placements$1[currentIndex + 1];
+      if (nextPlacement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: nextPlacement
+          }
+        };
+      }
+      const placementsSortedByMostSpace = allOverflows.map((d2) => {
+        const alignment2 = getAlignment(d2.placement);
+        return [d2.placement, alignment2 && crossAxis ? (
+          // Check along the mainAxis and main crossAxis side.
+          d2.overflows.slice(0, 2).reduce((acc, v2) => acc + v2, 0)
+        ) : (
+          // Check only the mainAxis.
+          d2.overflows[0]
+        ), d2.overflows];
+      }).sort((a2, b2) => a2[1] - b2[1]);
+      const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter((d2) => d2[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        getAlignment(d2[0]) ? 2 : 3
+      ).every((v2) => v2 <= 0));
+      const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
+      if (resetPlacement !== placement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: resetPlacement
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
 const flip$1 = function(options) {
   if (options === void 0) {
     options = {};
@@ -27590,7 +27707,7 @@ const flip$1 = function(options) {
       if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
-      const placements = [initialPlacement, ...fallbackPlacements];
+      const placements2 = [initialPlacement, ...fallbackPlacements];
       const overflow = await detectOverflow(state, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
@@ -27608,7 +27725,7 @@ const flip$1 = function(options) {
       if (!overflows.every((side2) => side2 <= 0)) {
         var _middlewareData$flip2, _overflowsData$filter;
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
-        const nextPlacement = placements[nextIndex];
+        const nextPlacement = placements2[nextIndex];
         if (nextPlacement) {
           return {
             data: {
@@ -28522,6 +28639,7 @@ function autoUpdate(reference, floating, update2, options) {
   };
 }
 const offset$1 = offset$2;
+const autoPlacement$1 = autoPlacement$2;
 const shift$1 = shift$2;
 const flip = flip$1;
 const size$1 = size$2;
@@ -28772,6 +28890,10 @@ const size = (options, deps) => ({
   ...size$1(options),
   options: [options, deps]
 });
+const autoPlacement = (options, deps) => ({
+  ...autoPlacement$1(options),
+  options: [options, deps]
+});
 const SafeReact = {
   ...React$2
 };
@@ -29633,8 +29755,8 @@ function useInteractions(propsList) {
     getItemProps
   }), [getReferenceProps, getFloatingProps, getItemProps]);
 }
-const popoverDimensions = "_popover-dimensions_p6bj9_1";
-const menu = "_menu_p6bj9_5";
+const popoverDimensions = "_popover-dimensions_17xxk_1";
+const menu = "_menu_17xxk_5";
 const styles$v = {
   popoverDimensions,
   menu
@@ -29649,10 +29771,14 @@ const MentionsMenu = ({
   renderItem
 }) => {
   const container2 = useRef$1(null);
-  const { refs, floatingStyles } = useFloating$1({
+  const { refs, floatingStyles, update: update2 } = useFloating$1({
     open: true,
     placement: "bottom-start",
+    whileElementsMounted: autoUpdate,
     middleware: [
+      autoPlacement({
+        allowedPlacements: ["bottom-start", "top-start"]
+      }),
       shift({
         padding: 8
       }),
@@ -29673,17 +29799,20 @@ const MentionsMenu = ({
       getBoundingClientRect() {
         return {
           width: 0,
-          height: 0,
-          y: menuPosition.y,
-          x: menuPosition.x,
-          top: menuPosition.y,
-          bottom: menuPosition.y,
-          left: menuPosition.x,
-          right: menuPosition.x
+          height: menuPosition.bottom - menuPosition.top,
+          y: menuPosition.top,
+          x: menuPosition.left,
+          top: menuPosition.top,
+          bottom: menuPosition.bottom,
+          left: menuPosition.left,
+          right: menuPosition.right
         };
       }
     });
   }, [menuPosition, refs]);
+  useLayoutEffect$1(() => {
+    update2();
+  }, [items, update2]);
   useEffect$2(() => {
     var _a, _b;
     (_b = (_a = container2.current) == null ? void 0 : _a.querySelector('[aria-selected="true"]')) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
@@ -29739,7 +29868,7 @@ const MentionsMenu = ({
 };
 const headerClass = "!tw-p-0 !tw-border-b-0 !tw-p-3 !tw-text-md !tw-leading-[1.2] !tw-h-[30px] tw-opacity-50";
 const menuClass = "tw-overflow-hidden tw-overflow-y-auto tw-rounded-md tw-bg-popover tw-text-popover-foreground";
-const itemClass = "w-relative tw-cursor-pointer tw-select-none tw-items-center 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-p-3 !tw-text-md !tw-leading-[1.2] !tw-h-[30px] !tw-rounded-none";
+const itemClass = "w-relative tw-cursor-pointer tw-select-none tw-items-center 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-p-3 !tw-text-md !tw-leading-[1.2] !tw-min-h-[30px] !tw-rounded-none";
 var index$2 = useLayoutEffect$1;
 var withSelector = { exports: {} };
 var withSelector_production = {};
@@ -29958,11 +30087,9 @@ var m$1 = reactDomExports;
 }
 const mention = "_mention_1l0qj_1";
 const mentionFocused = "_mention--focused_1l0qj_1";
-const isTooLargeOrIgnored = "_is-too-large-or-ignored_1l0qj_30";
 const styles$u = {
   mention,
-  mentionFocused,
-  isTooLargeOrIgnored
+  mentionFocused
 };
 class MentionView {
   constructor(node2) {
@@ -30309,6 +30436,12 @@ const usePromptInput = (options) => {
           transaction: (state) => appendToDocument(state, text2)
         });
       },
+      openAtMentionMenu() {
+        editor2.send({
+          type: "document.update",
+          transaction: (state) => enableAtMention(appendToDocument(state, AT_MENTION_TRIGGER_CHARACTER))
+        });
+      },
       addMentions(items, position2 = "after", seperator = " ") {
         editor2.send({
           type: "document.update",
@@ -30400,24 +30533,22 @@ const PromptEditor = ({
           return queryLower ? ((_a = item2.title) == null ? void 0 : _a.toLowerCase().includes(queryLower)) || item2.uri.toString().toLowerCase().includes(queryLower) || ((_b = item2.description) == null ? void 0 : _b.toString().toLowerCase().includes(queryLower)) : true;
         }
       );
-      return Observable.of(filteredInitialContextItems).concat(
-        mentionMenuData({
-          ...parseMentionQuery(query2, provider ?? null),
-          interactionID: interactionID.current,
-          contextRemoteRepositoriesNames: mentionSettings.remoteRepositoriesNames
-        }).map((result2) => {
-          var _a;
-          return [
-            ...result2.providers,
-            ...filteredInitialContextItems,
-            ...((_a = result2.items) == null ? void 0 : _a.filter(
-              (item2) => !filteredInitialContextItems.some(
-                (initialItem) => areContextItemsEqual(item2, initialItem)
-              )
-            ).slice(0, SUGGESTION_LIST_LENGTH_LIMIT).map((item2) => ({ ...item2, source: ContextItemSource.User }))) ?? []
-          ];
-        })
-      );
+      return mentionMenuData({
+        ...parseMentionQuery(query2, provider ?? null),
+        interactionID: interactionID.current,
+        contextRemoteRepositoriesNames: mentionSettings.remoteRepositoriesNames
+      }).map((result2) => {
+        var _a;
+        return [
+          ...result2.providers,
+          ...filteredInitialContextItems,
+          ...((_a = result2.items) == null ? void 0 : _a.filter(
+            (item2) => !filteredInitialContextItems.some(
+              (initialItem) => areContextItemsEqual(item2, initialItem)
+            )
+          ).slice(0, SUGGESTION_LIST_LENGTH_LIMIT).map((item2) => ({ ...item2, source: ContextItemSource.User }))) ?? []
+        ];
+      });
     },
     [mentionMenuData, mentionSettings, defaultContext]
   );
@@ -30433,8 +30564,7 @@ const PromptEditor = ({
     onEnterKey,
     fetchMenuData
   });
-  const { show, items, selectedIndex, query, position: position2, parent } = useMentionsMenu(input2);
-  const menuPosition = useMemo$1(() => ({ x: position2.left, y: position2.bottom }), [position2]);
+  const { show, items, selectedIndex, query, position: menuPosition, parent } = useMentionsMenu(input2);
   useLayoutEffect$1(() => {
     if (!show) {
       interactionID.current++;
@@ -30458,14 +30588,18 @@ const PromptEditor = ({
       async filterMentions(filter2) {
         api2.filterMentions(filter2);
       },
-      async addMentions(items2, position22 = "after", sep = " ") {
-        api2.addMentions(items2, position22, sep);
+      async addMentions(items2, position2 = "after", sep = " ") {
+        api2.addMentions(items2, position2, sep);
       },
-      async upsertMentions(items2, position22 = "after", sep = " ", focusEditor = true) {
-        api2.upsertMentions(items2, position22, sep, focusEditor);
+      async upsertMentions(items2, position2 = "after", sep = " ", focusEditor = true) {
+        api2.upsertMentions(items2, position2, sep, focusEditor);
       },
       async setInitialContextMentions(items2) {
         api2.setInitialContextMentions(items2);
+      },
+      async openAtMentionMenu() {
+        api2.openAtMentionMenu();
+        api2.setFocus(true);
       }
     }),
     [api2]
@@ -30657,9 +30791,33 @@ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
 function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
   return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
 }
+function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
+  const Context = /* @__PURE__ */ createContext(defaultContext);
+  function Provider(props) {
+    const { children: children2, ...context2 } = props;
+    const value = useMemo$1(
+      () => context2,
+      Object.values(context2)
+    );
+    return /* @__PURE__ */ createElement(Context.Provider, {
+      value
+    }, children2);
+  }
+  function useContext$1(consumerName) {
+    const context2 = useContext(Context);
+    if (context2) return context2;
+    if (defaultContext !== void 0) return defaultContext;
+    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+  }
+  Provider.displayName = rootComponentName + "Provider";
+  return [
+    Provider,
+    useContext$1
+  ];
+}
 function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
-  function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
+  function $c512c27ab02ef895$export$fd42f52fd3ae11092(rootComponentName, defaultContext) {
     const BaseContext = /* @__PURE__ */ createContext(defaultContext);
     const index2 = defaultContexts.length;
     defaultContexts = [
@@ -30712,7 +30870,7 @@ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeD
   };
   createScope.scopeName = scopeName;
   return [
-    $c512c27ab02ef895$export$fd42f52fd3ae1109,
+    $c512c27ab02ef895$export$fd42f52fd3ae11092,
     $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
   ];
 }
@@ -31088,7 +31246,7 @@ let $1746a345f3d73bb7$var$count = 0;
 function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
   const [id2, setId] = React$2.useState($1746a345f3d73bb7$var$useReactId());
   $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-    if (!deterministicId) setId(
+    setId(
       (reactId) => reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
     );
   }, [
@@ -35646,9 +35804,9 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (availableScroll === 0 || !noOverscroll)) {
+  if (isDeltaPositive && (availableScroll === 0 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (availableScrollTop === 0 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (availableScrollTop === 0 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -35732,7 +35890,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React$2.useCallback(function(_event) {
     var event = _event;
@@ -36164,6 +36322,12 @@ const $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac = /* @__PURE__ */ forwardRef((pr
 function $5d3850c4d0b4e6c7$var$getState(open) {
   return open ? "open" : "closed";
 }
+const $5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME = "DialogTitleWarning";
+$c512c27ab02ef895$export$fd42f52fd3ae1109($5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME, {
+  contentName: $5d3850c4d0b4e6c7$var$CONTENT_NAME,
+  titleName: $5d3850c4d0b4e6c7$var$TITLE_NAME,
+  docsSlug: "dialog"
+});
 const $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9 = $5d3850c4d0b4e6c7$export$3ddf2d174ce01153;
 const $5d3850c4d0b4e6c7$export$602eac185826482c = $5d3850c4d0b4e6c7$export$dad7c95542bacce0;
 const $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff = $5d3850c4d0b4e6c7$export$bd1d06c79be19e17;
@@ -36660,11 +36824,11 @@ const ComposedWrappers = ({
   return composeWrappers(wrappers, children2);
 };
 function composeWrappers(wrappers, children2) {
-  return wrappers.reduce((acc, wrapper) => {
-    if ("provider" in wrapper) {
-      return /* @__PURE__ */ jsx(wrapper.provider, { value: wrapper.value, children: acc });
+  return wrappers.reduce((acc, wrapper2) => {
+    if ("provider" in wrapper2) {
+      return /* @__PURE__ */ jsx(wrapper2.provider, { value: wrapper2.value, children: acc });
     }
-    return /* @__PURE__ */ jsx(wrapper.component, { ...wrapper.props, children: acc });
+    return /* @__PURE__ */ jsx(wrapper2.component, { ...wrapper2.props, children: acc });
   }, children2);
 }
 const AppWrapper = ({ children: children2 }) => /* @__PURE__ */ jsx(ComposedWrappers, { wrappers: COMMON_WRAPPERS, children: children2 });
@@ -38097,7 +38261,7 @@ function one$1(state, node2, key) {
     return mdxEsm(state, node2);
   }
   if (node2.type === "root") {
-    return root$9(state, node2, key);
+    return root$8(state, node2, key);
   }
   if (node2.type === "text") {
     return text$6(state, node2);
@@ -38163,7 +38327,7 @@ function mdxJsxElement(state, node2, key) {
   state.schema = parentSchema;
   return state.create(node2, type, props, key);
 }
-function root$9(state, node2, key) {
+function root$8(state, node2, key) {
   const props = {};
   addChildren(props, createChildren(state, node2));
   return state.create(node2, state.Fragment, props, key);
@@ -43483,7 +43647,7 @@ function paragraph$1(state, node2) {
   state.patch(node2, result2);
   return state.applyData(node2, result2);
 }
-function root$8(state, node2) {
+function root$7(state, node2) {
   const result2 = { type: "root", children: state.wrap(state.all(node2)) };
   state.patch(node2, result2);
   return state.applyData(node2, result2);
@@ -43647,7 +43811,7 @@ const handlers = {
   list: list$2,
   paragraph: paragraph$1,
   // @ts-expect-error: root is different, but hard to type.
-  root: root$8,
+  root: root$7,
   strong: strong$1,
   table,
   tableCell,
@@ -60373,15 +60537,12 @@ function toText(tree, options = {}) {
   const children2 = "children" in tree ? tree.children : [];
   const block = blockOrCaption(tree);
   const whitespace2 = inferWhitespace(tree, {
-    whitespace: options.whitespace || "normal",
-    breakBefore: false,
-    breakAfter: false
+    whitespace: options.whitespace || "normal"
   });
   const results = [];
   if (tree.type === "text" || tree.type === "comment") {
     results.push(
       ...collectText(tree, {
-        whitespace: whitespace2,
         breakBefore: true,
         breakAfter: true
       })
@@ -60970,7 +61131,7 @@ function transform(state, node2) {
         return element(state, unsafe);
       }
       case "root": {
-        return root$7(state, unsafe);
+        return root$6(state, unsafe);
       }
       case "text": {
         return text$2(state, unsafe);
@@ -61030,7 +61191,7 @@ function element(state, unsafe) {
   patch(node2, unsafe);
   return node2;
 }
-function root$7(state, unsafe) {
+function root$6(state, unsafe) {
   const content2 = (
     /** @type {Array<RootContent>} */
     children(state, unsafe.children)
@@ -61625,7 +61786,7 @@ function peekDelete() {
 function markdownTable(table2, options = {}) {
   const align = (options.align || []).concat();
   const stringLength = options.stringLength || defaultStringLength;
-  const alignments = [];
+  const alignments2 = [];
   const cellMatrix = [];
   const sizeMatrix = [];
   const longestCellByColumn = [];
@@ -61655,19 +61816,19 @@ function markdownTable(table2, options = {}) {
   let columnIndex = -1;
   if (typeof align === "object" && "length" in align) {
     while (++columnIndex < mostCellsPerRow) {
-      alignments[columnIndex] = toAlignment(align[columnIndex]);
+      alignments2[columnIndex] = toAlignment(align[columnIndex]);
     }
   } else {
     const code2 = toAlignment(align);
     while (++columnIndex < mostCellsPerRow) {
-      alignments[columnIndex] = code2;
+      alignments2[columnIndex] = code2;
     }
   }
   columnIndex = -1;
   const row2 = [];
   const sizes = [];
   while (++columnIndex < mostCellsPerRow) {
-    const code2 = alignments[columnIndex];
+    const code2 = alignments2[columnIndex];
     let before = "";
     let after = "";
     if (code2 === 99) {
@@ -61707,7 +61868,7 @@ function markdownTable(table2, options = {}) {
       let after = "";
       if (options.alignDelimiters !== false) {
         const size2 = longestCellByColumn[columnIndex] - (sizes2[columnIndex] || 0);
-        const code2 = alignments[columnIndex];
+        const code2 = alignments2[columnIndex];
         if (code2 === 114) {
           before = " ".repeat(size2);
         } else if (code2 === 99) {
@@ -62444,7 +62605,7 @@ const phrasing = (
     "textDirective"
   ])
 );
-function root$6(node2, _2, state, info) {
+function root$5(node2, _2, state, info) {
   const hasPhrasing = node2.children.some(function(d2) {
     return phrasing(d2);
   });
@@ -62513,7 +62674,7 @@ const handle = {
   list: list$1,
   listItem: listItem$1,
   paragraph,
-  root: root$6,
+  root: root$5,
   strong,
   text: text$1,
   thematicBreak
@@ -67365,39 +67526,45 @@ function markdownPluginProps() {
   };
   return _markdownPluginProps;
 }
-const buttonsContainer = "_buttons-container_1ok1a_1";
-const buttons = "_buttons_1ok1a_1";
-const button$1 = "_button_1ok1a_1";
-const iconContainer = "_icon-container_1ok1a_31";
-const copyButton = "_copy-button_1ok1a_35";
-const insertButton = "_insert-button_1ok1a_36";
-const attributionIcon = "_attribution-icon_1ok1a_37";
-const status = "_status_1ok1a_38";
-const metadataContainer = "_metadata-container_1ok1a_65";
-const attributionContainer = "_attribution-container_1ok1a_75";
-const attributionIconUnavailable = "_attribution-icon-unavailable_1ok1a_82";
-const attributionIconFound = "_attribution-icon-found_1ok1a_86";
-const codiconLoading = "_codicon-loading_1ok1a_95";
-const spin$1 = "_spin_1ok1a_1";
-const content = "_content_1ok1a_111";
-const fileNameContainer = "_file-name-container_1ok1a_211";
+const wrapper = "_wrapper_g0yr4_1";
+const buttonsContainer = "_buttons-container_g0yr4_7";
+const buttonsContainerTransparent = "_buttons-container-transparent_g0yr4_17 _buttons-container_g0yr4_7";
+const leftInfo = "_leftInfo_g0yr4_23";
+const stats = "_stats_g0yr4_30";
+const buttons = "_buttons_g0yr4_7";
+const button$1 = "_button_g0yr4_7";
+const iconContainer = "_icon-container_g0yr4_57";
+const addition = "_addition_g0yr4_61";
+const deletion = "_deletion_g0yr4_66";
+const copyButton = "_copy-button_g0yr4_71";
+const insertButton = "_insert-button_g0yr4_72";
+const status = "_status_g0yr4_74";
+const metadataContainer = "_metadata-container_g0yr4_101";
+const attributionContainer = "_attribution-container_g0yr4_111";
+const attributionIconUnavailable = "_attribution-icon-unavailable_g0yr4_118";
+const attributionIconFound = "_attribution-icon-found_g0yr4_122";
+const codiconLoading = "_codicon-loading_g0yr4_131";
+const content = "_content_g0yr4_147";
 const styles$s = {
+  wrapper,
   buttonsContainer,
+  buttonsContainerTransparent,
+  leftInfo,
+  stats,
   buttons,
   button: button$1,
   iconContainer,
+  addition,
+  deletion,
   copyButton,
   insertButton,
-  attributionIcon,
   status,
   metadataContainer,
   attributionContainer,
   attributionIconUnavailable,
   attributionIconFound,
   codiconLoading,
-  spin: spin$1,
-  content,
-  fileNameContainer
+  content
 };
 class GuardrailsStatusController {
   constructor(container2) {
@@ -67522,14 +67689,52 @@ function createButtons(preText, copyButtonOnSubmit, insertButtonOnSubmit) {
   container2.append(buttons2);
   return container2;
 }
+function getLineChanges(text2) {
+  const lines = (text2 == null ? void 0 : text2.split("\n")) ?? [];
+  let additions = 0;
+  let deletions = 0;
+  for (const line2 of lines) {
+    if (line2 == null ? void 0 : line2.startsWith("+")) additions++;
+    if (line2 == null ? void 0 : line2.startsWith("-")) deletions++;
+  }
+  return { additions, deletions };
+}
 function createButtonsExperimentalUI(preText, humanMessage, config, codeBlockName, copyButtonOnSubmit, insertButtonOnSubmit, smartApply, smartApplyId, smartApplyState) {
-  const container2 = document.createElement("div");
-  container2.className = styles$s.buttonsContainer;
+  const wrapper2 = document.createElement("div");
+  wrapper2.className = styles$s.wrapper;
+  const buttonContainer1 = document.createElement("div");
+  buttonContainer1.className = styles$s.buttonsContainerTransparent;
+  buttonContainer1.dataset.containerType = "preview";
+  const leftInfo2 = document.createElement("div");
+  leftInfo2.className = styles$s.leftInfo;
+  if (codeBlockName && codeBlockName !== "command") {
+    const fileNameText = document.createElement("span");
+    fileNameText.textContent = codeBlockName;
+    leftInfo2.appendChild(fileNameText);
+  }
+  if ((humanMessage == null ? void 0 : humanMessage.intent) === "edit") {
+    const { additions, deletions } = getLineChanges(preText);
+    if (additions >= 0 || deletions >= 0) {
+      const stats2 = document.createElement("span");
+      stats2.innerHTML = `<span class="${styles$s.addition}">+${additions}</span>, <span class="${styles$s.deletion}">-${deletions}</span>`;
+      stats2.className = styles$s.stats;
+      leftInfo2.appendChild(stats2);
+    }
+  }
+  buttonContainer1.appendChild(leftInfo2);
+  wrapper2.appendChild(buttonContainer1);
+  const buttonContainer2 = document.createElement("div");
+  buttonContainer2.className = styles$s.buttonsContainerTransparent;
+  buttonContainer2.dataset.containerType = "actions";
   if (!copyButtonOnSubmit) {
-    return container2;
+    wrapper2.appendChild(buttonContainer2);
+    return wrapper2;
   }
   const buttons2 = document.createElement("div");
   buttons2.className = styles$s.buttons;
+  const metadataContainer2 = document.createElement("div");
+  metadataContainer2.className = styles$s.metadataContainer;
+  buttons2.appendChild(metadataContainer2);
   if (smartApply && smartApplyState === CodyTaskState.Applied && smartApplyId) {
     const acceptButton = createAcceptButton(smartApplyId, smartApply);
     const rejectButton = createRejectButton(smartApplyId, smartApply);
@@ -67559,8 +67764,9 @@ function createButtonsExperimentalUI(preText, humanMessage, config, codeBlockNam
       buttons2.append(insertButton2, saveButton);
     }
   }
-  container2.append(buttons2);
-  return container2;
+  buttonContainer2.appendChild(buttons2);
+  wrapper2.appendChild(buttonContainer2);
+  return wrapper2;
 }
 function createInsertButton(preText, insertButtonOnSubmit) {
   const button2 = document.createElement("button");
@@ -67665,7 +67871,12 @@ function createApplyButton(preText, humanMessage, smartApply, smartApplyId, smar
       button2.prepend(iconContainer2);
       button2.addEventListener(
         "click",
-        () => smartApply.onSubmit(smartApplyId, preText, humanMessage == null ? void 0 : humanMessage.text, fileName)
+        () => smartApply.onSubmit({
+          id: smartApplyId,
+          text: preText,
+          instruction: humanMessage == null ? void 0 : humanMessage.text,
+          fileName
+        })
       );
       break;
     }
@@ -67677,7 +67888,12 @@ function createApplyButton(preText, humanMessage, smartApply, smartApplyId, smar
       button2.prepend(iconContainer2);
       button2.addEventListener(
         "click",
-        () => smartApply.onSubmit(smartApplyId, preText, humanMessage == null ? void 0 : humanMessage.text, fileName)
+        () => smartApply.onSubmit({
+          id: smartApplyId,
+          text: preText,
+          instruction: humanMessage == null ? void 0 : humanMessage.text,
+          fileName
+        })
       );
     }
   }
@@ -67752,9 +67968,6 @@ function createActionsDropdown(preText) {
   });
   return button2;
 }
-function getFileName(filePath) {
-  return filePath.split("/").pop() || filePath;
-}
 function getCodeBlockId(contents, fileName) {
   let input2 = contents.trim();
   if (fileName) {
@@ -67785,6 +67998,7 @@ function extractThinkContent(content2) {
     isThinking
   };
 }
+const prefetchedEdits = new LRUCache({ max: 100 });
 const ChatMessageContent = ({
   displayMarkdown,
   isMessageLoading,
@@ -67805,9 +68019,9 @@ const ChatMessageContent = ({
     }
     return {
       ...smartApply,
-      onSubmit(id2, text2, instruction, fileName) {
-        setSmartApplyStates((prev) => ({ ...prev, [id2]: CodyTaskState.Working }));
-        return smartApply.onSubmit(id2, text2, instruction, fileName);
+      onSubmit(params) {
+        setSmartApplyStates((prev) => ({ ...prev, [params.id]: CodyTaskState.Working }));
+        return smartApply.onSubmit(params);
       }
     };
   }, [smartApply]);
@@ -67847,6 +68061,18 @@ const ChatMessageContent = ({
         if (smartApplyEnabled) {
           const smartApplyId = getCodeBlockId(preText, fileName);
           const smartApplyState = smartApplyStates[smartApplyId];
+          const areWeAlreadyOutsideTheCodeBlock = !displayMarkdown.endsWith("```");
+          if ((!isMessageLoading || areWeAlreadyOutsideTheCodeBlock) && // Ensure that we prefetch once per each suggested code block.
+          !prefetchedEdits.has(smartApplyId)) {
+            prefetchedEdits.set(smartApplyId, true);
+            smartApply == null ? void 0 : smartApply.onSubmit({
+              id: smartApplyId,
+              text: preText,
+              isPrefetch: true,
+              instruction: humanMessage == null ? void 0 : humanMessage.text,
+              fileName: codeBlockName
+            });
+          }
           buttons2 = createButtonsExperimentalUI(
             preText,
             humanMessage,
@@ -67865,10 +68091,8 @@ const ChatMessageContent = ({
             config.config.hasEditCapability ? insertButtonOnSubmit : void 0
           );
         }
-        const metadataContainer2 = document.createElement("div");
-        metadataContainer2.classList.add(styles$s.metadataContainer);
-        buttons2.append(metadataContainer2);
-        if (guardrails) {
+        const metadataContainer2 = buttons2.querySelector(`.${styles$s.metadataContainer}`);
+        if (metadataContainer2 && guardrails) {
           const container2 = document.createElement("div");
           container2.classList.add(styles$s.attributionContainer);
           metadataContainer2.append(container2);
@@ -67892,14 +68116,15 @@ const ChatMessageContent = ({
             });
           }
         }
-        if (fileName) {
-          const fileNameContainer2 = document.createElement("div");
-          fileNameContainer2.className = styles$s.fileNameContainer;
-          fileNameContainer2.textContent = getFileName(fileName);
-          fileNameContainer2.title = fileName;
-          metadataContainer2.append(fileNameContainer2);
-        }
-        preElement.parentNode.insertBefore(buttons2, preElement.nextSibling);
+        const parent = preElement.parentNode;
+        if (!parent) return;
+        const previewContainer = buttons2.querySelector(`[data-container-type="preview"]`);
+        const actionsContainer = buttons2.querySelector(`[data-container-type="actions"]`);
+        if (!previewContainer || !actionsContainer) return;
+        parent.insertBefore(previewContainer, preElement);
+        parent.removeChild(preElement);
+        parent.insertBefore(preElement, null);
+        parent.appendChild(actionsContainer);
       }
     }
   }, [
@@ -67917,30 +68142,32 @@ const ChatMessageContent = ({
     () => extractThinkContent(displayMarkdown),
     [displayMarkdown]
   );
+  const [isOpen, setIsOpen] = useState$1(true);
   return /* @__PURE__ */ jsxs("div", { ref: rootRef, "data-testid": "chat-message-content", children: [
     thinkContent.length > 0 && /* @__PURE__ */ jsxs(
       "details",
       {
-        open: true,
-        className: "tw-container tw-mb-7 tw-border tw-border-gray-500/20 dark:tw-border-gray-600/40 tw-rounded-lg tw-overflow-hidden tw-backdrop-blur-sm hover:tw-bg-gray-200/50 dark:hover:tw-bg-gray-700/50",
+        open: isOpen,
+        onToggle: (e2) => setIsOpen(e2.target.open),
+        className: "tw-container tw-mb-4 tw-border tw-border-gray-500/20 dark:tw-border-gray-600/40 tw-rounded-lg tw-overflow-hidden tw-backdrop-blur-sm",
         title: "Thinking & Reasoning Space",
         children: [
           /* @__PURE__ */ jsxs(
             "summary",
             {
               className: clsx$1(
-                "tw-flex tw-items-center tw-gap-2 tw-px-3 tw-py-2 tw-bg-gray-100/50 dark:tw-bg-gray-800/80 tw-cursor-pointer tw-select-none tw-transition-colors",
+                "tw-flex tw-items-center tw-gap-2 tw-px-3 tw-py-2 tw-bg-transparent dark:tw-bg-transparent tw-cursor-pointer tw-select-none tw-transition-colors",
                 {
                   "tw-animate-pulse": isThinking
                 }
               ),
               children: [
-                isThinking ? /* @__PURE__ */ jsx(Loader, { size: 16, className: "tw-animate-spin tw-text-muted-foreground" }) : /* @__PURE__ */ jsx(Plus, { size: 16, className: "tw-text-muted-foreground" }),
-                /* @__PURE__ */ jsx("span", { className: "tw-font-medium tw-text-gray-600 dark:tw-text-gray-300", children: isThinking ? "Thinking..." : "Thought Process" })
+                isThinking ? /* @__PURE__ */ jsx(Loader, { size: 16, className: "tw-animate-spin tw-text-foreground/80" }) : /* @__PURE__ */ jsx(Fragment$1, { children: isOpen ? /* @__PURE__ */ jsx(Minus, { size: 16, className: "tw-text-foreground/80" }) : /* @__PURE__ */ jsx(Plus, { size: 16, className: "tw-text-foreground/80" }) }),
+                /* @__PURE__ */ jsx("span", { className: "tw-font-semibold tw-text-foreground/80", children: isThinking ? "Thinking..." : "Thought Process" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "tw-px-4 tw-py-3 tw-mx-4 tw-text-sm tw-prose dark:tw-prose-invert tw-max-w-none tw-leading-relaxed tw-text-base/7 tw-text-muted-foreground", children: thinkContent })
+          /* @__PURE__ */ jsx("div", { className: "tw-px-4 tw-py-3 tw-mx-4 tw-text-sm tw-prose dark:tw-prose-invert tw-max-w-none tw-leading-relaxed tw-text-base/7", children: /* @__PURE__ */ jsx(MarkdownFromCody, { className: clsx$1(styles$s.content, className), children: thinkContent }) })
         ]
       }
     ),
@@ -68077,11 +68304,9 @@ const RateLimitErrorItem = ({ error: error2, userInfo, postMessage }) => {
 };
 const dotsHolder = "_dots-holder_10c80_1";
 const dot = "_dot_10c80_1";
-const flash = "_flash_10c80_1";
 const styles$p = {
   dotsHolder,
-  dot,
-  flash
+  dot
 };
 const LoadingDots = () => /* @__PURE__ */ jsxs("div", { className: styles$p.dotsHolder, role: "status", "aria-busy": true, children: [
   /* @__PURE__ */ jsx("div", { className: styles$p.dot }),
@@ -68629,12 +68854,8 @@ const Code = forwardRef(function Code2({ children: children2, as: Component = "c
   );
 });
 const codeExcerpt = "_code-excerpt_1taji_1";
-const codeExcerptError = "_code-excerpt-error_1taji_1";
-const codeExcerptAlert = "_code-excerpt-alert_1taji_1";
 const styles$n = {
-  codeExcerpt,
-  codeExcerptError,
-  codeExcerptAlert
+  codeExcerpt
 };
 const CodeExcerpt = (props) => {
   const {
@@ -68718,40 +68939,28 @@ const CodeExcerpt = (props) => {
   );
 };
 const resultContainer = "_result-container_1qba3_12";
-const header$2 = "_header_1qba3_32";
+const header$1 = "_header_1qba3_32";
 const headerTitle = "_header-title_1qba3_1";
 const result = "_result_1qba3_12";
-const searchResultMatch = "_search-result-match_1qba3_57";
 const horizontalDividerBetween = "_horizontal-divider-between_1qba3_67";
 const focusableBlock = "_focusable-block_1qba3_73";
 const clickable = "_clickable_1qba3_79";
-const dividerBetween = "_divider-between_1qba3_86";
-const dividerVertical = "_divider-vertical_1qba3_96";
-const divider = "_divider_1qba3_86";
-const title = "_title_1qba3_108";
 const titleInner = "_title-inner_1qba3_116";
 const toggleMatchesButton = "_toggle-matches-button_1qba3_120";
 const toggleMatchesButtonExpanded = "_toggle-matches-button--expanded_1qba3_1";
 const toggleMatchesButtonText = "_toggle-matches-button-text_1qba3_1";
-const addToContextLabel = "_addToContextLabel_1qba3_143";
 const styles$m = {
   resultContainer,
-  header: header$2,
+  header: header$1,
   headerTitle,
   result,
-  searchResultMatch,
   horizontalDividerBetween,
   focusableBlock,
   clickable,
-  dividerBetween,
-  dividerVertical,
-  divider,
-  title,
   titleInner,
   toggleMatchesButton,
   toggleMatchesButtonExpanded,
-  toggleMatchesButtonText,
-  addToContextLabel
+  toggleMatchesButtonText
 };
 const chunk = "_chunk_qvvv3_1";
 const styles$l = {
@@ -69911,18 +70120,16 @@ const SearchFiltersModal = ({
   ] });
 };
 const filtersSidebar = "_filters-sidebar_1qmjt_2";
-const root$5 = "_root_1qmjt_12";
+const root$4 = "_root_1qmjt_12";
 const resultsContainer = "_results-container_1qmjt_18";
-const filtersSidebarHidden = "_filters-sidebar-hidden_1qmjt_21";
 const filtersSidebarToggle = "_filters-sidebar-toggle_1qmjt_28";
 const filtersModalTrigger = "_filters-modal-trigger_1qmjt_34";
 const searchResultsHeader = "_search-results-header_1qmjt_44";
 const searchResultsHeaderLabel = "_search-results-header-label_1qmjt_53";
 const styles$i = {
   filtersSidebar,
-  root: root$5,
+  root: root$4,
   resultsContainer,
-  filtersSidebarHidden,
   filtersSidebarToggle,
   filtersModalTrigger,
   searchResultsHeader,
@@ -70501,7 +70708,6 @@ function commandRowValue(row2) {
   return row2.actionType === "prompt" ? `prompt-${row2.id}` : `command-${row2.key}`;
 }
 const item = "_item_1lclp_2";
-const itemIndicator = "_item--indicator_1lclp_13";
 const promptAvatar = "_prompt--avatar_1lclp_18";
 const promptDescription = "_prompt--description_1lclp_18";
 const promptIcon = "_prompt--icon_1lclp_18";
@@ -70511,7 +70717,6 @@ const promptTitle = "_prompt--title_1lclp_1";
 const promptName = "_prompt--name_1lclp_1";
 const styles$f = {
   item,
-  itemIndicator,
   promptAvatar,
   promptDescription,
   promptIcon,
@@ -71306,7 +71511,7 @@ Defaulting to \`null\`.`;
 }
 var Root$2 = Progress;
 var Indicator = ProgressIndicator;
-const root$4 = "_root_oxlxy_2";
+const root$3 = "_root_oxlxy_2";
 const iconsHeader = "_icons-header_oxlxy_11";
 const heading = "_heading_oxlxy_17";
 const descriptionText = "_description-text_oxlxy_24";
@@ -71319,7 +71524,7 @@ const loaderIndicator = "_loader-indicator_oxlxy_1";
 const error = "_error_oxlxy_73";
 const close = "_close_oxlxy_83";
 const styles$c = {
-  root: root$4,
+  root: root$3,
   iconsHeader,
   heading,
   descriptionText,
@@ -71589,14 +71794,14 @@ function useLinkOpener() {
 }
 const container$2 = "_container_1eiqs_6";
 const editor$1 = "_editor_1eiqs_17";
-const toolbar$1 = "_toolbar_1eiqs_23";
-const focused$1 = "_focused_1eiqs_28";
+const toolbar = "_toolbar_1eiqs_23";
+const focused = "_focused_1eiqs_28";
 const editorContentEditable$1 = "_editor-content-editable_1eiqs_30";
 const styles$a = {
   container: container$2,
   editor: editor$1,
-  toolbar: toolbar$1,
-  focused: focused$1,
+  toolbar,
+  focused,
   editorContentEditable: editorContentEditable$1
 };
 const CodyLogo = ({ size: size2, ...props }) => /* @__PURE__ */ jsxs(
@@ -71838,7 +72043,6 @@ function chatModelIconComponent(model) {
   return CodyLogoBW;
 }
 const button = "_button_1wufw_5";
-const buttonIconEndChevron = "_button--icon-end-chevron_1wufw_37";
 const buttonSmallIcon = "_button--small-icon_1wufw_41";
 const buttonPrimary = "_button--primary_1wufw_47";
 const buttonNoIconStart = "_button--no-icon-start_1wufw_51";
@@ -71846,7 +72050,6 @@ const buttonNoIconEnd = "_button--no-icon-end_1wufw_55";
 const buttonSecondary = "_button--secondary_1wufw_60";
 const toolbarStyles = {
   button,
-  buttonIconEndChevron,
   buttonSmallIcon,
   buttonPrimary,
   buttonNoIconStart,
@@ -71974,7 +72177,6 @@ const ToolbarPopoverItem = ({
 const chatModelPopover = "_chat-model-popover_k71kd_1";
 const modelTitleWithIcon = "_model-title-with-icon_k71kd_5";
 const modelName = "_model-name_k71kd_17";
-const modelProvider = "_model-provider_k71kd_21";
 const disabled = "_disabled_k71kd_27";
 const modelIcon = "_model-icon_k71kd_31";
 const rightIcon = "_right-icon_k71kd_35";
@@ -71983,7 +72185,6 @@ const styles$9 = {
   chatModelPopover,
   modelTitleWithIcon,
   modelName,
-  modelProvider,
   disabled,
   modelIcon,
   rightIcon,
@@ -74780,27 +74981,22 @@ const HumanMessageEditor = ({
     [onGapClick]
   );
   const onMentionClick = useCallback(() => {
-    if (!editorRef.current) {
-      throw new Error("No editorRef");
-    }
-    if (editorRef.current.getSerializedValue().text.trim().endsWith("@")) {
-      editorRef.current.setFocus(true, { moveCursorToEnd: true });
-    } else {
-      editorRef.current.appendText("@");
+    if (editorRef.current) {
+      editorRef.current.openAtMentionMenu();
+      const value = editorRef.current.getSerializedValue();
+      telemetryRecorder.recordEvent("cody.humanMessageEditor.toolbar.mention", "click", {
+        metadata: {
+          isFirstMessage: isFirstMessage ? 1 : 0,
+          isEdit: isSent ? 1 : 0,
+          messageLength: value.text.length,
+          contextItems: value.contextItems.length
+        },
+        billingMetadata: {
+          product: "cody",
+          category: "billable"
+        }
+      });
     }
-    const value = editorRef.current.getSerializedValue();
-    telemetryRecorder.recordEvent("cody.humanMessageEditor.toolbar.mention", "click", {
-      metadata: {
-        isFirstMessage: isFirstMessage ? 1 : 0,
-        isEdit: isSent ? 1 : 0,
-        messageLength: value.text.length,
-        contextItems: value.contextItems.length
-      },
-      billingMetadata: {
-        product: "cody",
-        category: "billable"
-      }
-    });
   }, [telemetryRecorder.recordEvent, isFirstMessage, isSent]);
   const extensionAPI = useExtensionAPI();
   useClientActionListener(
@@ -75763,25 +75959,13 @@ const PrettyPrintedContextItem = ({ path: path2, range: range2, repoShortName: r
 };
 const contextItem = "_context-item_h7t04_1";
 const contextItemMetadata = "_context-item-metadata_h7t04_5";
-const contextItemEditButton = "_context-item-edit-button_h7t04_11";
-const contextItemEditButtonIcon = "_context-item-edit-button-icon_h7t04_18";
-const contextSuggestedActions = "_context-suggested-actions_h7t04_23";
-const root$3 = "_root_h7t04_29";
 const linkContainer = "_link-container_h7t04_35";
-const header$1 = "_header_h7t04_40";
 const contextItemLink = "_context-item-link_h7t04_46";
-const codeBlock = "_code-block_h7t04_67";
 const styles$4 = {
   contextItem,
   contextItemMetadata,
-  contextItemEditButton,
-  contextItemEditButtonIcon,
-  contextSuggestedActions,
-  root: root$3,
   linkContainer,
-  header: header$1,
-  contextItemLink,
-  codeBlock
+  contextItemLink
 };
 const __ContextCellStorybookContext = createContext(null);
 const ContextCell = memo$1(
@@ -76503,10 +76687,6 @@ function reevaluateSearchWithSelectedFilters({
     selectedFilters
   });
 }
-const chatDisabled = "_chat-disabled_rc7no_1";
-const styles$3 = {
-  chatDisabled
-};
 const localStorageKey = "chat.welcome-message-dismissed";
 const WelcomeMessage = ({
   setView,
@@ -76628,6 +76808,10 @@ const ScrollDown = (props) => {
     }
   ) }) : null;
 };
+const chatDisabled = "_chat-disabled_rc7no_1";
+const styles$3 = {
+  chatDisabled
+};
 const Chat = ({
   messageInProgress,
   transcript,
@@ -76675,27 +76859,35 @@ const Chat = ({
     if (!showIDESnippetActions) {
       return;
     }
+    function onSubmit({
+      id: id2,
+      text: text2,
+      instruction,
+      fileName,
+      isPrefetch
+    }) {
+      const command = isPrefetch ? "smartApplyPrefetch" : "smartApplySubmit";
+      const spanManager = new SpanManager("cody-webview");
+      const span = spanManager.startSpan(command, {
+        attributes: {
+          sampled: true,
+          "smartApply.id": id2
+        }
+      });
+      const traceparent = getTraceparentFromSpanContext(span.spanContext());
+      vscodeAPI.postMessage({
+        command,
+        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,
+        traceparent
+      });
+      span.end();
+    }
     return {
-      onSubmit: (id2, text2, instruction, fileName) => {
-        const spanManager = new SpanManager("cody-webview");
-        const span = spanManager.startSpan("smartApplySubmit", {
-          attributes: {
-            sampled: true,
-            "smartApply.id": id2
-          }
-        });
-        const traceparent = getTraceparentFromSpanContext(span.spanContext());
-        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,
-          traceparent
-        });
-        span.end();
-      },
+      onSubmit,
       onAccept: (id2) => {
         vscodeAPI.postMessage({
           command: "smartApplyAccept",
@@ -77288,7 +77480,6 @@ async function createAgentClient({
   accessToken,
   createAgentWorker,
   customHeaders,
-  repository,
   telemetryClientName,
   debug = true,
   trace: trace2 = false
@@ -77319,9 +77510,9 @@ async function createAgentClient({
   const serverInfo = await rpc.sendRequest("initialize", {
     name: "web",
     version: "0.0.1",
-    // Empty root URI leads to openctx configuration resolution failure, any non-empty
-    // mock value (Cody Web doesn't really use any workspace related features)
-    workspaceRootUri: `repo:${repository ?? ""}`,
+    // This is not used in cody web. Instead we trigger `workspaceFolder/didChange` to notify
+    // the agent about the current workspace.
+    workspaceRootUri: "",
     capabilities: {
       edit: "none",
       completions: "none",
@@ -77357,118 +77548,107 @@ async function createAgentClient({
   };
 }
 const GLOBAL_MESSAGE_TYPES = ["rpc/response"];
+const GLOBAL_AGENT_SHUTDOWN_TIMER = 10 * 60 * 1e3;
+let globalAgentRefCounter = 0;
+let globalAgentShutdownTimer;
+let globalAgent;
+function retainGlobalAgent() {
+  window.clearTimeout(globalAgentShutdownTimer);
+  globalAgentRefCounter += 1;
+}
+function releaseGlobalAgent() {
+  if (globalAgentRefCounter > 0) {
+    globalAgentRefCounter -= 1;
+  }
+  if (globalAgentRefCounter === 0) {
+    globalAgentShutdownTimer = window.setTimeout(() => {
+      if (globalAgentRefCounter === 0) {
+        globalAgent == null ? void 0 : globalAgent.then((agent2) => agent2.client.dispose());
+        globalAgent = void 0;
+      }
+    }, GLOBAL_AGENT_SHUTDOWN_TIMER);
+  }
+}
 function useCodyWebAgent(input2) {
-  const {
-    serverEndpoint,
-    accessToken,
-    telemetryClientName,
-    customHeaders,
-    repository,
-    createAgentWorker
-  } = input2;
-  const activeWebviewPanelIDRef = useRef$1("");
-  const [client, setClient] = useState$1(null);
-  useEffectOnce(() => {
-    createAgentClient({
+  const [agent2, setAgent] = useState$1(null);
+  if (!globalAgent) {
+    globalAgent = createCodyAgent(input2);
+  }
+  useEffect$2(() => {
+    globalAgent == null ? void 0 : globalAgent.then(setAgent, setAgent);
+    retainGlobalAgent();
+    return releaseGlobalAgent;
+  }, []);
+  return agent2;
+}
+async function createCodyAgent(input2) {
+  const { serverEndpoint, accessToken, telemetryClientName, customHeaders, createAgentWorker } = input2;
+  const activeWebviewPanelIDRef = { current: "" };
+  try {
+    const client = await createAgentClient({
       customHeaders,
       telemetryClientName,
-      createAgentWorker,
       serverEndpoint,
       accessToken: accessToken ?? "",
-      repository
-    }).then(setClient).catch((error2) => {
-      console.error("Cody Web Agent creation failed", error2);
-      setClient(() => error2);
-    });
-  }, [accessToken, serverEndpoint, createAgentWorker, customHeaders, telemetryClientName]);
-  const createNewChat = useCallback(async (agent2) => {
-    if (!agent2 || isErrorLike(agent2)) {
-      return;
-    }
-    const { panelId, chatId } = await agent2.rpc.sendRequest("chat/web/new", null);
-    activeWebviewPanelIDRef.current = panelId;
-    await agent2.rpc.sendRequest("webview/receiveMessage", {
-      id: activeWebviewPanelIDRef.current,
-      message: { chatID: chatId, command: "restoreHistory" }
+      createAgentWorker
     });
-  }, []);
-  const isInitRef = useRef$1(false);
-  const vscodeAPI = useVSCodeAPI({ activeWebviewPanelIDRef, createNewChat, client });
-  useEffect$2(() => {
-    if (isInitRef.current || !client || isErrorLike(client)) {
-      return;
-    }
-    void createNewChat(client);
-    isInitRef.current = true;
-  }, [client, createNewChat]);
-  return { client, vscodeAPI };
+    const createNewChat = async () => {
+      const { panelId, chatId } = await client.rpc.sendRequest("chat/web/new", null);
+      activeWebviewPanelIDRef.current = panelId;
+      await client.rpc.sendRequest("webview/receiveMessage", {
+        id: activeWebviewPanelIDRef.current,
+        message: { chatID: chatId, command: "restoreHistory" }
+      });
+    };
+    const vscodeAPI = createVSCodeAPI({ activeWebviewPanelIDRef, createNewChat, client });
+    setVSCodeWrapper(vscodeAPI);
+    return { vscodeAPI, createNewChat, client };
+  } catch (error2) {
+    console.error("Cody Web Agent creation failed", error2);
+    throw error2;
+  }
 }
-function useVSCodeAPI(input2) {
+function createVSCodeAPI(input2) {
   const { client, activeWebviewPanelIDRef, createNewChat } = input2;
-  const onMessageCallbacksRef = useRef$1([]);
-  return useMemo$1(() => {
-    if (!client) {
-      return null;
-    }
-    if (!isErrorLike(client)) {
-      client.rpc.onNotification(
-        "webview/postMessage",
-        ({ id: id2, message: message2 }) => {
-          if (activeWebviewPanelIDRef.current === id2 || GLOBAL_MESSAGE_TYPES.includes(message2.type)) {
-            for (const callback of onMessageCallbacksRef.current) {
-              callback(hydrateAfterPostMessage(message2, (uri) => URI.from(uri)));
-            }
-          }
+  const onMessageCallbacks = [];
+  client.rpc.onNotification(
+    "webview/postMessage",
+    ({ id: id2, message: message2 }) => {
+      if (activeWebviewPanelIDRef.current === id2 || GLOBAL_MESSAGE_TYPES.includes(message2.type)) {
+        for (const callback of onMessageCallbacks) {
+          callback(hydrateAfterPostMessage(message2, (uri) => URI.from(uri)));
         }
-      );
+      }
     }
-    const vscodeAPI = {
-      postMessage: (message2) => {
-        if (!isErrorLike(client)) {
-          if (message2.command === "command" && message2.id === "cody.chat.new") {
-            void createNewChat(client);
-            return;
-          }
-          void client.rpc.sendRequest("webview/receiveMessage", {
-            id: activeWebviewPanelIDRef.current,
-            message: forceHydration(message2)
-          });
-        }
-      },
-      onMessage: (callback) => {
-        if (!isErrorLike(client)) {
-          onMessageCallbacksRef.current.push(callback);
-          return () => {
-            const index2 = onMessageCallbacksRef.current.indexOf(callback);
-            if (index2 >= 0) {
-              onMessageCallbacksRef.current.splice(index2, 1);
-            }
-          };
-        }
-        return () => {
-        };
-      },
-      getState: () => {
-        throw new Error("not implemented");
-      },
-      setState: () => {
-        throw new Error("not implemented");
+  );
+  const vscodeAPI = {
+    postMessage: (message2) => {
+      if (message2.command === "command" && message2.id === "cody.chat.new") {
+        void createNewChat();
+        return;
       }
-    };
-    setVSCodeWrapper(vscodeAPI);
-    return vscodeAPI;
-  }, [client, createNewChat, activeWebviewPanelIDRef]);
-}
-function useEffectOnce(effect, deps) {
-  const isInitRef = useRef$1(false);
-  useEffect$2(() => {
-    if (isInitRef.current) {
-      return;
+      void client.rpc.sendRequest("webview/receiveMessage", {
+        id: activeWebviewPanelIDRef.current,
+        message: forceHydration(message2)
+      });
+    },
+    onMessage: (callback) => {
+      onMessageCallbacks.push(callback);
+      return () => {
+        const index2 = onMessageCallbacks.indexOf(callback);
+        if (index2 >= 0) {
+          onMessageCallbacks.splice(index2, 1);
+        }
+      };
+    },
+    getState: () => {
+      throw new Error("not implemented");
+    },
+    setState: () => {
+      throw new Error("not implemented");
     }
-    const result2 = effect();
-    isInitRef.current = true;
-    return result2;
-  }, deps);
+  };
+  return vscodeAPI;
 }
 const root$2 = "_root_maej5_2";
 const container$1 = "_container_maej5_10";
@@ -77485,7 +77665,6 @@ const chatSubmitButton = "_chat-submit-button_1yqw7_1";
 const message = "_message_1yqw7_48";
 const messageContent = "_message-content_1yqw7_1";
 const line = "_line_1yqw7_61";
-const shineLines = "_shine-lines_1yqw7_1";
 const lineCircle = "_line-circle_1yqw7_1";
 const lineCircleSmall = "_line-circle-small_1yqw7_1";
 const lineSmall = "_line-small_1yqw7_1";
@@ -77502,7 +77681,6 @@ const styles$1 = {
   message,
   messageContent,
   line,
-  shineLines,
   lineCircle,
   lineCircleSmall,
   lineSmall,
@@ -77585,39 +77763,35 @@ setDisplayPathEnvInfo({
   workspaceFolders: []
 });
 const CodyWebChat = ({
-  serverEndpoint,
-  accessToken,
-  createAgentWorker,
+  agentConfig,
   initialContext,
-  telemetryClientName,
-  customHeaders,
   className,
   onExternalApiReady,
   controller,
   viewType
 }) => {
-  const { client, vscodeAPI } = useCodyWebAgent({
-    serverEndpoint,
-    accessToken,
-    createAgentWorker,
-    initialContext,
-    telemetryClientName,
-    customHeaders,
-    repository: initialContext == null ? void 0 : initialContext.repository.name
-  });
-  if (isErrorLike(client)) {
+  const agent2 = useCodyWebAgent(agentConfig);
+  useEffect$2(() => {
+    if (agent2 && !isErrorLike(agent2)) {
+      agent2.client.rpc.sendNotification("workspaceFolder/didChange", {
+        uris: (initialContext == null ? void 0 : initialContext.repository.name) ? [`repo:${initialContext.repository.name}`] : []
+      });
+      agent2.createNewChat();
+    }
+  }, [initialContext == null ? void 0 : initialContext.repository, agent2]);
+  if (isErrorLike(agent2)) {
     return /* @__PURE__ */ jsxs("p", { children: [
       "Cody Web client agent error: ",
-      client.message
+      agent2.message
     ] });
   }
-  if (client === null || vscodeAPI === null) {
+  if (agent2 === null) {
     return /* @__PURE__ */ jsx(ChatSkeleton, { className: classNames(className, styles$2.root) });
   }
   return /* @__PURE__ */ jsx(AppWrapper, { children: /* @__PURE__ */ jsx("div", { className: classNames(className, styles$2.root), children: /* @__PURE__ */ jsx(
     CodyWebPanel,
     {
-      vscodeAPI,
+      vscodeAPI: agent2.vscodeAPI,
       initialContext,
       className: styles$2.container,
       onExternalApiReady,
@@ -77817,15 +77991,11 @@ const CodyWebPanel = (props) => {
 const root = "_root_n2nil_6";
 const container = "_container_n2nil_14";
 const editor = "_editor_n2nil_28";
-const toolbar = "_toolbar_n2nil_34";
-const focused = "_focused_n2nil_39";
 const editorContentEditable = "_editor-content-editable_n2nil_41";
 const styles = {
   root,
   container,
   editor,
-  toolbar,
-  focused,
   editorContentEditable
 };
 setDisplayPathEnvInfo({
@@ -77833,37 +78003,27 @@ setDisplayPathEnvInfo({
   workspaceFolders: []
 });
 const CodyPromptTemplate = ({
-  serverEndpoint,
-  accessToken,
-  createAgentWorker,
-  telemetryClientName,
-  customHeaders,
+  agentConfig,
   className,
   disabled: disabled2,
   initialEditorState,
   placeholder: placeholder2,
   onEditorApiReady
 }) => {
-  const { client, vscodeAPI } = useCodyWebAgent({
-    serverEndpoint,
-    accessToken,
-    createAgentWorker,
-    telemetryClientName,
-    customHeaders
-  });
-  if (isErrorLike(client)) {
+  const agent2 = useCodyWebAgent(agentConfig);
+  if (isErrorLike(agent2)) {
     return /* @__PURE__ */ jsxs("p", { children: [
       "Cody Web client agent error: ",
-      client.message
+      agent2.message
     ] });
   }
-  if (client === null || vscodeAPI === null) {
+  if (agent2 === null) {
     return /* @__PURE__ */ jsx(PromptTemplateSkeleton, { className: classNames(className, styles.root) });
   }
   return /* @__PURE__ */ jsx(AppWrapper, { children: /* @__PURE__ */ jsx("div", { className: classNames(className, styles.root), children: /* @__PURE__ */ jsx(
     CodyPromptTemplatePanel,
     {
-      vscodeAPI,
+      vscodeAPI: agent2.vscodeAPI,
       className: styles.container,
       disabled: disabled2,
       initialEditorState,
@@ -77986,6 +78146,6 @@ export {
   ChatSkeleton,
   CodyPromptTemplate,
   CodyWebChat,
-  cj as deserialize,
-  ci as serialize
+  ck as deserialize,
+  cj as serialize
 };