@markmo/europacore-session-ui 0.2.0 → 0.4.0

package/dist/{BoardPage-BAQrGP7G.js → BoardPage-DH7p5o99.js}

@@ -1,152 +1,156 @@
-import { jsxs as x, jsx as a, Fragment as te } from "react/jsx-runtime";
-import { memo as xe, useRef as P, Fragment as be, useState as K, useLayoutEffect as ne, useEffect as Y, createElement as we, useMemo as J, useCallback as W } from "react";
+import { jsxs as b, jsx as a, Fragment as te } from "react/jsx-runtime";
+import { memo as xe, useRef as I, Fragment as be, useState as z, useLayoutEffect as ne, useEffect as V, createElement as we, useMemo as J, useCallback as U } from "react";
 import { useNavigate as ye } from "react-router";
 import { Menu as ve, MenuButton as ke, Field as Ne, Switch as Se, Label as Me } from "@headlessui/react";
 import { MoreHorizontal as Ce, LayoutGrid as Te } from "lucide-react";
-import { y as H, ae as $e, a as E, I as Ae, au as Ee, av as z, aw as ae, ax as _e, ay as Q, ad as Le, az as pe, a1 as Pe, g as Ie, aA as se, aB as Fe, F as Be, ah as Oe, H as oe } from "./index-NjGO7Jg1.js";
-import { a as He, S as De, c as Ge, b as je, d as Re, i as ze, e as me, f as qe, g as Ke, h as Ue, j as Ye, C as Ve } from "./CardDetail-CCgP8R61.js";
+import { K as D, an as $e, a as E, I as Ae, aD as Ee, aE as K, aF as ae, aG as _e, aH as Q, am as Le, aI as pe, aa as Ie, n as Pe, aJ as se, aK as Fe, V as Oe, aq as Be, Y as oe } from "./index-CMPf-3JZ.js";
+import { a as De, S as He, c as Ge, b as je, d as Re, i as Ke, e as me, f as qe, g as ze, h as Ye, j as Ue, C as Ve } from "./CardDetail-LfDCJQhS.js";
 import { createPortal as We } from "react-dom";
 const Xe = 15e3;
 function Je(e) {
   return e.started || e.missing ? Promise.resolve() : new Promise((t) => {
     const n = () => {
       clearTimeout(s), i(), t();
-    }, i = H.subscribe(() => {
+    }, i = D.subscribe(() => {
       (e.started || e.missing) && n();
     }), s = setTimeout(n, Xe);
   });
 }
 async function Qe(e, t) {
-  const n = H.attach(e);
+  const n = D.attach(e);
   return await Je(n), n.missing || !n.started ? !1 : n.setStage(t);
 }
 const Ze = 500, et = 10, tt = xe(function({ card: t, seen: n, now: i, actions: s, onHover: r, onLongPress: p }) {
-  const { row: o } = t, v = P(null), f = P(null), k = P(!1), T = He(o, n), I = De[o.status], F = Ge(t), _ = je(o, i), D = $e(o.costUsd), c = o.status === "failed" || o.attention === "failed", m = Re(o), N = ze(o, n), y = () => {
+  const { row: o } = t, y = I(null), f = I(null), v = I(!1), T = De(o, n), P = He[o.status], F = Ge(t), _ = je(o, i), H = $e(o.costUsd), l = o.status === "failed" || o.attention === "failed", m = Re(o), N = Ke(o, n), k = () => {
     f.current && clearTimeout(f.current.timer), f.current = null;
   };
-  return /* @__PURE__ */ x(
-    "article",
-    {
-      ref: v,
-      "data-card-id": o.key,
-      "data-stage": o.stage,
-      "aria-label": o.title || o.key,
-      className: E(
-        "group relative rounded-lg border bg-surface px-3 pt-2.5 pb-2 text-left shadow-xs transition-[border-color,box-shadow,background-color] duration-150",
-        "hover:border-accent/40 hover:shadow-pop focus-within:border-accent/50",
-        "data-[landed]:border-accent data-[landed]:ring-2 data-[landed]:ring-accent/35",
-        T ? c ? "border-danger-line" : "border-warn-line" : "border-line",
-        !o.attached && "bg-surface-alt",
-        "select-none [-webkit-touch-callout:none]"
-      ),
-      onPointerEnter: (h) => {
-        h.pointerType === "mouse" && r?.(t, v.current);
-      },
-      onPointerLeave: (h) => {
-        y(), h.pointerType === "mouse" && r?.(t, null);
-      },
-      onPointerDown: (h) => {
-        k.current = !1, !(h.pointerType === "mouse" || !p) && (y(), f.current = {
-          x: h.clientX,
-          y: h.clientY,
-          timer: setTimeout(() => {
-            f.current = null, k.current = !0, p(t);
-          }, Ze)
-        });
-      },
-      onPointerMove: (h) => {
-        const S = f.current;
-        S && Math.hypot(h.clientX - S.x, h.clientY - S.y) > et && y();
-      },
-      onPointerUp: y,
-      onPointerCancel: y,
-      onContextMenu: (h) => {
-        (k.current || f.current) && h.preventDefault();
-      },
-      onClickCapture: (h) => {
-        k.current && (k.current = !1, h.preventDefault(), h.stopPropagation());
-      },
-      children: [
-        T && /* @__PURE__ */ x(
-          "div",
-          {
-            className: E(
-              "mb-1.5 inline-flex max-w-full items-center gap-1 rounded-full px-1.5 py-px text-[11px] leading-4 font-semibold",
-              c ? "bg-danger-soft text-danger" : "bg-warn-soft text-warn"
-            ),
-            children: [
-              /* @__PURE__ */ a("span", { "aria-hidden": "true", children: "!" }),
-              /* @__PURE__ */ a("span", { className: "truncate", children: T })
-            ]
-          }
+  return (
+    // biome-ignore lint/a11y/noNoninteractiveElementInteractions: the hover card and long press are pointer extras; the card's buttons carry its actions
+    /* @__PURE__ */ b(
+      "article",
+      {
+        ref: y,
+        "data-card-id": o.key,
+        "data-stage": o.stage,
+        "aria-label": o.title || o.key,
+        className: E(
+          "group relative rounded-lg border bg-surface px-3 pt-2.5 pb-2 text-left shadow-xs transition-[border-color,box-shadow,background-color] duration-150",
+          "hover:border-accent/40 hover:shadow-pop focus-within:border-accent/50",
+          "data-[landed]:border-accent data-[landed]:ring-2 data-[landed]:ring-accent/35",
+          T ? l ? "border-danger-line" : "border-warn-line" : "border-line",
+          !o.attached && "bg-surface-alt",
+          "select-none [-webkit-touch-callout:none]"
         ),
-        /* @__PURE__ */ x("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ a(
-            "span",
-            {
-              className: E("mt-px w-3 shrink-0 text-center text-[12px] leading-5", I.tone, o.status === "running" && "animate-pulse"),
-              title: I.label,
-              "aria-label": I.label,
-              children: I.glyph
-            }
-          ),
-          /* @__PURE__ */ a(
-            "button",
+        onPointerEnter: (h) => {
+          h.pointerType === "mouse" && r?.(t, y.current);
+        },
+        onPointerLeave: (h) => {
+          k(), h.pointerType === "mouse" && r?.(t, null);
+        },
+        onPointerDown: (h) => {
+          v.current = !1, !(h.pointerType === "mouse" || !p) && (k(), f.current = {
+            x: h.clientX,
+            y: h.clientY,
+            timer: setTimeout(() => {
+              f.current = null, v.current = !0, p(t);
+            }, Ze)
+          });
+        },
+        onPointerMove: (h) => {
+          const S = f.current;
+          S && Math.hypot(h.clientX - S.x, h.clientY - S.y) > et && k();
+        },
+        onPointerUp: k,
+        onPointerCancel: k,
+        onContextMenu: (h) => {
+          (v.current || f.current) && h.preventDefault();
+        },
+        onClickCapture: (h) => {
+          v.current && (v.current = !1, h.preventDefault(), h.stopPropagation());
+        },
+        children: [
+          T && /* @__PURE__ */ b(
+            "div",
             {
-              type: "button",
-              onClick: () => s.open(t),
               className: E(
-                "block min-w-0 flex-1 text-left text-[13px] leading-5 font-semibold text-ink [overflow-wrap:anywhere]",
-                'focus-visible:outline-none after:absolute after:inset-0 after:rounded-lg after:content-[""] focus-visible:after:ring-2 focus-visible:after:ring-accent/40',
-                !o.attached && "font-medium"
+                "mb-1.5 inline-flex max-w-full items-center gap-1 rounded-full px-1.5 py-px text-[11px] leading-4 font-semibold",
+                l ? "bg-danger-soft text-danger" : "bg-warn-soft text-warn"
               ),
-              children: /* @__PURE__ */ a("span", { className: "line-clamp-2", children: o.title || o.key })
+              children: [
+                /* @__PURE__ */ a("span", { "aria-hidden": "true", children: "!" }),
+                /* @__PURE__ */ a("span", { className: "truncate", children: T })
+              ]
             }
           ),
-          /* @__PURE__ */ x(ve, { as: "div", className: "relative z-10 -mt-1 -mr-1.5 shrink-0", children: [
-            /* @__PURE__ */ a(ke, { as: be, children: /* @__PURE__ */ a(
-              Ae,
+          /* @__PURE__ */ b("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ a(
+              "span",
               {
-                label: "Card actions",
-                size: "sm",
-                className: "opacity-70 group-hover:opacity-100 data-[open]:opacity-100 pointer-coarse:opacity-100",
-                children: /* @__PURE__ */ a(Ce, { size: 15 })
+                className: E("mt-px w-3 shrink-0 text-center text-[12px] leading-5", P.tone, o.status === "running" && "animate-pulse"),
+                title: P.label,
+                role: "img",
+                "aria-label": P.label,
+                children: P.glyph
               }
-            ) }),
-            /* @__PURE__ */ x(Ee, { children: [
-              /* @__PURE__ */ a(z, { onClick: () => s.open(t), children: "Open" }),
-              o.prUrl && /* @__PURE__ */ a(z, { onClick: () => window.open(o.prUrl, "_blank", "noopener,noreferrer"), children: "Open pull request" }),
-              m && /* @__PURE__ */ x(te, { children: [
-                /* @__PURE__ */ a(ae, {}),
-                /* @__PURE__ */ a(_e, { children: "Set stage" }),
-                /* @__PURE__ */ a(z, { onClick: () => s.setStage(o, "backlog"), children: Q.backlog }),
-                /* @__PURE__ */ a(z, { onClick: () => s.setStage(o, "cancelled"), children: Q.cancelled }),
-                /* @__PURE__ */ a(z, { onClick: () => s.setStage(o, null), children: "Clear" })
-              ] }),
-              N && /* @__PURE__ */ x(te, { children: [
-                /* @__PURE__ */ a(ae, {}),
-                /* @__PURE__ */ a(z, { onClick: () => s.markSeen(o), children: "Mark seen" })
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                onClick: () => s.open(t),
+                className: E(
+                  "block min-w-0 flex-1 text-left text-[13px] leading-5 font-semibold text-ink [overflow-wrap:anywhere]",
+                  'focus-visible:outline-none after:absolute after:inset-0 after:rounded-lg after:content-[""] focus-visible:after:ring-2 focus-visible:after:ring-accent/40',
+                  !o.attached && "font-medium"
+                ),
+                children: /* @__PURE__ */ a("span", { className: "line-clamp-2", children: o.title || o.key })
+              }
+            ),
+            /* @__PURE__ */ b(ve, { as: "div", className: "relative z-10 -mt-1 -mr-1.5 shrink-0", children: [
+              /* @__PURE__ */ a(ke, { as: be, children: /* @__PURE__ */ a(
+                Ae,
+                {
+                  label: "Card actions",
+                  size: "sm",
+                  className: "opacity-70 group-hover:opacity-100 data-[open]:opacity-100 pointer-coarse:opacity-100",
+                  children: /* @__PURE__ */ a(Ce, { size: 15 })
+                }
+              ) }),
+              /* @__PURE__ */ b(Ee, { children: [
+                /* @__PURE__ */ a(K, { onClick: () => s.open(t), children: "Open" }),
+                o.prUrl && /* @__PURE__ */ a(K, { onClick: () => window.open(o.prUrl, "_blank", "noopener,noreferrer"), children: "Open pull request" }),
+                m && /* @__PURE__ */ b(te, { children: [
+                  /* @__PURE__ */ a(ae, {}),
+                  /* @__PURE__ */ a(_e, { children: "Set stage" }),
+                  /* @__PURE__ */ a(K, { onClick: () => s.setStage(o, "backlog"), children: Q.backlog }),
+                  /* @__PURE__ */ a(K, { onClick: () => s.setStage(o, "cancelled"), children: Q.cancelled }),
+                  /* @__PURE__ */ a(K, { onClick: () => s.setStage(o, null), children: "Clear" })
+                ] }),
+                N && /* @__PURE__ */ b(te, { children: [
+                  /* @__PURE__ */ a(ae, {}),
+                  /* @__PURE__ */ a(K, { onClick: () => s.markSeen(o), children: "Mark seen" })
+                ] })
               ] })
             ] })
-          ] })
-        ] }),
-        F && /* @__PURE__ */ a("div", { className: "mt-0.5 truncate pl-5 text-[12px] text-muted", children: F }),
-        (o.stageText || o.progress) && /* @__PURE__ */ a("div", { className: "mt-0.5 truncate pl-5 text-[12px] text-ink/80", children: [o.stageText, o.progress].filter(Boolean).join(" · ") }),
-        /* @__PURE__ */ x("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-2.5 gap-y-0.5 pl-5 text-[11.5px] text-faint tabular-nums", children: [
-          _ && /* @__PURE__ */ x("span", { title: _.running ? "Time running" : "Time in this stage", children: [
-            _.running ? "⏱" : "◷",
-            " ",
-            _.text
-          ] }),
-          o.tokens > 0 && /* @__PURE__ */ x("span", { children: [
-            Le(o.tokens),
-            " tok"
           ] }),
-          D && /* @__PURE__ */ a("span", { children: D }),
-          o.model && /* @__PURE__ */ a("span", { className: "min-w-0 truncate", children: o.model })
-        ] })
-      ]
-    }
+          F && /* @__PURE__ */ a("div", { className: "mt-0.5 truncate pl-5 text-[12px] text-muted", children: F }),
+          (o.stageText || o.progress) && /* @__PURE__ */ a("div", { className: "mt-0.5 truncate pl-5 text-[12px] text-ink/80", children: [o.stageText, o.progress].filter(Boolean).join(" · ") }),
+          /* @__PURE__ */ b("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-2.5 gap-y-0.5 pl-5 text-[11.5px] text-faint tabular-nums", children: [
+            _ && /* @__PURE__ */ b("span", { title: _.running ? "Time running" : "Time in this stage", children: [
+              _.running ? "⏱" : "◷",
+              " ",
+              _.text
+            ] }),
+            o.tokens > 0 && /* @__PURE__ */ b("span", { children: [
+              Le(o.tokens),
+              " tok"
+            ] }),
+            H && /* @__PURE__ */ a("span", { children: H }),
+            o.model && /* @__PURE__ */ a("span", { className: "min-w-0 truncate", children: o.model })
+          ] })
+        ]
+      }
+    )
   );
 }), nt = {
   backlog: "Nothing waiting to start",
@@ -164,7 +168,7 @@ function at({
   onLongPress: r
 }) {
   const p = Q[e.stage];
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ b(
     "section",
     {
       "aria-label": p,
@@ -174,7 +178,7 @@ function at({
         "md:w-auto md:max-w-[340px] md:min-w-[200px] md:flex-1 md:basis-0 md:snap-align-none"
       ),
       children: [
-        /* @__PURE__ */ x("header", { className: "flex h-10 shrink-0 items-center gap-2 px-3", children: [
+        /* @__PURE__ */ b("header", { className: "flex h-10 shrink-0 items-center gap-2 px-3", children: [
           /* @__PURE__ */ a("span", { className: E("text-[13px]", me[e.stage]), "aria-hidden": "true", children: pe[e.stage] }),
           /* @__PURE__ */ a("h2", { className: "font-body text-[12.5px] font-semibold tracking-wide text-ink", children: p }),
           /* @__PURE__ */ a(
@@ -182,11 +186,12 @@ function at({
             {
               "data-stage-count": e.stage,
               className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-surface-hover px-1.5 text-[11px] font-semibold text-muted tabular-nums",
+              role: "img",
               "aria-label": `${e.cards.length} card${e.cards.length === 1 ? "" : "s"}`,
               children: e.cards.length
             }
           ),
-          e.needs > 0 && /* @__PURE__ */ x(
+          e.needs > 0 && /* @__PURE__ */ b(
             "span",
             {
               className: "ml-auto rounded-full bg-warn-soft px-1.5 text-[11px] leading-5 font-semibold text-warn tabular-nums",
@@ -211,7 +216,7 @@ function st({
 }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "Board columns", className: E("overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", i), children: /* @__PURE__ */ a("ul", { className: "flex w-max items-center gap-1.5 px-4 py-2", children: e.map((s) => {
     const r = s.stage === t;
-    return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ x(
+    return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ b(
       "button",
       {
         type: "button",
@@ -227,7 +232,7 @@ function st({
           /* @__PURE__ */ a("span", { className: r ? void 0 : me[s.stage], "aria-hidden": "true", children: pe[s.stage] }),
           Q[s.stage],
           /* @__PURE__ */ a("span", { className: E("tabular-nums", r ? "text-accent" : "text-faint"), children: s.cards.length }),
-          s.needs > 0 && /* @__PURE__ */ x("span", { className: "rounded-full bg-warn-soft px-1.5 text-[10.5px] leading-4 text-warn", children: [
+          s.needs > 0 && /* @__PURE__ */ b("span", { className: "rounded-full bg-warn-soft px-1.5 text-[10.5px] leading-4 text-warn", children: [
             "!",
             s.needs
           ] })
@@ -239,7 +244,8 @@ function st({
 const ot = 8, re = 450, rt = 900, Z = { y: -6, scale: 1.04, rotate: -2 };
 function ie(e) {
   const t = /* @__PURE__ */ new Map();
-  for (const n of e) n.ids.forEach((i, s) => t.set(i, { stage: n.stage, index: s }));
+  for (const n of e)
+    for (const [i, s] of n.ids.entries()) t.set(s, { stage: n.stage, index: i });
   return t;
 }
 function it(e, t) {
@@ -251,10 +257,10 @@ function it(e, t) {
   for (const [r, p] of n) i.has(r) || s.exits.push({ id: r, stage: p.stage });
   return s;
 }
-function ce(e) {
+function le(e) {
   return e.map((t) => `${t.stage}:${t.ids.join("
")}`).join("");
 }
-function le(e, t) {
+function ce(e, t) {
   return Math.hypot(t.left + t.width / 2 - (e.left + e.width / 2), t.top + t.height / 2 - (e.top + e.height / 2));
 }
 function de(e) {
@@ -262,21 +268,21 @@ function de(e) {
   return Math.round(Math.min(rt, Math.max(re, t)));
 }
 function ue(e, t, n = {}) {
-  const i = n.shadow || "var(--shadow-pop)", s = U(t.left + t.width / 2 - (e.left + e.width / 2)), r = U(t.top + t.height / 2 - (e.top + e.height / 2)), p = e.width > 0 ? U(t.width / e.width, 4) : 1, o = e.height > 0 ? U(t.height / e.height, 4) : 1, v = (k, T) => `translate(${k}px, ${T + Z.y}px) scale(${Z.scale}) rotate(${Z.rotate}deg)`;
+  const i = n.shadow || "var(--shadow-pop)", s = Y(t.left + t.width / 2 - (e.left + e.width / 2)), r = Y(t.top + t.height / 2 - (e.top + e.height / 2)), p = e.width > 0 ? Y(t.width / e.width, 4) : 1, o = e.height > 0 ? Y(t.height / e.height, 4) : 1, y = (v, T) => `translate(${v}px, ${T + Z.y}px) scale(${Z.scale}) rotate(${Z.rotate}deg)`;
   return [
     { offset: 0, transform: "translate(0px, 0px) scale(1) rotate(0deg)", boxShadow: "none", opacity: 1 },
-    { offset: 0.16, transform: v(0, 0), boxShadow: i, opacity: 1 },
-    { offset: 0.84, transform: v(s, r), boxShadow: i, opacity: 1 },
+    { offset: 0.16, transform: y(0, 0), boxShadow: i, opacity: 1 },
+    { offset: 0.84, transform: y(s, r), boxShadow: i, opacity: 1 },
     { offset: 1, transform: `translate(${s}px, ${r}px) scale(${p}, ${o}) rotate(0deg)`, boxShadow: "none", opacity: n.fade ? 0 : 1 }
   ];
 }
-function ct(e, t) {
-  const n = U(e.left - t.left), i = U(e.top - t.top);
+function lt(e, t) {
+  const n = Y(e.left - t.left), i = Y(e.top - t.top);
   return Math.abs(n) < 0.5 && Math.abs(i) < 0.5 ? null : [{ transform: `translate(${n}px, ${i}px)` }, { transform: "translate(0px, 0px)" }];
 }
-function lt(e, t, n = "both", i = 1) {
+function ct(e, t, n = "both", i = 1) {
   if (t.width <= 0 || t.height <= 0) return !0;
-  const s = (o, v, f, k) => v <= 0 ? o >= f - 1 && o <= f + k + 1 : Math.min(o + v, f + k) - Math.max(o, f) >= v * i - 1, r = s(e.left, e.width, t.left, t.width), p = s(e.top, e.height, t.top, t.height);
+  const s = (o, y, f, v) => y <= 0 ? o >= f - 1 && o <= f + v + 1 : Math.min(o + y, f + v) - Math.max(o, f) >= y * i - 1, r = s(e.left, e.width, t.left, t.width), p = s(e.top, e.height, t.top, t.height);
   return n === "x" ? r : (n === "y" || r) && p;
 }
 function dt(e, t, n = 8) {
@@ -289,7 +295,7 @@ function ut(e, t, n) {
   const s = t.left + t.width / 2 >= n.left + n.width / 2 ? n.left + n.width - e.width * 0.35 : n.left - e.width * 0.65, r = Math.min(Math.max(e.top, n.top), Math.max(n.top, n.top + n.height - e.height));
   return { left: s, top: r, width: e.width, height: e.height };
 }
-function U(e, t = 2) {
+function Y(e, t = 2) {
   const n = 10 ** t;
   return Math.round(e * n) / n;
 }
@@ -320,145 +326,145 @@ function fe(e) {
   return t;
 }
 function mt(e, { containerRef: t, reducedMotion: n }) {
-  const [i, s] = K(e), r = ce(X(e)), p = ce(X(i)), o = P(null), v = P(null), f = P({
+  const [i, s] = z(e), r = le(X(e)), p = le(X(i)), o = I(null), y = I(null), f = I({
     animations: /* @__PURE__ */ new Set(),
     clones: /* @__PURE__ */ new Map(),
     hidden: /* @__PURE__ */ new Set(),
     timers: /* @__PURE__ */ new Set()
-  }), k = () => {
-    const c = f.current;
-    for (const m of [...c.animations])
+  }), v = () => {
+    const l = f.current;
+    for (const m of [...l.animations])
       try {
         m.cancel();
       } catch {
       }
-    c.animations.clear();
-    for (const m of c.clones.values()) m.remove();
-    c.clones.clear();
-    for (const m of c.hidden) m.style.visibility = "";
-    c.hidden.clear();
-  }, T = (c, m) => {
+    l.animations.clear();
+    for (const m of l.clones.values()) m.remove();
+    l.clones.clear();
+    for (const m of l.hidden) m.style.visibility = "";
+    l.hidden.clear();
+  }, T = (l, m) => {
     const N = f.current;
-    return N.animations.add(c), c.onfinish = () => {
-      N.animations.delete(c), m?.();
-    }, c;
+    return N.animations.add(l), l.onfinish = () => {
+      N.animations.delete(l), m?.();
+    }, l;
   };
   ne(() => {
     if (r === p) return;
-    const c = t.current, m = o.current;
-    if (!c || !m || !pt()) {
-      k(), s(e);
+    const l = t.current, m = o.current;
+    if (!l || !m || !pt()) {
+      v(), s(e);
       return;
     }
-    const N = fe(c), y = /* @__PURE__ */ new Map();
-    for (const [b, M] of N) y.set(b, L(M));
-    for (const [b, M] of f.current.clones) M.isConnected && y.set(b, L(M));
-    k();
+    const N = fe(l), k = /* @__PURE__ */ new Map();
+    for (const [g, M] of N) k.set(g, L(M));
+    for (const [g, M] of f.current.clones) M.isConnected && k.set(g, L(M));
+    v();
     const h = it(X(i), X(e)), S = /* @__PURE__ */ new Map();
-    for (const b of [...h.flights.map((M) => M.id), ...h.exits.map((M) => M.id)]) {
-      const M = N.get(b), B = y.get(b);
-      if (!M || !B) continue;
-      const $ = gt(m, M, b, B);
-      S.set(b, $), f.current.clones.set(b, $);
+    for (const g of [...h.flights.map((M) => M.id), ...h.exits.map((M) => M.id)]) {
+      const M = N.get(g), O = k.get(g);
+      if (!M || !O) continue;
+      const $ = gt(m, M, g, O);
+      S.set(g, $), f.current.clones.set(g, $);
     }
-    v.current = { plan: h, rects: y, clones: S }, s(e);
+    y.current = { plan: h, rects: k, clones: S }, s(e);
   }, [r, p]), ne(() => {
-    const c = v.current;
-    v.current = null;
+    const l = y.current;
+    y.current = null;
     const m = t.current;
-    !c || !m || I(c, m, n ?? ge());
-  }, [i]), Y(
+    !l || !m || P(l, m, n ?? ge());
+  }, [i]), V(
     () => () => {
-      k();
-      for (const c of f.current.timers) clearTimeout(c);
+      v();
+      for (const l of f.current.timers) clearTimeout(l);
     },
     []
   );
-  function I({ plan: c, rects: m, clones: N }, y, h) {
-    const S = f.current, b = fe(y), M = c.flights.length > ot, B = L(y), $ = /* @__PURE__ */ new Set();
-    for (const l of c.flights) {
-      const g = b.get(l.id)?.closest("[data-board-column]");
-      g && !lt(L(g), B, "x", 0.5) && $.add(l.id);
+  function P({ plan: l, rects: m, clones: N }, k, h) {
+    const S = f.current, g = fe(k), M = l.flights.length > ot, O = L(k), $ = /* @__PURE__ */ new Set();
+    for (const c of l.flights) {
+      const x = g.get(c.id)?.closest("[data-board-column]");
+      x && !ct(L(x), O, "x", 0.5) && $.add(c.id);
     }
-    for (const l of c.flights) {
-      const d = b.get(l.id), g = d?.closest("[data-column-scroll]");
-      if (!d || !g || $.has(l.id)) continue;
-      const C = dt(L(d), L(g));
-      C && (g.scrollTop += C);
+    for (const c of l.flights) {
+      const d = g.get(c.id), x = d?.closest("[data-column-scroll]");
+      if (!d || !x || $.has(c.id)) continue;
+      const C = dt(L(d), L(x));
+      C && (x.scrollTop += C);
     }
-    const G = (l, d, g, C = q, u, w = !1) => T(
-      l.animate(
+    const G = (c, d, x, C = q, u, w = !1) => T(
+      c.animate(
         w && !h ? [
           { opacity: d, transform: `scale(${d ? 1 : 0.96})` },
-          { opacity: g, transform: `scale(${g ? 1 : 0.96})` }
-        ] : [{ opacity: d }, { opacity: g }],
+          { opacity: x, transform: `scale(${x ? 1 : 0.96})` }
+        ] : [{ opacity: d }, { opacity: x }],
         // A clone holds its last frame until it is removed; a real card goes back to its own style.
-        { duration: C, easing: "ease-out", fill: l.hasAttribute("data-flip-clone") ? "forwards" : "none" }
+        { duration: C, easing: "ease-out", fill: c.hasAttribute("data-flip-clone") ? "forwards" : "none" }
       ),
       u
-    ), O = (l, d) => {
-      d.remove(), S.clones.get(l) === d && S.clones.delete(l);
+    ), B = (c, d) => {
+      d.remove(), S.clones.get(c) === d && S.clones.delete(c);
     };
     if (!h)
-      for (const l of c.shifts) {
-        const d = b.get(l), g = m.get(l);
-        if (!d || !g) continue;
-        const C = ct(g, L(d));
+      for (const c of l.shifts) {
+        const d = g.get(c), x = m.get(c);
+        if (!d || !x) continue;
+        const C = lt(x, L(d));
         C && T(d.animate(C, { duration: ft, easing: ee }));
       }
-    for (const { id: l } of c.enters) {
-      const d = b.get(l);
+    for (const { id: c } of l.enters) {
+      const d = g.get(c);
       d && G(d, 0, 1, q, void 0, !0);
     }
-    for (const { id: l } of c.exits) {
-      const d = N.get(l);
-      d && G(d, 1, 0, q, () => O(l, d), !0);
+    for (const { id: c } of l.exits) {
+      const d = N.get(c);
+      d && G(d, 1, 0, q, () => B(c, d), !0);
     }
-    const j = xt(y, "--shadow-pop");
-    for (const l of c.flights) {
-      const d = N.get(l.id), g = b.get(l.id), C = m.get(l.id);
+    const j = xt(k, "--shadow-pop");
+    for (const c of l.flights) {
+      const d = N.get(c.id), x = g.get(c.id), C = m.get(c.id);
       if (!d || !C) continue;
-      if (!g) {
-        G(d, 1, 0, q, () => O(l.id, d));
+      if (!x) {
+        G(d, 1, 0, q, () => B(c.id, d));
         continue;
       }
       if (h || M) {
-        G(d, 1, 0, q * 1.2, () => O(l.id, d)), G(g, 0, 1, q * 1.2), $.has(l.id) && _(l.to, h);
+        G(d, 1, 0, q * 1.2, () => B(c.id, d)), G(x, 0, 1, q * 1.2), $.has(c.id) && _(c.to, h);
         continue;
       }
-      if ($.has(l.id)) {
-        const w = g.closest("[data-board-column]"), A = ut(C, L(w), B);
+      if ($.has(c.id)) {
+        const w = x.closest("[data-board-column]"), A = ut(C, L(w), O);
         T(
           d.animate(ue(C, A, { shadow: j, fade: !0 }), {
-            duration: de(le(C, A)),
+            duration: de(ce(C, A)),
             easing: ee,
             fill: "forwards"
           }),
           () => {
-            O(l.id, d), _(l.to, !1);
+            B(c.id, d), _(c.to, !1);
           }
         );
         continue;
       }
-      const u = L(g);
-      g.style.visibility = "hidden", S.hidden.add(g), T(
-        d.animate(ue(C, u, { shadow: j }), { duration: de(le(C, u)), easing: ee, fill: "forwards" }),
+      const u = L(x);
+      x.style.visibility = "hidden", S.hidden.add(x), T(
+        d.animate(ue(C, u, { shadow: j }), { duration: de(ce(C, u)), easing: ee, fill: "forwards" }),
         () => {
-          O(l.id, d), g.style.visibility = "", S.hidden.delete(g), F(g);
+          B(c.id, d), x.style.visibility = "", S.hidden.delete(x), F(x);
         }
       );
     }
   }
-  function F(c) {
-    c.setAttribute("data-landed", "");
+  function F(l) {
+    l.setAttribute("data-landed", "");
     const m = setTimeout(() => {
-      c.removeAttribute("data-landed"), f.current.timers.delete(m);
+      l.removeAttribute("data-landed"), f.current.timers.delete(m);
     }, ht);
     f.current.timers.add(m);
   }
-  function _(c, m) {
+  function _(l, m) {
     if (!(typeof document > "u"))
-      for (const N of document.querySelectorAll(`[data-stage-chip="${c}"], [data-stage-count="${c}"]`))
+      for (const N of document.querySelectorAll(`[data-stage-chip="${l}"], [data-stage-count="${l}"]`))
         N.setAttribute("data-pulsed", ""), T(
           N.animate(
             m ? [{ opacity: 1 }, { opacity: 0.35 }, { opacity: 1 }] : [{ transform: "scale(1)" }, { transform: "scale(1.18)" }, { transform: "scale(1)" }],
@@ -467,7 +473,7 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
           () => N.removeAttribute("data-pulsed")
         );
   }
-  const D = typeof document > "u" ? null : We(
+  const H = typeof document > "u" ? null : We(
     we("div", {
       ref: o,
       "data-board-overlay": "",
@@ -476,7 +482,7 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
     }),
     document.body
   );
-  return { shown: r === p ? e : i, overlay: D };
+  return { shown: r === p ? e : i, overlay: H };
 }
 function gt(e, t, n, i) {
   const s = t.cloneNode(!0);
@@ -519,81 +525,84 @@ function vt(e, t) {
   }
 }
 function kt(e) {
-  const [t, n] = K(() => Date.now());
-  return Y(() => {
+  const [t, n] = z(() => Date.now());
+  return V(() => {
     const i = setInterval(() => n(Date.now()), e);
     return () => clearInterval(i);
   }, [e]), t;
 }
 function Nt({ rows: e, seen: t, actions: n, loading: i, error: s, reducedMotion: r }) {
-  const [p, o] = K(() => yt(he)), v = J(() => Ke(e, p), [e, p]), f = Ue(v), k = P(null), { shown: T, overlay: I } = mt(v, { containerRef: k, reducedMotion: r }), F = kt(3e4), [_, D] = K(v[0]?.stage ?? null), c = P(0), m = W(() => {
-    cancelAnimationFrame(c.current), c.current = requestAnimationFrame(() => {
-      const u = k.current;
+  const [p, o] = z(() => yt(he)), y = J(() => ze(e, p), [e, p]), f = Ye(y), v = I(null), { shown: T, overlay: P } = mt(y, { containerRef: v, reducedMotion: r }), F = kt(3e4), [_, H] = z(y[0]?.stage ?? null), l = I(0), m = U(() => {
+    cancelAnimationFrame(l.current), l.current = requestAnimationFrame(() => {
+      const u = v.current;
       if (!u) return;
       const w = u.scrollLeft + u.clientWidth / 2;
       let A = null;
       for (const R of u.querySelectorAll("[data-board-column]")) {
-        const V = Math.abs(R.offsetLeft + R.offsetWidth / 2 - w);
-        (!A || V < A.d) && (A = { stage: R.dataset.boardColumn, d: V });
+        const W = Math.abs(R.offsetLeft + R.offsetWidth / 2 - w);
+        (!A || W < A.d) && (A = { stage: R.dataset.boardColumn, d: W });
       }
-      A && D(A.stage);
+      A && H(A.stage);
     });
   }, []);
-  Y(() => () => cancelAnimationFrame(c.current), []);
-  const N = W(
+  V(() => () => cancelAnimationFrame(l.current), []);
+  const N = U(
     (u) => {
-      const w = k.current, A = w?.querySelector(`[data-board-column="${u}"]`);
+      const w = v.current, A = w?.querySelector(`[data-board-column="${u}"]`);
       if (!w || !A) return;
-      D(u);
-      const R = Math.max(0, A.offsetLeft - (w.clientWidth - A.offsetWidth) / 2), V = r ?? ge() ? "auto" : "smooth";
-      typeof w.scrollTo == "function" ? w.scrollTo({ left: R, behavior: V }) : w.scrollLeft = R;
+      H(u);
+      const R = Math.max(0, A.offsetLeft - (w.clientWidth - A.offsetWidth) / 2), W = r ?? ge() ? "auto" : "smooth";
+      typeof w.scrollTo == "function" ? w.scrollTo({ left: R, behavior: W }) : w.scrollLeft = R;
     },
     [r]
-  ), [y, h] = K(null), S = P(null), b = () => {
+  ), [k, h] = z(null), S = I(null), g = U(() => {
     S.current && clearTimeout(S.current), S.current = null;
-  }, M = W((u, w) => {
-    b(), S.current = setTimeout(
+  }, []), M = U((u, w) => {
+    g(), S.current = setTimeout(
       () => h(w ? { key: u.row.key, el: w } : null),
       w ? bt : wt
     );
-  }, []);
-  Y(() => b, []);
-  const [B, $] = K(null), G = W((u) => {
-    b(), h(null), $(u.row.key);
-  }, []), O = J(() => new Map(v.flatMap((u) => u.cards).map((u) => [u.row.key, u])), [v]), j = y && y.el.isConnected ? O.get(y.key) : void 0, l = B ? O.get(B) : void 0, d = J(
+  }, [g]);
+  V(() => g, [g]);
+  const [O, $] = z(null), G = U((u) => {
+    g(), h(null), $(u.row.key);
+  }, [g]), B = J(() => new Map(y.flatMap((u) => u.cards).map((u) => [u.row.key, u])), [y]), j = k?.el.isConnected ? B.get(k.key) : void 0, c = O ? B.get(O) : void 0, d = J(
     () => ({
       ...n,
       open: (u) => {
-        b(), h(null), n.open(u);
+        g(), h(null), n.open(u);
       }
     }),
-    [n]
-  ), g = (u) => {
+    [n, g]
+  ), x = (u) => {
     o(u), vt(he, u);
   }, C = [
     `${f.cards} card${f.cards === 1 ? "" : "s"}`,
     f.waiting ? `⏸ ${f.waiting} need${f.waiting === 1 ? "s" : ""} input` : null,
     f.attention ? `! ${f.attention} need${f.attention === 1 ? "s" : ""} attention` : null
   ];
-  return /* @__PURE__ */ x("div", { className: "flex h-full min-h-0 flex-col bg-bg", children: [
-    /* @__PURE__ */ x("header", { className: "flex shrink-0 flex-wrap items-end gap-x-6 gap-y-2 px-4 pt-4 pb-3 md:px-6 md:pt-5", children: [
-      /* @__PURE__ */ x("div", { className: "min-w-0", children: [
+  return /* @__PURE__ */ b("div", { className: "flex h-full min-h-0 flex-col bg-bg", children: [
+    /* @__PURE__ */ b("header", { className: "flex shrink-0 flex-wrap items-end gap-x-6 gap-y-2 px-4 pt-4 pb-3 md:px-6 md:pt-5", children: [
+      /* @__PURE__ */ b("div", { className: "min-w-0", children: [
         /* @__PURE__ */ a("h1", { className: "text-[20px] leading-7 font-semibold text-ink", children: "Board" }),
         /* @__PURE__ */ a("p", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 text-[12.5px] text-muted", "aria-live": "polite", children: C.map(
-          (u, w) => u ? /* @__PURE__ */ x("span", { className: E(w === 1 && "text-warn", w === 2 && "text-warn"), children: [
-            w > 0 && /* @__PURE__ */ a("span", { className: "mr-2 text-faint", "aria-hidden": "true", children: "·" }),
-            u
-          ] }, w) : null
+          (u, w) => u ? (
+            // biome-ignore lint/suspicious/noArrayIndexKey: fixed slots; the position is what styles each part
+            /* @__PURE__ */ b("span", { className: E(w === 1 && "text-warn", w === 2 && "text-warn"), children: [
+              w > 0 && /* @__PURE__ */ a("span", { className: "mr-2 text-faint", "aria-hidden": "true", children: "·" }),
+              u
+            ] }, w)
+          ) : null
         ) })
       ] }),
-      /* @__PURE__ */ x("div", { className: "ml-auto flex items-center gap-3", children: [
+      /* @__PURE__ */ b("div", { className: "ml-auto flex items-center gap-3", children: [
         i && e.length > 0 && /* @__PURE__ */ a(se, { size: "sm", className: "text-muted" }),
-        /* @__PURE__ */ x(Ne, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ b(Ne, { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ a(
             Se,
             {
               checked: p,
-              onChange: g,
+              onChange: x,
               className: E(
                 "group relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-line bg-surface-hover transition-colors",
                 "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40 data-[checked]:border-accent data-[checked]:bg-accent"
@@ -615,10 +624,10 @@ function Nt({ rows: e, seen: t, actions: n, loading: i, error: s, reducedMotion:
         className: "sticky top-0 z-10 shrink-0 border-y border-line-soft bg-bg/95 backdrop-blur-sm md:hidden"
       }
     ),
-    i && !e.length ? /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-center text-accent", children: /* @__PURE__ */ a(se, { size: "lg" }) }) : e.length ? /* @__PURE__ */ x(
+    i && !e.length ? /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-center text-accent", children: /* @__PURE__ */ a(se, { size: "lg" }) }) : e.length ? /* @__PURE__ */ b(
       "div",
       {
-        ref: k,
+        ref: v,
         onScroll: m,
         className: E(
           "relative flex min-h-0 flex-1 items-start gap-3 overflow-x-auto overscroll-x-contain px-4 pt-3 pb-4 md:px-6 md:pt-1",
@@ -629,38 +638,38 @@ function Nt({ rows: e, seen: t, actions: n, loading: i, error: s, reducedMotion:
           /* @__PURE__ */ a("div", { className: "w-px shrink-0", "aria-hidden": "true" })
         ]
       }
-    ) : /* @__PURE__ */ a(Be, { icon: /* @__PURE__ */ a(Te, { size: 20 }), title: "No sessions yet", children: "Sessions you start appear here, one card each, and move between columns as their work goes on." }),
-    I,
-    j && y && /* @__PURE__ */ a(
-      Ye,
+    ) : /* @__PURE__ */ a(Oe, { icon: /* @__PURE__ */ a(Te, { size: 20 }), title: "No sessions yet", children: "Sessions you start appear here, one card each, and move between columns as their work goes on." }),
+    P,
+    j && k && /* @__PURE__ */ a(
+      Ue,
       {
         card: j,
-        anchor: y.el,
+        anchor: k.el,
         seen: t,
         now: F,
-        onPointerEnter: b,
+        onPointerEnter: g,
         onPointerLeave: () => M(j, null)
       }
     ),
-    /* @__PURE__ */ a(Oe, { open: !!l, onClose: () => $(null), title: l?.row.title || l?.row.key || "", footer: l && /* @__PURE__ */ x(te, { children: [
+    /* @__PURE__ */ a(Be, { open: !!c, onClose: () => $(null), title: c?.row.title || c?.row.key || "", footer: c && /* @__PURE__ */ b(te, { children: [
       /* @__PURE__ */ a(oe, { variant: "secondary", onClick: () => $(null), children: "Close" }),
       /* @__PURE__ */ a(
         oe,
         {
           variant: "primary",
           onClick: () => {
-            $(null), n.open(l);
+            $(null), n.open(c);
           },
           children: "Open"
         }
       )
-    ] }), children: l && /* @__PURE__ */ a(Ve, { card: l, seen: t, now: F }) })
+    ] }), children: c && /* @__PURE__ */ a(Ve, { card: c, seen: t, now: F }) })
   ] });
 }
 function Lt() {
-  const e = Pe(), t = ye(), { toast: n } = Ie(), i = e.filter((r) => r.fleet && !r.parent && !r.run && r.id).map((r) => `${r.id}:${r.status}`).join(",");
-  Y(() => {
-    H.wantFleetTasks(H.activeFleetIds());
+  const e = Ie(), t = ye(), { toast: n } = Pe(), i = e.filter((r) => r.fleet && !r.parent && !r.run && r.id).map((r) => `${r.id}:${r.status}`).join(",");
+  V(() => {
+    D.wantFleetTasks(D.activeFleetIds());
   }, [i]);
   const s = J(
     () => ({
@@ -670,11 +679,11 @@ function Lt() {
           o || n("Couldn't change the card's stage.", "danger");
         });
       },
-      markSeen: (r) => H.markSeen(r)
+      markSeen: (r) => D.markSeen(r)
     }),
     [t, n]
   );
-  return /* @__PURE__ */ a(Nt, { rows: e, seen: H.seen, actions: s, loading: !H.listedOnce, error: H.listError });
+  return /* @__PURE__ */ a(Nt, { rows: e, seen: D.seen, actions: s, loading: !D.listedOnce, error: D.listError });
 }
 export {
   Nt as Board,