@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/Pickers.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Bookmark, ChevronDown, ChevronRight, Search, Trash2 } from 'lucide-react';
+import { Bookmark, ChevronDown, ChevronRight, Search, Star, Trash2 } from 'lucide-react';
 import { AgentIcon } from '../../agents/AgentIcon.js';
 import { ProviderLogo } from '../../agents/ProviderLogo.js';
 import { agentChipOf, modelName } from '../../agents/model-name.js';
@@ -11,8 +11,11 @@ import { ChatScopeContext } from '../../scope.js';
 import { useReportedModels } from '../../state/chats.js';
 import { ModelMarks } from './ModelMarks.js';
 import { pickerEntriesOf } from '../logic/picker-entries.js';
+import { favoriteModelsOf, toggleFavoriteModel, useChatPreferences } from '../preferences.js';
 import { forgetStashed, STASH_SHORTCUT, useStash } from '../stash.js';
 import { Icon, IconButton, Menu, Popover, Tooltip } from '@adecore/ui';
+import { useHostMachineLabel } from '../../host-hooks.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const triggerClass = 'flex h-7 shrink-0 items-center gap-1 whitespace-nowrap rounded-md px-2 text-xs text-text-muted hover:bg-surface-hover hover:text-text data-[popup-open]:bg-surface-active data-[popup-open]:text-text';
 const chipClass = 'flex h-6 min-w-0 shrink items-center gap-1.5 whitespace-nowrap rounded-md bg-surface-hover px-2 text-xs text-text hover:bg-surface-active data-[popup-open]:bg-surface-active';
 /*
@@ -20,126 +23,674 @@ const chipClass = 'flex h-6 min-w-0 shrink items-center gap-1.5 whitespace-nowra
  * expander. Before the first message the list carries every installed CLI, so picking another
  * provider's model is also how a chat picks its provider; with one CLI the group headers drop.
  */
-export function ModelPicker({ providers, provider, selection, open, onOpenChange, onChange, kbd = '/model', side = 'top', trigger = 'plain', finalFocus, footer }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const [query, setQuery] = useState('');
-    const [legacyOpen, setLegacyOpen] = useState(false);
-    const [expanded, setExpanded] = useState(new Set());
-    const [index, setIndex] = useState(0);
-    const inputRef = useRef(null);
-    const listRef = useRef(null);
-    const owner = providers.find((entry) => entry.kind === provider);
-    const current = modelName(selection.model, owner?.models);
-    const chip = agentChipOf(providers, provider, selection.model);
-    const grouped = providers.length > 1;
-    const trimmed = query.trim().toLowerCase();
-    const entries = useMemo(() => pickerEntriesOf(providers, trimmed, legacyOpen, expanded, { provider, model: selection.model }), [providers, trimmed, legacyOpen, expanded, provider, selection.model]);
-    const scope = useContext(ChatScopeContext);
-    const machine = host.useMachineLabel(scope?.id ?? '');
-    const reported = useReportedModels(provider);
-    const requirementOf = (entry) => modelRequirementOf(entry.model, entry.provider, reported);
-    // A CLI that is too old blocks all its models; one way to its settings under the group says it once.
-    const blockedKinds = new Set(entries.flatMap((entry) => (entry.kind === 'model' && requirementOf(entry) !== null ? [entry.provider.kind] : [])));
-    /* Closing forgets the search, so the next open (a click or `/model`) starts on the whole list. */
-    const setOpen = (next) => {
-        if (!next) {
-            setQuery('');
-            setLegacyOpen(false);
-            setExpanded(new Set());
-        }
-        setIndex(0);
-        onOpenChange(next);
+export function ModelPicker(t0) {
+  const $ = _c(76);
+  const {
+    providers,
+    provider,
+    selection,
+    open,
+    onOpenChange,
+    onChange,
+    kbd: t1,
+    side: t2,
+    trigger: t3,
+    finalFocus,
+    footer
+  } = t0;
+  const kbd = t1 === undefined ? "/model" : t1;
+  const side = t2 === undefined ? "top" : t2;
+  const trigger = t3 === undefined ? "plain" : t3;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const [query, setQuery] = useState("");
+  const [legacyOpen, setLegacyOpen] = useState(false);
+  let t4;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = new Set();
+    $[0] = t4;
+  } else {
+    t4 = $[0];
+  }
+  const [expanded, setExpanded] = useState(t4);
+  const [index, setIndex] = useState(0);
+  const inputRef = useRef(null);
+  const listRef = useRef(null);
+  let owner;
+  let t5;
+  if ($[1] !== provider || $[2] !== providers || $[3] !== selection.model) {
+    let t6;
+    if ($[6] !== provider) {
+      t6 = entry => entry.kind === provider;
+      $[6] = provider;
+      $[7] = t6;
+    } else {
+      t6 = $[7];
+    }
+    owner = providers.find(t6);
+    t5 = modelName(selection.model, owner?.models);
+    $[1] = provider;
+    $[2] = providers;
+    $[3] = selection.model;
+    $[4] = owner;
+    $[5] = t5;
+  } else {
+    owner = $[4];
+    t5 = $[5];
+  }
+  const current = t5;
+  let t6;
+  if ($[8] !== provider || $[9] !== providers || $[10] !== selection.model) {
+    t6 = agentChipOf(providers, provider, selection.model);
+    $[8] = provider;
+    $[9] = providers;
+    $[10] = selection.model;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const chip = t6;
+  const grouped = providers.length > 1;
+  const trimmed = query.trim().toLowerCase();
+  const favorites = useChatPreferences(_temp);
+  let t7;
+  if ($[12] !== favorites) {
+    t7 = row => row?.kind === "model" && favorites[row.provider.kind]?.includes(row.model.slug) === true;
+    $[12] = favorites;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  const starredHere = t7;
+  let t8;
+  if ($[14] !== favorites) {
+    t8 = kind => favoriteModelsOf(favorites, kind);
+    $[14] = favorites;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  const entries = pickerEntriesOf(providers, trimmed, legacyOpen, expanded, {
+    provider,
+    model: selection.model
+  }, t8);
+  const scope = useContext(ChatScopeContext);
+  const machine = useHostMachineLabel(scope?.id ?? "");
+  const reported = useReportedModels(provider);
+  let t9;
+  if ($[16] !== reported) {
+    t9 = entry_0 => modelRequirementOf(entry_0.model, entry_0.provider, reported);
+    $[16] = reported;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  const requirementOf = t9;
+  let t10;
+  if ($[18] !== requirementOf) {
+    t10 = entry_1 => entry_1.kind === "model" && requirementOf(entry_1) !== null ? [entry_1.provider.kind] : [];
+    $[18] = requirementOf;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  const blockedKinds = new Set(entries.flatMap(t10));
+  let t11;
+  if ($[20] !== onOpenChange) {
+    t11 = next => {
+      if (!next) {
+        setQuery("");
+        setLegacyOpen(false);
+        setExpanded(new Set());
+      }
+      setIndex(0);
+      onOpenChange(next);
     };
-    // The list scrolls, so the row the arrows moved to has to come along.
-    useEffect(() => {
-        listRef.current?.querySelector('[data-active="true"]')?.scrollIntoView({ block: 'nearest' });
-    }, [index]);
-    const choose = (entry) => {
-        if (!entry) {
-            return;
-        }
-        if (entry.kind === 'legacy') {
-            setLegacyOpen(true);
-            inputRef.current?.focus();
-            return;
-        }
-        if (entry.kind === 'all') {
-            const kind = entry.provider.kind;
-            setExpanded((now) => {
-                const next = new Set(now);
-                if (!next.delete(kind)) {
-                    next.add(kind);
-                }
-                return next;
-            });
-            inputRef.current?.focus();
-            return;
-        }
-        if (requirementOf(entry) !== null) {
-            return;
-        }
-        onChange(entry.provider.kind, entry.model.slug);
-        setOpen(false);
+    $[20] = onOpenChange;
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  const setOpen = t11;
+  let t12;
+  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = () => {
+      listRef.current?.querySelector("[data-active=\"true\"]")?.scrollIntoView({
+        block: "nearest"
+      });
     };
-    const onKeyDown = (e) => {
-        if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            setIndex((i) => (entries.length === 0 ? 0 : (i + 1) % entries.length));
-        }
-        else if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            setIndex((i) => (entries.length === 0 ? 0 : (i - 1 + entries.length) % entries.length));
-        }
-        else if (e.key === 'Enter') {
+    $[22] = t12;
+  } else {
+    t12 = $[22];
+  }
+  let t13;
+  if ($[23] !== index) {
+    t13 = [index];
+    $[23] = index;
+    $[24] = t13;
+  } else {
+    t13 = $[24];
+  }
+  useEffect(t12, t13);
+  let t14;
+  if ($[25] !== onChange || $[26] !== requirementOf || $[27] !== setOpen) {
+    t14 = entry_2 => {
+      if (!entry_2) {
+        return;
+      }
+      if (entry_2.kind === "legacy") {
+        setLegacyOpen(true);
+        inputRef.current?.focus();
+        return;
+      }
+      if (entry_2.kind === "all") {
+        const kind_0 = entry_2.provider.kind;
+        setExpanded(now => {
+          const next_0 = new Set(now);
+          if (!next_0.delete(kind_0)) {
+            next_0.add(kind_0);
+          }
+          return next_0;
+        });
+        inputRef.current?.focus();
+        return;
+      }
+      if (requirementOf(entry_2) !== null) {
+        return;
+      }
+      onChange(entry_2.provider.kind, entry_2.model.slug);
+      setOpen(false);
+    };
+    $[25] = onChange;
+    $[26] = requirementOf;
+    $[27] = setOpen;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  const choose = t14;
+  let t15;
+  if ($[29] !== choose || $[30] !== entries || $[31] !== index) {
+    t15 = e => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setIndex(i => entries.length === 0 ? 0 : (i + 1) % entries.length);
+      } else {
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          setIndex(i_0 => entries.length === 0 ? 0 : (i_0 - 1 + entries.length) % entries.length);
+        } else {
+          if (e.key === "Enter") {
             e.preventDefault();
             choose(entries[index]);
+          }
         }
+      }
+    };
+    $[29] = choose;
+    $[30] = entries;
+    $[31] = index;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+  const onKeyDown = t15;
+  let t16;
+  if ($[33] !== current || $[34] !== owner || $[35] !== t) {
+    t16 = owner ? `${owner.name} · ${current}` : t("pickers.model.choose");
+    $[33] = current;
+    $[34] = owner;
+    $[35] = t;
+    $[36] = t16;
+  } else {
+    t16 = $[36];
+  }
+  const t17 = kbd ?? undefined;
+  let t18;
+  if ($[37] !== chip || $[38] !== current || $[39] !== provider || $[40] !== trigger) {
+    t18 = trigger === "chip" ? /*#__PURE__*/_jsxs(Popover.Trigger, {
+      className: chipClass,
+      children: [chip.mark === "logo" ? /*#__PURE__*/_jsx(ProviderLogo, {
+        provider: provider,
+        size: 12
+      }) : /*#__PURE__*/_jsx(AgentIcon, {
+        kind: provider,
+        size: 12
+      }), /*#__PURE__*/_jsx("span", {
+        className: "truncate",
+        children: chip.name
+      }), /*#__PURE__*/_jsx("span", {
+        className: "max-w-32 truncate text-text-muted",
+        children: chip.model
+      }), /*#__PURE__*/_jsx(Icon, {
+        icon: ChevronDown,
+        size: 12,
+        className: "shrink-0 text-text-faint"
+      })]
+    }) : /*#__PURE__*/_jsxs(Popover.Trigger, {
+      className: triggerClass,
+      children: [/*#__PURE__*/_jsx(AgentIcon, {
+        kind: provider,
+        size: 12
+      }), /*#__PURE__*/_jsx("span", {
+        className: "max-w-40 truncate",
+        children: current
+      }), /*#__PURE__*/_jsx(Icon, {
+        icon: ChevronDown,
+        size: 12,
+        className: "text-text-faint"
+      })]
+    });
+    $[37] = chip;
+    $[38] = current;
+    $[39] = provider;
+    $[40] = trigger;
+    $[41] = t18;
+  } else {
+    t18 = $[41];
+  }
+  let t19;
+  if ($[42] !== t16 || $[43] !== t17 || $[44] !== t18) {
+    t19 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t16,
+      kbd: t17,
+      children: t18
+    });
+    $[42] = t16;
+    $[43] = t17;
+    $[44] = t18;
+    $[45] = t19;
+  } else {
+    t19 = $[45];
+  }
+  let t20;
+  if ($[46] !== finalFocus) {
+    t20 = finalFocus === undefined ? {} : {
+      finalFocus
     };
-    return (_jsxs(Popover.Root, { open: open, onOpenChange: setOpen, children: [_jsx(Tooltip, { label: owner ? `${owner.name} · ${current}` : t('pickers.model.choose'), kbd: kbd ?? undefined, children: trigger === 'chip' ? (_jsxs(Popover.Trigger, { className: chipClass, children: [chip.mark === 'logo' ? _jsx(ProviderLogo, { provider: provider, size: 12 }) : _jsx(AgentIcon, { kind: provider, size: 12 }), _jsx("span", { className: "truncate", children: chip.name }), _jsx("span", { className: "max-w-32 truncate text-text-muted", children: chip.model }), _jsx(Icon, { icon: ChevronDown, size: 12, className: "shrink-0 text-text-faint" })] })) : (_jsxs(Popover.Trigger, { className: triggerClass, children: [_jsx(AgentIcon, { kind: provider, size: 12 }), _jsx("span", { className: "max-w-40 truncate", children: current }), _jsx(Icon, { icon: ChevronDown, size: 12, className: "text-text-faint" })] })) }), _jsxs(Popover.Popup, { variant: "picker", side: side, initialFocus: inputRef, ...(finalFocus === undefined ? {} : { finalFocus }), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-2.5", children: [_jsx(Icon, { icon: Search, size: 14, className: "shrink-0 text-text-faint" }), _jsx("input", { ref: inputRef, className: "h-8 w-full bg-transparent text-sm text-text outline-none placeholder:text-text-faint", placeholder: t('pickers.model.search'), spellCheck: false, value: query, onChange: (e) => {
-                                    setQuery(e.target.value);
-                                    setIndex(0);
-                                }, onKeyDown: onKeyDown })] }), _jsxs("div", { ref: listRef, className: "max-h-72 overflow-auto p-1", role: "listbox", children: [entries.length === 0 && (_jsx("div", { className: "px-3 py-6 text-center text-xs text-text-faint", children: providers.length === 0 ? t('pickers.model.noProvider') : t('pickers.model.noMatch') })), entries.map((entry, i) => {
-                                if (entry.kind === 'all') {
-                                    const before = entries[i - 1];
-                                    const header = grouped && (before === undefined || before.kind === 'legacy' || before.provider.kind !== entry.provider.kind);
-                                    return (_jsxs("div", { children: [header && (_jsxs(Menu.Label, { className: "flex items-center gap-1.5", children: [_jsx(AgentIcon, { kind: entry.provider.kind, size: 12 }), entry.provider.name] })), _jsxs("button", { "data-active": i === index, "aria-expanded": entry.open, className: "cursor-row flex w-full items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-xs text-text-muted", onMouseEnter: () => setIndex(i), onClick: () => choose(entry), children: [_jsx(Icon, { icon: entry.open ? ChevronDown : ChevronRight, size: 12 }), t('pickers.model.allGroup', { count: entry.count })] })] }, `all-${entry.provider.kind}`));
-                                }
-                                if (entry.kind === 'legacy') {
-                                    return (_jsxs("button", { "data-active": i === index, className: "cursor-row flex w-full items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-xs text-text-faint", onMouseEnter: () => setIndex(i), onClick: () => choose(entry), children: [_jsx(Icon, { icon: legacyOpen ? ChevronDown : ChevronRight, size: 12 }), t('pickers.model.legacyGroup', { count: entry.count })] }, "legacy"));
-                                }
-                                const previous = entries[i - 1];
-                                // A provider's rows start where the one before it ended; its row that opens the rest belongs to it.
-                                const first = grouped && (previous === undefined || previous.kind === 'legacy' || previous.provider.kind !== entry.provider.kind);
-                                // The makers read as groups only where the whole list is shown, so a short list is not cut by labels.
-                                const vendorOpen = trimmed !== '' || expanded.has(entry.provider.kind);
-                                const vendorFirst = vendorOpen &&
-                                    entry.model.vendor !== undefined &&
-                                    (previous === undefined ||
-                                        previous.kind !== 'model' ||
-                                        previous.provider.kind !== entry.provider.kind ||
-                                        previous.model.vendor !== entry.model.vendor);
-                                const requirement = requirementOf(entry);
-                                const next = entries[i + 1];
-                                const lastOfGroup = next === undefined || next.kind !== 'model' || next.provider.kind !== entry.provider.kind;
-                                const chosen = entry.provider.kind === provider && entry.model.slug === selection.model;
-                                return (_jsxs("div", { children: [first && (_jsxs(Menu.Label, { className: "flex items-center gap-1.5", children: [_jsx(AgentIcon, { kind: entry.provider.kind, size: 12 }), entry.provider.name] })), vendorFirst && _jsx(Menu.Label, { children: entry.model.vendor }), _jsxs("button", { role: "option", "aria-selected": chosen, "aria-disabled": requirement !== null || undefined, "data-active": i === index, className: `cursor-row flex w-full flex-col items-stretch gap-0.5 rounded-md px-2.5 py-1.5 text-left text-sm ${requirement === null ? 'text-text-muted' : 'text-text-faint'}`, onMouseEnter: () => setIndex(i), onClick: () => choose(entry), children: [_jsxs("span", { className: "flex w-full items-center gap-2", children: [_jsx(Menu.Check, { kind: "radio", checked: chosen }), _jsx("span", { className: "min-w-0 truncate", children: entry.model.name }), _jsx(ModelMarks, { model: entry.model }), _jsx("span", { className: "grow" }), entry.model.legacy && _jsx("span", { className: "text-xs text-text-faint", children: t('pickers.model.legacy') })] }), requirement !== null && (_jsx("span", { className: "pl-6 text-xs text-text-faint", children: machine === null
-                                                        ? t('pickers.model.requiresHere', { cli: requirement.cli, version: requirement.minVersion })
-                                                        : t('pickers.model.requires', { cli: requirement.cli, version: requirement.minVersion, machine }) }))] }), lastOfGroup && blockedKinds.has(entry.provider.kind) && (_jsx("button", { type: "button", className: "cursor-row flex w-full items-center rounded-md px-2.5 py-1.5 text-left text-xs text-text-muted", onClick: () => {
-                                                setOpen(false);
-                                                host.openSettings('providers');
-                                            }, children: t('pickers.model.providerSettings') }))] }, `${entry.provider.kind}/${entry.model.slug}`));
-                            })] }), footer !== undefined && _jsx("div", { className: "border-t border-border-soft px-3 py-2 text-xs text-text-faint", children: footer })] })] }));
+    $[46] = finalFocus;
+    $[47] = t20;
+  } else {
+    t20 = $[47];
+  }
+  let t21;
+  if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = /*#__PURE__*/_jsx(Icon, {
+      icon: Search,
+      size: 14,
+      className: "shrink-0 text-text-faint"
+    });
+    $[48] = t21;
+  } else {
+    t21 = $[48];
+  }
+  let t22;
+  if ($[49] !== t) {
+    t22 = t("pickers.model.search");
+    $[49] = t;
+    $[50] = t22;
+  } else {
+    t22 = $[50];
+  }
+  let t23;
+  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+    t23 = e_0 => {
+      setQuery(e_0.target.value);
+      setIndex(0);
+    };
+    $[51] = t23;
+  } else {
+    t23 = $[51];
+  }
+  let t24;
+  if ($[52] !== onKeyDown || $[53] !== query || $[54] !== t22) {
+    t24 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-2 border-b border-border px-2.5",
+      children: [t21, /*#__PURE__*/_jsx("input", {
+        ref: inputRef,
+        className: "h-8 w-full bg-transparent text-sm text-text outline-none placeholder:text-text-faint",
+        placeholder: t22,
+        spellCheck: false,
+        value: query,
+        onChange: t23,
+        onKeyDown: onKeyDown
+      })]
+    });
+    $[52] = onKeyDown;
+    $[53] = query;
+    $[54] = t22;
+    $[55] = t24;
+  } else {
+    t24 = $[55];
+  }
+  let t25;
+  if ($[56] !== entries.length || $[57] !== providers.length || $[58] !== t) {
+    t25 = entries.length === 0 && /*#__PURE__*/_jsx("div", {
+      className: "px-3 py-6 text-center text-xs text-text-faint",
+      children: providers.length === 0 ? t("pickers.model.noProvider") : t("pickers.model.noMatch")
+    });
+    $[56] = entries.length;
+    $[57] = providers.length;
+    $[58] = t;
+    $[59] = t25;
+  } else {
+    t25 = $[59];
+  }
+  const t26 = entries.map((entry_3, i_1) => {
+    if (entry_3.kind === "all") {
+      const before = entries[i_1 - 1];
+      const header = grouped && (before === undefined || before.kind === "legacy" || before.provider.kind !== entry_3.provider.kind);
+      return /*#__PURE__*/_jsxs("div", {
+        children: [header && /*#__PURE__*/_jsxs(Menu.Label, {
+          className: "flex items-center gap-1.5",
+          children: [/*#__PURE__*/_jsx(AgentIcon, {
+            kind: entry_3.provider.kind,
+            size: 12
+          }), entry_3.provider.name]
+        }), /*#__PURE__*/_jsxs("button", {
+          "data-active": i_1 === index,
+          "aria-expanded": entry_3.open,
+          className: "cursor-row flex w-full items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-xs text-text-muted",
+          onMouseEnter: () => setIndex(i_1),
+          onClick: () => choose(entry_3),
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: entry_3.open ? ChevronDown : ChevronRight,
+            size: 12
+          }), t("pickers.model.allGroup", {
+            count: entry_3.count
+          })]
+        })]
+      }, `all-${entry_3.provider.kind}`);
+    }
+    if (entry_3.kind === "legacy") {
+      return /*#__PURE__*/_jsxs("button", {
+        "data-active": i_1 === index,
+        className: "cursor-row flex w-full items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-xs text-text-faint",
+        onMouseEnter: () => setIndex(i_1),
+        onClick: () => choose(entry_3),
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: legacyOpen ? ChevronDown : ChevronRight,
+          size: 12
+        }), t("pickers.model.legacyGroup", {
+          count: entry_3.count
+        })]
+      }, "legacy");
+    }
+    const previous = entries[i_1 - 1];
+    const first = grouped && (previous === undefined || previous.kind === "legacy" || previous.provider.kind !== entry_3.provider.kind);
+    const vendorOpen = trimmed !== "" || expanded.has(entry_3.provider.kind);
+    const vendorFirst = vendorOpen && entry_3.model.vendor !== undefined && !starredHere(entry_3) && (previous === undefined || previous.kind !== "model" || previous.provider.kind !== entry_3.provider.kind || starredHere(previous) || previous.model.vendor !== entry_3.model.vendor);
+    const requirement = requirementOf(entry_3);
+    const next_1 = entries[i_1 + 1];
+    const lastOfGroup = next_1 === undefined || next_1.kind !== "model" || next_1.provider.kind !== entry_3.provider.kind;
+    const chosen = entry_3.provider.kind === provider && entry_3.model.slug === selection.model;
+    const starred = starredHere(entry_3);
+    return /*#__PURE__*/_jsxs("div", {
+      children: [first && /*#__PURE__*/_jsxs(Menu.Label, {
+        className: "flex items-center gap-1.5",
+        children: [/*#__PURE__*/_jsx(AgentIcon, {
+          kind: entry_3.provider.kind,
+          size: 12
+        }), entry_3.provider.name]
+      }), vendorFirst && /*#__PURE__*/_jsx(Menu.Label, {
+        children: entry_3.model.vendor
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "flex items-start gap-0.5",
+        children: [/*#__PURE__*/_jsxs("button", {
+          role: "option",
+          "aria-selected": chosen,
+          "aria-disabled": requirement !== null || undefined,
+          "data-active": i_1 === index,
+          className: `cursor-row flex min-w-0 grow flex-col items-stretch gap-0.5 rounded-md px-2.5 py-1.5 text-left text-sm ${requirement === null ? "text-text-muted" : "text-text-faint"}`,
+          onMouseEnter: () => setIndex(i_1),
+          onClick: () => choose(entry_3),
+          children: [/*#__PURE__*/_jsxs("span", {
+            className: "flex w-full items-center gap-2",
+            children: [/*#__PURE__*/_jsx(Menu.Check, {
+              kind: "radio",
+              checked: chosen
+            }), /*#__PURE__*/_jsx("span", {
+              className: "min-w-0 break-words",
+              children: entry_3.model.name
+            }), /*#__PURE__*/_jsx(ModelMarks, {
+              model: entry_3.model
+            }), /*#__PURE__*/_jsx("span", {
+              className: "grow"
+            }), entry_3.model.legacy && /*#__PURE__*/_jsx("span", {
+              className: "text-xs text-text-faint",
+              children: t("pickers.model.legacy")
+            })]
+          }), requirement !== null && /*#__PURE__*/_jsx("span", {
+            className: "pl-6 text-xs text-text-faint",
+            children: machine === null ? t("pickers.model.requiresHere", {
+              cli: requirement.cli,
+              version: requirement.minVersion
+            }) : t("pickers.model.requires", {
+              cli: requirement.cli,
+              version: requirement.minVersion,
+              machine
+            })
+          })]
+        }), /*#__PURE__*/_jsx(IconButton, {
+          icon: Star,
+          size: "sm",
+          label: starred ? t("pickers.model.unstar") : t("pickers.model.star"),
+          "aria-pressed": starred,
+          iconClassName: starred ? "fill-current text-accent" : undefined,
+          className: "mt-0.5 shrink-0",
+          onClick: () => toggleFavoriteModel(entry_3.provider.kind, entry_3.model.slug)
+        })]
+      }), lastOfGroup && blockedKinds.has(entry_3.provider.kind) && /*#__PURE__*/_jsx("button", {
+        type: "button",
+        className: "cursor-row flex w-full items-center rounded-md px-2.5 py-1.5 text-left text-xs text-text-muted",
+        onClick: () => {
+          setOpen(false);
+          host.openSettings("providers");
+        },
+        children: t("pickers.model.providerSettings")
+      })]
+    }, `${entry_3.provider.kind}/${entry_3.model.slug}`);
+  });
+  let t27;
+  if ($[60] !== t25 || $[61] !== t26) {
+    t27 = /*#__PURE__*/_jsxs("div", {
+      ref: listRef,
+      className: "max-h-72 overflow-auto p-1",
+      role: "listbox",
+      children: [t25, t26]
+    });
+    $[60] = t25;
+    $[61] = t26;
+    $[62] = t27;
+  } else {
+    t27 = $[62];
+  }
+  let t28;
+  if ($[63] !== footer) {
+    t28 = footer !== undefined && /*#__PURE__*/_jsx("div", {
+      className: "border-t border-border-soft px-3 py-2 text-xs text-text-faint",
+      children: footer
+    });
+    $[63] = footer;
+    $[64] = t28;
+  } else {
+    t28 = $[64];
+  }
+  let t29;
+  if ($[65] !== side || $[66] !== t20 || $[67] !== t24 || $[68] !== t27 || $[69] !== t28) {
+    t29 = /*#__PURE__*/_jsxs(Popover.Popup, {
+      variant: "picker",
+      side: side,
+      initialFocus: inputRef,
+      ...t20,
+      children: [t24, t27, t28]
+    });
+    $[65] = side;
+    $[66] = t20;
+    $[67] = t24;
+    $[68] = t27;
+    $[69] = t28;
+    $[70] = t29;
+  } else {
+    t29 = $[70];
+  }
+  let t30;
+  if ($[71] !== open || $[72] !== setOpen || $[73] !== t19 || $[74] !== t29) {
+    t30 = /*#__PURE__*/_jsxs(Popover.Root, {
+      open: open,
+      onOpenChange: setOpen,
+      children: [t19, t29]
+    });
+    $[71] = open;
+    $[72] = setOpen;
+    $[73] = t19;
+    $[74] = t29;
+    $[75] = t30;
+  } else {
+    t30 = $[75];
+  }
+  return t30;
 }
 /*
  * Prompts put aside with Cmd+S, on a shelf the whole app shares, since a stashed prompt usually moves
  * to another chat. A draft's files are named on the row but not kept: their bytes never go to storage.
  */
-export function StashPicker({ onRestore }) {
-    const { t } = useTranslation('agent-chat');
-    const prompts = useStash((s) => s.prompts);
-    if (prompts.length === 0) {
-        return null;
+function _temp(preferences) {
+  return preferences.favoriteModels;
+}
+export function StashPicker(t0) {
+  const $ = _c(20);
+  const {
+    onRestore
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const prompts = useStash(_temp2);
+  if (prompts.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("pickers.stash.title");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(Icon, {
+      icon: Bookmark,
+      size: 12
+    });
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== prompts.length) {
+    t3 = /*#__PURE__*/_jsxs(Popover.Trigger, {
+      className: triggerClass,
+      children: [t2, /*#__PURE__*/_jsx("span", {
+        className: "tabular-nums",
+        children: prompts.length
+      })]
+    });
+    $[3] = prompts.length;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t1 || $[6] !== t3) {
+    t4 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t1,
+      kbd: STASH_SHORTCUT,
+      children: t3
+    });
+    $[5] = t1;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== onRestore || $[9] !== prompts || $[10] !== t) {
+    let t6;
+    if ($[12] !== onRestore || $[13] !== t) {
+      t6 = prompt => /*#__PURE__*/_jsxs("div", {
+        className: "group/stash flex items-start gap-1",
+        children: [/*#__PURE__*/_jsxs(Popover.Close, {
+          className: "flex min-w-0 grow flex-col gap-0.5 rounded-md px-2 py-1.5 text-left text-xs text-text-muted hover:bg-surface-hover hover:text-text",
+          onClick: () => onRestore(prompt),
+          children: [/*#__PURE__*/_jsx("span", {
+            className: "line-clamp-2 whitespace-pre-wrap",
+            children: prompt.text || prompt.quote?.text || t("pickers.stash.noText")
+          }), prompt.attachments.length > 0 && /*#__PURE__*/_jsx("span", {
+            className: "text-text-faint",
+            children: t("pickers.stash.files", {
+              count: prompt.attachments.length
+            })
+          }), prompt.chats.length > 0 && /*#__PURE__*/_jsx("span", {
+            className: "text-text-faint",
+            children: t("pickers.stash.chats", {
+              count: prompt.chats.length
+            })
+          })]
+        }), /*#__PURE__*/_jsx(IconButton, {
+          icon: Trash2,
+          size: "xs",
+          label: t("common.action.delete"),
+          className: "mt-1 opacity-0 group-hover/stash:opacity-100 focus-visible:opacity-100",
+          onClick: () => forgetStashed(prompt.id)
+        })]
+      }, prompt.id);
+      $[12] = onRestore;
+      $[13] = t;
+      $[14] = t6;
+    } else {
+      t6 = $[14];
     }
-    return (_jsxs(Popover.Root, { children: [_jsx(Tooltip, { label: t('pickers.stash.title'), kbd: STASH_SHORTCUT, children: _jsxs(Popover.Trigger, { className: triggerClass, children: [_jsx(Icon, { icon: Bookmark, size: 12 }), _jsx("span", { className: "tabular-nums", children: prompts.length })] }) }), _jsx(Popover.Popup, { variant: "picker", side: "top", className: "w-80", children: _jsx("div", { className: "max-h-72 overflow-auto p-1", children: prompts.map((prompt) => (_jsxs("div", { className: "group/stash flex items-start gap-1", children: [_jsxs(Popover.Close, { className: "flex min-w-0 grow flex-col gap-0.5 rounded-md px-2 py-1.5 text-left text-xs text-text-muted hover:bg-surface-hover hover:text-text", onClick: () => onRestore(prompt), children: [_jsx("span", { className: "line-clamp-2 whitespace-pre-wrap", children: prompt.text || prompt.quote?.text || t('pickers.stash.noText') }), prompt.attachments.length > 0 && (_jsx("span", { className: "text-text-faint", children: t('pickers.stash.files', { count: prompt.attachments.length }) })), prompt.chats.length > 0 && _jsx("span", { className: "text-text-faint", children: t('pickers.stash.chats', { count: prompt.chats.length }) })] }), _jsx(IconButton, { icon: Trash2, size: "xs", label: t('common.action.delete'), className: "mt-1 opacity-0 group-hover/stash:opacity-100 focus-visible:opacity-100", onClick: () => forgetStashed(prompt.id) })] }, prompt.id))) }) })] }));
+    t5 = prompts.map(t6);
+    $[8] = onRestore;
+    $[9] = prompts;
+    $[10] = t;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[15] !== t5) {
+    t6 = /*#__PURE__*/_jsx(Popover.Popup, {
+      variant: "picker",
+      side: "top",
+      className: "w-80",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "max-h-72 overflow-auto p-1",
+        children: t5
+      })
+    });
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t4 || $[18] !== t6) {
+    t7 = /*#__PURE__*/_jsxs(Popover.Root, {
+      children: [t4, t6]
+    });
+    $[17] = t4;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  return t7;
 }
+function _temp2(s) {
+  return s.prompts;
+}