@markmo/europacore-session-ui 0.3.0 → 0.4.0

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

@@ -1,27 +1,27 @@
 import { jsxs as b, 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 V, createElement as we, useMemo as J, useCallback as Y } from "react";
+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-B0hmy2Cw.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-D0TLVhf7.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, y = P(null), f = P(null), v = P(!1), T = He(o, n), I = De[o.status], F = Ge(t), _ = je(o, i), D = $e(o.costUsd), l = o.status === "failed" || o.attention === "failed", m = Re(o), N = ze(o, n), k = () => {
+  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 (
@@ -86,11 +86,11 @@ const Ze = 500, et = 10, tt = xe(function({ card: t, seen: n, now: i, actions: s
             /* @__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,
+                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": I.label,
-                children: I.glyph
+                "aria-label": P.label,
+                children: P.glyph
               }
             ),
             /* @__PURE__ */ a(
@@ -117,18 +117,18 @@ const Ze = 500, et = 10, tt = xe(function({ card: t, seen: n, now: i, actions: s
                 }
               ) }),
               /* @__PURE__ */ b(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" }),
+                /* @__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(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" })
+                  /* @__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(z, { onClick: () => s.markSeen(o), children: "Mark seen" })
+                  /* @__PURE__ */ a(K, { onClick: () => s.markSeen(o), children: "Mark seen" })
                 ] })
               ] })
             ] })
@@ -145,7 +145,7 @@ const Ze = 500, et = 10, tt = xe(function({ card: t, seen: n, now: i, actions: s
               Le(o.tokens),
               " tok"
             ] }),
-            D && /* @__PURE__ */ a("span", { children: D }),
+            H && /* @__PURE__ */ a("span", { children: H }),
             o.model && /* @__PURE__ */ a("span", { className: "min-w-0 truncate", children: o.model })
           ] })
         ]
@@ -268,7 +268,7 @@ 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, y = (v, T) => `translate(${v}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: y(0, 0), boxShadow: i, opacity: 1 },
@@ -277,7 +277,7 @@ function ue(e, t, n = {}) {
   ];
 }
 function lt(e, t) {
-  const n = U(e.left - t.left), i = U(e.top - t.top);
+  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 ct(e, t, n = "both", i = 1) {
@@ -295,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;
 }
@@ -326,7 +326,7 @@ function fe(e) {
   return t;
 }
 function mt(e, { containerRef: t, reducedMotion: n }) {
-  const [i, s] = K(e), r = le(X(e)), p = le(X(i)), o = P(null), y = 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(),
@@ -362,9 +362,9 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
     v();
     const h = it(X(i), X(e)), S = /* @__PURE__ */ new Map();
     for (const g of [...h.flights.map((M) => M.id), ...h.exits.map((M) => M.id)]) {
-      const M = N.get(g), B = k.get(g);
-      if (!M || !B) continue;
-      const $ = gt(m, M, g, B);
+      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, $);
     }
     y.current = { plan: h, rects: k, clones: S }, s(e);
@@ -372,7 +372,7 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
     const l = y.current;
     y.current = null;
     const m = t.current;
-    !l || !m || I(l, m, n ?? ge());
+    !l || !m || P(l, m, n ?? ge());
   }, [i]), V(
     () => () => {
       v();
@@ -380,11 +380,11 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
     },
     []
   );
-  function I({ plan: l, rects: m, clones: N }, k, h) {
-    const S = f.current, g = fe(k), M = l.flights.length > ot, B = L(k), $ = /* @__PURE__ */ new Set();
+  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), B, "x", 0.5) && $.add(c.id);
+      x && !ct(L(x), O, "x", 0.5) && $.add(c.id);
     }
     for (const c of l.flights) {
       const d = g.get(c.id), x = d?.closest("[data-column-scroll]");
@@ -402,7 +402,7 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
         { duration: C, easing: "ease-out", fill: c.hasAttribute("data-flip-clone") ? "forwards" : "none" }
       ),
       u
-    ), O = (c, d) => {
+    ), B = (c, d) => {
       d.remove(), S.clones.get(c) === d && S.clones.delete(c);
     };
     if (!h)
@@ -418,22 +418,22 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
     }
     for (const { id: c } of l.exits) {
       const d = N.get(c);
-      d && G(d, 1, 0, q, () => O(c, d), !0);
+      d && G(d, 1, 0, q, () => B(c, d), !0);
     }
     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 (!x) {
-        G(d, 1, 0, q, () => O(c.id, d));
+        G(d, 1, 0, q, () => B(c.id, d));
         continue;
       }
       if (h || M) {
-        G(d, 1, 0, q * 1.2, () => O(c.id, d)), G(x, 0, 1, q * 1.2), $.has(c.id) && _(c.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(c.id)) {
-        const w = x.closest("[data-board-column]"), A = ut(C, L(w), B);
+        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(ce(C, A)),
@@ -441,7 +441,7 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
             fill: "forwards"
           }),
           () => {
-            O(c.id, d), _(c.to, !1);
+            B(c.id, d), _(c.to, !1);
           }
         );
         continue;
@@ -450,7 +450,7 @@ function mt(e, { containerRef: t, reducedMotion: n }) {
       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(c.id, d), x.style.visibility = "", S.hidden.delete(x), F(x);
+          B(c.id, d), x.style.visibility = "", S.hidden.delete(x), F(x);
         }
       );
     }
@@ -473,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": "",
@@ -482,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);
@@ -525,14 +525,14 @@ function vt(e, t) {
   }
 }
 function kt(e) {
-  const [t, n] = K(() => Date.now());
+  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)), y = J(() => Ke(e, p), [e, p]), f = Ue(y), v = P(null), { shown: T, overlay: I } = mt(y, { containerRef: v, reducedMotion: r }), F = kt(3e4), [_, D] = K(y[0]?.stage ?? null), l = P(0), m = Y(() => {
+  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;
@@ -542,31 +542,31 @@ function Nt({ rows: e, seen: t, actions: n, loading: i, error: s, reducedMotion:
         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);
     });
   }, []);
   V(() => () => cancelAnimationFrame(l.current), []);
-  const N = Y(
+  const N = U(
     (u) => {
       const w = v.current, A = w?.querySelector(`[data-board-column="${u}"]`);
       if (!w || !A) return;
-      D(u);
+      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]
-  ), [k, h] = K(null), S = P(null), g = Y(() => {
+  ), [k, h] = z(null), S = I(null), g = U(() => {
     S.current && clearTimeout(S.current), S.current = null;
-  }, []), M = Y((u, w) => {
+  }, []), M = U((u, w) => {
     g(), S.current = setTimeout(
       () => h(w ? { key: u.row.key, el: w } : null),
       w ? bt : wt
     );
   }, [g]);
   V(() => g, [g]);
-  const [B, $] = K(null), G = Y((u) => {
+  const [O, $] = z(null), G = U((u) => {
     g(), h(null), $(u.row.key);
-  }, [g]), O = J(() => new Map(y.flatMap((u) => u.cards).map((u) => [u.row.key, u])), [y]), j = k?.el.isConnected ? O.get(k.key) : void 0, c = B ? O.get(B) : void 0, d = J(
+  }, [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) => {
@@ -638,10 +638,10 @@ 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,
+    ) : /* @__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(
-      Ye,
+      Ue,
       {
         card: j,
         anchor: k.el,
@@ -651,7 +651,7 @@ function Nt({ rows: e, seen: t, actions: n, loading: i, error: s, reducedMotion:
         onPointerLeave: () => M(j, null)
       }
     ),
-    /* @__PURE__ */ a(Oe, { open: !!c, onClose: () => $(null), title: c?.row.title || c?.row.key || "", footer: c && /* @__PURE__ */ b(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,
@@ -667,9 +667,9 @@ function Nt({ rows: e, seen: t, actions: n, loading: i, error: s, reducedMotion:
   ] });
 }
 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(",");
+  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(() => {
-    H.wantFleetTasks(H.activeFleetIds());
+    D.wantFleetTasks(D.activeFleetIds());
   }, [i]);
   const s = J(
     () => ({
@@ -679,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,

package/dist/{CardDetail-D0TLVhf7.js → CardDetail-LfDCJQhS.js}

@@ -1,7 +1,7 @@
-import { jsxs as s, Fragment as C, jsx as a } from "react/jsx-runtime";
-import { useRef as B, useState as D, useLayoutEffect as O } from "react";
-import { createPortal as j } from "react-dom";
-import { z as T, O as G, a8 as w, aC as _, aD as v, ay as k, az as L, aE as P, ae as H, ad as U, a as W } from "./index-B0hmy2Cw.js";
+import { jsxs as s, Fragment as _, jsx as a } from "react/jsx-runtime";
+import { useRef as B, useState as D, useLayoutEffect as L } from "react";
+import { createPortal as O } from "react-dom";
+import { O as T, a0 as j, ah as w, aL as v, aM as C, aH as k, aI as G, aN as H, an as P, am as U, a as W } from "./index-CMPf-3JZ.js";
 const I = ["backlog", "planned", "in_progress", "blocked", "in_review", "done", "cancelled"], R = {
   input: "waits for you",
   failed: "failed",
@@ -34,7 +34,7 @@ function ee(e, t) {
   const i = w(e, t) ?? e.attention;
   return i ? R[i] : null;
 }
-function E(e) {
+function M(e) {
   const t = e.subject?.split(":").pop();
   return e.origin === "trigger" && t ? `from ${t}` : e.origin ? `from ${e.origin === "cli" ? "the command line" : `a ${e.origin}`}` : "";
 }
@@ -42,16 +42,16 @@ function ne(e) {
   const { row: t } = e;
   if (e.fleet) return `↳ ${e.fleet}`;
   if (t.run) {
-    const i = E(t.run);
+    const i = M(t.run);
     return `fleet run${i ? ` · ${i}` : ""}`;
   }
   return [t.agent, t.branch ? `⎇ ${t.branch}` : null].filter(Boolean).join(" · ");
 }
 function te(e, t = Date.now()) {
-  return e.runningMs ? { text: _(e.runningMs), running: !0 } : e.stageSince ? { text: v(Math.max(0, t - e.stageSince)), running: !1 } : null;
+  return e.runningMs ? { text: v(e.runningMs), running: !0 } : e.stageSince ? { text: C(Math.max(0, t - e.stageSince)), running: !1 } : null;
 }
 function ae(e) {
-  return e.parent ? T(e.parent.key) : e.run || !(e.id ?? e.key) ? G() : T(e.id ?? e.key);
+  return e.parent ? T(e.parent.key) : e.run || !(e.id ?? e.key) ? j() : T(e.id ?? e.key);
 }
 function ie(e) {
   return !!(e.id && !e.parent && !e.run);
@@ -59,7 +59,7 @@ function ie(e) {
 function se(e, t) {
   return e.attention === "finished" || w(e, t) === "done" || e.stage === "done" && e.status === "idle";
 }
-const z = {
+const F = {
   backlog: "text-faint",
   planned: "text-muted",
   in_progress: "text-accent",
@@ -72,7 +72,7 @@ const z = {
   running: { glyph: "●", tone: "text-accent", label: "running" },
   failed: { glyph: "✗", tone: "text-danger", label: "failed" },
   idle: { glyph: "○", tone: "text-faint", label: "idle" }
-}, F = {
+}, Y = {
   input: "waiting for you",
   running: "running",
   failed: "the last turn failed",
@@ -85,11 +85,11 @@ const z = {
   done: "finished"
 };
 function N(e) {
-  const t = H(e.costUsd);
+  const t = P(e.costUsd);
   return `${U(e.tokens)} tokens${t ? ` · ${t}` : ""}`;
 }
 function l({ label: e, children: t }) {
-  return /* @__PURE__ */ s(C, { children: [
+  return /* @__PURE__ */ s(_, { children: [
     /* @__PURE__ */ a("dt", { className: "pt-px text-[11.5px] font-medium text-muted", children: e }),
     /* @__PURE__ */ a("dd", { className: "min-w-0 text-[12.5px] text-ink [overflow-wrap:anywhere]", children: t })
   ] });
@@ -108,19 +108,19 @@ function $({ row: e }) {
     ] }, n)
   )) }) });
 }
-function Y({ card: e, seen: t, now: i = Date.now() }) {
-  const { row: n } = e, f = n.stageSince ? ` for ${v(Math.max(0, i - n.stageSince))}` : "", u = /* @__PURE__ */ s(C, { children: [
-    /* @__PURE__ */ a("span", { className: z[n.stage], "aria-hidden": "true", children: L[n.stage] }),
+function z({ card: e, seen: t, now: i = Date.now() }) {
+  const { row: n } = e, f = n.stageSince ? ` for ${C(Math.max(0, i - n.stageSince))}` : "", u = /* @__PURE__ */ s(_, { children: [
+    /* @__PURE__ */ a("span", { className: F[n.stage], "aria-hidden": "true", children: G[n.stage] }),
     " ",
     n.stageText ?? k[n.stage],
     f
   ] }), m = n.runningMs ? /* @__PURE__ */ s(g, { children: [
     " · ran ",
-    _(n.runningMs)
+    v(n.runningMs)
   ] }) : null, c = w(n, t), r = [];
   let h;
   if (n.run) {
-    const o = E(n.run);
+    const o = M(n.run);
     r.push(
       /* @__PURE__ */ s(l, { label: "Fleet run", children: [
         n.run.runId,
@@ -171,7 +171,7 @@ function Y({ card: e, seen: t, now: i = Date.now() }) {
         o,
         /* @__PURE__ */ s(g, { children: [
           o ? " · " : "",
-          F[n.status],
+          Y[n.status],
           p
         ] }),
         c && c !== "input" && /* @__PURE__ */ s("span", { className: "text-warn", children: [
@@ -188,7 +188,7 @@ function Y({ card: e, seen: t, now: i = Date.now() }) {
         ] })
       ] }, "stage")
     ), n.children.length) {
-      const x = P.map((d) => [d, n.children.filter((b) => b.stage === d).length]).filter(([, d]) => d).map(([d, b]) => `${b} ${k[d].toLowerCase()}`);
+      const x = H.map((d) => [d, n.children.filter((b) => b.stage === d).length]).filter(([, d]) => d).map(([d, b]) => `${b} ${k[d].toLowerCase()}`);
       r.push(/* @__PURE__ */ a(l, { label: "Tasks", children: x.join(" · ") }, "tasks"));
     }
     r.push(/* @__PURE__ */ a($, { row: n }, "criteria")), n.explain.length && r.push(
@@ -220,12 +220,12 @@ function le({
   onPointerLeave: u
 }) {
   const m = B(null), [c, r] = D(null);
-  return O(() => {
+  return L(() => {
     const h = m.current;
     if (!h) return;
-    const o = t.getBoundingClientRect(), p = h.offsetWidth || 320, x = h.offsetHeight || 200, d = window.innerWidth, b = window.innerHeight, y = 10, M = o.right + y + p <= d - 8 ? o.right + y : Math.max(8, o.left - y - p), A = Math.min(Math.max(8, o.top), Math.max(8, b - x - 8));
-    r({ left: M, top: A });
-  }, [t, e]), j(
+    const o = t.getBoundingClientRect(), p = h.offsetWidth || 320, x = h.offsetHeight || 200, d = window.innerWidth, b = window.innerHeight, y = 10, E = o.right + y + p <= d - 8 ? o.right + y : Math.max(8, o.left - y - p), A = Math.min(Math.max(8, o.top), Math.max(8, b - x - 8));
+    r({ left: E, top: A });
+  }, [t, e]), O(
     /* @__PURE__ */ s(
       "div",
       {
@@ -241,7 +241,7 @@ function le({
         ),
         children: [
           /* @__PURE__ */ a("div", { className: "mb-2.5 text-[13px] leading-5 font-semibold text-ink [overflow-wrap:anywhere]", children: e.row.title || e.row.key }),
-          /* @__PURE__ */ a(Y, { card: e, seen: i, now: n })
+          /* @__PURE__ */ a(z, { card: e, seen: i, now: n })
         ]
       }
     ),
@@ -249,13 +249,13 @@ function le({
   );
 }
 export {
-  Y as C,
+  z as C,
   re as S,
   ee as a,
   te as b,
   ne as c,
   ie as d,
-  z as e,
+  F as e,
   ae as f,
   V as g,
   Z as h,