@gobing-ai/knowledge-kit 0.1.1 → 0.1.3

package/dist/board/collect/index.js

@@ -1,7 +1,30 @@
 // ../board/src/collect/index.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
 
 // ../board/src/shared/api.ts
+var MAX_OVERVIEW_RUNS = 25;
+function storeItemsQueryString(query) {
+  const params = new URLSearchParams;
+  if (query.page !== undefined)
+    params.set("page", String(query.page));
+  if (query.source !== undefined)
+    params.set("source", query.source);
+  if (query.seen !== undefined)
+    params.set("seen", query.seen);
+  if (query.decision !== undefined && query.value !== undefined) {
+    params.set("decision", query.decision);
+    params.set("value", query.value);
+  }
+  if (query.selection !== undefined)
+    params.set("selection", query.selection);
+  return params.toString();
+}
 var DEFAULT_READER_ORIGIN = "http://127.0.0.1:4340";
 function readerOriginFrom(search) {
   const override = new URLSearchParams(search).get("kkApi");
@@ -63,6 +86,12 @@ function createBoardClient(options) {
         params.set("cursor", cursor);
       return getJson(`${board}/api/runs?${params.toString()}`);
     },
+    storeOverview: (runIds) => {
+      const params = new URLSearchParams({ runs: runIds.slice(0, MAX_OVERVIEW_RUNS).join(",") });
+      return getJson(`${reader}/api/workflows/kk-collect/store/overview?${params.toString()}`);
+    },
+    storeRun: (runId) => getJson(`${reader}/api/workflows/kk-collect/runs/${encodeURIComponent(runId)}/store`),
+    storeItems: (runId, query = {}) => getJson(`${reader}/api/workflows/kk-collect/runs/${encodeURIComponent(runId)}/store/items?${storeItemsQueryString(query)}`),
     runDetail: (runId) => getJson(`${board}/api/runs/${encodeURIComponent(runId)}`),
     progress: (runId) => getJson(`${board}/api/runs/${encodeURIComponent(runId)}/progress`)
   };
@@ -293,11 +322,124 @@ function artifactViews(results, readerOrigin) {
     href: artifact.availability === "available" ? `${readerOrigin}/api/workflows/${results.workflow}/runs/${results.runId}/artifacts/${artifact.id}` : null
   }));
 }
+var CADENCE_SCHEDULE_HOURS = 6;
+function cadenceState(lastStoredAt, now) {
+  const since = lastStoredAt === null ? Number.NaN : Date.parse(lastStoredAt);
+  if (Number.isNaN(since)) {
+    return { state: "unknown", sinceHours: null, detail: "No stored collection recorded." };
+  }
+  const sinceHours = Math.max(0, (now - since) / 3600000);
+  const state = sinceHours <= CADENCE_SCHEDULE_HOURS ? "on schedule" : sinceHours <= 2 * CADENCE_SCHEDULE_HOURS ? "late" : "stalled";
+  return {
+    state,
+    sinceHours,
+    detail: `${sinceHours.toFixed(1)} h since the last stored collection (schedule ${CADENCE_SCHEDULE_HOURS} h).`
+  };
+}
+function fallbackShare(row) {
+  if (row.labelRows <= 0)
+    return "—";
+  const fallback = row.labelRowsBySource.default ?? 0;
+  return `${Math.round(fallback / row.labelRows * 100)}%`;
+}
+function sourceSegments(sourceCounts) {
+  const entries = Object.entries(sourceCounts).filter(([, count]) => Number.isFinite(count) && count > 0).sort(([a], [b]) => a.localeCompare(b));
+  const total = entries.reduce((sum, [, count]) => sum + count, 0);
+  return entries.map(([source, count]) => ({ source, count, share: total === 0 ? 0 : count / total }));
+}
+function bannerCounts(runs, rows) {
+  const counts = { failed: 0, doneWithoutRow: 0, inProgress: 0 };
+  for (const run of runs) {
+    if (rows[run.id] !== undefined && rows[run.id] !== null)
+      continue;
+    if (run.status === "failed")
+      counts.failed += 1;
+    else if (run.status === "done")
+      counts.doneWithoutRow += 1;
+    else if (run.status === "running")
+      counts.inProgress += 1;
+  }
+  return counts;
+}
+var NAMED_MAKERS = ["heuristic", "model", "default"];
+function makerBreakdown(labelRowsBySource) {
+  const named = NAMED_MAKERS.map((maker) => `${labelRowsBySource[maker] ?? 0} ${maker}`);
+  const other = Object.entries(labelRowsBySource).filter(([maker]) => !NAMED_MAKERS.includes(maker)).reduce((sum, [, count]) => sum + count, 0);
+  return (other > 0 ? [...named, `${other} other`] : named).join(" · ");
+}
+function funnelCards(row, results) {
+  if (row === null) {
+    const unavailable = {
+      title: "Collected",
+      value: "unavailable",
+      unit: "items",
+      detail: "This run wrote no store row.",
+      availability: "unavailable"
+    };
+    return [unavailable];
+  }
+  const segments = sourceSegments(row.sourceCounts);
+  const collected = segments.reduce((sum, segment) => sum + segment.count, 0);
+  const unchanged = results === null ? null : collectSummary(results).unchanged;
+  const stored = row.inserted + row.updated;
+  const yieldTotal = row.yield.selected + row.yield.published + row.yield.dropped;
+  return [
+    {
+      title: "Collected",
+      value: String(collected),
+      unit: "items",
+      detail: segments.length === 0 ? "No source counts recorded." : segments.map((s) => `${s.source} ${s.count}`).join(" · "),
+      availability: "available"
+    },
+    {
+      title: "Stored",
+      value: String(stored),
+      unit: "items",
+      detail: `${row.inserted} inserted · ${row.updated} updated · ${unchanged === null ? "unavailable" : `${unchanged} unchanged`}`,
+      availability: "available"
+    },
+    {
+      title: "Labeled",
+      value: String(row.labeledItems),
+      unit: "items",
+      detail: `${row.labelRows} label rows: ${makerBreakdown(row.labelRowsBySource)}`,
+      availability: "available"
+    },
+    {
+      title: "Downstream",
+      value: String(yieldTotal),
+      unit: "items",
+      detail: `${row.yield.selected} selected · ${row.yield.published} published · ${row.yield.dropped} dropped`,
+      availability: "available"
+    }
+  ];
+}
+function decisionValues(quality, decisionId) {
+  const entry = quality.find((candidate) => candidate.decisionId === decisionId);
+  return entry === undefined ? [] : entry.run.map((row) => row.value);
+}
+function runDuration(startedAt, completedAt) {
+  if (startedAt === null || startedAt === undefined)
+    return "—";
+  if (completedAt === null || completedAt === undefined)
+    return "—";
+  const end = Date.parse(completedAt);
+  if (Number.isNaN(Date.parse(startedAt)) || Number.isNaN(end))
+    return "—";
+  return formatElapsed(startedAt, end);
+}
+function pager(page, total, pageSize = 25) {
+  return { page, total, pages: Math.max(1, Math.ceil(total / pageSize)) };
+}
 
 // ../board/src/shared/refresh.ts
 var ACTIVE_POLL_MS = 5000;
 var HISTORY_POLL_MS = 30000;
 var MAX_BACKOFF_MS = 30000;
+function requestSequence() {
+  let newest = 0;
+  return { begin: () => ++newest, isCurrent: (token) => token === newest };
+}
 function initialRefresh(intervalMs) {
   return { pending: false, failures: 0, backoffMs: intervalMs, lastSuccessAt: null, failingSince: null };
 }
@@ -332,22 +474,25 @@ function freshnessLabel(state) {
 
 // ../board/src/shared/run-selection.ts
 var BOARD_TABS = ["summary", "results", "progress", "config"];
-function isBoardTab(value) {
-  return value !== null && value !== undefined && BOARD_TABS.includes(value);
-}
-function parseDeepLink(search) {
+var COLLECT_TABS = ["overview", "summary", "items", "progress", "config"];
+var COLLECT_TAB_ALIASES = { results: "summary" };
+function parseDeepLink(search, tabs = BOARD_TABS, aliases = {}) {
   const params = new URLSearchParams(search.startsWith("?") ? search.slice(1) : search);
   const diagnostics = [];
   const rawTab = params.get("tab");
   const rawRun = params.get("run");
+  const known = tabs;
   let tab;
   if (rawTab !== null) {
-    if (isBoardTab(rawTab)) {
+    const aliased = Object.hasOwn(aliases, rawTab) ? aliases[rawTab] : undefined;
+    if (known.includes(rawTab)) {
       tab = rawTab;
+    } else if (aliased !== undefined && known.includes(aliased)) {
+      tab = aliased;
     } else {
       diagnostics.push({
         code: "board.deeplink.unknown-tab",
-        message: `Unknown tab '${rawTab}'; showing Summary.`
+        message: `Unknown tab '${rawTab}'; showing the default tab.`
       });
     }
   }
@@ -361,8 +506,8 @@ function parseDeepLink(search) {
   }
   return { ...runId === undefined ? {} : { runId }, ...tab === undefined ? {} : { tab }, diagnostics };
 }
-function resolveSelection(rows, link) {
-  const tab = link.tab ?? "summary";
+function resolveSelection(rows, link, defaultTab = "summary") {
+  const tab = link.tab ?? defaultTab;
   const diagnostics = [...link.diagnostics];
   if (link.runId !== undefined) {
     if (rows.some((row) => row.id === link.runId)) {
@@ -406,380 +551,315 @@ function mergeRunPages(existing, page) {
   return { runs: merged, count: merged.length, nextCursor: page.nextCursor, hasMore: page.hasMore };
 }
 
-// ../board/src/collect/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var TAB_LABELS = {
-  summary: "Summary",
-  results: "Results",
-  progress: "Execution progress",
-  config: "Workflow Config Summary"
-};
-function messageOf(error) {
-  return error instanceof Error ? error.message : String(error);
+// ../board/src/collect/panels.tsx
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function cadenceBadge(cadence) {
+  switch (cadence?.state) {
+    case "on schedule":
+      return "kk-badge-success";
+    case "late":
+      return "kk-badge-warning";
+    case "stalled":
+      return "kk-badge-failed";
+    default:
+      return "kk-badge-neutral";
+  }
 }
-function usePolling(loader, intervalMs, refresh) {
-  const loaderRef = useRef(loader);
-  loaderRef.current = loader;
-  const refreshRef = useRef(refresh);
-  refreshRef.current = refresh;
-  useEffect(() => {
-    let cancelled = false;
-    let timer;
-    const loop = async () => {
-      if (!document.hidden) {
-        await loaderRef.current();
-      }
-      if (!cancelled)
-        timer = setTimeout(() => void loop(), delayMs(refreshRef.current, intervalMs));
-    };
-    loop();
-    return () => {
-      cancelled = true;
-      clearTimeout(timer);
-    };
-  }, [intervalMs]);
+function StoreState({ diagnostics }) {
+  if (diagnostics.length === 0)
+    return null;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: dedupeDiagnostics(diagnostics).map((diagnostic) => /* @__PURE__ */ jsx("p", {
+      role: "status",
+      className: "kk-board-diagnostic",
+      children: diagnosticLine(diagnostic)
+    }, diagnostic.code))
+  });
 }
-function CollectModule() {
-  const [link] = useState(() => parseDeepLink(window.location.search));
-  const [reader] = useState(() => readerOriginFrom(window.location.search));
-  const readerOrigin = reader.origin;
-  const client = useMemo(() => createBoardClient({ readerOrigin, boardOrigin: window.location.origin }), [readerOrigin]);
-  const [rows, setRows] = useState([]);
-  const [cursor, setCursor] = useState(null);
-  const [selection, setSelection] = useState({ runId: link.runId ?? null, tab: link.tab ?? "summary" });
-  const [diagnostics, setDiagnostics] = useState(() => [
-    ...link.diagnostics,
-    ...reader.diagnostic === null ? [] : [reader.diagnostic]
-  ]);
-  const [historyRefresh, setHistoryRefresh] = useState(() => initialRefresh(HISTORY_POLL_MS));
-  const [readerRefresh, setReaderRefresh] = useState(() => initialRefresh(ACTIVE_POLL_MS));
-  const [results, setResults] = useState(null);
-  const [config, setConfig] = useState(null);
-  const [progress, setProgress] = useState(null);
-  const [filterQuery, setFilterQuery] = useState("");
-  const historyBusy = useRef(false);
-  const readerBusy = useRef(false);
-  const loadHistory = useCallback(async () => {
-    if (historyBusy.current)
-      return;
-    historyBusy.current = true;
-    setHistoryRefresh((state) => tick(state));
-    try {
-      const page = await client.runs("kk-collect");
-      setRows((existing) => mergeRunPages(existing, page).runs);
-      setCursor(page.nextCursor);
-      setHistoryRefresh(() => succeeded(Date.now(), HISTORY_POLL_MS));
-    } catch (error) {
-      setDiagnostics((existing) => [
-        ...existing,
-        { code: "board.history.unavailable", message: messageOf(error) }
-      ]);
-      setHistoryRefresh((state) => failed(state, Date.now()));
-    } finally {
-      historyBusy.current = false;
-    }
-  }, [client]);
-  const loadReader = useCallback(async () => {
-    if (readerBusy.current)
-      return;
-    const runId = selectionRef.current.runId;
-    if (runId === null)
-      return;
-    readerBusy.current = true;
-    setReaderRefresh((state) => tick(state));
-    try {
-      const [nextResults, nextConfig] = await Promise.all([
-        client.results("kk-collect", runId),
-        client.config("kk-collect", runId)
-      ]);
-      setResults(nextResults);
-      setConfig(nextConfig);
-      setReaderRefresh(() => succeeded(Date.now(), ACTIVE_POLL_MS));
-    } catch (error) {
-      setDiagnostics((existing) => [
-        ...existing,
-        { code: "board.reader.unavailable", message: messageOf(error) }
-      ]);
-      setReaderRefresh((state) => failed(state, Date.now()));
-    } finally {
-      readerBusy.current = false;
-    }
-    try {
-      setProgress(await client.progress(runId));
-    } catch {}
-  }, [client]);
-  const selectionRef = useRef(selection);
-  selectionRef.current = selection;
-  usePolling(loadHistory, HISTORY_POLL_MS, historyRefresh);
-  usePolling(loadReader, ACTIVE_POLL_MS, readerRefresh);
-  useEffect(() => {
-    if (selection.runId === null && rows.length > 0) {
-      setSelection((state) => state.runId === null ? resolveSelection(rows, link) : state);
-    }
-  }, [rows, selection.runId, link]);
-  useEffect(() => {
-    syncSelectionUrl(selection, { location: window.location, history: window.history });
-  }, [selection]);
-  const tab = selection.tab;
-  const now = Date.now();
-  const facts = results === null ? [] : collectSummaryFacts(results, now);
-  const artifacts = results === null ? [] : artifactViews(results, readerOrigin);
-  const steps = progressRows(progress);
-  const selectedRow = rows.find((row) => row.id === selection.runId);
-  const filteredRows = useMemo(() => {
-    const q = filterQuery.trim().toLowerCase();
-    if (q === "")
-      return rows;
-    return rows.filter((r) => r.id.toLowerCase().includes(q) || r.status.toLowerCase().includes(q));
-  }, [rows, filterQuery]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: "kk-board kk-board-collect",
+function storeCellText(status) {
+  return status === "running" ? "in progress" : "no store row";
+}
+function OverviewPanel({
+  runs,
+  overview,
+  now,
+  runHref
+}) {
+  const page = runs.slice(0, MAX_OVERVIEW_RUNS);
+  const storeState = overview === null ? "loading" : overview.availability;
+  const counts = overview !== null && storeState === "available" ? bannerCounts(page, overview.rows) : null;
+  const cadence = overview === null ? null : cadenceState(overview.lastStoredAt, now);
+  return /* @__PURE__ */ jsxs("section", {
+    className: "kk-card kk-collect-overview",
     children: [
-      /* @__PURE__ */ jsxs("header", {
-        className: "kk-board-header",
+      /* @__PURE__ */ jsxs("div", {
+        className: "kk-collect-banner",
         children: [
           /* @__PURE__ */ jsxs("div", {
-            className: "kk-board-header-left",
+            className: "kk-collect-banner-cell",
             children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "kk-board-header-title-row",
-                children: [
-                  /* @__PURE__ */ jsx("h1", {
-                    children: "Collect"
-                  }),
-                  selectedRow ? /* @__PURE__ */ jsx("span", {
-                    className: `kk-badge ${selectedRow.status === "done" ? "kk-badge-success" : selectedRow.status === "failed" ? "kk-badge-failed" : "kk-badge-running"}`,
-                    children: selectedRow.status
-                  }) : null
-                ]
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-label",
+                children: "Collection cadence"
               }),
-              /* @__PURE__ */ jsxs("p", {
-                children: [
-                  "Run ",
-                  /* @__PURE__ */ jsx("code", {
-                    children: selection.runId ?? "none selected"
-                  }),
-                  " · ",
-                  freshnessLabel(readerRefresh),
-                  results === null ? "" : ` · Results ${results.availability}`
-                ]
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-collect-banner-value",
+                children: /* @__PURE__ */ jsx("span", {
+                  className: `kk-badge ${cadenceBadge(cadence)}`,
+                  children: cadence?.state ?? "unknown"
+                })
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-sub",
+                children: cadence?.detail ?? "The store has not answered yet."
               })
             ]
           }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "kk-board-header-right",
+          counts === null ? null : /* @__PURE__ */ jsxs("div", {
+            className: "kk-collect-banner-cell",
             children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "kk-board-run-filter-group",
-                children: [
-                  /* @__PURE__ */ jsx("input", {
-                    type: "text",
-                    className: "kk-board-run-filter-input",
-                    placeholder: "Filter runs...",
-                    value: filterQuery,
-                    onChange: (e) => setFilterQuery(e.target.value),
-                    "aria-label": "Filter runs"
-                  }),
-                  /* @__PURE__ */ jsxs("label", {
-                    className: "kk-board-run-selector",
-                    children: [
-                      "Run",
-                      /* @__PURE__ */ jsxs("select", {
-                        value: selection.runId ?? "",
-                        onChange: (event) => setSelection((state) => ({ ...state, runId: event.target.value || null })),
-                        children: [
-                          /* @__PURE__ */ jsx("option", {
-                            value: "",
-                            children: rows.length === 0 ? "No runs recorded" : filteredRows.length === 0 ? "No matching runs" : "Select a run"
-                          }),
-                          filteredRows.map((row) => /* @__PURE__ */ jsxs("option", {
-                            value: row.id,
-                            children: [
-                              row.id,
-                              " — ",
-                              row.status
-                            ]
-                          }, row.id))
-                        ]
-                      })
-                    ]
-                  })
-                ]
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-label",
+                children: "Needs attention"
               }),
-              /* @__PURE__ */ jsx("button", {
-                type: "button",
-                onClick: () => void loadReader(),
-                title: "Refresh run data",
-                children: "↻ Refresh"
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-value",
+                children: counts.failed + counts.doneWithoutRow
               }),
-              selection.runId === null ? null : /* @__PURE__ */ jsx("a", {
-                href: selectionPath(selection, window.location.search),
-                className: "kk-btn-action",
-                title: "Permanent link",
-                children: "\uD83D\uDD17 Link"
+              /* @__PURE__ */ jsxs("span", {
+                className: "kk-stat-sub",
+                children: [
+                  counts.failed,
+                  " failed · ",
+                  counts.doneWithoutRow,
+                  " done without a store row ·",
+                  " ",
+                  counts.inProgress,
+                  " in progress"
+                ]
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx("nav", {
-        className: "kk-board-tabs",
-        "aria-label": "Collect tabs",
-        children: BOARD_TABS.map((candidate) => /* @__PURE__ */ jsx("button", {
-          type: "button",
-          "aria-current": candidate === tab ? "page" : undefined,
-          onClick: () => setSelection((state) => ({ ...state, tab: candidate })),
-          children: TAB_LABELS[candidate]
-        }, candidate))
-      }),
-      rows.length === 0 ? /* @__PURE__ */ jsxs("p", {
-        className: "kk-board-empty",
+      overview !== null && overview.availability === "unavailable" ? /* @__PURE__ */ jsxs(Fragment, {
         children: [
-          "No runs recorded for kk-collect. Configure the workflow in",
-          " ",
-          /* @__PURE__ */ jsx("a", {
-            href: "/board/settings/workflows",
-            children: "Settings → Workflows"
+          /* @__PURE__ */ jsx("p", {
+            children: "The store could not be read for this page; no counts are shown."
           }),
-          "."
+          /* @__PURE__ */ jsx(StoreState, {
+            diagnostics: overview.diagnostics
+          })
         ]
       }) : null,
-      tab === "summary" ? /* @__PURE__ */ jsx(SummaryPanel, {
-        facts,
-        results
-      }) : null,
-      tab === "results" ? /* @__PURE__ */ jsx(ResultsPanel, {
-        artifacts
-      }) : null,
-      tab === "progress" ? /* @__PURE__ */ jsx(ProgressPanel, {
-        steps
-      }) : null,
-      tab === "config" ? /* @__PURE__ */ jsx(ConfigPanel, {
-        config
+      overview === null ? /* @__PURE__ */ jsx("p", {
+        children: "The store overview has not loaded yet."
       }) : null,
-      dedupeDiagnostics([...diagnostics, ...results?.diagnostics ?? []]).map((diagnostic) => /* @__PURE__ */ jsx("p", {
-        role: "status",
-        className: "kk-board-diagnostic",
-        children: diagnosticLine(diagnostic)
-      }, diagnostic.code)),
-      cursor === null ? null : /* @__PURE__ */ jsx("button", {
-        type: "button",
-        onClick: () => void loadHistory(),
-        children: "Load more runs"
+      /* @__PURE__ */ jsx("div", {
+        className: "kk-table-container",
+        children: /* @__PURE__ */ jsxs("table", {
+          className: "kk-table kk-collect-table",
+          children: [
+            /* @__PURE__ */ jsx("thead", {
+              children: /* @__PURE__ */ jsxs("tr", {
+                children: [
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Run"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Started"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Duration"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Status"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Collected"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Inserted"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Updated"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Label rows"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Fallback"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Yield"
+                  })
+                ]
+              })
+            }),
+            /* @__PURE__ */ jsx("tbody", {
+              children: page.map((run) => {
+                const row = overview?.rows[run.id] ?? null;
+                return /* @__PURE__ */ jsxs("tr", {
+                  children: [
+                    /* @__PURE__ */ jsx("td", {
+                      children: /* @__PURE__ */ jsx("a", {
+                        className: "kk-collect-run-link",
+                        href: runHref(run.id),
+                        children: run.id
+                      })
+                    }),
+                    /* @__PURE__ */ jsx("td", {
+                      children: formatTimestamp(run.startedAt)
+                    }),
+                    /* @__PURE__ */ jsx("td", {
+                      children: runDuration(run.startedAt, run.completedAt)
+                    }),
+                    /* @__PURE__ */ jsx("td", {
+                      children: run.status
+                    }),
+                    storeState !== "available" ? /* @__PURE__ */ jsx("td", {
+                      colSpan: 6,
+                      className: "kk-collect-nostore",
+                      children: storeState === "loading" ? "store not loaded yet" : "store unavailable"
+                    }) : row === null ? /* @__PURE__ */ jsx("td", {
+                      colSpan: 6,
+                      className: "kk-collect-nostore",
+                      children: storeCellText(run.status)
+                    }) : /* @__PURE__ */ jsx(StoredCells, {
+                      row
+                    })
+                  ]
+                }, run.id);
+              })
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+function StoredCells({ row }) {
+  const segments = sourceSegments(row.sourceCounts);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx("td", {
+        children: segments.length === 0 ? /* @__PURE__ */ jsx("span", {
+          className: "kk-board-state",
+          children: "no sources recorded"
+        }) : /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: "kk-collect-bar",
+              "aria-hidden": "true",
+              children: segments.map((segment, index) => /* @__PURE__ */ jsx("span", {
+                className: `kk-collect-bar-seg kk-collect-bar-seg-${index % 3}`,
+                style: { width: `${segment.share * 100}%` }
+              }, segment.source))
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: "kk-collect-bar-total",
+              children: segments.map((segment) => `${segment.source} ${segment.count}`).join(" · ")
+            })
+          ]
+        })
       }),
-      /* @__PURE__ */ jsxs("p", {
-        className: "kk-board-footnote",
+      /* @__PURE__ */ jsx("td", {
+        children: row.inserted
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: row.updated
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: row.labelRows
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: fallbackShare(row)
+      }),
+      /* @__PURE__ */ jsxs("td", {
         children: [
-          "Run history every ",
-          HISTORY_POLL_MS / 1000,
-          "s; selected run every ",
-          ACTIVE_POLL_MS / 1000,
-          "s."
+          row.yield.selected,
+          " selected · ",
+          row.yield.published,
+          " published · ",
+          row.yield.dropped,
+          " dropped"
         ]
       })
     ]
   });
 }
-function SummaryPanel({
+function RunDetailPanel({
+  storeRun,
+  results,
   facts,
-  results
+  artifacts,
+  showEffective,
+  onToggleQuality
 }) {
-  if (results === null)
-    return /* @__PURE__ */ jsx("p", {
-      children: "No captured results for the selected run."
-    });
-  const summary = collectSummary(results);
-  const totalItems = (summary.inserted ?? 0) + (summary.updated ?? 0) + (summary.unchanged ?? 0);
+  const cards = storeRun !== null && storeRun.availability === "available" ? funnelCards(storeRun.row, results) : [];
   return /* @__PURE__ */ jsxs("div", {
-    style: { display: "flex", flexDirection: "column", gap: "0.875rem" },
+    className: "kk-collect-detail",
     children: [
-      summary.labeled !== null || summary.inserted !== null ? /* @__PURE__ */ jsxs("div", {
-        className: "kk-stat-grid",
+      cards.length === 0 ? null : /* @__PURE__ */ jsx("div", {
+        className: "kk-stat-grid kk-collect-funnel",
+        children: cards.map((card) => /* @__PURE__ */ jsxs("div", {
+          className: "kk-stat-card",
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: "kk-stat-label",
+              children: card.title
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: "kk-stat-value",
+              children: card.value
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: "kk-stat-sub",
+              children: card.unit
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: "kk-stat-sub",
+              children: card.detail
+            })
+          ]
+        }, card.title))
+      }),
+      storeRun === null ? /* @__PURE__ */ jsx("p", {
+        children: "The store has not answered for the selected run yet."
+      }) : null,
+      storeRun !== null && storeRun.availability === "unavailable" ? /* @__PURE__ */ jsxs(Fragment, {
         children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "kk-stat-card",
-            children: [
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-label",
-                children: "Ingested Items"
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-value",
-                children: totalItems
-              }),
-              /* @__PURE__ */ jsxs("span", {
-                className: "kk-stat-sub",
-                children: [
-                  summary.inserted ?? 0,
-                  " new · ",
-                  summary.updated ?? 0,
-                  " updated"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "kk-stat-card",
-            children: [
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-label",
-                children: "Labeled Pool"
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-value",
-                children: summary.labeled ?? "—"
-              }),
-              /* @__PURE__ */ jsxs("span", {
-                className: "kk-stat-sub",
-                children: [
-                  summary.model ?? 0,
-                  " model · ",
-                  summary.fallback ?? 0,
-                  " fallback"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "kk-stat-card",
-            children: [
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-label",
-                children: "Verdict"
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-value",
-                children: summary.verdict ?? "—"
-              }),
-              /* @__PURE__ */ jsxs("span", {
-                className: "kk-stat-sub",
-                children: [
-                  "Confidence: ",
-                  summary.confidence ?? "—"
-                ]
-              })
-            ]
+          /* @__PURE__ */ jsx("p", {
+            children: "The store could not be read for this run; no counts are shown."
           }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "kk-stat-card",
-            children: [
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-label",
-                children: "Sources Active"
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-value",
-                children: Object.keys(summary.sourceCounts ?? {}).length
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: "kk-stat-sub",
-                children: "Ingest channels"
-              })
-            ]
+          /* @__PURE__ */ jsx(StoreState, {
+            diagnostics: storeRun.diagnostics
           })
         ]
       }) : null,
-      /* @__PURE__ */ jsx("dl", {
+      storeRun !== null && storeRun.row === null && storeRun.availability === "available" ? /* @__PURE__ */ jsx("p", {
+        children: "This run wrote no store row."
+      }) : null,
+      storeRun !== null && storeRun.row !== null ? /* @__PURE__ */ jsx(LabelQuality, {
+        quality: storeRun.labelQuality,
+        diagnostics: storeRun.diagnostics,
+        showEffective,
+        onToggle: onToggleQuality
+      }) : null,
+      results === null ? /* @__PURE__ */ jsx("p", {
+        children: "No captured results for the selected run."
+      }) : null,
+      facts.length === 0 ? null : /* @__PURE__ */ jsx("dl", {
         className: "kk-board-facts",
         children: facts.map((fact) => /* @__PURE__ */ jsxs("div", {
           children: [
@@ -798,11 +878,151 @@ function SummaryPanel({
             })
           ]
         }, fact.label))
+      }),
+      /* @__PURE__ */ jsx(ArtifactRows, {
+        artifacts
       })
     ]
   });
 }
-function ResultsPanel({ artifacts }) {
+function LabelQuality({
+  quality,
+  diagnostics,
+  showEffective,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxs("section", {
+    className: "kk-card kk-collect-quality",
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "kk-card-header",
+        children: [
+          /* @__PURE__ */ jsx("h2", {
+            children: "Label quality"
+          }),
+          /* @__PURE__ */ jsx("button", {
+            type: "button",
+            onClick: onToggle,
+            children: showEffective ? "Show this run" : "Show effective labels"
+          })
+        ]
+      }),
+      quality.length === 0 ? /* @__PURE__ */ jsx("p", {
+        children: "No label decisions recorded for this run."
+      }) : null,
+      quality.map((entry) => /* @__PURE__ */ jsxs("div", {
+        className: "kk-collect-quality-block",
+        children: [
+          /* @__PURE__ */ jsx("h3", {
+            children: entry.decisionId
+          }),
+          /* @__PURE__ */ jsx(QualityTable, {
+            entry,
+            showEffective
+          })
+        ]
+      }, entry.decisionId)),
+      /* @__PURE__ */ jsx(StoreState, {
+        diagnostics
+      })
+    ]
+  });
+}
+function QualityTable({
+  entry,
+  showEffective
+}) {
+  if (showEffective) {
+    if (entry.effective.length === 0)
+      return /* @__PURE__ */ jsx("p", {
+        children: "Effective label distribution unavailable."
+      });
+    return /* @__PURE__ */ jsxs("table", {
+      className: "kk-table",
+      children: [
+        /* @__PURE__ */ jsx("thead", {
+          children: /* @__PURE__ */ jsxs("tr", {
+            children: [
+              /* @__PURE__ */ jsx("th", {
+                scope: "col",
+                children: "Value"
+              }),
+              /* @__PURE__ */ jsx("th", {
+                scope: "col",
+                children: "Items"
+              })
+            ]
+          })
+        }),
+        /* @__PURE__ */ jsx("tbody", {
+          children: entry.effective.map((value) => /* @__PURE__ */ jsxs("tr", {
+            children: [
+              /* @__PURE__ */ jsx("td", {
+                children: value.value
+              }),
+              /* @__PURE__ */ jsx("td", {
+                children: value.count
+              })
+            ]
+          }, value.value))
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxs("table", {
+    className: "kk-table",
+    children: [
+      /* @__PURE__ */ jsx("thead", {
+        children: /* @__PURE__ */ jsxs("tr", {
+          children: [
+            /* @__PURE__ */ jsx("th", {
+              scope: "col",
+              children: "Value"
+            }),
+            /* @__PURE__ */ jsx("th", {
+              scope: "col",
+              children: "HIGH"
+            }),
+            /* @__PURE__ */ jsx("th", {
+              scope: "col",
+              children: "MEDIUM"
+            }),
+            /* @__PURE__ */ jsx("th", {
+              scope: "col",
+              children: "LOW"
+            }),
+            /* @__PURE__ */ jsx("th", {
+              scope: "col",
+              children: "none"
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsx("tbody", {
+        children: entry.run.map((row) => /* @__PURE__ */ jsxs("tr", {
+          children: [
+            /* @__PURE__ */ jsx("td", {
+              children: row.value
+            }),
+            /* @__PURE__ */ jsx("td", {
+              children: row.HIGH
+            }),
+            /* @__PURE__ */ jsx("td", {
+              children: row.MEDIUM
+            }),
+            /* @__PURE__ */ jsx("td", {
+              children: row.LOW
+            }),
+            /* @__PURE__ */ jsx("td", {
+              children: row.none
+            })
+          ]
+        }, row.value))
+      })
+    ]
+  });
+}
+function ArtifactRows({ artifacts }) {
   if (artifacts.length === 0)
     return /* @__PURE__ */ jsx("p", {
       children: "No artifact evidence for the selected run."
@@ -827,6 +1047,222 @@ function ResultsPanel({ artifacts }) {
     }, artifact.id))
   });
 }
+function FilterSelect({
+  label,
+  name,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("label", {
+    className: "kk-collect-filter",
+    children: [
+      label,
+      /* @__PURE__ */ jsxs("select", {
+        name,
+        value: value ?? "",
+        onChange,
+        children: [
+          /* @__PURE__ */ jsx("option", {
+            value: "",
+            children: "All"
+          }),
+          options.map((option) => /* @__PURE__ */ jsx("option", {
+            value: option,
+            children: option
+          }, option))
+        ]
+      })
+    ]
+  });
+}
+function ItemsPanel({
+  runId,
+  items,
+  filters,
+  quality,
+  onFilterChange,
+  onPageChange
+}) {
+  const current = items !== null && items.runId === runId ? items : null;
+  const storeState = current === null ? "loading" : current.availability === "available" ? "available" : "unavailable";
+  const page = storeState === "available" ? current : null;
+  const count = page === null ? null : pager(page.page, page.total, page.pageSize);
+  return /* @__PURE__ */ jsxs("section", {
+    className: "kk-card kk-collect-items",
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "kk-collect-filters",
+        children: [
+          /* @__PURE__ */ jsx(FilterSelect, {
+            label: "Source",
+            name: "source",
+            value: filters.source,
+            options: page?.sources ?? [],
+            onChange: onFilterChange
+          }),
+          /* @__PURE__ */ jsx(FilterSelect, {
+            label: "Seen",
+            name: "seen",
+            value: filters.seen,
+            options: ["new", "reseen"],
+            onChange: onFilterChange
+          }),
+          /* @__PURE__ */ jsx(FilterSelect, {
+            label: "Decision",
+            name: "decision",
+            value: filters.decision,
+            options: quality.map((entry) => entry.decisionId),
+            onChange: onFilterChange
+          }),
+          /* @__PURE__ */ jsx(FilterSelect, {
+            label: "Value",
+            name: "value",
+            value: filters.value,
+            options: decisionValues(quality, filters.decision ?? ""),
+            onChange: onFilterChange
+          }),
+          /* @__PURE__ */ jsx(FilterSelect, {
+            label: "Selection",
+            name: "selection",
+            value: filters.selection,
+            options: ["selected", "published", "dropped", "none"],
+            onChange: onFilterChange
+          })
+        ]
+      }),
+      runId === null ? /* @__PURE__ */ jsx("p", {
+        children: "Select a run to browse its items."
+      }) : null,
+      runId !== null && storeState === "loading" ? /* @__PURE__ */ jsx("p", {
+        children: "The items page has not loaded yet."
+      }) : null,
+      storeState === "unavailable" ? /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          /* @__PURE__ */ jsx("p", {
+            children: "The store could not be read for this run; no items are shown."
+          }),
+          /* @__PURE__ */ jsx(StoreState, {
+            diagnostics: current?.diagnostics ?? []
+          })
+        ]
+      }) : null,
+      page !== null && page.items.length === 0 ? /* @__PURE__ */ jsx("p", {
+        children: "No items match these filters."
+      }) : null,
+      page === null || page.items.length === 0 ? null : /* @__PURE__ */ jsx("div", {
+        className: "kk-table-container",
+        children: /* @__PURE__ */ jsxs("table", {
+          className: "kk-table kk-collect-items-table",
+          children: [
+            /* @__PURE__ */ jsx("thead", {
+              children: /* @__PURE__ */ jsxs("tr", {
+                children: [
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Title"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Source"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Seen"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Story"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Labels"
+                  }),
+                  /* @__PURE__ */ jsx("th", {
+                    scope: "col",
+                    children: "Selection"
+                  })
+                ]
+              })
+            }),
+            /* @__PURE__ */ jsx("tbody", {
+              children: page.items.map((item) => /* @__PURE__ */ jsx(ItemRow, {
+                item
+              }, item.id))
+            })
+          ]
+        })
+      }),
+      count === null ? null : /* @__PURE__ */ jsxs("div", {
+        className: "kk-collect-pager",
+        children: [
+          /* @__PURE__ */ jsx("button", {
+            type: "button",
+            name: "previous",
+            disabled: count.page <= 1,
+            onClick: onPageChange,
+            children: "Previous"
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            children: [
+              "Page ",
+              count.page,
+              " of ",
+              count.pages,
+              " · ",
+              count.total,
+              " items"
+            ]
+          }),
+          /* @__PURE__ */ jsx("button", {
+            type: "button",
+            name: "next",
+            disabled: count.page >= count.pages,
+            onClick: onPageChange,
+            children: "Next"
+          })
+        ]
+      })
+    ]
+  });
+}
+function ItemRow({ item }) {
+  const labels = Object.entries(item.labels);
+  return /* @__PURE__ */ jsxs("tr", {
+    children: [
+      /* @__PURE__ */ jsx("td", {
+        children: item.url === null ? item.title : /* @__PURE__ */ jsx("a", {
+          href: item.url,
+          target: "_blank",
+          rel: "noreferrer",
+          children: item.title
+        })
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: item.source
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: item.seen
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: item.storyId ?? "—"
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: labels.length === 0 ? "—" : labels.map(([decision, value]) => /* @__PURE__ */ jsxs("span", {
+          className: "kk-chip",
+          children: [
+            decision,
+            ": ",
+            value
+          ]
+        }, decision))
+      }),
+      /* @__PURE__ */ jsx("td", {
+        children: item.selection
+      })
+    ]
+  });
+}
 function ProgressPanel({ steps }) {
   if (steps.length === 0)
     return /* @__PURE__ */ jsx("p", {
@@ -907,6 +1343,389 @@ function ConfigPanel({ config }) {
     ]
   });
 }
+
+// ../board/src/collect/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TAB_LABELS = {
+  overview: "Overview",
+  summary: "Run detail",
+  items: "Items",
+  progress: "Execution progress",
+  config: "Workflow Config Summary"
+};
+function messageOf(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+function usePolling(loader, intervalMs, refresh) {
+  const loaderRef = useRef(loader);
+  loaderRef.current = loader;
+  const refreshRef = useRef(refresh);
+  refreshRef.current = refresh;
+  useEffect(() => {
+    let cancelled = false;
+    let timer;
+    const loop = async () => {
+      if (!document.hidden) {
+        await loaderRef.current();
+      }
+      if (!cancelled)
+        timer = setTimeout(() => void loop(), delayMs(refreshRef.current, intervalMs));
+    };
+    loop();
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+    };
+  }, [intervalMs]);
+}
+function CollectModule() {
+  const [link] = useState(() => parseDeepLink(window.location.search, COLLECT_TABS, COLLECT_TAB_ALIASES));
+  const [reader] = useState(() => readerOriginFrom(window.location.search));
+  const readerOrigin = reader.origin;
+  const client = useMemo(() => createBoardClient({ readerOrigin, boardOrigin: window.location.origin }), [readerOrigin]);
+  const [rows, setRows] = useState([]);
+  const [cursor, setCursor] = useState(null);
+  const [selection, setSelection] = useState({
+    runId: link.runId ?? null,
+    tab: link.tab ?? "overview"
+  });
+  const [diagnostics, setDiagnostics] = useState(() => [
+    ...link.diagnostics,
+    ...reader.diagnostic === null ? [] : [reader.diagnostic]
+  ]);
+  const [historyRefresh, setHistoryRefresh] = useState(() => initialRefresh(HISTORY_POLL_MS));
+  const [readerRefresh, setReaderRefresh] = useState(() => initialRefresh(ACTIVE_POLL_MS));
+  const [results, setResults] = useState(null);
+  const [config, setConfig] = useState(null);
+  const [progress, setProgress] = useState(null);
+  const [overview, setOverview] = useState(null);
+  const [storeRun, setStoreRun] = useState(null);
+  const [items, setItems] = useState(null);
+  const [itemFilters, setItemFilters] = useState({ page: 1 });
+  const [showEffective, setShowEffective] = useState(false);
+  const [filterQuery, setFilterQuery] = useState("");
+  const historyBusy = useRef(false);
+  const readerBusy = useRef(false);
+  const rowsRef = useRef(rows);
+  rowsRef.current = rows;
+  const selectionRef = useRef(selection);
+  selectionRef.current = selection;
+  const loadOverview = useCallback(async (runIds) => {
+    if (runIds.length === 0)
+      return;
+    try {
+      setOverview(await client.storeOverview(runIds));
+    } catch (error) {
+      setDiagnostics((existing) => [
+        ...existing,
+        { code: "board.store.unavailable", message: messageOf(error) }
+      ]);
+    }
+  }, [client]);
+  const loadHistory = useCallback(async () => {
+    if (historyBusy.current)
+      return;
+    historyBusy.current = true;
+    setHistoryRefresh((state) => tick(state));
+    let loaded = rowsRef.current;
+    try {
+      const page = await client.runs("kk-collect");
+      loaded = mergeRunPages(rowsRef.current, page).runs;
+      setRows(loaded);
+      setCursor(page.nextCursor);
+      setHistoryRefresh(() => succeeded(Date.now(), HISTORY_POLL_MS));
+    } catch (error) {
+      setDiagnostics((existing) => [
+        ...existing,
+        { code: "board.history.unavailable", message: messageOf(error) }
+      ]);
+      setHistoryRefresh((state) => failed(state, Date.now()));
+    } finally {
+      historyBusy.current = false;
+    }
+    await loadOverview(loaded.slice(0, MAX_OVERVIEW_RUNS).map((row) => row.id));
+  }, [client, loadOverview]);
+  const loadReader = useCallback(async () => {
+    if (readerBusy.current)
+      return;
+    const runId = selectionRef.current.runId;
+    if (runId === null)
+      return;
+    readerBusy.current = true;
+    setReaderRefresh((state) => tick(state));
+    try {
+      const [nextResults, nextConfig] = await Promise.all([
+        client.results("kk-collect", runId),
+        client.config("kk-collect", runId)
+      ]);
+      if (selectionRef.current.runId !== runId)
+        return;
+      setResults(nextResults);
+      setConfig(nextConfig);
+      setReaderRefresh(() => succeeded(Date.now(), ACTIVE_POLL_MS));
+    } catch (error) {
+      if (selectionRef.current.runId !== runId)
+        return;
+      setDiagnostics((existing) => [
+        ...existing,
+        { code: "board.reader.unavailable", message: messageOf(error) }
+      ]);
+      setReaderRefresh((state) => failed(state, Date.now()));
+    } finally {
+      readerBusy.current = false;
+    }
+    try {
+      const nextStoreRun = await client.storeRun(runId);
+      if (selectionRef.current.runId !== runId)
+        return;
+      setStoreRun(nextStoreRun);
+    } catch (error) {
+      if (selectionRef.current.runId !== runId)
+        return;
+      setDiagnostics((existing) => [
+        ...existing,
+        { code: "board.store.run-unavailable", message: messageOf(error) }
+      ]);
+    }
+    try {
+      const nextProgress = await client.progress(runId);
+      if (selectionRef.current.runId !== runId)
+        return;
+      setProgress(nextProgress);
+    } catch {}
+  }, [client]);
+  const itemsRequests = useRef(requestSequence());
+  const loadItems = useCallback(async (runId) => {
+    const token = itemsRequests.current.begin();
+    try {
+      const page = await client.storeItems(runId, itemFilters);
+      if (!itemsRequests.current.isCurrent(token))
+        return;
+      setItems(page);
+    } catch (error) {
+      if (!itemsRequests.current.isCurrent(token))
+        return;
+      setItems(null);
+      setDiagnostics((existing) => [
+        ...existing,
+        { code: "board.store.items-unavailable", message: messageOf(error) }
+      ]);
+    }
+  }, [client, itemFilters]);
+  usePolling(loadHistory, HISTORY_POLL_MS, historyRefresh);
+  usePolling(loadReader, ACTIVE_POLL_MS, readerRefresh);
+  useEffect(() => {
+    if (selection.tab !== "items" || selection.runId === null)
+      return;
+    loadItems(selection.runId);
+  }, [selection.tab, selection.runId, loadItems]);
+  useEffect(() => {
+    if (selection.runId === null && rows.length > 0) {
+      setSelection((state) => state.runId === null ? resolveSelection(rows, link, "overview") : state);
+    }
+  }, [rows, selection.runId, link]);
+  useEffect(() => {
+    syncSelectionUrl(selection, { location: window.location, history: window.history });
+  }, [selection]);
+  const tab = selection.tab;
+  const now = Date.now();
+  const currentStoreRun = storeRun?.runId === selection.runId ? storeRun : null;
+  const facts = results === null ? [] : collectSummaryFacts(results, now);
+  const artifacts = results === null ? [] : artifactViews(results, readerOrigin);
+  const steps = progressRows(progress);
+  const selectedRow = rows.find((row) => row.id === selection.runId);
+  const filteredRows = useMemo(() => {
+    const q = filterQuery.trim().toLowerCase();
+    if (q === "")
+      return rows;
+    return rows.filter((r) => r.id.toLowerCase().includes(q) || r.status.toLowerCase().includes(q));
+  }, [rows, filterQuery]);
+  const runHref = useCallback((runId) => selectionPath({ runId, tab: "summary" }, window.location.search), []);
+  const toggleQuality = useCallback(() => setShowEffective((state) => !state), []);
+  const filterChanged = useCallback((event) => {
+    const name = event.currentTarget.name;
+    const value = event.currentTarget.value === "" ? undefined : event.currentTarget.value;
+    setItemFilters((state) => ({
+      ...state,
+      [name]: value,
+      page: 1,
+      ...name === "decision" ? { value: undefined } : {}
+    }));
+  }, []);
+  const pageChanged = useCallback((event) => {
+    const delta = event.currentTarget.name === "previous" ? -1 : 1;
+    setItemFilters((state) => ({ ...state, page: Math.max(1, (state.page ?? 1) + delta) }));
+  }, []);
+  return /* @__PURE__ */ jsxs2("div", {
+    className: "kk-board kk-board-collect",
+    children: [
+      /* @__PURE__ */ jsxs2("header", {
+        className: "kk-board-header",
+        children: [
+          /* @__PURE__ */ jsxs2("div", {
+            className: "kk-board-header-left",
+            children: [
+              /* @__PURE__ */ jsxs2("div", {
+                className: "kk-board-header-title-row",
+                children: [
+                  /* @__PURE__ */ jsx2("h1", {
+                    children: "Collect"
+                  }),
+                  selectedRow ? /* @__PURE__ */ jsx2("span", {
+                    className: `kk-badge ${selectedRow.status === "done" ? "kk-badge-success" : selectedRow.status === "failed" ? "kk-badge-failed" : "kk-badge-running"}`,
+                    children: selectedRow.status
+                  }) : null
+                ]
+              }),
+              /* @__PURE__ */ jsxs2("p", {
+                children: [
+                  "Run ",
+                  /* @__PURE__ */ jsx2("code", {
+                    children: selection.runId ?? "none selected"
+                  }),
+                  " · ",
+                  freshnessLabel(readerRefresh),
+                  results === null ? "" : ` · Results ${results.availability}`
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs2("div", {
+            className: "kk-board-header-right",
+            children: [
+              /* @__PURE__ */ jsxs2("div", {
+                className: "kk-board-run-filter-group",
+                children: [
+                  /* @__PURE__ */ jsx2("input", {
+                    type: "text",
+                    className: "kk-board-run-filter-input",
+                    placeholder: "Filter runs...",
+                    value: filterQuery,
+                    onChange: (e) => setFilterQuery(e.target.value),
+                    "aria-label": "Filter runs"
+                  }),
+                  /* @__PURE__ */ jsxs2("label", {
+                    className: "kk-board-run-selector",
+                    children: [
+                      "Run",
+                      /* @__PURE__ */ jsxs2("select", {
+                        value: selection.runId ?? "",
+                        onChange: (event) => {
+                          setItemFilters((state) => ({ ...state, page: 1 }));
+                          setResults(null);
+                          setConfig(null);
+                          setProgress(null);
+                          setStoreRun(null);
+                          setSelection((state) => ({ ...state, runId: event.target.value || null }));
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx2("option", {
+                            value: "",
+                            children: rows.length === 0 ? "No runs recorded" : filteredRows.length === 0 ? "No matching runs" : "Select a run"
+                          }),
+                          filteredRows.map((row) => /* @__PURE__ */ jsxs2("option", {
+                            value: row.id,
+                            children: [
+                              row.id,
+                              " — ",
+                              row.status
+                            ]
+                          }, row.id))
+                        ]
+                      })
+                    ]
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx2("button", {
+                type: "button",
+                onClick: () => void loadReader(),
+                title: "Refresh run data",
+                children: "↻ Refresh"
+              }),
+              selection.runId === null ? null : /* @__PURE__ */ jsx2("a", {
+                href: selectionPath(selection, window.location.search),
+                className: "kk-btn-action",
+                title: "Permanent link",
+                children: "\uD83D\uDD17 Link"
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx2("nav", {
+        className: "kk-board-tabs",
+        "aria-label": "Collect tabs",
+        children: COLLECT_TABS.map((candidate) => /* @__PURE__ */ jsx2("button", {
+          type: "button",
+          "aria-current": candidate === tab ? "page" : undefined,
+          onClick: () => setSelection((state) => ({ ...state, tab: candidate })),
+          children: TAB_LABELS[candidate]
+        }, candidate))
+      }),
+      rows.length === 0 ? /* @__PURE__ */ jsxs2("p", {
+        className: "kk-board-empty",
+        children: [
+          "No runs recorded for kk-collect. Configure the workflow in",
+          " ",
+          /* @__PURE__ */ jsx2("a", {
+            href: "/board/settings/workflows",
+            children: "Settings → Workflows"
+          }),
+          "."
+        ]
+      }) : null,
+      tab === "overview" ? /* @__PURE__ */ jsx2(OverviewPanel, {
+        runs: rows,
+        overview,
+        now,
+        runHref
+      }) : null,
+      tab === "summary" ? /* @__PURE__ */ jsx2(RunDetailPanel, {
+        storeRun: currentStoreRun,
+        results,
+        facts,
+        artifacts,
+        showEffective,
+        onToggleQuality: toggleQuality
+      }) : null,
+      tab === "items" ? /* @__PURE__ */ jsx2(ItemsPanel, {
+        runId: selection.runId,
+        items,
+        filters: itemFilters,
+        quality: currentStoreRun?.labelQuality ?? [],
+        onFilterChange: filterChanged,
+        onPageChange: pageChanged
+      }) : null,
+      tab === "progress" ? /* @__PURE__ */ jsx2(ProgressPanel, {
+        steps
+      }) : null,
+      tab === "config" ? /* @__PURE__ */ jsx2(ConfigPanel, {
+        config
+      }) : null,
+      dedupeDiagnostics([...diagnostics, ...results?.diagnostics ?? []]).map((diagnostic) => /* @__PURE__ */ jsx2("p", {
+        role: "status",
+        className: "kk-board-diagnostic",
+        children: diagnosticLine(diagnostic)
+      }, diagnostic.code)),
+      cursor === null ? null : /* @__PURE__ */ jsx2("button", {
+        type: "button",
+        onClick: () => void loadHistory(),
+        children: "Load more runs"
+      }),
+      /* @__PURE__ */ jsxs2("p", {
+        className: "kk-board-footnote",
+        children: [
+          "Run history every ",
+          HISTORY_POLL_MS / 1000,
+          "s; selected run every ",
+          ACTIVE_POLL_MS / 1000,
+          "s."
+        ]
+      })
+    ]
+  });
+}
 var webModule = { apiVersion: 1, component: CollectModule };
 export {
   CollectModule,