@markmo/europacore-session-ui 0.2.0 → 0.4.0

package/dist/SessionPage-CA9hAakW.js

@@ -1,865 +0,0 @@
-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";
-function Ot({ onPick: e }) {
-  const n = (Ee().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(
-      "button",
-      {
-        type: "button",
-        onClick: () => e(r.prompt),
-        className: "rounded-xl border border-line bg-surface px-3.5 py-3 text-left transition-colors hover:border-accent hover:bg-accent-soft focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40",
-        children: [
-          /* @__PURE__ */ t("div", { className: "text-[13.5px] font-semibold text-ink", children: r.title }),
-          r.description && /* @__PURE__ */ t("div", { className: "mt-0.5 text-[12.5px] text-muted", children: r.description })
-        ]
-      },
-      r.title
-    )) })
-  ] });
-}
-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 ke({
-  controller: e,
-  tab: n,
-  onTab: r,
-  className: i
-}) {
-  const m = Te(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: [
-    /* @__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(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": f,
-          onClick: () => r(c.id),
-          className: $(
-            "-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"
-          ),
-          children: [
-            /* @__PURE__ */ t(d, { size: 14 }),
-            c.label,
-            l !== null && /* @__PURE__ */ t("span", { className: "rounded-full bg-accent-soft px-1.5 text-[10.5px] text-accent tabular-nums", children: l })
-          ]
-        },
-        c.id
-      );
-    }) }),
-    /* @__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({
-  controller: n,
-  block: r,
-  live: i
-}) {
-  const m = ot(r.items), o = r.items.find((d) => d.kind === "entry" && d.entry.kind === "run-end"), a = o?.kind === "entry" && o.entry.kind === "run-end" && o.entry.outcome === "cancelled", c = m ? n.store.get(m) : void 0;
-  return /* @__PURE__ */ t("div", { className: "group", children: /* @__PURE__ */ g(
-    ct,
-    {
-      header: a ? /* @__PURE__ */ g(xt, { children: [
-        /* @__PURE__ */ t(We, { size: 11 }),
-        " Stopped"
-      ] }) : void 0,
-      children: [
-        r.wake && /* @__PURE__ */ t(lt, { entry: r.wake }),
-        r.items.map((d) => {
-          if (d.kind === "tools") return /* @__PURE__ */ t(ut, { controller: n, entries: d.entries }, d.key);
-          const l = d.entry;
-          switch (l.kind) {
-            case "assistant":
-              return /* @__PURE__ */ t(ht, { controller: n, entry: l, answer: l.key === m }, l.key);
-            case "notice":
-              return /* @__PURE__ */ t(pt, { entry: l }, l.key);
-            case "steer":
-              return /* @__PURE__ */ t(ft, { controller: n, entry: l }, l.key);
-            case "decision":
-              return /* @__PURE__ */ t(mt, { controller: n, entry: l }, l.key);
-            case "run-end":
-              return /* @__PURE__ */ t(dt, { entry: l }, l.key);
-            default:
-              return null;
-          }
-        }),
-        !i && c?.kind === "assistant" && c.text && /* @__PURE__ */ t("div", { className: "-mt-1 -ml-1.5 flex items-center gap-0.5 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 max-sm:opacity-100", children: /* @__PURE__ */ t(gt, { text: c.text, label: "Copy answer" }) })
-      ]
-    }
-  ) });
-});
-function Bt({
-  controller: e,
-  onEdit: n,
-  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 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);
-  };
-  M(() => {
-    const w = f.current;
-    if (!w || typeof ResizeObserver > "u") return;
-    const h = new ResizeObserver(() => {
-      x.current && b();
-    });
-    return h.observe(w), () => h.disconnect();
-  }, [b]);
-  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: [
-    /* @__PURE__ */ t("div", { ref: l, onScroll: C, className: "h-full overflow-y-auto overscroll-contain", children: /* @__PURE__ */ g(
-      "div",
-      {
-        ref: f,
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions",
-        "aria-label": "Conversation",
-        className: "mx-auto flex w-full max-w-3xl flex-col gap-5 px-4 pt-6 pb-8 sm:px-6",
-        children: [
-          a.map((w) => w.kind === "user" ? /* @__PURE__ */ t(rt, { controller: e, entry: w.entry, onEdit: c ? void 0 : n }, w.key) : w.kind === "diff" ? /* @__PURE__ */ t(it, { entry: w.entry, renderDiff: i }, w.key) : /* @__PURE__ */ t(Ht, { controller: e, block: w, live: c && w.runId === d }, w.key)),
-          r
-        ]
-      }
-    ) }),
-    y && /* @__PURE__ */ g(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          x.current = !0, k(!1), b("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: [
-          /* @__PURE__ */ t(Ge, { size: 13 }),
-          " Jump to latest"
-        ]
-      }
-    )
-  ] });
-}
-const jt = 1536, qt = /^image\/(png|jpe?g|gif|webp)$/;
-function ve(e) {
-  return qt.test(e.type);
-}
-async function Vt(e, n = jt) {
-  const r = await new Promise((c, d) => {
-    const l = new FileReader();
-    l.onload = () => c(String(l.result)), l.onerror = () => d(l.error), l.readAsDataURL(e);
-  });
-  if (e.type === "image/gif") return { kind: "image", name: e.name, url: r };
-  const i = await new Promise((c, d) => {
-    const l = new Image();
-    l.onload = () => c(l), l.onerror = d, l.src = r;
-  }), m = Math.min(1, n / Math.max(i.width, i.height));
-  if (m === 1 && e.size < 15e5) return { kind: "image", name: e.name, url: r };
-  const o = document.createElement("canvas");
-  o.width = Math.round(i.width * m), o.height = Math.round(i.height * m), o.getContext("2d").drawImage(i, 0, 0, o.width, o.height);
-  const a = e.type === "image/png" ? "image/png" : "image/jpeg";
-  return { kind: "image", name: e.name, url: o.toDataURL(a, 0.88) };
-}
-function Ne(e, n, r) {
-  return r === 0 ? 0 : (e + n + r) % r;
-}
-const Gt = 200;
-function Wt(e, n, r) {
-  const i = z(null);
-  M(() => {
-    const a = i.current;
-    a && a.list[a.index] !== e && (i.current = null);
-  }, [e]);
-  const m = (a, c) => {
-    n(a), requestAnimationFrame(() => {
-      const d = r.current;
-      if (!d) return;
-      const l = c ? 0 : a.length;
-      d.setSelectionRange(l, l);
-    });
-  };
-  return { onKeyDown: (a) => {
-    if (a.altKey || a.ctrlKey || a.metaKey || a.shiftKey || a.key !== "ArrowUp" && a.key !== "ArrowDown") return !1;
-    const c = a.currentTarget;
-    if (c.selectionStart !== c.selectionEnd) return !1;
-    const d = c.value.slice(0, c.selectionStart), l = c.value.slice(c.selectionEnd);
-    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 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 };
-}
-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);
-  };
-  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",
-      {
-        autoFocus: !0,
-        value: i,
-        onChange: (p) => {
-          m(p.target.value), a(0);
-        },
-        onKeyDown: (p) => {
-          p.key === "ArrowDown" || p.key === "r" && p.ctrlKey ? (p.preventDefault(), a(Math.min(l.length - 1, f + 1))) : p.key === "ArrowUp" ? (p.preventDefault(), a(Math.max(0, f - 1))) : p.key === "Enter" ? (p.preventDefault(), x(f)) : p.key === "Escape" && (p.preventDefault(), r());
-        },
-        onBlur: r,
-        placeholder: "Search the prompts you have sent",
-        "aria-label": "Search prompt history",
-        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);
-        },
-        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}`
-    )) })
-  ] });
-}
-function Qt(e) {
-  const n = /(?:^|\s)@([^\s@]*)$/.exec(e);
-  return n ? n[1] : null;
-}
-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;
-  return M(() => {
-    if (!o) {
-      i([]);
-      return;
-    }
-    let a = !1;
-    const c = setTimeout(() => {
-      m.files(e.id, n ?? "").then((d) => !a && i(d.slice(0, 30))).catch(() => !a && i([]));
-    }, 120);
-    return () => {
-      a = !0, clearTimeout(c);
-    };
-  }, [e, o, n, m]), o ? r : [];
-}
-function Zt(e) {
-  const n = /^\/([\w.:-]*)$/.exec(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(
-    (s) => {
-      p(s), e.setDraft(s);
-    },
-    [e]
-  ), Pe = e.version(R.draft);
-  M(() => {
-    p(e.draft);
-  }, [e, Pe]), ee(() => {
-    const s = v.current;
-    s && (s.style.height = "auto", s.style.height = `${Math.min(s.scrollHeight, 240)}px`);
-  }, [x]);
-  const K = H(
-    () => ({
-      ...n,
-      controller: e,
-      setComposer: (s) => {
-        E(s), requestAnimationFrame(() => {
-          const u = v.current;
-          u && (u.focus(), u.setSelectionRange(u.value.length, u.value.length));
-        });
-      },
-      pickImages: () => q.current?.click()
-    }),
-    [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)];
-    u && (E(Yt(x, u)), C(0), requestAnimationFrame(() => v.current?.focus()));
-  }, Q = U(
-    async (s) => {
-      const u = s.filter(ve);
-      if (s.length && !u.length) {
-        o("Only PNG, JPEG, GIF and WebP images can be attached.", "danger");
-        return;
-      }
-      if (!d) {
-        o(`${e.agent?.name ?? "This agent"} doesn't take images.`, "danger");
-        return;
-      }
-      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 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] ?? "" } };
-      });
-      e.setImages([...e.images, ...Le].slice(0, l));
-    },
-    [d, e, l, o]
-  ), I = x.trim(), ce = !r && !!(I || f.length && !c), V = async (s = !1) => {
-    if (!ce) return;
-    ae.reset(), I && se.record(I, re);
-    const u = St(I);
-    if (u && e.serverCommand(u.raw) && !ge(u.name)) {
-      E(""), await e.runServerCommand(I);
-      return;
-    }
-    if (u && ge(u.name)) {
-      E("");
-      try {
-        await Dt(K, I);
-      } catch (N) {
-        o(N instanceof Error ? N.message : String(N), "danger");
-      }
-      return;
-    }
-    if (E(""), s && c) {
-      e.queueFollowUp(I);
-      return;
-    }
-    await e.submit(I);
-  }, le = (s) => {
-    const u = P[Math.min(s, P.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 = (s) => {
-    if (!s.nativeEvent.isComposing) {
-      if (ie) {
-        if (s.key === "ArrowDown" || s.key === "ArrowUp") {
-          s.preventDefault(), C((u) => Ne(u, s.key === "ArrowDown" ? 1 : -1, _.length));
-          return;
-        }
-        if (s.key === "Tab" || s.key === "Enter" && !s.shiftKey) {
-          s.preventDefault(), oe(b);
-          return;
-        }
-        if (s.key === "Escape") {
-          s.preventDefault(), w(!0);
-          return;
-        }
-      }
-      if (O) {
-        if (s.key === "ArrowDown" || s.key === "ArrowUp") {
-          s.preventDefault(), C((u) => Ne(u, s.key === "ArrowDown" ? 1 : -1, P.length));
-          return;
-        }
-        if (s.key === "Tab") {
-          s.preventDefault();
-          const u = P[Math.min(b, P.length - 1)];
-          u && E(`/${u.name} `);
-          return;
-        }
-        if (s.key === "Enter" && !s.shiftKey) {
-          s.preventDefault(), le(b);
-          return;
-        }
-        if (s.key === "Escape") {
-          s.preventDefault(), w(!0);
-          return;
-        }
-      }
-      if (s.key === "r" && s.ctrlKey && !s.altKey && !s.metaKey) {
-        s.preventDefault(), T(!0);
-        return;
-      }
-      if (!ae.onKeyDown(s)) {
-        if (s.key === "Escape" && c && !I) {
-          s.preventDefault(), e.cancelRun();
-          return;
-        }
-        if (s.key === "Enter" && s.altKey) {
-          s.preventDefault(), V(!0);
-          return;
-        }
-        s.key === "Enter" && !s.shiftKey && (s.preventDefault(), V());
-      }
-    }
-  }, 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)`;
-  return /* @__PURE__ */ g("div", { className: "relative", children: [
-    h && /* @__PURE__ */ t(
-      Jt,
-      {
-        workspace: re,
-        onPick: (s) => {
-          T(!1), K.setComposer(s);
-        },
-        onClose: () => {
-          T(!1), requestAnimationFrame(() => v.current?.focus());
-        }
-      }
-    ),
-    O && !h && /* @__PURE__ */ t(
-      "ul",
-      {
-        id: B,
-        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);
-            },
-            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
-        ))
-      }
-    ),
-    ie && /* @__PURE__ */ t(
-      "ul",
-      {
-        id: `${B}-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);
-            },
-            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
-        ))
-      }
-    ),
-    /* @__PURE__ */ g(
-      "div",
-      {
-        onDragOver: (s) => {
-          s.dataTransfer.types.includes("Files") && (s.preventDefault(), k(!0));
-        },
-        onDragLeave: () => k(!1),
-        onDrop: Fe,
-        className: $(
-          "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",
-          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)) }),
-          /* @__PURE__ */ g("div", { className: "flex items-end gap-1", children: [
-            /* @__PURE__ */ t(
-              te,
-              {
-                label: "Attach images",
-                disabled: r || !d || f.length >= l,
-                onClick: () => q.current?.click(),
-                className: "mb-0.5 h-9 w-9 rounded-full",
-                children: /* @__PURE__ */ t(Je, { size: 17 })
-              }
-            ),
-            /* @__PURE__ */ t(
-              "input",
-              {
-                ref: q,
-                type: "file",
-                accept: "image/png,image/jpeg,image/gif,image/webp",
-                multiple: !0,
-                hidden: !0,
-                onChange: (s) => {
-                  Q(Array.from(s.target.files ?? [])), s.target.value = "";
-                }
-              }
-            ),
-            /* @__PURE__ */ t(
-              "textarea",
-              {
-                ref: v,
-                value: x,
-                onChange: (s) => {
-                  E(s.target.value), w(!1), C(0);
-                },
-                onKeyDown: $e,
-                onPaste: ze,
-                rows: 1,
-                autoFocus: i,
-                disabled: r,
-                placeholder: _e,
-                "aria-label": "Message",
-                "aria-controls": O ? B : void 0,
-                "aria-activedescendant": O ? `${B}-${Math.min(b, P.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);
-            }, children: /* @__PURE__ */ t(Qe, { size: 17 }) }),
-            c && !I ? /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  e.cancelRun();
-                },
-                "aria-label": "Stop the turn (Esc)",
-                title: "Stop the turn (Esc)",
-                className: "mb-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-ink text-surface transition-opacity hover:opacity-85",
-                children: /* @__PURE__ */ t(Ye, { size: 13, fill: "currentColor" })
-              }
-            ) : /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  V();
-                },
-                disabled: !ce,
-                "aria-label": c ? "Steer the turn in progress" : "Send",
-                title: c ? "Steer the turn in progress (Enter)" : "Send (Enter)",
-                className: "mb-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent text-on-accent transition-opacity hover:bg-accent-hover disabled:opacity-35",
-                children: /* @__PURE__ */ t(Xe, { size: 18 })
-              }
-            )
-          ] }),
-          de && /* @__PURE__ */ t("div", { className: "px-1.5 pt-1", children: /* @__PURE__ */ t(de, { conversationId: e.id }) })
-        ]
-      }
-    )
-  ] });
-}
-const tn = 1e4, nn = 6e4, sn = {
-  queued: "queued",
-  thinking: "thinking",
-  writing: "writing",
-  tool: "running",
-  compacting: "compacting context",
-  retrying: "retrying"
-};
-function an({ controller: e }) {
-  L(e, D.run, D.pause, D.connection, R.followUps);
-  const n = e.store.state, [, r] = S(0), i = n.connection === "reconnecting";
-  if (M(() => {
-    if (!n.run && !i) return;
-    const o = setInterval(() => r((a) => a + 1), 1e3);
-    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: [
-      /* @__PURE__ */ t(Ze, { size: 12, className: "animate-spin" }),
-      " Reconnecting",
-      a,
-      n.connectionDetail ? ` (${n.connectionDetail})` : "…"
-    ] });
-  }
-  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: [
-      /* @__PURE__ */ t(et, { size: 12, className: "animate-spin" }),
-      " ",
-      a.join(" · ")
-    ] });
-  }
-  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: [
-      /* @__PURE__ */ t(tt, { size: 12 }),
-      " ",
-      o,
-      _t(n.pause)
-    ] });
-  }
-  const m = e.fleetParent();
-  return m ? /* @__PURE__ */ g("div", { className: "text-[12px] text-faint", children: [
-    "Fleet worker · read-only · typing steers ",
-    m.taskId,
-    " through its fleet"
-  ] }) : null;
-}
-const X = "ecui.session.inspector", Se = "ecui.session.tab";
-function De(e, n) {
-  try {
-    return localStorage.getItem(e) ?? n;
-  } catch {
-    return n;
-  }
-}
-function Z(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) => {
-    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: $(
-          "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__ */ t(Tt, { row: m }),
-            /* @__PURE__ */ t("span", { className: "truncate", children: i.title() })
-          ] }),
-          /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Stop following ${i.title()}`,
-              onClick: () => {
-                if (A.detach(i.id), o) {
-                  const a = A.attached().find((c) => c.started);
-                  n(a ? W(a.id) : Pt());
-                }
-              },
-              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 })
-            }
-          )
-        ]
-      },
-      i.id
-    );
-  }) });
-}
-function on({ controller: e }) {
-  L(e, D.session, R.list);
-  const [n, r] = S(!1), [i, m] = S(""), o = z(null), a = e.title();
-  return n ? /* @__PURE__ */ t(
-    "input",
-    {
-      ref: o,
-      autoFocus: !0,
-      value: i,
-      onChange: (c) => m(c.target.value),
-      onBlur: () => {
-        r(!1), i.trim() && i.trim() !== a && e.setTitle(i.trim());
-      },
-      onKeyDown: (c) => {
-        c.key === "Enter" && c.target.blur(), c.key === "Escape" && r(!1);
-      },
-      "aria-label": "Session title",
-      className: "h-7 min-w-0 flex-1 rounded-md border border-accent bg-surface px-2 text-[13.5px] font-semibold text-ink outline-none"
-    }
-  ) : /* @__PURE__ */ t("h1", { className: "min-w-[6rem] flex-1 truncate text-[13.5px] font-semibold text-ink", children: /* @__PURE__ */ t(
-    "button",
-    {
-      type: "button",
-      disabled: !e.started,
-      onClick: () => {
-        m(a), r(!0);
-      },
-      className: "max-w-full truncate rounded px-1 text-left hover:bg-surface-hover disabled:hover:bg-transparent",
-      title: e.started ? "Rename" : void 0,
-      children: a
-    }
-  ) });
-}
-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) => {
-    x.current = h;
-  }, []), y = H(
-    () => ({ navigate: (h) => n(h), toast: r, openDialog: Rt }),
-    [n, r]
-  ), k = U(
-    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));
-      } catch (v) {
-        r(`Couldn't edit: ${zt(v)}`, "danger");
-      }
-    },
-    [e, n, r]
-  );
-  M(() => {
-    const h = (v) => {
-      f(String(v.detail)), window.matchMedia("(min-width: 1280px)").matches ? (m(!0), Z(X, "1")) : a(!0);
-    }, T = () => b();
-    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);
-  }, 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: [
-      /* @__PURE__ */ g("div", { className: "flex h-11 shrink-0 items-center gap-1.5 border-b border-line bg-surface px-2 sm:px-3", children: [
-        /* @__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: [
-          i ? /* @__PURE__ */ t(nt, { size: 17, className: "max-xl:hidden" }) : null,
-          /* @__PURE__ */ t(st, { size: 17, className: $(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.submit(h);
-      } }) : /* @__PURE__ */ t(Bt, { controller: e, onEdit: e.isWorker() ? void 0 : (h) => {
-        k(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 })
-      ] }) })
-    ] }),
-    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" }) }),
-    /* @__PURE__ */ t(Kt, { open: o, onClose: () => a(!1), title: "Session", side: "right", widthClass: "w-[min(24rem,100vw)]", children: /* @__PURE__ */ t(ke, { controller: e, tab: c, onTab: f, className: "h-full" }) })
-  ] });
-}
-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;
-  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({
-      agent: x,
-      model: n.get("model"),
-      permissionMode: n.get("mode"),
-      workspace: p ? { path: p, worktree: n.get("worktree") !== "0" } : null
-    });
-    r(W(y.id), { replace: !0 });
-  }, [e, o]);
-  const d = Et(e && e !== "new" ? e : null), l = !!d?.started;
-  return M(() => {
-    l && d?.loadExtras();
-  }, [d, l]), M(() => {
-    if (!(!e || e === "new"))
-      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(
-    we,
-    {
-      icon: /* @__PURE__ */ t(pe, { size: 20 }),
-      title: "Session not found",
-      action: a.length > 0 ? /* @__PURE__ */ t(
-        It,
-        {
-          variant: "primary",
-          onClick: () => {
-            A.detach(d.id), r(At());
-          },
-          children: "Start a new session"
-        }
-      ) : void 0,
-      children: "It may have been deleted, or it belongs to another account."
-    }
-  ) : /* @__PURE__ */ g("div", { className: "flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ t(rn, { activeId: d.id }),
-    /* @__PURE__ */ t(cn, { controller: d }, d.id)
-  ] });
-}
-export {
-  hn as default
-};