@fix-portal/ci-frontend 0.1.0

package/dist/index.js

@@ -0,0 +1,889 @@
+// src/CiAdminContext.tsx
+import { createContext, use } from "react";
+var CiAdminContext = createContext(false);
+CiAdminContext.displayName = "CiAdminContext";
+var CiAdminProvider = CiAdminContext.Provider;
+function useCiAdmin() {
+  return use(CiAdminContext);
+}
+
+// src/CiConfigContext.tsx
+import { createContext as createContext2, use as use2 } from "react";
+var DEFAULT_CI_API_BASE = "https://ci.fixportal.org";
+var CiConfigContext = createContext2({ apiBase: DEFAULT_CI_API_BASE });
+CiConfigContext.displayName = "CiConfigContext";
+var CiConfigProvider = CiConfigContext.Provider;
+function useCiConfig() {
+  return use2(CiConfigContext);
+}
+
+// src/pages/CiBoardContent.tsx
+import { useState as useState5 } from "react";
+
+// src/hooks/useDashboardSnapshot.ts
+import { useQuery } from "@tanstack/react-query";
+
+// src/api/getDashboardSnapshot.ts
+async function getDashboardSnapshot(apiBase) {
+  const base = apiBase.replace(/\/$/, "");
+  const response = await fetch(`${base}/api/dashboard/snapshot`);
+  if (response.status === 204) return null;
+  if (!response.ok) throw new Error(`Dashboard snapshot failed: ${response.status}`);
+  return response.json();
+}
+
+// src/hooks/useDashboardSnapshot.ts
+function useDashboardSnapshot() {
+  const { apiBase } = useCiConfig();
+  return useQuery({
+    queryKey: ["dashboard-snapshot", apiBase],
+    queryFn: () => getDashboardSnapshot(apiBase),
+    refetchInterval: 6e4,
+    // The 60s poll already drives freshness; without these, an incidental tab
+    // focus refetches and re-renders the whole board between ticks. Set per-query
+    // (not on the shared app QueryClient) so the host app is unaffected;
+    // structural sharing then lets the memoised boards skip a no-change tick.
+    staleTime: 3e4,
+    refetchOnWindowFocus: false
+  });
+}
+
+// src/hooks/useCollapseState.ts
+import { useCallback, useState } from "react";
+var KEY = "ci-dashboard:collapsed";
+function load() {
+  try {
+    const raw = localStorage.getItem(KEY);
+    return new Set(raw ? JSON.parse(raw) : []);
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function save(set) {
+  try {
+    localStorage.setItem(KEY, JSON.stringify([...set]));
+  } catch {
+  }
+}
+function useCollapseState() {
+  const [collapsed, setCollapsed] = useState(load);
+  const mutate = useCallback((fn) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      fn(next);
+      save(next);
+      return next;
+    });
+  }, []);
+  return {
+    isCollapsed: useCallback((name) => collapsed.has(name), [collapsed]),
+    allCollapsed: useCallback(
+      (names) => names.length > 0 && names.every((n) => collapsed.has(n)),
+      [collapsed]
+    ),
+    toggle: useCallback((name) => mutate((s) => s.has(name) ? s.delete(name) : s.add(name)), [mutate]),
+    collapseAll: useCallback((names) => mutate((s) => names.forEach((n) => s.add(n))), [mutate]),
+    expandAll: useCallback(() => mutate((s) => s.clear()), [mutate])
+  };
+}
+
+// src/hooks/useHideNoCi.ts
+import { useCallback as useCallback2, useState as useState2 } from "react";
+var KEY2 = "ci-dashboard:hide-no-ci";
+function load2() {
+  try {
+    return localStorage.getItem(KEY2) === "true";
+  } catch {
+    return false;
+  }
+}
+function useHideNoCi() {
+  const [hidden, setHidden] = useState2(load2);
+  const toggle = useCallback2(() => {
+    setHidden((prev) => {
+      const next = !prev;
+      try {
+        localStorage.setItem(KEY2, String(next));
+      } catch {
+      }
+      return next;
+    });
+  }, []);
+  return { hidden, toggle };
+}
+
+// src/lib/isNoCi.ts
+function isNoCi(repository) {
+  return (repository.workflows?.length ?? 0) === 0;
+}
+
+// src/lib/computeSummary.ts
+var ALWAYS_VISIBLE_KEYS = /* @__PURE__ */ new Set([
+  "repos",
+  "workflows",
+  "nloc",
+  // inventory
+  "open-prs",
+  // Review panel (carries next-in-queue / last-merged)
+  "running",
+  "failing",
+  "no-ci",
+  // core CI status
+  "deploys-running",
+  "deploys-failing",
+  // deploy lane (zero = nothing deploying / all clean)
+  "packages-failing"
+  // package lane
+]);
+function computeSummary(repos) {
+  const workflows = repos.flatMap((r) => r.workflows);
+  const deploys = repos.flatMap((r) => r.deploys ?? []);
+  const packages = repos.flatMap((r) => r.packages ?? []);
+  const openPrs = repos.flatMap((r) => r.pullRequests ?? []);
+  const nloc = repos.reduce((acc, r) => acc + (r.metrics?.nloc ?? 0), 0);
+  const all = [
+    { key: "repos", count: repos.length },
+    { key: "workflows", count: workflows.length },
+    { key: "failing", count: workflows.filter((w) => w.state === "failure").length },
+    { key: "running", count: workflows.filter((w) => w.state === "running").length },
+    { key: "no-ci", count: repos.filter(isNoCi).length },
+    { key: "open-prs", count: openPrs.length },
+    { key: "nloc", count: nloc },
+    { key: "deploys-failing", count: deploys.filter((d) => d.state === "failure").length },
+    { key: "deploys-running", count: deploys.filter((d) => d.state === "running").length },
+    { key: "packages-failing", count: packages.filter((p) => p.state === "failure").length }
+  ];
+  return all.filter((c) => ALWAYS_VISIBLE_KEYS.has(c.key) || c.count > 0);
+}
+
+// src/components/SummaryStrip.tsx
+import { useEffect, useRef, useState as useState3 } from "react";
+
+// src/lib/formatCompactNumber.ts
+function formatCompactNumber(value) {
+  if (value < 1e3) return String(value);
+  if (value < 1e6) return `${(value / 1e3).toFixed(1)}k`;
+  return `${(value / 1e6).toFixed(1)}M`;
+}
+
+// src/lib/relativeTime.ts
+function formatRelativeTime(iso) {
+  const then = new Date(iso).getTime();
+  if (Number.isNaN(then)) return "";
+  const minutes = Math.round((Date.now() - then) / 6e4);
+  if (minutes < 1) return "just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.round(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.round(hours / 24);
+  return `${days}d ago`;
+}
+
+// src/components/CiWeatherBar.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var BLOCK_WORD = {
+  passing: "healthy",
+  failing: "failing",
+  noData: "no data"
+};
+function CiWeatherBar({ trend }) {
+  if (trend.length === 0) return null;
+  const failing = trend.filter((b) => b.state === "failing").length;
+  const healthy = trend.filter((b) => b.state === "passing").length;
+  const label = `CI health, last 24h: ${failing} failing, ${healthy} healthy`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "ci-weather", role: "img", "aria-label": label, children: trend.map((b, i) => (
+      // Per-block hover reveals which hour a block is and its state — the
+      // data was previously exposed only to screen readers via aria-label.
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "ci-weather__block",
+          "data-state": b.state,
+          title: `${formatRelativeTime(b.bucketStart)} \xB7 ${BLOCK_WORD[b.state]}`
+        },
+        i
+      )
+    )) }),
+    /* @__PURE__ */ jsxs("span", { className: "ci-weather__readout", "aria-hidden": "true", children: [
+      failing,
+      " failing \xB7 ",
+      healthy,
+      " healthy"
+    ] })
+  ] });
+}
+
+// src/components/SummaryStrip.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SUMMARY_LABELS = {
+  repos: "Repositories",
+  workflows: "Workflows",
+  failing: "Failing",
+  running: "Running",
+  "no-ci": "No CI",
+  "open-prs": "Open PRs",
+  nloc: "Lines of code",
+  "deploys-failing": "Deploys failing",
+  "deploys-running": "Deploys running",
+  "packages-failing": "Packages failing"
+};
+var PANELS = [
+  { title: "Review", keys: ["open-prs"] },
+  { title: "CI status", keys: ["running", "failing", "packages-failing", "deploys-running", "deploys-failing", "no-ci"] },
+  { title: "Inventory", keys: ["repos", "workflows", "nloc"] }
+];
+var NEUTRAL_KEYS = /* @__PURE__ */ new Set(["repos", "workflows", "nloc"]);
+var EMPTY_TREND = [];
+function labelFor(key, count) {
+  if (key === "open-prs") return count === 1 ? "Open PR" : "Open PRs";
+  return SUMMARY_LABELS[key] ?? key.replaceAll("-", " ");
+}
+function formatCount(key, count) {
+  return key === "nloc" ? formatCompactNumber(count) : count;
+}
+function toneFor(key, count) {
+  if (count === 0 || NEUTRAL_KEYS.has(key)) return "ok";
+  if (key === "open-prs") return "review";
+  if (key === "failing" || key === "deploys-failing" || key === "packages-failing") return "fail";
+  if (key === "running" || key === "deploys-running") return "run";
+  if (key === "no-ci") return "no-ci";
+  return "alert";
+}
+function SummaryStrip({ summary, onOpenPrs, lastMerged, nextPr = null, ciTrend = EMPTY_TREND }) {
+  const byKey = new Map(summary.map((s) => [s.key, s.count]));
+  const [trendInfoOpen, setTrendInfoOpen] = useState3(false);
+  const trendLabelRef = useRef(null);
+  useEffect(() => {
+    if (!trendInfoOpen) return;
+    function handleOutside(e) {
+      if (!trendLabelRef.current?.contains(e.target)) {
+        setTrendInfoOpen(false);
+      }
+    }
+    function handleEsc(e) {
+      if (e.key === "Escape") setTrendInfoOpen(false);
+    }
+    document.addEventListener("mousedown", handleOutside);
+    document.addEventListener("keydown", handleEsc);
+    return () => {
+      document.removeEventListener("mousedown", handleOutside);
+      document.removeEventListener("keydown", handleEsc);
+    };
+  }, [trendInfoOpen]);
+  return /* @__PURE__ */ jsx2("section", { className: "summary-panels", children: PANELS.map((panel) => {
+    const items = [];
+    for (const k of panel.keys) {
+      const count = byKey.get(k);
+      if (count !== void 0) items.push({ key: k, count });
+    }
+    if (items.length === 0) return null;
+    const isReview = panel.title === "Review";
+    const isCiStatus = panel.title === "CI status";
+    return /* @__PURE__ */ jsxs2("div", { className: `summary-panel${isReview ? " summary-panel--review" : ""}${isCiStatus ? " summary-panel--ci" : ""}`, children: [
+      /* @__PURE__ */ jsx2("span", { className: "summary-panel__title", children: panel.title }),
+      /* @__PURE__ */ jsx2("div", { className: "summary-panel__items", children: items.map((item) => {
+        const body = /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2("span", { className: "summary__count", children: formatCount(item.key, item.count) }),
+          /* @__PURE__ */ jsx2("span", { className: "summary__label", children: labelFor(item.key, item.count) })
+        ] });
+        if (item.key === "open-prs" && onOpenPrs) {
+          return /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: "summary__item summary__item--btn",
+              "data-key": item.key,
+              "data-tone": toneFor(item.key, item.count),
+              onClick: onOpenPrs,
+              disabled: item.count === 0,
+              children: body
+            },
+            item.key
+          );
+        }
+        return /* @__PURE__ */ jsx2("div", { className: "summary__item", "data-key": item.key, "data-tone": toneFor(item.key, item.count), children: body }, item.key);
+      }) }),
+      isReview && nextPr && /* @__PURE__ */ jsxs2("div", { className: "summary-panel__next", children: [
+        /* @__PURE__ */ jsx2("span", { className: "summary-panel__q-lab", children: "next in queue" }),
+        /* @__PURE__ */ jsxs2("span", { className: "summary-panel__q-body", children: [
+          nextPr.repo,
+          " #",
+          nextPr.number
+        ] }),
+        /* @__PURE__ */ jsx2("span", { className: "summary-panel__q-title", children: nextPr.title })
+      ] }),
+      isReview && lastMerged && /* @__PURE__ */ jsxs2("a", { className: "summary-panel__merged", href: lastMerged.htmlUrl, target: "_blank", rel: "noopener noreferrer", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "summary-panel__q-lab", children: [
+          "last merged ",
+          /* @__PURE__ */ jsxs2("span", { className: "summary-panel__q-age", children: [
+            "(",
+            formatRelativeTime(lastMerged.mergedAt),
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { className: "summary-panel__q-body", children: [
+          lastMerged.repo,
+          " #",
+          lastMerged.number
+        ] }),
+        /* @__PURE__ */ jsx2("span", { className: "summary-panel__q-title", children: lastMerged.title })
+      ] }),
+      panel.title === "CI status" && ciTrend.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "summary-panel__trend", children: [
+        /* @__PURE__ */ jsx2(CiWeatherBar, { trend: ciTrend }),
+        /* @__PURE__ */ jsxs2("div", { ref: trendLabelRef, className: "summary-panel__trend-label-row", children: [
+          /* @__PURE__ */ jsx2("span", { className: "summary-panel__trend-lab", children: "CI health \xB7 24h" }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: "ci-trend-info-btn",
+              "aria-label": "CI health information",
+              "aria-expanded": trendInfoOpen,
+              "aria-controls": "ci-trend-popover",
+              onClick: () => setTrendInfoOpen((o) => !o),
+              children: "i"
+            }
+          ),
+          trendInfoOpen && /* @__PURE__ */ jsxs2(
+            "section",
+            {
+              id: "ci-trend-popover",
+              "aria-label": "CI health explanation",
+              className: "ci-trend-popover",
+              children: [
+                /* @__PURE__ */ jsx2("div", { className: "ci-trend-popover__title", children: "CI health \xB7 24h" }),
+                /* @__PURE__ */ jsx2("p", { children: "Each bar is a 1-hour bucket of CI activity across the whole org." }),
+                /* @__PURE__ */ jsxs2("p", { children: [
+                  /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: "ci-trend-popover__swatch ci-trend-popover__swatch--fail", children: "\u25A0" }),
+                  " Red \u2014 any run failed that hour (on any branch)."
+                ] }),
+                /* @__PURE__ */ jsxs2("p", { children: [
+                  /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: "ci-trend-popover__swatch ci-trend-popover__swatch--pass", children: "\u25A0" }),
+                  " Green \u2014 runs present, none failed. Quiet hours inherit the previous state."
+                ] }),
+                /* @__PURE__ */ jsx2("p", { children: "Oldest bar on the left, newest on the right." }),
+                /* @__PURE__ */ jsx2("div", { className: "ci-trend-popover__caret", "aria-hidden": "true" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }, panel.title);
+  }) });
+}
+
+// src/components/RepoBoard.tsx
+import { memo as memo3 } from "react";
+
+// src/components/SignalChip.tsx
+import { memo } from "react";
+
+// src/lib/stateLabel.ts
+var STATE_LABELS = {
+  success: "passing",
+  failure: "failing",
+  running: "running",
+  unknown: "status unknown"
+};
+function stateLabel(state) {
+  return STATE_LABELS[state];
+}
+
+// src/components/SignalChip.tsx
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function meta(wf) {
+  if (wf.state === "unknown") return wf.lastRun ? "no status" : "no runs";
+  return formatRelativeTime(wf.lastRun.updatedAt);
+}
+var SignalChip = memo(function SignalChip2({ workflow }) {
+  const url = workflow.lastRun?.htmlUrl;
+  const linkable = Boolean(url);
+  const className = `chip chip--${workflow.state}${linkable ? "" : " chip--static"}`;
+  const body = /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3("span", { className: "chip__dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx3("span", { className: "chip__label", children: workflow.name }),
+    /* @__PURE__ */ jsx3("span", { className: "sr-only", children: stateLabel(workflow.state) }),
+    /* @__PURE__ */ jsx3("span", { className: "chip__meta", children: meta(workflow) })
+  ] });
+  return linkable ? /* @__PURE__ */ jsx3("a", { className, href: url, title: stateLabel(workflow.state), target: "_blank", rel: "noopener noreferrer", children: body }) : /* @__PURE__ */ jsx3("span", { className, title: stateLabel(workflow.state), children: body });
+});
+
+// src/components/RepoMetricsLine.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function RepoMetricsLine({ metrics }) {
+  if (!metrics || metrics.nloc === 0) return null;
+  return /* @__PURE__ */ jsxs4("dl", { className: "repo-metrics", "aria-label": "code metrics", children: [
+    /* @__PURE__ */ jsxs4("div", { title: "non-comment lines of code", children: [
+      /* @__PURE__ */ jsx4("dt", { children: "NLOC" }),
+      /* @__PURE__ */ jsx4("dd", { children: formatCompactNumber(metrics.nloc) })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { title: "average cyclomatic complexity (branch paths per function)", children: [
+      /* @__PURE__ */ jsx4("dt", { children: "avg CCN" }),
+      /* @__PURE__ */ jsx4("dd", { children: metrics.avgComplexity.toFixed(1) })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { title: "number of functions", children: [
+      /* @__PURE__ */ jsx4("dt", { children: "functions" }),
+      /* @__PURE__ */ jsx4("dd", { children: formatCompactNumber(metrics.functionCount) })
+    ] }),
+    metrics.highComplexityCount > 0 && /* @__PURE__ */ jsxs4("div", { className: "repo-metrics__complex", title: "functions over CCN 15 \u2014 refactor candidates", children: [
+      /* @__PURE__ */ jsx4("dt", { children: "complex" }),
+      /* @__PURE__ */ jsx4("dd", { children: metrics.highComplexityCount })
+    ] })
+  ] });
+}
+
+// src/components/PullRequestList.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function PullRequestList({ pullRequests }) {
+  if (pullRequests.length === 0) return null;
+  return /* @__PURE__ */ jsxs5("div", { className: "repo-prs", children: [
+    /* @__PURE__ */ jsxs5("span", { className: "repo-prs__count", children: [
+      pullRequests.length,
+      " open PR",
+      pullRequests.length === 1 ? "" : "s"
+    ] }),
+    /* @__PURE__ */ jsx5("ul", { children: pullRequests.map((pr) => /* @__PURE__ */ jsxs5("li", { className: pr.isDraft ? "repo-prs__item repo-prs__item--draft" : "repo-prs__item", children: [
+      /* @__PURE__ */ jsxs5("a", { href: pr.htmlUrl, target: "_blank", rel: "noopener noreferrer", children: [
+        /* @__PURE__ */ jsxs5("span", { className: "repo-prs__num", children: [
+          "#",
+          pr.number
+        ] }),
+        /* @__PURE__ */ jsx5("span", { className: "repo-prs__title", children: pr.title })
+      ] }),
+      /* @__PURE__ */ jsxs5("span", { className: "repo-prs__meta", children: [
+        pr.author,
+        " \xB7 ",
+        formatRelativeTime(pr.createdAt),
+        pr.isDraft ? " \xB7 draft" : ""
+      ] })
+    ] }, pr.number)) })
+  ] });
+}
+
+// src/components/JobLaneRow.tsx
+import { memo as memo2 } from "react";
+
+// src/lib/dedupeJobLabel.ts
+function dedupeJobLabel(name) {
+  const parts = name.split(" / ");
+  const deduped = parts.filter((part, i) => i === 0 || part !== parts[i - 1]);
+  return deduped.join(" / ");
+}
+
+// src/components/JobLaneRow.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var JobLaneRow = memo2(function JobLaneRow2({
+  kind,
+  glyph,
+  label,
+  signals
+}) {
+  if (signals.length === 0) return null;
+  return /* @__PURE__ */ jsxs6("div", { className: `repo-joblane repo-joblane--${kind}`, children: [
+    /* @__PURE__ */ jsxs6("span", { className: "repo-joblane__label", children: [
+      glyph,
+      " ",
+      label
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "repo-joblane__chips", children: signals.map((s, i) => /* @__PURE__ */ jsxs6(
+      "a",
+      {
+        className: `chip chip--${s.state} chip--joblane`,
+        href: s.htmlUrl,
+        title: `${s.workflow} \xB7 ${s.state}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: [
+          /* @__PURE__ */ jsx6("span", { className: "chip__dot", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx6("span", { className: "chip__label", children: dedupeJobLabel(s.name) }),
+          /* @__PURE__ */ jsx6("span", { className: "sr-only", children: stateLabel(s.state) }),
+          /* @__PURE__ */ jsx6("span", { className: "chip__meta", children: formatRelativeTime(s.updatedAt) })
+        ]
+      },
+      `${s.workflow}/${s.name}/${i}`
+    )) })
+  ] });
+});
+
+// src/lib/worstState.ts
+function worstState(states) {
+  if (states.includes("failure")) return "failure";
+  if (states.includes("running")) return "running";
+  if (states.includes("success")) return "success";
+  return "none";
+}
+
+// src/components/RepoActivityIndicator.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function RepoActivityIndicator({ repository }) {
+  const prCount = (repository.pullRequests ?? []).length;
+  const ci = worstState((repository.workflows ?? []).map((w) => w.state));
+  const cd = worstState([...repository.deploys ?? [], ...repository.packages ?? []].map((s) => s.state));
+  return /* @__PURE__ */ jsxs7("span", { className: "repo-activity", children: [
+    prCount > 0 && /* @__PURE__ */ jsxs7("span", { className: "repo-activity__pr", children: [
+      prCount,
+      " PR"
+    ] }),
+    /* @__PURE__ */ jsxs7("span", { className: "repo-activity__sig", children: [
+      "CI",
+      /* @__PURE__ */ jsx7("span", { className: "repo-activity__dot", "data-activity": ci, "aria-label": `CI ${ci}` })
+    ] }),
+    /* @__PURE__ */ jsxs7("span", { className: "repo-activity__sig", children: [
+      "CD",
+      /* @__PURE__ */ jsx7("span", { className: "repo-activity__dot", "data-activity": cd, "aria-label": `CD ${cd}` })
+    ] })
+  ] });
+}
+
+// src/components/RepoBoard.tsx
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var RepoBoard = memo3(function RepoBoard2({
+  repository,
+  collapsed,
+  onToggle
+}) {
+  const pullRequests = repository.pullRequests ?? [];
+  const noCi = isNoCi(repository);
+  return /* @__PURE__ */ jsxs8("section", { className: `repo-board${collapsed ? " repo-board--collapsed" : ""}${noCi ? " repo-board--no-ci" : ""}`, children: [
+    /* @__PURE__ */ jsxs8("header", { children: [
+      /* @__PURE__ */ jsxs8("button", { type: "button", className: "repo-board__toggle", onClick: () => onToggle(repository.name), "aria-expanded": !collapsed, children: [
+        /* @__PURE__ */ jsx8("span", { className: "repo-board__chev", "aria-hidden": "true", children: "\u25B8" }),
+        repository.name
+      ] }),
+      noCi && /* @__PURE__ */ jsx8("span", { className: "repo-board__noci-tag", children: "No CI" }),
+      /* @__PURE__ */ jsx8(RepoMetricsLine, { metrics: repository.metrics }),
+      /* @__PURE__ */ jsx8(RepoActivityIndicator, { repository }),
+      /* @__PURE__ */ jsx8("a", { className: "repo-board__gh-link", href: repository.htmlUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": `Open ${repository.name} on GitHub`, children: "GitHub \u2197" })
+    ] }),
+    !collapsed && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+      repository.workflows.length === 0 ? /* @__PURE__ */ jsx8("div", { className: "repo-board__empty", children: "no workflows" }) : /* @__PURE__ */ jsxs8("div", { className: "repo-workflows", children: [
+        /* @__PURE__ */ jsxs8("span", { className: "repo-workflows__label", children: [
+          "Workflows \xB7 ",
+          repository.workflows.length
+        ] }),
+        /* @__PURE__ */ jsx8("div", { className: "repo-top-signals", children: repository.workflows.map((wf) => /* @__PURE__ */ jsx8(SignalChip, { workflow: wf }, wf.file)) })
+      ] }),
+      /* @__PURE__ */ jsx8(JobLaneRow, { kind: "deploys", glyph: "\u25B2", label: "Deploys", signals: repository.deploys ?? [] }),
+      /* @__PURE__ */ jsx8(JobLaneRow, { kind: "packages", glyph: "\u25A3", label: "Packages", signals: repository.packages ?? [] }),
+      /* @__PURE__ */ jsx8(PullRequestList, { pullRequests })
+    ] })
+  ] });
+});
+
+// src/components/RepoSection.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function RepoSection({ label, count, collapsed, onToggle }) {
+  return /* @__PURE__ */ jsxs9(
+    "button",
+    {
+      type: "button",
+      className: "repo-section",
+      "aria-expanded": !collapsed,
+      onClick: onToggle,
+      children: [
+        /* @__PURE__ */ jsx9("span", { className: "repo-section__chevron", "aria-hidden": "true", children: collapsed ? "\u25B8" : "\u25BE" }),
+        /* @__PURE__ */ jsx9("span", { className: "repo-section__label", children: label }),
+        /* @__PURE__ */ jsxs9("span", { className: "repo-section__count", "aria-hidden": "true", children: [
+          "\xB7 ",
+          count
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/MetricsLegend.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var ITEMS = [
+  ["NLOC", "non-comment lines of code"],
+  ["avg CCN", "average cyclomatic complexity (branch paths per function)"],
+  ["functions", "number of functions"],
+  ["complex", "functions over CCN 15 \u2014 refactor candidates"]
+];
+function MetricsLegend() {
+  return /* @__PURE__ */ jsxs10("footer", { className: "metrics-legend", "aria-label": "Lizard metrics legend", children: [
+    /* @__PURE__ */ jsx10("span", { className: "metrics-legend__title", children: "Lizard metrics" }),
+    ITEMS.map(([term, meaning]) => /* @__PURE__ */ jsxs10("span", { className: "metrics-legend__item", children: [
+      /* @__PURE__ */ jsx10("b", { children: term }),
+      " ",
+      meaning
+    ] }, term))
+  ] });
+}
+
+// src/components/StatusLegend.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var STATUS_ITEMS = [
+  ["success", "passing"],
+  ["failure", "failing"],
+  ["running", "running"],
+  ["unknown", "unknown / no runs"]
+];
+function StatusLegend() {
+  return /* @__PURE__ */ jsxs11("footer", { className: "status-legend", "aria-label": "Status colour key", children: [
+    /* @__PURE__ */ jsx11("span", { className: "status-legend__title", children: "Status" }),
+    STATUS_ITEMS.map(([state, label]) => /* @__PURE__ */ jsxs11("span", { className: "status-legend__item", children: [
+      /* @__PURE__ */ jsx11("span", { className: "status-legend__dot", "data-state": state, "aria-hidden": "true" }),
+      label
+    ] }, state)),
+    /* @__PURE__ */ jsxs11("span", { className: "status-legend__item", children: [
+      /* @__PURE__ */ jsx11("span", { className: "status-legend__noci", "aria-hidden": "true" }),
+      "No-CI repo"
+    ] }),
+    /* @__PURE__ */ jsxs11("span", { className: "status-legend__gloss", children: [
+      /* @__PURE__ */ jsx11("b", { children: "CI" }),
+      " workflow runs \xB7 ",
+      /* @__PURE__ */ jsx11("b", { children: "CD" }),
+      " deploys & packages"
+    ] })
+  ] });
+}
+
+// src/components/PullRequestStepper.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
+
+// src/lib/prAgeTone.ts
+function prAgeTone(createdAtIso, now = Date.now()) {
+  const days = (now - new Date(createdAtIso).getTime()) / 864e5;
+  if (days > 14) return "red";
+  if (days > 7) return "amber";
+  return "quiet";
+}
+
+// src/components/PullRequestStepper.tsx
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function PullRequestStepper({ prs, onClose }) {
+  const [i, setI] = useState4(0);
+  const pr = prs[i];
+  const dialogRef = useRef2(null);
+  useEffect2(() => {
+    const previouslyFocused = document.activeElement;
+    const dlg = dialogRef.current;
+    dlg?.showModal();
+    dlg?.focus();
+    return () => previouslyFocused?.focus?.();
+  }, []);
+  if (!pr) return null;
+  return /* @__PURE__ */ jsxs12(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: "pr-modal",
+      "aria-label": "Open pull requests",
+      tabIndex: -1,
+      onCancel: (e) => {
+        e.preventDefault();
+        onClose();
+      },
+      onClick: (e) => {
+        if (e.target === e.currentTarget) onClose();
+      },
+      onKeyDown: (e) => {
+        if (e.key === "ArrowRight") setI((p) => Math.min(p + 1, prs.length - 1));
+        if (e.key === "ArrowLeft") setI((p) => Math.max(p - 1, 0));
+      },
+      children: [
+        /* @__PURE__ */ jsxs12("div", { className: "pr-modal__top", children: [
+          /* @__PURE__ */ jsx12("span", { className: "pr-modal__title", children: "Open pull requests" }),
+          /* @__PURE__ */ jsxs12("span", { className: "pr-modal__counter", children: [
+            i + 1,
+            " / ",
+            prs.length
+          ] }),
+          /* @__PURE__ */ jsx12("button", { type: "button", className: "pr-modal__x", onClick: onClose, "aria-label": "Close", children: "\u2715" })
+        ] }),
+        /* @__PURE__ */ jsxs12("div", { className: `pr-card pr-card--${prAgeTone(pr.createdAt)}${pr.isDraft ? " pr-card--draft" : ""}`, children: [
+          /* @__PURE__ */ jsxs12("div", { className: "pr-card__head", children: [
+            /* @__PURE__ */ jsx12("span", { className: "pr-card__repo", children: pr.repo }),
+            /* @__PURE__ */ jsxs12("span", { className: "pr-card__num", children: [
+              "#",
+              pr.number
+            ] }),
+            /* @__PURE__ */ jsxs12("span", { className: "pr-card__meta", children: [
+              formatRelativeTime(pr.createdAt),
+              " \xB7 ",
+              pr.isDraft ? "draft" : "ready"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx12("div", { className: "pr-card__title", children: pr.title }),
+          /* @__PURE__ */ jsxs12("div", { className: "pr-card__foot", children: [
+            /* @__PURE__ */ jsxs12("span", { className: "pr-card__author", children: [
+              "@",
+              pr.author
+            ] }),
+            /* @__PURE__ */ jsx12("a", { className: "pr-card__gh", href: pr.htmlUrl, target: "_blank", rel: "noopener noreferrer", children: "Open on GitHub \u2197" })
+          ] })
+        ] }),
+        prs.length > 1 && /* @__PURE__ */ jsxs12("div", { className: "pr-modal__nav", children: [
+          /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => setI((p) => Math.max(p - 1, 0)), disabled: i === 0, children: "\u2039 Prev" }),
+          /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => setI((p) => Math.min(p + 1, prs.length - 1)), disabled: i === prs.length - 1, children: "Next \u203A" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/lib/flattenOpenPrs.ts
+function flattenOpenPrs(repositories) {
+  return repositories.flatMap((r) => (r.pullRequests ?? []).map((pr) => ({ ...pr, repo: r.name }))).sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
+}
+
+// src/pages/CiBoardContent.tsx
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+function CiBoardContent() {
+  const snapshot = useDashboardSnapshot();
+  const collapse = useCollapseState();
+  const hideNoCi = useHideNoCi();
+  const isAdmin = useCiAdmin();
+  const [stepperOpen, setStepperOpen] = useState5(false);
+  if (snapshot.isPending) {
+    return /* @__PURE__ */ jsx13("main", { className: "dashboard-page", children: /* @__PURE__ */ jsx13("div", { className: "state-msg", children: "Loading dashboard\u2026" }) });
+  }
+  if (snapshot.isError) {
+    return /* @__PURE__ */ jsx13("main", { className: "dashboard-page", children: /* @__PURE__ */ jsx13("div", { className: "state-msg state-msg--error", children: "Dashboard unavailable." }) });
+  }
+  if (!snapshot.data) {
+    return /* @__PURE__ */ jsx13("main", { className: "dashboard-page", children: /* @__PURE__ */ jsx13("div", { className: "state-msg", children: "Waiting for the first refresh\u2026" }) });
+  }
+  const { refreshedAt, repositories: allRepositories, lastMergedPr: rawLastMerged } = snapshot.data;
+  const repositories = isAdmin ? allRepositories : allRepositories.filter((r) => !r.private);
+  const summary = isAdmin ? snapshot.data.summary : computeSummary(repositories);
+  const lastMergedPr = rawLastMerged && repositories.some((r) => r.name === rawLastMerged.repo) ? rawLastMerged : null;
+  const repoNames = repositories.map((r) => r.name);
+  const noCiCount = repositories.filter(isNoCi).length;
+  const visibleRepos = hideNoCi.hidden ? repositories.filter((r) => !isNoCi(r)) : repositories;
+  const hiddenCount = repositories.length - visibleRepos.length;
+  const publicRepos = visibleRepos.filter((r) => !r.private);
+  const privateRepos = visibleRepos.filter((r) => r.private);
+  const showGroups = publicRepos.length > 0 && privateRepos.length > 0;
+  const KEY_PUBLIC = "section:public";
+  const KEY_PRIVATE = "section:private";
+  const sectionKeys = showGroups ? [KEY_PUBLIC, KEY_PRIVATE] : [];
+  const allCollapsed = collapse.allCollapsed([...repoNames, ...sectionKeys]);
+  const openPrs = flattenOpenPrs(repositories);
+  const nextPr = openPrs[0] ?? null;
+  let repoListContent;
+  if (visibleRepos.length === 0 && hideNoCi.hidden) {
+    repoListContent = /* @__PURE__ */ jsx13("div", { className: "state-msg", children: "All repositories are No-CI \u2014 hidden." });
+  } else if (showGroups) {
+    repoListContent = /* @__PURE__ */ jsxs13(Fragment5, { children: [
+      /* @__PURE__ */ jsx13(
+        RepoSection,
+        {
+          label: "Public",
+          count: publicRepos.length,
+          collapsed: collapse.isCollapsed(KEY_PUBLIC),
+          onToggle: () => collapse.toggle(KEY_PUBLIC)
+        }
+      ),
+      !collapse.isCollapsed(KEY_PUBLIC) && publicRepos.map((repository) => /* @__PURE__ */ jsx13(
+        RepoBoard,
+        {
+          repository,
+          collapsed: collapse.isCollapsed(repository.name),
+          onToggle: collapse.toggle
+        },
+        repository.name
+      )),
+      /* @__PURE__ */ jsx13(
+        RepoSection,
+        {
+          label: "Private",
+          count: privateRepos.length,
+          collapsed: collapse.isCollapsed(KEY_PRIVATE),
+          onToggle: () => collapse.toggle(KEY_PRIVATE)
+        }
+      ),
+      !collapse.isCollapsed(KEY_PRIVATE) && privateRepos.map((repository) => /* @__PURE__ */ jsx13(
+        RepoBoard,
+        {
+          repository,
+          collapsed: collapse.isCollapsed(repository.name),
+          onToggle: collapse.toggle
+        },
+        repository.name
+      ))
+    ] });
+  } else {
+    repoListContent = visibleRepos.map((repository) => /* @__PURE__ */ jsx13(
+      RepoBoard,
+      {
+        repository,
+        collapsed: collapse.isCollapsed(repository.name),
+        onToggle: collapse.toggle
+      },
+      repository.name
+    ));
+  }
+  return /* @__PURE__ */ jsxs13("main", { className: "dashboard-page", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "dashboard__toolbar", children: [
+      /* @__PURE__ */ jsxs13("span", { className: "dashboard__scope", children: [
+        snapshot.data.org,
+        " \xB7 ",
+        isAdmin ? "all repositories" : "public repositories"
+      ] }),
+      /* @__PURE__ */ jsxs13("span", { className: "dashboard__toolbar-right", children: [
+        noCiCount > 0 && /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            className: `dashboard__hide-noci${hideNoCi.hidden ? " dashboard__hide-noci--on" : ""}`,
+            onClick: hideNoCi.toggle,
+            "aria-pressed": hideNoCi.hidden,
+            children: hideNoCi.hidden ? `Show No-CI \xB7 ${hiddenCount} hidden` : "Hide No-CI"
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            className: "dashboard__collapse-all",
+            onClick: () => allCollapsed ? collapse.expandAll() : collapse.collapseAll([...repoNames, ...sectionKeys]),
+            children: allCollapsed ? "\u229E Expand all" : "\u229F Collapse all"
+          }
+        ),
+        /* @__PURE__ */ jsxs13("span", { className: "dashboard__refreshed", children: [
+          /* @__PURE__ */ jsx13("span", { className: "live-dot", "aria-hidden": "true" }),
+          "updated ",
+          formatRelativeTime(refreshedAt)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx13(SummaryStrip, { summary, onOpenPrs: isAdmin ? () => setStepperOpen(true) : void 0, lastMerged: lastMergedPr, nextPr, ciTrend: snapshot.data.ciTrend ?? [] }),
+    /* @__PURE__ */ jsx13("div", { className: "repo-list", children: repoListContent }),
+    /* @__PURE__ */ jsx13(StatusLegend, {}),
+    /* @__PURE__ */ jsx13(MetricsLegend, {}),
+    stepperOpen && /* @__PURE__ */ jsx13(PullRequestStepper, { prs: openPrs, onClose: () => setStepperOpen(false) })
+  ] });
+}
+
+// src/DefaultFooter.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function DefaultFooter() {
+  return /* @__PURE__ */ jsx14("footer", { className: "site-footer", children: /* @__PURE__ */ jsx14("div", { className: "site-footer__band", "aria-hidden": "true", children: /* @__PURE__ */ jsx14("span", { className: "site-footer__tagline", children: "Continuous-integration overview" }) }) });
+}
+
+// src/CiBoard.tsx
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+function CiBoard({ adminSignal, apiBase = DEFAULT_CI_API_BASE, logo, footerSlot }) {
+  return /* @__PURE__ */ jsx15(CiConfigProvider, { value: { apiBase }, children: /* @__PURE__ */ jsxs14("div", { className: "ci-page", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "ci-embed", children: [
+      /* @__PURE__ */ jsx15("header", { className: "ci-embed__header", children: /* @__PURE__ */ jsxs14("span", { className: "ci-embed__lockup", children: [
+        logo ?? /* @__PURE__ */ jsx15("span", { className: "ci-embed__wordmark-text", children: "CI Dashboard" }),
+        /* @__PURE__ */ jsxs14("span", { className: "ci-embed__descriptor", children: [
+          "CI Dashboard ",
+          adminSignal ? "[Admin]" : "[Guest]"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx15(CiAdminProvider, { value: adminSignal, children: /* @__PURE__ */ jsx15(CiBoardContent, {}) })
+    ] }),
+    footerSlot ?? /* @__PURE__ */ jsx15(DefaultFooter, {})
+  ] }) });
+}
+export {
+  CiBoard,
+  DEFAULT_CI_API_BASE,
+  DefaultFooter
+};
+//# sourceMappingURL=index.js.map