@kud/gh-ink 0.58.0 → 0.59.1

package/dist/index.d.ts

@@ -136,32 +136,112 @@ declare const counts: (row: SidebarRow, liveLabel?: LiveLabel) => string;
  */
 declare const railCapacity: (height: number, rows: number) => number;
 /**
- * A right-hand rail of initiatives, standing beside the list.
- *
- * Label first, facts beneath, because a roadmap is read by name: nobody thinks
- * "ACC-11312", they think "the OpenSearch migration". So the label is the
- * bright line and the key drops to the facts line as what it is — a reference
- * you follow, in the secondary tier. Two lines rather than one because both are
- * load-bearing and neither survives the other being cut: words with no key
- * cannot be opened, and a key with no words cannot be read at a glance.
+ * One rail, or several stacked in one column. A host with one thing to rail —
+ * initiatives — passes the one; a host with two kinds of container passes both,
+ * and the panel draws them in order under one rule, each with its own heading.
+ * A stack rather than a second prop because the second rail needs everything
+ * the first has — a heading, a window, a cursor — and nothing more.
+ */
+type Rails = Sidebar | Sidebar[];
+/** The stack as an array, whichever shape the host chose. */
+declare const railsOf: (rails: Rails | undefined) => Sidebar[];
+/** Every row of every section in order — the space the rail's cursor moves in. */
+declare const railRowsOf: (rails: Rails | undefined) => SidebarRow[];
+/**
+ * How the rail's height is shared out down a stack. Each section takes what it
+ * needs while that fits inside an even share of what is left, so a short
+ * section hands its surplus down rather than sitting beside a stripe of blank
+ * lines while the section under it says `+4 more`. Even shares rather than
+ * first-come, because the FIRST section is the one most likely to be long, and
+ * letting it fill the column would leave the second with a heading and nothing
+ * under it — a section that is visibly there and unreadable.
+ */
+declare const railHeights: (height: number, rowCounts: number[]) => number[];
+/**
+ * A right-hand rail standing beside the list: one section, or a stack of them.
  *
  * Presentational, like every other row renderer here: it DRAWS a cursor but does
  * not own one, and it never calls `useInput`. Where the cursor is, and whether
  * the arrows are pointed at this rail at all, are the host's state — which is
- * what lets a screen with two focus regions have exactly one of them lit.
+ * what lets a screen with two focus regions have exactly one of them lit. The
+ * cursor counts across the whole stack, in `railRowsOf` order, so the host
+ * moves one number and never learns where a section boundary falls.
  */
 declare const SidePanel: ({ sidebar, liveLabel, width, height, focused, cursor, }: {
-    sidebar: Sidebar;
+    sidebar: Rails;
     liveLabel?: LiveLabel;
     /** From `railWidth`, so the list beside it can subtract the same number. */
     width?: number;
     height?: number;
     /** The arrows are pointed here, so this rail draws the cursor. */
     focused?: boolean;
-    /** Which row the cursor is on. Only drawn while `focused`. */
+    /** Which row the cursor is on, counted across every section. Only drawn while `focused`. */
     cursor?: number;
 }) => React.JSX.Element;
 
+/**
+ * One state per thing, from a closed set the strip knows how to draw. The host
+ * decides what "warn" means — an error-rate edge, a stale feed, a flaky build —
+ * and the strip only ever says it with a shape.
+ *
+ * `unknown` is a state and not the absence of one: "nothing heard from it" is
+ * a fact about the feed that a green tick would paper over, and a strip that
+ * draws an unmeasured thing as fine is the one failure it cannot afford.
+ */
+type StripState = "ok" | "warn" | "fail" | "unknown";
+type StripItem = {
+    /** The name on screen. Short — it is drawn once per item across one line. */
+    key: string;
+    state: StripState;
+    /**
+     * A second, independent alarm beside the state — a build on fire next to a
+     * service that is serving fine, say. Drawn as its own mark rather than folded
+     * into `state`, because the two answer different questions and a reader
+     * needs to see when they disagree.
+     */
+    alarm?: boolean;
+    /** Where `o` goes when this item is opened from a rail row. Unused here. */
+    url?: string;
+};
+type StatusStrip = {
+    /** What the row is a strip OF, in the host's words: `services`, say. */
+    title: string;
+    items: StripItem[];
+    /** When this snapshot was taken (ms). Drawn as an age at the end of the row. */
+    at?: number;
+};
+declare const stripGlyph: (state: StripState) => [string, string];
+declare const ageLabel: (at: number | undefined, now?: number) => string;
+/**
+ * The strip as plain text, at the width it has to fit. Exported so a test — or a
+ * host laying out its own row — can ask the same question the renderer asks.
+ *
+ * Wide: every item named with its mark, so the row reads as a roll call. Narrow:
+ * counts for what is fine, and names ONLY for what is not — the reader of a
+ * narrow terminal loses the roll call, never the failures. When even the
+ * failures do not fit, the worst few are named and the rest counted, so the
+ * row still says "and N more" rather than silently dropping the fourth fire.
+ */
+declare const stripLayout: (strip: StatusStrip, width: number, now?: number) => {
+    parts: StripItem[] | null;
+    summary: string;
+    age: string;
+};
+/**
+ * A standing single-line row, the same height across loading / absent / ready
+ * so the content below it never jumps — the same contract `CiStatusLine` keeps,
+ * and drawn in the same place, because a reader learns one row of glances.
+ */
+declare const StatusStripLine: ({ strip, label, width, now, }: {
+    /** `undefined` while the first poll is out; `null` when the host has nothing. */
+    strip: StatusStrip | null | undefined;
+    /** What to call the row before the data arrives with its own title. */
+    label?: string;
+    /** Columns the row may use. */
+    width: number;
+    now?: number;
+}) => React.JSX.Element;
+
 declare const renderMarkdown: (raw: string, width: number, fileLink?: (path: string, line?: number) => string) => StyledLine[];
 
 declare const healthDisplay: Record<Health, {
@@ -234,14 +314,14 @@ type CachedCockpit = {
      * rail left out of the file is a rail that does not exist until the next
      * refresh — `i` did nothing and the footer did not even offer it.
      */
-    sidebar?: Sidebar;
+    sidebar?: Rails;
 };
 declare const readCache: (key: string) => CachedCockpit | null;
 declare const writeCache: (key: string, data: {
     sections: Section[];
     login: string;
     budget?: InboxBudget;
-    sidebar?: Sidebar;
+    sidebar?: Rails;
 }) => void;
 
 type DetailContext = {
@@ -422,6 +502,14 @@ type CiStatusState = {
     kind: "ready";
     status: CiStatus;
 };
+type StripStatusState = {
+    kind: "loading";
+} | {
+    kind: "ready";
+    strip: StatusStrip | null;
+};
+/** What the strip SAYS, ignoring when it said it. */
+declare const stripSignature: (strip: StatusStrip | null) => string;
 declare const toCiStatusState: (status: CiStatus | null) => CiStatusState;
 declare const sameCiStatusState: (a: CiStatusState, b: CiStatusState) => boolean;
 declare const CiStatusLine: ({ state, job, }: {
@@ -446,7 +534,7 @@ declare const ActionMenu: ({ item, actions, cursor, }: {
     cursor: number;
 }) => React.JSX.Element;
 declare const signatureOf: (sections: Section[]) => string;
-declare const App: ({ fetcher, cacheKey, title, detailFor, origin, jiraBase, jiraKeyRe, jiraSetupHint, jiraTransitions, hasCiStatus, ciJob, ciFetcher, ciPollMs, watchPath, watchDebounceMs, watchJitterMs, extensions, tabHelp, emptyHint, liveLabel, }: {
+declare const App: ({ fetcher, cacheKey, title, detailFor, origin, jiraBase, jiraKeyRe, jiraSetupHint, jiraTransitions, hasCiStatus, ciJob, ciFetcher, ciPollMs, stripFetcher, stripLabel, stripPollMs, watchPath, watchDebounceMs, watchJitterMs, extensions, tabHelp, emptyHint, liveLabel, }: {
     fetcher: () => Promise<{
         sections: Section[];
         login: string;
@@ -466,7 +554,7 @@ declare const App: ({ fetcher, cacheKey, title, detailFor, origin, jiraBase, jir
          * Part of the fetch result rather than a static prop because it is data, and
          * data that goes stale the same way the rows do.
          */
-        sidebar?: Sidebar;
+        sidebar?: Rails;
     }>;
     cacheKey?: string;
     /**
@@ -490,6 +578,18 @@ declare const App: ({ fetcher, cacheKey, title, detailFor, origin, jiraBase, jir
     ciJob?: string;
     ciFetcher?: () => Promise<CiStatus | null>;
     ciPollMs?: number;
+    /**
+     * A standing status strip under the CI line — one row of things and the
+     * state each is in, polled on its own timer like the CI line and for the
+     * same reason: it is a glance at something that moves on its own schedule.
+     * Wiring a fetcher reserves the row; leaving it out draws nothing. `null`
+     * from the fetcher means "nothing configured" and is drawn as such, while a
+     * rejected poll keeps the last strip up.
+     */
+    stripFetcher?: () => Promise<StatusStrip | null>;
+    /** What to call the row before its first answer arrives with a title. */
+    stripLabel?: string;
+    stripPollMs?: number;
     /**
      * A file something else touches when it has changed GitHub on your behalf —
      * a Claude session closing an issue, a script merging a PR. Touching it makes
@@ -529,4 +629,4 @@ declare const matchesFilter: (repo: string, filter: RepoFilter) => boolean;
  */
 declare const parsePatterns: (value: string) => string[];
 
-export { type Action, ActionMenu, App, COLS, CiStatusLine, type CiStatusState, type Command, CommentsPanel, type CommentsPanelProps, type DetailContext, type ExplainSection, type ExtensionTarget, HealthPanel, type HealthPanelProps, type InboxBudget, type InboxExtension, type JiraTransition, type LiveLabel, MIN_SIDEBAR_COLS, type RepoFilter, SIDEBAR_COLS, SidePanel, type Sidebar, type SidebarRow, budgetNotice, buildActions, buildCheckoutCmd, clipboard, counts, drillCmd, explainGhAction, explainItem, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, itermRun, jumpToRepo, jumpToRepoPane, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, railCapacity, railWidth, readCache, renderMarkdown, reposInSections, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, toCiStatusState, truncate, useActionMenu, windowCount, withHeaders, withoutItem, workCount, writeCache };
+export { type Action, ActionMenu, App, COLS, CiStatusLine, type CiStatusState, type Command, CommentsPanel, type CommentsPanelProps, type DetailContext, type ExplainSection, type ExtensionTarget, HealthPanel, type HealthPanelProps, type InboxBudget, type InboxExtension, type JiraTransition, type LiveLabel, MIN_SIDEBAR_COLS, type Rails, type RepoFilter, SIDEBAR_COLS, SidePanel, type Sidebar, type SidebarRow, type StatusStrip, StatusStripLine, type StripItem, type StripState, type StripStatusState, ageLabel, budgetNotice, buildActions, buildCheckoutCmd, clipboard, counts, drillCmd, explainGhAction, explainItem, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, itermRun, jumpToRepo, jumpToRepoPane, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, railCapacity, railHeights, railRowsOf, railWidth, railsOf, readCache, renderMarkdown, reposInSections, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, stripGlyph, stripLayout, stripSignature, toCiStatusState, truncate, useActionMenu, windowCount, withHeaders, withoutItem, workCount, writeCache };

package/dist/index.js

@@ -1,6 +1,6 @@
 import React2, { createContext, useState, useRef, useEffect, useMemo, useContext } from 'react';
 import { useWindowSize, useInput, Text, Box } from 'ink';
-import { colors, ScrollView, TextInput, useAppKeys, LoadingScreen, ProgressBar, StatusMessage, FooterHints, useListCursor, CommandPalette, Tabs, pillWidth, Pill } from '@kud/ink-ui';
+import { colors, ScrollView, TextInput, useAppKeys, LoadingScreen, StatusMessage, FooterHints, useListCursor, CommandPalette, Tabs, ProgressBar, pillWidth, Pill } from '@kud/ink-ui';
 import { isPassCheck, isFailCheck, isInconclusiveCheck, resolveThread, unresolveThread, replyToThread, rerunFailedRun, mergePr, reRequestReviewer } from '@kud/gh';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { $ } from 'zx';
@@ -634,15 +634,28 @@ var Progress = ({ row }) => {
     /* @__PURE__ */ jsx(Text, { color: colors.secondary, children: GUTTER + fraction.padStart(FRACTION_COLS) })
   ] });
 };
-var SidePanel = ({
+var railsOf = (rails) => rails === void 0 ? [] : Array.isArray(rails) ? rails : [rails];
+var railRowsOf = (rails) => railsOf(rails).flatMap((s) => s.rows);
+var linesFor = (rows) => HEADING_LINES + Math.max(1, rows) * ROW_LINES;
+var railHeights = (height, rowCounts) => {
+  const out = [];
+  let remaining = height;
+  rowCounts.forEach((rows, i) => {
+    const share = Math.floor(remaining / (rowCounts.length - i));
+    const h = Math.min(share, linesFor(rows));
+    out.push(h);
+    remaining -= h;
+  });
+  return out;
+};
+var RailSection = ({
   sidebar,
-  liveLabel = defaultLiveLabel,
-  width = SIDEBAR_COLS,
+  liveLabel,
+  content,
   height,
-  focused = false,
-  cursor = 0
+  focused,
+  cursor
 }) => {
-  const content = contentOf(width);
   const labelCols = content - MARKS;
   const liveCols = content - FACTS_FIXED;
   const capacity = height === void 0 ? sidebar.rows.length : railCapacity(height, sidebar.rows.length);
@@ -653,6 +666,46 @@ var SidePanel = ({
   const rule = "\u254C".repeat(
     Math.max(0, content - [...sidebar.title].length - focus.length - 1)
   );
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height, children: [
+    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: sidebar.title }),
+      focused ? /* @__PURE__ */ jsx(Text, { color: colors.accent, children: focus }) : null,
+      /* @__PURE__ */ jsx(Text, { color: colors.info, dimColor: true, children: ` ${rule}` })
+    ] }),
+    sidebar.rows.length === 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: "nothing open" }) }) : shown.map((row, i) => {
+      const active = focused && start + i === cursor;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { color: colors.info, children: active ? "\u276F " : "  " }),
+          /* @__PURE__ */ jsx(Text, { color: colors.accent, bold: true, children: row.wantsYou ? "\u2190 " : "  " }),
+          /* @__PURE__ */ jsx(Text, { bold: active, children: truncateWords(row.label, labelCols) })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { color: row.markerColor, children: " ".repeat(FACTS_INDENT - 2) + (row.marker ?? " ") + " " }),
+          /* @__PURE__ */ jsx(Text, { color: colors.secondary, children: row.key.padEnd(KEY_COLS) + GUTTER }),
+          /* @__PURE__ */ jsx(Progress, { row }),
+          /* @__PURE__ */ jsx(Text, { children: GUTTER + (row.live !== void 0 ? liveLabel(row.live).slice(0, liveCols) : "") })
+        ] })
+      ] }, row.key);
+    }),
+    hidden > 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: `+${hidden} more` }) }) : null
+  ] });
+};
+var SidePanel = ({
+  sidebar,
+  liveLabel = defaultLiveLabel,
+  width = SIDEBAR_COLS,
+  height,
+  focused = false,
+  cursor = 0
+}) => {
+  const content = contentOf(width);
+  const sections = railsOf(sidebar);
+  const heights = height === void 0 ? sections.map(() => void 0) : railHeights(
+    height,
+    sections.map((s) => s.rows.length)
+  );
+  let offset = 0;
   return (
     // A rule down the left rather than a full box: the rail's other three edges
     // already have the frame's border a column or two away, and a second
@@ -660,7 +713,7 @@ var SidePanel = ({
     // focus and act on, which this cannot be. One line is the whole claim: what
     // is left of it is the list, what is right of it is not. In the frame's own
     // colour and not dimmed, so the two rules read as one hierarchy.
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       Box,
       {
         flexDirection: "column",
@@ -673,34 +726,113 @@ var SidePanel = ({
         borderRight: false,
         borderBottom: false,
         paddingLeft: PAD,
-        children: [
-          /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, children: sidebar.title }),
-            focused ? /* @__PURE__ */ jsx(Text, { color: colors.accent, children: focus }) : null,
-            /* @__PURE__ */ jsx(Text, { color: colors.info, dimColor: true, children: ` ${rule}` })
-          ] }),
-          sidebar.rows.length === 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: "nothing open" }) }) : shown.map((row, i) => {
-            const active = focused && start + i === cursor;
-            return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Text, { color: colors.info, children: active ? "\u276F " : "  " }),
-                /* @__PURE__ */ jsx(Text, { color: colors.accent, bold: true, children: row.wantsYou ? "\u2190 " : "  " }),
-                /* @__PURE__ */ jsx(Text, { bold: active, children: truncateWords(row.label, labelCols) })
-              ] }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Text, { color: row.markerColor, children: " ".repeat(FACTS_INDENT - 2) + (row.marker ?? " ") + " " }),
-                /* @__PURE__ */ jsx(Text, { color: colors.secondary, children: row.key.padEnd(KEY_COLS) + GUTTER }),
-                /* @__PURE__ */ jsx(Progress, { row }),
-                /* @__PURE__ */ jsx(Text, { children: GUTTER + (row.live !== void 0 ? liveLabel(row.live).slice(0, liveCols) : "") })
-              ] })
-            ] }, row.key);
-          }),
-          hidden > 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: `+${hidden} more` }) }) : null
-        ]
+        children: sections.map((section, i) => {
+          const first = offset;
+          offset += section.rows.length;
+          const inside = focused && cursor >= first && cursor < offset;
+          const owns = inside || focused && sections.length === 1;
+          return /* @__PURE__ */ jsx(
+            RailSection,
+            {
+              sidebar: section,
+              liveLabel,
+              content,
+              height: heights[i],
+              focused: owns,
+              cursor: cursor - first
+            },
+            section.title
+          );
+        })
       }
     )
   );
 };
+var stripGlyph = (state) => {
+  switch (state) {
+    case "ok":
+      return ["\u2713", colors.success];
+    case "warn":
+      return ["!", colors.warning];
+    case "fail":
+      return ["\u2717", colors.error];
+    case "unknown":
+      return ["\u25CB", colors.muted];
+  }
+};
+var ALARM = "\u25B2";
+var SEVERITY = {
+  fail: 0,
+  warn: 1,
+  unknown: 2,
+  ok: 3
+};
+var ageLabel = (at, now = Date.now()) => {
+  if (at === void 0) return "";
+  const s = Math.max(0, Math.round((now - at) / 1e3));
+  if (s < 60) return `${s}s`;
+  const m = Math.round(s / 60);
+  if (m < 60) return `${m}m`;
+  return `${Math.round(m / 60)}h`;
+};
+var itemText = (item) => `${stripGlyph(item.state)[0]} ${item.key}${item.alarm ? ALARM : ""}`;
+var stripLayout = (strip, width, now = Date.now()) => {
+  const age = ageLabel(strip.at, now);
+  const fixed = 2 + strip.title.length + 2 + (age ? age.length + 3 : 0);
+  const full = strip.items.map(itemText).join("  ");
+  if (fixed + full.length <= width)
+    return { parts: strip.items, summary: full, age };
+  const sorted = [...strip.items].sort(
+    (a, b) => SEVERITY[a.state] - SEVERITY[b.state]
+  );
+  const bad = sorted.filter((i) => i.state !== "ok" || i.alarm);
+  const ok = strip.items.length - bad.length;
+  const tally = (n, s) => n > 0 ? `${n} ${stripGlyph(s)[0]}` : "";
+  let named = [];
+  let text = "";
+  for (let n = bad.length; n >= 0; n--) {
+    named = bad.slice(0, n);
+    const rest = bad.slice(n);
+    const counts2 = ["fail", "warn", "unknown"].map((s) => tally(rest.filter((i) => i.state === s).length, s)).filter(Boolean);
+    text = [tally(ok, "ok"), ...counts2, ...named.map(itemText)].filter(Boolean).join(" \xB7 ");
+    if (fixed + text.length <= width) break;
+  }
+  return { parts: null, summary: text, age };
+};
+var StatusStripLine = ({
+  strip,
+  label = "status",
+  width,
+  now
+}) => {
+  if (strip === void 0)
+    return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${label}  loading\u2026` })
+    ] });
+  if (strip === null)
+    return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \u25CB " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${label}  no signal / not configured` })
+    ] });
+  const { parts, summary, age } = stripLayout(strip, width, now);
+  return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  ${strip.title}  ` }),
+    parts ? parts.map((item, i) => {
+      const [glyph, color] = stripGlyph(item.state);
+      return /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+        i > 0 ? /* @__PURE__ */ jsx(Text, { children: "  " }) : null,
+        /* @__PURE__ */ jsx(Text, { color, bold: true, children: glyph }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          " ",
+          item.key
+        ] }),
+        item.alarm ? /* @__PURE__ */ jsx(Text, { color: colors.error, bold: true, children: ALARM }) : null
+      ] }, item.key);
+    }) : /* @__PURE__ */ jsx(Text, { children: summary }),
+    age ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `   ${age}` }) : null
+  ] });
+};
 var healthDisplay = {
   none: { glyph: " ", color: colors.muted },
   draft: { glyph: "~", color: colors.muted },
@@ -749,7 +881,7 @@ var displayFor = (h) => h ? healthDisplay[h] : UNREAD_DISPLAY;
 
 // src/inbox/cache.ts
 var cacheTtlMs = () => inboxConfig().cacheTtlMs;
-var CACHE_VERSION = 4;
+var CACHE_VERSION = 5;
 var cacheDir = () => join(
   process.env.XDG_CACHE_HOME || join(homedir(), ".cache"),
   inboxConfig().cacheNamespace
@@ -765,7 +897,7 @@ var readCache = (key) => {
       login: raw.login ?? "",
       at: raw.at ?? 0,
       budget: raw.budget,
-      ...Array.isArray(raw.sidebar?.rows) ? { sidebar: raw.sidebar } : {}
+      ...railsOf(raw.sidebar).every((s) => Array.isArray(s?.rows)) && raw.sidebar !== void 0 ? { sidebar: raw.sidebar } : {}
     };
   } catch {
     return null;
@@ -1059,9 +1191,7 @@ var turnSentences = (item, login) => {
     return [`${item.lastActor} spoke last (\u2190), ${when}. Your reply is owed.`];
   const them = item.author && item.author !== login ? item.author : null;
   if (!them)
-    return [
-      `You spoke last, ${when}. It is waiting on a reviewer, not on you.`
-    ];
+    return [`You spoke last, ${when}. It is waiting on a reviewer, not on you.`];
   const lines = [`You spoke last, ${when}. The ball is with ${them}.`];
   if (d?.lastCommitAt && d.lastEventAt && d.lastCommitAt < d.lastEventAt)
     lines.push(
@@ -1440,7 +1570,7 @@ var backdropStyle = (props) => ({
   inverse: false,
   backgroundColor: void 0
 });
-var Text3 = ({ children, ...props }) => {
+var Text4 = ({ children, ...props }) => {
   const dimmed = useContext(DimContext);
   return dimmed ? /* @__PURE__ */ jsx(Text, { ...props, ...backdropStyle(props), children }) : /* @__PURE__ */ jsx(Text, { ...props, children });
 };
@@ -1836,13 +1966,13 @@ var InboxHeader = ({
     COLS - brand.length - countSeg.length - userSeg.length - workLabel.length - budgetSeg.length - statusSeg.length
   );
   return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-    /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: brand }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: countSeg }),
-    userSeg ? /* @__PURE__ */ jsx(Text3, { children: userSeg }) : null,
-    scopeLabel ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: workLabel }) : null,
-    budgetLabel ? /* @__PURE__ */ jsx(Text3, { bold: true, color: budgetCritical ? "#FF5F5F" : colors.accent, children: budgetSeg }) : null,
+    /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: true, children: brand }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: countSeg }),
+    userSeg ? /* @__PURE__ */ jsx(Text4, { children: userSeg }) : null,
+    scopeLabel ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: workLabel }) : null,
+    budgetLabel ? /* @__PURE__ */ jsx(Text4, { bold: true, color: budgetCritical ? "#FF5F5F" : colors.accent, children: budgetSeg }) : null,
     statusText ? /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         color: statusColor,
         dimColor: !statusColor,
@@ -1850,9 +1980,10 @@ var InboxHeader = ({
         children: statusSeg
       }
     ) : null,
-    /* @__PURE__ */ jsx(Text3, { color: colors.info, dimColor: true, children: "\u254C".repeat(fill) })
+    /* @__PURE__ */ jsx(Text4, { color: colors.info, dimColor: true, children: "\u254C".repeat(fill) })
   ] });
 };
+var stripSignature = (strip) => strip === null ? "\u2205" : strip.items.map((i) => `${i.key}=${i.state}${i.alarm ? "\u25B2" : ""}`).join(",");
 var toCiStatusState = (status) => status ? { kind: "ready", status } : { kind: "error" };
 var sameCiStatusState = (a, b) => {
   if (a.kind !== b.kind) return false;
@@ -1873,24 +2004,24 @@ var CiStatusLine = ({
   const name = job ?? "ci";
   if (state.kind === "loading")
     return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  \xB7 " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `${name}  loading\u2026` })
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  \xB7 " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `${name}  loading\u2026` })
     ] });
   if (state.kind === "error")
     return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.error, bold: true, children: "  \u2717 " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `${name}  no build / not configured` })
+      /* @__PURE__ */ jsx(Text4, { color: colors.error, bold: true, children: "  \u2717 " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `${name}  no build / not configured` })
     ] });
   const { status } = state;
   const [, color] = jenkinsResultDisplay(status.result, status.building);
   const label = status.building ? "BUILDING" : status.result;
   return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " }),
-    /* @__PURE__ */ jsx(Text3, { color, bold: true, children: "\u25CF " }),
-    /* @__PURE__ */ jsx(Text3, { bold: true, children: status.job }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + label }),
-    /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: "  #" + status.buildNumber }),
-    status.age ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + status.age }) : null
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " }),
+    /* @__PURE__ */ jsx(Text4, { color, bold: true, children: "\u25CF " }),
+    /* @__PURE__ */ jsx(Text4, { bold: true, children: status.job }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " + label }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: "  #" + status.buildNumber }),
+    status.age ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " + status.age }) : null
   ] });
 };
 var FENCE_COLS = 46;
@@ -1903,10 +2034,10 @@ var RepoHeaderRow = ({
   const fill = Math.max(4, FENCE_COLS - label.length);
   const rule = "\u2500".repeat(fill);
   return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
-    /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: !active, children: "\u2500\u2500 " }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: !active, children: "\u2500\u2500 " }),
     /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         dimColor: false,
         color: active ? void 0 : colors.secondary,
@@ -1914,7 +2045,7 @@ var RepoHeaderRow = ({
         children: repo
       }
     ),
-    /* @__PURE__ */ jsx(Text3, { dimColor: !active, children: " " + rule })
+    /* @__PURE__ */ jsx(Text4, { dimColor: !active, children: " " + rule })
   ] });
 };
 var MERGED_HOLD_MS = 3e3;
@@ -1979,22 +2110,22 @@ var ItemRow = ({
     return /* @__PURE__ */ jsx(RepoHeaderRow, { repo: item.repo, gap: gap ?? false, active });
   if (item.kind === "subgroup-header")
     return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: "  \xBB " }),
-      /* @__PURE__ */ jsx(Text3, { bold: true, children: item.label })
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: true, children: "  \xBB " }),
+      /* @__PURE__ */ jsx(Text4, { bold: true, children: item.label })
     ] });
   if (item.kind === "show-more")
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: active ? "\u21B5 " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `+${item.hidden.length} more` })
+      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: active ? "\u21B5 " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `+${item.hidden.length} more` })
     ] });
   if (item.kind === "show-less")
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: active ? "\u21B5 " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "show less" })
+      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: active ? "\u21B5 " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "show less" })
     ] });
   if (item.kind === "task") {
     const note = item.note ?? "";
@@ -2004,14 +2135,14 @@ var ItemRow = ({
       cols - item.key.length - note.length - (item.pill ? pillWidth(item.pill) + 1 : 0) - (farewellLabel ? pillWidth(farewellLabel) + 2 : 0) - prefix.length - (markerCols > 0 ? markerCols + 1 : 0) - 12
     );
     return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: parent ? "\u252C " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { bold: true, color: transient ? TRANSIT_COLOUR[transient] : void 0, children: transitIcon + " " }),
-      markerCols > 0 ? /* @__PURE__ */ jsx(Text3, { color: item.markerColor, children: (item.marker ?? "").padEnd(markerCols) + " " }) : null,
-      /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: active, children: item.key + "  " }),
+      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: parent ? "\u252C " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { bold: true, color: transient ? TRANSIT_COLOUR[transient] : void 0, children: transitIcon + " " }),
+      markerCols > 0 ? /* @__PURE__ */ jsx(Text4, { color: item.markerColor, children: (item.marker ?? "").padEnd(markerCols) + " " }) : null,
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: active, children: item.key + "  " }),
       /* @__PURE__ */ jsx(
-        Text3,
+        Text4,
         {
           bold: active || !!transient && isArrival(transient),
           dimColor: !!transient && isDeparture(transient),
@@ -2020,7 +2151,7 @@ var ItemRow = ({
         }
       ),
       item.pill && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text3, { children: " " }),
+        /* @__PURE__ */ jsx(Text4, { children: " " }),
         /* @__PURE__ */ jsx(
           Pill,
           {
@@ -2031,9 +2162,9 @@ var ItemRow = ({
           }
         )
       ] }) : null,
-      note ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: ` ${note}` }) : null,
+      note ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: ` ${note}` }) : null,
       farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text3, { children: "  " }),
+        /* @__PURE__ */ jsx(Text4, { children: "  " }),
         /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
       ] }) : null
     ] });
@@ -2049,7 +2180,7 @@ var ItemRow = ({
   const sizeParts = sizePartsOf(item);
   const unresolvedLabel = item.unresolved > 0 ? `\uF086 ${item.unresolved}` : "";
   const agePair = item.activityAge && item.activityAge !== item.age ? { activity: item.activityAge, lifetime: item.age } : null;
-  const ageLabel = agePair ? `${agePair.activity} (${agePair.lifetime})` : item.age;
+  const ageLabel2 = agePair ? `${agePair.activity} (${agePair.lifetime})` : item.age;
   const mergedLabel = merged ? "merged" : "";
   const pillCaps = [mergedLabel, farewellLabel].filter(Boolean).length * 2;
   const repoLabel = depthOf(item) > 0 ? item.repo : "";
@@ -2082,7 +2213,7 @@ var ItemRow = ({
   };
   const widthOf2 = () => {
     const suffix = [
-      givingUp.age ? "" : ageLabel || "",
+      givingUp.age ? "" : ageLabel2 || "",
       // ASCII only, so no PUA double-width correction — see the label cell.
       givingUp.size ? "" : sizeLabel || "",
       givingUp.threads ? "" : unresolvedLabel,
@@ -2108,13 +2239,13 @@ var ItemRow = ({
   const labelLabel = labelCell();
   const titleMax = Math.max(1, cols - widthOf2());
   return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
-    /* @__PURE__ */ jsx(Text3, { color, bold: true, children: icon + " " }),
-    /* @__PURE__ */ jsx(Text3, { color: turnColor, bold: turnIcon === "\u2190", children: turnIcon + " " }),
-    /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: numStr }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+    /* @__PURE__ */ jsx(Text4, { color, bold: true, children: icon + " " }),
+    /* @__PURE__ */ jsx(Text4, { color: turnColor, bold: turnIcon === "\u2190", children: turnIcon + " " }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: numStr }),
     /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         bold: active || !!transient && isArrival(transient),
         dimColor: !!transient && isDeparture(transient),
@@ -2122,33 +2253,33 @@ var ItemRow = ({
         children: truncate(item.title, titleMax) + "  "
       }
     ),
-    labelLabel ? /* @__PURE__ */ jsx(Text3, { color: colors.secondary, children: labelLabel + "  " }) : null,
-    repoLabel && !givingUp.repo ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: repoLabel }) : null,
-    sizeParts && !givingUp.size ? /* @__PURE__ */ jsxs(Text3, { children: [
+    labelLabel ? /* @__PURE__ */ jsx(Text4, { color: colors.secondary, children: labelLabel + "  " }) : null,
+    repoLabel && !givingUp.repo ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: repoLabel }) : null,
+    sizeParts && !givingUp.size ? /* @__PURE__ */ jsxs(Text4, { children: [
       "  ",
-      /* @__PURE__ */ jsx(Text3, { color: colors.success, children: sizeParts.added }),
+      /* @__PURE__ */ jsx(Text4, { color: colors.success, children: sizeParts.added }),
       " ",
-      /* @__PURE__ */ jsx(Text3, { color: colors.error, children: sizeParts.removed })
+      /* @__PURE__ */ jsx(Text4, { color: colors.error, children: sizeParts.removed })
     ] }) : null,
     unresolvedLabel && !givingUp.threads ? /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         bold: !spokeLast,
         color: spokeLast ? colors.secondary : colors.accent,
         children: "  " + unresolvedLabel
       }
     ) : null,
-    showAuthor && !givingUp.author ? /* @__PURE__ */ jsx(Text3, { dimColor: true, italic: true, children: "  by " + item.author }) : null,
-    ageLabel && !givingUp.age ? agePair ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.secondary, children: "  " + agePair.activity }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: ` (${agePair.lifetime})` })
-    ] }) : /* @__PURE__ */ jsx(Text3, { color: colors.secondary, children: "  " + ageLabel }) : null,
+    showAuthor && !givingUp.author ? /* @__PURE__ */ jsx(Text4, { dimColor: true, italic: true, children: "  by " + item.author }) : null,
+    ageLabel2 && !givingUp.age ? agePair ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text4, { color: colors.secondary, children: "  " + agePair.activity }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: ` (${agePair.lifetime})` })
+    ] }) : /* @__PURE__ */ jsx(Text4, { color: colors.secondary, children: "  " + ageLabel2 }) : null,
     mergedLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text3, { children: "  " }),
+      /* @__PURE__ */ jsx(Text4, { children: "  " }),
       /* @__PURE__ */ jsx(Pill, { color: MERGED_COLOUR, children: mergedLabel })
     ] }) : null,
     farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text3, { children: "  " }),
+      /* @__PURE__ */ jsx(Text4, { children: "  " }),
       /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
     ] }) : null
   ] });
@@ -2196,15 +2327,15 @@ var ActionMenu = ({
       paddingX: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: title }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(32) }),
+        /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: title }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(32) }),
         actions.map((a, i) => /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.info, children: i === cursor ? "\u276F " : "  " }),
-          /* @__PURE__ */ jsx(Text3, { bold: i === cursor, children: a.label }),
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + a.hint })
+          /* @__PURE__ */ jsx(Text4, { color: colors.info, children: i === cursor ? "\u276F " : "  " }),
+          /* @__PURE__ */ jsx(Text4, { bold: i === cursor, children: a.label }),
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " + a.hint })
         ] }, a.label)),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(32) }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2191\u2193 navigate \u21B5 confirm esc cancel" })
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(32) }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2191\u2193 navigate \u21B5 confirm esc cancel" })
       ]
     }
   );
@@ -2252,11 +2383,11 @@ var LegendGroup = ({
   width,
   marginRight
 }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width, marginRight, children: [
-  pinned !== void 0 ? /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: pinned ?? " " }) : null,
+  pinned !== void 0 ? /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: pinned ?? " " }) : null,
   lines.map(
-    (line, index) => line.kind === "gap" ? /* @__PURE__ */ jsx(Text3, { children: " " }, index) : line.kind === "title" ? /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: line.text }, index) : /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: line.row.color, bold: line.row.bold, children: line.row.cell.padEnd(line.cellWidth) }),
-      /* @__PURE__ */ jsx(Text3, { wrap: "truncate-end", children: line.row.label })
+    (line, index) => line.kind === "gap" ? /* @__PURE__ */ jsx(Text4, { children: " " }, index) : line.kind === "title" ? /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: line.text }, index) : /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text4, { color: line.row.color, bold: line.row.bold, children: line.row.cell.padEnd(line.cellWidth) }),
+      /* @__PURE__ */ jsx(Text4, { wrap: "truncate-end", children: line.row.label })
     ] }, index)
   )
 ] });
@@ -2377,8 +2508,8 @@ var HelpModal = ({
       width: contentWidth + MODAL_CHROME_COLS,
       children: [
         /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: "Legend" }),
-          scrollable ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `   ${offset + 1}\u2013${offset + shown} of ${totalRows}` }) : null
+          /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: "Legend" }),
+          scrollable ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `   ${offset + 1}\u2013${offset + shown} of ${totalRows}` }) : null
         ] }),
         /* @__PURE__ */ jsx(Box, { marginTop: 1, width: contentWidth, children: groups.map((group, index) => /* @__PURE__ */ jsx(
           LegendGroup,
@@ -2390,8 +2521,8 @@ var HelpModal = ({
           },
           group[0]?.title ?? index
         )) }),
-        tabHelp && !scrollable ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: LEGEND_FOOTNOTE }) : null,
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: scrollable ? "\u2191\u2193 scroll \xB7 esc \xB7 ? close" : "esc \xB7 ? close" })
+        tabHelp && !scrollable ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: LEGEND_FOOTNOTE }) : null,
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: scrollable ? "\u2191\u2193 scroll \xB7 esc \xB7 ? close" : "esc \xB7 ? close" })
       ]
     }
   );
@@ -2406,13 +2537,13 @@ var ExplainModal = ({ item, login }) => /* @__PURE__ */ jsxs(
     paddingX: 1,
     width: Math.min(COLS, 78),
     children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: `#${item.number} \xB7 ${item.repo}` }),
-      /* @__PURE__ */ jsx(Text3, { children: item.title }),
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: true, children: `#${item.number} \xB7 ${item.repo}` }),
+      /* @__PURE__ */ jsx(Text4, { children: item.title }),
       explainItem(item, login).map((section) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: section.heading }),
-        section.lines.map((line, i) => /* @__PURE__ */ jsx(Text3, { children: "  " + line }, i))
+        /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: section.heading }),
+        section.lines.map((line, i) => /* @__PURE__ */ jsx(Text4, { children: "  " + line }, i))
       ] }, section.heading)),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "esc \xB7 e close" }) })
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "esc \xB7 e close" }) })
     ]
   }
 );
@@ -2438,21 +2569,21 @@ var RepoPicker = ({
       paddingX: 1,
       minWidth: 42,
       children: [
-        /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: `Filter by repo  (${selected.size} on)` }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(36) }),
+        /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: `Filter by repo  (${selected.size} on)` }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(36) }),
         visible.map((repo, i) => {
           const idx = start + i;
           const on = selected.has(repo);
           const active = idx === cursor;
           return /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-            /* @__PURE__ */ jsx(Text3, { color: on ? "green" : void 0, children: on ? "\u25C9 " : "\u25CB " }),
-            /* @__PURE__ */ jsx(Text3, { bold: active, children: repo })
+            /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+            /* @__PURE__ */ jsx(Text4, { color: on ? "green" : void 0, children: on ? "\u25C9 " : "\u25CB " }),
+            /* @__PURE__ */ jsx(Text4, { bold: active, children: repo })
           ] }, repo);
         }),
-        repos.length > budget ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `  \u2026 ${repos.length} repos total` }) : null,
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(36) }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "space toggle \xB7 a clear all \xB7 \u21B5/esc done" })
+        repos.length > budget ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `  \u2026 ${repos.length} repos total` }) : null,
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(36) }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "space toggle \xB7 a clear all \xB7 \u21B5/esc done" })
       ]
     }
   );
@@ -2487,6 +2618,8 @@ var BrowseScreen = ({
   extensions,
   ciStatusState,
   ciJob,
+  stripState,
+  stripLabel,
   tabHelp,
   origin,
   budget,
@@ -2528,12 +2661,13 @@ var BrowseScreen = ({
   const [palette, setPalette] = useState(null);
   const filterActive = search != null || repoFilter.size > 0;
   const reserveCiRow = ciStatusState != null;
+  const reserveStripRow = stripState != null;
   const ciStatus = ciStatusState?.kind === "ready" ? ciStatusState.status : null;
   const listHeight = Math.max(
     5,
     // -10 rather than -8: the extra 2 are the frame's top and bottom border
     // rows, so the tree never grows taller than the terminal inside the frame.
-    rows - 10 - (filterActive ? 2 : 0) - (reserveCiRow ? 2 : 0)
+    rows - 10 - (filterActive ? 2 : 0) - (reserveCiRow ? 2 : 0) - (reserveStripRow ? 2 : 0)
   );
   useEffect(() => {
     setCursors((p) => ({ ...p, [activeId]: 0 }));
@@ -2627,10 +2761,13 @@ var BrowseScreen = ({
     return out;
   }, [localSections, transients]);
   const [railOpen, setRailOpen] = useState(false);
-  const showRail = railOpen && !!sidebar;
+  const rails = railsOf(sidebar);
+  const hasRail = rails.length > 0;
+  const railTitle = rails.map((s) => s.title.toLowerCase()).join(" \xB7 ");
+  const showRail = railOpen && hasRail;
   const [railFocus, setRailFocus] = useState(false);
   const [railCursor, setRailCursor] = useState(0);
-  const railRows = sidebar?.rows ?? [];
+  const railRows = railRowsOf(sidebar);
   const railActive = showRail && railFocus && railRows.length > 0;
   const railAt = Math.min(railCursor, Math.max(0, railRows.length - 1));
   const peel = () => {
@@ -2804,7 +2941,7 @@ var BrowseScreen = ({
       setRepoPicker(true);
       return;
     }
-    if (input === "i" && sidebar) {
+    if (input === "i" && hasRail) {
       setRailOpen((open) => {
         if (open) setRailFocus(false);
         return !open;
@@ -2845,6 +2982,13 @@ var BrowseScreen = ({
         }
         return;
       }
+      if (input === "c") {
+        const row = railRows[railAt];
+        if (!row?.url) return;
+        clipboard(row.url);
+        showFlash(`\u2713 Copied URL for ${row.key}`);
+        return;
+      }
       if (input !== "r" && input !== "q" && !key.leftArrow && !key.rightArrow)
         return;
     }
@@ -3103,9 +3247,10 @@ var BrowseScreen = ({
     // reach a row is worse than a short footer: it names a key that does
     // nothing where you are standing.
     [
-      ["\u2191\u2193", "initiative"],
+      ["\u2191\u2193", "row"],
       ["\u21B5", "open"],
       ["o", "browser"],
+      ["c", "copy url"],
       ["\u21E5/esc", "back to list"],
       ["?", "help"],
       ["q", "quit"]
@@ -3128,7 +3273,7 @@ var BrowseScreen = ({
     ...jiraBase ? [["\u2303K", "launch"]] : [],
     // Advertised only where it does something, and named for what it
     // shows rather than for the furniture: nobody wants "a sidebar".
-    ...showRail ? [["\u21E5", sidebar.title.toLowerCase()]] : sidebar ? [["i", sidebar.title.toLowerCase()]] : [],
+    ...showRail ? [["\u21E5", railTitle]] : hasRail ? [["i", railTitle]] : [],
     ["?", "help"],
     ["q", "quit"]
   ];
@@ -3142,11 +3287,11 @@ var BrowseScreen = ({
     const query = palette.trim();
     const ticketKey = jiraKeyRe ? query.toUpperCase().match(jiraKeyRe)?.[0] : void 0;
     const commands = [];
-    const rich = (key, where) => /* @__PURE__ */ jsxs(Text3, { children: [
+    const rich = (key, where) => /* @__PURE__ */ jsxs(Text4, { children: [
       "Open ",
-      /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: key }),
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: key }),
       " ",
-      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: where })
+      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: where })
     ] });
     const labels = /* @__PURE__ */ new Map();
     if (ticketKey && jiraBase) {
@@ -3234,7 +3379,14 @@ var BrowseScreen = ({
       selected: repoFilter,
       cursor: Math.min(repoCursor, Math.max(0, allRepos.length - 1))
     }
-  ) : menu.actions && activeItem && activeItem.kind !== "repo-header" ? /* @__PURE__ */ jsx(ActionMenu, { item: activeItem, actions: menu.actions, cursor: menu.cursor }) : null;
+  ) : menu.actions && activeItem && activeItem.kind !== "repo-header" ? /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      item: activeItem,
+      actions: menu.actions,
+      cursor: menu.cursor
+    }
+  ) : null;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -3262,9 +3414,17 @@ var BrowseScreen = ({
           }
         ),
         ciStatusState ? /* @__PURE__ */ jsx(CiStatusLine, { state: ciStatusState, job: ciJob }) : null,
+        stripState ? /* @__PURE__ */ jsx(
+          StatusStripLine,
+          {
+            strip: stripState.kind === "ready" ? stripState.strip : void 0,
+            label: stripLabel,
+            width: COLS
+          }
+        ) : null,
         skippedForBudget ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text3, { bold: true, color: colors.accent, children: "  \u26A1 auto-refresh paused to save API budget" }),
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "   r refreshes anyway" })
+          /* @__PURE__ */ jsx(Text4, { bold: true, color: colors.accent, children: "  \u26A1 auto-refresh paused to save API budget" }),
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "   r refreshes anyway" })
         ] }) : null,
         /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(
           Tabs,
@@ -3300,14 +3460,14 @@ var BrowseScreen = ({
           }
         ) }),
         search != null ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.info, children: "  / " }),
-          /* @__PURE__ */ jsx(Text3, { children: search }),
-          searchInput ? /* @__PURE__ */ jsx(Text3, { color: colors.info, children: "\u258F" }) : null,
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `   ${matchCount} match${matchCount !== 1 ? "es" : ""}${searchInput ? "  \u21B5 accept \xB7 esc clear" : "  esc clear"}` })
+          /* @__PURE__ */ jsx(Text4, { color: colors.info, children: "  / " }),
+          /* @__PURE__ */ jsx(Text4, { children: search }),
+          searchInput ? /* @__PURE__ */ jsx(Text4, { color: colors.info, children: "\u258F" }) : null,
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `   ${matchCount} match${matchCount !== 1 ? "es" : ""}${searchInput ? "  \u21B5 accept \xB7 esc clear" : "  esc clear"}` })
         ] }) : repoFilter.size > 0 ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: "  \u25C9 " }),
-          /* @__PURE__ */ jsx(Text3, { children: `${repoFilter.size} repo${repoFilter.size !== 1 ? "s" : ""}` }),
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "   f edit \xB7 esc clear" })
+          /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: "  \u25C9 " }),
+          /* @__PURE__ */ jsx(Text4, { children: `${repoFilter.size} repo${repoFilter.size !== 1 ? "s" : ""}` }),
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "   f edit \xB7 esc clear" })
         ] }) : null,
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsxs(
@@ -3345,7 +3505,7 @@ var BrowseScreen = ({
                         },
                         `${viewStart + i}:${rowKey(item)}`
                       )) }),
-                      hasMore && /* @__PURE__ */ jsxs(Text3, { dimColor: true, children: [
+                      hasMore && /* @__PURE__ */ jsxs(Text4, { dimColor: true, children: [
                         "  ",
                         "\u2193 ",
                         section.items.length - viewStart - visibleCount,
@@ -3367,10 +3527,10 @@ var BrowseScreen = ({
               ]
             }
           ),
-          showRail && sidebar ? /* @__PURE__ */ jsx(
+          showRail ? /* @__PURE__ */ jsx(
             SidePanel,
             {
-              sidebar,
+              sidebar: rails,
               liveLabel,
               width: railCols,
               height: listHeight,
@@ -3379,7 +3539,7 @@ var BrowseScreen = ({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: flash ? /* @__PURE__ */ jsx(Text3, { color: colors.success, children: flash }) : /* @__PURE__ */ jsx(FooterHints, { hints }) })
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: flash ? /* @__PURE__ */ jsx(Text4, { color: colors.success, children: flash }) : /* @__PURE__ */ jsx(FooterHints, { hints }) })
       ]
     }
   );
@@ -3394,7 +3554,7 @@ var NoRowsScreen = ({
   });
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx(StatusMessage, { variant: reason === "empty" ? "info" : "error", children: reason === "empty" ? "Nothing open." : `Fetch failed \u2014 ${detail ?? "no reason reported"}` }),
-    reason === "empty" && detail ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: detail }) }) : null,
+    reason === "empty" && detail ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text4, { dimColor: true, children: detail }) }) : null,
     /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
       FooterHints,
       {
@@ -3425,6 +3585,9 @@ var App = ({
   ciJob,
   ciFetcher,
   ciPollMs = 6e4,
+  stripFetcher,
+  stripLabel,
+  stripPollMs = 3e5,
   watchPath,
   watchDebounceMs = 400,
   // Zero by default, deliberately. A package that adds randomness to its own
@@ -3468,6 +3631,15 @@ var App = ({
     const next = toCiStatusState(status);
     return sameCiStatusState(prev, next) ? prev : next;
   });
+  const hasStrip = !!stripFetcher;
+  const [stripState, setStripState] = useState({
+    kind: "loading"
+  });
+  const applyStrip = (strip) => setStripState((prev) => {
+    const next = { kind: "ready", strip };
+    if (prev.kind !== "ready") return next;
+    return stripSignature(prev.strip) === stripSignature(strip) ? prev : next;
+  });
   const displayedKey = useRef("");
   const displayedSections = useRef([]);
   const [transients, setTransients] = useState(NO_TRANSIENTS);
@@ -3550,13 +3722,10 @@ var App = ({
     const running = [...heldSince].filter(([tab]) => held.has(tab));
     if (running.length === 0) return;
     const remaining = (at) => at + TRANSIT_HOLD_MS - Date.now();
-    const timer = setTimeout(
-      () => {
-        for (const [tab, at] of running)
-          if (remaining(at) <= 0) settleTab(tab, transients);
-      },
-      Math.max(0, Math.min(...running.map(([, at]) => remaining(at))))
-    );
+    const timer = setTimeout(() => {
+      for (const [tab, at] of running)
+        if (remaining(at) <= 0) settleTab(tab, transients);
+    }, Math.max(0, Math.min(...running.map(([, at]) => remaining(at)))));
     return () => clearTimeout(timer);
   }, [transients, heldSince, state.phase]);
   const pendingSummary = useMemo(
@@ -3664,6 +3833,23 @@ var App = ({
       clearInterval(id);
     };
   }, [hasCiStatus, ciFetcher, ciPollMs]);
+  useEffect(() => {
+    if (!stripFetcher) return;
+    let live = true;
+    const poll = () => {
+      stripFetcher().then((strip) => {
+        if (!live) return;
+        applyStrip(strip);
+      }).catch(() => {
+      });
+    };
+    poll();
+    const id = setInterval(poll, stripPollMs);
+    return () => {
+      live = false;
+      clearInterval(id);
+    };
+  }, [stripFetcher, stripPollMs]);
   useEffect(() => {
     if (!watchPath) return;
     const dir = dirname(watchPath);
@@ -3748,6 +3934,14 @@ var App = ({
             }
           ),
           hasCiStatus ? /* @__PURE__ */ jsx(CiStatusLine, { state: ciStatusState, job: ciJob }) : null,
+          hasStrip ? /* @__PURE__ */ jsx(
+            StatusStripLine,
+            {
+              strip: stripState.kind === "ready" ? stripState.strip : void 0,
+              label: stripLabel,
+              width: COLS
+            }
+          ) : null,
           /* @__PURE__ */ jsx(
             Box,
             {
@@ -3834,6 +4028,8 @@ var App = ({
         liveLabel,
         ciStatusState: hasCiStatus ? ciStatusState : void 0,
         ciJob,
+        stripState: hasStrip ? stripState : void 0,
+        stripLabel,
         tabHelp,
         onOpenPr: (item) => setState({
           phase: "pr",
@@ -3888,4 +4084,4 @@ var matchesFilter = (repo, filter) => {
 };
 var parsePatterns = (value) => value.split(",").map((p) => p.trim()).filter(Boolean);
 
-export { ActionMenu, App, COLS, CiStatusLine, CommentsPanel, HealthPanel, MIN_SIDEBAR_COLS, SIDEBAR_COLS, SidePanel, budgetNotice, buildActions, buildCheckoutCmd, clipboard, counts, drillCmd, explainGhAction, explainItem, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, itermRun, jumpToRepo, jumpToRepoPane, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, railCapacity, railWidth, readCache, renderMarkdown, reposInSections, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, toCiStatusState, truncate, useActionMenu, windowCount, withHeaders, withoutItem, workCount, writeCache };
+export { ActionMenu, App, COLS, CiStatusLine, CommentsPanel, HealthPanel, MIN_SIDEBAR_COLS, SIDEBAR_COLS, SidePanel, StatusStripLine, ageLabel, budgetNotice, buildActions, buildCheckoutCmd, clipboard, counts, drillCmd, explainGhAction, explainItem, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, itermRun, jumpToRepo, jumpToRepoPane, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, railCapacity, railHeights, railRowsOf, railWidth, railsOf, readCache, renderMarkdown, reposInSections, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, stripGlyph, stripLayout, stripSignature, toCiStatusState, truncate, useActionMenu, windowCount, withHeaders, withoutItem, workCount, writeCache };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.58.0",
+  "version": "0.59.1",
   "description": "Ink components for rendering GitHub PR review comments and health — controlled, presentation-only, built on @kud/ink-ui and fed by @kud/gh.",
   "type": "module",
   "main": "dist/index.js",
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@kud/gh": "0.17.0",
-    "@kud/gh-workflow": "0.12.1",
+    "@kud/gh-workflow": "0.13.0",
     "@kud/ink-ui": "0.30.0",
     "zx": "8.8.5"
   },