@sourcegraph/cody-web 0.19.0 → 0.20.0

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, q as qe$1, _ as _s, a as ds, y as ys, x as xi$1, k as ke$1, L as Ls, b as ks, F as Fi$1, c as bs, i as ii$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$3, G as oe$2, 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, T as F$1, V as Ni$1, X as ee$1, Y as we$2, Z as b$2, $ as T$3, a0 as s$2, a1 as o$4, a2 as w$3, a3 as i$1, a4 as k$3, a5 as D$5, a6 as p$8, a7 as m$7, a8 as S$4, a9 as v$4, aa as P$2, ab as E$6, ac as Wi$1, ad as L$3, ae as d$2, af as a$3, ag as l$2, ah as f$2, ai as u$6, aj as r$5, ak as t$2, al as isRemoteWorkspaceProvider, am as FILE_CONTEXT_MENTION_PROVIDER, an as SYMBOL_CONTEXT_MENTION_PROVIDER, ao as REMOTE_REPOSITORY_PROVIDER_URI, ap as REMOTE_FILE_PROVIDER_URI, aq as REMOTE_DIRECTORY_PROVIDER_URI, ar as WEB_PROVIDER_URI, as as WORKSPACE_DIRECTORY_PROVIDER_URI, at as WORKSPACE_REPOSITORY_PROVIDER_URI, au as displayPath, av as displayLineRange, aw as displayPathDirname, ax as displayPathBasename, ay as IGNORED_FILE_WARNING_LABEL, az as LARGE_FILE_WARNING_LABEL, aA as Ei$1, aB as xe$2, aC as V$2, aD as Es, aE as U$2, aF as e, aG as Ns, aH as object, aI as literal, aJ as string$2, aK as an, aL as gs, aM as serializeContextItem, aN as CONTEXT_ITEM_MENTION_NODE_TYPE, aO as contextItemMentionNodeDisplayText, C as ContextItemSource, aP as URI, aQ as is, aR as qr, aS as _$2, aT as TEMPLATE_INPUT_NODE_TYPE, aU as N$2, aV as parseMentionQuery, aW as NO_SYMBOL_MATCHES_HELP_LABEL, aX as FILE_RANGE_TOOLTIP_LABEL, aY as Observable$1, aZ as createExtensionAPI, a_ as createMessageAPIForWebview, a$ as debounce, b0 as memoizeLastValue, b1 as toSerializedPromptEditorValue, b2 as ri$1, b3 as isEqual, b4 as scanForMentionTriggerInUserTextInput, b5 as fs, b6 as Ts, b7 as ps, b8 as getMentionOperations, b9 as forceHydration, ba as hydrateAfterPostMessage, bb as isSourcegraphToken, bc as trace, bd as context$1, be as SpanStatusCode, bf as FeatureFlag, bg as webviewOpenURIForContextItem, bh as isCodyProUser, bi as commonjsGlobal, bj as CodyIDE, bk as CodyTaskState, bl as cryptoJsExports, bm as isError, bn as RateLimitError, bo as CODY_FEEDBACK_URL, bp as isDefined, bq as upperFirst, br as lodashExports, bs as createContextItem, bt as CODE_SEARCH_PROVIDER_URI, bu as reformatBotMessageForChat, bv as isAbortErrorOrSocketHangUp, bw as ModelTag, bx as serializedPromptEditorStateFromChatMessage, by as contextItemsFromPromptEditorValue, bz as filterContextItemsFromPromptEditorValue, bA as pluralize$1, bB as CustomCommandType, bC as View, bD as isCodyProModel, bE as isWaitlistModel, bF as isDotCom, bG as ACCOUNT_USAGE_URL, bH as ACCOUNT_UPGRADE_URL, bI as getRelativeChatPeriod, bJ as isMacOS, bK as firstResultFromOperation, bL as textContentFromSerializedLexicalNode, bM as firstValueFrom, bN as skipPendingOperation, bO as FAST_CHAT_INPUT_TOKEN_BUDGET, bP as inputTextWithMappedContextChipsFromPromptEditorState, bQ as deserializeContextItem, bR as truncateTextStart, bS as CHAT_INPUT_TOKEN_BUDGET, bT as DOTCOM_WORKSPACE_UPGRADE_URL, bU as DOTCOM_WORKSPACE_LEARN_MORE_URL, bV as S2_URL, bW as browser, bX as isErrorLike, bY as PromptString, bZ as setDisplayPathEnvInfo } from "./browser-Ct2FvU41.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$3, G as oe$2, 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, T as F$1, V as Ni$1, X as ee$1, Y as we$2, Z as b$2, $ as T$3, a0 as s$2, a1 as o$4, a2 as w$3, a3 as i$1, a4 as k$3, a5 as D$5, a6 as p$8, a7 as m$7, a8 as S$4, a9 as v$4, aa as P$2, ab as E$6, ac as Wi$1, ad as L$3, ae as d$2, af as a$3, ag as l$2, ah as f$2, ai as u$6, aj as r$5, ak as t$2, al as isRemoteWorkspaceProvider, am as FILE_CONTEXT_MENTION_PROVIDER, an as SYMBOL_CONTEXT_MENTION_PROVIDER, ao as REMOTE_REPOSITORY_PROVIDER_URI, ap as REMOTE_FILE_PROVIDER_URI, aq as REMOTE_DIRECTORY_PROVIDER_URI, ar as WEB_PROVIDER_URI, as as WORKSPACE_DIRECTORY_PROVIDER_URI, at as WORKSPACE_REPOSITORY_PROVIDER_URI, au as displayPath, av as displayLineRange, aw as displayPathDirname, ax as displayPathBasename, ay as IGNORED_FILE_WARNING_LABEL, az as LARGE_FILE_WARNING_LABEL, aA as Ei$1, aB as xe$2, aC as V$2, aD as Es, aE as U$2, aF as e, aG as Ns, aH as object, aI as literal, aJ as string$2, aK as gs, aL as serializeContextItem, aM as CONTEXT_ITEM_MENTION_NODE_TYPE, aN as contextItemMentionNodeDisplayText, C as ContextItemSource, aO as URI, aP as is, aQ as an, aR as qr, aS as _$2, aT as TEMPLATE_INPUT_NODE_TYPE, aU as N$2, aV as parseMentionQuery, aW as NO_SYMBOL_MATCHES_HELP_LABEL, aX as FILE_RANGE_TOOLTIP_LABEL, aY as Observable$1, aZ as createExtensionAPI, a_ as createMessageAPIForWebview, a$ as debounce, b0 as memoizeLastValue, b1 as toSerializedPromptEditorValue, b2 as ri$1, b3 as isEqual, b4 as scanForMentionTriggerInUserTextInput, b5 as fs, b6 as Ts, b7 as ps, b8 as getMentionOperations, b9 as forceHydration, ba as hydrateAfterPostMessage, bb as isSourcegraphToken, bc as trace, bd as context$1, be as SpanStatusCode, bf as FeatureFlag, bg as webviewOpenURIForContextItem, bh as isCodyProUser, bi as commonjsGlobal, bj as CodyIDE, bk as CodyTaskState, bl as cryptoJsExports, bm as isError, bn as RateLimitError, bo as CODY_FEEDBACK_URL, bp as isDefined, bq as upperFirst, br as lodashExports, bs as createContextItem, bt as CODE_SEARCH_PROVIDER_URI, bu as reformatBotMessageForChat, bv as isAbortErrorOrSocketHangUp, bw as ModelTag, bx as serializedPromptEditorStateFromChatMessage, by as contextItemsFromPromptEditorValue, bz as filterContextItemsFromPromptEditorValue, bA as pluralize$1, bB as CustomCommandType, bC as View, bD as isCodyProModel, bE as isWaitlistModel, bF as isDotCom, bG as ACCOUNT_USAGE_URL, bH as ACCOUNT_UPGRADE_URL, bI as getRelativeChatPeriod, bJ as isMacOS, bK as firstResultFromOperation, bL as textContentFromSerializedLexicalNode, bM as firstValueFrom, bN as skipPendingOperation, bO as FAST_CHAT_INPUT_TOKEN_BUDGET, bP as inputTextWithMappedContextChipsFromPromptEditorState, bQ as deserializeContextItem, bR as truncateTextStart, bS as CHAT_INPUT_TOKEN_BUDGET, bT as DOTCOM_WORKSPACE_UPGRADE_URL, bU as DOTCOM_WORKSPACE_LEARN_MORE_URL, bV as S2_URL, bW as browser, bX as isErrorLike, bY as PromptString, bZ as setDisplayPathEnvInfo } from "./browser-C8qAwvsz.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: {} };
@@ -64,97 +64,6 @@ var classnames = { exports: {} };
 })(classnames);
 var classnamesExports = classnames.exports;
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-function m$6(e2) {
-  return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
-}
-m$6(function(e2) {
-  const t2 = new URLSearchParams();
-  t2.append("code", e2);
-  for (let e3 = 1; e3 < arguments.length; e3++) t2.append("v", arguments[e3]);
-  throw Error(`Minified Lexical error #${e2}; visit https://lexical.dev/docs/error?${t2} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-});
-const x$5 = /* @__PURE__ */ new Map();
-function w$2(e2) {
-  const t2 = {}, n2 = e2.split(";");
-  for (const e3 of n2) if ("" !== e3) {
-    const [n3, l2] = e3.split(/:([^]+)/);
-    n3 && l2 && (t2[n3.trim()] = l2.trim());
-  }
-  return t2;
-}
-function E$5(e2, n2) {
-  const l2 = e2.getStartEndPoints();
-  if (n2.isSelected(e2) && !n2.isSegmented() && !n2.isToken() && null !== l2) {
-    const [o2, r2] = l2, s2 = e2.isBackward(), i2 = o2.getNode(), c2 = r2.getNode(), f2 = n2.is(i2), u2 = n2.is(c2);
-    if (f2 || u2) {
-      const [l3, o3] = xi$1(e2), r3 = i2.is(c2), f3 = n2.is(s2 ? c2 : i2), u3 = n2.is(s2 ? i2 : c2);
-      let g2, a2 = 0;
-      if (r3) a2 = l3 > o3 ? o3 : l3, g2 = l3 > o3 ? l3 : o3;
-      else if (f3) {
-        a2 = s2 ? o3 : l3, g2 = void 0;
-      } else if (u3) {
-        a2 = 0, g2 = s2 ? l3 : o3;
-      }
-      return n2.__text = n2.__text.slice(a2, g2), n2;
-    }
-  }
-  return n2;
-}
-function I$1(e2) {
-  const t2 = e2.getStyle(), n2 = w$2(t2);
-  x$5.set(t2, n2);
-}
-function A$2(e2, t2) {
-  const l2 = qe$1(e2.focus, t2);
-  return _s(l2) && !l2.isIsolated() || ds(l2) && !l2.isInline() && !l2.canBeEmpty();
-}
-function L$2(e2, t2, n2, l2) {
-  e2.modify(t2 ? "extend" : "move", n2, l2);
-}
-function D$4(e2) {
-  const t2 = e2.anchor.getNode();
-  return "rtl" === (ys(t2) ? t2 : t2.getParentOrThrow()).getDirection();
-}
-function M$3(e2, t2, n2) {
-  const l2 = D$4(e2);
-  L$2(e2, t2, n2 ? !l2 : l2, "character");
-}
-function g$4(e2) {
-  return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
-}
-var p$7 = g$4(function(e2) {
-  const t2 = new URLSearchParams();
-  t2.append("code", e2);
-  for (let e3 = 1; e3 < arguments.length; e3++) t2.append("v", arguments[e3]);
-  throw Error(`Minified Lexical error #${e2}; visit https://lexical.dev/docs/error?${t2} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-});
-const h$3 = "undefined" != typeof window && void 0 !== window.document && void 0 !== window.document.createElement, m$5 = h$3 && "documentMode" in document ? document.documentMode : null;
-!(!h$3 || !("InputEvent" in window) || m$5) && "getTargetRanges" in new window.InputEvent("input");
-function b$1(...e2) {
-  return () => {
-    for (let t2 = e2.length - 1; t2 >= 0; t2--) e2[t2]();
-    e2.length = 0;
-  };
-}
-function J$1(e2) {
-  const t2 = Q$2(e2, (e3) => ds(e3) && !e3.isInline());
-  return ds(t2) || p$7(4, e2.__key), t2;
-}
-const Q$2 = (e2, t2) => {
-  let n2 = e2;
-  for (; n2 !== ke$1() && null != n2; ) {
-    if (t2(n2)) return n2;
-    n2 = n2.getParent();
-  }
-  return null;
-};
-function te$1(e2, t2) {
-  return null !== e2 && Object.getPrototypeOf(e2).constructor.name === t2.name;
-}
-function oe$1(e2, t2) {
-  const n2 = e2.getFirstChild();
-  null !== n2 ? n2.insertBefore(t2) : e2.append(t2);
-}
 function r$4(e2) {
   var t2, f2, n2 = "";
   if ("string" == typeof e2 || "number" == typeof e2) n2 += e2;
@@ -187,8 +96,8 @@ function u$5() {
   const e2 = useContext(l$1);
   return null == e2 && t$1(8), e2;
 }
-const s$1 = "undefined" != typeof window && void 0 !== window.document && void 0 !== window.document.createElement, m$4 = s$1 ? useLayoutEffect : useEffect, u$4 = { tag: "history-merge" };
-function p$6({ initialConfig: a2, children: c2 }) {
+const s$1 = "undefined" != typeof window && void 0 !== window.document && void 0 !== window.document.createElement, m$6 = s$1 ? useLayoutEffect : useEffect, u$4 = { tag: "history-merge" };
+function p$7({ initialConfig: a2, children: c2 }) {
   const p2 = useMemo(() => {
     const { theme: t2, namespace: c3, nodes: l2, onError: d2, editorState: m2, html: p3 } = a2, f2 = o$3(null, t2), E2 = Ls({ editable: a2.editable, html: p3, namespace: c3, nodes: l2, onError: (e2) => d2(e2, E2), theme: t2 });
     return function(e2, t3) {
@@ -218,7 +127,7 @@ function p$6({ initialConfig: a2, children: c2 }) {
       }
     }(E2, m2), [E2, f2];
   }, []);
-  return m$4(() => {
+  return m$6(() => {
     const e2 = a2.editable, [t2] = p2;
     t2.setEditable(void 0 === e2 || e2);
   }, []), jsx(l$1.Provider, { value: p2, children: c2 });
@@ -250,7 +159,7 @@ function c$2(o2) {
   }
   return true;
 }
-function g$3(t2) {
+function g$4(t2) {
   return () => c$2(t2);
 }
 function d$1(t2) {
@@ -262,6 +171,97 @@ d$1(function(t2) {
   for (let t3 = 1; t3 < arguments.length; t3++) e2.append("v", arguments[t3]);
   throw Error(`Minified Lexical error #${t2}; visit https://lexical.dev/docs/error?${e2} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
 });
+function m$5(e2) {
+  return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
+}
+m$5(function(e2) {
+  const t2 = new URLSearchParams();
+  t2.append("code", e2);
+  for (let e3 = 1; e3 < arguments.length; e3++) t2.append("v", arguments[e3]);
+  throw Error(`Minified Lexical error #${e2}; visit https://lexical.dev/docs/error?${t2} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+});
+const x$5 = /* @__PURE__ */ new Map();
+function w$2(e2) {
+  const t2 = {}, n2 = e2.split(";");
+  for (const e3 of n2) if ("" !== e3) {
+    const [n3, l2] = e3.split(/:([^]+)/);
+    n3 && l2 && (t2[n3.trim()] = l2.trim());
+  }
+  return t2;
+}
+function E$5(e2, n2) {
+  const l2 = e2.getStartEndPoints();
+  if (n2.isSelected(e2) && !n2.isSegmented() && !n2.isToken() && null !== l2) {
+    const [o2, r2] = l2, s2 = e2.isBackward(), i2 = o2.getNode(), c2 = r2.getNode(), f2 = n2.is(i2), u2 = n2.is(c2);
+    if (f2 || u2) {
+      const [l3, o3] = xi$1(e2), r3 = i2.is(c2), f3 = n2.is(s2 ? c2 : i2), u3 = n2.is(s2 ? i2 : c2);
+      let g2, a2 = 0;
+      if (r3) a2 = l3 > o3 ? o3 : l3, g2 = l3 > o3 ? l3 : o3;
+      else if (f3) {
+        a2 = s2 ? o3 : l3, g2 = void 0;
+      } else if (u3) {
+        a2 = 0, g2 = s2 ? l3 : o3;
+      }
+      return n2.__text = n2.__text.slice(a2, g2), n2;
+    }
+  }
+  return n2;
+}
+function I$1(e2) {
+  const t2 = e2.getStyle(), n2 = w$2(t2);
+  x$5.set(t2, n2);
+}
+function A$2(e2, t2) {
+  const l2 = qe$1(e2.focus, t2);
+  return _s(l2) && !l2.isIsolated() || ds(l2) && !l2.isInline() && !l2.canBeEmpty();
+}
+function L$2(e2, t2, n2, l2) {
+  e2.modify(t2 ? "extend" : "move", n2, l2);
+}
+function D$4(e2) {
+  const t2 = e2.anchor.getNode();
+  return "rtl" === (ys(t2) ? t2 : t2.getParentOrThrow()).getDirection();
+}
+function M$3(e2, t2, n2) {
+  const l2 = D$4(e2);
+  L$2(e2, t2, n2 ? !l2 : l2, "character");
+}
+function g$3(e2) {
+  return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
+}
+var p$6 = g$3(function(e2) {
+  const t2 = new URLSearchParams();
+  t2.append("code", e2);
+  for (let e3 = 1; e3 < arguments.length; e3++) t2.append("v", arguments[e3]);
+  throw Error(`Minified Lexical error #${e2}; visit https://lexical.dev/docs/error?${t2} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+});
+const h$3 = "undefined" != typeof window && void 0 !== window.document && void 0 !== window.document.createElement, m$4 = h$3 && "documentMode" in document ? document.documentMode : null;
+!(!h$3 || !("InputEvent" in window) || m$4) && "getTargetRanges" in new window.InputEvent("input");
+function b$1(...e2) {
+  return () => {
+    for (let t2 = e2.length - 1; t2 >= 0; t2--) e2[t2]();
+    e2.length = 0;
+  };
+}
+function J$1(e2) {
+  const t2 = Q$2(e2, (e3) => ds(e3) && !e3.isInline());
+  return ds(t2) || p$6(4, e2.__key), t2;
+}
+const Q$2 = (e2, t2) => {
+  let n2 = e2;
+  for (; n2 !== ke$1() && null != n2; ) {
+    if (t2(n2)) return n2;
+    n2 = n2.getParent();
+  }
+  return null;
+};
+function te$1(e2, t2) {
+  return null !== e2 && Object.getPrototypeOf(e2).constructor.name === t2.name;
+}
+function oe$1(e2, t2) {
+  const n2 = e2.getFirstChild();
+  null !== n2 ? n2.insertBefore(t2) : e2.append(t2);
+}
 const m$3 = "undefined" != typeof window && void 0 !== window.document && void 0 !== window.document.createElement ? useLayoutEffect : useEffect;
 function f$1({ editor: e2, ariaActiveDescendant: t2, ariaAutoComplete: i2, ariaControls: a2, ariaDescribedBy: d2, ariaExpanded: c2, ariaLabel: s2, ariaLabelledBy: u2, ariaMultiline: f2, ariaOwns: b2, ariaRequired: p2, autoCapitalize: x2, className: E2, id: v2, role: w2 = "textbox", spellCheck: y2 = true, style: C2, tabIndex: h2, "data-testid": L2, ...g2 }, D2) {
   const [R2, k2] = useState(e2.isEditable()), q = useCallback((t3) => {
@@ -279,7 +279,7 @@ function f$1({ editor: e2, ariaActiveDescendant: t2, ariaAutoComplete: i2, ariaC
 }
 const b = forwardRef(f$1);
 function p$5(e2) {
-  return e2.getEditorState().read(g$3(e2.isComposing()));
+  return e2.getEditorState().read(g$4(e2.isComposing()));
 }
 const x$4 = forwardRef(E$4);
 function E$4(t2, i2) {
@@ -7627,7 +7627,7 @@ function Tt(o2) {
 }
 const g = "undefined" != typeof window && void 0 !== window.document && void 0 !== window.document.createElement ? useLayoutEffect : useEffect;
 function E$1(t2) {
-  return t2.getEditorState().read(g$3(t2.isComposing()));
+  return t2.getEditorState().read(g$4(t2.isComposing()));
 }
 function h({ contentEditable: e2, placeholder: r2 = null, ErrorBoundary: n2 }) {
   const [E2] = u$5(), h2 = function(t2, e3) {
@@ -7672,7 +7672,7 @@ const editor$2 = "_editor_s4gjm_1";
 const contentEditable = "_content-editable_s4gjm_6";
 const placeholder = "_placeholder_s4gjm_14";
 const themeParagraph = "_theme-paragraph_s4gjm_29";
-const styles$z = {
+const styles$A = {
   editor: editor$2,
   contentEditable,
   placeholder,
@@ -8163,6 +8163,17 @@ const File = createLucideIcon("File", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ]);
+/**
+ * @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 FilterX = createLucideIcon("FilterX", [
+  ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
+  ["path", { d: "m22 3-5 5", key: "12jva0" }],
+  ["path", { d: "m17 3 5 5", key: "k36vhe" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8340,6 +8351,23 @@ 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 OctagonX = createLucideIcon("OctagonX", [
+  [
+    "polygon",
+    {
+      points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2",
+      key: "h1p8hx"
+    }
+  ],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8350,6 +8378,17 @@ const Option$2 = createLucideIcon("Option", [
   ["path", { d: "M3 3h6l6 18h6", key: "ph9rgk" }],
   ["path", { d: "M14 3h7", key: "16f0ms" }]
 ]);
+/**
+ * @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 PanelLeftClose = createLucideIcon("PanelLeftClose", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
+]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -8581,7 +8620,7 @@ const title$1 = "_title_1ibg5_5";
 const description = "_description_1ibg5_5";
 const warning = "_warning_1ibg5_5";
 const row$1 = "_row_1ibg5_11";
-const styles$y = {
+const styles$z = {
   title: title$1,
   description,
   warning,
@@ -8635,12 +8674,12 @@ const MentionMenuContextItemContent = ({ query, item: item2 }) => {
     warning2 = "";
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: styles$y.row, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$z.row, children: [
       icon2 && /* @__PURE__ */ jsx("i", { className: `codicon codicon-${icon2}`, title: isSymbol ? item2.kind : "" }),
-      /* @__PURE__ */ jsx("span", { className: clsx$1(styles$y.title, warning2 && styles$y.titleWithWarning), title: title2, children: displayName }),
-      description2 && /* @__PURE__ */ jsx("span", { className: styles$y.description, title: description2, children: description2 })
+      /* @__PURE__ */ jsx("span", { className: clsx$1(styles$z.title, warning2 && styles$z.titleWithWarning), title: title2, children: displayName }),
+      description2 && /* @__PURE__ */ jsx("span", { className: styles$z.description, title: description2, children: description2 })
     ] }),
-    warning2 && /* @__PURE__ */ jsx("span", { className: styles$y.warning, children: warning2 })
+    warning2 && /* @__PURE__ */ jsx("span", { className: styles$z.warning, children: warning2 })
   ] });
 };
 const MentionMenuProviderItemContent = ({ provider }) => {
@@ -8650,7 +8689,7 @@ const MentionMenuProviderItemContent = ({ provider }) => {
       "a",
       {
         href: provider.id,
-        className: clsx$1(styles$y.row, "tw-text-inherit tw-w-full"),
+        className: clsx$1(styles$z.row, "tw-text-inherit tw-w-full"),
         title: provider.id,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -8665,7 +8704,7 @@ const MentionMenuProviderItemContent = ({ provider }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$y.row, title: provider.id, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$z.row, title: provider.id, children: [
     /* @__PURE__ */ jsx(Icon2, { size: 16, strokeWidth: 1.75 }),
     provider.title ?? provider.id,
     /* @__PURE__ */ jsx(ArrowRight, { size: 16, strokeWidth: 1.25, style: { opacity: "0.5" } })
@@ -8703,7 +8742,7 @@ 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 = "_is-too-large-or-ignored_1eamp_33";
-const styles$x = {
+const styles$y = {
   contextItemMentionNode,
   icon: icon$1,
   contextItemMentionChipNodeFocused,
@@ -8950,7 +8989,7 @@ const MentionComponent = ({ nodeKey, node: node2, tooltip, icon: Icon2, classNam
     tooltip && /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip })
   ] });
 };
-const MENTION_CLASS_NAME = styles$x.contextItemMentionNode;
+const MENTION_CLASS_NAME = styles$y.contextItemMentionNode;
 function convertContextItemMentionElement(domNode) {
   const data = domNode.getAttribute(DOM_DATA_ATTR);
   if (data !== null) {
@@ -9057,8 +9096,8 @@ class ContextItemMentionNode extends gs {
         className: `${MENTION_NODE_CLASS_NAME} ${extraClassNamesForContextItem(
           this.contextItem
         )}`,
-        focusedClassName: styles$x.contextItemMentionChipNodeFocused,
-        iconClassName: styles$x.icon
+        focusedClassName: styles$y.contextItemMentionChipNodeFocused,
+        iconClassName: styles$y.icon
       }
     );
   }
@@ -9077,7 +9116,7 @@ function $createContextItemMentionNode(contextItem2, { isFromInitialContext } =
 function extraClassNamesForContextItem(contextItem2) {
   const classNames2 = [];
   if (contextItem2.isTooLarge || contextItem2.isIgnored) {
-    classNames2.push(styles$x.isTooLargeOrIgnored);
+    classNames2.push(styles$y.isTooLargeOrIgnored);
   }
   return classNames2.join(" ");
 }
@@ -9156,7 +9195,7 @@ const TemplateInputComponent = ({ editor: editor2, nodeKey, node: node2, classNa
 };
 const templateInputNode = "_template-input-node_14yoh_1";
 const templateInputNodeFocused = "_template-input-node--focused_14yoh_16";
-const styles$w = {
+const styles$x = {
   templateInputNode,
   templateInputNodeFocused
 };
@@ -9189,8 +9228,8 @@ class TemplateInputNode extends gs {
         editor: editor2,
         nodeKey: this.getKey(),
         node: this,
-        className: `${styles$w.templateInputNode}`,
-        focusedClassName: `${styles$w.templateInputNodeFocused}`
+        className: `${styles$x.templateInputNode}`,
+        focusedClassName: `${styles$x.templateInputNodeFocused}`
       }
     );
   }
@@ -9396,7 +9435,7 @@ function L({ options: e2, onQueryChange: n2, onSelectOption: o2, onOpen: r2, onC
 }
 const popoverDimensions = "_popover-dimensions_1uf3m_1";
 const popover$1 = "_popover_1uf3m_1";
-const styles$v = {
+const styles$w = {
   popoverDimensions,
   popover: popover$1
 };
@@ -9410,12 +9449,12 @@ function contextItemID(item2) {
     item2.range ? `${item2.range.start.line}:${item2.range.start.character}-${item2.range.end.line}:${item2.range.end.character}` : ""
   ]);
 }
-const container$2 = "_container_fr158_1";
+const container$3 = "_container_fr158_1";
 const item$2 = "_item_fr158_8";
 const contextItem$1 = "_context-item_fr158_9";
 const experimental = "_experimental_fr158_17";
-const styles$u = {
-  container: container$2,
+const styles$v = {
+  container: container$3,
   item: item$2,
   contextItem: contextItem$1,
   experimental
@@ -9572,7 +9611,7 @@ const MentionMenu = ({
       {
         value: commandRowValue$1(provider),
         onSelect: onProviderSelect,
-        className: clsx$1(styles$u.item, COMMAND_ROW_CLASS_NAME),
+        className: clsx$1(styles$v.item, COMMAND_ROW_CLASS_NAME),
         children: /* @__PURE__ */ jsx(MentionMenuProviderItemContent, { provider })
       },
       commandRowValue$1(provider)
@@ -9585,7 +9624,7 @@ const MentionMenu = ({
       shouldFilter: false,
       value: effectiveValueRow ? commandRowValue$1(effectiveValueRow) : void 0,
       onValueChange: setValue,
-      className: styles$u.container,
+      className: styles$v.container,
       label: "@-mention context",
       ref: ref2,
       "data-testid": "mention-menu",
@@ -9597,7 +9636,7 @@ const MentionMenu = ({
             value: commandRowValue$1(item2),
             disabled: item2.isIgnored,
             onSelect: onCommandSelect,
-            className: clsx$1(styles$u.item, styles$u.contextItem, COMMAND_ROW_CLASS_NAME),
+            className: clsx$1(styles$v.item, styles$v.contextItem, COMMAND_ROW_CLASS_NAME),
             children: /* @__PURE__ */ jsx(MentionMenuContextItemContent, { query: mentionQuery, item: item2 })
           },
           commandRowValue$1(item2)
@@ -9664,7 +9703,7 @@ function getItemsHeading(parentItem, mentionQuery) {
         {
           className: clsx$1(
             "tw-text-xs tw-rounded tw-px-2 tw-text-foreground",
-            styles$u.experimental
+            styles$v.experimental
           ),
           children: "Experimental"
         }
@@ -9797,7 +9836,7 @@ function useMentionMenuParams() {
     () => ({
       params,
       updateQuery,
-      updateMentionMenuParams: (update) => setParams((prev) => ({ ...prev, ...update }))
+      updateMentionMenuParams: (update2) => setParams((prev) => ({ ...prev, ...update2 }))
     }),
     [params, updateQuery]
   );
@@ -9999,7 +10038,7 @@ const MentionsPlugin = memo(
             // max height of the visible menu. This ensures that the menu does not
             // flip orientation as the user is typing if it suddenly has less
             // results. It also makes the positioning less glitchy.
-            /* @__PURE__ */ jsx("div", { "data-at-mention-menu": "", className: clsx$1(styles$v.popoverDimensions), children: /* @__PURE__ */ jsx("div", { className: styles$v.popover, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { "data-at-mention-menu": "", className: clsx$1(styles$w.popoverDimensions), children: /* @__PURE__ */ jsx("div", { className: styles$w.popover, children: /* @__PURE__ */ jsx(
               MentionMenu,
               {
                 params,
@@ -10128,7 +10167,7 @@ const BaseEditor = ({
   const initialConfig = useMemo(
     () => ({
       namespace: "BaseEditor",
-      theme: { paragraph: styles$z.themeParagraph },
+      theme: { paragraph: styles$A.themeParagraph },
       onError: (error2) => console.error(error2),
       editorState: initialEditorState !== null ? JSON.stringify(initialEditorState) : void 0,
       editable: !disabled2,
@@ -10136,18 +10175,18 @@ const BaseEditor = ({
     }),
     []
   );
-  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("div", { className: styles$z.editor, children: /* @__PURE__ */ jsxs(p$6, { initialConfig, children: [
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("div", { className: styles$A.editor, children: /* @__PURE__ */ jsxs(p$7, { initialConfig, children: [
     /* @__PURE__ */ jsx(
       h,
       {
         contentEditable: /* @__PURE__ */ jsx(
           x$4,
           {
-            className: clsx$1(styles$z.contentEditable, contentEditableClassName),
+            className: clsx$1(styles$A.contentEditable, contentEditableClassName),
             ariaLabel
           }
         ),
-        placeholder: /* @__PURE__ */ jsx("div", { className: styles$z.placeholder, children: placeholder2 }),
+        placeholder: /* @__PURE__ */ jsx("div", { className: styles$A.placeholder, children: placeholder2 }),
         ErrorBoundary: a$2
       }
     ),
@@ -10170,7 +10209,7 @@ const BaseEditor = ({
 const editor$1 = "_editor_pujow_6";
 const seamless = "_seamless_pujow_16";
 const disabled$1 = "_disabled_pujow_36";
-const styles$t = {
+const styles$u = {
   editor: editor$1,
   seamless,
   disabled: disabled$1
@@ -10224,16 +10263,52 @@ function getContextItemsForEditor(editor2) {
     return nodes;
   });
 }
-function visitContextItemsForEditor(editor2, visit2) {
+function walkContextItemMentionNodes(node2, visit2) {
+  walkLexicalNodes(node2, (node22) => {
+    if (node22 instanceof ContextItemMentionNode) {
+      visit2(node22);
+    }
+    return true;
+  });
+}
+function $insertMentions(items, position2, sep) {
+  const nodesToInsert = lexicalNodesForContextItems(
+    items,
+    {
+      isFromInitialContext: false
+    },
+    sep
+  );
+  const pNode = ks();
+  switch (position2) {
+    case "before": {
+      pNode.append(...nodesToInsert);
+      oe$1(ke$1(), pNode);
+      break;
+    }
+    case "after": {
+      pNode.append(
+        ri$1(getWhitespace(ke$1())),
+        ...nodesToInsert,
+        ri$1(sep)
+      );
+      Wi$1([pNode]);
+      break;
+    }
+  }
+}
+function getWhitespace(root2) {
+  const needsWhitespaceBefore = !/(^|\s)$/.test(root2.getTextContent());
+  return needsWhitespaceBefore ? " " : "";
+}
+function update(editor2, updateFn) {
   return new Promise((resolve) => {
     editor2.update(
       () => {
-        walkLexicalNodes(ke$1(), (node2) => {
-          if (node2 instanceof ContextItemMentionNode) {
-            visit2(node2);
-          }
-          return true;
-        });
+        const result2 = updateFn();
+        if (result2 === false) {
+          resolve();
+        }
       },
       { onUpdate: resolve }
     );
@@ -10341,32 +10416,30 @@ const PromptEditor = ({
         });
       },
       appendText(text2) {
-        return new Promise(
-          (resolve) => {
-            var _a;
-            return (_a = editorRef.current) == null ? void 0 : _a.update(
-              () => {
-                const root2 = ke$1();
-                root2.selectEnd();
-                Wi$1([ri$1(`${getWhitespace(root2)}${text2}`)]);
-                root2.selectEnd();
-              },
-              { onUpdate: resolve }
-            );
-          }
-        );
+        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;
+        });
       },
       filterMentions(filter2) {
-        return new Promise((resolve) => {
-          if (!editorRef.current) {
-            resolve();
-            return;
-          }
-          visitContextItemsForEditor(editorRef.current, (node2) => {
+        if (!editorRef.current) {
+          return Promise.resolve();
+        }
+        return update(editorRef.current, () => {
+          let updated = false;
+          walkContextItemMentionNodes(ke$1(), (node2) => {
             if (!filter2(node2.contextItem)) {
               node2.remove();
+              updated = true;
             }
-          }).then(resolve);
+          });
+          return updated;
         });
       },
       async addMentions(items, position2 = "after", sep = " ") {
@@ -10377,23 +10450,31 @@ const PromptEditor = ({
         const newContextItems = items.map(serializeContextItem);
         const existingMentions = getContextItemsForEditor(editor2);
         const ops = getMentionOperations(existingMentions, newContextItems);
-        if (ops.modify.size + ops.delete.size > 0) {
-          await visitContextItemsForEditor(editor2, (existing) => {
-            const update = ops.modify.get(existing.contextItem);
-            if (update) {
-              existing.replace($createContextItemMentionNode(update));
+        await update(editor2, () => {
+          if (ops.modify.size + ops.delete.size === 0) {
+            return false;
+          }
+          walkContextItemMentionNodes(ke$1(), (existing) => {
+            const update2 = ops.modify.get(existing.contextItem);
+            if (update2) {
+              existing.replace($createContextItemMentionNode(update2));
             }
             if (ops.delete.has(existing.contextItem)) {
               existing.remove();
             }
           });
-        }
-        if (ops.create.length === 0) {
-          return;
-        }
-        return insertMentions(editor2, ops.create, position2, sep);
+          return true;
+        });
+        return update(editor2, () => {
+          if (ops.create.length === 0) {
+            return false;
+          }
+          $insertMentions(ops.create, position2, sep);
+          $selectEnd();
+          return true;
+        });
       },
-      async upsertMentions(items, position2 = "after", sep = " ") {
+      async upsertMentions(items, position2 = "after", sep = " ", focusEditor = true) {
         const editor2 = editorRef.current;
         if (!editor2) {
           return;
@@ -10408,50 +10489,65 @@ const PromptEditor = ({
             toUpdate.set(key, item2);
           }
         }
-        if (toUpdate.size > 0) {
-          await visitContextItemsForEditor(editor2, (existing) => {
-            const update = toUpdate.get(getKeyForContextItem(existing.contextItem));
-            if (update) {
-              existing.replace($createContextItemMentionNode(update));
+        await update(editor2, () => {
+          if (toUpdate.size === 0) {
+            return false;
+          }
+          walkContextItemMentionNodes(ke$1(), (existing) => {
+            const update2 = toUpdate.get(getKeyForContextItem(existing.contextItem));
+            if (update2) {
+              existing.replace($createContextItemMentionNode(update2));
             }
           });
-        }
-        if (items.length === toUpdate.size) {
-          return;
-        }
-        return insertMentions(
-          editor2,
-          items.filter((item2) => !toUpdate.has(getKeyForContextItem(item2))),
-          position2,
-          sep
-        );
+          if (focusEditor) {
+            $selectEnd();
+          } else {
+            we$2(null);
+          }
+          return true;
+        });
+        return update(editor2, () => {
+          if (items.length === toUpdate.size) {
+            return false;
+          }
+          $insertMentions(
+            items.filter((item2) => !toUpdate.has(getKeyForContextItem(item2))),
+            position2,
+            sep
+          );
+          if (focusEditor) {
+            $selectEnd();
+          } else {
+            we$2(null);
+          }
+          return true;
+        });
       },
       setInitialContextMentions(items) {
-        return new Promise((resolve) => {
-          const editor2 = editorRef.current;
-          if (!editor2) {
-            return resolve();
+        const editor2 = editorRef.current;
+        if (!editor2) {
+          return Promise.resolve();
+        }
+        return update(editor2, () => {
+          let updated = false;
+          if (!hasSetInitialContext.current || isEditorContentOnlyInitialContext(editor2)) {
+            if (isEditorContentOnlyInitialContext(editor2)) {
+              ke$1().clear();
+              updated = true;
+            }
+            const nodesToInsert = lexicalNodesForContextItems(items, {
+              isFromInitialContext: true
+            });
+            if (items.length > 0) {
+              nodesToInsert.push(ri$1(" "));
+              updated = true;
+            }
+            we$2(ke$1().selectStart());
+            Wi$1(nodesToInsert);
+            $selectEnd();
+            hasSetInitialContext.current = true;
           }
-          editor2.update(
-            () => {
-              if (!hasSetInitialContext.current || isEditorContentOnlyInitialContext(editor2)) {
-                if (isEditorContentOnlyInitialContext(editor2)) {
-                  ke$1().clear();
-                }
-                const nodesToInsert = lexicalNodesForContextItems(items, {
-                  isFromInitialContext: true
-                });
-                if (items.length > 0) {
-                  nodesToInsert.push(ri$1(" "));
-                }
-                we$2(ke$1().selectStart());
-                Wi$1(nodesToInsert);
-                $selectEnd();
-                hasSetInitialContext.current = true;
-              }
-            },
-            { onUpdate: resolve }
-          );
+          return updated;
         });
       }
     }),
@@ -10459,7 +10555,7 @@ const PromptEditor = ({
   );
   useSetGlobalPromptEditorConfig();
   const onBaseEditorChange = useCallback(
-    (_editorState, editor2, tags) => {
+    (_editorState, editor2) => {
       if (onChange) {
         onChange(toSerializedPromptEditorValue(editor2));
       }
@@ -10481,9 +10577,9 @@ const PromptEditor = ({
   return /* @__PURE__ */ jsx(
     BaseEditor,
     {
-      className: clsx$1(styles$t.editor, editorClassName, {
-        [styles$t.disabled]: disabled2,
-        [styles$t.seamless]: seamless2
+      className: clsx$1(styles$u.editor, editorClassName, {
+        [styles$u.disabled]: disabled2,
+        [styles$u.seamless]: seamless2
       }),
       contentEditableClassName,
       initialEditorState: (initialEditorState == null ? void 0 : initialEditorState.lexicalEditorState) ?? null,
@@ -10501,44 +10597,6 @@ const PromptEditor = ({
 function normalizeEditorStateJSON(value) {
   return JSON.parse(JSON.stringify(value));
 }
-function getWhitespace(root2) {
-  const needsWhitespaceBefore = !/(^|\s)$/.test(root2.getTextContent());
-  return needsWhitespaceBefore ? " " : "";
-}
-function insertMentions(editor2, items, position2, sep) {
-  return new Promise(
-    (resolve) => editor2.update(
-      () => {
-        const nodesToInsert = lexicalNodesForContextItems(
-          items,
-          {
-            isFromInitialContext: false
-          },
-          sep
-        );
-        const pNode = ks();
-        switch (position2) {
-          case "before": {
-            pNode.append(...nodesToInsert);
-            oe$1(ke$1(), pNode);
-            break;
-          }
-          case "after": {
-            pNode.append(
-              ri$1(getWhitespace(ke$1())),
-              ...nodesToInsert,
-              ri$1(sep)
-            );
-            Wi$1([pNode]);
-            break;
-          }
-        }
-        $selectEnd();
-      },
-      { onUpdate: resolve }
-    )
-  );
-}
 function getKeyForContextItem(item2) {
   let key = `${item2.uri.toString()}|${item2.type}`;
   if (item2.type === "openctx") {
@@ -12482,7 +12540,7 @@ function observeMove(element2, onMove) {
   refresh(true);
   return cleanup;
 }
-function autoUpdate(reference, floating, update, options) {
+function autoUpdate(reference, floating, update2, options) {
   if (options === void 0) {
     options = {};
   }
@@ -12496,12 +12554,12 @@ function autoUpdate(reference, floating, update, options) {
   const referenceEl = unwrapElement(reference);
   const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
   ancestors.forEach((ancestor) => {
-    ancestorScroll && ancestor.addEventListener("scroll", update, {
+    ancestorScroll && ancestor.addEventListener("scroll", update2, {
       passive: true
     });
-    ancestorResize && ancestor.addEventListener("resize", update);
+    ancestorResize && ancestor.addEventListener("resize", update2);
   });
-  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update2) : null;
   let reobserveFrame = -1;
   let resizeObserver = null;
   if (elementResize) {
@@ -12515,7 +12573,7 @@ function autoUpdate(reference, floating, update, options) {
           (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
         });
       }
-      update();
+      update2();
     });
     if (referenceEl && !animationFrame) {
       resizeObserver.observe(referenceEl);
@@ -12530,17 +12588,17 @@ function autoUpdate(reference, floating, update, options) {
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
     if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
-      update();
+      update2();
     }
     prevRefRect = nextRefRect;
     frameId = requestAnimationFrame(frameLoop);
   }
-  update();
+  update2();
   return () => {
     var _resizeObserver2;
     ancestors.forEach((ancestor) => {
-      ancestorScroll && ancestor.removeEventListener("scroll", update);
-      ancestorResize && ancestor.removeEventListener("resize", update);
+      ancestorScroll && ancestor.removeEventListener("scroll", update2);
+      ancestorResize && ancestor.removeEventListener("resize", update2);
     });
     cleanupIo == null || cleanupIo();
     (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
@@ -12720,7 +12778,7 @@ function useFloating(options) {
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
-  const update = React.useCallback(() => {
+  const update2 = React.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -12766,11 +12824,11 @@ function useFloating(options) {
     if (floatingEl) floatingRef.current = floatingEl;
     if (referenceEl && floatingEl) {
       if (whileElementsMountedRef.current) {
-        return whileElementsMountedRef.current(referenceEl, floatingEl, update);
+        return whileElementsMountedRef.current(referenceEl, floatingEl, update2);
       }
-      update();
+      update2();
     }
-  }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
+  }, [referenceEl, floatingEl, update2, whileElementsMountedRef, hasWhileElementsMounted]);
   const refs = React.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
@@ -12809,11 +12867,11 @@ function useFloating(options) {
   }, [strategy, transform2, elements2.floating, data.x, data.y]);
   return React.useMemo(() => ({
     ...data,
-    update,
+    update: update2,
     refs,
     elements: elements2,
     floatingStyles
-  }), [data, update, refs, elements2, floatingStyles]);
+  }), [data, update2, refs, elements2, floatingStyles]);
 }
 const $7e8f5cd07187803e$export$21b07c8f274aebd5 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const { children: children2, width = 10, height = 5, ...arrowProps } = props;
@@ -13939,7 +13997,7 @@ function createLruCache(maxCacheSize) {
   let cacheSize = 0;
   let cache2 = /* @__PURE__ */ new Map();
   let previousCache = /* @__PURE__ */ new Map();
-  function update(key, value) {
+  function update2(key, value) {
     cache2.set(key, value);
     cacheSize++;
     if (cacheSize > maxCacheSize) {
@@ -13955,7 +14013,7 @@ function createLruCache(maxCacheSize) {
         return value;
       }
       if ((value = previousCache.get(key)) !== void 0) {
-        update(key, value);
+        update2(key, value);
         return value;
       }
     },
@@ -13963,7 +14021,7 @@ function createLruCache(maxCacheSize) {
       if (cache2.has(key)) {
         cache2.set(key, value);
       } else {
-        update(key, value);
+        update2(key, value);
       }
     }
   };
@@ -17946,7 +18004,7 @@ const CommandItem = React.forwardRef(({ className, tooltip, ...props }, ref2) =>
     {
       ref: ref2,
       className: cn(
-        "tw-relative tw-flex 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-relative tw-flex tw-cursor-pointer tw-select-none tw-items-center tw-py-3 tw-px-3 tw-text-md tw-outline-none aria-selected:tw-bg-accent aria-selected:tw-text-accent-foreground hover:tw-bg-accent hover:tw-text-accent-foreground data-[disabled=true]:tw-pointer-events-none data-[disabled=true]:tw-opacity-50",
         className
       ),
       title: tooltip,
@@ -18083,11 +18141,11 @@ const COMMON_WRAPPERS = [
     value: promptEditorConfig
   }
 ];
-const outerContainer = "_outer-container_t0bbj_1";
-const errorContainer = "_error-container_t0bbj_10";
-const error$2 = "_error_t0bbj_10";
-const closeBtn = "_close-btn_t0bbj_28";
-const styles$s = {
+const outerContainer = "_outer-container_1xpow_1";
+const errorContainer = "_error-container_1xpow_10";
+const error$2 = "_error_1xpow_10";
+const closeBtn = "_close-btn_1xpow_28";
+const styles$t = {
   outerContainer,
   errorContainer,
   error: error$2,
@@ -19113,7 +19171,7 @@ const basename$1 = "_basename_1dh30_14";
 const repoShortName = "_repoShortName_1dh30_18";
 const dirname$1 = "_dirname_1dh30_23";
 const range$1 = "_range_1dh30_28";
-const styles$r = {
+const styles$s = {
   path: path$2,
   excluded,
   basename: basename$1,
@@ -19222,7 +19280,7 @@ included from Sourcegraph search`;
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: clsx$1(styles$r.path, (isTooLarge || isIgnored) && styles$r.excluded),
+                  className: clsx$1(styles$s.path, (isTooLarge || isIgnored) && styles$s.excluded),
                   "data-source": source2 || "unknown",
                   children: /* @__PURE__ */ jsx(
                     PrettyPrintedContextItem,
@@ -19257,7 +19315,7 @@ included from Sourcegraph search`;
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: clsx$1(styles$r.path, (isTooLarge || isIgnored) && styles$r.excluded),
+                  className: clsx$1(styles$s.path, (isTooLarge || isIgnored) && styles$s.excluded),
                   "data-source": source2 || "unknown",
                   children: /* @__PURE__ */ jsx(
                     PrettyPrintedContextItem,
@@ -19284,14 +19342,14 @@ const PrettyPrintedContextItem = ({ path: path2, range: range2, repoShortName: r
   const basename2 = path2.split(sep).pop() || "";
   const dirname2 = path2.split(sep).slice(0, -1).join(sep);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: styles$r.basename, children: basename2 }),
-    /* @__PURE__ */ jsx("span", { className: styles$r.range, children: range2 ? `:${range2}` : "" }),
+    /* @__PURE__ */ jsx("span", { className: styles$s.basename, children: basename2 }),
+    /* @__PURE__ */ jsx("span", { className: styles$s.range, children: range2 ? `:${range2}` : "" }),
     " ",
-    repoShortName2 && /* @__PURE__ */ jsxs("span", { className: styles$r.repoShortName, children: [
+    repoShortName2 && /* @__PURE__ */ jsxs("span", { className: styles$s.repoShortName, children: [
       repoShortName2,
       dirname2.length === 0 || dirname2.startsWith(sep) ? "" : sep
     ] }),
-    /* @__PURE__ */ jsx("span", { className: styles$r.dirname, children: dirname2 })
+    /* @__PURE__ */ jsx("span", { className: styles$s.dirname, children: dirname2 })
   ] });
 };
 function createCollection(name2) {
@@ -19946,7 +20004,7 @@ var Trigger2 = AccordionTrigger$1;
 var Content2 = AccordionContent$1;
 const accordionTrigger = "_accordion-trigger_12003_1";
 const accordionTriggerChevron = "_accordion-trigger-chevron_12003_11";
-const styles$q = {
+const styles$r = {
   accordionTrigger,
   accordionTriggerChevron
 };
@@ -19957,7 +20015,7 @@ const AccordionTrigger = React.forwardRef(({ className, children: children2, ...
   Trigger2,
   {
     ref: ref2,
-    className: clsx$1(styles$q.accordionTrigger, className),
+    className: clsx$1(styles$r.accordionTrigger, className),
     ...props,
     children: [
       children2,
@@ -19966,7 +20024,7 @@ const AccordionTrigger = React.forwardRef(({ className, children: children2, ...
         {
           className: cn(
             "tw-h-8 tw-w-8 tw-text-muted-foreground",
-            styles$q.accordionTriggerChevron
+            styles$r.accordionTriggerChevron
           )
         }
       )
@@ -20052,15 +20110,15 @@ function useUserAccountInfo() {
 const dotsHolder = "_dots-holder_10c80_1";
 const dot = "_dot_10c80_1";
 const flash = "_flash_10c80_1";
-const styles$p = {
+const styles$q = {
   dotsHolder,
   dot,
   flash
 };
-const LoadingDots = () => /* @__PURE__ */ jsxs("div", { className: styles$p.dotsHolder, role: "status", "aria-busy": true, children: [
-  /* @__PURE__ */ jsx("div", { className: styles$p.dot }),
-  /* @__PURE__ */ jsx("div", { className: styles$p.dot }),
-  /* @__PURE__ */ jsx("div", { className: styles$p.dot })
+const LoadingDots = () => /* @__PURE__ */ jsxs("div", { className: styles$q.dotsHolder, role: "status", "aria-busy": true, children: [
+  /* @__PURE__ */ jsx("div", { className: styles$q.dot }),
+  /* @__PURE__ */ jsx("div", { className: styles$q.dot }),
+  /* @__PURE__ */ jsx("div", { className: styles$q.dot })
 ] });
 const Cell = forwardRef((props, ref2) => {
   const {
@@ -21955,7 +22013,7 @@ function one$1(state, node2, key) {
     return mdxEsm(state, node2);
   }
   if (node2.type === "root") {
-    return root$7(state, node2, key);
+    return root$8(state, node2, key);
   }
   if (node2.type === "text") {
     return text$6(state, node2);
@@ -22021,7 +22079,7 @@ function mdxJsxElement(state, node2, key) {
   state.schema = parentSchema;
   return state.create(node2, type, props, key);
 }
-function root$7(state, node2, key) {
+function root$8(state, node2, key) {
   const props = {};
   addChildren(props, createChildren(state, node2));
   return state.create(node2, state.Fragment, props, key);
@@ -27341,7 +27399,7 @@ function paragraph$1(state, node2) {
   state.patch(node2, result2);
   return state.applyData(node2, result2);
 }
-function root$6(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);
@@ -27505,7 +27563,7 @@ const handlers = {
   list: list$2,
   paragraph: paragraph$1,
   // @ts-expect-error: root is different, but hard to type.
-  root: root$6,
+  root: root$7,
   strong: strong$1,
   table,
   tableCell,
@@ -44828,7 +44886,7 @@ function transform(state, node2) {
         return element(state, unsafe);
       }
       case "root": {
-        return root$5(state, unsafe);
+        return root$6(state, unsafe);
       }
       case "text": {
         return text$2(state, unsafe);
@@ -44888,7 +44946,7 @@ function element(state, unsafe) {
   patch(node2, unsafe);
   return node2;
 }
-function root$5(state, unsafe) {
+function root$6(state, unsafe) {
   const content2 = (
     /** @type {Array<RootContent>} */
     children$1(state, unsafe.children)
@@ -46315,7 +46373,7 @@ const phrasing = (
     "textDirective"
   ])
 );
-function root$4(node2, _2, state, info) {
+function root$5(node2, _2, state, info) {
   const hasPhrasing = node2.children.some(function(d2) {
     return phrasing(d2);
   });
@@ -46384,7 +46442,7 @@ const handle = {
   list: list$1,
   listItem: listItem$1,
   paragraph,
-  root: root$4,
+  root: root$5,
   strong,
   text: text$1,
   thematicBreak
@@ -51217,7 +51275,7 @@ const codiconLoading = "_codicon-loading_1kf9a_100";
 const spin$1 = "_spin_1kf9a_1";
 const content = "_content_1kf9a_116";
 const fileNameContainer = "_file-name-container_1kf9a_216";
-const styles$o = {
+const styles$p = {
   buttonsContainer,
   buttons,
   button: button$1,
@@ -51236,7 +51294,7 @@ const styles$o = {
   fileNameContainer
 };
 const spin = "_spin_56lwz_7";
-const styles$n = {
+const styles$o = {
   spin
 };
 const SaveCodeBlockIcon = '<svg role="img" height=16 width=16 viewBox="0 0 16 16" fill="currentColor"><path fillRule="evenodd" clipRule="evenodd" d="M9.5 1.1l3.4 3.5.1.4v2h-1V6H8V2H3v11h4v1H2.5l-.5-.5v-12l.5-.5h6.7l.3.1zM9 2v3h2.9L9 2zm4 14h-1v-3H9v-1h3V9h1v3h3v1h-3v3z"/></svg>';
@@ -51246,12 +51304,12 @@ const CheckCodeBlockIcon = '<svg role="img" height=16 width=16 viewBox="0 0 16 1
 const ShieldIcon = '<svg role="img" height=16 width=16 viewBox="0 0 16 16" fill="currentColor"><path fillRule="evenodd" clipRule="evenodd" d="M8.24599 14.713C7.73426 14.4115 7.23234 14.0937 6.74099 13.76C6.23999 13.42 5.75799 13.053 5.29699 12.66C4.83899 12.265 4.40899 11.84 4.00899 11.386C3.60899 10.931 3.25599 10.436 2.95899 9.90801C2.66018 9.37408 2.42523 8.80684 2.25899 8.21801C2.08478 7.59364 1.99762 6.94821 1.99999 6.30001V3.10001L2.49999 2.60001C2.83299 2.60001 3.15599 2.58901 3.46999 2.56401C3.76599 2.54101 4.06099 2.49801 4.35199 2.43601C4.63599 2.37401 4.91399 2.28801 5.18399 2.18001C5.46799 2.06201 5.74099 1.91901 5.99999 1.75301C6.36712 1.5117 6.76546 1.32161 7.18399 1.18801C7.83322 1.00041 8.51476 0.95202 9.18399 1.04601C9.61431 1.10595 10.0321 1.2353 10.421 1.42901C10.62 1.52601 10.813 1.63301 11.001 1.75101C11.261 1.91801 11.536 2.06101 11.822 2.17901C12.092 2.28801 12.369 2.37301 12.653 2.43501C12.944 2.49701 13.24 2.54101 13.537 2.56401C13.848 2.58801 14.171 2.59901 14.504 2.59901L15.004 3.09901V6.29901C15.0074 6.94741 14.9212 7.59317 14.748 8.21801C14.5817 8.80683 14.3468 9.37406 14.048 9.90801C13.7501 10.4357 13.3982 10.931 12.998 11.386C12.598 11.838 12.169 12.263 11.712 12.656C11.2506 13.0499 10.7672 13.4172 10.264 13.756C9.7707 14.0903 9.26712 14.4091 8.75399 14.712H8.24599V14.713ZM2.99999 3.59001V6.30001C2.99599 6.85501 3.06999 7.41001 3.21999 7.94501C3.36397 8.45853 3.56875 8.95303 3.82999 9.41801C4.09299 9.88501 4.40499 10.323 4.75999 10.726C5.12999 11.143 5.52599 11.536 5.94799 11.9C6.37999 12.268 6.83099 12.612 7.29999 12.93C7.69999 13.197 8.09999 13.453 8.49999 13.699C8.89999 13.457 9.29999 13.201 9.69999 12.931C10.17 12.612 10.623 12.268 11.055 11.9C11.476 11.536 11.872 11.144 12.241 10.728C12.5951 10.3251 12.9068 9.88682 13.171 9.42001C13.432 8.95501 13.637 8.46001 13.781 7.94701C13.931 7.41001 14.004 6.85701 14.001 6.30001V3.59001C13.842 3.59001 13.688 3.57801 13.536 3.56701L13.457 3.56101C13.1148 3.53403 12.7748 3.48493 12.439 3.41401C11.7376 3.26082 11.0687 2.98528 10.463 2.60001C10.3073 2.50147 10.1464 2.41134 9.98099 2.33001C9.684 2.18399 9.3657 2.0861 9.03799 2.04001C8.51704 1.96366 7.98579 1.99981 7.47999 2.14601C7.14799 2.25401 6.83099 2.40601 6.53999 2.59801C6.22799 2.79801 5.89999 2.97001 5.55699 3.11101C5.23259 3.24045 4.89814 3.34313 4.55699 3.41801C4.22199 3.48801 3.88199 3.53801 3.53999 3.56401C3.36599 3.57401 3.18499 3.58401 2.99999 3.59001Z"/><path d="M7.89199 5.702L6.07499 7.53L7.89099 9.35L7.18399 10.057L5.01299 7.883V7.176L7.18299 4.997L7.89199 5.702Z"/><path d="M9.81 4.972L9.11 5.681L10.94 7.5L9.11 9.32L9.81 10.029L12 7.856V7.147L9.81 4.972Z"/></svg>';
 const SparkleIcon = '<svg role="img" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M5.39804 10.8069C5.57428 10.9312 5.78476 10.9977 6.00043 10.9973C6.21633 10.9975 6.42686 10.93 6.60243 10.8043C6.77993 10.6739 6.91464 10.4936 6.98943 10.2863L7.43643 8.91335C7.55086 8.56906 7.74391 8.25615 8.00028 7.99943C8.25665 7.74272 8.56929 7.54924 8.91343 7.43435L10.3044 6.98335C10.4564 6.92899 10.5936 6.84019 10.7055 6.7239C10.8174 6.60762 10.9008 6.467 10.9492 6.31308C10.9977 6.15916 11.0098 5.99611 10.9847 5.83672C10.9596 5.67732 10.8979 5.52591 10.8044 5.39435C10.6703 5.20842 10.4794 5.07118 10.2604 5.00335L8.88543 4.55635C8.54091 4.44212 8.22777 4.24915 7.97087 3.99277C7.71396 3.73638 7.52035 3.42363 7.40543 3.07935L6.95343 1.69135C6.88113 1.48904 6.74761 1.31428 6.57143 1.19135C6.43877 1.09762 6.28607 1.03614 6.12548 1.01179C5.96489 0.987448 5.80083 1.00091 5.64636 1.05111C5.49188 1.1013 5.35125 1.18685 5.23564 1.30095C5.12004 1.41505 5.03265 1.55454 4.98043 1.70835L4.52343 3.10835C4.40884 3.44317 4.21967 3.74758 3.97022 3.9986C3.72076 4.24962 3.41753 4.44067 3.08343 4.55735L1.69243 5.00535C1.54065 5.05974 1.40352 5.14852 1.29177 5.26474C1.18001 5.38095 1.09666 5.52145 1.04824 5.67523C0.999819 5.82902 0.987639 5.99192 1.01265 6.1512C1.03767 6.31048 1.0992 6.46181 1.19243 6.59335C1.32027 6.7728 1.50105 6.90777 1.70943 6.97935L3.08343 7.42435C3.52354 7.57083 3.90999 7.84518 4.19343 8.21235C4.35585 8.42298 4.4813 8.65968 4.56443 8.91235L5.01643 10.3033C5.08846 10.5066 5.22179 10.6826 5.39804 10.8069ZM5.48343 3.39235L6.01043 2.01535L6.44943 3.39235C6.61312 3.8855 6.88991 4.33351 7.25767 4.70058C7.62544 5.06765 8.07397 5.34359 8.56743 5.50635L9.97343 6.03535L8.59143 6.48335C8.09866 6.64764 7.65095 6.92451 7.28382 7.29198C6.9167 7.65945 6.64026 8.10742 6.47643 8.60035L5.95343 9.97835L5.50443 8.59935C5.34335 8.10608 5.06943 7.65718 4.70443 7.28835C4.3356 6.92031 3.88653 6.64272 3.39243 6.47735L2.01443 5.95535L3.40043 5.50535C3.88672 5.33672 4.32775 5.05855 4.68943 4.69235C5.04901 4.32464 5.32049 3.88016 5.48343 3.39235ZM11.5353 14.8494C11.6713 14.9456 11.8337 14.9973 12.0003 14.9974C12.1654 14.9974 12.3264 14.9464 12.4613 14.8514C12.6008 14.7529 12.7058 14.6129 12.7613 14.4514L13.0093 13.6894C13.0625 13.5309 13.1515 13.3869 13.2693 13.2684C13.3867 13.1498 13.5307 13.0611 13.6893 13.0094L14.4613 12.7574C14.619 12.7029 14.7557 12.6004 14.8523 12.4644C14.9257 12.3614 14.9736 12.2424 14.9921 12.1173C15.0106 11.9922 14.9992 11.8645 14.9588 11.7447C14.9184 11.6249 14.8501 11.5163 14.7597 11.428C14.6692 11.3396 14.5591 11.2739 14.4383 11.2364L13.6743 10.9874C13.5162 10.9348 13.3724 10.8462 13.2544 10.7285C13.1364 10.6109 13.0473 10.4674 12.9943 10.3094L12.7423 9.53638C12.6886 9.37853 12.586 9.24191 12.4493 9.14638C12.3473 9.07343 12.2295 9.02549 12.1056 9.00642C11.9816 8.98736 11.8549 8.99772 11.7357 9.03665C11.6164 9.07558 11.508 9.142 11.4192 9.23054C11.3304 9.31909 11.2636 9.42727 11.2243 9.54638L10.9773 10.3084C10.925 10.466 10.8375 10.6097 10.7213 10.7284C10.6066 10.8449 10.4667 10.9335 10.3123 10.9874L9.53931 11.2394C9.38025 11.2933 9.2422 11.3959 9.1447 11.5326C9.04721 11.6694 8.99522 11.8333 8.99611 12.0013C8.99699 12.1692 9.0507 12.3326 9.14963 12.4683C9.24856 12.604 9.38769 12.7051 9.54731 12.7574L10.3103 13.0044C10.4692 13.0578 10.6136 13.1471 10.7323 13.2654C10.8505 13.3836 10.939 13.5283 10.9903 13.6874L11.2433 14.4614C11.2981 14.6178 11.4001 14.7534 11.5353 14.8494ZM10.6223 12.0564L10.4433 11.9974L10.6273 11.9334C10.9291 11.8284 11.2027 11.6556 11.4273 11.4284C11.6537 11.1994 11.8248 10.9216 11.9273 10.6164L11.9853 10.4384L12.0443 10.6194C12.1463 10.9261 12.3185 11.2047 12.5471 11.4332C12.7757 11.6617 13.0545 11.8336 13.3613 11.9354L13.5563 11.9984L13.3763 12.0574C13.0689 12.1596 12.7898 12.3322 12.5611 12.5616C12.3324 12.791 12.1606 13.0707 12.0593 13.3784L12.0003 13.5594L11.9423 13.3784C11.8409 13.0702 11.6687 12.7901 11.4394 12.5605C11.2102 12.3309 10.9303 12.1583 10.6223 12.0564Z"/></svg>';
 const EllipsisIcon = '<svg role="img" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm5 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm5 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>';
-const SyncSpinIcon = `<svg class="${styles$n.spin}" role="img" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.006 8.267L.78 9.5 0 8.73l2.09-2.07.76.01 2.09 2.12-.76.76-1.167-1.18a5 5 0 0 0 9.4 1.983l.813.597a6 6 0 0 1-11.22-2.683zm10.99-.466L11.76 6.55l-.76.76 2.09 2.11.76.01 2.09-2.07-.75-.76-1.194 1.18a6 6 0 0 0-11.11-2.92l.81.594a5 5 0 0 1 9.3 2.346z"/></svg>`;
+const SyncSpinIcon = `<svg class="${styles$o.spin}" role="img" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.006 8.267L.78 9.5 0 8.73l2.09-2.07.76.01 2.09 2.12-.76.76-1.167-1.18a5 5 0 0 0 9.4 1.983l.813.597a6 6 0 0 1-11.22-2.683zm10.99-.466L11.76 6.55l-.76.76 2.09 2.11.76.01 2.09-2.07-.75-.76-1.194 1.18a6 6 0 0 0-11.11-2.92l.81.594a5 5 0 0 1 9.3 2.346z"/></svg>`;
 const TickIcon = '<svg role="img" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z"/></svg>';
 const CloseIcon = '<svg role="img" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.707l3.646 3.647.708-.707L8.707 8l3.647-3.646-.707-.708L8 7.293 4.354 3.646l-.707.708L7.293 8l-3.646 3.646.707.708L8 8.707z"/></svg>';
 class GuardrailsStatusController {
   constructor(container2) {
-    __publicField(this, "statusSpinning", `<i class="codicon codicon-loading ${styles$o.codiconLoading}"></i>`);
+    __publicField(this, "statusSpinning", `<i class="codicon codicon-loading ${styles$p.codiconLoading}"></i>`);
     __publicField(this, "statusPass", '<i class="codicon codicon-pass"></i>');
     __publicField(this, "statusFailed", "Guardrails Check Failed");
     __publicField(this, "statusUnavailable", "Guardrails API Error");
@@ -51262,13 +51320,13 @@ class GuardrailsStatusController {
     this.findOrAppend(this.iconClass, () => {
       const icon2 = document.createElement("div");
       icon2.innerHTML = ShieldIcon;
-      icon2.classList.add(styles$o.attributionIcon, this.iconClass);
+      icon2.classList.add(styles$p.attributionIcon, this.iconClass);
       icon2.setAttribute("data-testid", "attribution-indicator");
       return icon2;
     });
     this.status = this.findOrAppend(this.statusClass, () => {
       const status2 = document.createElement("div");
-      status2.classList.add(styles$o.status, this.statusClass);
+      status2.classList.add(styles$p.status, this.statusClass);
       return status2;
     });
   }
@@ -51294,7 +51352,7 @@ class GuardrailsStatusController {
    * where attribution was found, and whether the attribution limit was hit.
    */
   setFailure(repos, limitHit) {
-    this.container.classList.add(styles$o.attributionIconFound);
+    this.container.classList.add(styles$p.attributionIconFound);
     this.container.title = this.tooltip(repos, limitHit);
     this.status.innerHTML = this.statusFailed;
   }
@@ -51304,7 +51362,7 @@ class GuardrailsStatusController {
    * search is unavailable.
    */
   setUnavailable(error2) {
-    this.container.classList.add(styles$o.attributionIconUnavailable);
+    this.container.classList.add(styles$p.attributionIconUnavailable);
     this.container.title = `Guardrails API error: ${error2.message}`;
     this.status.innerHTML = this.statusUnavailable;
   }
@@ -51328,12 +51386,12 @@ class GuardrailsStatusController {
 }
 function createButtons(preText, copyButtonOnSubmit, insertButtonOnSubmit) {
   const container2 = document.createElement("div");
-  container2.className = styles$o.buttonsContainer;
+  container2.className = styles$p.buttonsContainer;
   if (!copyButtonOnSubmit) {
     return container2;
   }
   const buttons2 = document.createElement("div");
-  buttons2.className = styles$o.buttons;
+  buttons2.className = styles$p.buttons;
   const codeBlockActions = {
     copy: copyButtonOnSubmit,
     insert: insertButtonOnSubmit
@@ -51371,12 +51429,12 @@ function createButtons(preText, copyButtonOnSubmit, insertButtonOnSubmit) {
 }
 function createButtonsExperimentalUI(preText, humanMessage, config, codeBlockName, copyButtonOnSubmit, insertButtonOnSubmit, smartApply, smartApplyId, smartApplyState) {
   const container2 = document.createElement("div");
-  container2.className = styles$o.buttonsContainer;
+  container2.className = styles$p.buttonsContainer;
   if (!copyButtonOnSubmit) {
     return container2;
   }
   const buttons2 = document.createElement("div");
-  buttons2.className = styles$o.buttons;
+  buttons2.className = styles$p.buttons;
   if (smartApply && smartApplyState === CodyTaskState.Applied && smartApplyId) {
     const acceptButton = createAcceptButton(smartApplyId, smartApply);
     const rejectButton = createRejectButton(smartApplyId, smartApply);
@@ -51412,7 +51470,7 @@ function createButtonsExperimentalUI(preText, humanMessage, config, codeBlockNam
 function createInsertButton(preText, insertButtonOnSubmit) {
   const button2 = document.createElement("button");
   button2.title = "Insert Code at Cursor";
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   button2.innerHTML = InsertCodeBlockIcon;
   if (insertButtonOnSubmit) {
     button2.addEventListener("click", () => {
@@ -51424,7 +51482,7 @@ function createInsertButton(preText, insertButtonOnSubmit) {
 function createSaveButton(preText, insertButtonOnSubmit) {
   const button2 = document.createElement("button");
   button2.title = "Save Code to New File...";
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   button2.innerHTML = SaveCodeBlockIcon;
   if (insertButtonOnSubmit) {
     button2.addEventListener("click", () => insertButtonOnSubmit(preText, true));
@@ -51433,7 +51491,7 @@ function createSaveButton(preText, insertButtonOnSubmit) {
 }
 function createCodeBlockActionButton(type, text2, title2, iconSvg, codeBlockActions) {
   const button2 = document.createElement("button");
-  const className = type === "copy" ? styles$o.copyButton : styles$o.insertButton;
+  const className = type === "copy" ? styles$p.copyButton : styles$p.insertButton;
   button2.innerHTML = iconSvg;
   button2.title = title2;
   button2.className = className;
@@ -51466,24 +51524,24 @@ function createCodeBlockActionButton(type, text2, title2, iconSvg, codeBlockActi
 function createCopyButton(preText, onCopy) {
   const button2 = document.createElement("button");
   button2.innerHTML = "Copy";
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   const iconContainer2 = document.createElement("div");
-  iconContainer2.className = styles$o.iconContainer;
+  iconContainer2.className = styles$p.iconContainer;
   iconContainer2.innerHTML = CopyCodeBlockIcon;
   button2.prepend(iconContainer2);
   button2.addEventListener("click", () => {
     iconContainer2.innerHTML = CheckCodeBlockIcon;
-    iconContainer2.className = styles$o.iconContainer;
+    iconContainer2.className = styles$p.iconContainer;
     button2.innerHTML = "Copied";
-    button2.className = styles$o.button;
+    button2.className = styles$p.button;
     button2.prepend(iconContainer2);
     navigator.clipboard.writeText(preText).catch((error2) => console.error(error2));
     onCopy(preText, "Button");
     setTimeout(() => {
       iconContainer2.innerHTML = CopyCodeBlockIcon;
-      iconContainer2.className = styles$o.iconContainer;
+      iconContainer2.className = styles$p.iconContainer;
       button2.innerHTML = "Copy";
-      button2.className = styles$o.button;
+      button2.className = styles$p.button;
       button2.prepend(iconContainer2);
     }, 5e3);
     console.log("Code: Copy to Clipboard", preText);
@@ -51492,13 +51550,13 @@ function createCopyButton(preText, onCopy) {
 }
 function createApplyButton(preText, humanMessage, smartApply, smartApplyId, smartApplyState, fileName) {
   const button2 = document.createElement("button");
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   switch (smartApplyState) {
     case "Working": {
       button2.innerHTML = "Applying";
       button2.disabled = true;
       const iconContainer2 = document.createElement("div");
-      iconContainer2.className = styles$o.iconContainer;
+      iconContainer2.className = styles$p.iconContainer;
       iconContainer2.innerHTML = SyncSpinIcon;
       button2.prepend(iconContainer2);
       break;
@@ -51506,7 +51564,7 @@ function createApplyButton(preText, humanMessage, smartApply, smartApplyId, smar
     default: {
       button2.innerHTML = "Apply";
       const iconContainer2 = document.createElement("div");
-      iconContainer2.className = styles$o.iconContainer;
+      iconContainer2.className = styles$p.iconContainer;
       iconContainer2.innerHTML = SparkleIcon;
       button2.prepend(iconContainer2);
       button2.addEventListener(
@@ -51519,11 +51577,11 @@ function createApplyButton(preText, humanMessage, smartApply, smartApplyId, smar
 }
 function createExecuteButton(command) {
   const button2 = document.createElement("button");
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   button2.innerHTML = "Execute";
   button2.title = "Send command to Terminal";
   const iconContainer2 = document.createElement("div");
-  iconContainer2.className = styles$o.iconContainer;
+  iconContainer2.className = styles$p.iconContainer;
   iconContainer2.innerHTML = '<i class="codicon codicon-terminal tw-align-middle"></i>';
   button2.prepend(iconContainer2);
   button2.addEventListener("click", () => {
@@ -51537,10 +51595,10 @@ function createExecuteButton(command) {
 }
 function createAcceptButton(id2, smartApply) {
   const button2 = document.createElement("button");
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   button2.innerHTML = "Accept";
   const iconContainer2 = document.createElement("div");
-  iconContainer2.className = styles$o.iconContainer;
+  iconContainer2.className = styles$p.iconContainer;
   iconContainer2.innerHTML = TickIcon;
   button2.prepend(iconContainer2);
   button2.addEventListener("click", () => {
@@ -51550,10 +51608,10 @@ function createAcceptButton(id2, smartApply) {
 }
 function createRejectButton(id2, smartApply) {
   const button2 = document.createElement("button");
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   button2.innerHTML = "Reject";
   const iconContainer2 = document.createElement("div");
-  iconContainer2.className = styles$o.iconContainer;
+  iconContainer2.className = styles$p.iconContainer;
   iconContainer2.innerHTML = CloseIcon;
   button2.prepend(iconContainer2);
   button2.addEventListener("click", () => {
@@ -51565,7 +51623,7 @@ function createActionsDropdown(preText) {
   const button2 = document.createElement("button");
   button2.innerHTML = EllipsisIcon;
   button2.title = "More Actions...";
-  button2.className = styles$o.button;
+  button2.className = styles$p.button;
   const vscodeContext = {
     webviewSection: "codeblock-actions",
     preventDefaultContextMenuItems: true,
@@ -51643,7 +51701,7 @@ const ChatMessageContent = ({
     if (!(preElements == null ? void 0 : preElements.length) || !copyButtonOnSubmit) {
       return;
     }
-    const existingButtons = rootRef.current.querySelectorAll(`.${styles$o.buttonsContainer}`);
+    const existingButtons = rootRef.current.querySelectorAll(`.${styles$p.buttonsContainer}`);
     for (const existingButton of existingButtons) {
       existingButton.remove();
     }
@@ -51677,11 +51735,11 @@ const ChatMessageContent = ({
           );
         }
         const metadataContainer2 = document.createElement("div");
-        metadataContainer2.classList.add(styles$o.metadataContainer);
+        metadataContainer2.classList.add(styles$p.metadataContainer);
         buttons2.append(metadataContainer2);
         if (guardrails) {
           const container2 = document.createElement("div");
-          container2.classList.add(styles$o.attributionContainer);
+          container2.classList.add(styles$p.attributionContainer);
           metadataContainer2.append(container2);
           if (!isMessageLoading) {
             const g2 = new GuardrailsStatusController(container2);
@@ -51705,7 +51763,7 @@ const ChatMessageContent = ({
         }
         if (fileName) {
           const fileNameContainer2 = document.createElement("div");
-          fileNameContainer2.className = styles$o.fileNameContainer;
+          fileNameContainer2.className = styles$p.fileNameContainer;
           fileNameContainer2.textContent = getFileName(fileName);
           fileNameContainer2.title = fileName;
           metadataContainer2.append(fileNameContainer2);
@@ -51724,7 +51782,7 @@ const ChatMessageContent = ({
     smartApplyInterceptor,
     smartApplyStates
   ]);
-  return /* @__PURE__ */ jsx("div", { ref: rootRef, "data-testid": "chat-message-content", children: /* @__PURE__ */ jsx(MarkdownFromCody, { className: clsx$1(styles$o.content, className), children: displayMarkdown }) });
+  return /* @__PURE__ */ jsx("div", { ref: rootRef, "data-testid": "chat-message-content", children: /* @__PURE__ */ jsx(MarkdownFromCody, { className: clsx$1(styles$p.content, className), children: displayMarkdown }) });
 };
 const $global = function() {
   if (typeof globalThis !== "undefined") {
@@ -63400,7 +63458,7 @@ const bannerContainer = "_banner-container_1qtot_55";
 const banner = "_banner_1qtot_55";
 const requestError = "_request-error_1qtot_128";
 const requestErrorTitle = "_request-error-title_1qtot_141";
-const styles$m = {
+const styles$n = {
   errorItem,
   icon,
   body,
@@ -63424,8 +63482,8 @@ const ErrorItem = ({ error: error2, userInfo, postMessage }) => {
   }
   return /* @__PURE__ */ jsx(RequestErrorItem, { error: error2.message });
 };
-const RequestErrorItem = ({ error: error2 }) => /* @__PURE__ */ jsxs("div", { className: styles$m.requestError, children: [
-  /* @__PURE__ */ jsx("span", { className: styles$m.requestErrorTitle, children: "Request Failed: " }),
+const RequestErrorItem = ({ error: error2 }) => /* @__PURE__ */ jsxs("div", { className: styles$n.requestError, children: [
+  /* @__PURE__ */ jsx("span", { className: styles$n.requestErrorTitle, children: "Request Failed: " }),
   error2
 ] });
 const RateLimitErrorItem = ({ error: error2, userInfo, postMessage }) => {
@@ -63458,9 +63516,9 @@ const RateLimitErrorItem = ({ error: error2, userInfo, postMessage }) => {
     },
     [postMessage, tier, telemetryRecorder]
   );
-  return /* @__PURE__ */ jsxs("div", { className: styles$m.errorItem, children: [
-    canUpgrade && /* @__PURE__ */ jsx("div", { className: styles$m.icon, children: "⚡️" }),
-    /* @__PURE__ */ jsxs("div", { className: styles$m.body, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$n.errorItem, children: [
+    canUpgrade && /* @__PURE__ */ jsx("div", { className: styles$n.icon, children: "⚡️" }),
+    /* @__PURE__ */ jsxs("div", { className: styles$n.body, children: [
       /* @__PURE__ */ jsxs("header", { children: [
         /* @__PURE__ */ jsx("h1", { children: canUpgrade ? "Upgrade to Cody Pro" : "Unable to Send Message" }),
         /* @__PURE__ */ jsxs("p", { children: [
@@ -63468,7 +63526,7 @@ const RateLimitErrorItem = ({ error: error2, userInfo, postMessage }) => {
           canUpgrade && " Upgrade to Cody Pro for unlimited autocomplete suggestions, chat messages and commands."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: styles$m.actions, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$n.actions, children: [
         canUpgrade && /* @__PURE__ */ jsx(
           VSCodeButton,
           {
@@ -63487,12 +63545,12 @@ const RateLimitErrorItem = ({ error: error2, userInfo, postMessage }) => {
           }
         )
       ] }),
-      error2.retryMessage && /* @__PURE__ */ jsx("p", { className: styles$m.retryMessage, children: error2.retryMessage })
+      error2.retryMessage && /* @__PURE__ */ jsx("p", { className: styles$n.retryMessage, children: error2.retryMessage })
     ] }),
-    canUpgrade && /* @__PURE__ */ jsx("div", { className: styles$m.bannerContainer, children: /* @__PURE__ */ jsx(
+    canUpgrade && /* @__PURE__ */ jsx("div", { className: styles$n.bannerContainer, children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: styles$m.banner,
+        className: styles$n.banner,
         role: "button",
         tabIndex: -1,
         onClick: () => onButtonClick("upgrade", "upgrade"),
@@ -63505,7 +63563,7 @@ const RateLimitErrorItem = ({ error: error2, userInfo, postMessage }) => {
 const feedbackButtons = "_feedback-buttons_16gni_1";
 const feedbackButton = "_feedback-button_16gni_1";
 const thumbsDownFeedbackContainer = "_thumbs-down-feedback-container_16gni_14";
-const styles$l = {
+const styles$m = {
   feedbackButtons,
   feedbackButton,
   thumbsDownFeedbackContainer
@@ -63522,12 +63580,12 @@ const FeedbackButtons = ({
     },
     [feedbackButtonsOnSubmit]
   );
-  return /* @__PURE__ */ jsxs("div", { className: clsx$1(styles$l.feedbackButtons, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx$1(styles$m.feedbackButtons, className), children: [
     !feedbackSubmitted && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         VSCodeButton,
         {
-          className: clsx$1("tw-text-muted-foreground", styles$l.feedbackButton),
+          className: clsx$1("tw-text-muted-foreground", styles$m.feedbackButton),
           appearance: "icon",
           type: "button",
           onClick: () => onFeedbackBtnSubmit("thumbsUp"),
@@ -63538,7 +63596,7 @@ const FeedbackButtons = ({
       /* @__PURE__ */ jsx(
         VSCodeButton,
         {
-          className: clsx$1("tw-text-muted-foreground", styles$l.feedbackButton),
+          className: clsx$1("tw-text-muted-foreground", styles$m.feedbackButton),
           appearance: "icon",
           type: "button",
           onClick: () => onFeedbackBtnSubmit("thumbsDown"),
@@ -63550,7 +63608,7 @@ const FeedbackButtons = ({
     feedbackSubmitted === "thumbsUp" && /* @__PURE__ */ jsxs(
       VSCodeButton,
       {
-        className: clsx$1(styles$l.feedbackButton),
+        className: clsx$1(styles$m.feedbackButton),
         appearance: "icon",
         type: "button",
         disabled: true,
@@ -63561,11 +63619,11 @@ const FeedbackButtons = ({
         ]
       }
     ),
-    feedbackSubmitted === "thumbsDown" && /* @__PURE__ */ jsxs("span", { className: styles$l.thumbsDownFeedbackContainer, children: [
+    feedbackSubmitted === "thumbsDown" && /* @__PURE__ */ jsxs("span", { className: styles$m.thumbsDownFeedbackContainer, children: [
       /* @__PURE__ */ jsxs(
         VSCodeButton,
         {
-          className: clsx$1(styles$l.feedbackButton),
+          className: clsx$1(styles$m.feedbackButton),
           appearance: "icon",
           type: "button",
           disabled: true,
@@ -64193,18 +64251,18 @@ function highlightNodeHelper(currentNode, currentOffset, start, length) {
 }
 const code = "_code_1suzz_6";
 const small = "_small_1suzz_13";
-const styles$k = {
+const styles$l = {
   code,
   small
 };
-const getFontWeightStyle = (weight) => clsx$1(styles$k[`fontWeight${upperFirst(weight)}`]);
+const getFontWeightStyle = (weight) => clsx$1(styles$l[`fontWeight${upperFirst(weight)}`]);
 const Code = forwardRef(function Code2({ children: children2, as: Component = "code", size: size2, weight, className, ...props }, reference) {
   return /* @__PURE__ */ jsx(
     Component,
     {
       className: clsx$1(
-        styles$k.code,
-        size2 === "small" && styles$k.small,
+        styles$l.code,
+        size2 === "small" && styles$l.small,
         weight && getFontWeightStyle(weight),
         className
       ),
@@ -64217,7 +64275,7 @@ const Code = forwardRef(function Code2({ children: children2, as: Component = "c
 const codeExcerpt = "_code-excerpt_1gr2h_1";
 const codeExcerptError = "_code-excerpt-error_1gr2h_1";
 const codeExcerptAlert = "_code-excerpt-alert_1gr2h_1";
-const styles$j = {
+const styles$k = {
   codeExcerpt,
   codeExcerptError,
   codeExcerptAlert
@@ -64294,7 +64352,7 @@ const CodeExcerpt = (props) => {
       }
     }
   }, [highlightRanges, startLine, endLine, tableContainerElement, table2]);
-  return /* @__PURE__ */ jsx(Code, { className: clsx$1(styles$j.codeExcerpt, className), "data-code-excerpt": true, children: /* @__PURE__ */ jsx("div", { ref: setTableContainerElement, children: table2 }) });
+  return /* @__PURE__ */ jsx(Code, { className: clsx$1(styles$k.codeExcerpt, className), "data-code-excerpt": true, children: /* @__PURE__ */ jsx("div", { ref: setTableContainerElement, children: table2 }) });
 };
 const resultContainer = "_result-container_61rcx_12";
 const header$2 = "_header_61rcx_32";
@@ -64312,7 +64370,7 @@ const titleInner = "_title-inner_61rcx_119";
 const toggleMatchesButton = "_toggle-matches-button_61rcx_123";
 const toggleMatchesButtonExpanded = "_toggle-matches-button--expanded_61rcx_1";
 const toggleMatchesButtonText = "_toggle-matches-button-text_61rcx_1";
-const styles$i = {
+const styles$j = {
   resultContainer,
   header: header$2,
   headerTitle,
@@ -64331,7 +64389,7 @@ const styles$i = {
   toggleMatchesButtonText
 };
 const chunk = "_chunk_1nj7l_1";
-const styles$h = {
+const styles$i = {
   chunk
 };
 const FileMatchChildren = (props) => {
@@ -64366,10 +64424,10 @@ const FileMatchChildren = (props) => {
         "data-href": createCodeExcerptLink(group),
         className: clsx$1(
           "test-file-match-children-item",
-          styles$h.chunk,
-          styles$i.clickable,
-          styles$i.focusableBlock,
-          styles$i.horizontalDividerBetween
+          styles$i.chunk,
+          styles$j.clickable,
+          styles$j.focusableBlock,
+          styles$j.horizontalDividerBetween
         ),
         children: /* @__PURE__ */ jsx(
           CodeExcerpt,
@@ -64714,7 +64772,7 @@ const FileMatchSearchResult = (props) => {
       pathMatchRanges: result2.pathMatches ?? [],
       fileURL,
       repoDisplayName: repoDisplayName ? `${repoDisplayName}${revisionDisplayName ? `@${revisionDisplayName}` : ""}` : void 0,
-      className: styles$i.titleInner,
+      className: styles$j.titleInner,
       collapsed: hidden2,
       onToggleCollapse: () => setHidden((current) => !current)
     }
@@ -64760,13 +64818,13 @@ const FileMatchSearchResult = (props) => {
           {
             type: "button",
             className: clsx$1(
-              styles$i.toggleMatchesButton,
-              styles$i.focusableBlock,
-              styles$i.clickable,
-              { [styles$i.toggleMatchesButtonExpanded]: expanded }
+              styles$j.toggleMatchesButton,
+              styles$j.focusableBlock,
+              styles$j.clickable,
+              { [styles$j.toggleMatchesButtonExpanded]: expanded }
             ),
             onClick: toggleExpand,
-            children: /* @__PURE__ */ jsx("span", { className: styles$i.toggleMatchesButtonText, children: expanded ? "Show less" : `Show ${hiddenMatchesCount} more ${pluralize(
+            children: /* @__PURE__ */ jsx("span", { className: styles$j.toggleMatchesButtonText, children: expanded ? "Show less" : `Show ${hiddenMatchesCount} more ${pluralize(
               "match",
               hiddenMatchesCount,
               "matches"
@@ -64800,20 +64858,20 @@ const ResultContainer = forwardRef(function ResultContainer2(props, reference) {
     Component,
     {
       ref: reference,
-      className: clsx$1(className, styles$i.resultContainer, "tw-group"),
+      className: clsx$1(className, styles$j.resultContainer, "tw-group"),
       onClick: onResultClicked,
       children: /* @__PURE__ */ jsxs("article", { children: [
-        /* @__PURE__ */ jsxs("header", { className: styles$i.header, "data-result-header": true, children: [
+        /* @__PURE__ */ jsxs("header", { className: styles$j.header, "data-result-header": true, children: [
           /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
             resultType ? accessibleResultType[resultType] : "search",
             " result,"
           ] }),
-          /* @__PURE__ */ jsx("div", { className: clsx$1(styles$i.headerTitle, titleClassName), children: title2 }),
+          /* @__PURE__ */ jsx("div", { className: clsx$1(styles$j.headerTitle, titleClassName), children: title2 }),
           formattedRepositoryStarCount && /* @__PURE__ */ jsx("span", { className: "d-flex align-items-center", children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: formattedRepositoryStarCount }) }),
           actions2
         ] }),
         rankingDebug && /* @__PURE__ */ jsx("div", { children: rankingDebug }),
-        children2 && !collapsed && /* @__PURE__ */ jsx("div", { className: clsx$1(styles$i.result, resultClassName), children: children2 })
+        children2 && !collapsed && /* @__PURE__ */ jsx("div", { className: clsx$1(styles$j.result, resultClassName), children: children2 })
       ] })
     }
   );
@@ -65115,15 +65173,26 @@ const labelVariants = cva(
 const Label = React.forwardRef(({ className, ...props }, ref2) => /* @__PURE__ */ jsx(Root$2, { ref: ref2, className: cn(labelVariants(), className), ...props }));
 Label.displayName = Root$2.displayName;
 const infoMessage = "_info-message_1hay9_1";
-const styles$g = {
+const styles$h = {
   infoMessage
 };
 const InfoMessage = ({ children: children2, className }) => {
-  return /* @__PURE__ */ jsx("div", { className: cn(styles$g.infoMessage, "tw-p-4 tw-rounded-sm", className), children: children2 });
+  return /* @__PURE__ */ jsx("div", { className: cn(styles$h.infoMessage, "tw-p-4 tw-rounded-sm", className), children: children2 });
+};
+const TELEMETRY_INTENT = {
+  CHAT: 1,
+  SEARCH: 2
+};
+const TELEMETRY_SEARCH_FILTER = {
+  UNKNOWN: 1,
+  REPO: 2,
+  LANGUAGE: 3,
+  FILE: 4,
+  TYPE: 5
 };
 const filter = "_filter_u880r_1";
 const selected = "_selected_u880r_5";
-const styles$f = {
+const styles$g = {
   filter,
   selected
 };
@@ -65132,6 +65201,7 @@ const SearchFilters = ({
   selectedFilters,
   onSelectedFiltersUpdate
 }) => {
+  const telemetryRecorder = useTelemetryRecorder();
   const filterGroups = useMemo(() => {
     const fields = [
       "repo",
@@ -65151,9 +65221,15 @@ const SearchFilters = ({
   }, [filters, selectedFilters]);
   const onFilterSelect = useCallback(
     (filter2) => {
+      telemetryRecorder.recordEvent("onebox.filter", "clicked", {
+        metadata: {
+          filterType: getTelemetryFilterType(filter2)
+        },
+        privateMetadata: { value: filter2.value }
+      });
       onSelectedFiltersUpdate([...selectedFilters, filter2]);
     },
-    [selectedFilters, onSelectedFiltersUpdate]
+    [selectedFilters, onSelectedFiltersUpdate, telemetryRecorder]
   );
   const onFilterDeselect = useCallback(
     (filter2) => {
@@ -65210,10 +65286,10 @@ const SearchFilter = ({
     "div",
     {
       className: classNames(
-        styles$f.filter,
+        styles$g.filter,
         "tw-flex tw-justify-between tw-items-center tw-py-2 tw-px-4 tw-rounded-md tw-cursor-pointer hover:tw-bg-accent hover:tw-text-accent-foreground",
         {
-          [styles$f.selected]: selected2
+          [styles$g.selected]: selected2
         }
       ),
       onClick: onClickHandler,
@@ -65227,6 +65303,20 @@ const SearchFilter = ({
   );
 };
 const isFilterEqual = (a2, b2) => a2.kind === b2.kind && a2.value === b2.value;
+function getTelemetryFilterType(filter2) {
+  switch (filter2.kind) {
+    case "lang":
+      return TELEMETRY_SEARCH_FILTER.LANGUAGE;
+    case "type":
+      return TELEMETRY_SEARCH_FILTER.TYPE;
+    case "repo":
+      return TELEMETRY_SEARCH_FILTER.REPO;
+    case "file":
+      return TELEMETRY_SEARCH_FILTER.FILE;
+    default:
+      return TELEMETRY_SEARCH_FILTER.UNKNOWN;
+  }
+}
 const SearchFiltersModal = ({
   selectedFilters,
   filters,
@@ -65264,6 +65354,26 @@ const SearchFiltersModal = ({
     ] })
   ] });
 };
+const root$4 = "_root_fzfjq_1";
+const resultsContainer = "_results-container_fzfjq_6";
+const filtersSidebarHidden = "_filters-sidebar-hidden_fzfjq_9";
+const filtersSidebar = "_filters-sidebar_fzfjq_9";
+const filtersSidebarToggle = "_filters-sidebar-toggle_fzfjq_16";
+const container$2 = "_container_fzfjq_20";
+const filtersModalTrigger = "_filters-modal-trigger_fzfjq_30";
+const searchResultsHeader = "_search-results-header_fzfjq_43";
+const searchResultsHeaderLabel = "_search-results-header__label_fzfjq_52";
+const styles$f = {
+  root: root$4,
+  resultsContainer,
+  filtersSidebarHidden,
+  filtersSidebar,
+  filtersSidebarToggle,
+  container: container$2,
+  filtersModalTrigger,
+  searchResultsHeader,
+  searchResultsHeaderLabel
+};
 const DEFAULT_RESULTS_LIMIT = 10;
 const SearchResults = ({
   message: message2,
@@ -65272,7 +65382,8 @@ const SearchResults = ({
   feedbackButtonsOnSubmit,
   enableContextSelection
 }) => {
-  var _a;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i2, _j;
+  const telemetryRecorder = useTelemetryRecorder();
   const experimentalOneBoxDebug = useExperimentalOneBoxDebug();
   const lastEditorRef = useContext(LastEditorContext);
   const [selectedFollowUpResults, updateSelectedFollowUpResults] = useReducer(
@@ -65280,7 +65391,8 @@ const SearchResults = ({
     /* @__PURE__ */ new Set()
   );
   const [showAll, setShowAll] = useState(false);
-  const [showFilters, setShowFilters] = useState(false);
+  const [showFiltersModal, setShowFiltersModal] = useState(false);
+  const [showFiltersSidebar, setShowFiltersSidebar] = useState(true);
   const totalResults = useMemo(
     () => {
       var _a2;
@@ -65305,7 +65417,7 @@ const SearchResults = ({
     });
   }, [initialResults]);
   useLayoutEffect(() => {
-    var _a2, _b;
+    var _a2, _b2;
     if (!enableContextSelection) {
       return;
     }
@@ -65325,131 +65437,273 @@ const SearchResults = ({
           }
         }).filter(isDefined)
       );
-      (_a2 = lastEditorRef.current) == null ? void 0 : _a2.upsertMentions([contextItem2]);
+      (_a2 = lastEditorRef.current) == null ? void 0 : _a2.upsertMentions([contextItem2], "before", " ", false);
     } else {
-      (_b = lastEditorRef.current) == null ? void 0 : _b.filterMentions(
+      (_b2 = lastEditorRef.current) == null ? void 0 : _b2.filterMentions(
         (mention) => mention.type !== "openctx" || mention.providerUri !== CODE_SEARCH_PROVIDER_URI
       );
     }
   }, [enableContextSelection, selectedFollowUpResults, lastEditorRef]);
-  const handleSelectForContext = useCallback((selected2, result2) => {
-    updateSelectedFollowUpResults({
-      type: selected2 ? "add" : "remove",
-      results: [result2]
-    });
-  }, []);
-  if (showFilters) {
+  const handleSelectForContext = useCallback(
+    (selected2, result2) => {
+      telemetryRecorder.recordEvent(
+        "onebox.resultContext",
+        selected2 ? "individualSelected" : "individualDeselected",
+        {
+          metadata: { resultRank: totalResults.indexOf(result2) }
+        }
+      );
+      updateSelectedFollowUpResults({
+        type: selected2 ? "add" : "remove",
+        results: [result2]
+      });
+    },
+    [totalResults, telemetryRecorder]
+  );
+  if (showFiltersModal) {
     return /* @__PURE__ */ jsx(
       SearchFiltersModal,
       {
         filters: ((_a = message2.search.response) == null ? void 0 : _a.results.dynamicFilters) || [],
         selectedFilters: message2.search.selectedFilters || [],
         onSelectedFiltersUpdate,
-        close: () => setShowFilters(false)
+        close: () => {
+          telemetryRecorder.recordEvent("onebox.filterModal", "closed");
+          setShowFiltersModal(false);
+        }
       }
     );
   }
-  if (!message2.text && !!message2.search.query) {
-    return /* @__PURE__ */ jsx(LoadingDots, {});
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !!resultsToShow && /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-4 tw-justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-2 tw-items-center tw-font-semibold tw-text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Search, { className: "tw-size-8 tw-flex-shrink-0" }),
-        "Displaying ",
-        resultsToShow.length,
-        " code search results"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-4", children: [
-        /* @__PURE__ */ jsxs(Button$2, { onClick: () => setShowFilters(true), variant: "outline", children: [
-          /* @__PURE__ */ jsx(Filter, { className: "tw-size-8" }),
-          "Filters"
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-4", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "search-results.select-all", children: "Add to context:" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              id: "search-results.select-all",
-              checked: selectedFollowUpResults.size === resultsToShow.length,
-              disabled: !enableContextSelection,
-              onChange: (event) => {
-                if (event.target.checked) {
-                  updateSelectedFollowUpResults({
-                    type: "add",
-                    results: resultsToShow
-                  });
-                } else {
-                  updateSelectedFollowUpResults({
-                    type: "init",
-                    results: []
-                  });
-                }
-              }
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    experimentalOneBoxDebug && message2.search.query && /* @__PURE__ */ jsxs(InfoMessage, { className: "tw-mt-4", children: [
-      "Query: ",
-      message2.search.query
-    ] }),
-    experimentalOneBoxDebug && message2.search.queryWithSelectedFilters && /* @__PURE__ */ jsxs(InfoMessage, { className: "tw-mt-4", children: [
-      "Query with selected filters: ",
-      message2.search.queryWithSelectedFilters
-    ] }),
-    !!resultsToShow && /* @__PURE__ */ jsx("ul", { className: "tw-list-none tw-flex tw-flex-col tw-gap-2 tw-pt-2", children: resultsToShow.map((result2, i2) => /* @__PURE__ */ jsx(
-      "li",
-      {
-        children: /* @__PURE__ */ jsx(
-          NLSResultSnippet,
+  const onFilterSidebarClose = useCallback(() => {
+    telemetryRecorder.recordEvent("onebox.filterSidebar", "closed");
+    setShowFiltersSidebar(false);
+  }, [telemetryRecorder]);
+  return /* @__PURE__ */ jsx("div", { className: styles$f.root, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(
+        styles$f.container,
+        "tw-flex tw-gap-8 tw-items-start tw-justify-between"
+      ),
+      children: [
+        showFiltersSidebar && !!((_c = (_b = message2.search.response) == null ? void 0 : _b.results.dynamicFilters) == null ? void 0 : _c.length) && /* @__PURE__ */ jsxs(
+          "div",
           {
-            result: result2,
-            selectedForContext: selectedFollowUpResults.has(result2),
-            onSelectForContext: enableContextSelection ? handleSelectForContext : void 0
+            className: classNames(
+              "tw-min-w-[250px] tw-w-[250px] tw-relative tw-mt-2 tw-p-4 tw-rounded-md",
+              styles$f.filtersSidebar
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "tw-absolute tw-top-2 tw-right-2",
+                  onClick: onFilterSidebarClose,
+                  onKeyDown: onFilterSidebarClose,
+                  role: "button",
+                  children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "tw-size-8" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SearchFilters,
+                {
+                  filters: ((_d = message2.search.response) == null ? void 0 : _d.results.dynamicFilters) || [],
+                  selectedFilters: message2.search.selectedFilters || [],
+                  onSelectedFiltersUpdate
+                }
+              )
+            ]
           }
-        )
-      },
-      i2
-    )) }),
-    /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-justify-between tw-gap-4 tw-my-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-4", children: [
-        !showAll && resultsToShow && totalResults && resultsToShow !== totalResults && /* @__PURE__ */ jsxs(
-          Button$2,
+        ),
+        !message2.text && !!message2.search.query ? /* @__PURE__ */ jsx("div", { className: "tw-flex-1", children: /* @__PURE__ */ jsx(LoadingDots, {}) }) : /* @__PURE__ */ jsxs(
+          "div",
           {
-            onClick: () => {
-              setShowAll(true);
-              updateSelectedFollowUpResults({
-                type: "add",
-                results: totalResults.slice(resultsToShow.length)
-              });
-            },
-            variant: "outline",
+            className: classNames("tw-flex-1", styles$f.resultsContainer, {
+              [styles$f.filtersSidebarHidden]: !showFiltersSidebar || !((_f = (_e = message2.search.response) == null ? void 0 : _e.results.dynamicFilters) == null ? void 0 : _f.length)
+            }),
             children: [
-              /* @__PURE__ */ jsx(ArrowDown, { className: "tw-size-8" }),
-              "More results"
+              !!resultsToShow && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classNames(
+                    "tw-flex tw-items-center tw-gap-4 tw-justify-between",
+                    styles$f.searchResultsHeader
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-2 tw-items-center tw-font-semibold tw-text-muted-foreground", children: [
+                      /* @__PURE__ */ jsx(Search, { className: "tw-size-8 tw-flex-shrink-0" }),
+                      "Displaying ",
+                      resultsToShow.length,
+                      " code search results"
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-4", children: [
+                      !!((_h = (_g = message2.search.response) == null ? void 0 : _g.results.dynamicFilters) == null ? void 0 : _h.length) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsxs(
+                          Button$2,
+                          {
+                            onClick: () => {
+                              telemetryRecorder.recordEvent(
+                                "onebox.filterModal",
+                                "opened"
+                              );
+                              setShowFiltersModal(true);
+                              setShowFiltersSidebar(true);
+                            },
+                            variant: "outline",
+                            className: styles$f.filtersModalTrigger,
+                            children: [
+                              ((_i2 = message2.search.selectedFilters) == null ? void 0 : _i2.length) ? /* @__PURE__ */ jsx(FilterX, { className: "tw-size-8" }) : /* @__PURE__ */ jsx(Filter, { className: "tw-size-8" }),
+                              /* @__PURE__ */ jsx("span", { className: styles$f.searchResultsHeaderLabel, children: "Filters" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          Button$2,
+                          {
+                            onClick: () => {
+                              setShowFiltersSidebar((open) => {
+                                telemetryRecorder.recordEvent(
+                                  "onebox.filterSidebar",
+                                  open ? "closed" : "opened"
+                                );
+                                return !open;
+                              });
+                            },
+                            variant: "outline",
+                            className: styles$f.filtersSidebarToggle,
+                            children: [
+                              ((_j = message2.search.selectedFilters) == null ? void 0 : _j.length) ? /* @__PURE__ */ jsx(FilterX, { className: "tw-size-8" }) : /* @__PURE__ */ jsx(Filter, { className: "tw-size-8" }),
+                              /* @__PURE__ */ jsx("span", { className: styles$f.searchResultsHeaderLabel, children: "Filters" })
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-4", children: [
+                        /* @__PURE__ */ jsx(
+                          Label,
+                          {
+                            htmlFor: "search-results.select-all",
+                            className: styles$f.searchResultsHeaderLabel,
+                            children: "Add to context:"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            id: "search-results.select-all",
+                            checked: selectedFollowUpResults.size === resultsToShow.length,
+                            disabled: !enableContextSelection,
+                            onChange: (event) => {
+                              const checked = event.target.checked;
+                              telemetryRecorder.recordEvent(
+                                "onebox.results",
+                                checked ? "selectAll" : "deselectAll"
+                              );
+                              if (checked) {
+                                updateSelectedFollowUpResults({
+                                  type: "add",
+                                  results: resultsToShow
+                                });
+                              } else {
+                                updateSelectedFollowUpResults({
+                                  type: "init",
+                                  results: []
+                                });
+                              }
+                            }
+                          }
+                        )
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              experimentalOneBoxDebug && message2.search.query && /* @__PURE__ */ jsxs(InfoMessage, { className: "tw-mt-4", children: [
+                "Query: ",
+                /* @__PURE__ */ jsx("code", { children: message2.search.query })
+              ] }),
+              experimentalOneBoxDebug && message2.search.queryWithSelectedFilters && /* @__PURE__ */ jsxs(InfoMessage, { className: "tw-mt-4", children: [
+                "Query with selected filters:",
+                " ",
+                /* @__PURE__ */ jsx("code", { children: message2.search.queryWithSelectedFilters })
+              ] }),
+              resultsToShow.length ? /* @__PURE__ */ jsx("ul", { className: "tw-list-none tw-flex tw-flex-col tw-gap-2 tw-pt-2", children: resultsToShow.map((result2, i2) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  children: /* @__PURE__ */ jsx(
+                    NLSResultSnippet,
+                    {
+                      result: result2,
+                      selectedForContext: selectedFollowUpResults.has(result2),
+                      onSelectForContext: enableContextSelection ? handleSelectForContext : void 0
+                    }
+                  )
+                },
+                i2
+              )) }) : /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-col tw-gap-4 tw-justify-center tw-items-center tw-my-20 tw-text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(OctagonX, { className: "tw-size-8" }),
+                /* @__PURE__ */ jsx("p", { children: "No search results found" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-justify-between tw-gap-4 tw-my-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-4", children: [
+                  !showAll && resultsToShow && totalResults && resultsToShow !== totalResults && /* @__PURE__ */ jsxs(
+                    Button$2,
+                    {
+                      onClick: () => {
+                        telemetryRecorder.recordEvent(
+                          "onebox.moreResults",
+                          "clicked",
+                          {
+                            metadata: {
+                              totalResults: totalResults.length,
+                              resultsAdded: totalResults.length - resultsToShow.length
+                            }
+                          }
+                        );
+                        setShowAll(true);
+                        updateSelectedFollowUpResults({
+                          type: "add",
+                          results: totalResults.slice(resultsToShow.length)
+                        });
+                      },
+                      variant: "outline",
+                      children: [
+                        /* @__PURE__ */ jsx(ArrowDown, { className: "tw-size-8" }),
+                        "More results"
+                      ]
+                    }
+                  ),
+                  showFeedbackButtons && feedbackButtonsOnSubmit && /* @__PURE__ */ jsx(FeedbackButtons, { feedbackButtonsOnSubmit })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: `${serverEndpoint}/search`,
+                    target: "_blank",
+                    rel: "noreferrer",
+                    className: "tw-text-foreground",
+                    onClick: () => {
+                      telemetryRecorder.recordEvent("onebox.codeSearch", "clicked", {
+                        metadata: {
+                          totalResults: totalResults.length,
+                          resultsAdded: totalResults.length - resultsToShow.length
+                        }
+                      });
+                    },
+                    children: /* @__PURE__ */ jsxs(Button$2, { variant: "outline", children: [
+                      "Code search ",
+                      /* @__PURE__ */ jsx(ExternalLink, { className: "tw-size-8" })
+                    ] })
+                  }
+                )
+              ] })
             ]
           }
-        ),
-        showFeedbackButtons && feedbackButtonsOnSubmit && /* @__PURE__ */ jsx(FeedbackButtons, { feedbackButtonsOnSubmit })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: `${serverEndpoint}/search`,
-          target: "_blank",
-          rel: "noreferrer",
-          className: "tw-text-foreground",
-          children: /* @__PURE__ */ jsxs(Button$2, { variant: "outline", children: [
-            "Code search ",
-            /* @__PURE__ */ jsx(ExternalLink, { className: "tw-size-8" })
-          ] })
-        }
-      )
-    ] })
-  ] });
+        )
+      ]
+    }
+  ) });
 };
 function selectedResultsReducer(state, action2) {
   switch (action2.type) {
@@ -66263,7 +66517,7 @@ const PromptList = (props) => {
   const allActions = showOnlyPromptInsertableCommands ? (result2 == null ? void 0 : result2.actions.filter((action2) => action2.actionType === "prompt" || action2.mode === "ask")) ?? [] : (result2 == null ? void 0 : result2.actions) ?? [];
   const sortedActions = lastUsedSorting ? getSortedActions(filteredActions(allActions), lastUsedActions) : filteredActions(allActions);
   const actions2 = showFirstNItems ? sortedActions.slice(0, showFirstNItems) : sortedActions;
-  const inputPaddingClass = paddingLevels !== "none" ? paddingLevels === "middle" ? "!tw-p-0" : "!tw-p-4" : "";
+  const inputPaddingClass = paddingLevels !== "none" ? paddingLevels === "middle" ? "!tw-p-0" : "!tw-p-2" : "";
   const itemPaddingClass = paddingLevels !== "none" ? paddingLevels === "middle" ? "!tw-px-6" : "!tw-px-8" : "";
   const anyPromptFilterActive = !!Object.keys(promptFilters ?? {}).length;
   return /* @__PURE__ */ jsx(
@@ -66592,22 +66846,22 @@ const PromptsFilter = (props) => {
   };
   return (
     // we need the surrounding div to prevent the remaining content from jumping
-    /* @__PURE__ */ jsx("div", { className: "tw-pl-8 tw-pt-8", children: /* @__PURE__ */ jsxs(Popover, { open: isPromptTagsOpen, onOpenChange: setIsPromptTagsOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, onClick: () => setIsPromptTagsOpen(!isPromptTagsOpen), children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "tw-pl-6 tw-pt-6", children: /* @__PURE__ */ jsxs(Popover, { open: isPromptTagsOpen, onOpenChange: setIsPromptTagsOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, onClick: () => setIsPromptTagsOpen(!isPromptTagsOpen), children: /* @__PURE__ */ jsxs(
         Button$2,
         {
           variant: "secondary",
-          className: "tw-bg-popover tw-border tw-border-border tw-w-48 !tw-justify-start",
-          children: /* @__PURE__ */ jsxs("span", { className: "tw-w-full tw-flex tw-items-center tw-justify-between", children: [
-            /* @__PURE__ */ jsx(
+          className: "tw-bg-popover tw-border tw-border-border !tw-justify-between",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "tw-flex tw-items-center", children: /* @__PURE__ */ jsx(
               FilterContent,
               {
                 value: selectedFilter.value,
                 nameOverride: selectedFilter.nameOverride
               }
-            ),
-            /* @__PURE__ */ jsx(ChevronDown, { size: 16 })
-          ] })
+            ) }),
+            /* @__PURE__ */ jsx(ChevronDown, { size: 16, className: "tw-text-muted-foreground" })
+          ]
         }
       ) }),
       /* @__PURE__ */ jsx(
@@ -66616,7 +66870,7 @@ const PromptsFilter = (props) => {
           className: "tw-flex tw-flex-col tw-w-full !tw-p-0",
           side: "bottom",
           align: "start",
-          children: /* @__PURE__ */ jsx("div", { className: "tw-w-[225px]", children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx("div", { className: "tw-w-[240px]", children: /* @__PURE__ */ jsx(
             Command,
             {
               loop: true,
@@ -66624,7 +66878,7 @@ const PromptsFilter = (props) => {
               tabIndex: 0,
               className: "focus:tw-outline-none",
               children: /* @__PURE__ */ jsxs(CommandList, { children: [
-                /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx(CommandGroup, { className: "!tw-py-1", children: /* @__PURE__ */ jsx(
                   CommandLink,
                   {
                     href: `${serverEndpoint}prompts/new`,
@@ -66703,7 +66957,7 @@ const PromptsFilter = (props) => {
                     className: "tw-flex",
                     children: [
                       /* @__PURE__ */ jsx("span", { className: "tw-flex-grow", children: "Explore Prompt Library" }),
-                      /* @__PURE__ */ jsx(ExternalLink, { size: 16 })
+                      /* @__PURE__ */ jsx(ExternalLink, { size: 16, className: "tw-text-muted-foreground" })
                     ]
                   }
                 ) })
@@ -70381,12 +70635,11 @@ const TranscriptInteraction = memo((props) => {
         onEditSubmit(intent);
         telemetryRecorder.recordEvent("onebox.intentCorrection", "clicked", {
           metadata: {
-            recordsPrivateMetadataTranscript: 1
+            initialIntent: humanMessage.intent === "search" ? TELEMETRY_INTENT.SEARCH : TELEMETRY_INTENT.CHAT,
+            selectedIntent: intent === "search" ? TELEMETRY_INTENT.SEARCH : TELEMETRY_INTENT.CHAT
           },
           privateMetadata: {
-            initialIntent: humanMessage.intent,
-            userSpecifiedIntent: intent,
-            promptText: editorState.text
+            query: editorState.text
           }
         });
       }
@@ -71080,7 +71333,7 @@ const Notices = ({ user, isTeamsUpgradeCtaEnabled, instanceNotices }) => {
   if (!activeNotice) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "tw-flex tw-flex-col tw-mx-4 tw-my-2 tw-p-4 tw-gap-2", children: activeNotice.content });
+  return /* @__PURE__ */ jsx("div", { className: "tw-flex tw-flex-col tw-mx-2 tw-my-2 tw-p-2 tw-gap-2", children: activeNotice.content });
 };
 const NoticeContent = ({
   variant,
@@ -71165,12 +71418,12 @@ const MarkdownNotice = (props) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "tw-bg-accent tw-bg-opacity-50 tw--ml-2 tw--mr-2 tw-border tw-border-border tw-relative tw-rounded-md tw-flex tw-flex-col tw-gap-2 tw-p-4",
+      className: "tw-bg-subtle tw-ml-2 tw-mr-2 tw-border tw-border-border tw-relative tw-rounded-lg tw-flex tw-flex-col tw-gap-2 tw-pt-4 tw-pb-6 tw-px-6",
       "data-markdown-notice": "",
       children: [
-        title2 && /* @__PURE__ */ jsx("h1", { className: "tw-text-lg tw-font-semibold", children: title2 }),
-        /* @__PURE__ */ jsx(MarkdownFromCody, { children: message2 }),
-        /* @__PURE__ */ jsx(Button$2, { variant: "ghost", onClick: onDismiss, className: "tw-absolute tw-top-2 tw-right-2", children: /* @__PURE__ */ jsx(X$2, { size: "14" }) })
+        title2 && /* @__PURE__ */ jsx("h1", { className: "tw-text-md tw-font-semibold tw-text-title tw-flex tw-flex-row tw-items-center tw-gap-3 tw-mt-1 tw-mb-2", children: title2 }),
+        /* @__PURE__ */ jsx(MarkdownFromCody, { className: "tw-text-subtle tw-leading-tight", children: message2 }),
+        /* @__PURE__ */ jsx(Button$2, { variant: "ghost", onClick: onDismiss, className: "tw-absolute tw-top-3 tw-right-2", children: /* @__PURE__ */ jsx(X$2, { size: "14" }) })
       ]
     }
   );
@@ -71365,7 +71618,7 @@ const CodyPanel = ({
       defaultValue: View.Chat,
       value: view,
       orientation: "vertical",
-      className: styles$s.outerContainer,
+      className: styles$t.outerContainer,
       children: [
         /* @__PURE__ */ jsx(
           Notices,
@@ -71437,15 +71690,15 @@ const CodyPanel = ({
     }
   ) });
 };
-const ErrorBanner = ({ errors, setErrors }) => /* @__PURE__ */ jsx("div", { className: styles$s.errorContainer, children: errors.map((error2, i2) => (
+const ErrorBanner = ({ errors, setErrors }) => /* @__PURE__ */ jsx("div", { className: styles$t.errorContainer, children: errors.map((error2, i2) => (
   // biome-ignore lint/suspicious/noArrayIndexKey: error strings might not be unique, so we have no natural id
-  /* @__PURE__ */ jsxs("div", { className: styles$s.error, children: [
+  /* @__PURE__ */ jsxs("div", { className: styles$t.error, children: [
     /* @__PURE__ */ jsx("span", { children: error2 }),
     /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: styles$s.closeBtn,
+        className: styles$t.closeBtn,
         onClick: () => setErrors(errors.filter((e2) => e2 !== error2)),
         children: "×"
       }