@markmo/europacore-session-ui 0.2.0 → 0.4.0

package/dist/{CardDetail-CCgP8R61.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-NjGO7Jg1.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 })
   ] });
@@ -100,24 +100,27 @@ function g({ children: e }) {
 function $({ row: e }) {
   if (!e.criteria.length) return null;
   const t = e.stage === "done" || e.stage === "in_review";
-  return /* @__PURE__ */ a(l, { label: "Criteria", children: /* @__PURE__ */ a("ul", { className: "space-y-0.5", children: e.criteria.slice(0, 4).map((i, n) => /* @__PURE__ */ s("li", { className: "flex gap-1.5", children: [
-    /* @__PURE__ */ a("span", { className: t ? "text-ok" : "text-faint", "aria-hidden": "true", children: t ? "✔" : "○" }),
-    /* @__PURE__ */ a("span", { children: i })
-  ] }, 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] }),
+  return /* @__PURE__ */ a(l, { label: "Criteria", children: /* @__PURE__ */ a("ul", { className: "space-y-0.5", children: e.criteria.slice(0, 4).map((i, n) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: a static list of strings, which may repeat
+    /* @__PURE__ */ s("li", { className: "flex gap-1.5", children: [
+      /* @__PURE__ */ a("span", { className: t ? "text-ok" : "text-faint", "aria-hidden": "true", children: t ? "✔" : "○" }),
+      /* @__PURE__ */ a("span", { children: i })
+    ] }, n)
+  )) }) });
+}
+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,
@@ -156,7 +159,10 @@ function Y({ card: e, seen: t, now: i = Date.now() }) {
       "⎇ ",
       n.branch
     ] }, "branch")), (n.tokens || n.costUsd !== null) && r.push(/* @__PURE__ */ a(l, { label: "Usage", children: N(n) }, "usage")), n.explain.length && r.push(
-      /* @__PURE__ */ a(l, { label: "Why", children: /* @__PURE__ */ a("ul", { className: "space-y-0.5 text-muted", children: n.explain.slice(0, 3).map((o, p) => /* @__PURE__ */ a("li", { children: o }, p)) }) }, "why")
+      /* @__PURE__ */ a(l, { label: "Why", children: /* @__PURE__ */ a("ul", { className: "space-y-0.5 text-muted", children: n.explain.slice(0, 3).map((o, p) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: a static list of strings, which may repeat
+        /* @__PURE__ */ a("li", { children: o }, p)
+      )) }) }, "why")
     ), r.push(/* @__PURE__ */ a($, { row: n }, "criteria")), h = `Opens its fleet session${e.fleet ? `, ${e.fleet}` : ""}.`;
   else {
     const o = [n.agent, n.model].filter(Boolean).join(" · "), p = n.waiting > 1 ? ` · ${n.waiting} waits` : "";
@@ -165,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: [
@@ -182,11 +188,14 @@ 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(
-      /* @__PURE__ */ a(l, { label: "Collides", children: /* @__PURE__ */ a("ul", { className: "space-y-0.5 text-warn", children: n.explain.slice(0, 2).map((x, d) => /* @__PURE__ */ a("li", { children: x }, d)) }) }, "collides")
+      /* @__PURE__ */ a(l, { label: "Collides", children: /* @__PURE__ */ a("ul", { className: "space-y-0.5 text-warn", children: n.explain.slice(0, 2).map((x, d) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: a static list of strings, which may repeat
+        /* @__PURE__ */ a("li", { children: x }, d)
+      )) }) }, "collides")
     ), n.branch && r.push(/* @__PURE__ */ s(l, { label: "Branch", children: [
       "⎇ ",
       n.branch
@@ -211,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",
       {
@@ -232,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 })
         ]
       }
     ),
@@ -240,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,

package/dist/{ComparePage-FcLLhKzC.js → ComparePage-CrbCyu4u.js}

@@ -1,25 +1,25 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useEffect as F, useMemo as I, useState as x, useRef as ee } from "react";
-import { useParams as te, Link as z } from "react-router";
+import { useEffect as B, useMemo as O, useState as x, useRef as ee } from "react";
+import { useParams as te, Link as S } from "react-router";
 import { Star as ae, X as ne, ArrowLeft as se, Check as ie, ExternalLink as le } from "lucide-react";
-import { E as de, y as K, G as ce, u as re, a2 as oe, aX as me, aY as pe, aZ as fe, Q as O, a_ as he, F as xe, aB as ue, z as L, a$ as f, a as k, H, b0 as X, b1 as ke, b2 as be, b3 as ge, b4 as Ne, aC as _e, B as ye, C as P } from "./index-NjGO7Jg1.js";
+import { Q as de, K as A, X as ce, u as re, ab as oe, bL as me, bM as pe, bN as fe, a2 as I, bO as he, V as xe, aK as ue, O as F, bP as f, a as k, Y, bQ as q, bR as ke, bS as be, bw as ge, bx as Ne, aL as _e, B as ye, C as P } from "./index-CMPf-3JZ.js";
 function we(e) {
   return e.picked ? { label: "★ picked", tone: "ok" } : e.fleet_state === "passed" ? { label: "✔ passed", tone: "ok" } : e.fleet_state === "failed" ? { label: "✗ failed", tone: "danger" } : e.fleet_state === "cancelled" || e.fleet_state === "skipped" ? { label: "⊘ cancelled", tone: "neutral" } : e.pending_tool_call_id ? { label: "⏸ waiting", tone: "warn" } : { label: "● running", tone: "accent" };
 }
 function Q(e, s, d) {
   return d ? be(e, s) ? null : e.fleet_state === "passed" ? "A variant has been picked." : `${f(e)} did not pass: it can't be picked.` : s.some((p) => p.picked) ? "A variant has been picked." : "Nothing to pick yet: the variants are still running.";
 }
-function Le() {
+function Fe() {
   const { id: e = "", group: s = "" } = te(), d = de(e);
-  return F(() => {
-    e && !K.get(e) && K.attach(e);
+  return B(() => {
+    e && !A.get(e) && A.attach(e);
   }, [e]), d ? /* @__PURE__ */ t($e, { controller: d, group: s }) : /* @__PURE__ */ t(ce, {});
 }
 const Ce = (e) => `${e.task_id}:${e.files_changed ?? ""}:${e.lines_added ?? ""}:${e.lines_deleted ?? ""}:${e.attempt ?? ""}`;
 function $e({ controller: e, group: s }) {
   re(e, P.fleet, P.pause, P.session, P.run);
-  const d = oe(me), p = e.store.state, i = I(() => (p.fleetTasks ?? []).filter((a) => a.group === s), [p.fleetTasks, s]), o = pe(e, s), m = fe(e.session)?.run_id ?? null, [b, g] = x(/* @__PURE__ */ new Map()), [Y, S] = x(/* @__PURE__ */ new Map()), [M, D] = x(null), [q, U] = x(null), [N, E] = x(null), [w, j] = x(!1), [C, W] = x(null), Z = i.map(Ce).join("|");
-  F(() => {
+  const d = oe(me), p = e.store.state, i = O(() => (p.fleetTasks ?? []).filter((a) => a.group === s), [p.fleetTasks, s]), o = pe(e, s), m = fe(e.session)?.run_id ?? null, [b, g] = x(/* @__PURE__ */ new Map()), [G, z] = x(/* @__PURE__ */ new Map()), [M, D] = x(null), [H, U] = x(null), [N, V] = x(null), [w, j] = x(!1), [C, W] = x(null), J = i.map(Ce).join("|");
+  B(() => {
     if (!m) return;
     let a = !0;
     for (const l of i) {
@@ -27,7 +27,7 @@ function $e({ controller: e, group: s }) {
         g((r) => new Map(r).set(l.task_id, null));
         continue;
       }
-      O.fleetTaskDiff(m, l.task_id).then(
+      I.fleetTaskDiff(m, l.task_id).then(
         (r) => a && g((u) => new Map(u).set(l.task_id, r)),
         () => a && g((r) => new Map(r).set(l.task_id, null))
       );
@@ -35,33 +35,33 @@ function $e({ controller: e, group: s }) {
     return () => {
       a = !1;
     };
-  }, [m, Z]);
-  const T = i.map((a) => a.task_id), _ = T.join("|"), h = I(() => he(_ ? _.split("|") : [], b), [_, b]), c = M && h.some((a) => a.path === M) ? M : h[0]?.path ?? null, y = i.find((a) => a.task_id === q) ?? i[0] ?? null, V = ee(/* @__PURE__ */ new Set());
-  if (F(() => {
+  }, [m, J]);
+  const T = i.map((a) => a.task_id), _ = T.join("|"), h = O(() => he(_ ? _.split("|") : [], b), [_, b]), c = M && h.some((a) => a.path === M) ? M : h[0]?.path ?? null, y = i.find((a) => a.task_id === H) ?? i[0] ?? null, E = ee(/* @__PURE__ */ new Set());
+  if (B(() => {
     if (!m || !c) return;
     const a = h.find((l) => l.path === c);
     a && a.cells.forEach((l, r) => {
       const u = _.split("|")[r], $ = `${u}:${c}`;
-      !l || V.current.has($) || (V.current.add($), O.fleetTaskDiff(m, u, { path: c }).then(
-        (B) => S((v) => new Map(v).set($, B.patch ?? "")),
-        () => S((B) => new Map(B).set($, null))
+      !l || E.current.has($) || (E.current.add($), I.fleetTaskDiff(m, u, { path: c }).then(
+        (L) => z((v) => new Map(v).set($, L.patch ?? "")),
+        () => z((L) => new Map(L).set($, null))
       ));
     });
   }, [m, c, h, _]), !i.length)
-    return /* @__PURE__ */ t(G, { controller: e, group: s, children: /* @__PURE__ */ t(xe, { title: `No variants in ${s}`, children: "The fleet lists a best-of group's variants once its run starts them." }) });
+    return /* @__PURE__ */ t(X, { controller: e, group: s, children: /* @__PURE__ */ t(xe, { title: `No variants in ${s}`, children: "The fleet lists a best-of group's variants once its run starts them." }) });
   const R = async (a) => {
     if (o) {
-      E(a?.task_id ?? "none");
+      V(a?.task_id ?? "none");
       try {
         const l = a ? f(a) : null;
         await e.pick(o, l) && W(l ?? "none");
       } finally {
-        E(null), j(!1);
+        V(null), j(!1);
       }
     }
-  }, A = d ? i : y ? [y] : [], J = i.some((a) => a.files_changed && b.get(a.task_id) === void 0);
-  return /* @__PURE__ */ n(G, { controller: e, group: s, count: i.length, picking: !!o, children: [
-    C && /* @__PURE__ */ t(ue, { tone: "ok", className: "mb-3", action: /* @__PURE__ */ t(z, { to: L(e.id), className: "text-[12.5px] font-semibold text-accent hover:underline", children: "Back to the session" }), children: C === "none" ? `Picked none: ${s} is cancelled.` : `Picked ${C}: the fleet merges it.` }),
+  }, K = d ? i : y ? [y] : [], Z = i.some((a) => a.files_changed && b.get(a.task_id) === void 0);
+  return /* @__PURE__ */ n(X, { controller: e, group: s, count: i.length, picking: !!o, children: [
+    C && /* @__PURE__ */ t(ue, { tone: "ok", className: "mb-3", action: /* @__PURE__ */ t(S, { to: F(e.id), className: "text-[12.5px] font-semibold text-accent hover:underline", children: "Back to the session" }), children: C === "none" ? `Picked none: ${s} is cancelled.` : `Picked ${C}: the fleet merges it.` }),
     !o && !C && /* @__PURE__ */ n("p", { className: "mb-3 text-[13px] text-muted", children: [
       Q(i[0], i, null),
       " This view only compares."
@@ -89,7 +89,7 @@ function $e({ controller: e, group: s }) {
       {
         className: k(d && "grid gap-3 overflow-x-auto"),
         style: d ? { gridTemplateColumns: `repeat(${i.length}, minmax(240px, 1fr))` } : void 0,
-        children: A.map((a) => /* @__PURE__ */ t(
+        children: K.map((a) => /* @__PURE__ */ t(
           Pe,
           {
             variant: a,
@@ -112,7 +112,7 @@ function $e({ controller: e, group: s }) {
         ": none of them is merged."
       ] }),
       /* @__PURE__ */ t(
-        H,
+        Y,
         {
           size: "sm",
           variant: w ? "danger" : "secondary",
@@ -139,12 +139,12 @@ function $e({ controller: e, group: s }) {
             className: k("cursor-pointer border-t border-line-soft", a.path === c ? "bg-accent-soft" : "hover:bg-surface-hover"),
             children: [
               /* @__PURE__ */ t("td", { className: "max-w-[40ch] truncate px-3 py-1.5 font-mono text-ink", title: a.path, children: /* @__PURE__ */ t("button", { type: "button", className: "text-left", onClick: () => D(a.path), children: a.path }) }),
-              a.cells.map((l, r) => /* @__PURE__ */ t("td", { className: "px-3 py-1.5", children: l ? /* @__PURE__ */ t(X, { added: l.added, deleted: l.deleted }) : /* @__PURE__ */ t("span", { className: "text-faint", children: "·" }) }, T[r]))
+              a.cells.map((l, r) => /* @__PURE__ */ t("td", { className: "px-3 py-1.5", children: l ? /* @__PURE__ */ t(q, { added: l.added, deleted: l.deleted }) : /* @__PURE__ */ t("span", { className: "text-faint", children: "·" }) }, T[r]))
             ]
           },
           a.path
         )) })
-      ] }) }) : /* @__PURE__ */ t("p", { className: "text-[13px] text-muted", children: J ? "Reading the variants' changes…" : "No variant has changed a file yet." })
+      ] }) }) : /* @__PURE__ */ t("p", { className: "text-[13px] text-muted", children: Z ? "Reading the variants' changes…" : "No variant has changed a file yet." })
     ] }),
     c && /* @__PURE__ */ n("section", { "aria-label": `Diffs of ${c}`, className: "mt-5", children: [
       /* @__PURE__ */ t("h2", { className: "mb-2 truncate font-mono text-[13px] font-semibold text-ink", children: c }),
@@ -153,8 +153,8 @@ function $e({ controller: e, group: s }) {
         {
           className: k(d && "grid gap-3 overflow-x-auto"),
           style: d ? { gridTemplateColumns: `repeat(${i.length}, minmax(320px, 1fr))` } : void 0,
-          children: A.map((a) => {
-            const l = h.find((u) => u.path === c)?.cells[T.indexOf(a.task_id)], r = Y.get(`${a.task_id}:${c}`);
+          children: K.map((a) => {
+            const l = h.find((u) => u.path === c)?.cells[T.indexOf(a.task_id)], r = G.get(`${a.task_id}:${c}`);
             return /* @__PURE__ */ n("div", { className: "min-w-0", children: [
               /* @__PURE__ */ t("div", { className: "mb-1 text-[12px] font-semibold text-muted", children: f(a) }),
               l ? r === void 0 ? /* @__PURE__ */ t("p", { className: "px-3 py-4 text-center text-[12.5px] text-muted", children: "Reading…" }) : r === null ? /* @__PURE__ */ t("p", { className: "px-3 py-4 text-center text-[12.5px] text-danger", children: "Could not read this diff." }) : /* @__PURE__ */ t(ke, { patch: r, path: c, bare: !0, fileList: !1, defaultLayout: "unified" }) : /* @__PURE__ */ t("p", { className: "rounded-lg border border-line-soft px-3 py-4 text-center text-[12.5px] text-faint", children: "Left alone." })
@@ -165,7 +165,7 @@ function $e({ controller: e, group: s }) {
     ] })
   ] });
 }
-function G({
+function X({
   controller: e,
   group: s,
   count: d,
@@ -174,7 +174,7 @@ function G({
 }) {
   return /* @__PURE__ */ n("div", { className: "mx-auto w-full max-w-[1600px] px-4 py-4 sm:px-6", children: [
     /* @__PURE__ */ n("div", { className: "mb-4 flex flex-wrap items-center gap-x-3 gap-y-1", children: [
-      /* @__PURE__ */ n(z, { to: L(e.id), className: "inline-flex items-center gap-1 text-[13px] text-muted hover:text-ink", children: [
+      /* @__PURE__ */ n(S, { to: F(e.id), className: "inline-flex items-center gap-1 text-[13px] text-muted hover:text-ink", children: [
         /* @__PURE__ */ t(se, { size: 14, "aria-hidden": "true" }),
         e.title()
       ] }),
@@ -214,7 +214,7 @@ function Pe({
       /* @__PURE__ */ t("dt", { className: "text-muted", children: "Files" }),
       /* @__PURE__ */ t("dd", { className: "text-ink", children: e.files_changed === null || e.files_changed === void 0 ? /* @__PURE__ */ t("span", { className: "text-faint", children: "no change yet" }) : e.files_changed }),
       /* @__PURE__ */ t("dt", { className: "text-muted", children: "Lines" }),
-      /* @__PURE__ */ t("dd", { children: e.files_changed === null || e.files_changed === void 0 ? /* @__PURE__ */ t("span", { className: "text-faint", children: "–" }) : /* @__PURE__ */ t(X, { added: e.lines_added ?? 0, deleted: e.lines_deleted ?? 0 }) }),
+      /* @__PURE__ */ t("dd", { children: e.files_changed === null || e.files_changed === void 0 ? /* @__PURE__ */ t("span", { className: "text-faint", children: "–" }) : /* @__PURE__ */ t(q, { added: e.lines_added ?? 0, deleted: e.lines_deleted ?? 0 }) }),
       /* @__PURE__ */ t("dt", { className: "text-muted", children: "Tokens" }),
       /* @__PURE__ */ t("dd", { className: "text-ink", children: b || /* @__PURE__ */ t("span", { className: "text-faint", children: "–" }) }),
       /* @__PURE__ */ t("dt", { className: "text-muted", children: "Time" }),
@@ -227,11 +227,11 @@ function Pe({
     ] }),
     e.error && /* @__PURE__ */ t("p", { className: "mt-2 text-[12px] text-danger", children: e.error }),
     /* @__PURE__ */ n("div", { className: "mt-auto flex flex-wrap items-center gap-2 pt-3", children: [
-      /* @__PURE__ */ n(H, { size: "sm", variant: "primary", icon: /* @__PURE__ */ t(ie, { size: 14 }), loading: p, disabled: !!s || i, title: s ?? void 0, onClick: o, children: [
+      /* @__PURE__ */ n(Y, { size: "sm", variant: "primary", icon: /* @__PURE__ */ t(ie, { size: 14 }), loading: p, disabled: !!s || i, title: s ?? void 0, onClick: o, children: [
         "Pick ",
         f(e)
       ] }),
-      e.child_session_id && /* @__PURE__ */ n(z, { to: L(e.child_session_id), className: "inline-flex items-center gap-1 text-[12.5px] font-semibold text-accent hover:underline", children: [
+      e.child_session_id && /* @__PURE__ */ n(S, { to: F(e.child_session_id), className: "inline-flex items-center gap-1 text-[12.5px] font-semibold text-accent hover:underline", children: [
         "Open worker transcript",
         /* @__PURE__ */ t(le, { size: 12, "aria-hidden": "true" })
       ] })
@@ -241,7 +241,7 @@ function Pe({
 }
 export {
   $e as CompareView,
-  Le as default,
+  Fe as default,
   we as variantState,
   Q as whyNotPickable
 };