@frontera-sdk/chat-ui 1.50.40

package/dist/chunk-RB2Y4NYC.js

@@ -0,0 +1,681 @@
+'use client';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, Popover, PopoverTrigger, PopoverContent } from './chunk-2KEBRV3W.js';
+import { useTranslation } from './chunk-QSSFBZAS.js';
+import { useIsMobile } from './chunk-IXDM5R55.js';
+import { AgentAvatar } from './chunk-FXKXDR5K.js';
+import { cn } from './chunk-DGDHKMDB.js';
+import { CrossMediumIcon, MagnifyingGlassIcon, Checkmark1Icon } from './chunk-AFVU5VT6.js';
+import * as t from 'react';
+import { memo, useState } from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import * as w from '@radix-ui/react-dialog';
+import { Primitive } from '@radix-ui/react-primitive';
+import { useId } from '@radix-ui/react-id';
+import { composeRefs } from '@radix-ui/react-compose-refs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/vendor/ui/hooks/keep-caret.ts
+function keepCaretOnTap(event) {
+  event.preventDefault();
+}
+
+// ../../node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
+var U = 1;
+var Y = 0.9;
+var H = 0.8;
+var J = 0.17;
+var p = 0.1;
+var u = 0.999;
+var $ = 0.9999;
+var k = 0.99;
+var m = /[\\\/_+.#"@\[\(\{&]/;
+var B = /[\\\/_+.#"@\[\(\{&]/g;
+var K = /[\s-]/;
+var X = /[\s-]/g;
+function G(_, C, h, P2, A, f, O) {
+  if (f === C.length) return A === _.length ? U : k;
+  var T2 = `${A},${f}`;
+  if (O[T2] !== void 0) return O[T2];
+  for (var L2 = P2.charAt(f), c = h.indexOf(L2, A), S = 0, E, N2, R, M; c >= 0; ) E = G(_, C, h, P2, c + 1, f + 1, O), E > S && (c === A ? E *= U : m.test(_.charAt(c - 1)) ? (E *= H, R = _.slice(A, c - 1).match(B), R && A > 0 && (E *= Math.pow(u, R.length))) : K.test(_.charAt(c - 1)) ? (E *= Y, M = _.slice(A, c - 1).match(X), M && A > 0 && (E *= Math.pow(u, M.length))) : (E *= J, A > 0 && (E *= Math.pow(u, c - A))), _.charAt(c) !== C.charAt(f) && (E *= $)), (E < p && h.charAt(c - 1) === P2.charAt(f + 1) || P2.charAt(f + 1) === P2.charAt(f) && h.charAt(c - 1) !== P2.charAt(f)) && (N2 = G(_, C, h, P2, c + 1, f + 2, O), N2 * p > E && (E = N2 * p)), E > S && (S = E), c = h.indexOf(L2, c + 1);
+  return O[T2] = S, S;
+}
+function D(_) {
+  return _.toLowerCase().replace(X, " ");
+}
+function W(_, C, h) {
+  return _ = h && h.length > 0 ? `${_ + " " + h.join(" ")}` : _, G(_, C, D(_), D(C), 0, 0, {});
+}
+var N = '[cmdk-group=""]';
+var Y2 = '[cmdk-group-items=""]';
+var be = '[cmdk-group-heading=""]';
+var le = '[cmdk-item=""]';
+var ce = `${le}:not([aria-disabled="true"])`;
+var Z = "cmdk-item-select";
+var T = "data-value";
+var Re = (r, o, n) => W(r, o, n);
+var ue = t.createContext(void 0);
+var K2 = () => t.useContext(ue);
+var de = t.createContext(void 0);
+var ee = () => t.useContext(de);
+var fe = t.createContext(void 0);
+var me = t.forwardRef((r, o) => {
+  let n = L(() => {
+    var e, a;
+    return { search: "", value: (a = (e = r.value) != null ? e : r.defaultValue) != null ? a : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), u2 = L(() => /* @__PURE__ */ new Set()), c = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), p2 = pe(r), { label: b, children: m2, value: R, onValueChange: x, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = false, vimBindings: j = true, ...O } = r, $2 = useId(), q = useId(), _ = useId(), I = t.useRef(null), v = ke();
+  k2(() => {
+    if (R !== void 0) {
+      let e = R.trim();
+      n.current.value = e, E.emit();
+    }
+  }, [R]), k2(() => {
+    v(6, ne);
+  }, []);
+  let E = t.useMemo(() => ({ subscribe: (e) => (f.current.add(e), () => f.current.delete(e)), snapshot: () => n.current, setState: (e, a, s) => {
+    var i, l, g, y;
+    if (!Object.is(n.current[e], a)) {
+      if (n.current[e] = a, e === "search") J2(), z(), v(1, W2);
+      else if (e === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let h = document.getElementById(_);
+          h ? h.focus() : (i = document.getElementById($2)) == null || i.focus();
+        }
+        if (v(7, () => {
+          var h;
+          n.current.selectedItemId = (h = M()) == null ? void 0 : h.id, E.emit();
+        }), s || v(5, ne), ((l = p2.current) == null ? void 0 : l.value) !== void 0) {
+          let h = a != null ? a : "";
+          (y = (g = p2.current).onValueChange) == null || y.call(g, h);
+          return;
+        }
+      }
+      E.emit();
+    }
+  }, emit: () => {
+    f.current.forEach((e) => e());
+  } }), []), U2 = t.useMemo(() => ({ value: (e, a, s) => {
+    var i;
+    a !== ((i = d.current.get(e)) == null ? void 0 : i.value) && (d.current.set(e, { value: a, keywords: s }), n.current.filtered.items.set(e, te(a, s)), v(2, () => {
+      z(), E.emit();
+    }));
+  }, item: (e, a) => (u2.current.add(e), a && (c.current.has(a) ? c.current.get(a).add(e) : c.current.set(a, /* @__PURE__ */ new Set([e]))), v(3, () => {
+    J2(), z(), n.current.value || W2(), E.emit();
+  }), () => {
+    d.current.delete(e), u2.current.delete(e), n.current.filtered.items.delete(e);
+    let s = M();
+    v(4, () => {
+      J2(), (s == null ? void 0 : s.getAttribute("id")) === e && W2(), E.emit();
+    });
+  }), group: (e) => (c.current.has(e) || c.current.set(e, /* @__PURE__ */ new Set()), () => {
+    d.current.delete(e), c.current.delete(e);
+  }), filter: () => p2.current.shouldFilter, label: b || r["aria-label"], getDisablePointerSelection: () => p2.current.disablePointerSelection, listId: $2, inputId: _, labelId: q, listInnerRef: I }), []);
+  function te(e, a) {
+    var i, l;
+    let s = (l = (i = p2.current) == null ? void 0 : i.filter) != null ? l : Re;
+    return e ? s(e, n.current.search, a) : 0;
+  }
+  function z() {
+    if (!n.current.search || p2.current.shouldFilter === false) return;
+    let e = n.current.filtered.items, a = [];
+    n.current.filtered.groups.forEach((i) => {
+      let l = c.current.get(i), g = 0;
+      l.forEach((y) => {
+        let h = e.get(y);
+        g = Math.max(h, g);
+      }), a.push([i, g]);
+    });
+    let s = I.current;
+    V().sort((i, l) => {
+      var h, F;
+      let g = i.getAttribute("id"), y = l.getAttribute("id");
+      return ((h = e.get(y)) != null ? h : 0) - ((F = e.get(g)) != null ? F : 0);
+    }).forEach((i) => {
+      let l = i.closest(Y2);
+      l ? l.appendChild(i.parentElement === l ? i : i.closest(`${Y2} > *`)) : s.appendChild(i.parentElement === s ? i : i.closest(`${Y2} > *`));
+    }), a.sort((i, l) => l[1] - i[1]).forEach((i) => {
+      var g;
+      let l = (g = I.current) == null ? void 0 : g.querySelector(`${N}[${T}="${encodeURIComponent(i[0])}"]`);
+      l == null || l.parentElement.appendChild(l);
+    });
+  }
+  function W2() {
+    let e = V().find((s) => s.getAttribute("aria-disabled") !== "true"), a = e == null ? void 0 : e.getAttribute(T);
+    E.setState("value", a || void 0);
+  }
+  function J2() {
+    var a, s, i, l;
+    if (!n.current.search || p2.current.shouldFilter === false) {
+      n.current.filtered.count = u2.current.size;
+      return;
+    }
+    n.current.filtered.groups = /* @__PURE__ */ new Set();
+    let e = 0;
+    for (let g of u2.current) {
+      let y = (s = (a = d.current.get(g)) == null ? void 0 : a.value) != null ? s : "", h = (l = (i = d.current.get(g)) == null ? void 0 : i.keywords) != null ? l : [], F = te(y, h);
+      n.current.filtered.items.set(g, F), F > 0 && e++;
+    }
+    for (let [g, y] of c.current) for (let h of y) if (n.current.filtered.items.get(h) > 0) {
+      n.current.filtered.groups.add(g);
+      break;
+    }
+    n.current.filtered.count = e;
+  }
+  function ne() {
+    var a, s, i;
+    let e = M();
+    e && (((a = e.parentElement) == null ? void 0 : a.firstChild) === e && ((i = (s = e.closest(N)) == null ? void 0 : s.querySelector(be)) == null || i.scrollIntoView({ block: "nearest" })), e.scrollIntoView({ block: "nearest" }));
+  }
+  function M() {
+    var e;
+    return (e = I.current) == null ? void 0 : e.querySelector(`${le}[aria-selected="true"]`);
+  }
+  function V() {
+    var e;
+    return Array.from(((e = I.current) == null ? void 0 : e.querySelectorAll(ce)) || []);
+  }
+  function X2(e) {
+    let s = V()[e];
+    s && E.setState("value", s.getAttribute(T));
+  }
+  function Q(e) {
+    var g;
+    let a = M(), s = V(), i = s.findIndex((y) => y === a), l = s[i + e];
+    (g = p2.current) != null && g.loop && (l = i + e < 0 ? s[s.length - 1] : i + e === s.length ? s[0] : s[i + e]), l && E.setState("value", l.getAttribute(T));
+  }
+  function re(e) {
+    let a = M(), s = a == null ? void 0 : a.closest(N), i;
+    for (; s && !i; ) s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
+    i ? E.setState("value", i.getAttribute(T)) : Q(e);
+  }
+  let oe = () => X2(V().length - 1), ie = (e) => {
+    e.preventDefault(), e.metaKey ? oe() : e.altKey ? re(1) : Q(1);
+  }, se = (e) => {
+    e.preventDefault(), e.metaKey ? X2(0) : e.altKey ? re(-1) : Q(-1);
+  };
+  return t.createElement(Primitive.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
+    var s;
+    (s = O.onKeyDown) == null || s.call(O, e);
+    let a = e.nativeEvent.isComposing || e.keyCode === 229;
+    if (!(e.defaultPrevented || a)) switch (e.key) {
+      case "n":
+      case "j": {
+        j && e.ctrlKey && ie(e);
+        break;
+      }
+      case "ArrowDown": {
+        ie(e);
+        break;
+      }
+      case "p":
+      case "k": {
+        j && e.ctrlKey && se(e);
+        break;
+      }
+      case "ArrowUp": {
+        se(e);
+        break;
+      }
+      case "Home": {
+        e.preventDefault(), X2(0);
+        break;
+      }
+      case "End": {
+        e.preventDefault(), oe();
+        break;
+      }
+      case "Enter": {
+        e.preventDefault();
+        let i = M();
+        if (i) {
+          let l = new Event(Z);
+          i.dispatchEvent(l);
+        }
+      }
+    }
+  } }, t.createElement("label", { "cmdk-label": "", htmlFor: U2.inputId, id: U2.labelId, style: Te }, b), B2(r, (e) => t.createElement(de.Provider, { value: E }, t.createElement(ue.Provider, { value: U2 }, e))));
+});
+var he = t.forwardRef((r, o) => {
+  var _, I;
+  let n = useId(), u2 = t.useRef(null), c = t.useContext(fe), d = K2(), f = pe(r), p2 = (I = (_ = f.current) == null ? void 0 : _.forceMount) != null ? I : c == null ? void 0 : c.forceMount;
+  k2(() => {
+    if (!p2) return d.item(n, c == null ? void 0 : c.id);
+  }, [p2]);
+  let b = ve(n, u2, [r.value, r.children, u2], r.keywords), m2 = ee(), R = P((v) => v.value && v.value === b.current), x = P((v) => p2 || d.filter() === false ? true : v.search ? v.filtered.items.get(n) > 0 : true);
+  t.useEffect(() => {
+    let v = u2.current;
+    if (!(!v || r.disabled)) return v.addEventListener(Z, C), () => v.removeEventListener(Z, C);
+  }, [x, r.onSelect, r.disabled]);
+  function C() {
+    var v, E;
+    S(), (E = (v = f.current).onSelect) == null || E.call(v, b.current);
+  }
+  function S() {
+    m2.setState("value", b.current, true);
+  }
+  if (!x) return null;
+  let { disabled: A, value: ge, onSelect: j, forceMount: O, keywords: $2, ...q } = r;
+  return t.createElement(Primitive.div, { ref: composeRefs(u2, o), ...q, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!A, "aria-selected": !!R, "data-disabled": !!A, "data-selected": !!R, onPointerMove: A || d.getDisablePointerSelection() ? void 0 : S, onClick: A ? void 0 : C }, r.children);
+});
+var Ee = t.forwardRef((r, o) => {
+  let { heading: n, children: u2, forceMount: c, ...d } = r, f = useId(), p2 = t.useRef(null), b = t.useRef(null), m2 = useId(), R = K2(), x = P((S) => c || R.filter() === false ? true : S.search ? S.filtered.groups.has(f) : true);
+  k2(() => R.group(f), []), ve(f, p2, [r.value, r.heading, b]);
+  let C = t.useMemo(() => ({ id: f, forceMount: c }), [c]);
+  return t.createElement(Primitive.div, { ref: composeRefs(p2, o), ...d, "cmdk-group": "", role: "presentation", hidden: x ? void 0 : true }, n && t.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n), B2(r, (S) => t.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? m2 : void 0 }, t.createElement(fe.Provider, { value: C }, S))));
+});
+var ye = t.forwardRef((r, o) => {
+  let { alwaysRender: n, ...u2 } = r, c = t.useRef(null), d = P((f) => !f.search);
+  return !n && !d ? null : t.createElement(Primitive.div, { ref: composeRefs(c, o), ...u2, "cmdk-separator": "", role: "separator" });
+});
+var Se = t.forwardRef((r, o) => {
+  let { onValueChange: n, ...u2 } = r, c = r.value != null, d = ee(), f = P((m2) => m2.search), p2 = P((m2) => m2.selectedItemId), b = K2();
+  return t.useEffect(() => {
+    r.value != null && d.setState("search", r.value);
+  }, [r.value]), t.createElement(Primitive.input, { ref: o, ...u2, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: false, "aria-autocomplete": "list", role: "combobox", "aria-expanded": true, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": p2, id: b.inputId, type: "text", value: c ? r.value : f, onChange: (m2) => {
+    c || d.setState("search", m2.target.value), n == null || n(m2.target.value);
+  } });
+});
+var Ce = t.forwardRef((r, o) => {
+  let { children: n, label: u2 = "Suggestions", ...c } = r, d = t.useRef(null), f = t.useRef(null), p2 = P((m2) => m2.selectedItemId), b = K2();
+  return t.useEffect(() => {
+    if (f.current && d.current) {
+      let m2 = f.current, R = d.current, x, C = new ResizeObserver(() => {
+        x = requestAnimationFrame(() => {
+          let S = m2.offsetHeight;
+          R.style.setProperty("--cmdk-list-height", S.toFixed(1) + "px");
+        });
+      });
+      return C.observe(m2), () => {
+        cancelAnimationFrame(x), C.unobserve(m2);
+      };
+    }
+  }, []), t.createElement(Primitive.div, { ref: composeRefs(d, o), ...c, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b.listId }, B2(r, (m2) => t.createElement("div", { ref: composeRefs(f, b.listInnerRef), "cmdk-list-sizer": "" }, m2)));
+});
+var xe = t.forwardRef((r, o) => {
+  let { open: n, onOpenChange: u2, overlayClassName: c, contentClassName: d, container: f, ...p2 } = r;
+  return t.createElement(w.Root, { open: n, onOpenChange: u2 }, t.createElement(w.Portal, { container: f }, t.createElement(w.Overlay, { "cmdk-overlay": "", className: c }), t.createElement(w.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, t.createElement(me, { ref: o, ...p2 }))));
+});
+var Ie = t.forwardRef((r, o) => P((u2) => u2.filtered.count === 0) ? t.createElement(Primitive.div, { ref: o, ...r, "cmdk-empty": "", role: "presentation" }) : null);
+var Pe = t.forwardRef((r, o) => {
+  let { progress: n, children: u2, label: c = "Loading...", ...d } = r;
+  return t.createElement(Primitive.div, { ref: o, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c }, B2(r, (f) => t.createElement("div", { "aria-hidden": true }, f)));
+});
+var _e = Object.assign(me, { List: Ce, Item: he, Input: Se, Group: Ee, Separator: ye, Dialog: xe, Empty: Ie, Loading: Pe });
+function we(r, o) {
+  let n = r.nextElementSibling;
+  for (; n; ) {
+    if (n.matches(o)) return n;
+    n = n.nextElementSibling;
+  }
+}
+function De(r, o) {
+  let n = r.previousElementSibling;
+  for (; n; ) {
+    if (n.matches(o)) return n;
+    n = n.previousElementSibling;
+  }
+}
+function pe(r) {
+  let o = t.useRef(r);
+  return k2(() => {
+    o.current = r;
+  }), o;
+}
+var k2 = typeof window == "undefined" ? t.useEffect : t.useLayoutEffect;
+function L(r) {
+  let o = t.useRef();
+  return o.current === void 0 && (o.current = r()), o;
+}
+function P(r) {
+  let o = ee(), n = () => r(o.snapshot());
+  return t.useSyncExternalStore(o.subscribe, n, n);
+}
+function ve(r, o, n, u2 = []) {
+  let c = t.useRef(), d = K2();
+  return k2(() => {
+    var b;
+    let f = (() => {
+      var m2;
+      for (let R of n) {
+        if (typeof R == "string") return R.trim();
+        if (typeof R == "object" && "current" in R) return R.current ? (m2 = R.current.textContent) == null ? void 0 : m2.trim() : c.current;
+      }
+    })(), p2 = u2.map((m2) => m2.trim());
+    d.value(r, f, p2), (b = o.current) == null || b.setAttribute(T, f), c.current = f;
+  }), c;
+}
+var ke = () => {
+  let [r, o] = t.useState(), n = L(() => /* @__PURE__ */ new Map());
+  return k2(() => {
+    n.current.forEach((u2) => u2()), n.current = /* @__PURE__ */ new Map();
+  }, [r]), (u2, c) => {
+    n.current.set(u2, c), o({});
+  };
+};
+function Me(r) {
+  let o = r.type;
+  return typeof o == "function" ? o(r.props) : "render" in o ? o.render(r.props) : r;
+}
+function B2({ asChild: r, children: o }, n) {
+  return r && t.isValidElement(o) ? t.cloneElement(Me(o), { ref: o.ref }, n(o.props.children)) : n(o);
+}
+var Te = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    _e,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-surface-overlay text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center border-b px-3",
+      "data-slot": "command-input-wrapper",
+      "cmdk-input-wrapper": "",
+      children: [
+        /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          _e.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-2.5 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    _e.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto overscroll-contain [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    _e.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    _e.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "data-[selected=true]:bg-surface-active hover:bg-surface-hover relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var NewSessionAgentSelector = memo(
+  function NewSessionAgentSelector2({
+    agents,
+    selectedAgent,
+    onSelect,
+    children
+  }) {
+    const isMobile = useIsMobile();
+    const [open, setOpen] = useState(false);
+    const rows = (variant) => agents.map((agent) => {
+      const isSelected = selectedAgent?.id === agent.id;
+      return /* @__PURE__ */ jsxs(
+        CommandItem,
+        {
+          value: `${agent.name} ${agent.slug ?? ""}`,
+          onSelect: () => {
+            onSelect(agent.id);
+            setOpen(false);
+          },
+          className: cn(
+            "gap-2 px-2 py-1.5 text-sm",
+            // Touch rows: 48px tall with 16px type, against the pointer
+            // row's 28px — the popover's density is a mis-tap on a thumb.
+            variant === "sheet" && "gap-3 rounded-lg px-3 py-3 text-base",
+            isSelected && "bg-surface-overlay-active"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              AgentAvatar,
+              {
+                name: agent.name,
+                seed: agent.avatarSeed,
+                config: agent.avatarConfig,
+                size: variant === "sheet" ? 20 : 14,
+                className: "shrink-0"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: agent.name }),
+            variant === "sheet" && isSelected ? /* @__PURE__ */ jsx(Checkmark1Icon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }) : null
+          ]
+        },
+        agent.id
+      );
+    });
+    if (isMobile) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Slot,
+          {
+            onClick: () => setOpen(true),
+            onPointerDown: keepCaretOnTap,
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(
+          SheetContent,
+          {
+            side: "bottom",
+            showCloseButton: false,
+            showGrabber: false,
+            overlayClassName: "bg-transparent",
+            className: "top-[calc(3rem+env(safe-area-inset-top))] h-auto max-h-none gap-0 rounded-none border-t-0 bg-surface-chat p-0",
+            children: [
+              /* @__PURE__ */ jsx(SheetHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(SheetTitle, { children: "Select agent" }) }),
+              /* @__PURE__ */ jsxs(Command, { className: "min-h-0 flex-1 rounded-none bg-transparent", children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex h-14 shrink-0 items-center gap-1 border-b border-border pl-1.5 pr-3",
+                      // CommandInput ships its own bordered, padded wrapper; the
+                      // row owns the border here so the ✕ sits on the same rule.
+                      "[&_[cmdk-input-wrapper]]:min-w-0 [&_[cmdk-input-wrapper]]:flex-1 [&_[cmdk-input-wrapper]]:border-0 [&_[cmdk-input-wrapper]]:px-0"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setOpen(false),
+                          "aria-label": "Close agent picker",
+                          className: "flex size-10 shrink-0 items-center justify-center rounded-md text-foreground transition-colors active:bg-surface-active",
+                          children: /* @__PURE__ */ jsx(CrossMediumIcon, { className: "size-5", strokeWidth: 1.8, "aria-hidden": true })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        CommandInput,
+                        {
+                          placeholder: "Search agents...",
+                          className: "h-14 text-base"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(CommandList, { className: "scrollbar min-h-0 max-h-none flex-1 overscroll-contain p-2", children: [
+                  /* @__PURE__ */ jsx(CommandEmpty, { children: "No agents found." }),
+                  rows("sheet")
+                ] })
+              ] })
+            ]
+          }
+        ) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children }),
+      /* @__PURE__ */ jsx(PopoverContent, { align: "start", sideOffset: 4, className: "w-56 p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
+        /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search agents...", className: "h-9" }),
+        /* @__PURE__ */ jsxs(
+          CommandList,
+          {
+            className: "scrollbar p-1",
+            style: {
+              maxHeight: "min(500px, calc(var(--radix-popover-content-available-height) - 3rem))"
+            },
+            children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: "No agents found." }),
+              rows("popover")
+            ]
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+var NAME_CLS = "inline-flex max-w-full items-center gap-2 whitespace-normal rounded-sm text-2xl font-medium text-foreground max-md:text-2xl";
+function NewSessionGreeting({
+  agentName,
+  avatarSeed,
+  avatarConfig,
+  switcher,
+  cta
+}) {
+  const { t: t2 } = useTranslation();
+  const nameContent = agentName ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AgentAvatar,
+      {
+        name: agentName,
+        seed: avatarSeed,
+        config: avatarConfig,
+        size: 32,
+        className: "shrink-0"
+      }
+    ),
+    agentName,
+    "?"
+  ] }) : null;
+  return /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-view flex-col items-center px-4 pb-6 text-center", children: /* @__PURE__ */ jsx(
+    "h2",
+    {
+      "aria-label": agentName ? t2("shell.greeting.agentWorkCta", { agentName }) : void 0,
+      className: "new-session-greeting flex max-w-3xl flex-wrap items-center justify-center gap-x-2 text-2xl font-medium text-foreground max-md:text-2xl",
+      children: agentName ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: t2("shell.greeting.agentWorkPrefix") }),
+        switcher ? /* @__PURE__ */ jsx(
+          NewSessionAgentSelector,
+          {
+            agents: switcher.agents,
+            selectedAgent: switcher.selectedAgent,
+            onSelect: switcher.onSelect,
+            children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Change agent. Currently ${agentName}`,
+                className: `${NAME_CLS} underline decoration-dotted decoration-1 underline-offset-[6px] outline-none transition-colors hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring`,
+                children: nameContent
+              }
+            )
+          }
+        ) : (
+          // Locked: same orb, size and type as the picker — minus the
+          // affordance, so it doesn't invite a click that does nothing.
+          /* @__PURE__ */ jsx("span", { className: NAME_CLS, children: nameContent })
+        )
+      ] }) : cta ?? t2("shell.greeting.cta")
+    }
+  ) });
+}
+var DEFAULT_SHORTCUTS = [
+  { id: "slides" },
+  { id: "document" },
+  { id: "spreadsheet" },
+  { id: "pdf" }
+];
+function buildDefaultShortcuts(translate) {
+  return DEFAULT_SHORTCUTS.map(({ id }) => ({
+    id,
+    label: translate(`shell.shortcut.${id}`),
+    description: translate(`shell.shortcutDesc.${id}`),
+    prompt: translate(`shell.prompt.${id}`)
+  }));
+}
+function NewSessionPrompt({
+  agentName,
+  switcher,
+  avatarConfig,
+  avatarSeed,
+  shortcuts,
+  onPick
+}) {
+  const { t: t2 } = useTranslation();
+  const cards = shortcuts ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "fr-new-session", children: [
+    /* @__PURE__ */ jsx(
+      NewSessionGreeting,
+      {
+        agentName,
+        avatarConfig,
+        avatarSeed,
+        switcher,
+        cta: t2("shell.greeting.workCta")
+      }
+    ),
+    cards.length > 0 && /* @__PURE__ */ jsx("div", { className: "fr-shortcuts", children: cards.map((shortcut) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "fr-shortcut",
+        onClick: () => onPick?.(shortcut),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "fr-shortcut-label", children: shortcut.label }),
+          /* @__PURE__ */ jsx("span", { className: "fr-shortcut-desc", children: shortcut.description })
+        ]
+      },
+      shortcut.id
+    )) })
+  ] });
+}
+
+export { DEFAULT_SHORTCUTS, NewSessionPrompt, buildDefaultShortcuts, keepCaretOnTap };