@sourcegraph/cody-web 0.7.4 → 0.7.7

package/dist/index.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { g as getDefaultExportFromCjs, L as Ls, k as ke$1, a as ks, F as Fi$1, _ as _s, b as ds, c as bs, i as ii$1, q as qe$1, y as ys, x as xi$1, K as K$2, J as J$2, R as R$3, e as ws, B as B$2, f as g$5, h as h$4, j as _i, S as Ss, l as Br, m as ln, n as bi$1, v as vn, o as xn, N as Nn, r as mn, s as li$1, u as n$1, z as ns, M as M$4, D as Ds, A as le$2, E as c$4, G as oe$1, H as z$1, I as yi$1, W as W$2, U as Ue$1, O as I$2, P as Se$2, Q as O$2, V as F$1, X as Ni$1, Y as ee$1, Z as we$2, $ as b$2, a0 as T$3, a1 as s$2, a2 as o$4, a3 as w$3, a4 as i$1, a5 as k$3, a6 as D$5, a7 as p$8, a8 as m$7, a9 as S$4, aa as v$4, ab as P$2, ac as E$6, ad as Wi$1, ae as L$3, af as d$2, ag as a$3, ah as l$2, ai as f$2, aj as u$6, ak as r$6, al as t$2, am as displayPathBasename, an as FILE_CONTEXT_MENTION_PROVIDER, ao as SYMBOL_CONTEXT_MENTION_PROVIDER, ap as REMOTE_REPOSITORY_PROVIDER_URI, aq as REMOTE_FILE_PROVIDER_URI, ar as REMOTE_DIRECTORY_PROVIDER_URI, as as CURRENT_REPOSITORY_DIRECTORY_PROVIDER_URI, at as WEB_PROVIDER_URI, au as displayPath, av as displayLineRange, aw as displayPathDirname, ax as IGNORED_FILE_WARNING_LABEL, ay as LARGE_FILE_WARNING_LABEL, az as Ei$1, aA as xe$2, aB as V$2, aC as Es, aD as U$2, aE as e, aF as Ns, aG as an, aH as gs, aI as serializeContextItem, aJ as CONTEXT_ITEM_MENTION_NODE_TYPE, aK as contextItemMentionNodeDisplayText, C as ContextItemSource, aL as URI, aM as qr, aN as _$2, aO as TEMPLATE_INPUT_NODE_TYPE, aP as N$2, aQ as parseMentionQuery, aR as NO_SYMBOL_MATCHES_HELP_LABEL, aS as FILE_RANGE_TOOLTIP_LABEL, aT as proxyExtensionAPI, aU as createMessageAPIForWebview, aV as lodashExports, aW as memoizeLastValue, aX as toSerializedPromptEditorValue, aY as ri$1, aZ as scanForMentionTriggerInUserTextInput, a_ as fs, a$ as Ts, b0 as ps, b1 as hydrateAfterPostMessage, b2 as isCodyProUser, b3 as CodyIDE, b4 as webviewOpenURIForContextItem, b5 as commonjsGlobal, b6 as CodyTaskState, b7 as cryptoJsExports, b8 as isError, b9 as RateLimitError, ba as CODY_FEEDBACK_URL, bb as isDefined, bc as reformatBotMessageForChat, p as ps$1, bd as isAbortErrorOrSocketHangUp, be as isEqual, bf as serializedPromptEditorStateFromChatMessage, bg as contextItemsFromPromptEditorValue, bh as filterContextItemsFromPromptEditorValue, bi as pluralize, bj as isCodyProModel, bk as ModelTag, bl as CustomCommandType, bm as isMacOS, bn as textContentFromSerializedLexicalNode, bo as FAST_CHAT_INPUT_TOKEN_BUDGET, bp as deserializeContextItem, bq as View, br as truncateTextStart, bs as CHAT_INPUT_TOKEN_BUDGET, bt as ACCOUNT_USAGE_URL, bu as getRelativeChatPeriod, bv as browser, bw as isErrorLike, bx as setDisplayPathEnvInfo, by as PromptString } from "./browser-BTzYzFoB.mjs";
+import { g as getDefaultExportFromCjs, L as Ls, k as ke$1, a as ks, F as Fi$1, _ as _s, b as ds, c as bs, i as ii$1, q as qe$1, y as ys, x as xi$1, K as K$2, J as J$2, R as R$3, e as ws, B as B$2, f as g$5, h as h$4, j as _i, S as Ss, l as Br, m as ln, n as bi$1, v as vn, o as xn, N as Nn, r as mn, s as li$1, u as n$1, z as ns, M as M$4, D as Ds, A as le$2, E as c$4, G as oe$1, H as z$1, I as yi$1, W as W$2, U as Ue$1, O as I$2, P as Se$2, Q as O$2, V as F$1, X as Ni$1, Y as ee$1, Z as we$2, $ as b$2, a0 as T$3, a1 as s$2, a2 as o$4, a3 as w$3, a4 as i$1, a5 as k$3, a6 as D$5, a7 as p$8, a8 as m$7, a9 as S$4, aa as v$4, ab as P$2, ac as E$6, ad as Wi$1, ae as L$3, af as d$2, ag as a$3, ah as l$2, ai as f$2, aj as u$6, ak as r$6, al as t$2, am as displayPathBasename, an as FILE_CONTEXT_MENTION_PROVIDER, ao as SYMBOL_CONTEXT_MENTION_PROVIDER, ap as REMOTE_REPOSITORY_PROVIDER_URI, aq as REMOTE_FILE_PROVIDER_URI, ar as REMOTE_DIRECTORY_PROVIDER_URI, as as WEB_PROVIDER_URI, at as displayPath, au as displayLineRange, av as displayPathDirname, aw as IGNORED_FILE_WARNING_LABEL, ax as LARGE_FILE_WARNING_LABEL, ay as Ei$1, az as xe$2, aA as V$2, aB as Es, aC as U$2, aD as e, aE as Ns, aF as an, aG as gs, aH as serializeContextItem, aI as CONTEXT_ITEM_MENTION_NODE_TYPE, aJ as contextItemMentionNodeDisplayText, C as ContextItemSource, aK as URI, aL as qr, aM as _$2, aN as TEMPLATE_INPUT_NODE_TYPE, aO as N$2, aP as parseMentionQuery, aQ as NO_SYMBOL_MATCHES_HELP_LABEL, aR as FILE_RANGE_TOOLTIP_LABEL, aS as createExtensionAPI, aT as createMessageAPIForWebview, aU as lodashExports, aV as memoizeLastValue, aW as toSerializedPromptEditorValue, aX as ri$1, aY as scanForMentionTriggerInUserTextInput, aZ as fs, a_ as Ts, a$ as ps, b0 as hydrateAfterPostMessage, b1 as isCodyProUser, b2 as CodyIDE, b3 as webviewOpenURIForContextItem, b4 as commonjsGlobal, b5 as CodyTaskState, b6 as cryptoJsExports, b7 as isError, b8 as RateLimitError, b9 as CODY_FEEDBACK_URL, ba as isDefined, bb as reformatBotMessageForChat, p as ps$1, bc as isAbortErrorOrSocketHangUp, bd as isEqual, be as serializedPromptEditorStateFromChatMessage, bf as contextItemsFromPromptEditorValue, bg as filterContextItemsFromPromptEditorValue, bh as pluralize, bi as isCodyProModel, bj as ModelTag, bk as CustomCommandType, bl as isMacOS, bm as textContentFromSerializedLexicalNode, bn as FAST_CHAT_INPUT_TOKEN_BUDGET, bo as deserializeContextItem, bp as View, bq as truncateTextStart, br as CHAT_INPUT_TOKEN_BUDGET, bs as ACCOUNT_USAGE_URL, bt as getRelativeChatPeriod, bu as browser, bv as isErrorLike, bw as setDisplayPathEnvInfo, bx as PromptString } from "./browser-hDxNMh5y.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: {} };
@@ -8274,7 +8274,6 @@ const iconForProvider = {
   [REMOTE_REPOSITORY_PROVIDER_URI]: FolderGit,
   [REMOTE_FILE_PROVIDER_URI]: File,
   [REMOTE_DIRECTORY_PROVIDER_URI]: FolderGit,
-  [CURRENT_REPOSITORY_DIRECTORY_PROVIDER_URI]: FolderGit,
   [WEB_PROVIDER_URI]: Link$1
 };
 const contextItemMentionNode = "_context-item-mention-node_1eamp_1";
@@ -8373,7 +8372,7 @@ const useIsFocused = () => {
   }, [editor2]);
   return hasFocus;
 };
-const MentionComponent = ({ nodeKey, node: node2, tooltip: tooltip2, icon: Icon2, className, focusedClassName, iconClassName }) => {
+const MentionComponent = ({ nodeKey, node: node2, tooltip, icon: Icon2, className, focusedClassName, iconClassName }) => {
   const { tooltipComponents, onContextItemMentionNodeMetaClick } = getGlobalPromptEditorConfig();
   const [editor2] = u$5();
   const isEditorFocused = useIsFocused();
@@ -8515,7 +8514,7 @@ const MentionComponent = ({ nodeKey, node: node2, tooltip: tooltip2, icon: Icon2
       unregister();
     };
   }, [editor2, onArrowLeftPress, onArrowRightPress, onClick, onDelete, onBlur, onSelectionChange]);
-  const content2 = /* @__PURE__ */ jsxs("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip2, children: [
+  const content2 = /* @__PURE__ */ jsxs("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip, children: [
     Icon2 && /* @__PURE__ */ jsx(Icon2, { size: 14, strokeWidth: 2, className: clsx$1(iconClassName, "tw-shrink-0") }),
     /* @__PURE__ */ jsx("span", { children: text2 })
   ] });
@@ -8525,7 +8524,7 @@ const MentionComponent = ({ nodeKey, node: node2, tooltip: tooltip2, icon: Icon2
   const { Tooltip: Tooltip2, TooltipContent: TooltipContent2, TooltipTrigger: TooltipTrigger2 } = tooltipComponents;
   return /* @__PURE__ */ jsxs(Tooltip2, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger2, { asChild: true, children: content2 }),
-    tooltip2 && /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip2 })
+    tooltip && /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip })
   ] });
 };
 const MENTION_CLASS_NAME = styles$k.contextItemMentionNode;
@@ -8709,16 +8708,16 @@ const TemplateInputComponent = ({ editor: editor2, nodeKey, node: node2, classNa
       editor2.registerCommand(_$2, onKeyDown, Ns)
     );
   }, [editor2, onClick, onKeyDown]);
-  const tooltip2 = "replaces template placeholder on keypress";
+  const tooltip = "replaces template placeholder on keypress";
   const text2 = node2.templateInput.placeholder;
-  const content2 = /* @__PURE__ */ jsx("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip2, children: /* @__PURE__ */ jsx("span", { children: text2 }) });
+  const content2 = /* @__PURE__ */ jsx("span", { ref: ref2, className: composedClassNames, title: tooltipComponents ? void 0 : tooltip, children: /* @__PURE__ */ jsx("span", { children: text2 }) });
   if (!tooltipComponents) {
     return content2;
   }
   const { Tooltip: Tooltip2, TooltipContent: TooltipContent2, TooltipTrigger: TooltipTrigger2 } = tooltipComponents;
   return /* @__PURE__ */ jsxs(Tooltip2, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger2, { asChild: true, children: content2 }),
-    /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip2 })
+    /* @__PURE__ */ jsx(TooltipContent2, { children: tooltip })
   ] });
 };
 const templateInputNode = "_template-input-node_14yoh_1";
@@ -8961,8 +8960,8 @@ function L({ options: e2, onQueryChange: n2, onSelectOption: o2, onOpen: r2, onC
     };
   }, [v2, g2, n2, x2, I2, T2]), null === x2 || null === v2 ? null : jsx(R, { close: I2, resolution: x2, editor: v2, anchorElementRef: O2, options: e2, menuRenderFn: i2, shouldSplitNodeWithQuery: true, onSelectOption: o2, commandPriority: y2 });
 }
-const popoverDimensions = "_popover-dimensions_18ann_1";
-const popover = "_popover_18ann_1";
+const popoverDimensions = "_popover-dimensions_1uf3m_1";
+const popover = "_popover_1uf3m_1";
 const styles$i = {
   popoverDimensions,
   popover
@@ -8977,13 +8976,15 @@ 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_101x5_1";
-const item = "_item_101x5_8";
-const contextItem$1 = "_context-item_101x5_9";
+const container$2 = "_container_fr158_1";
+const item = "_item_fr158_8";
+const contextItem$1 = "_context-item_fr158_9";
+const experimental = "_experimental_fr158_17";
 const styles$h = {
   container: container$2,
   item,
-  contextItem: contextItem$1
+  contextItem: contextItem$1,
+  experimental
 };
 const MentionMenu = ({
   params,
@@ -9029,6 +9030,14 @@ const MentionMenu = ({
     window.addEventListener("keydown", listener, { capture: true });
     return () => window.removeEventListener("keydown", listener, { capture: true });
   }, []);
+  useEffect(() => {
+    const listener = (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+    };
+    window.addEventListener("mousedown", listener, { capture: true });
+    return () => window.removeEventListener("mousedown", listener, { capture: true });
+  }, []);
   const onProviderSelect = useCallback(
     (value2) => {
       const provider = data.providers.find((p2) => commandRowValue$1(p2) === value2);
@@ -9199,6 +9208,21 @@ function getItemsHeading(parentItem, mentionQuery) {
   if (parentItem.id === SYMBOL_CONTEXT_MENTION_PROVIDER.id || parentItem.id === FILE_CONTEXT_MENTION_PROVIDER.id) {
     return "";
   }
+  if (parentItem.id === REMOTE_DIRECTORY_PROVIDER_URI) {
+    return /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-gap-2 tw-items-center tw-justify-between", children: [
+      /* @__PURE__ */ jsx("div", { children: mentionQuery.text.includes(":") ? "Directory - Select a directory" : "Directory - Select a repository" }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx$1(
+            "tw-text-xs tw-rounded tw-px-2 tw-text-foreground",
+            styles$h.experimental
+          ),
+          children: "Experimental"
+        }
+      )
+    ] });
+  }
   return parentItem.title ?? parentItem.id;
 }
 const COMMAND_ROW_CLASS_NAME = "!tw-p-3 !tw-text-md !tw-leading-[1.2] !tw-h-[30px] !tw-rounded-none";
@@ -9216,21 +9240,17 @@ function useClientState() {
 const ChatMentionContext = createContext({
   resolutionMode: "local"
 });
-const context$1 = createContext(void 0);
+const context = createContext(void 0);
 const ExtensionAPIProviderFromVSCodeAPI = ({ vscodeAPI, children: children2 }) => {
-  const extensionAPI = useMemo(() => {
-    const messageAPI = createMessageAPIForWebview(vscodeAPI);
-    return {
-      mentionMenuData: proxyExtensionAPI(messageAPI, "mentionMenuData"),
-      evaluatedFeatureFlag: proxyExtensionAPI(messageAPI, "evaluatedFeatureFlag"),
-      prompts: proxyExtensionAPI(messageAPI, "prompts")
-    };
-  }, [vscodeAPI]);
-  return /* @__PURE__ */ jsx(context$1.Provider, { value: extensionAPI, children: children2 });
+  const extensionAPI = useMemo(
+    () => createExtensionAPI(createMessageAPIForWebview(vscodeAPI)),
+    [vscodeAPI]
+  );
+  return /* @__PURE__ */ jsx(context.Provider, { value: extensionAPI, children: children2 });
 };
-context$1.Provider;
+context.Provider;
 function useExtensionAPI() {
-  const extensionAPI = useContext(context$1);
+  const extensionAPI = useContext(context);
   if (!extensionAPI) {
     throw new Error(
       "useExtensionAPI must be used within an ExtensionAPIProviderFromVSCodeAPI or ExtensionAPIProviderForTestsOnly component"
@@ -9293,8 +9313,7 @@ function useMentionMenuParams() {
   const isRemoteLikeProviderActive = mentionSettings.resolutionMode === "remote" || [
     REMOTE_FILE_PROVIDER_URI,
     REMOTE_DIRECTORY_PROVIDER_URI,
-    REMOTE_REPOSITORY_PROVIDER_URI,
-    CURRENT_REPOSITORY_DIRECTORY_PROVIDER_URI
+    REMOTE_REPOSITORY_PROVIDER_URI
   ].includes(((_a = params.parentItem) == null ? void 0 : _a.id) || "");
   const debounceTime = isRemoteLikeProviderActive ? 300 : 10;
   const debouncedUpdateQuery = useMemo(
@@ -9374,7 +9393,7 @@ function useCallMentionMenuData({
   const mentionQuery = useMemo(
     () => ({
       ...parseMentionQuery(query ?? "", provider),
-      includeRemoteRepositories: mentionSettings.resolutionMode === "remote"
+      contextRemoteRepositoriesNames: mentionSettings.remoteRepositoriesNames
     }),
     [query, provider, mentionSettings]
   );
@@ -12838,6 +12857,19 @@ const $a093c7e1ec25a057$var$PORTAL_NAME = "TooltipPortal";
 const [$a093c7e1ec25a057$var$PortalProvider, $a093c7e1ec25a057$var$usePortalContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, {
   forceMount: void 0
 });
+const $a093c7e1ec25a057$export$7b36b8f925ab7497 = (props) => {
+  const { __scopeTooltip, forceMount, children: children2, container: container2 } = props;
+  const context2 = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, __scopeTooltip);
+  return /* @__PURE__ */ createElement($a093c7e1ec25a057$var$PortalProvider, {
+    scope: __scopeTooltip,
+    forceMount
+  }, /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    present: forceMount || context2.open
+  }, /* @__PURE__ */ createElement($f1701beae083dbae$export$602eac185826482c, {
+    asChild: true,
+    container: container2
+  }, children2)));
+};
 const $a093c7e1ec25a057$var$CONTENT_NAME = "TooltipContent";
 const $a093c7e1ec25a057$export$e9003e2be37ec060 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const portalContext = $a093c7e1ec25a057$var$usePortalContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
@@ -13135,6 +13167,7 @@ function $a093c7e1ec25a057$var$getHullPresorted(points) {
 const $a093c7e1ec25a057$export$2881499e37b75b9a = $a093c7e1ec25a057$export$f78649fb9ca566b8;
 const $a093c7e1ec25a057$export$be92b6f5f03c0fe9 = $a093c7e1ec25a057$export$28c660c63b792dea;
 const $a093c7e1ec25a057$export$41fb9f06171c75f4 = $a093c7e1ec25a057$export$8c610744efcf8a1d;
+const $a093c7e1ec25a057$export$602eac185826482c = $a093c7e1ec25a057$export$7b36b8f925ab7497;
 const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003e2be37ec060;
 const CLASS_PART_SEPARATOR = "-";
 function createClassUtils(config) {
@@ -15623,19 +15656,22 @@ function cn(...inputs) {
 const TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;
 const Tooltip = $a093c7e1ec25a057$export$be92b6f5f03c0fe9;
 const TooltipTrigger = $a093c7e1ec25a057$export$41fb9f06171c75f4;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref2) => /* @__PURE__ */ jsx(
-  $a093c7e1ec25a057$export$7c6e2c02157bb7d2,
-  {
-    ref: ref2,
-    sideOffset,
-    className: cn(
-      "tw-z-50 tw-overflow-hidden tw-flex tw-items-center tw-rounded-md tw-border tw-border-border tw-leading-tight tw-bg-popover tw-px-3 tw-py-2 tw-text-sm tw-text-popover-foreground tw-max-w-72 tw-text-center tw-whitespace-pre-line tw-shadow-lg [&_kbd]:tw-ml-3 [&_kbd]:-tw-mr-1 [&_kbd]:tw-mt-[-4px] [&_kbd]:tw-mb-[-4px]",
-      className
-    ),
-    ...props,
-    children: props.children
-  }
-));
+const TooltipContent = React.forwardRef(({ portal, className, sideOffset = 4, ...props }, ref2) => {
+  const Portal = portal ? $a093c7e1ec25a057$export$602eac185826482c : React.Fragment;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    $a093c7e1ec25a057$export$7c6e2c02157bb7d2,
+    {
+      ref: ref2,
+      sideOffset,
+      className: cn(
+        "tw-z-50 tw-overflow-hidden tw-flex tw-items-center tw-rounded-md tw-border tw-border-border tw-leading-tight tw-bg-popover tw-px-3 tw-py-2 tw-text-sm tw-text-popover-foreground tw-max-w-72 tw-text-center tw-whitespace-pre-line tw-shadow-lg [&_kbd]:tw-ml-3 [&_kbd]:-tw-mr-1 [&_kbd]:tw-mt-[-4px] [&_kbd]:tw-mb-[-4px]",
+        className
+      ),
+      ...props,
+      children: props.children
+    }
+  ) });
+});
 TooltipContent.displayName = $a093c7e1ec25a057$export$7c6e2c02157bb7d2.displayName;
 var U = 1, Y$1 = 0.9, H = 0.8, J = 0.17, p$1 = 0.1, u = 0.999, $ = 0.9999;
 var k$1 = 0.99, m = /[\\\/_+.#"@\[\(\{&]/, B = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, X$1 = /[\s-]/g;
@@ -17271,7 +17307,7 @@ const CommandSeparator = React.forwardRef(({ className, ...props }, ref2) => /*
   }
 ));
 CommandSeparator.displayName = He.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, tooltip: tooltip2, ...props }, ref2) => {
+const CommandItem = React.forwardRef(({ className, tooltip, ...props }, ref2) => {
   const item2 = /* @__PURE__ */ jsx(
     He.Item,
     {
@@ -17280,7 +17316,7 @@ const CommandItem = React.forwardRef(({ className, tooltip: tooltip2, ...props }
         "tw-relative tw-flex tw-cursor-pointer tw-select-none tw-items-center tw-rounded-sm tw-py-3 tw-px-2 tw-text-md tw-outline-none aria-selected:tw-bg-accent aria-selected:tw-text-accent-foreground hover:tw-bg-accent hover:tw-text-accent-foreground data-[disabled=true]:tw-pointer-events-none data-[disabled=true]:tw-opacity-50",
         className
       ),
-      title: tooltip2,
+      title: tooltip,
       ...props
     }
   );
@@ -29745,11 +29781,16 @@ function useConfig() {
 }
 function useUserAccountInfo() {
   const value = useConfig();
+  if (!value.authStatus.authenticated) {
+    throw new Error(
+      "useUserAccountInfo must be used within a ConfigProvider with authenticated user"
+    );
+  }
   return {
     isCodyProUser: isCodyProUser(value.authStatus),
     // Receive this value from the extension backend to make it work
     // with E2E tests where change the DOTCOM_URL via the env variable TESTING_DOTCOM_URL.
-    isDotComUser: value.authStatus.isDotCom,
+    isDotComUser: value.isDotComUser,
     user: value.authStatus,
     ide: value.config.agentIDE ?? CodyIDE.VSCode
   };
@@ -29889,23 +29930,6 @@ const GeminiLogo = ({
     ]
   }
 );
-const context = createContext({});
-const ChatModelContextProvider = context.Provider;
-function useChatModelContext() {
-  return useContext(context);
-}
-function useChatModelByID(model) {
-  const { chatModels } = useChatModelContext();
-  return (chatModels == null ? void 0 : chatModels.find((m2) => m2.id === model)) ?? (model ? {
-    id: model,
-    title: model,
-    provider: "unknown"
-  } : void 0);
-}
-function useCurrentChatModel() {
-  const { chatModels } = useChatModelContext();
-  return chatModels == null ? void 0 : chatModels[0];
-}
 const path$2 = "_path_kr5rq_1";
 const excluded = "_excluded_kr5rq_7";
 const styles$e = {
@@ -30060,7 +30084,7 @@ included via Enhanced Context (Remote Search)`,
   const iconTitle = source2 && hoverSourceLabels[source2] ? `Included ${hoverSourceLabels[source2]}` : void 0;
   return /* @__PURE__ */ jsxs("div", { className: clsx$1("tw-inline-flex tw-items-center tw-max-w-full", className), children: [
     (isIgnored || isTooLarge) && /* @__PURE__ */ jsx("i", { className: "codicon codicon-warning", title: linkDetails.tooltip }),
-    source2 === "unified" ? /* @__PURE__ */ jsxs(
+    source2 === "unified" || uri.scheme === "http" || uri.scheme === "https" ? /* @__PURE__ */ jsxs(
       "a",
       {
         className: linkClassName,
@@ -71208,8 +71232,8 @@ class GuardrailsStatusController {
     if (repos.length === 1) {
       return `${prefix} ${repos[0]}.`;
     }
-    const tooltip2 = `${prefix} ${repos.length} repositories: ${repos.join(", ")}`;
-    return limitHit ? `${tooltip2} or more...` : `${tooltip2}.`;
+    const tooltip = `${prefix} ${repos.length} repositories: ${repos.join(", ")}`;
+    return limitHit ? `${tooltip} or more...` : `${tooltip}.`;
   }
 }
 function createButtons(preText, copyButtonOnSubmit, insertButtonOnSubmit) {
@@ -71790,13 +71814,14 @@ const FeedbackButtons = ({
     ] })
   ] });
 };
-const BaseMessageCell = ({ speakerIcon, speakerTitle, content: content2, contentClassName, footer: footer2, className }) => /* @__PURE__ */ jsxs(
+const BaseMessageCell = ({ speakerIcon, speakerTitle, cellAction, content: content2, contentClassName, footer: footer2, className }) => /* @__PURE__ */ jsxs(
   Cell,
   {
     header: /* @__PURE__ */ jsxs(Fragment, { children: [
       speakerIcon,
       " ",
-      /* @__PURE__ */ jsx("span", { className: "tw-mt-[-1px] tw-font-semibold", children: speakerTitle })
+      /* @__PURE__ */ jsx("span", { className: "tw-mt-[-1px] tw-font-semibold", children: speakerTitle }),
+      /* @__PURE__ */ jsx("div", { className: "tw-ml-auto", children: cellAction })
     ] }),
     containerClassName: className,
     contentClassName,
@@ -71873,7 +71898,7 @@ const ContextFocusActions = ({ humanMessage, className }) => {
       "aria-label": "Try again with different context",
       children: /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-wrap tw-items-center tw-gap-x-4 tw-gap-y-2", children: [
         /* @__PURE__ */ jsx("h3", { className: "tw-flex tw-items-center tw-gap-3", children: "Try again with different context" }),
-        /* @__PURE__ */ jsx("ul", { className: "tw-whitespace-nowrap tw-flex tw-gap-2 tw-flex-wrap", children: actions2.map(({ label, tooltip: tooltip2, onClick }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "tw-whitespace-nowrap tw-flex tw-gap-2 tw-flex-wrap", children: actions2.map(({ label, tooltip, onClick }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
             Button3,
             {
@@ -71885,7 +71910,7 @@ const ContextFocusActions = ({ humanMessage, className }) => {
             },
             label
           ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: tooltip2 })
+          /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
         ] }) }, label)) })
       ] })
     }
@@ -72008,6 +72033,15 @@ function makeHumanMessageInfo({ humanMessage, assistantMessage }, humanEditorRef
     }
   };
 }
+function useChatModelByID(model) {
+  const models = useExtensionAPI().models;
+  const chatModels = useObservable(useMemo(() => models(), [models])).value;
+  return (chatModels == null ? void 0 : chatModels.find((m2) => m2.id === model)) ?? (model ? {
+    id: model,
+    title: model,
+    provider: "unknown"
+  } : void 0);
+}
 const contextItem = "_context-item_13e3r_1";
 const contextItemMetadata = "_context-item-metadata_13e3r_6";
 const contextItemLink = "_context-item-link_13e3r_12";
@@ -72555,7 +72589,7 @@ const ToolbarButton = forwardRef(
     className,
     variant,
     asChild = false,
-    tooltip: tooltip2,
+    tooltip,
     iconStart: IconStart,
     iconEnd: IconEnd,
     children: children2,
@@ -72580,9 +72614,9 @@ const ToolbarButton = forwardRef(
         ]
       }
     );
-    return tooltip2 ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+    return tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button2 }),
-      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip2 })
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip })
     ] }) : button2;
   }
 );
@@ -73524,20 +73558,24 @@ const PromptSelectFieldToolbarItem = ({ focusEditor, appendTextToEditor, classNa
   return /* @__PURE__ */ jsx(PromptSelectField, { onSelect, onCloseByEscape: focusEditor, className });
 };
 const ModelSelectFieldToolbarItem = ({ userInfo, focusEditor, className }) => {
-  const { chatModels, onCurrentChatModelChange, serverSentModelsEnabled } = useChatModelContext();
+  const config = useConfig();
+  const api2 = useExtensionAPI();
   const onModelSelect = useCallback(
     (model) => {
-      onCurrentChatModelChange == null ? void 0 : onCurrentChatModelChange(model);
+      api2.setChatModel(model.id).subscribe({
+        error: (error2) => console.error("setChatModel:", error2)
+      });
       focusEditor == null ? void 0 : focusEditor();
     },
-    [onCurrentChatModelChange, focusEditor]
+    [api2.setChatModel, focusEditor]
   );
-  return !!(chatModels == null ? void 0 : chatModels.length) && (userInfo.isDotComUser || serverSentModelsEnabled) && onCurrentChatModelChange && /* @__PURE__ */ jsx(
+  const { value: chatModels } = useObservable(useMemo(() => api2.models(), [api2.models]));
+  return !!(chatModels == null ? void 0 : chatModels.length) && (userInfo.isDotComUser || config.configFeatures.serverSentModels) && /* @__PURE__ */ jsx(
     ModelSelectField,
     {
       models: chatModels,
       onModelSelect,
-      serverSentModelsEnabled: !!serverSentModelsEnabled,
+      serverSentModelsEnabled: config.configFeatures.serverSentModels,
       userInfo,
       onCloseByEscape: focusEditor,
       className
@@ -73698,9 +73736,11 @@ const HumanMessageEditor = ({
           if (isSent) {
             return;
           }
-          if (editorRef.current) {
-            editorRef.current.appendText(appendTextToLastPromptEditor);
-          }
+          requestAnimationFrame(() => {
+            if (editorRef.current) {
+              editorRef.current.appendText(appendTextToLastPromptEditor);
+            }
+          });
         }
       },
       [isSent]
@@ -73783,6 +73823,11 @@ const HumanMessageEditor = ({
     )
   );
 };
+function useCurrentChatModel() {
+  var _a;
+  const models = useExtensionAPI().models;
+  return (_a = useObservable(useMemo(() => models(), [models])).value) == null ? void 0 : _a.at(0);
+}
 const HumanMessageCell = memo(
   ({
     message: message2,
@@ -73818,6 +73863,7 @@ const HumanMessageCell = memo(
           }
         ),
         speakerTitle: userInfo.user.displayName ?? userInfo.user.username,
+        cellAction: isFirstMessage && /* @__PURE__ */ jsx(OpenInNewEditorAction, {}),
         content: /* @__PURE__ */ jsx(
           HumanMessageEditor,
           {
@@ -73844,6 +73890,31 @@ const HumanMessageCell = memo(
   },
   isEqual
 );
+const OpenInNewEditorAction = () => {
+  const {
+    config: { multipleWebviewsEnabled }
+  } = useConfig();
+  if (!multipleWebviewsEnabled) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          getVSCodeAPI().postMessage({
+            command: "command",
+            id: "cody.chat.moveToEditor"
+          });
+        },
+        className: "tw-flex tw-gap-3 tw-items-center tw-leading-none tw-opacity-80 hover:tw-opacity-100 tw-border-b-[1px] tw-border-transparent tw-transition tw-translate-y-[1px]",
+        children: /* @__PURE__ */ jsx(Columns2, { size: 16, strokeWidth: 1.25, className: "tw-w-8 tw-h-8" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: "Open in Editor" })
+  ] });
+};
 const Transcript = (props) => {
   const {
     chatEnabled,
@@ -74405,6 +74476,12 @@ const Chat = ({
       window.removeEventListener("focus", onFocus);
     };
   }, []);
+  const handleScrollDownClick = useCallback(() => {
+    if (transcript.length === 0) {
+      return;
+    }
+    focusLastHumanMessageEditor();
+  }, [transcript]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     !chatEnabled && /* @__PURE__ */ jsx("div", { className: styles$3.chatDisabled, children: "Cody chat is disabled by your Sourcegraph site administrator" }),
     /* @__PURE__ */ jsx(
@@ -74425,7 +74502,7 @@ const Chat = ({
       }
     ),
     transcript.length === 0 && showWelcomeMessage && /* @__PURE__ */ jsx(WelcomeMessage, { IDE: userInfo.ide, setView }),
-    scrollableParent && /* @__PURE__ */ jsx(ScrollDown, { scrollableParent, onClick: focusLastHumanMessageEditor })
+    scrollableParent && /* @__PURE__ */ jsx(ScrollDown, { scrollableParent, onClick: handleScrollDownClick })
   ] });
 };
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
@@ -75030,24 +75107,24 @@ const SettingsTab = () => {
     "settings"
   ) });
 };
-const tabsRoot = "_tabs-root_1do08_10";
-const tabsContainer = "_tabs-container_1do08_18";
-const tabs = "_tabs_1do08_10";
-const subTabs = "_sub-tabs_1do08_37";
-const tabActionLabel = "_tab-action-label_1do08_47";
-const tooltip = "_tooltip_1do08_51";
-const dialogOverlay = "_dialog-overlay_1do08_1";
-const dialogContent = "_dialog-content_1do08_1";
-const dialogTitle = "_dialog-title_1do08_1";
-const dialogDescription = "_dialog-description_1do08_1";
-const dialogFooter = "_dialog-footer_1do08_1";
+const tabsRoot = "_tabs-root_1e23y_10";
+const tabsContainer = "_tabs-container_1e23y_18";
+const tabs = "_tabs_1e23y_10";
+const subTabs = "_sub-tabs_1e23y_42";
+const tabActionLabel = "_tab-action-label_1e23y_53";
+const tabsRootCodyWeb = "_tabs-root--cody-web_1e23y_65";
+const dialogOverlay = "_dialog-overlay_1e23y_1";
+const dialogContent = "_dialog-content_1e23y_1";
+const dialogTitle = "_dialog-title_1e23y_1";
+const dialogDescription = "_dialog-description_1e23y_1";
+const dialogFooter = "_dialog-footer_1e23y_1";
 const styles$2 = {
   tabsRoot,
   tabsContainer,
   tabs,
   subTabs,
   tabActionLabel,
-  tooltip,
+  tabsRootCodyWeb,
   dialogOverlay,
   dialogContent,
   dialogTitle,
@@ -75057,6 +75134,9 @@ const styles$2 = {
 const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
   var _a;
   const tabItems = useTabs({ IDE, onDownloadChatClick });
+  const {
+    config: { webviewType, multipleWebviewsEnabled }
+  } = useConfig();
   const currentViewSubActions = ((_a = tabItems.find((tab2) => tab2.view === currentView)) == null ? void 0 : _a.subActions) ?? [];
   const handleClick = useCallback(
     (view, command, changesView) => {
@@ -75069,35 +75149,60 @@ const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
     },
     [setView]
   );
-  const handleSubActionClick = useCallback((action) => {
-    if (action.callback) {
-      action.callback();
-    } else {
-      getVSCodeAPI().postMessage({
-        command: "command",
-        id: action.command,
-        arg: action.arg
-      });
-    }
-  }, []);
-  return /* @__PURE__ */ jsx("div", { className: styles$2.tabsRoot, children: /* @__PURE__ */ jsxs(List, { "aria-label": "cody-webview", className: styles$2.tabsContainer, children: [
-    /* @__PURE__ */ jsx("div", { className: styles$2.tabs, children: tabItems.map(({ Icon: Icon2, view, command, title: title2, changesView }) => /* @__PURE__ */ jsx(Trigger, { value: view, asChild: true, children: /* @__PURE__ */ jsx(
-      TabButton,
-      {
-        Icon: Icon2,
-        view,
-        title: title2,
-        isActive: currentView === view,
-        onClick: () => handleClick(view, command, changesView),
-        "data-testid": `tab-${view}`
+  const handleSubActionClick = useCallback(
+    (action) => {
+      if (action.callback) {
+        action.callback();
+      } else {
+        getVSCodeAPI().postMessage({
+          command: "command",
+          id: action.command,
+          arg: action.arg
+        });
       }
-    ) }, view)) }),
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx("div", { className: clsx$1(styles$2.tabsRoot, { [styles$2.tabsRootCodyWeb]: IDE === CodyIDE.Web }), children: /* @__PURE__ */ jsxs(List, { "aria-label": "cody-webview", className: styles$2.tabsContainer, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$2.tabs, children: [
+      tabItems.map(({ Icon: Icon2, view, command, title: title2, changesView }) => /* @__PURE__ */ jsx(Trigger, { value: view, asChild: true, children: /* @__PURE__ */ jsx(
+        TabButton,
+        {
+          Icon: Icon2,
+          view,
+          title: title2,
+          IDE,
+          isActive: currentView === view,
+          onClick: () => handleClick(view, command, changesView),
+          "data-testid": `tab-${view}`
+        }
+      ) }, view)),
+      /* @__PURE__ */ jsx("div", { className: "tw-ml-auto", children: /* @__PURE__ */ jsx(
+        TabButton,
+        {
+          prominent: true,
+          Icon: MessageSquarePlus,
+          title: "New Chat",
+          IDE,
+          alwaysShowTitle: true,
+          tooltipExtra: /* @__PURE__ */ jsx(Fragment, { children: IDE === CodyIDE.VSCode && /* @__PURE__ */ jsx(Kbd, { macOS: "shift+opt+l", linuxAndWindows: "shift+alt+l" }) }),
+          onClick: () => handleSubActionClick({
+            command: getCreateNewChatCommand({
+              IDE,
+              webviewType,
+              multipleWebviewsEnabled
+            })
+          })
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsx("div", { className: styles$2.subTabs, children: currentViewSubActions.map((subAction) => /* @__PURE__ */ jsx(Fragment$1, { children: subAction.confirmation ? /* @__PURE__ */ jsx(
       ActionButtonWithConfirmation,
       {
         title: subAction.title,
         Icon: subAction.Icon,
-        alwaysShowTitle: subAction.alwaysShowTitle,
+        IDE,
+        alwaysShowTitle: true,
         tooltipExtra: subAction.tooltipExtra,
         dialogTitle: subAction.confirmation.title,
         dialogDescription: subAction.confirmation.description,
@@ -75109,10 +75214,10 @@ const TabsBar = ({ currentView, setView, IDE, onDownloadChatClick }) => {
       {
         Icon: subAction.Icon,
         title: subAction.title,
-        alwaysShowTitle: subAction.alwaysShowTitle,
+        IDE,
+        alwaysShowTitle: true,
         tooltipExtra: subAction.tooltipExtra,
-        onClick: () => handleSubActionClick(subAction),
-        prominent: true
+        onClick: () => handleSubActionClick(subAction)
       }
     ) }, subAction.command)) })
   ] }) });
@@ -75121,6 +75226,7 @@ const ActionButtonWithConfirmation = (props) => {
   const {
     title: title2,
     Icon: Icon2,
+    IDE,
     prominent,
     alwaysShowTitle,
     tooltipExtra,
@@ -75139,6 +75245,7 @@ const ActionButtonWithConfirmation = (props) => {
         alwaysShowTitle,
         tooltipExtra,
         prominent,
+        IDE,
         onClick: () => setState(true)
       }
     ),
@@ -75165,8 +75272,9 @@ const ActionButtonWithConfirmation = (props) => {
     ] })
   ] });
 };
-const TabButton = forwardRef(
-  ({
+const TabButton = forwardRef((props, ref2) => {
+  const {
+    IDE,
     Icon: Icon2,
     isActive,
     onClick,
@@ -75175,7 +75283,8 @@ const TabButton = forwardRef(
     tooltipExtra,
     prominent,
     "data-testid": dataTestId
-  }, ref2) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+  } = props;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
       {
@@ -75196,18 +75305,18 @@ const TabButton = forwardRef(
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(TooltipContent, { className: styles$2.tooltip, children: [
+    /* @__PURE__ */ jsxs(TooltipContent, { portal: IDE === CodyIDE.Web, children: [
       title2,
       " ",
       tooltipExtra
     ] })
-  ] })
-);
+  ] });
+});
 TabButton.displayName = "TabButton";
 function useTabs(input) {
   const { IDE, onDownloadChatClick } = input;
   const {
-    config: { webviewType, multipleWebviewsEnabled }
+    config: { multipleWebviewsEnabled }
   } = useConfig();
   return useMemo(
     () => [
@@ -75215,24 +75324,6 @@ function useTabs(input) {
         view: View.Chat,
         title: "Chat",
         Icon: MessagesSquare,
-        subActions: [
-          {
-            title: "New Chat",
-            alwaysShowTitle: true,
-            tooltipExtra: /* @__PURE__ */ jsx(Fragment, { children: IDE === CodyIDE.VSCode && /* @__PURE__ */ jsx(Kbd, { macOS: "shift+opt+l", linuxAndWindows: "shift+alt+l" }) }),
-            Icon: MessageSquarePlus,
-            command: getCreateNewChatCommand({
-              IDE,
-              webviewType,
-              multipleWebviewsEnabled
-            })
-          },
-          multipleWebviewsEnabled ? {
-            title: "Open in Editor",
-            Icon: Columns2,
-            command: "cody.chat.moveToEditor"
-          } : null
-        ].filter(isDefined),
         changesView: true
       },
       {
@@ -75241,13 +75332,13 @@ function useTabs(input) {
         Icon: History,
         subActions: [
           {
-            title: "Export History",
+            title: "Export",
             Icon: Download,
             command: "cody.chat.history.export",
             callback: onDownloadChatClick
           },
           {
-            title: "Clear Chat History",
+            title: "Delete all",
             Icon: Trash2,
             command: "cody.chat.history.clear",
             // Show Cody Chat UI confirmation modal with this message only for
@@ -75286,7 +75377,7 @@ function useTabs(input) {
         changesView: IDE !== CodyIDE.VSCode
       } : null
     ].filter(isDefined),
-    [IDE, webviewType, onDownloadChatClick, multipleWebviewsEnabled]
+    [IDE, onDownloadChatClick, multipleWebviewsEnabled]
   );
 }
 const CodyPanel = ({
@@ -75385,7 +75476,7 @@ const ErrorBanner = ({ errors, setErrors }) => /* @__PURE__ */ jsx("div", { clas
     )
   ] }, i2)
 )) });
-function getAppWrappers(vscodeAPI, telemetryRecorder, chatModelContext, clientState, config, chatEnvironmentContext) {
+function getAppWrappers(vscodeAPI, telemetryRecorder, clientState, config, chatEnvironmentContext) {
   return [
     {
       provider: TelemetryRecorderContext.Provider,
@@ -75395,10 +75486,6 @@ function getAppWrappers(vscodeAPI, telemetryRecorder, chatModelContext, clientSt
       component: ExtensionAPIProviderFromVSCodeAPI,
       props: { vscodeAPI }
     },
-    {
-      provider: ChatModelContextProvider,
-      value: chatModelContext
-    },
     {
       provider: ClientStateContextProvider,
       value: clientState
@@ -75723,9 +75810,6 @@ const CodyWebChat = ({
     }
   ) }) });
 };
-const CONTEXT_MENTIONS_SETTINGS = {
-  resolutionMode: "remote"
-};
 const CodyWebPanel = (props) => {
   const { vscodeAPI, initialContext, className } = props;
   const dispatchClientAction = useClientActionDispatcher();
@@ -75733,7 +75817,6 @@ const CodyWebPanel = (props) => {
   const [isTranscriptError, setIsTranscriptError] = useState(false);
   const [messageInProgress, setMessageInProgress] = useState(null);
   const [transcript, setTranscript] = useState([]);
-  const [chatModels, setChatModels] = useState();
   const [config, setConfig] = useState(null);
   const [view, setView] = useState();
   const [userHistory, setUserHistory] = useState();
@@ -75765,9 +75848,6 @@ const CodyWebPanel = (props) => {
         case "transcript-errors":
           setIsTranscriptError(message2.isTranscriptError);
           break;
-        case "chatModels":
-          setChatModels(message2.models);
-          break;
         case "config":
           message2.config.webviewType = "sidebar";
           message2.config.multipleWebviewsEnabled = false;
@@ -75783,26 +75863,6 @@ const CodyWebPanel = (props) => {
     });
   }, [vscodeAPI, dispatchClientAction]);
   const telemetryRecorder = useMemo(() => createWebviewTelemetryRecorder(vscodeAPI), [vscodeAPI]);
-  const onCurrentChatModelChange = useCallback(
-    (selected) => {
-      if (!chatModels || !setChatModels) {
-        return;
-      }
-      vscodeAPI.postMessage({
-        command: "chatModel",
-        model: selected.id
-      });
-    },
-    [chatModels, vscodeAPI]
-  );
-  const chatModelContext = useMemo(
-    () => ({
-      chatModels,
-      onCurrentChatModelChange,
-      serverSentModelsEnabled: config == null ? void 0 : config.configFeatures.serverSentModels
-    }),
-    [chatModels, onCurrentChatModelChange, config]
-  );
   const clientState = useMemo(() => {
     const { repository, fileURL, isDirectory } = initialContext ?? {};
     if (!repository) {
@@ -75863,10 +75923,17 @@ const CodyWebPanel = (props) => {
   }, [initialContext]);
   const envVars = useMemo(() => ({ clientType: CodyIDE.Web }), []);
   const wrappers = useMemo(
-    () => getAppWrappers(vscodeAPI, telemetryRecorder, chatModelContext, clientState, config, envVars),
-    [vscodeAPI, telemetryRecorder, chatModelContext, clientState, config, envVars]
+    () => getAppWrappers(vscodeAPI, telemetryRecorder, clientState, config, envVars),
+    [vscodeAPI, telemetryRecorder, clientState, config, envVars]
   );
-  const isLoading = !chatModels || !config || !view || !userHistory;
+  const CONTEXT_MENTIONS_SETTINGS = useMemo(() => {
+    const { repository } = initialContext ?? {};
+    return {
+      resolutionMode: "remote",
+      remoteRepositoriesNames: (repository == null ? void 0 : repository.name) ? [repository.name] : []
+    };
+  }, [initialContext]);
+  const isLoading = !config || !view || !userHistory;
   return /* @__PURE__ */ jsx("div", { className, "data-cody-web-chat": true, children: !isLoading && /* @__PURE__ */ jsx(ChatEnvironmentContext.Provider, { value: envVars, children: /* @__PURE__ */ jsx(ChatMentionContext.Provider, { value: CONTEXT_MENTIONS_SETTINGS, children: /* @__PURE__ */ jsx(ComposedWrappers, { wrappers, children: /* @__PURE__ */ jsx(
     CodyPanel,
     {