@qwen-code/web-shell 0.24.7 → 0.25.0

package/dist/ThreadsRoute-CtecWS_K.js

@@ -0,0 +1,2358 @@
+import { jsx as e, jsxs as a, Fragment as ve } from "react/jsx-runtime";
+import { useState as w, useMemo as ae, useEffect as he, useRef as be, useContext as At, createContext as Rt, useCallback as $e } from "react";
+import { CheckCircle2 as It, LoaderCircle as Oe, CopyIcon as ut, PlusIcon as Te, MoreHorizontalIcon as ht, MessagesSquareIcon as Ht, ServerIcon as $t, ChevronRightIcon as gt, Check as Ae, UsersRound as nt, ArrowLeftIcon as pt, X as Lt } from "lucide-react";
+import { W as le, T as Dt, m as zt } from "./toolNames-CAeFJ9L9.js";
+import "@qwen-code/sdk/daemon";
+import { D as Fe, a as Ke, b as Ve, c as Ge, d as Je, I as ye, e as bt, B as S, w as ft, f as xt, g as qt, T as Et, h as Mt, s as Ot, i as We, E as Le, j as De, k as ze, l as qe, C as Wt, A as _e, m as Bt, n as at, o as Pt, p as Be, q as Pe, r as Ue, t as fe, u as vt, v as lt, x as Ut, y as Re, z as jt, F as we, M as Ft, G as Kt, H as Vt, J as je, K as Ee, L as Gt, N as z, W as st, O as Jt, P as Qt, Q as Xt, R as Yt, S as ot, U as Zt, V as en } from "./index-tVJkU24-.js";
+import { createPortal as tn } from "react-dom";
+function rt(t) {
+  return new Set(
+    t.filter((i) => i.status === "online").map((i) => i.id)
+  );
+}
+const Nt = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]", "::1"]);
+function it(t) {
+  return `'${t.replaceAll("'", `'"'"'`)}'`;
+}
+function _t(t) {
+  const i = new URL(t);
+  if (!["http:", "https:"].includes(i.protocol) || i.username || i.password || i.search || i.hash)
+    throw new Error("Invalid coordinator address.");
+  return i;
+}
+function nn(t, i) {
+  const g = _t(t), c = `${`${g.origin}${g.pathname.replace(/\/+$/, "")}`}/join/${encodeURIComponent(i.workspaceId)}`, d = g.protocol === "http:" && !Nt.has(g.hostname), f = `QWEN_AGENT_HOST_ENROLLMENT_TOKEN=${it(i.token)}`, l = `serve --no-web --port 0 --join ${it(c)}${d ? " --agent-host-allow-http" : ""}`;
+  return {
+    qwen: `${f} qwen ${l}`,
+    npx: `${f} npx -y @qwen-code/qwen-code@latest ${l}`,
+    insecure: d
+  };
+}
+function ct({ text: t }) {
+  const { t: i } = le(), [g, s] = w(!1);
+  return /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-md border border-border bg-muted/40 py-1.5 pr-1.5 pl-3", children: [
+    /* @__PURE__ */ e("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: t }),
+    /* @__PURE__ */ a(
+      S,
+      {
+        size: "sm",
+        variant: "outline",
+        onClick: () => {
+          ft(t).then(
+            () => s(!0),
+            (c) => xt(c)
+          );
+        },
+        children: [
+          /* @__PURE__ */ e(ut, { "aria-hidden": "true" }),
+          i(g ? "collab.runtime.copied" : "collab.runtime.copy")
+        ]
+      }
+    )
+  ] });
+}
+function an({
+  open: t,
+  onOpenChange: i,
+  serverUrl: g,
+  runtimes: s,
+  onCreateJoinToken: c,
+  onConnectExisting: d,
+  onCreateAgentOn: f
+}) {
+  const { t: l } = le(), [C, E] = w("command"), [H, R] = w(g), [$, P] = w(), [O, L] = w(), [v, u] = w(), [b, q] = w(!1), [U, G] = w(() => Date.now()), I = ae(
+    () => O ? s.find(
+      (x) => x.kind === "external" && x.status === "online" && !O.known.has(x.id)
+    ) : void 0,
+    [O, s]
+  ), W = t && O !== void 0 && !I;
+  he(() => {
+    if (!W) return;
+    const x = setInterval(() => G(Date.now()), 1e3);
+    return () => clearInterval(x);
+  }, [W]);
+  const D = ae(() => {
+    if ($)
+      try {
+        return nn(H, $);
+      } catch {
+        return;
+      }
+  }, [H, $]), ie = async () => {
+    q(!0), u(void 0);
+    try {
+      if (!dt(H)) throw new Error(l("collab.runtime.badAddress"));
+      P(await c()), L({
+        at: Date.now(),
+        known: rt(s)
+      });
+    } catch (x) {
+      u(x instanceof Error ? x.message : String(x));
+    } finally {
+      q(!1);
+    }
+  }, X = async (x) => {
+    if (x.preventDefault(), !d) return;
+    const j = new FormData(x.currentTarget);
+    q(!0), u(void 0);
+    const F = rt(s);
+    try {
+      await d({
+        remoteUrl: String(j.get("remoteUrl")),
+        remoteToken: String(j.get("remoteToken")),
+        remoteCwd: String(j.get("remoteCwd")),
+        serverUrl: H,
+        provider: "qwen",
+        allowHttp: j.get("allowHttp") === "on"
+      }) && L({ at: Date.now(), known: F });
+    } finally {
+      q(!1);
+    }
+  }, ge = $ ? Math.max(0, Math.ceil(($.expiresAt - U) / 6e4)) : 0, B = $ && ge > 0 ? $ : void 0, M = (x) => {
+    !x && I && (P(void 0), L(void 0)), i(x);
+  };
+  return /* @__PURE__ */ e(Fe, { open: t, onOpenChange: M, children: /* @__PURE__ */ a(Ke, { className: "grid-cols-[minmax(0,1fr)] sm:max-w-xl", children: [
+    /* @__PURE__ */ a(Ve, { children: [
+      /* @__PURE__ */ e(Ge, { children: l("collab.runtime.addTitle") }),
+      /* @__PURE__ */ e(Je, { children: l("collab.runtime.addDescription") })
+    ] }),
+    I ? /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-3 rounded-md border border-[var(--status-done-fg)]/30 bg-[var(--status-done-bg)] p-3", children: [
+      /* @__PURE__ */ e(
+        It,
+        {
+          "aria-hidden": "true",
+          className: "size-5 shrink-0 text-[var(--status-done-fg)]"
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e("p", { className: "font-medium", children: l("collab.runtime.connected", { name: I.label }) }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: l("collab.runtime.offers", {
+          programs: (I.providers?.length ? I.providers : [I.provider]).join(", ")
+        }) })
+      ] })
+    ] }) }) : /* @__PURE__ */ a(ve, { children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          role: "tablist",
+          className: "flex gap-4 border-b border-border text-sm",
+          children: ["command", "existing"].map((x) => /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": C === x,
+              onClick: () => E(x),
+              className: `-mb-px border-b-2 pb-2 ${C === x ? "border-foreground font-medium" : "border-transparent text-muted-foreground"}`,
+              children: l(x === "command" ? "collab.runtime.methodCommand" : "collab.runtime.methodExisting")
+            },
+            x
+          ))
+        }
+      ),
+      /* @__PURE__ */ a("label", { className: "flex flex-col gap-1.5 text-sm", children: [
+        /* @__PURE__ */ e("span", { className: "font-medium", children: l("collab.runtime.address") }),
+        /* @__PURE__ */ e(
+          ye,
+          {
+            value: H,
+            onChange: (x) => R(x.target.value),
+            disabled: $ !== void 0
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: Nt.has(dt(H)) ? l("collab.runtime.loopbackHint") : l("collab.runtime.addressHint") })
+      ] }),
+      C === "command" ? B && D ? /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 text-sm", children: [
+        /* @__PURE__ */ e("p", { className: "font-medium", children: l("collab.runtime.runThis") }),
+        /* @__PURE__ */ e(ct, { text: D.qwen }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: l("collab.runtime.noQwen") }),
+        /* @__PURE__ */ e(ct, { text: D.npx }),
+        /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: [
+          l("collab.runtime.expires", { minutes: ge }),
+          D.insecure && ` ${l("collab.runtime.httpHint")}`
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-3 rounded-md border border-dashed border-border p-3", children: [
+          /* @__PURE__ */ e(
+            Oe,
+            {
+              "aria-hidden": "true",
+              className: "size-4 shrink-0 animate-spin text-muted-foreground motion-reduce:animate-none"
+            }
+          ),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("p", { className: "font-medium", children: l("collab.runtime.waiting") }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: l("collab.runtime.waitingFor", {
+              seconds: Math.max(
+                0,
+                Math.floor((U - (O?.at ?? U)) / 1e3)
+              )
+            }) })
+          ] })
+        ] })
+      ] }) : null : /* @__PURE__ */ a(
+        "form",
+        {
+          id: "connect-existing-runtime",
+          className: "flex flex-col gap-3 text-sm",
+          onSubmit: (x) => void X(x),
+          children: [
+            /* @__PURE__ */ a("label", { className: "flex flex-col gap-1.5", children: [
+              l("collab.runtime.remoteUrl"),
+              /* @__PURE__ */ e(
+                ye,
+                {
+                  name: "remoteUrl",
+                  type: "url",
+                  required: !0,
+                  placeholder: "http://192.168.1.20:4170"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { className: "flex flex-col gap-1.5", children: [
+              l("collab.runtime.remoteToken"),
+              /* @__PURE__ */ e(
+                ye,
+                {
+                  name: "remoteToken",
+                  type: "password",
+                  autoComplete: "off",
+                  required: !0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { className: "flex flex-col gap-1.5", children: [
+              l("collab.runtime.remoteCwd"),
+              /* @__PURE__ */ e(
+                ye,
+                {
+                  name: "remoteCwd",
+                  required: !0,
+                  placeholder: "/home/me/project"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ e("input", { type: "checkbox", name: "allowHttp" }),
+              l("collab.runtime.allowHttp")
+            ] })
+          ]
+        }
+      )
+    ] }),
+    v && /* @__PURE__ */ e("p", { role: "alert", className: "text-sm text-destructive", children: v }),
+    /* @__PURE__ */ e(bt, { children: I ? /* @__PURE__ */ a(ve, { children: [
+      /* @__PURE__ */ e(S, { variant: "outline", onClick: () => M(!1), children: l("collab.runtime.done") }),
+      f && /* @__PURE__ */ e(
+        S,
+        {
+          onClick: () => {
+            M(!1), f(I.id);
+          },
+          children: l("collab.runtime.createAgentOn", { name: I.label })
+        }
+      )
+    ] }) : C === "command" ? B ? /* @__PURE__ */ e(S, { variant: "outline", onClick: () => i(!1), children: l("collab.runtime.closeKeepLink") }) : /* @__PURE__ */ e(S, { disabled: b, onClick: () => void ie(), children: l("collab.runtime.generate") }) : /* @__PURE__ */ e(
+      S,
+      {
+        type: "submit",
+        form: "connect-existing-runtime",
+        disabled: b || !d,
+        children: l("collab.runtime.connect")
+      }
+    ) })
+  ] }) });
+}
+function dt(t) {
+  try {
+    return _t(t).hostname;
+  } catch {
+    return "";
+  }
+}
+const ln = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]"]);
+function sn(t) {
+  try {
+    return ln.has(new URL(t).hostname);
+  } catch {
+    return !1;
+  }
+}
+function on(t) {
+  const i = JSON.stringify({
+    jsonrpc: "2.0",
+    id: 1,
+    method: "SendMessage",
+    params: {
+      message: {
+        role: "ROLE_USER",
+        messageId: "hello-1",
+        parts: [{ text: "Hello! What can you help with?" }]
+      }
+    }
+  });
+  return [
+    `curl -s ${t.endpoint}`,
+    "-H 'A2A-Version: 1.0'",
+    `-H 'Authorization: Bearer ${t.secret}'`,
+    `-H 'x-qwen-workspace-id: ${t.workspaceId}'`,
+    `-H 'x-qwen-caller-id: ${t.callerId}'`,
+    `-H 'x-qwen-agent-id: ${t.agentId}'`,
+    "-H 'content-type: application/json'",
+    `-d '${i}'`
+  ].join(" ");
+}
+function Me({ label: t, text: i }) {
+  const { t: g } = le(), [s, c] = w(!1);
+  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-1.5 text-sm", children: [
+    /* @__PURE__ */ e("span", { className: "font-medium", children: t }),
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-md border border-border bg-muted/40 py-1.5 pr-1.5 pl-3", children: [
+      /* @__PURE__ */ e("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: i }),
+      /* @__PURE__ */ a(
+        S,
+        {
+          size: "sm",
+          variant: "outline",
+          onClick: () => void ft(i).then(
+            () => c(!0),
+            (d) => xt(d)
+          ),
+          children: [
+            /* @__PURE__ */ e(ut, { "aria-hidden": "true" }),
+            g(s ? "collab.share.copied" : "collab.share.copy")
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function rn({
+  agentName: t,
+  open: i,
+  onOpenChange: g,
+  onCreate: s,
+  onList: c,
+  onRevoke: d
+}) {
+  const { t: f } = le(), [l, C] = w(), [E, H] = w([]), [R, $] = w(), [P, O] = w(!1), L = be(c);
+  L.current = c, he(() => {
+    i && (C(void 0), $(void 0), L.current().then(H, () => H([])));
+  }, [i]);
+  const v = async (u) => {
+    O(!0), $(void 0);
+    try {
+      await u(), H(await L.current());
+    } catch (b) {
+      $(b instanceof Error ? b.message : String(b));
+    } finally {
+      O(!1);
+    }
+  };
+  return /* @__PURE__ */ e(Fe, { open: i, onOpenChange: g, children: /* @__PURE__ */ a(Ke, { className: "grid-cols-[minmax(0,1fr)] sm:max-w-xl", children: [
+    /* @__PURE__ */ a(Ve, { children: [
+      /* @__PURE__ */ e(Ge, { children: f("collab.share.title", { name: t }) }),
+      /* @__PURE__ */ e(Je, { children: f("collab.share.description") })
+    ] }),
+    l && /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ e(
+        Me,
+        {
+          label: f("collab.share.endpoint"),
+          text: l.endpoint
+        }
+      ),
+      /* @__PURE__ */ e(Me, { label: f("collab.share.token"), text: l.secret }),
+      /* @__PURE__ */ e(Me, { label: f("collab.share.try"), text: on(l) }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: l.expiresAt ? f("collab.share.onceUntil", {
+        date: new Date(l.expiresAt).toLocaleDateString()
+      }) : f("collab.share.once") }),
+      sn(l.endpoint) && /* @__PURE__ */ e("p", { role: "alert", className: "text-xs text-destructive", children: f("collab.share.loopback") })
+    ] }),
+    E.length > 0 && /* @__PURE__ */ a("div", { className: "flex flex-col gap-1 text-sm", children: [
+      /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: f("collab.share.active", { count: E.length }) }),
+      E.map((u) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: "flex items-center gap-2 rounded-md px-2 py-1 hover:bg-muted",
+          children: [
+            /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate", children: [
+              u.callerId,
+              /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: u.expiresAt ? f("collab.share.until", {
+                date: new Date(u.expiresAt).toLocaleDateString()
+              }) : "" })
+            ] }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                size: "sm",
+                variant: "ghost",
+                disabled: P,
+                onClick: () => void v(() => d(u.callerId)),
+                children: f("collab.share.revoke")
+              }
+            )
+          ]
+        },
+        u.callerId
+      ))
+    ] }),
+    R && /* @__PURE__ */ e("p", { role: "alert", className: "text-sm text-destructive", children: R }),
+    /* @__PURE__ */ e(bt, { children: l ? /* @__PURE__ */ e(S, { onClick: () => g(!1), children: f("collab.share.done") }) : /* @__PURE__ */ e(
+      S,
+      {
+        disabled: P,
+        onClick: () => void v(async () => C(await s())),
+        children: f("collab.share.create")
+      }
+    ) })
+  ] }) });
+}
+const cn = "_formActions_38txb_4", dn = "_field_38txb_11", mn = "_roster_38txb_33", un = "_agentCard_38txb_39", hn = "_agentRow_38txb_44", gn = "_agentRowDisabled_38txb_51", pn = "_agentMain_38txb_55", bn = "_agentTitleLine_38txb_63", fn = "_agentName_38txb_70", xn = "_statusBadge_38txb_89", vn = "_agentActivityLink_38txb_104", Nn = "_agentActions_38txb_126", _n = "_emptyRoster_38txb_133", wn = "_agentConfig_38txb_141", kn = "_agentWorkspace_38txb_142", Cn = "_agentWorkspaceHeader_38txb_154", Tn = "_configLabel_38txb_169", yn = "_configNote_38txb_176", Sn = "_ceiling_38txb_184", An = "_ceilingTitle_38txb_193", Rn = "_ceilingText_38txb_200", In = "_ceilingTools_38txb_208", Hn = "_group_38txb_217", $n = "_groupHeading_38txb_225", Ln = "_groupHeadingToggle_38txb_241", Dn = "_groupCount_38txb_249", zn = "_list_38txb_256", qn = "_row_38txb_265", En = "_rowText_38txb_291", Mn = "_rowTitle_38txb_299", On = "_rowReason_38txb_310", Wn = "_rowChevron_38txb_326", Bn = "_runtimeCard_38txb_335", Pn = "_runtimeHeader_38txb_346", Un = "_runtimeTitle_38txb_350", jn = "_runtimeStatus_38txb_356", Fn = "_runtimeFacts_38txb_366", p = {
+  formActions: cn,
+  field: dn,
+  roster: mn,
+  agentCard: un,
+  agentRow: hn,
+  agentRowDisabled: gn,
+  agentMain: pn,
+  agentTitleLine: bn,
+  agentName: fn,
+  statusBadge: xn,
+  agentActivityLink: vn,
+  agentActions: Nn,
+  emptyRoster: _n,
+  agentConfig: wn,
+  agentWorkspace: kn,
+  agentWorkspaceHeader: Cn,
+  configLabel: Tn,
+  configNote: yn,
+  ceiling: Sn,
+  ceilingTitle: An,
+  ceilingText: Rn,
+  ceilingTools: In,
+  group: Hn,
+  groupHeading: $n,
+  groupHeadingToggle: Ln,
+  groupCount: Dn,
+  list: zn,
+  row: qn,
+  rowText: En,
+  rowTitle: Mn,
+  rowReason: On,
+  rowChevron: Wn,
+  runtimeCard: Bn,
+  runtimeHeader: Pn,
+  runtimeTitle: Un,
+  runtimeStatus: jn,
+  runtimeFacts: Fn
+}, Kn = /* @__PURE__ */ new Set([
+  "online",
+  "idle",
+  "working",
+  "blocked",
+  "offline",
+  "error",
+  "finishing",
+  "stopping"
+]);
+function wt({
+  thread: t,
+  onOpen: i
+}) {
+  const { t: g } = le();
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: p.row,
+      "data-attention": jt(t) || void 0,
+      onClick: () => i(t.id),
+      children: [
+        /* @__PURE__ */ a("span", { className: p.rowText, children: [
+          /* @__PURE__ */ e("span", { className: p.rowTitle, children: t.title }),
+          /* @__PURE__ */ e("span", { className: p.rowReason, children: Re(t.reason, g) })
+        ] }),
+        /* @__PURE__ */ e(gt, { "aria-hidden": "true", className: p.rowChevron })
+      ]
+    }
+  );
+}
+function Vn({
+  group: t,
+  onOpenThread: i,
+  hidden: g
+}) {
+  const { t: s } = le(), [c, d] = w(t.collapsedByDefault), f = t.collapsedByDefault;
+  return /* @__PURE__ */ a("section", { className: p.group, hidden: g, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: f ? `${p.groupHeading} ${p.groupHeadingToggle}` : p.groupHeading,
+        onClick: f ? () => d((l) => !l) : void 0,
+        "aria-expanded": f ? !c : void 0,
+        disabled: !f,
+        children: [
+          s(`collab.group.${t.key}`),
+          /* @__PURE__ */ e("span", { className: p.groupCount, children: t.threads.length })
+        ]
+      }
+    ),
+    !c && /* @__PURE__ */ e("div", { className: p.list, children: t.threads.map((l) => /* @__PURE__ */ e(wt, { thread: l, onOpen: i }, l.id)) })
+  ] });
+}
+function Gn({
+  agents: t,
+  threads: i,
+  runtimes: g,
+  view: s,
+  onViewChange: c,
+  onOpenThread: d,
+  onDeleteAgent: f,
+  onSetAgentEnabled: l,
+  onUpdateAgent: C,
+  onOpenAgentBuilder: E,
+  onOpenDefinitions: H,
+  onCreateJoinToken: R,
+  onRemoveRuntime: $,
+  onConnectRemoteHost: P,
+  hostServerUrl: O,
+  shares: L,
+  capabilities: v,
+  onCreateThread: u,
+  workspaceCwd: b,
+  workspaces: q,
+  onWorkspaceChange: U,
+  createError: G,
+  onPreviewThread: I,
+  createPreview: W,
+  pending: D
+}) {
+  const ie = ae(() => qt(i), [i]), X = g ?? [], [ge, B] = w(), [M, x] = w(), [j, F] = w(), { t: o } = le(), [ce, se] = w(!1), [de, Y] = w(), [oe, Z] = w(""), ee = (n) => Kn.has(n) ? o(`collab.agentStatus.${n}`) : n, me = (n) => !n || n.kind === "local" ? o("collab.agent.thisComputer") : n.label, m = (n) => `${Ut(
+    n.execution?.mode === "managed-host" ? n.execution.provider : void 0
+  )} · ${me(n.runtime)}`, r = (n) => (_) => {
+    if (_.preventDefault(), !C) return;
+    const T = new FormData(_.currentTarget), K = (Q) => {
+      const re = String(T.get(Q) ?? "").trim();
+      return re === "" ? null : re;
+    }, J = String(T.get("maxConcurrentRuns") ?? "").trim(), te = T.getAll("executionHostId").map((Q) => String(Q)), ue = t.find((Q) => Q.id === n), ke = ue?.execution?.mode === "managed-host" ? ue.execution.hostIds : [], xe = te.length !== ke.length || te.some((Q) => !ke.includes(Q));
+    C(n, {
+      description: K("description"),
+      model: K("model"),
+      agentType: K("agentType"),
+      instructions: K("instructions"),
+      maxConcurrentRuns: J === "" ? null : Number(J),
+      ...xe ? {
+        execution: te.length > 0 ? {
+          mode: "managed-host",
+          hostIds: te,
+          // Moving an agent keeps the program it is bound to.
+          ...ue?.execution?.mode === "managed-host" && ue.execution.provider ? { provider: ue.execution.provider } : {}
+        } : { mode: "local" }
+      } : {}
+    }), x(void 0);
+  }, y = async (n) => {
+    n.preventDefault();
+    const _ = new FormData(n.currentTarget), T = String(_.get("assignee") ?? ""), K = String(
+      _.get("acceptanceCriteria") ?? ""
+    ).trim(), J = String(_.get("priority") ?? "");
+    await u({
+      title: String(_.get("title") ?? "").trim(),
+      body: String(_.get("body") ?? "").trim(),
+      // Left out when blank or ordinary, so the thread records a decision
+      // only where one was made.
+      ...K ? { acceptanceCriteria: K } : {},
+      ...J && J !== "normal" ? { priority: J } : {},
+      ...T ? { assignee: T } : {}
+    }) !== !1 && (I?.(void 0), B(void 0));
+  }, A = (n) => {
+    c(n), B(void 0), x(void 0), F(void 0), I?.(void 0);
+  };
+  return /* @__PURE__ */ a("div", { className: "flex w-full flex-col gap-6", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e("h1", { className: "text-xl font-semibold text-balance", children: o("agents.title") }),
+        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-muted-foreground", children: o(`collab.tabs.${s}Hint`) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "flex shrink-0 gap-2", children: [
+        s === "agents" && H ? /* @__PURE__ */ e(S, { variant: "outline", onClick: H, children: o("collab.agent.roles") }) : null,
+        s === "agents" && E ? /* @__PURE__ */ a(S, { onClick: () => E(), children: [
+          /* @__PURE__ */ e(Te, { "data-icon": "inline-start" }),
+          o("collab.agent.new")
+        ] }) : null,
+        s === "runtime" && R ? /* @__PURE__ */ a(
+          S,
+          {
+            variant: "outline",
+            disabled: D,
+            onClick: () => se(!0),
+            children: [
+              /* @__PURE__ */ e(Te, { "data-icon": "inline-start" }),
+              o("collab.runtime.addTitle")
+            ]
+          }
+        ) : null,
+        s === "tasks" ? /* @__PURE__ */ a(
+          S,
+          {
+            onClick: () => {
+              B("thread"), Z(""), I?.(void 0);
+            },
+            children: [
+              /* @__PURE__ */ e(Te, { "data-icon": "inline-start" }),
+              o("collab.thread.new")
+            ]
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Et,
+      {
+        type: "single",
+        value: s,
+        onValueChange: (n) => {
+          n && A(n);
+        },
+        variant: "outline",
+        size: "sm",
+        "aria-label": o("agents.title"),
+        children: ["agents", "tasks", "runtime"].map((n) => /* @__PURE__ */ e(Mt, { value: n, children: o(`collab.tabs.${n}`) }, n))
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "contents", children: [
+      /* @__PURE__ */ e(
+        Fe,
+        {
+          open: s === "tasks" && ge === "thread",
+          onOpenChange: (n) => {
+            !n && !D && B(void 0);
+          },
+          children: /* @__PURE__ */ a(Ke, { className: "sm:max-w-2xl", children: [
+            /* @__PURE__ */ a(Ve, { children: [
+              /* @__PURE__ */ e(Ge, { children: o("collab.thread.new") }),
+              /* @__PURE__ */ e(Je, { children: o("collab.thread.newHint") })
+            ] }),
+            /* @__PURE__ */ a(
+              "form",
+              {
+                className: "flex flex-col gap-4",
+                onSubmit: (n) => void y(n),
+                children: [
+                  G && /* @__PURE__ */ e("p", { role: "alert", className: "text-sm text-destructive", children: G }),
+                  /* @__PURE__ */ a("label", { className: "text-xs text-muted-foreground", children: [
+                    o("collab.form.project"),
+                    /* @__PURE__ */ a(
+                      "select",
+                      {
+                        className: p.field,
+                        value: b ?? "",
+                        disabled: D,
+                        onChange: (n) => {
+                          Z(""), U?.(n.target.value);
+                        },
+                        children: [
+                          b && !q?.some(
+                            (n) => n.cwd === b
+                          ) && /* @__PURE__ */ e("option", { value: b, children: b.split(/[\\/]/).filter(Boolean).at(-1) }),
+                          q?.map((n) => /* @__PURE__ */ e("option", { value: n.cwd, children: n.cwd.split(/[\\/]/).filter(Boolean).at(-1) }, n.cwd))
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ e("span", { className: "block break-all", children: b }),
+                    o("collab.form.projectHint")
+                  ] }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      className: "w-full border-0 bg-transparent text-xl font-medium outline-none",
+                      name: "title",
+                      "aria-label": o("collab.form.titleLabel"),
+                      placeholder: o("collab.form.title"),
+                      required: !0
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "textarea",
+                    {
+                      className: p.field,
+                      name: "body",
+                      "aria-label": o("collab.form.bodyLabel"),
+                      rows: 6,
+                      placeholder: o("collab.form.body"),
+                      required: !0
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "textarea",
+                    {
+                      className: p.field,
+                      name: "acceptanceCriteria",
+                      "aria-label": o("collab.form.criteriaLabel"),
+                      placeholder: o("collab.form.criteria")
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "select",
+                    {
+                      className: p.field,
+                      name: "priority",
+                      "aria-label": o("collab.form.priority"),
+                      defaultValue: "normal",
+                      children: ["urgent", "high", "normal", "low"].map((n) => /* @__PURE__ */ e("option", { value: n, children: o(`collab.priority.${n}`) }, n))
+                    }
+                  ),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: o("collab.form.priorityHint") }),
+                  /* @__PURE__ */ a(
+                    "select",
+                    {
+                      className: p.field,
+                      name: "assignee",
+                      "aria-label": o("collab.form.assignee"),
+                      defaultValue: oe,
+                      onChange: (n) => {
+                        Z(n.target.value), I?.(n.target.value || void 0);
+                      },
+                      children: [
+                        /* @__PURE__ */ e("option", { value: "", children: o("collab.form.noAssignee") }),
+                        t.filter((n) => n.enabled && !n.retiredAt).map((n) => /* @__PURE__ */ a("option", { value: n.name, children: [
+                          n.name,
+                          " · ",
+                          m(n)
+                        ] }, n.id))
+                      ]
+                    },
+                    b
+                  ),
+                  !oe && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: o("collab.form.noAssigneeHint") }),
+                  W ? /* @__PURE__ */ a(
+                    "div",
+                    {
+                      role: "status",
+                      className: "space-y-1 text-xs text-muted-foreground",
+                      children: [
+                        /* @__PURE__ */ e("strong", { children: oe ? Ot(W, o) : o("collab.form.saveOnly") }),
+                        W.filter((n) => !n.willWake).map((n) => {
+                          const _ = We(
+                            n.reason ?? "",
+                            n.agentName,
+                            o
+                          );
+                          return /* @__PURE__ */ e(
+                            "p",
+                            {
+                              children: _
+                            },
+                            `${n.agentName}:${n.reason ?? "unknown"}`
+                          );
+                        })
+                      ]
+                    }
+                  ) : null,
+                  /* @__PURE__ */ a("div", { className: p.formActions, children: [
+                    /* @__PURE__ */ e(
+                      S,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "sm",
+                        onClick: () => {
+                          B(void 0), I?.(void 0);
+                        },
+                        children: o("collab.form.cancel")
+                      }
+                    ),
+                    /* @__PURE__ */ e(S, { type: "submit", size: "sm", disabled: D, children: o(D ? "collab.form.creating" : "collab.form.create") })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ a("section", { className: p.roster, hidden: s !== "agents", children: [
+        t.length === 0 ? /* @__PURE__ */ e(Le, { className: "border", children: /* @__PURE__ */ a(De, { children: [
+          /* @__PURE__ */ e(ze, { variant: "icon", children: /* @__PURE__ */ e(Te, {}) }),
+          /* @__PURE__ */ e(qe, { children: o("collab.agent.empty") })
+        ] }) }) : t.map((n) => /* @__PURE__ */ a(
+          Wt,
+          {
+            size: "sm",
+            className: n.enabled && !n.retiredAt ? p.agentCard : `${p.agentCard} ${p.agentRowDisabled}`,
+            children: [
+              /* @__PURE__ */ a("div", { className: p.agentRow, children: [
+                /* @__PURE__ */ e(
+                  _e,
+                  {
+                    name: n.name,
+                    color: n.color,
+                    size: "md"
+                  }
+                ),
+                /* @__PURE__ */ a("div", { className: p.agentMain, children: [
+                  /* @__PURE__ */ a("div", { className: p.agentTitleLine, children: [
+                    /* @__PURE__ */ e(Bt, { className: "min-w-0 truncate", children: /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: p.agentName,
+                        "aria-expanded": j === n.id,
+                        onClick: () => F(
+                          j === n.id ? void 0 : n.id
+                        ),
+                        children: n.name
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(
+                      at,
+                      {
+                        variant: "secondary",
+                        className: p.statusBadge,
+                        "data-status": n.retiredAt || !n.enabled ? "off" : n.workingOn ? "working" : n.status,
+                        children: n.retiredAt ? o("collab.agentStatus.retired") : n.enabled ? n.workingOn ? ee(n.workingOn.state) : ee(n.status) : o("collab.agentStatus.paused")
+                      }
+                    ),
+                    n.waiting ? /* @__PURE__ */ e(at, { variant: "outline", className: "text-[10px]", children: o("collab.agent.waiting", { count: n.waiting }) }) : null
+                  ] }),
+                  /* @__PURE__ */ e(Pt, { className: "truncate text-xs", children: n.description || "—" }),
+                  /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: m(n) }),
+                  n.workingOn ? /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: p.agentActivityLink,
+                      onClick: () => d(n.workingOn.id),
+                      children: o("collab.agent.workingOn", {
+                        title: n.workingOn.title
+                      })
+                    }
+                  ) : null
+                ] }),
+                n.retiredAt ? null : /* @__PURE__ */ a("div", { className: p.agentActions, children: [
+                  /* @__PURE__ */ e(
+                    S,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      disabled: !n.enabled || D,
+                      onClick: () => {
+                        A("tasks"), Z(n.name), B("thread"), I?.(n.name);
+                      },
+                      children: o("collab.agent.mentionIt")
+                    }
+                  ),
+                  /* @__PURE__ */ a(Be, { children: [
+                    /* @__PURE__ */ e(Pe, { asChild: !0, children: /* @__PURE__ */ e(
+                      S,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        "aria-label": o("collab.agent.more", {
+                          name: n.name
+                        }),
+                        children: /* @__PURE__ */ e(ht, { "aria-hidden": "true" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ a(Ue, { align: "end", className: "min-w-40", children: [
+                      C ? /* @__PURE__ */ e(
+                        fe,
+                        {
+                          onSelect: () => x({
+                            id: n.id,
+                            hostIds: n.execution?.mode === "managed-host" ? [...n.execution.hostIds] : []
+                          }),
+                          children: o("collab.agent.configure")
+                        }
+                      ) : null,
+                      L ? /* @__PURE__ */ e(
+                        fe,
+                        {
+                          onSelect: () => Y({ id: n.id, name: n.name }),
+                          children: o("collab.agent.share")
+                        }
+                      ) : null,
+                      /* @__PURE__ */ e(
+                        fe,
+                        {
+                          disabled: D,
+                          onSelect: () => l(n.id, !n.enabled),
+                          children: n.enabled ? o("collab.agent.pause") : o("collab.agent.resume")
+                        }
+                      ),
+                      /* @__PURE__ */ e(vt, {}),
+                      /* @__PURE__ */ e(
+                        fe,
+                        {
+                          variant: "destructive",
+                          disabled: !!(n.workingOn || n.waiting),
+                          onSelect: () => {
+                            window.confirm(
+                              o("collab.agent.retireConfirm", {
+                                name: n.name
+                              })
+                            ) && f(n.id);
+                          },
+                          children: o("collab.agent.retire")
+                        }
+                      )
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              M?.id === n.id && C ? /* @__PURE__ */ a(
+                "form",
+                {
+                  className: p.agentConfig,
+                  onSubmit: r(n.id),
+                  children: [
+                    /* @__PURE__ */ a("label", { className: p.configLabel, children: [
+                      o("collab.config.description"),
+                      /* @__PURE__ */ e(
+                        "input",
+                        {
+                          className: p.field,
+                          name: "description",
+                          defaultValue: n.description ?? "",
+                          placeholder: o("collab.config.descriptionHint")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("label", { className: p.configLabel, children: [
+                      o("collab.config.instructions"),
+                      /* @__PURE__ */ e(
+                        "textarea",
+                        {
+                          className: p.field,
+                          name: "instructions",
+                          rows: 4,
+                          defaultValue: n.instructions ?? "",
+                          placeholder: o("collab.config.instructionsHint")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("label", { className: p.configLabel, children: [
+                      o("collab.config.agentType"),
+                      /* @__PURE__ */ e(
+                        "input",
+                        {
+                          className: p.field,
+                          name: "agentType",
+                          disabled: M.hostIds.length > 0,
+                          defaultValue: n.agentType ?? "",
+                          placeholder: o("collab.config.workspaceDefault")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("label", { className: p.configLabel, children: [
+                      o("collab.config.model"),
+                      /* @__PURE__ */ e(
+                        "input",
+                        {
+                          className: p.field,
+                          name: "model",
+                          disabled: M.hostIds.length > 0,
+                          defaultValue: n.model ?? "",
+                          placeholder: o("collab.config.workspaceDefault")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("label", { className: p.configLabel, children: [
+                      o("collab.config.maxRuns"),
+                      /* @__PURE__ */ e(
+                        "input",
+                        {
+                          className: p.field,
+                          name: "maxConcurrentRuns",
+                          type: "number",
+                          min: 1,
+                          max: 8,
+                          defaultValue: n.maxConcurrentRuns ?? 1
+                        }
+                      )
+                    ] }),
+                    X.some(
+                      (_) => _.kind === "external"
+                    ) ? /* @__PURE__ */ a("fieldset", { className: p.configLabel, children: [
+                      /* @__PURE__ */ e("legend", { children: o("collab.config.runtimes") }),
+                      X.filter((_) => _.kind === "external").map((_) => /* @__PURE__ */ a("label", { children: [
+                        /* @__PURE__ */ e(
+                          "input",
+                          {
+                            name: "executionHostId",
+                            type: "checkbox",
+                            value: _.id,
+                            checked: M.hostIds.includes(_.id),
+                            disabled: !M.hostIds.includes(_.id) && !_.programs?.includes(
+                              n.execution?.mode === "managed-host" ? n.execution.provider ?? "qwen" : "qwen"
+                            ),
+                            onChange: (T) => {
+                              const K = T.target.checked ? [...M.hostIds, _.id] : M.hostIds.filter(
+                                (J) => J !== _.id
+                              );
+                              x({ id: n.id, hostIds: K });
+                            }
+                          }
+                        ),
+                        " ",
+                        me(_),
+                        " · ",
+                        _.provider,
+                        " ·",
+                        " ",
+                        ee(_.status)
+                      ] }, _.id)),
+                      /* @__PURE__ */ e("span", { className: p.configNote, children: o(
+                        M.hostIds.length > 0 ? "collab.agent.hostPersona" : "collab.config.runtimesHint"
+                      ) })
+                    ] }) : null,
+                    /* @__PURE__ */ e("p", { className: p.configNote, children: o("collab.config.note") }),
+                    /* @__PURE__ */ a("div", { className: p.formActions, children: [
+                      /* @__PURE__ */ e(
+                        S,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "sm",
+                          onClick: () => x(void 0),
+                          children: o("collab.form.cancel")
+                        }
+                      ),
+                      /* @__PURE__ */ e(S, { type: "submit", size: "sm", disabled: D, children: o("collab.config.save") })
+                    ] })
+                  ]
+                }
+              ) : null,
+              j === n.id ? /* @__PURE__ */ a("section", { className: p.agentWorkspace, children: [
+                /* @__PURE__ */ a("div", { className: p.agentWorkspaceHeader, children: [
+                  /* @__PURE__ */ e("strong", { children: o("collab.agent.assigned") }),
+                  /* @__PURE__ */ a("span", { children: [
+                    me(n.runtime),
+                    " · ",
+                    ee(n.status)
+                  ] })
+                ] }),
+                i.some(
+                  (_) => _.assigneeName === n.name
+                ) ? i.filter((_) => _.assigneeName === n.name).sort((_, T) => T.updatedAt - _.updatedAt).map((_) => /* @__PURE__ */ e(
+                  wt,
+                  {
+                    thread: _,
+                    onOpen: d
+                  },
+                  _.id
+                )) : /* @__PURE__ */ e("p", { className: p.emptyRoster, children: o("collab.agent.noneAssigned") })
+              ] }) : null
+            ]
+          },
+          n.id
+        )),
+        v ? /* @__PURE__ */ a("div", { className: p.ceiling, children: [
+          /* @__PURE__ */ e("h3", { className: p.ceilingTitle, children: o("collab.ceiling.title") }),
+          /* @__PURE__ */ e("p", { className: p.ceilingText, children: v.readOnly ? o("collab.ceiling.readOnly") : o("collab.ceiling.open") }),
+          /* @__PURE__ */ a("details", { children: [
+            /* @__PURE__ */ e("summary", { className: "cursor-pointer text-xs text-muted-foreground", children: o("collab.ceiling.tools") }),
+            /* @__PURE__ */ e("p", { className: p.ceilingTools, children: v.allowed.join(", ") })
+          ] })
+        ] }) : null
+      ] }),
+      ie.length === 0 ? /* @__PURE__ */ e(Le, { className: "border", hidden: s !== "tasks", children: /* @__PURE__ */ a(De, { children: [
+        /* @__PURE__ */ e(ze, { variant: "icon", children: /* @__PURE__ */ e(Ht, {}) }),
+        /* @__PURE__ */ e(qe, { children: o("collab.empty.lead") }),
+        /* @__PURE__ */ e(lt, { children: o("collab.empty.hint") })
+      ] }) }) : ie.map((n) => /* @__PURE__ */ e(
+        Vn,
+        {
+          group: n,
+          onOpenThread: d,
+          hidden: s !== "tasks"
+        },
+        n.key
+      )),
+      s === "runtime" && X.length > 0 ? X.map((n) => /* @__PURE__ */ a("section", { className: p.runtimeCard, children: [
+        /* @__PURE__ */ a("div", { className: p.runtimeHeader, children: [
+          /* @__PURE__ */ e("h2", { className: p.runtimeTitle, children: me(n) }),
+          /* @__PURE__ */ e("p", { className: p.configNote, children: n.kind === "local" ? o("collab.runtime.localNote") : o("collab.runtime.remoteNote") })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            "strong",
+            {
+              className: p.runtimeStatus,
+              "data-runtime-status": n.status,
+              children: ee(n.status)
+            }
+          ),
+          n.kind === "external" && $ ? /* @__PURE__ */ e(
+            S,
+            {
+              size: "sm",
+              variant: "ghost",
+              disabled: D,
+              onClick: () => {
+                window.confirm(
+                  o("collab.runtime.removeConfirm", {
+                    name: n.label
+                  })
+                ) && $(n.id);
+              },
+              children: o("collab.runtime.remove")
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ a("dl", { className: p.runtimeFacts, children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("dt", { children: o("collab.runtime.programs") }),
+            /* @__PURE__ */ e("dd", { children: n.provider })
+          ] }),
+          n.workspaceCwd ? /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("dt", { children: o("collab.runtime.folder") }),
+            /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e("code", { children: n.workspaceCwd }) })
+          ] }) : null,
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("dt", { children: o("collab.runtime.agents") }),
+            /* @__PURE__ */ e("dd", { children: n.agentCount ?? 0 })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("dt", { children: o("collab.runtime.running") }),
+            /* @__PURE__ */ e("dd", { children: n.runningTaskCount ?? 0 })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("dt", { children: o("collab.runtime.queued") }),
+            /* @__PURE__ */ e("dd", { children: n.queuedTaskCount ?? 0 })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("details", { className: "mt-4 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ e("summary", { className: "cursor-pointer", children: o("collab.runtime.technical") }),
+          /* @__PURE__ */ e("p", { children: o("collab.runtime.id", { id: n.id }) }),
+          n.hostSessionId && /* @__PURE__ */ e("p", { children: o("collab.runtime.hostSession", {
+            id: n.hostSessionId
+          }) }),
+          /* @__PURE__ */ e("p", { children: o("collab.runtime.sessions", {
+            count: n.sessionCount ?? 0
+          }) }),
+          n.lastSeenAt && /* @__PURE__ */ e("p", { children: o("collab.runtime.lastSeen", {
+            time: new Date(
+              n.lastSeenAt
+            ).toLocaleTimeString()
+          }) })
+        ] })
+      ] }, n.id)) : s === "runtime" ? /* @__PURE__ */ e(Le, { className: "border", children: /* @__PURE__ */ a(De, { children: [
+        /* @__PURE__ */ e(ze, { variant: "icon", children: /* @__PURE__ */ e($t, {}) }),
+        /* @__PURE__ */ e(qe, { children: o("collab.runtime.empty") }),
+        /* @__PURE__ */ e(lt, { children: o("collab.runtime.emptyHint") })
+      ] }) }) : null
+    ] }),
+    R && /* @__PURE__ */ e(
+      an,
+      {
+        open: ce,
+        onOpenChange: se,
+        serverUrl: O ?? "",
+        runtimes: X,
+        onCreateJoinToken: R,
+        ...P ? { onConnectExisting: P } : {},
+        ...E ? {
+          onCreateAgentOn: (n) => {
+            se(!1), E(n);
+          }
+        } : {}
+      }
+    ),
+    L && de && /* @__PURE__ */ e(
+      rn,
+      {
+        agentName: de.name,
+        open: !0,
+        onOpenChange: (n) => {
+          n || Y(void 0);
+        },
+        onCreate: () => L.create(de.id),
+        onList: () => L.list(de.id),
+        onRevoke: (n) => L.revoke(de.id, n)
+      }
+    )
+  ] });
+}
+const Jn = "_runRow_1vx3b_3", Qn = "_runAgent_1vx3b_12", Xn = "_runState_1vx3b_23", Yn = "_runStateOutstanding_1vx3b_33", Zn = "_runStateLive_1vx3b_37", ea = "_runProgress_1vx3b_41", ta = "_runTrigger_1vx3b_58", na = "_runLink_1vx3b_67", aa = "_runCancel_1vx3b_68", la = "_runError_1vx3b_91", V = {
+  runRow: Jn,
+  runAgent: Qn,
+  runState: Xn,
+  runStateOutstanding: Yn,
+  runStateLive: Zn,
+  runProgress: ea,
+  runTrigger: ta,
+  runLink: na,
+  runCancel: aa,
+  runError: la
+}, sa = /* @__PURE__ */ new Set([
+  "starting",
+  "resuming",
+  "waiting",
+  "thinking",
+  "tool",
+  "responding"
+]);
+function mt({
+  row: t,
+  agent: i,
+  hideAgent: g = !1,
+  onOpenAgentSession: s,
+  onCancelRun: c
+}) {
+  const { t: d } = le(), f = t.run.sessionId, l = t.run.progress, [C, E] = w(Date.now);
+  he(() => {
+    if (!t.live) return;
+    const P = setInterval(() => E(Date.now()), 1e3);
+    return () => clearInterval(P);
+  }, [t.live]);
+  const H = l && C - l.activityAt > 15e3, R = t.run.status === "queued" ? i?.status === "offline" || i?.runtime?.status === "offline" ? d("collab.runRow.hostOffline", { host: i.runtime?.label ?? "" }) : d("collab.runRow.queued") : t.run.status === "running" ? l ? l.stage === "awaiting_approval" ? d("collab.runRow.stage.awaiting_approval") : H ? d("collab.runRow.quiet") : sa.has(l.stage) ? d(`collab.runRow.stage.${l.stage}`) : d("collab.runRow.working") : d("collab.runRow.unconfirmed") : t.state, $ = t.outstanding ? `${V.runState} ${V.runStateOutstanding}` : t.live ? `${V.runState} ${V.runStateLive}` : V.runState;
+  return /* @__PURE__ */ a("div", { className: V.runRow, "data-compact": g || void 0, children: [
+    g ? null : /* @__PURE__ */ e("span", { className: V.runAgent, children: t.run.agentName }),
+    /* @__PURE__ */ a("span", { className: $, children: [
+      R,
+      t.live && t.run.status !== "cancelling" && c ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: V.runCancel,
+          onClick: () => c(t.run.id),
+          children: d("collab.runRow.cancel")
+        }
+      ) : null
+    ] }),
+    t.live && /* @__PURE__ */ a("div", { className: V.runProgress, role: "status", children: [
+      t.run.startedAt && /* @__PURE__ */ e("div", { children: d("collab.runRow.elapsed", {
+        elapsed: we(C - t.run.startedAt, d)
+      }) }),
+      l ? /* @__PURE__ */ e("div", { children: d("collab.runRow.lastActivity", {
+        elapsed: we(C - l.activityAt, d)
+      }) }) : /* @__PURE__ */ e("div", { children: t.run.status === "queued" ? d("collab.runRow.queuedHint") : d("collab.runRow.unconfirmedHint") })
+    ] }),
+    l?.detail && /* @__PURE__ */ a("details", { className: V.runProgress, open: t.live, children: [
+      /* @__PURE__ */ e("summary", { children: d("collab.runRow.activity") }),
+      /* @__PURE__ */ e("div", { children: l.detail })
+    ] }),
+    l?.thoughtText && /* @__PURE__ */ a("details", { className: V.runProgress, open: t.live, children: [
+      /* @__PURE__ */ e("summary", { children: d("collab.runRow.thinking") }),
+      /* @__PURE__ */ e("div", { className: "max-h-64 overflow-y-auto whitespace-pre-wrap break-words", children: l.thoughtText }),
+      l.thoughtText.length >= 65536 && /* @__PURE__ */ e("p", { children: d("collab.runRow.thinkingCap") })
+    ] }),
+    l?.outputText && /* @__PURE__ */ a("details", { className: V.runProgress, children: [
+      /* @__PURE__ */ e("summary", { children: d("collab.runRow.output") }),
+      /* @__PURE__ */ e(
+        Ft,
+        {
+          content: l.outputText,
+          isStreaming: t.run.status === "running"
+        }
+      ),
+      l.outputText.length >= 262144 && /* @__PURE__ */ e("p", { children: d("collab.runRow.outputCap") })
+    ] }),
+    /* @__PURE__ */ a("span", { className: V.runTrigger, children: [
+      Kt(t.run.trigger, d),
+      f && s ? /* @__PURE__ */ a(ve, { children: [
+        " · ",
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: V.runLink,
+            onClick: () => s(f),
+            children: d("collab.runRow.openSession", { agent: t.run.agentName })
+          }
+        )
+      ] }) : null
+    ] }),
+    t.run.error ? /* @__PURE__ */ e("span", { className: V.runError, children: t.run.error === "agent_run_stalled" ? d("collab.runRow.stalled") : t.run.error === "agent_program_unavailable" ? d("collab.runRow.programUnavailable") : t.run.error }) : null
+  ] });
+}
+const oa = "_context_dl3fu_6", ra = "_chevronShown_dl3fu_11", ia = "_contextBody_dl3fu_15", ca = "_dock_dl3fu_27", da = "_row_dl3fu_36", ma = "_rowText_dl3fu_44", ua = "_attention_dl3fu_48", ha = "_steps_dl3fu_52", ga = "_step_dl3fu_52", pa = "_stepText_dl3fu_70", ba = "_approval_dl3fu_77", fa = "_approvalCaption_dl3fu_83", xa = "_note_dl3fu_91", va = "_composerHint_dl3fu_107", Na = "_team_dl3fu_119", _a = "_teamHeader_dl3fu_128", wa = "_teamTitle_dl3fu_135", ka = "_teamReason_dl3fu_144", Ca = "_muted_dl3fu_145", Ta = "_teamLink_dl3fu_150", ya = "_sectionTitle_dl3fu_167", Sa = "_criteria_dl3fu_174", Aa = "_criteriaText_dl3fu_178", Ra = "_memberList_dl3fu_185", Ia = "_member_dl3fu_185", Ha = "_memberHead_dl3fu_198", $a = "_memberToggle_dl3fu_204", La = "_childRow_dl3fu_205", Da = "_memberText_dl3fu_236", za = "_memberName_dl3fu_243", qa = "_memberStatus_dl3fu_256", Ea = "_memberStatusAttention_dl3fu_267", Ma = "_memberStatusRunning_dl3fu_271", Oa = "_leadBadge_dl3fu_275", Wa = "_memberChevron_dl3fu_285", Ba = "_memberDetail_dl3fu_304", Pa = "_history_dl3fu_311", Ua = "_budget_dl3fu_315", N = {
+  context: oa,
+  chevronShown: ra,
+  contextBody: ia,
+  dock: ca,
+  row: da,
+  rowText: ma,
+  attention: ua,
+  steps: ha,
+  step: ga,
+  stepText: pa,
+  approval: ba,
+  approvalCaption: fa,
+  note: xa,
+  composerHint: va,
+  team: Na,
+  teamHeader: _a,
+  teamTitle: wa,
+  teamReason: ka,
+  muted: Ca,
+  teamLink: Ta,
+  sectionTitle: ya,
+  criteria: Sa,
+  criteriaText: Aa,
+  memberList: Ra,
+  member: Ia,
+  memberHead: Ha,
+  memberToggle: $a,
+  childRow: La,
+  memberText: Da,
+  memberName: za,
+  memberStatus: qa,
+  memberStatusAttention: Ea,
+  memberStatusRunning: Ma,
+  leadBadge: Oa,
+  memberChevron: Wa,
+  memberDetail: Ba,
+  history: Pa,
+  budget: Ua
+}, Qe = 5 * 6e4;
+function kt(t) {
+  const [i, g] = w(() => Date.now());
+  return he(() => {
+    if (!t) return;
+    const s = setInterval(() => g(Date.now()), 1e3);
+    return () => clearInterval(s);
+  }, [t]), i;
+}
+function ja(t, i, g, s) {
+  const c = t.agentName;
+  if (t.status === "queued")
+    return {
+      text: i ? s("collab.run.hostOffline", { agent: c }) : t.queueAhead ? s("collab.run.queuedBehind", { agent: c, count: t.queueAhead }) : s("collab.run.queued", { agent: c }),
+      stalled: !1
+    };
+  if (t.status === "cancelling")
+    return { text: s("collab.run.stopping", { agent: c }), stalled: !1 };
+  const d = t.progress;
+  if (!d)
+    return { text: s("collab.run.starting", { agent: c }), stalled: !1 };
+  const f = g - d.activityAt;
+  if (f >= Qe)
+    return {
+      text: s("collab.run.stalled", { agent: c, elapsed: we(f, s) }),
+      stalled: !0
+    };
+  const l = we(g - (t.startedAt ?? g), s);
+  switch (d.stage) {
+    case "starting":
+      return { text: s("collab.run.starting", { agent: c }), stalled: !1 };
+    case "resuming":
+      return { text: s("collab.run.resuming", { agent: c }), stalled: !1 };
+    case "thinking":
+      return {
+        text: s("collab.run.thinking", { agent: c, elapsed: l }),
+        stalled: !1
+      };
+    case "responding":
+      return {
+        text: s("collab.run.responding", { agent: c, elapsed: l }),
+        stalled: !1
+      };
+    case "tool":
+      return {
+        text: d.detail ? s("collab.run.toolNamed", { agent: c, tool: d.detail, elapsed: l }) : s("collab.run.tool", { agent: c, elapsed: l }),
+        stalled: !1
+      };
+    case "stream_lost":
+      return { text: s("collab.run.streamLost", { agent: c }), stalled: !1 };
+    default:
+      return {
+        text: s("collab.run.working", { agent: c, elapsed: l }),
+        stalled: !1
+      };
+  }
+}
+const Fa = /* @__PURE__ */ new Set(["queued", "running", "finishing", "cancelling"]), Se = (t) => t !== void 0 && Fa.has(t.status), Ie = (t) => t.endedAt ?? t.startedAt ?? 0;
+function Ka(t, i, g) {
+  const s = t.filter((d) => d.willWake).map((d) => d.agentName);
+  return s.length === 0 ? g("collab.preview.nobody") : i.filter((d) => !s.includes(d.name)).length > 0 ? g("collab.preview.only", { names: s.join(", ") }) : g("collab.preview.to", { names: s.join(", ") });
+}
+function Ct(t, i) {
+  const g = /* @__PURE__ */ new Map(), s = (c, d = {}) => {
+    const f = g.get(c) ?? { name: c, lead: !1 };
+    g.set(c, { ...f, ...d });
+  };
+  t.assigneeName && s(t.assigneeName, { lead: !0 });
+  for (const c of t.posts)
+    c.authorKind === "agent" && s(c.authorName);
+  for (const c of t.runs) {
+    const d = g.get(c.agentName)?.run, f = !d || Se(c) && !Se(d) || Se(c) === Se(d) && Ie(c) >= Ie(d);
+    s(c.agentName, {
+      ...c.agentColor ? { color: c.agentColor } : {},
+      ...f ? { run: c } : {}
+    });
+  }
+  for (const c of g.values()) {
+    const d = i.find((f) => f.name === c.name);
+    c.color ??= d?.color;
+  }
+  return [...g.values()].sort((c, d) => Number(d.lead) - Number(c.lead));
+}
+function Va(t, i, g, s) {
+  const c = t.run, d = "", f = N.memberStatusAttention, l = N.memberStatusRunning;
+  if (!c) return { text: s("collab.member.idle"), tone: d };
+  switch (c.status) {
+    case "queued":
+      return i.find((C) => C.id === c.agentId)?.runtime?.status === "offline" ? { text: s("collab.member.offline"), tone: f } : { text: s("collab.member.queued"), tone: d };
+    case "running":
+    case "finishing":
+    case "cancelling": {
+      const C = c.progress;
+      return C?.permission ? { text: s("collab.member.approval"), tone: f } : C && g - C.activityAt >= Qe ? { text: s("collab.member.stalled"), tone: f } : C?.stage === "tool" && C.detail ? {
+        text: s("collab.member.tool", { tool: C.detail }),
+        tone: l
+      } : C?.stage === "thinking" ? { text: s("collab.member.thinking"), tone: l } : C?.stage === "responding" ? { text: s("collab.member.responding"), tone: l } : { text: s("collab.member.starting"), tone: l };
+    }
+    case "cancelled":
+      return { text: s("collab.member.cancelled"), tone: f };
+    case "failed":
+      return {
+        text: c.error === "agent_run_stalled" ? s("collab.member.timedOut") : s("collab.member.failed"),
+        tone: f
+      };
+    default:
+      return { text: s("collab.member.done"), tone: d };
+  }
+}
+const Tt = Rt(null);
+function Ga() {
+  const t = At(Tt);
+  return t ? /* @__PURE__ */ e("span", { className: N.composerHint, children: t }) : null;
+}
+function Ja(t, i, g) {
+  const { description: s } = Yt(t.title);
+  return {
+    id: t.requestId,
+    title: t.title || g("collab.approval.title", { agent: i }),
+    content: [],
+    ...s ? { rawInput: { description: s } } : {},
+    options: t.options.map(
+      (c) => ({
+        id: c.optionId,
+        label: c.name,
+        ...c.kind ? { kind: c.kind } : {}
+      })
+    )
+  };
+}
+function Qa({
+  thread: t,
+  agents: i,
+  pending: g,
+  onOpenAgentSession: s,
+  onCancelRun: c,
+  onOpenThread: d,
+  onAssign: f
+}) {
+  const { t: l } = le(), { live: C, past: E } = je(t.runs, l), H = kt(C.length > 0), R = Ct(t, i), [$, P] = w({}), O = Xt(t.budget, l), L = t.status === "done" || t.status === "cancelled";
+  return /* @__PURE__ */ a("section", { className: N.team, "aria-label": l("collab.team.title"), children: [
+    /* @__PURE__ */ a("header", { className: N.teamHeader, children: [
+      /* @__PURE__ */ e("h2", { className: N.teamTitle, children: t.title }),
+      /* @__PURE__ */ e("p", { className: N.teamReason, children: Re(t.reason, l) }),
+      f ? /* @__PURE__ */ a("div", { className: "mt-2 flex items-center gap-2", children: [
+        /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: l("collab.form.assignee") }),
+        /* @__PURE__ */ a(Be, { children: [
+          /* @__PURE__ */ e(Pe, { asChild: !0, children: /* @__PURE__ */ e(
+            S,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: g || L,
+              "aria-label": l("collab.form.assignee"),
+              children: t.assigneeName ?? l("collab.team.noLead")
+            }
+          ) }),
+          /* @__PURE__ */ a(Ue, { align: "start", className: "min-w-40", children: [
+            /* @__PURE__ */ a(fe, { onSelect: () => f(void 0), children: [
+              t.assigneeName ? null : /* @__PURE__ */ e(Ae, { className: "size-4" }),
+              l("collab.team.noLead")
+            ] }),
+            /* @__PURE__ */ e(vt, {}),
+            i.filter((v) => v.enabled && !v.retiredAt).map((v) => /* @__PURE__ */ a(
+              fe,
+              {
+                onSelect: () => f(v.name),
+                children: [
+                  t.assigneeName === v.name ? /* @__PURE__ */ e(Ae, { className: "size-4" }) : null,
+                  v.name
+                ]
+              },
+              v.id
+            ))
+          ] })
+        ] })
+      ] }) : null,
+      t.parent && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: N.teamLink,
+          onClick: () => d(t.parent.id),
+          children: l("collab.team.parent", { title: t.parent.title })
+        }
+      )
+    ] }),
+    t.acceptanceCriteria ? /* @__PURE__ */ a("div", { className: N.criteria, children: [
+      /* @__PURE__ */ e("h3", { className: N.sectionTitle, children: l("collab.detail.doneWhen") }),
+      /* @__PURE__ */ e("p", { className: N.criteriaText, children: t.acceptanceCriteria })
+    ] }) : null,
+    /* @__PURE__ */ e("h3", { className: N.sectionTitle, children: l("collab.team.members", { count: R.length }) }),
+    R.length === 0 && /* @__PURE__ */ e("p", { className: N.muted, children: l("collab.team.empty") }),
+    /* @__PURE__ */ e("ul", { className: N.memberList, children: R.map((v) => {
+      const { text: u, tone: b } = Va(v, i, H, l), q = C.filter((W) => W.run.agentName === v.name), U = q.length > 0 || v.run !== void 0, G = U && ($[v.name] ?? q.length > 0), I = v.run?.sessionId;
+      return /* @__PURE__ */ a("li", { className: N.member, children: [
+        /* @__PURE__ */ a("div", { className: N.memberHead, children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: N.memberToggle,
+              "aria-expanded": U ? G : void 0,
+              disabled: !U,
+              onClick: () => P((W) => ({
+                ...W,
+                [v.name]: !G
+              })),
+              children: [
+                /* @__PURE__ */ e(_e, { name: v.name, color: v.color }),
+                /* @__PURE__ */ a("span", { className: N.memberText, children: [
+                  /* @__PURE__ */ a("span", { className: N.memberName, children: [
+                    v.name,
+                    v.lead && /* @__PURE__ */ e("span", { className: N.leadBadge, children: l("collab.team.lead") })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: [N.memberStatus, b].filter(Boolean).join(" "),
+                      children: u
+                    }
+                  )
+                ] }),
+                U && /* @__PURE__ */ e(
+                  gt,
+                  {
+                    "aria-hidden": "true",
+                    className: N.memberChevron
+                  }
+                )
+              ]
+            }
+          ),
+          I && s ? /* @__PURE__ */ a(Be, { children: [
+            /* @__PURE__ */ e(Pe, { asChild: !0, children: /* @__PURE__ */ e(
+              S,
+              {
+                variant: "ghost",
+                size: "icon-xs",
+                "aria-label": l("collab.agent.more", {
+                  name: v.name
+                }),
+                children: /* @__PURE__ */ e(ht, {})
+              }
+            ) }),
+            /* @__PURE__ */ e(Ue, { align: "end", className: "min-w-40", children: /* @__PURE__ */ e(
+              fe,
+              {
+                onSelect: () => s(I),
+                children: l("collab.runRow.openSession", {
+                  agent: v.name
+                })
+              }
+            ) })
+          ] }) : null
+        ] }),
+        G && /* @__PURE__ */ e("div", { className: N.memberDetail, children: (q.length > 0 ? q : je([v.run], l).past).map((W) => /* @__PURE__ */ e(
+          mt,
+          {
+            row: W,
+            agent: i.find(
+              (D) => D.id === W.run.agentId
+            ),
+            hideAgent: !0,
+            onOpenAgentSession: s,
+            onCancelRun: g ? void 0 : c
+          },
+          W.run.id
+        )) })
+      ] }, v.name);
+    }) }),
+    !!t.children?.length && /* @__PURE__ */ a(ve, { children: [
+      /* @__PURE__ */ e("h3", { className: N.sectionTitle, children: l("collab.team.tasks", { count: t.children.length }) }),
+      /* @__PURE__ */ e("ul", { className: N.memberList, children: t.children.map((v) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: N.childRow,
+          onClick: () => d(v.id),
+          children: [
+            /* @__PURE__ */ e("span", { className: N.memberName, children: v.title }),
+            /* @__PURE__ */ e("span", { className: N.memberStatus, children: [v.assigneeName, Re(v.reason, l)].filter(Boolean).join(" · ") })
+          ]
+        }
+      ) }, v.id)) })
+    ] }),
+    E.length > 0 && /* @__PURE__ */ a("details", { className: N.history, children: [
+      /* @__PURE__ */ e("summary", { className: N.sectionTitle, children: l("collab.team.history", { count: E.length }) }),
+      E.map((v) => /* @__PURE__ */ e(
+        mt,
+        {
+          row: v,
+          agent: i.find((u) => u.id === v.run.agentId),
+          onOpenAgentSession: s
+        },
+        v.run.id
+      ))
+    ] }),
+    /* @__PURE__ */ a("footer", { className: N.budget, children: [
+      /* @__PURE__ */ e("span", { children: O.turns }),
+      /* @__PURE__ */ e("span", { children: O.tokens }),
+      /* @__PURE__ */ e("span", { children: O.scope })
+    ] })
+  ] });
+}
+function Xa({
+  thread: t,
+  agents: i,
+  preview: g,
+  pending: s,
+  onSend: c,
+  onDraftChange: d,
+  onOpenAgentSession: f,
+  onCancelRun: l,
+  onMarkDone: C,
+  onOpenThread: E,
+  onRespondPermission: H,
+  onAssign: R,
+  onBack: $,
+  activityOnly: P = !1,
+  onOpenActivity: O,
+  headerActionsContainer: L
+}) {
+  const v = Vt(), { t: u } = le(), [b, q] = w(!1), [U, G] = w(/* @__PURE__ */ new Set()), [I, W] = w(!1), [D, ie] = w(!0), [X, ge] = w({}), { live: B } = je(t.runs, u), M = kt(B.length > 0), x = ae(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const r of t.runs) {
+      const y = m.get(r.agentId);
+      (!y || Ie(r) >= Ie(y)) && m.set(r.agentId, r);
+    }
+    return [...m.values()].filter((r) => {
+      if (r.status !== "failed" || t.status === "done" || t.status === "cancelled")
+        return !1;
+      const y = i.find(
+        (A) => A.id === r.agentId || A.name === r.agentName
+      );
+      return !y || !y.enabled || y.retiredAt !== void 0 ? !1 : !B.some(
+        (A) => A.run.agentId === y.id || A.run.agentName === y.name
+      );
+    });
+  }, [t.runs, t.status, B, i]), j = ae(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const r of i)
+      r.color && m.set(r.name, r.color);
+    for (const r of t.runs)
+      r.agentColor && m.set(r.agentName, r.agentColor);
+    return (r) => m.get(r);
+  }, [i, t.runs]), F = ae(() => {
+    const m = (r, y = r) => {
+      const A = j(r);
+      return { name: y, ...A ? { color: A } : {} };
+    };
+    return [
+      ...t.body && !t.body.startsWith(Ee) ? [
+        {
+          id: `${t.id}:description`,
+          role: "user",
+          content: t.body
+        }
+      ] : [],
+      ...t.posts.flatMap((r) => {
+        const y = r.authorKind === "human" ? {
+          id: r.id,
+          role: "user",
+          content: r.text,
+          timestamp: r.at
+        } : r.authorKind === "agent" ? {
+          id: r.id,
+          role: "assistant",
+          content: r.text,
+          author: m(
+            r.authorName,
+            r.authorDeleted ? u("collab.author.removed", {
+              name: r.authorName
+            }) : r.authorName
+          ),
+          timestamp: r.at
+        } : {
+          id: r.id,
+          role: "system",
+          content: r.text,
+          variant: "info",
+          source: "agent_collaboration",
+          timestamp: r.at
+        }, A = (r.outcomes ?? []).filter(
+          (n) => n.kind === "skip"
+        );
+        return [
+          y,
+          ...A.map(
+            (n, _) => ({
+              id: `${r.id}:routing:${_}`,
+              role: "system",
+              content: We(
+                n.reason ?? "",
+                n.agentName ?? "",
+                u
+              ),
+              variant: "warning",
+              source: "agent_collaboration_routing",
+              timestamp: r.at
+            })
+          )
+        ];
+      }),
+      ...t.runs.filter((r) => r.progress?.thoughtText).map(
+        (r) => ({
+          id: `${r.id}:thought`,
+          role: "thinking",
+          content: r.progress.thoughtText,
+          author: m(r.agentName),
+          // Last update, not start: text being written now belongs
+          // after anything the run posted along the way.
+          timestamp: r.progress?.receivedAt ?? r.startedAt,
+          isStreaming: r.status === "running" && r.progress?.stage === "thinking"
+        })
+      ),
+      ...t.runs.filter(
+        (r) => r.progress?.outputText && !t.posts.some(
+          (y) => y.sourceRunId === r.id && (r.closeKind === "review" || r.closeKind === "blocked" || y.text.trim() === r.progress?.outputText?.trim())
+        )
+      ).map(
+        (r) => ({
+          id: `${r.id}:output`,
+          role: "assistant",
+          content: r.progress.outputText,
+          author: m(r.agentName),
+          // Last update, not start: text being written now belongs
+          // after anything the run posted along the way.
+          timestamp: r.progress?.receivedAt ?? r.startedAt,
+          isStreaming: r.status === "running"
+        })
+      )
+    ].sort((r, y) => (r.timestamp ?? 0) - (y.timestamp ?? 0));
+  }, [t.id, t.body, t.posts, t.runs, j, u]), o = ae(() => Ct(t, i), [t, i]), ce = ae(
+    () => ({ ...v, renderComposerToolbarStart: Ga }),
+    [v]
+  );
+  if (P)
+    return /* @__PURE__ */ e(
+      Qa,
+      {
+        thread: t,
+        agents: i,
+        pending: s,
+        onOpenAgentSession: f,
+        onCancelRun: l,
+        onOpenThread: E,
+        ...R ? { onAssign: R } : {}
+      }
+    );
+  const se = /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-1", children: [
+    t.status !== "done" && /* @__PURE__ */ e(
+      S,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: u("collab.markDone"),
+        "aria-label": u("collab.markDone"),
+        disabled: s,
+        onClick: C,
+        children: /* @__PURE__ */ e(Ae, { className: "size-4" })
+      }
+    ),
+    O && /* @__PURE__ */ e(
+      S,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: u("collab.team.title"),
+        "aria-label": u("collab.team.title"),
+        onClick: O,
+        children: /* @__PURE__ */ e(nt, { className: "size-4" })
+      }
+    )
+  ] }), de = B.flatMap(({ run: m }) => {
+    const r = m.progress?.permission;
+    if (!r || !m.sessionId || !H || U.has(r.requestId))
+      return [];
+    const y = m.sessionId;
+    return [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          role: "group",
+          "aria-label": u("collab.approval.title", { agent: m.agentName }),
+          className: N.approval,
+          children: [
+            /* @__PURE__ */ a("div", { className: N.approvalCaption, children: [
+              /* @__PURE__ */ e(_e, { name: m.agentName, color: j(m.agentName) }),
+              u("collab.approval.title", { agent: m.agentName })
+            ] }),
+            /* @__PURE__ */ e(
+              Gt,
+              {
+                request: Ja(r, m.agentName, u),
+                keyboardActive: !1,
+                onConfirm: (A, n) => {
+                  G((T) => /* @__PURE__ */ new Set([...T, A]));
+                  const _ = () => G((T) => {
+                    const K = new Set(T);
+                    return K.delete(A), K;
+                  });
+                  H(y, A, n).then(
+                    (T) => T === !1 && _(),
+                    _
+                  );
+                }
+              }
+            )
+          ]
+        },
+        m.id
+      )
+    ];
+  }), Y = B.filter(
+    ({ run: m }) => !(m.progress?.permission && m.sessionId && H && !U.has(m.progress.permission.requestId))
+  ), oe = Y.length > 0 || x.length > 0, Z = t.status === "blocked" || t.status === "in_review", ee = g?.filter((m) => !m.willWake) ?? [], me = g ? Ka(g, o, u) : t.assigneeName ? u("collab.composer.hint", { name: t.assigneeName }) : null;
+  return /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+    L ? tn(se, L) : /* @__PURE__ */ a("header", { className: "flex items-center gap-2 border-b border-border px-4 py-2", children: [
+      $ && /* @__PURE__ */ e(
+        S,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": u("collab.thread.back"),
+          onClick: $,
+          children: /* @__PURE__ */ e(pt, {})
+        }
+      ),
+      /* @__PURE__ */ e("h1", { className: "min-w-0 flex-1 truncate text-sm font-semibold", children: t.title }),
+      se
+    ] }),
+    t.body.startsWith(Ee) && /* @__PURE__ */ a("div", { className: N.context, children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: z.summary,
+          "aria-expanded": I,
+          onClick: () => W((m) => !m),
+          children: [
+            /* @__PURE__ */ e("span", { className: z.summaryText, children: u("collab.thread.context") }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `${I ? z.chevronDown : z.chevronRight} ${N.chevronShown}`,
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ),
+      I && /* @__PURE__ */ e("div", { className: `${z.group} ${N.contextBody}`, children: t.body.slice(Ee.length) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ e(
+      st,
+      {
+        value: { ...v, collapseCompletedTurns: !1 },
+        children: /* @__PURE__ */ e(
+          Jt,
+          {
+            messages: F,
+            pendingApproval: null,
+            sessionKey: t.id,
+            hideSessionTimeline: !0
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: N.dock, children: [
+      /* @__PURE__ */ a("div", { className: z.wrap, children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: z.summary,
+            "aria-expanded": oe ? D : void 0,
+            "aria-disabled": oe ? void 0 : !0,
+            onClick: oe ? () => ie((m) => !m) : void 0,
+            children: [
+              /* @__PURE__ */ e("span", { className: z.summaryIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(nt, { className: "size-3.5" }) }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: Y.length > 0 ? `${z.summaryText} ${z.summaryTextActive}` : Z ? `${z.summaryText} ${N.attention}` : z.summaryText,
+                  children: Re(t.reason, u)
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: D ? z.chevronDown : z.chevronRight,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        oe && D && /* @__PURE__ */ e("div", { className: z.group, children: /* @__PURE__ */ a("div", { className: z.list, children: [
+          Y.map(({ run: m }) => {
+            const r = i.find((T) => T.id === m.agentId)?.runtime?.status === "offline", y = ja(m, r, M, u), A = y.stalled && M >= (X[m.id] ?? 0), n = A ? y.text : y.stalled ? u("collab.run.working", {
+              agent: m.agentName,
+              elapsed: we(
+                M - (m.startedAt ?? M),
+                u
+              )
+            }) : y.text, _ = m.progress?.steps ?? [];
+            return /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  role: "status",
+                  className: `${z.row} ${N.row}`,
+                  "data-agent-status": A ? "failed" : "active",
+                  children: [
+                    /* @__PURE__ */ e(
+                      _e,
+                      {
+                        name: m.agentName,
+                        color: j(m.agentName)
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: z.rowText, children: /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: `${z.rowActivity} ${A ? N.attention : N.rowText}`,
+                        children: n
+                      }
+                    ) }),
+                    A && /* @__PURE__ */ e(
+                      S,
+                      {
+                        size: "xs",
+                        variant: "ghost",
+                        onClick: () => ge((T) => ({
+                          ...T,
+                          [m.id]: M + Qe
+                        })),
+                        children: u("collab.run.keepWaiting")
+                      }
+                    ),
+                    (A || m.status === "queued") && !s && /* @__PURE__ */ e(
+                      S,
+                      {
+                        size: "xs",
+                        variant: "ghost",
+                        onClick: () => l(m.id),
+                        children: u("collab.run.stop")
+                      }
+                    )
+                  ]
+                }
+              ),
+              _.length > 0 && // One line per tool call, like a CI job's step list.
+              /* @__PURE__ */ e(
+                "ol",
+                {
+                  "aria-label": u("collab.run.steps", {
+                    agent: m.agentName
+                  }),
+                  className: N.steps,
+                  children: _.map((T) => /* @__PURE__ */ a("li", { className: N.step, children: [
+                    T.status === "running" ? /* @__PURE__ */ e(
+                      Oe,
+                      {
+                        "aria-label": u("collab.step.running"),
+                        className: "size-3 shrink-0 animate-spin motion-reduce:animate-none"
+                      }
+                    ) : T.status === "done" ? /* @__PURE__ */ e(
+                      Ae,
+                      {
+                        "aria-label": u("collab.step.done"),
+                        className: "size-3 shrink-0 text-[var(--success-color)]"
+                      }
+                    ) : /* @__PURE__ */ e(
+                      Lt,
+                      {
+                        "aria-label": u("collab.step.failed"),
+                        className: "size-3 shrink-0 text-destructive"
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: T.status === "running" ? `${N.stepText} text-foreground` : N.stepText,
+                        children: T.title || u("collab.step.untitled")
+                      }
+                    )
+                  ] }, T.id))
+                }
+              )
+            ] }, m.id);
+          }),
+          x.map((m) => /* @__PURE__ */ a(
+            "div",
+            {
+              role: "status",
+              className: `${z.row} ${N.row}`,
+              "data-agent-status": "failed",
+              children: [
+                /* @__PURE__ */ e(
+                  _e,
+                  {
+                    name: m.agentName,
+                    color: j(m.agentName)
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: z.rowText, children: /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: `${z.rowActivity} ${N.attention}`,
+                    children: m.error === "agent_run_stalled" ? u("collab.run.timedOut", { agent: m.agentName }) : m.error === "agent_program_unavailable" ? u("collab.run.programUnavailable", {
+                      agent: m.agentName
+                    }) : u("collab.run.failed", { agent: m.agentName })
+                  }
+                ) }),
+                !s && /* @__PURE__ */ e(
+                  S,
+                  {
+                    size: "xs",
+                    variant: "ghost",
+                    onClick: () => void c(
+                      `@${m.agentName} ${u("collab.run.retryPrompt")}`
+                    ),
+                    children: u("collab.run.retry")
+                  }
+                )
+              ]
+            },
+            m.id
+          ))
+        ] }) })
+      ] }),
+      de,
+      b && /* @__PURE__ */ a("div", { role: "status", className: N.note, children: [
+        /* @__PURE__ */ e(
+          Oe,
+          {
+            "aria-hidden": "true",
+            className: "size-3.5 animate-spin motion-reduce:animate-none"
+          }
+        ),
+        u("collab.sending")
+      ] }),
+      ee.length > 0 && /* @__PURE__ */ e("div", { role: "status", className: N.note, children: ee.map((m) => /* @__PURE__ */ e("p", { children: We(m.reason ?? "", m.agentName, u) }, `${m.agentName}:${m.reason}`)) }),
+      /* @__PURE__ */ e(Tt.Provider, { value: me, children: /* @__PURE__ */ e(st, { value: ce, children: /* @__PURE__ */ e(
+        Qt,
+        {
+          commands: [],
+          builtinAtProviders: !1,
+          visibleToolbarActions: [],
+          atProviders: [
+            {
+              id: "agents",
+              label: u("collab.mention.provider"),
+              search: async ({ query: m }) => i.filter(
+                (r) => r.enabled && !r.retiredAt && r.name.toLowerCase().includes(m.toLowerCase())
+              ).map((r) => ({
+                id: r.id,
+                label: r.name,
+                insertText: `@${r.name} `
+              }))
+            }
+          ],
+          placeholderText: u("collab.composer.placeholder"),
+          disabled: s || t.status === "done" || t.status === "cancelled",
+          onInputTextChange: d,
+          onSubmit: (m, r, y, A) => (r?.length || y?.length || !m.trim() || (q(!0), c(m).then((n) => {
+            n && A?.();
+          }).finally(() => q(!1))), !1)
+        }
+      ) }) })
+    ] })
+  ] });
+}
+function Ya(t, i) {
+  if (!t || t.id !== i.threadId) return t;
+  let g = !1;
+  const s = t.runs.map((c) => c.id !== i.runId || (c.progress?.attempt ?? 0) > i.attempt ? c : (g = !0, {
+    ...c,
+    status: c.status === "queued" ? "running" : c.status,
+    progress: {
+      attempt: i.attempt,
+      // The daemon stamps `receivedAt` with its own clock and `ThreadChat`
+      // sorts it against daemon-written `post.at` / `run.startedAt`. Using the
+      // browser clock here would order one transcript by two clocks, which a
+      // remote daemon makes visible. `activityAt` is refreshed by the daemon
+      // on exactly this frame, so it is the same instant on the same clock.
+      receivedAt: i.activityAt,
+      activityAt: i.activityAt,
+      stage: i.stage,
+      detail: i.detail,
+      outputText: i.outputText,
+      thoughtText: i.thoughtText,
+      ...i.permission ? { permission: i.permission } : {},
+      ...i.steps ? { steps: i.steps } : {}
+    }
+  }));
+  return g ? { ...t, runs: s } : t;
+}
+const Za = 250, el = 1e3, tl = 150;
+function cl({
+  initialView: t,
+  initialThreadId: i,
+  workspaceCwd: g,
+  chat: s = !1,
+  activityOnly: c = !1,
+  onOpenActivity: d,
+  headerActionsContainer: f,
+  onTitleChange: l,
+  onOpenThreadChat: C,
+  onOpenAgentSession: E,
+  onOpenDefinitions: H
+}) {
+  const R = Dt(), $ = zt(), [P, O] = w(), L = ae(
+    () => (R.capabilities?.workspaces ?? []).filter(
+      (h) => ot(
+        R.capabilities,
+        h.cwd
+      )
+    ),
+    [R.capabilities]
+  ), v = g ?? P ?? $.workspaceCwd ?? L.find((h) => h.primary)?.cwd ?? L[0]?.cwd, u = ot(
+    R.capabilities,
+    v
+  ) ? v : g ? void 0 : L.find((h) => h.primary)?.cwd ?? L[0]?.cwd, b = ae(
+    () => u ? Zt(R.baseUrl, R.token, u) : void 0,
+    [R.baseUrl, R.token, u]
+  ), { t: q } = le(), [U, G] = w([]), [I, W] = w([]), [D, ie] = w(
+    t === void 0 || t === "new-agent" ? "agents" : t
+  ), [X, ge] = w(), [B, M] = w([]), [x, j] = w(i), [F, o] = w();
+  he(() => {
+    s && !c && F && l?.(F.id, F.title);
+  }, [s, c, F, l]);
+  const [ce, se] = w(""), [de, Y] = w(), [oe, Z] = w(), [ee, me] = w(!1), [m, r] = w(t === "new-agent" ? {} : void 0), [y, A] = w(), [n, _] = w(), T = n ?? y, K = be(ce);
+  K.current = ce;
+  const J = be(void 0), te = ae(() => ({ client: b, openId: x }), [b, x]), ue = be(te);
+  ue.current = te;
+  const ke = be(0), xe = be(0);
+  he(() => {
+    t && t !== "new-agent" && ie(t);
+  }, [t]);
+  const Q = (h) => {
+    j(h), o(void 0), se(""), Y(void 0), _(void 0);
+  }, re = $e(async () => {
+    if (!b) return;
+    const h = ++ke.current;
+    try {
+      const [k, pe, Ne] = await Promise.all([
+        b.listAgents(),
+        b.listThreads(),
+        x ? b.getThread(x) : void 0
+      ]);
+      if (ue.current !== te || h < xe.current)
+        return;
+      xe.current = h, G(k.agents), W(
+        k.runtimes ?? (k.runtime ? [k.runtime] : [])
+      ), k.capabilities && ge(k.capabilities), M(pe.threads), o(Ne), A(void 0);
+    } catch (k) {
+      if (ue.current !== te || h < xe.current)
+        return;
+      xe.current = h, A(k instanceof Error ? k.message : String(k));
+    }
+  }, [b, x, te]), He = be(re);
+  He.current = re, he(() => {
+    re();
+  }, [re]), he(() => {
+    if (!b) return;
+    let h, k;
+    const pe = () => {
+      h ??= setInterval(() => void He.current(), el);
+    };
+    if (!b.subscribe)
+      return pe(), () => clearInterval(h);
+    const Ne = b.subscribe(
+      (Ce) => {
+        if (Ce.type === "progress") {
+          o((St) => Ya(St, Ce));
+          return;
+        }
+        k ??= setTimeout(() => {
+          k = void 0, He.current();
+        }, tl);
+      },
+      (Ce) => {
+        if (Ce === "closed") {
+          pe();
+          return;
+        }
+        clearInterval(h), h = void 0;
+      }
+    );
+    return () => {
+      Ne(), clearInterval(h), clearTimeout(k);
+    };
+  }, [b]), he(() => {
+    if (!b || !x || !ce.trim()) {
+      Y(void 0);
+      return;
+    }
+    const h = ce;
+    let k = !1;
+    const pe = setTimeout(() => {
+      b.previewReply(x, h).then((Ne) => {
+        !k && K.current === h && Y(Ne.targets);
+      }).catch(() => {
+        k || Y(void 0);
+      });
+    }, Za);
+    return () => {
+      k = !0, clearTimeout(pe);
+    };
+  }, [b, ce, x]);
+  const yt = $e(
+    (h) => {
+      J.current = h, Z(void 0), b && b.previewThread(h).then((k) => {
+        J.current === h && Z(k.targets);
+      }).catch(() => {
+        J.current === h && Z(void 0);
+      });
+    },
+    [b]
+  ), ne = $e(
+    async (h) => {
+      me(!0), _(void 0);
+      try {
+        const k = await h();
+        await re(), k !== null && typeof k == "object" && "dispatchError" in k && typeof k.dispatchError == "string" && _(
+          q("collab.error.dispatchAfterSave", {
+            error: k.dispatchError
+          })
+        );
+      } catch (k) {
+        return _(k instanceof Error ? k.message : String(k)), !1;
+      } finally {
+        me(!1);
+      }
+      return !0;
+    },
+    [re, q]
+  );
+  if (!b)
+    return /* @__PURE__ */ e("p", { role: "alert", children: q("collab.noWorkspace") });
+  if (m)
+    return /* @__PURE__ */ e(
+      en,
+      {
+        initialScope: "workspace",
+        workspaceCwd: u,
+        executionHosts: I.filter((h) => h.kind === "external"),
+        ...m.hostId ? { initialHostId: m.hostId } : {},
+        onCancel: () => r(void 0),
+        onCreated: () => r(void 0),
+        onSaveWorkspaceAgent: async (h) => {
+          await b.createAgent(h), await re();
+        }
+      }
+    );
+  if (x && F?.id !== x)
+    return /* @__PURE__ */ a("div", { className: "flex flex-col items-start gap-2 p-4", children: [
+      s ? null : /* @__PURE__ */ a(S, { variant: "ghost", size: "sm", onClick: () => Q(), children: [
+        /* @__PURE__ */ e(pt, { "data-icon": "inline-start" }),
+        q("collab.thread.back")
+      ] }),
+      /* @__PURE__ */ e("p", { role: "status", className: "text-sm text-muted-foreground", children: T ?? q("collab.thread.loading") })
+    ] });
+  const { createShare: Xe, listShares: Ye, revokeShare: Ze, removeHost: et } = b, tt = Xe && Ye && Ze ? {
+    create: Xe,
+    list: async (h) => (await Ye(h)).shares,
+    revoke: Ze
+  } : void 0;
+  return x && F ? /* @__PURE__ */ a(ve, { children: [
+    T && /* @__PURE__ */ e("p", { role: "alert", className: "px-4 py-2 text-sm text-destructive", children: T }),
+    /* @__PURE__ */ e(
+      Xa,
+      {
+        activityOnly: c,
+        headerActionsContainer: f,
+        ...s ? {} : { onBack: () => Q() },
+        onOpenActivity: d && u ? () => d(F.id, u) : void 0,
+        thread: F,
+        agents: U,
+        preview: de,
+        pending: ee,
+        onDraftChange: se,
+        onAssign: (h) => void ne(() => b.assignThread(x, h)),
+        onOpenAgentSession: E,
+        onCancelRun: (h) => void ne(() => b.cancelRun(x, h)),
+        onMarkDone: () => void ne(() => b.markDone(x)),
+        ...b.respondToPermission ? {
+          onRespondPermission: (h, k, pe) => ne(
+            () => b.respondToPermission(h, k, pe)
+          )
+        } : {},
+        onOpenThread: (h) => {
+          u && C ? C(h, u) : Q(h);
+        },
+        onSend: (h) => ne(async () => {
+          const k = await b.postReply(x, h);
+          return se(""), Y(void 0), k;
+        })
+      },
+      F.id
+    )
+  ] }) : /* @__PURE__ */ a(ve, { children: [
+    T ? /* @__PURE__ */ e("p", { role: "alert", className: "mb-3 text-sm text-destructive", children: T }) : null,
+    /* @__PURE__ */ e(
+      Gn,
+      {
+        agents: U,
+        threads: B,
+        view: D,
+        onViewChange: ie,
+        runtimes: I,
+        onConnectRemoteHost: b.connectRemoteHost ? (h) => ne(() => b.connectRemoteHost(h)) : void 0,
+        createPreview: oe,
+        pending: ee,
+        onOpenThread: (h) => {
+          u && C ? C(h, u) : Q(h);
+        },
+        onDeleteAgent: (h) => void ne(() => b.deleteAgent(h)),
+        onSetAgentEnabled: (h, k) => void ne(() => b.setAgentEnabled(h, k)),
+        onUpdateAgent: (h, k) => void ne(() => b.updateAgent(h, k)),
+        onOpenAgentBuilder: (h) => r({ hostId: h }),
+        ...b.createJoinToken ? { onCreateJoinToken: b.createJoinToken } : {},
+        ...et ? {
+          onRemoveRuntime: (h) => void ne(() => et(h))
+        } : {},
+        ...tt ? { shares: tt } : {},
+        ...H ? { onOpenDefinitions: H } : {},
+        ...X ? { capabilities: X } : {},
+        workspaceCwd: u,
+        hostServerUrl: R.baseUrl,
+        workspaces: L,
+        onWorkspaceChange: (h) => {
+          O(h), G([]), Z(void 0), J.current = void 0;
+        },
+        createError: T,
+        onCreateThread: (h) => ne(async () => {
+          const k = await b.createThread(h);
+          return Z(void 0), Q(k.id), u && C?.(k.id, u), k;
+        }),
+        onPreviewThread: yt
+      }
+    )
+  ] });
+}
+export {
+  cl as ThreadsRoute
+};