@markmo/europacore-session-ui 0.3.0 → 0.4.0

package/dist/{ComparePage-C32hPOqV.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-B0hmy2Cw.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
 };