@markmo/europacore-session-ui 0.2.0 → 0.3.0

package/dist/{SessionPage-CA9hAakW.js → SessionPage-68nDek9w.js}

@@ -1,18 +1,18 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { useMemo as H, useEffect as M, useRef as z, useState as S, useCallback as U, useLayoutEffect as ee, memo as Ue, useSyncExternalStore as He, useId as Be } from "react";
-import { useParams as je, useSearchParams as qe, useNavigate as ne } from "react-router";
-import { Sparkles as Ve, ArrowDown as Ge, CircleSlash as We, X as Ce, ImagePlus as Je, ListPlus as Qe, Square as Ye, ArrowUp as Xe, RefreshCw as Ze, Loader2 as et, Pause as tt, MessageSquareDashed as pe, PanelRightClose as nt, PanelRight as st } from "lucide-react";
-import { c as G, s as Ee, i as he, u as L, C as D, a as $, L as R, t as at, U as rt, D as it, b as ot, A as ct, W as lt, T as ut, R as dt, d as mt, S as ft, N as pt, e as ht, f as gt, B as xt, r as wt, g as Ie, h as bt, j as yt, m as kt, k as vt, l as Nt, I as te, p as St, n as ge, o as Dt, q as xe, v as Ae, w as Y, x as Ct, y as A, z as W, E as Et, F as we, G as Me, H as It, J as At, K as Mt, M as Tt, O as Pt, P as Rt, Q as $t, V as zt, X as be, Y as Ft, Z as ye, _ as Kt } from "./index-NjGO7Jg1.js";
-import { p as se, w as _t, P as Lt } from "./promptHistory-DjSCHmEk.js";
+import { useMemo as B, useEffect as M, useRef as z, useState as S, useCallback as H, useLayoutEffect as te, memo as He, useId as Ce, useSyncExternalStore as Be } from "react";
+import { useParams as je, useSearchParams as qe, useNavigate as se } from "react-router";
+import { Sparkles as Ve, ArrowDown as Ge, CircleSlash as We, X as Ee, ImagePlus as Je, ListPlus as Qe, Square as Ye, ArrowUp as Xe, RefreshCw as Ze, Loader2 as et, Pause as tt, MessageSquareDashed as pe, PanelRightClose as nt, PanelRight as st } from "lucide-react";
+import { c as W, s as Ie, i as he, u as O, C as D, a as R, L as P, t as at, U as rt, D as it, b as ot, A as ct, W as lt, T as ut, R as dt, d as mt, S as ft, N as pt, e as ht, f as gt, B as xt, r as wt, g as Ae, h as bt, j as yt, m as kt, k as vt, l as Nt, I as ne, p as St, n as ge, o as Dt, q as xe, v as Me, w as X, x as Ct, y as A, z as J, E as Et, F as we, G as Te, H as It, J as At, K as Mt, M as Tt, O as $t, P as Pt, Q as Rt, V as zt, X as be, Y as Ft, Z as ye, _ as Kt } from "./index-B0hmy2Cw.js";
+import { p as ae, w as _t, P as Lt } from "./promptHistory-DQyt2Br0.js";
 function Ot({ onPick: e }) {
-  const n = (Ee().userName() || "").split(" ")[0];
+  const n = (Ie().userName() || "").split(" ")[0];
   return /* @__PURE__ */ g("div", { className: "mx-auto flex w-full max-w-3xl flex-1 flex-col justify-center px-4 py-10 sm:px-6", children: [
     /* @__PURE__ */ g("div", { className: "mb-7 flex flex-col items-start gap-3", children: [
       /* @__PURE__ */ t("span", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-accent text-on-accent", children: /* @__PURE__ */ t(Ve, { size: 19 }) }),
       /* @__PURE__ */ t("h1", { className: "text-[26px] leading-tight font-semibold text-ink", children: n ? `How can I help, ${n}?` : "How can I help?" }),
       /* @__PURE__ */ t("p", { className: "text-[13.5px] text-muted", children: "Ask anything. The assistant can use tools, and it will ask before doing anything with side effects." })
     ] }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: G.suggestions.map((r) => /* @__PURE__ */ g(
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: W.suggestions.map((r) => /* @__PURE__ */ g(
       "button",
       {
         type: "button",
@@ -27,9 +27,9 @@ function Ot({ onPick: e }) {
     )) })
   ] });
 }
-function Te(e) {
-  const n = H(() => [...new Set(he().flatMap((r) => r.keys ?? []))], []);
-  return L(e, D.session, D.reset, D.workspace, D.fleet, ...n), he().filter((r) => r.available(e));
+function $e(e) {
+  const n = B(() => [...new Set(he().flatMap((r) => r.keys ?? []))], []);
+  return O(e, D.session, D.reset, D.workspace, D.fleet, ...n), he().filter((r) => r.available(e));
 }
 function ke({
   controller: e,
@@ -37,12 +37,12 @@ function ke({
   onTab: r,
   className: i
 }) {
-  const m = Te(e), o = m.find((c) => c.id === n) ?? m[0];
+  const m = $e(e), o = m.find((c) => c.id === n) ?? m[0];
   if (M(() => {
     o && o.id !== n && r(o.id);
   }, [o, n, r]), !o) return null;
   const a = o.Component;
-  return /* @__PURE__ */ g("div", { className: $("flex min-h-0 flex-col", i), children: [
+  return /* @__PURE__ */ g("div", { className: R("flex min-h-0 flex-col", i), children: [
     /* @__PURE__ */ t("div", { role: "tablist", "aria-label": "Session panels", className: "flex shrink-0 gap-0.5 overflow-x-auto border-b border-line px-2 pt-1.5", children: m.map((c) => {
       const d = c.icon, l = c.badge?.(e) ?? null, f = c.id === o.id;
       return /* @__PURE__ */ g(
@@ -52,7 +52,7 @@ function ke({
           role: "tab",
           "aria-selected": f,
           onClick: () => r(c.id),
-          className: $(
+          className: R(
             "-mb-px inline-flex h-9 shrink-0 items-center gap-1.5 border-b-2 px-2.5 text-[12.5px] font-semibold transition-colors",
             f ? "border-accent text-ink" : "border-transparent text-muted hover:text-ink"
           ),
@@ -68,7 +68,7 @@ function ke({
     /* @__PURE__ */ t("div", { role: "tabpanel", className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ t(a, { controller: e }) })
   ] });
 }
-const Ut = 80, Ht = Ue(function({
+const Ut = 80, Ht = He(function({
   controller: n,
   block: r,
   live: i
@@ -112,29 +112,29 @@ function Bt({
   footer: r,
   renderDiff: i
 }) {
-  const m = L(e, R.list, D.run), o = e.store.state.entries, a = H(() => at(o), [m, o]), c = e.running(), d = e.store.state.run?.id ?? null, l = z(null), f = z(null), x = z(!0), p = z(0), [y, k] = S(!1), b = U((w = "auto") => {
+  const m = O(e, P.list, D.run), o = e.store.state.entries, a = B(() => at(o), [m, o]), c = e.running(), d = e.store.state.run?.id ?? null, l = z(null), f = z(null), x = z(!0), k = z(0), [p, b] = S(!1), y = H((w = "auto") => {
     const h = l.current;
     h && h.scrollTo({ top: h.scrollHeight, behavior: w });
   }, []), C = () => {
     const w = l.current;
     if (!w) return;
-    const h = w.scrollHeight - w.scrollTop - w.clientHeight < Ut, T = w.scrollTop < p.current - 2;
-    p.current = w.scrollTop, h ? x.current = !0 : T && (x.current = !1), k(!x.current);
+    const h = w.scrollHeight - w.scrollTop - w.clientHeight < Ut, T = w.scrollTop < k.current - 2;
+    k.current = w.scrollTop, h ? x.current = !0 : T && (x.current = !1), b(!x.current);
   };
   M(() => {
     const w = f.current;
     if (!w || typeof ResizeObserver > "u") return;
     const h = new ResizeObserver(() => {
-      x.current && b();
+      x.current && y();
     });
     return h.observe(w), () => h.disconnect();
-  }, [b]);
+  }, [y]);
   const F = a[a.length - 1];
-  return ee(() => {
-    F?.kind === "user" && (x.current = !0, k(!1)), x.current && b();
-  }, [F?.key, F?.kind, b]), ee(() => {
-    x.current = !0, k(!1), b();
-  }, [e, b]), /* @__PURE__ */ g("div", { className: "relative min-h-0 flex-1", children: [
+  return te(() => {
+    F?.kind === "user" && (x.current = !0, b(!1)), x.current && y();
+  }, [F?.key, F?.kind, y]), te(() => {
+    x.current = !0, b(!1), y();
+  }, [e, y]), /* @__PURE__ */ g("div", { className: "relative min-h-0 flex-1", children: [
     /* @__PURE__ */ t("div", { ref: l, onScroll: C, className: "h-full overflow-y-auto overscroll-contain", children: /* @__PURE__ */ g(
       "div",
       {
@@ -150,12 +150,12 @@ function Bt({
         ]
       }
     ) }),
-    y && /* @__PURE__ */ g(
+    p && /* @__PURE__ */ g(
       "button",
       {
         type: "button",
         onClick: () => {
-          x.current = !0, k(!1), b("smooth");
+          x.current = !0, b(!1), y("smooth");
         },
         className: "absolute bottom-3 left-1/2 inline-flex -translate-x-1/2 items-center gap-1.5 rounded-full border border-line bg-surface px-3 py-1.5 text-[12px] font-semibold text-ink shadow-pop hover:bg-surface-hover",
         children: [
@@ -212,19 +212,21 @@ function Wt(e, n, r) {
     if (a.key === "ArrowUp") {
       if (d.includes(`
 `)) return !1;
-      const x = i.current ?? { list: se.recent(), index: -1, draft: e }, p = x.index === -1 ? x.list.length - 1 : x.index - 1;
-      return p < 0 ? !1 : (i.current = { ...x, index: p }, a.preventDefault(), m(x.list[p], !0), !0);
+      const x = i.current ?? { list: ae.recent(), index: -1, draft: e }, k = x.index === -1 ? x.list.length - 1 : x.index - 1;
+      return k < 0 ? !1 : (i.current = { ...x, index: k }, a.preventDefault(), m(x.list[k], !0), !0);
     }
     const f = i.current;
     return !f || l.includes(`
 `) ? !1 : (a.preventDefault(), f.index + 1 >= f.list.length ? (i.current = null, m(f.draft, !1)) : (i.current = { ...f, index: f.index + 1 }, m(f.list[f.index + 1], !1)), !0);
-  }, reset: () => i.current = null };
+  }, reset: () => {
+    i.current = null;
+  } };
 }
 function Jt({ workspace: e, onPick: n, onClose: r }) {
-  const [i, m] = S(""), [o, a] = S(0), c = H(() => se.search("", e).slice(0, Gt), [e]), d = i.toLowerCase().split(/\s+/).filter(Boolean), l = c.filter((p) => d.every((y) => p.text.toLowerCase().includes(y))), f = Math.min(o, Math.max(0, l.length - 1)), x = (p) => {
-    const y = l[p];
-    y && n(y.text);
-  };
+  const [i, m] = S(""), [o, a] = S(0), c = B(() => ae.search("", e).slice(0, Gt), [e]), d = i.toLowerCase().split(/\s+/).filter(Boolean), l = c.filter((p) => d.every((b) => p.text.toLowerCase().includes(b))), f = Math.min(o, Math.max(0, l.length - 1)), x = (p) => {
+    const b = l[p];
+    b && n(b.text);
+  }, k = Ce();
   return /* @__PURE__ */ g("div", { className: "absolute bottom-full left-0 z-20 mb-2 w-full rounded-xl border border-line bg-surface p-1.5 shadow-pop", children: [
     /* @__PURE__ */ t(
       "input",
@@ -240,28 +242,35 @@ function Jt({ workspace: e, onPick: n, onClose: r }) {
         onBlur: r,
         placeholder: "Search the prompts you have sent",
         "aria-label": "Search prompt history",
+        "aria-controls": l.length ? k : void 0,
+        "aria-activedescendant": l.length ? `${k}-${f}` : void 0,
+        "aria-autocomplete": "list",
         className: "mb-1 h-8 w-full rounded-md border border-line bg-surface px-2 text-[13px] text-ink placeholder:text-faint focus:border-accent focus:outline-none"
       }
     ),
-    l.length === 0 ? /* @__PURE__ */ t("p", { className: "px-2.5 py-2 text-[12.5px] text-muted", children: c.length ? "No prompt has those words." : "No prompts sent yet." }) : /* @__PURE__ */ t("ul", { role: "listbox", "aria-label": "Prompt history", className: "max-h-64 overflow-y-auto", children: l.map((p, y) => /* @__PURE__ */ g(
-      "li",
-      {
-        role: "option",
-        "aria-selected": y === f,
-        onMouseDown: (k) => {
-          k.preventDefault(), x(y);
+    l.length === 0 ? /* @__PURE__ */ t("p", { className: "px-2.5 py-2 text-[12.5px] text-muted", children: c.length ? "No prompt has those words." : "No prompts sent yet." }) : /* @__PURE__ */ t("div", { id: k, role: "listbox", "aria-label": "Prompt history", className: "max-h-64 overflow-y-auto", children: l.map((p, b) => (
+      // biome-ignore lint/a11y/useFocusableInteractive: a combobox option; focus stays in the search box (aria-activedescendant)
+      /* @__PURE__ */ g(
+        "div",
+        {
+          id: `${k}-${b}`,
+          role: "option",
+          "aria-selected": b === f,
+          onMouseDown: (y) => {
+            y.preventDefault(), x(b);
+          },
+          onMouseEnter: () => a(b),
+          className: R("flex cursor-pointer items-baseline gap-2 rounded-md px-2.5 py-1.5 text-[13px]", b === f && "bg-accent-soft"),
+          children: [
+            /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-ink", children: p.text.replace(/\s+/g, " ") }),
+            /* @__PURE__ */ g("span", { className: "shrink-0 text-[11px] text-faint", children: [
+              wt(new Date(p.at).toISOString()),
+              p.workspace && p.workspace !== e ? ` · ${p.workspace.split("/").pop()}` : ""
+            ] })
+          ]
         },
-        onMouseEnter: () => a(y),
-        className: $("flex cursor-pointer items-baseline gap-2 rounded-md px-2.5 py-1.5 text-[13px]", y === f && "bg-accent-soft"),
-        children: [
-          /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-ink", children: p.text.replace(/\s+/g, " ") }),
-          /* @__PURE__ */ g("span", { className: "shrink-0 text-[11px] text-faint", children: [
-            wt(new Date(p.at).toISOString()),
-            p.workspace && p.workspace !== e ? ` · ${p.workspace.split("/").pop()}` : ""
-          ] })
-        ]
-      },
-      `${p.at}-${y}`
+        `${p.at}-${b}`
+      )
     )) })
   ] });
 }
@@ -273,7 +282,7 @@ function Yt(e, n) {
   return e.replace(/@([^\s@]*)$/, `@${n} `);
 }
 function Xt(e, n) {
-  const [r, i] = S([]), m = Ee().workspaces, o = n !== null && e.hasWorkspace() && m !== null;
+  const [r, i] = S([]), m = Ie().workspaces, o = n !== null && e.hasWorkspace() && m !== null;
   return M(() => {
     if (!o) {
       i([]);
@@ -293,21 +302,21 @@ function Zt(e) {
   return n ? n[1].toLowerCase() : null;
 }
 function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, registerHandle: m }) {
-  const { toast: o } = Ie(), a = L(e, R.commands);
-  L(e, D.run, D.pause, R.images, R.draft, R.followUps), He(bt, yt);
-  const c = e.running(), d = e.agent?.accepts_images ?? !0, l = d ? Math.min(e.agent?.image_limits?.max_count ?? G.maxImages, G.maxImages) : 0, f = e.images, [x, p] = S(e.draft), [y, k] = S(!1), [b, C] = S(0), [F, w] = S(!1), [h, T] = S(!1), v = z(null), q = z(null), B = Be(), E = U(
+  const { toast: o } = Ae(), a = O(e, P.commands);
+  O(e, D.run, D.pause, P.images, P.draft, P.followUps), Be(bt, yt);
+  const c = e.running(), d = e.agent?.accepts_images ?? !0, l = d ? Math.min(e.agent?.image_limits?.max_count ?? W.maxImages, W.maxImages) : 0, f = e.images, [x, k] = S(e.draft), [p, b] = S(!1), [y, C] = S(0), [F, w] = S(!1), [h, T] = S(!1), v = z(null), q = z(null), K = Ce(), E = H(
     (s) => {
-      p(s), e.setDraft(s);
+      k(s), e.setDraft(s);
     },
     [e]
-  ), Pe = e.version(R.draft);
+  ), Pe = e.version(P.draft);
   M(() => {
-    p(e.draft);
-  }, [e, Pe]), ee(() => {
+    k(e.draft);
+  }, [e, Pe]), te(() => {
     const s = v.current;
     s && (s.style.height = "auto", s.style.height = `${Math.min(s.scrollHeight, 240)}px`);
   }, [x]);
-  const K = H(
+  const _ = B(
     () => ({
       ...n,
       controller: e,
@@ -321,15 +330,14 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
     }),
     [n, e, E]
   );
-  M(() => (m?.({ setText: K.setComposer, pickImages: K.pickImages, focus: () => v.current?.focus() }), () => m?.(null)), [K, m]);
-  const ae = Wt(x, E, v), re = e.session?.workspace ?? e.newSession.workspace?.path ?? null, J = F ? null : Zt(x), P = H(
-    () => J === null ? [] : kt([...vt(K), ...Nt(e)], J).slice(0, 40),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [J, K, e, a]
-  ), O = P.length > 0, Re = O || F ? null : Qt(x), _ = Xt(e, Re), ie = !O && _.length > 0, oe = (s) => {
-    const u = _[Math.min(s, _.length - 1)];
+  M(() => (m?.({ setText: _.setComposer, pickImages: _.pickImages, focus: () => v.current?.focus() }), () => m?.(null)), [_, m]);
+  const re = Wt(x, E, v), ie = e.session?.workspace ?? e.newSession.workspace?.path ?? null, Q = F ? null : Zt(x), $ = B(
+    () => Q === null ? [] : kt([...vt(_), ...Nt(e)], Q).slice(0, 40),
+    [Q, _, e, a]
+  ), U = $.length > 0, Re = U || F ? null : Qt(x), L = Xt(e, Re), V = !U && L.length > 0, oe = (s) => {
+    const u = L[Math.min(s, L.length - 1)];
     u && (E(Yt(x, u)), C(0), requestAnimationFrame(() => v.current?.focus()));
-  }, Q = U(
+  }, Y = H(
     async (s) => {
       const u = s.filter(ve);
       if (s.length && !u.length) {
@@ -342,16 +350,16 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
       }
       const N = l - e.images.length;
       u.length > N && o(`Up to ${l} images per message.`, "danger");
-      const Le = (await Promise.all(u.slice(0, Math.max(0, N)).map((j) => Vt(j)))).map((j, Oe) => {
+      const Oe = (await Promise.all(u.slice(0, Math.max(0, N)).map((j) => Vt(j)))).map((j, Ue) => {
         const fe = /^data:([^;,]+);base64,(.*)$/s.exec(j.url);
-        return { name: j.name ?? `image ${Oe + 1}`, url: j.url, image: { media_type: fe?.[1] ?? "image/png", data: fe?.[2] ?? "" } };
+        return { name: j.name ?? `image ${Ue + 1}`, url: j.url, image: { media_type: fe?.[1] ?? "image/png", data: fe?.[2] ?? "" } };
       });
-      e.setImages([...e.images, ...Le].slice(0, l));
+      e.setImages([...e.images, ...Oe].slice(0, l));
     },
     [d, e, l, o]
-  ), I = x.trim(), ce = !r && !!(I || f.length && !c), V = async (s = !1) => {
+  ), I = x.trim(), ce = !r && !!(I || f.length && !c), G = async (s = !1) => {
     if (!ce) return;
-    ae.reset(), I && se.record(I, re);
+    re.reset(), I && ae.record(I, ie);
     const u = St(I);
     if (u && e.serverCommand(u.raw) && !ge(u.name)) {
       E(""), await e.runServerCommand(I);
@@ -360,7 +368,7 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
     if (u && ge(u.name)) {
       E("");
       try {
-        await Dt(K, I);
+        await Dt(_, I);
       } catch (N) {
         o(N instanceof Error ? N.message : String(N), "danger");
       }
@@ -372,23 +380,23 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
     }
     await e.submit(I);
   }, le = (s) => {
-    const u = P[Math.min(s, P.length - 1)];
+    const u = $[Math.min(s, $.length - 1)];
     if (u) {
       if (C(0), u.needsArgs) {
         E(`/${u.name} `), requestAnimationFrame(() => v.current?.focus());
         return;
       }
-      E(""), Promise.resolve(u.run(K, "")).catch((N) => o(N instanceof Error ? N.message : String(N), "danger"));
+      E(""), Promise.resolve(u.run(_, "")).catch((N) => o(N instanceof Error ? N.message : String(N), "danger"));
     }
-  }, $e = (s) => {
+  }, ze = (s) => {
     if (!s.nativeEvent.isComposing) {
-      if (ie) {
+      if (V) {
         if (s.key === "ArrowDown" || s.key === "ArrowUp") {
-          s.preventDefault(), C((u) => Ne(u, s.key === "ArrowDown" ? 1 : -1, _.length));
+          s.preventDefault(), C((u) => Ne(u, s.key === "ArrowDown" ? 1 : -1, L.length));
           return;
         }
         if (s.key === "Tab" || s.key === "Enter" && !s.shiftKey) {
-          s.preventDefault(), oe(b);
+          s.preventDefault(), oe(y);
           return;
         }
         if (s.key === "Escape") {
@@ -396,19 +404,19 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
           return;
         }
       }
-      if (O) {
+      if (U) {
         if (s.key === "ArrowDown" || s.key === "ArrowUp") {
-          s.preventDefault(), C((u) => Ne(u, s.key === "ArrowDown" ? 1 : -1, P.length));
+          s.preventDefault(), C((u) => Ne(u, s.key === "ArrowDown" ? 1 : -1, $.length));
           return;
         }
         if (s.key === "Tab") {
           s.preventDefault();
-          const u = P[Math.min(b, P.length - 1)];
+          const u = $[Math.min(y, $.length - 1)];
           u && E(`/${u.name} `);
           return;
         }
         if (s.key === "Enter" && !s.shiftKey) {
-          s.preventDefault(), le(b);
+          s.preventDefault(), le(y);
           return;
         }
         if (s.key === "Escape") {
@@ -420,94 +428,101 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
         s.preventDefault(), T(!0);
         return;
       }
-      if (!ae.onKeyDown(s)) {
+      if (!re.onKeyDown(s)) {
         if (s.key === "Escape" && c && !I) {
           s.preventDefault(), e.cancelRun();
           return;
         }
         if (s.key === "Enter" && s.altKey) {
-          s.preventDefault(), V(!0);
+          s.preventDefault(), G(!0);
           return;
         }
-        s.key === "Enter" && !s.shiftKey && (s.preventDefault(), V());
+        s.key === "Enter" && !s.shiftKey && (s.preventDefault(), G());
       }
     }
-  }, ze = (s) => {
-    const u = Array.from(s.clipboardData.files);
-    u.some(ve) && (s.preventDefault(), Q(u));
   }, Fe = (s) => {
-    s.preventDefault(), k(!1), Q(Array.from(s.dataTransfer.files));
-  }, ue = e.store.state.pause, de = G.ComposerFooter, Ke = e.isWorker(), _e = c ? "Steer the turn in progress…  (Alt+Enter queues it for after)" : ue?.kind === "question" ? "Answer in your own words…" : ue?.kind === "flow_input" ? "Reply to the flow…" : Ke ? "Steer this task through its fleet…" : `Message ${e.agent?.name ?? "the agent"}…  (/ for commands)`;
+    const u = Array.from(s.clipboardData.files);
+    u.some(ve) && (s.preventDefault(), Y(u));
+  }, Ke = (s) => {
+    s.preventDefault(), b(!1), Y(Array.from(s.dataTransfer.files));
+  }, ue = e.store.state.pause, de = W.ComposerFooter, _e = e.isWorker(), Le = c ? "Steer the turn in progress…  (Alt+Enter queues it for after)" : ue?.kind === "question" ? "Answer in your own words…" : ue?.kind === "flow_input" ? "Reply to the flow…" : _e ? "Steer this task through its fleet…" : `Message ${e.agent?.name ?? "the agent"}…  (/ for commands)`;
   return /* @__PURE__ */ g("div", { className: "relative", children: [
     h && /* @__PURE__ */ t(
       Jt,
       {
-        workspace: re,
+        workspace: ie,
         onPick: (s) => {
-          T(!1), K.setComposer(s);
+          T(!1), _.setComposer(s);
         },
         onClose: () => {
           T(!1), requestAnimationFrame(() => v.current?.focus());
         }
       }
     ),
-    O && !h && /* @__PURE__ */ t(
-      "ul",
+    U && !h && /* @__PURE__ */ t(
+      "div",
       {
-        id: B,
+        id: K,
         role: "listbox",
         "aria-label": "Commands",
         className: "absolute bottom-full left-0 z-20 mb-2 max-h-72 w-full overflow-y-auto rounded-xl border border-line bg-surface p-1.5 shadow-pop",
-        children: P.map((s, u) => /* @__PURE__ */ g(
-          "li",
-          {
-            id: `${B}-${u}`,
-            role: "option",
-            "aria-selected": u === Math.min(b, P.length - 1),
-            onMouseDown: (N) => {
-              N.preventDefault(), le(u);
+        children: $.map((s, u) => (
+          // biome-ignore lint/a11y/useFocusableInteractive: a combobox option; focus stays in the textarea (aria-activedescendant)
+          /* @__PURE__ */ g(
+            "div",
+            {
+              id: `${K}-${u}`,
+              role: "option",
+              "aria-selected": u === Math.min(y, $.length - 1),
+              onMouseDown: (N) => {
+                N.preventDefault(), le(u);
+              },
+              onMouseEnter: () => C(u),
+              className: R(
+                "flex cursor-pointer items-baseline gap-2 rounded-md px-2.5 py-1.5 text-[13px]",
+                u === Math.min(y, $.length - 1) ? "bg-accent-soft" : ""
+              ),
+              children: [
+                /* @__PURE__ */ g("span", { className: R("shrink-0 font-mono font-semibold", u === y ? "text-accent" : "text-ink"), children: [
+                  "/",
+                  s.name
+                ] }),
+                s.args && /* @__PURE__ */ t("span", { className: "shrink-0 font-mono text-[11.5px] text-faint", children: s.args }),
+                /* @__PURE__ */ t("span", { className: "min-w-0 truncate text-muted", children: s.description })
+              ]
             },
-            onMouseEnter: () => C(u),
-            className: $(
-              "flex cursor-pointer items-baseline gap-2 rounded-md px-2.5 py-1.5 text-[13px]",
-              u === Math.min(b, P.length - 1) ? "bg-accent-soft" : ""
-            ),
-            children: [
-              /* @__PURE__ */ g("span", { className: $("shrink-0 font-mono font-semibold", u === b ? "text-accent" : "text-ink"), children: [
-                "/",
-                s.name
-              ] }),
-              s.args && /* @__PURE__ */ t("span", { className: "shrink-0 font-mono text-[11.5px] text-faint", children: s.args }),
-              /* @__PURE__ */ t("span", { className: "min-w-0 truncate text-muted", children: s.description })
-            ]
-          },
-          s.name
+            s.name
+          )
         ))
       }
     ),
-    ie && /* @__PURE__ */ t(
-      "ul",
+    V && /* @__PURE__ */ t(
+      "div",
       {
-        id: `${B}-files`,
+        id: `${K}-files`,
         role: "listbox",
         "aria-label": "Files",
         className: "absolute bottom-full left-0 z-20 mb-2 max-h-72 w-full overflow-y-auto rounded-xl border border-line bg-surface p-1.5 shadow-pop",
-        children: _.map((s, u) => /* @__PURE__ */ t(
-          "li",
-          {
-            role: "option",
-            "aria-selected": u === Math.min(b, _.length - 1),
-            onMouseDown: (N) => {
-              N.preventDefault(), oe(u);
+        children: L.map((s, u) => (
+          // biome-ignore lint/a11y/useFocusableInteractive: a combobox option; focus stays in the textarea (aria-activedescendant)
+          /* @__PURE__ */ t(
+            "div",
+            {
+              id: `${K}-files-${u}`,
+              role: "option",
+              "aria-selected": u === Math.min(y, L.length - 1),
+              onMouseDown: (N) => {
+                N.preventDefault(), oe(u);
+              },
+              onMouseEnter: () => C(u),
+              className: R(
+                "cursor-pointer truncate rounded-md px-2.5 py-1.5 font-mono text-[12.5px] text-ink",
+                u === Math.min(y, L.length - 1) && "bg-accent-soft text-accent"
+              ),
+              children: s
             },
-            onMouseEnter: () => C(u),
-            className: $(
-              "cursor-pointer truncate rounded-md px-2.5 py-1.5 font-mono text-[12.5px] text-ink",
-              u === Math.min(b, _.length - 1) && "bg-accent-soft text-accent"
-            ),
-            children: s
-          },
-          s
+            s
+          )
         ))
       }
     ),
@@ -515,33 +530,36 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
       "div",
       {
         onDragOver: (s) => {
-          s.dataTransfer.types.includes("Files") && (s.preventDefault(), k(!0));
+          s.dataTransfer.types.includes("Files") && (s.preventDefault(), b(!0));
         },
-        onDragLeave: () => k(!1),
-        onDrop: Fe,
-        className: $(
+        onDragLeave: () => b(!1),
+        onDrop: Ke,
+        className: R(
           "rounded-2xl border bg-surface p-1.5 shadow-sm transition-colors",
           "focus-within:border-accent focus-within:ring-2 focus-within:ring-accent/20",
-          y ? "border-accent bg-accent-soft" : "border-line",
+          p ? "border-accent bg-accent-soft" : "border-line",
           r && "opacity-60"
         ),
         children: [
-          f.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2 px-1.5 pt-1 pb-2", children: f.map((s, u) => /* @__PURE__ */ g("div", { className: "relative", children: [
-            /* @__PURE__ */ t("img", { src: s.url, alt: s.name, className: "h-16 w-16 rounded-lg border border-line-soft object-cover" }),
-            /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                "aria-label": `Remove ${s.name}`,
-                onClick: () => e.setImages(f.filter((N, me) => me !== u)),
-                className: "absolute -top-1.5 -right-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-ink text-surface shadow",
-                children: /* @__PURE__ */ t(Ce, { size: 11 })
-              }
-            )
-          ] }, u)) }),
+          f.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2 px-1.5 pt-1 pb-2", children: f.map((s, u) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: stateless thumbnails, removed by position
+            /* @__PURE__ */ g("div", { className: "relative", children: [
+              /* @__PURE__ */ t("img", { src: s.url, alt: s.name, className: "h-16 w-16 rounded-lg border border-line-soft object-cover" }),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Remove ${s.name}`,
+                  onClick: () => e.setImages(f.filter((N, me) => me !== u)),
+                  className: "absolute -top-1.5 -right-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-ink text-surface shadow",
+                  children: /* @__PURE__ */ t(Ee, { size: 11 })
+                }
+              )
+            ] }, u)
+          )) }),
           /* @__PURE__ */ g("div", { className: "flex items-end gap-1", children: [
             /* @__PURE__ */ t(
-              te,
+              ne,
               {
                 label: "Attach images",
                 disabled: r || !d || f.length >= l,
@@ -559,7 +577,7 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
                 multiple: !0,
                 hidden: !0,
                 onChange: (s) => {
-                  Q(Array.from(s.target.files ?? [])), s.target.value = "";
+                  Y(Array.from(s.target.files ?? [])), s.target.value = "";
                 }
               }
             ),
@@ -571,22 +589,22 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
                 onChange: (s) => {
                   E(s.target.value), w(!1), C(0);
                 },
-                onKeyDown: $e,
-                onPaste: ze,
+                onKeyDown: ze,
+                onPaste: Fe,
                 rows: 1,
                 autoFocus: i,
                 disabled: r,
-                placeholder: _e,
+                placeholder: Le,
                 "aria-label": "Message",
-                "aria-controls": O ? B : void 0,
-                "aria-activedescendant": O ? `${B}-${Math.min(b, P.length - 1)}` : void 0,
+                "aria-controls": U ? K : V ? `${K}-files` : void 0,
+                "aria-activedescendant": U ? `${K}-${Math.min(y, $.length - 1)}` : V ? `${K}-files-${Math.min(y, L.length - 1)}` : void 0,
                 "aria-autocomplete": "list",
                 enterKeyHint: "send",
                 className: "max-h-[240px] min-h-10 flex-1 resize-none bg-transparent px-1.5 py-2.5 text-[16px] leading-snug text-ink outline-none placeholder:truncate placeholder:text-faint disabled:cursor-not-allowed sm:text-[14.5px]"
               }
             ),
-            c && I && /* @__PURE__ */ t(te, { label: "Queue for after this turn (Alt+Enter)", className: "mb-0.5 h-9 w-9 rounded-full", onClick: () => {
-              V(!0);
+            c && I && /* @__PURE__ */ t(ne, { label: "Queue for after this turn (Alt+Enter)", className: "mb-0.5 h-9 w-9 rounded-full", onClick: () => {
+              G(!0);
             }, children: /* @__PURE__ */ t(Qe, { size: 17 }) }),
             c && !I ? /* @__PURE__ */ t(
               "button",
@@ -605,7 +623,7 @@ function en({ controller: e, commandContext: n, disabled: r, autoFocus: i, regis
               {
                 type: "button",
                 onClick: () => {
-                  V();
+                  G();
                 },
                 disabled: !ce,
                 "aria-label": c ? "Steer the turn in progress" : "Send",
@@ -630,7 +648,7 @@ const tn = 1e4, nn = 6e4, sn = {
   retrying: "retrying"
 };
 function an({ controller: e }) {
-  L(e, D.run, D.pause, D.connection, R.followUps);
+  O(e, D.run, D.pause, D.connection, P.followUps);
   const n = e.store.state, [, r] = S(0), i = n.connection === "reconnecting";
   if (M(() => {
     if (!n.run && !i) return;
@@ -638,7 +656,7 @@ function an({ controller: e }) {
     return () => clearInterval(o);
   }, [n.run, i]), i) {
     const o = n.reconnectingSince ? Date.now() - n.reconnectingSince : 0, a = o >= tn ? ` for ${xe(o)}` : "";
-    return /* @__PURE__ */ g("div", { className: $("flex items-center gap-1.5 text-[12px]", o >= nn ? "text-danger" : "text-warn"), role: "status", children: [
+    return /* @__PURE__ */ g("output", { className: R("flex items-center gap-1.5 text-[12px]", o >= nn ? "text-danger" : "text-warn"), children: [
       /* @__PURE__ */ t(Ze, { size: 12, className: "animate-spin" }),
       " Reconnecting",
       a,
@@ -647,7 +665,7 @@ function an({ controller: e }) {
   }
   if (n.run) {
     const a = [n.run.activity === "tool" && n.run.toolName ? `running ${n.run.toolName}` : sn[n.run.activity]];
-    return n.run.step !== null && a.push(`step ${n.run.step + 1}`), a.push(xe(Date.now() - n.run.startedAt) ?? "0s"), e.followUps.length && a.push(`${e.followUps.length} queued`), /* @__PURE__ */ g("div", { className: "flex items-center gap-1.5 text-[12px] text-accent", role: "status", children: [
+    return n.run.step !== null && a.push(`step ${n.run.step + 1}`), a.push(xe(Date.now() - n.run.startedAt) ?? "0s"), e.followUps.length && a.push(`${e.followUps.length} queued`), /* @__PURE__ */ g("output", { className: "flex items-center gap-1.5 text-[12px] text-accent", children: [
       /* @__PURE__ */ t(et, { size: 12, className: "animate-spin" }),
       " ",
       a.join(" · ")
@@ -656,7 +674,7 @@ function an({ controller: e }) {
   if (n.pause && n.pause.kind !== "fork_seed" && e.deferredPauseId === n.pause.pending_tool_call_id) return null;
   if (n.pause && n.pause.kind !== "fork_seed") {
     const o = n.pause.task_id ? `${n.pause.task_id}: ` : "";
-    return /* @__PURE__ */ g("div", { className: "flex items-center gap-1.5 text-[12px] text-warn", role: "status", children: [
+    return /* @__PURE__ */ g("output", { className: "flex items-center gap-1.5 text-[12px] text-warn", children: [
       /* @__PURE__ */ t(tt, { size: 12 }),
       " ",
       o,
@@ -670,7 +688,7 @@ function an({ controller: e }) {
     " through its fleet"
   ] }) : null;
 }
-const X = "ecui.session.inspector", Se = "ecui.session.tab";
+const Z = "ecui.session.inspector", Se = "ecui.session.tab";
 function De(e, n) {
   try {
     return localStorage.getItem(e) ?? n;
@@ -678,28 +696,26 @@ function De(e, n) {
     return n;
   }
 }
-function Z(e, n) {
+function ee(e, n) {
   try {
     localStorage.setItem(e, n);
   } catch {
   }
 }
 function rn({ activeId: e }) {
-  Ae();
-  const n = ne(), r = A.attached().filter((i) => i.started || i.id === e);
-  return r.length < 2 ? null : /* @__PURE__ */ t("div", { className: "flex h-9 shrink-0 items-end gap-0.5 overflow-x-auto border-b border-line bg-surface-alt px-2", role: "tablist", "aria-label": "Open sessions", children: r.map((i) => {
+  Me();
+  const n = se(), r = A.attached().filter((i) => i.started || i.id === e);
+  return r.length < 2 ? null : /* @__PURE__ */ t("nav", { className: "flex h-9 shrink-0 items-end gap-0.5 overflow-x-auto border-b border-line bg-surface-alt px-2", "aria-label": "Open sessions", children: r.map((i) => {
     const m = Mt(i.store.state, { key: i.id, agent: i.agent?.name ?? null, attention: null, draft: "", createdAt: i.createdAt }), o = i.id === e;
     return /* @__PURE__ */ g(
       "div",
       {
-        role: "tab",
-        "aria-selected": o,
-        className: $(
+        className: R(
           "group flex h-8 max-w-[14rem] shrink-0 items-center gap-1.5 rounded-t-md border border-b-0 pr-1 pl-2.5 text-[12.5px]",
           o ? "border-line bg-bg font-semibold text-ink" : "border-transparent text-muted hover:bg-surface-hover hover:text-ink"
         ),
         children: [
-          /* @__PURE__ */ g("button", { type: "button", className: "flex min-w-0 items-center gap-1.5", onClick: () => n(W(i.id)), children: [
+          /* @__PURE__ */ g("button", { type: "button", className: "flex min-w-0 items-center gap-1.5", "aria-current": o ? "page" : void 0, onClick: () => n(J(i.id)), children: [
             /* @__PURE__ */ t(Tt, { row: m }),
             /* @__PURE__ */ t("span", { className: "truncate", children: i.title() })
           ] }),
@@ -711,11 +727,11 @@ function rn({ activeId: e }) {
               onClick: () => {
                 if (A.detach(i.id), o) {
                   const a = A.attached().find((c) => c.started);
-                  n(a ? W(a.id) : Pt());
+                  n(a ? J(a.id) : $t());
                 }
               },
               className: "flex h-5 w-5 shrink-0 items-center justify-center rounded text-faint opacity-0 group-hover:opacity-100 hover:bg-surface-hover hover:text-ink focus:opacity-100 max-md:opacity-100",
-              children: /* @__PURE__ */ t(Ce, { size: 12 })
+              children: /* @__PURE__ */ t(Ee, { size: 12 })
             }
           )
         ]
@@ -725,7 +741,7 @@ function rn({ activeId: e }) {
   }) });
 }
 function on({ controller: e }) {
-  L(e, D.session, R.list);
+  O(e, D.session, P.list);
   const [n, r] = S(!1), [i, m] = S(""), o = z(null), a = e.title();
   return n ? /* @__PURE__ */ t(
     "input",
@@ -758,20 +774,20 @@ function on({ controller: e }) {
   ) });
 }
 function cn({ controller: e }) {
-  L(e, D.reset, D.session, R.list, R.draft);
-  const n = ne(), { toast: r } = Ie(), [i, m] = S(() => De(X, "1") === "1"), [o, a] = S(!1), [c, d] = S(() => De(Se, "brief")), l = Te(e), f = U((h) => {
-    d(h), Z(Se, h);
-  }, []), x = z(null), p = U((h) => {
+  O(e, D.reset, D.session, P.list, P.draft);
+  const n = se(), { toast: r } = Ae(), [i, m] = S(() => De(Z, "1") === "1"), [o, a] = S(!1), [c, d] = S(() => De(Se, "brief")), l = $e(e), f = H((h) => {
+    d(h), ee(Se, h);
+  }, []), x = z(null), k = H((h) => {
     x.current = h;
-  }, []), y = H(
-    () => ({ navigate: (h) => n(h), toast: r, openDialog: Rt }),
+  }, []), p = B(
+    () => ({ navigate: (h) => n(h), toast: r, openDialog: Pt }),
     [n, r]
-  ), k = U(
+  ), b = H(
     async (h) => {
       const T = h.key.slice(2);
       try {
-        const v = await $t.forkSession(e.id, { before_message: T, title: e.session?.title ?? null });
-        A.attach(v.id).seedDraft(h.text), r("Editing in a copy of the session from before that message. The original is kept.", "info"), n(W(v.id));
+        const v = await Rt.forkSession(e.id, { before_message: T, title: e.session?.title ?? null });
+        A.attach(v.id).seedDraft(h.text), r("Editing in a copy of the session from before that message. The original is kept.", "info"), n(J(v.id));
       } catch (v) {
         r(`Couldn't edit: ${zt(v)}`, "danger");
       }
@@ -780,14 +796,14 @@ function cn({ controller: e }) {
   );
   M(() => {
     const h = (v) => {
-      f(String(v.detail)), window.matchMedia("(min-width: 1280px)").matches ? (m(!0), Z(X, "1")) : a(!0);
-    }, T = () => b();
+      f(String(v.detail)), window.matchMedia("(min-width: 1280px)").matches ? (m(!0), ee(Z, "1")) : a(!0);
+    }, T = () => y();
     return window.addEventListener("ecui:inspector", h), window.addEventListener("ecui:toggle-inspector", T), () => {
       window.removeEventListener("ecui:inspector", h), window.removeEventListener("ecui:toggle-inspector", T);
     };
   });
-  const b = () => {
-    window.matchMedia("(min-width: 1280px)").matches ? m((h) => (Z(X, h ? "0" : "1"), !h)) : a(!0);
+  const y = () => {
+    window.matchMedia("(min-width: 1280px)").matches ? m((h) => (ee(Z, h ? "0" : "1"), !h)) : a(!0);
   }, C = e.store.state.entries, F = !e.loading && C.length === 0 && !e.running(), w = l.length > 0;
   return /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-1", children: [
     /* @__PURE__ */ g("section", { className: "flex min-w-0 flex-1 flex-col bg-bg", children: [
@@ -795,21 +811,21 @@ function cn({ controller: e }) {
         /* @__PURE__ */ t(on, { controller: e }),
         /* @__PURE__ */ t("div", { className: "hidden min-w-0 md:block", children: /* @__PURE__ */ t(be, { controller: e }) }),
         /* @__PURE__ */ t(Ft, { controller: e }),
-        w && /* @__PURE__ */ g(te, { label: i ? "Hide panels" : "Show panels", onClick: b, children: [
+        w && /* @__PURE__ */ g(ne, { label: i ? "Hide panels" : "Show panels", onClick: y, children: [
           i ? /* @__PURE__ */ t(nt, { size: 17, className: "max-xl:hidden" }) : null,
-          /* @__PURE__ */ t(st, { size: 17, className: $(i && "xl:hidden") })
+          /* @__PURE__ */ t(st, { size: 17, className: R(i && "xl:hidden") })
         ] })
       ] }),
       /* @__PURE__ */ t("div", { className: "flex shrink-0 items-center border-b border-line bg-surface px-2 py-1 md:hidden", children: /* @__PURE__ */ t(be, { controller: e }) }),
-      e.loading && !C.length ? /* @__PURE__ */ t(Me, {}) : F ? /* @__PURE__ */ t(Ot, { onPick: (h) => {
+      e.loading && !C.length ? /* @__PURE__ */ t(Te, {}) : F ? /* @__PURE__ */ t(Ot, { onPick: (h) => {
         e.submit(h);
       } }) : /* @__PURE__ */ t(Bt, { controller: e, onEdit: e.isWorker() ? void 0 : (h) => {
-        k(h);
+        b(h);
       }, renderDiff: ye.renderDiff }),
       /* @__PURE__ */ t("div", { className: "shrink-0 px-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] sm:px-6 sm:pb-4", children: /* @__PURE__ */ g("div", { className: "mx-auto flex w-full max-w-3xl flex-col gap-2", children: [
         /* @__PURE__ */ t(Lt, { controller: e, collisions: ye.collisions }),
         /* @__PURE__ */ t(an, { controller: e }),
-        /* @__PURE__ */ t(en, { controller: e, commandContext: y, autoFocus: !0, registerHandle: p })
+        /* @__PURE__ */ t(en, { controller: e, commandContext: p, autoFocus: !0, registerHandle: k })
       ] }) })
     ] }),
     w && i && /* @__PURE__ */ t("aside", { className: "hidden w-[22rem] shrink-0 border-l border-line bg-surface xl:flex", "aria-label": "Session panels", children: /* @__PURE__ */ t(ke, { controller: e, tab: c, onTab: f, className: "w-full" }) }),
@@ -817,18 +833,18 @@ function cn({ controller: e }) {
   ] });
 }
 function hn() {
-  const { sessionId: e } = je(), [n] = qe(), r = ne();
-  Ae();
-  const i = Y((f) => f.agents), m = Y((f) => f.features), o = Y((f) => f.status === "ready" || f.status === "error"), a = Ct(i, m), c = e === "new" && o && a.length === 0;
+  const { sessionId: e } = je(), [n] = qe(), r = se();
+  Me();
+  const i = X((f) => f.agents), m = X((f) => f.features), o = X((f) => f.status === "ready" || f.status === "error"), a = Ct(i, m), c = e === "new" && o && a.length === 0;
   M(() => {
     if (e !== "new" || !o || a.length === 0) return;
-    const f = n.get("agent"), x = a.find((k) => k.name === f) ?? a.find((k) => k.name === "chat") ?? a[0] ?? null, p = n.get("workspace"), y = A.create({
+    const f = n.get("agent"), x = a.find((b) => b.name === f) ?? a.find((b) => b.name === "chat") ?? a[0] ?? null, k = n.get("workspace"), p = A.create({
       agent: x,
       model: n.get("model"),
       permissionMode: n.get("mode"),
-      workspace: p ? { path: p, worktree: n.get("worktree") !== "0" } : null
+      workspace: k ? { path: k, worktree: n.get("worktree") !== "0" } : null
     });
-    r(W(y.id), { replace: !0 });
+    r(J(p.id), { replace: !0 });
   }, [e, o]);
   const d = Et(e && e !== "new" ? e : null), l = !!d?.started;
   return M(() => {
@@ -838,7 +854,7 @@ function hn() {
       return A.get(e) || A.attach(e), A.show(e), () => {
         A.activeId === e && A.show(null);
       };
-  }, [e]), c ? /* @__PURE__ */ t(we, { icon: /* @__PURE__ */ t(pe, { size: 20 }), title: "No agent to start a session with here", children: "Sessions here start from elsewhere in the app." }) : !d || e === "new" ? /* @__PURE__ */ t(Me, {}) : d.missing ? /* @__PURE__ */ t(
+  }, [e]), c ? /* @__PURE__ */ t(we, { icon: /* @__PURE__ */ t(pe, { size: 20 }), title: "No agent to start a session with here", children: "Sessions here start from elsewhere in the app." }) : !d || e === "new" ? /* @__PURE__ */ t(Te, {}) : d.missing ? /* @__PURE__ */ t(
     we,
     {
       icon: /* @__PURE__ */ t(pe, { size: 20 }),