@kud/gh-ink 0.60.0 → 0.61.0

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
 import { PrComments, PrHealthData, PrCheck, Health } from '@kud/gh';
-import { StyledLine } from '@kud/ink-ui';
-import { AnyItem, Section, CiStatus, GHItem, OriginSplit } from '@kud/gh-workflow';
+import { GHItem, AnyItem, Section, CiStatus, OriginSplit } from '@kud/gh-workflow';
 export { AnyItem, Band, CiStatus, GHDetail, GHItem, InboxConfig, Move, OriginSplit, PIN_MARK, RepoHeader, RepoProfile, Section, ShowLess, ShowMore, Standing, SubgroupHeader, TaskRow, bandOf, checkoutDirs, configureInbox, filterByOrigin, filterByRepos, filterBySearch, impliedLabels, inboxConfig, insertRepoHeaders, labelPriority, layoutGHItems, profileOf, relativeTime, repoPriority, resetInboxConfig, sortByRecency, sortItems, whoseMove } from '@kud/gh-workflow';
+import { StyledLine } from '@kud/ink-ui';
 
 type CommentsPanelProps = {
     repo: string;
@@ -179,6 +179,82 @@ declare const SidePanel: ({ sidebar, liveLabel, width, height, focused, cursor,
     cursor?: number;
 }) => React.JSX.Element;
 
+/**
+ * How this row is moving through the list right now.
+ *
+ * The row itself never works this out: whoever owns the list owns the
+ * choreography — what counts as an arrival, how long a departure is held, which
+ * frame of a ramp is on screen — and hands the row the conclusion. So this
+ * enumerates what the TITLE has to say, not what happened upstream to cause it.
+ *
+ * `withdrawn` is `departing` plus the strike: a row struck through is one that
+ * has been taken off the list rather than moved along it, and the two read
+ * differently on purpose.
+ */
+type RowMotion = "arriving" | "departing" | "withdrawn";
+/**
+ * A solid pill at the end of the row, saying what just happened to it.
+ *
+ * Solid because it is an EVENT — `@kud/ink-ui`'s pill law in one line: the
+ * column says where it sits, soft says what it is, solid says something
+ * happened. The word and the colour are the caller's vocabulary; what the row
+ * owns is that the pill is charged against the width budget whether or not it
+ * is drawn.
+ */
+type RowAnnouncement = {
+    label: string;
+    color: string;
+};
+type PrRowProps = {
+    item: GHItem;
+    active: boolean;
+    login?: string;
+    /**
+     * Columns available to this row, which is NOT always the frame width: a rail
+     * beside the list takes its share, and a budget that does not know the rail is
+     * there overflows by exactly the rail.
+     */
+    cols: number;
+    /** Overrides the health glyph — the inbox passes its transit/merge frame here. */
+    icon?: {
+        glyph: string;
+        color: string;
+    };
+    /**
+     * This row's tree glyphs, already assembled — see `treePrefix`. Empty for a
+     * top-level row.
+     *
+     * A row cannot work this out about itself: it is a fact about the rows BELOW
+     * it (is a sibling still to come?) and about its ANCESTORS (does a stem still
+     * need to run past this level?), so the list supplies it.
+     */
+    prefix?: string;
+    /**
+     * Labels carried by EVERY label-bearing row in this section, measured once by
+     * the list. Suppressed here for the same reason `impliedLabels` suppresses a
+     * repo's conventional ones — a label on every row classifies nothing — but on
+     * the section axis, which catches uniformity that comes from the query rather
+     * than from a repo convention. Defaulted so a host that does not measure it
+     * keeps exactly the behaviour it had.
+     */
+    uniformLabels?: readonly string[];
+    /** How the title reads while the row is coming or going. Still when absent. */
+    motion?: RowMotion;
+    /** In order, left to right. Charged against the width budget either way. */
+    announcements?: readonly RowAnnouncement[];
+};
+/**
+ * One pull request or issue, as a single line of a list.
+ *
+ * The shared renderer: the inbox draws its rows with it, and so does anything
+ * else that has a `GHItem` and a width. Everything it knows is in its props —
+ * it holds no timers, reads no clock, and has no opinion about whether the list
+ * is refreshing. That is deliberate and it is the seam: the choreography of
+ * arrival, merge and departure belongs to whoever owns the list, and reaches
+ * the row as `icon`, `motion` and `announcements` after the decisions are made.
+ */
+declare const PrRow: ({ item, active, login, cols, icon: iconOverride, prefix, uniformLabels, motion, announcements, }: PrRowProps) => 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 —
@@ -252,6 +328,15 @@ declare const healthGlyph: (h: Health) => string;
 declare const healthColor: (h: Health) => string;
 declare const healthLegend: [Health, string][];
 
+/**
+ * Shorten a string to `max` columns, eliding the MIDDLE rather than the tail.
+ *
+ * Shared rather than local because both row renderers measure against the same
+ * budget arithmetic, and a second copy is a second place for the ellipsis rule
+ * to drift.
+ */
+declare const truncate: (str: string, max: number) => string;
+
 type ExtensionTarget = {
     item?: AnyItem;
     ciJob?: string;
@@ -421,7 +506,6 @@ declare const fitCount: (items: AnyItem[], start: number, budget: number) => num
 declare const windowCount: (items: AnyItem[], start: number, budget: number) => number;
 declare const maxViewStart: (items: AnyItem[], budget: number) => number;
 declare const withHeaders: (items: AnyItem[], idx: number) => number;
-declare const truncate: (str: string, max: number) => string;
 declare const clipboard: (text: string) => void;
 declare const buildCheckoutCmd: (repoFull: string, branch: string, login: string) => Promise<string>;
 declare const resolveRepoPath: (repoFull: string) => Promise<string | null>;
@@ -629,4 +713,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 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 };
+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, PrRow, type PrRowProps, type Rails, type RepoFilter, type RowAnnouncement, type RowMotion, 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,15 +1,15 @@
 import React2, { createContext, useState, useRef, useEffect, useMemo, useContext } from 'react';
 import { useWindowSize, useInput, Text, Box } from 'ink';
-import { colors, ScrollView, TextInput, useAppKeys, LoadingScreen, StatusMessage, FooterHints, useListCursor, CommandPalette, Tabs, ProgressBar, pillWidth, Pill } from '@kud/ink-ui';
+import { colors, ScrollView, TextInput, Pill, useAppKeys, LoadingScreen, StatusMessage, FooterHints, useListCursor, CommandPalette, Tabs, ProgressBar, pillWidth } 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 { PIN_MARK, sizeOf, sizePartsOf, depthOf, impliedLabels, labelPriority, checkoutDirs, profileOf, inboxConfig, relativeTime, filterBySearch, filterByRepos, filterByOrigin } from '@kud/gh-workflow';
+export { PIN_MARK, bandOf, checkoutDirs, configureInbox, filterByOrigin, filterByRepos, filterBySearch, impliedLabels, inboxConfig, insertRepoHeaders, labelPriority, layoutGHItems, profileOf, relativeTime, repoPriority, resetInboxConfig, sortByRecency, sortItems, whoseMove } from '@kud/gh-workflow';
 import { $ } from 'zx';
 import { spawn } from 'child_process';
 import { readFileSync, mkdirSync, writeFileSync, existsSync, readdirSync, statSync, watch, rmSync } from 'fs';
 import { join, dirname, basename } from 'path';
 import { homedir } from 'os';
-import { PIN_MARK, depthOf, checkoutDirs, profileOf, inboxConfig, relativeTime, filterBySearch, filterByRepos, filterByOrigin, sizeOf, sizePartsOf, impliedLabels, labelPriority } from '@kud/gh-workflow';
-export { PIN_MARK, bandOf, checkoutDirs, configureInbox, filterByOrigin, filterByRepos, filterBySearch, impliedLabels, inboxConfig, insertRepoHeaders, labelPriority, layoutGHItems, profileOf, relativeTime, repoPriority, resetInboxConfig, sortByRecency, sortItems, whoseMove } from '@kud/gh-workflow';
 
 // src/components/comments-panel.tsx
 var ENTITIES = {
@@ -748,6 +748,213 @@ var SidePanel = ({
     )
   );
 };
+var healthDisplay = {
+  none: { glyph: " ", color: colors.muted },
+  draft: { glyph: "~", color: colors.muted },
+  "ci-fail": { glyph: "\u2717", color: colors.error },
+  conflict: { glyph: "!", color: colors.accent },
+  "changes-req": { glyph: "\xB1", color: colors.warning },
+  threads: { glyph: "\u25C6", color: colors.accent },
+  pending: { glyph: "*", color: colors.warning },
+  approved: { glyph: "\u2713", color: colors.success },
+  waiting: { glyph: "\xB7", color: colors.muted },
+  // The one glyph here that MEANS its state rather than merely differing from
+  // the others. `✓` and `✗` you never have to think about; `»` you did — it was
+  // chosen to suggest "moved through", which is a stretch nobody reads at a
+  // glance. This is Nerd Font's git-merge icon, written as an escape because raw
+  // PUA bytes get mangled by editors and diffs.
+  //
+  // The cost, stated rather than discovered: a terminal without a Nerd Font
+  // draws a box here where it used to draw a chevron. That is a trade this
+  // package has already made once — the inbox hardcodes the comment glyph at
+  // \u{f086} — and one state degrading to tofu is cheaper than ten states none
+  // of which say what they mean.
+  merged: { glyph: "\uE727", color: colors.muted },
+  // Nerd Font's closed-pull-request icon, for the same reason as `merged` above
+  // and with the same caveat about a font that lacks it. `×` had a second problem
+  // beyond being arbitrary: it is one stroke away from `✗` (ci failing) two rows
+  // up in this very map, and the shape-distinctness this file turns on is a
+  // silhouette test, not a codepoint one.
+  closed: { glyph: "\uEBDA", color: colors.muted }
+};
+var healthGlyph = (h) => healthDisplay[h].glyph;
+var healthColor = (h) => healthDisplay[h].color;
+var healthLegend = [
+  ["approved", "Approved \xB7 ready to merge"],
+  ["pending", "Checks running"],
+  ["ci-fail", "CI failing"],
+  ["conflict", "Merge conflict"],
+  ["changes-req", "Changes requested"],
+  ["threads", "Open threads \xB7 your reply"],
+  ["waiting", "Awaiting review"],
+  ["draft", "Draft"],
+  ["merged", "Merged"],
+  ["closed", "Closed"]
+];
+var UNREAD_DISPLAY = { glyph: "\u25CB", color: colors.muted };
+var displayFor = (h) => h ? healthDisplay[h] : UNREAD_DISPLAY;
+
+// src/lib/truncate.ts
+var truncate = (str, max) => {
+  if (str.length <= max) return str;
+  const half = Math.floor((max - 1) / 2);
+  return `${str.slice(0, half)}\u2026${str.slice(-half)}`;
+};
+var DimContext = createContext(false);
+var BACKDROP_FG = "#5a5a68";
+var BACKDROP_FG_RECESSED = "#3a3a46";
+var backdropStyle = (props) => ({
+  color: props.dimColor ? BACKDROP_FG_RECESSED : BACKDROP_FG,
+  dimColor: false,
+  bold: false,
+  italic: false,
+  inverse: false,
+  backgroundColor: void 0
+});
+var Text3 = ({ children, ...props }) => {
+  const dimmed = useContext(DimContext);
+  return dimmed ? /* @__PURE__ */ jsx(Text, { ...props, ...backdropStyle(props), children }) : /* @__PURE__ */ jsx(Text, { ...props, children });
+};
+var useBackdropped = () => useContext(DimContext);
+var Backdrop = ({
+  dimmed,
+  absolute,
+  height,
+  children
+}) => /* @__PURE__ */ jsx(DimContext.Provider, { value: dimmed, children: absolute ? /* @__PURE__ */ jsx(
+  Box,
+  {
+    position: "absolute",
+    flexDirection: "column",
+    width: "100%",
+    height,
+    children
+  }
+) : children });
+var PrRow = ({
+  item,
+  active,
+  login,
+  cols,
+  icon: iconOverride,
+  prefix = "",
+  uniformLabels = [],
+  motion,
+  announcements = []
+}) => {
+  const backdropped = useBackdropped();
+  const { glyph: healthIcon, color: healthColor2 } = displayFor(item.health);
+  const { glyph: icon, color } = iconOverride ?? {
+    glyph: healthIcon,
+    color: healthColor2
+  };
+  const spokeLast = !!login && !!item.lastActor && item.lastActor === login;
+  const [turnIcon, turnColor] = item.pinned ? [PIN_MARK, colors.accent] : !login || !item.lastActor || spokeLast ? [" ", colors.muted] : ["\u2190", colors.accent];
+  const numStr = `#${item.number}`.padEnd(7);
+  const showAuthor = !!item.author && item.author !== login;
+  const sizeLabel = sizeOf(item);
+  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 ageLabel2 = agePair ? `${agePair.activity} (${agePair.lifetime})` : item.age;
+  const pillCaps = announcements.length * 2;
+  const repoLabel = depthOf(item) > 0 ? item.repo : "";
+  const implied = [...impliedLabels(item.repo), ...uniformLabels];
+  const labelNames = (item.labels ?? []).filter((l) => !implied.includes(l)).sort((a, b) => labelPriority(a) - labelPriority(b) || a.localeCompare(b)).slice(0, 2);
+  const givingUp = {
+    author: false,
+    size: false,
+    threads: false,
+    age: false,
+    repo: false,
+    labels: 0
+  };
+  const LABEL_CELL_MAX = 24;
+  const labelCell = () => {
+    const shown = labelNames.slice(
+      0,
+      Math.max(0, labelNames.length - givingUp.labels)
+    );
+    if (shown.length === 0) return "";
+    const fitted = [];
+    for (const name of shown) {
+      const next = [...fitted, name].join(", ");
+      if (next.length <= LABEL_CELL_MAX) fitted.push(name);
+    }
+    if (fitted.length === 0) {
+      return `\uF02B ${truncate(shown[0], LABEL_CELL_MAX)}`;
+    }
+    return `\uF02B ${fitted.join(", ")}`;
+  };
+  const widthOf2 = () => {
+    const suffix = [
+      givingUp.age ? "" : ageLabel2 || "",
+      // ASCII only, so no PUA double-width correction — see the label cell.
+      givingUp.size ? "" : sizeLabel || "",
+      givingUp.threads ? "" : unresolvedLabel,
+      showAuthor && !givingUp.author ? `by ${item.author}` : "",
+      ...announcements.map((a) => a.label)
+    ].filter(Boolean).join("  ");
+    const cell = labelCell();
+    return 2 + prefix.length + 2 + 2 + 7 + (cell ? 2 + cell.length + 1 : 0) + (givingUp.repo ? 0 : repoLabel.length) + suffix.length + pillCaps + 6;
+  };
+  const MIN_TITLE = 24;
+  for (const give of [
+    () => givingUp.author = true,
+    () => givingUp.labels = 1,
+    () => givingUp.size = true,
+    () => givingUp.threads = true,
+    () => givingUp.labels = 2,
+    () => givingUp.repo = true,
+    () => givingUp.age = true
+  ]) {
+    if (cols - widthOf2() >= MIN_TITLE) break;
+    give();
+  }
+  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(
+      Text3,
+      {
+        bold: active || motion === "arriving",
+        dimColor: motion === "departing" || motion === "withdrawn",
+        strikethrough: motion === "withdrawn",
+        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: [
+      "  ",
+      /* @__PURE__ */ jsx(Text3, { color: colors.success, children: sizeParts.added }),
+      " ",
+      /* @__PURE__ */ jsx(Text3, { color: colors.error, children: sizeParts.removed })
+    ] }) : null,
+    unresolvedLabel && !givingUp.threads ? /* @__PURE__ */ jsx(
+      Text3,
+      {
+        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,
+    ageLabel2 && !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: "  " + ageLabel2 }) : null,
+    backdropped ? null : announcements.map((a) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+      /* @__PURE__ */ jsx(Text3, { children: "  " }),
+      /* @__PURE__ */ jsx(Pill, { color: a.color, children: a.label })
+    ] }, a.label))
+  ] });
+};
 var stripGlyph = (state) => {
   switch (state) {
     case "ok":
@@ -848,51 +1055,6 @@ var StatusStripLine = ({
     age ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `   ${age}` }) : null
   ] });
 };
-var healthDisplay = {
-  none: { glyph: " ", color: colors.muted },
-  draft: { glyph: "~", color: colors.muted },
-  "ci-fail": { glyph: "\u2717", color: colors.error },
-  conflict: { glyph: "!", color: colors.accent },
-  "changes-req": { glyph: "\xB1", color: colors.warning },
-  threads: { glyph: "\u25C6", color: colors.accent },
-  pending: { glyph: "*", color: colors.warning },
-  approved: { glyph: "\u2713", color: colors.success },
-  waiting: { glyph: "\xB7", color: colors.muted },
-  // The one glyph here that MEANS its state rather than merely differing from
-  // the others. `✓` and `✗` you never have to think about; `»` you did — it was
-  // chosen to suggest "moved through", which is a stretch nobody reads at a
-  // glance. This is Nerd Font's git-merge icon, written as an escape because raw
-  // PUA bytes get mangled by editors and diffs.
-  //
-  // The cost, stated rather than discovered: a terminal without a Nerd Font
-  // draws a box here where it used to draw a chevron. That is a trade this
-  // package has already made once — the inbox hardcodes the comment glyph at
-  // \u{f086} — and one state degrading to tofu is cheaper than ten states none
-  // of which say what they mean.
-  merged: { glyph: "\uE727", color: colors.muted },
-  // Nerd Font's closed-pull-request icon, for the same reason as `merged` above
-  // and with the same caveat about a font that lacks it. `×` had a second problem
-  // beyond being arbitrary: it is one stroke away from `✗` (ci failing) two rows
-  // up in this very map, and the shape-distinctness this file turns on is a
-  // silhouette test, not a codepoint one.
-  closed: { glyph: "\uEBDA", color: colors.muted }
-};
-var healthGlyph = (h) => healthDisplay[h].glyph;
-var healthColor = (h) => healthDisplay[h].color;
-var healthLegend = [
-  ["approved", "Approved \xB7 ready to merge"],
-  ["pending", "Checks running"],
-  ["ci-fail", "CI failing"],
-  ["conflict", "Merge conflict"],
-  ["changes-req", "Changes requested"],
-  ["threads", "Open threads \xB7 your reply"],
-  ["waiting", "Awaiting review"],
-  ["draft", "Draft"],
-  ["merged", "Merged"],
-  ["closed", "Closed"]
-];
-var UNREAD_DISPLAY = { glyph: "\u25CB", color: colors.muted };
-var displayFor = (h) => h ? healthDisplay[h] : UNREAD_DISPLAY;
 
 // src/inbox/cache.ts
 var cacheTtlMs = () => inboxConfig().cacheTtlMs;
@@ -1385,11 +1547,6 @@ var withHeaders = (items, idx) => {
     start--;
   return start;
 };
-var truncate = (str, max) => {
-  if (str.length <= max) return str;
-  const half = Math.floor((max - 1) / 2);
-  return `${str.slice(0, half)}\u2026${str.slice(-half)}`;
-};
 var clipboard = (text) => {
   const p = spawn("pbcopy", [], { stdio: "pipe" });
   p.stdin.write(text);
@@ -1574,37 +1731,6 @@ var FRAME_CHROME_COLS = 2 + FRAME_PAD_X * 2;
 var COLS = (process.stdout.columns ?? 120) - FRAME_CHROME_COLS;
 var MODAL_CHROME_COLS = 2 + 1 * 2;
 var OVERLAY_BG = "#22222e";
-var DimContext = createContext(false);
-var BACKDROP_FG = "#5a5a68";
-var BACKDROP_FG_RECESSED = "#3a3a46";
-var backdropStyle = (props) => ({
-  color: props.dimColor ? BACKDROP_FG_RECESSED : BACKDROP_FG,
-  dimColor: false,
-  bold: false,
-  italic: false,
-  inverse: false,
-  backgroundColor: void 0
-});
-var Text4 = ({ children, ...props }) => {
-  const dimmed = useContext(DimContext);
-  return dimmed ? /* @__PURE__ */ jsx(Text, { ...props, ...backdropStyle(props), children }) : /* @__PURE__ */ jsx(Text, { ...props, children });
-};
-var useBackdropped = () => useContext(DimContext);
-var Backdrop = ({
-  dimmed,
-  absolute,
-  height,
-  children
-}) => /* @__PURE__ */ jsx(DimContext.Provider, { value: dimmed, children: absolute ? /* @__PURE__ */ jsx(
-  Box,
-  {
-    position: "absolute",
-    flexDirection: "column",
-    width: "100%",
-    height,
-    children
-  }
-) : children });
 var workCount = (s) => {
   let n = 0;
   for (let i = 0; i < s.items.length; i++) {
@@ -1981,13 +2107,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(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,
+    /* @__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,
     statusText ? /* @__PURE__ */ jsx(
-      Text4,
+      Text3,
       {
         color: statusColor,
         dimColor: !statusColor,
@@ -1995,7 +2121,7 @@ var InboxHeader = ({
         children: statusSeg
       }
     ) : null,
-    /* @__PURE__ */ jsx(Text4, { color: colors.info, dimColor: true, children: "\u254C".repeat(fill) })
+    /* @__PURE__ */ jsx(Text3, { 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(",");
@@ -2019,24 +2145,24 @@ var CiStatusLine = ({
   const name = job ?? "ci";
   if (state.kind === "loading")
     return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  \xB7 " }),
-      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `${name}  loading\u2026` })
+      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  \xB7 " }),
+      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `${name}  loading\u2026` })
     ] });
   if (state.kind === "error")
     return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text4, { color: colors.error, bold: true, children: "  \u2717 " }),
-      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `${name}  no build / not configured` })
+      /* @__PURE__ */ jsx(Text3, { color: colors.error, bold: true, children: "  \u2717 " }),
+      /* @__PURE__ */ jsx(Text3, { 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(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
+    /* @__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
   ] });
 };
 var FENCE_COLS = 46;
@@ -2049,10 +2175,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(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
-    /* @__PURE__ */ jsx(Text4, { dimColor: !active, children: "\u2500\u2500 " }),
+    /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
+    /* @__PURE__ */ jsx(Text3, { dimColor: !active, children: "\u2500\u2500 " }),
     /* @__PURE__ */ jsx(
-      Text4,
+      Text3,
       {
         dimColor: false,
         color: active ? void 0 : colors.secondary,
@@ -2060,7 +2186,7 @@ var RepoHeaderRow = ({
         children: repo
       }
     ),
-    /* @__PURE__ */ jsx(Text4, { dimColor: !active, children: " " + rule })
+    /* @__PURE__ */ jsx(Text3, { dimColor: !active, children: " " + rule })
   ] });
 };
 var MERGED_HOLD_MS = 3e3;
@@ -2125,48 +2251,48 @@ 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(Text4, { color: colors.accent, bold: true, children: "  \xBB " }),
-      /* @__PURE__ */ jsx(Text4, { bold: true, children: item.label })
+      /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: "  \xBB " }),
+      /* @__PURE__ */ jsx(Text3, { bold: true, children: item.label })
     ] });
   if (item.kind === "show-more")
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__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` })
+      /* @__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` })
     ] });
   if (item.kind === "show-less")
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__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" })
+      /* @__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" })
     ] });
   if (item.kind === "task") {
     const note = item.note ?? "";
     const transitIcon = !transient ? " " : isDeparture(transient) ? TRANSIT_OUT_FRAMES[rampAt(TRANSIT_OUT_FRAMES.length)] : isArrival(transient) ? TRANSIT_IN_FRAMES[rampAt(TRANSIT_IN_FRAMES.length)] : "\u25C9";
-    const titleMax2 = Math.max(
+    const titleMax = Math.max(
       1,
       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(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, { 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,
+        Text3,
         {
           bold: active || !!transient && isArrival(transient),
           dimColor: !!transient && isDeparture(transient),
           strikethrough: transient === "out",
-          children: truncate(item.summary, titleMax2)
+          children: truncate(item.summary, titleMax)
         }
       ),
       item.pill && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text4, { children: " " }),
+        /* @__PURE__ */ jsx(Text3, { children: " " }),
         /* @__PURE__ */ jsx(
           Pill,
           {
@@ -2177,127 +2303,39 @@ var ItemRow = ({
           }
         )
       ] }) : null,
-      note ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: ` ${note}` }) : null,
+      note ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: ` ${note}` }) : null,
       farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text4, { children: "  " }),
+        /* @__PURE__ */ jsx(Text3, { children: "  " }),
         /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
       ] }) : null
     ] });
   }
-  const { glyph: healthIcon, color: healthColor2 } = displayFor(item.health);
-  const icon = merged ? MERGED_FRAMES[sparkFrame % MERGED_FRAMES.length] : transient && isDeparture(transient) ? TRANSIT_OUT_FRAMES[rampAt(TRANSIT_OUT_FRAMES.length)] : transient && isArrival(transient) ? TRANSIT_IN_FRAMES[rampAt(TRANSIT_IN_FRAMES.length)] : healthIcon;
-  const color = merged ? MERGED_COLOUR : transient ? TRANSIT_COLOUR[transient] : healthColor2;
-  const spokeLast = !!login && !!item.lastActor && item.lastActor === login;
-  const [turnIcon, turnColor] = item.pinned ? [PIN_MARK, colors.accent] : !login || !item.lastActor || spokeLast ? [" ", colors.muted] : ["\u2190", colors.accent];
-  const numStr = `#${item.number}`.padEnd(7);
-  const showAuthor = !!item.author && item.author !== login;
-  const sizeLabel = sizeOf(item);
-  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 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 : "";
-  const implied = [...impliedLabels(item.repo), ...uniformLabels];
-  const labelNames = (item.labels ?? []).filter((l) => !implied.includes(l)).sort((a, b) => labelPriority(a) - labelPriority(b) || a.localeCompare(b)).slice(0, 2);
-  const givingUp = {
-    author: false,
-    size: false,
-    threads: false,
-    age: false,
-    repo: false,
-    labels: 0
-  };
-  const LABEL_CELL_MAX = 24;
-  const labelCell = () => {
-    const shown = labelNames.slice(
-      0,
-      Math.max(0, labelNames.length - givingUp.labels)
-    );
-    if (shown.length === 0) return "";
-    const fitted = [];
-    for (const name of shown) {
-      const next = [...fitted, name].join(", ");
-      if (next.length <= LABEL_CELL_MAX) fitted.push(name);
-    }
-    if (fitted.length === 0) {
-      return `\uF02B ${truncate(shown[0], LABEL_CELL_MAX)}`;
+  const icon = merged ? {
+    glyph: MERGED_FRAMES[sparkFrame % MERGED_FRAMES.length],
+    color: MERGED_COLOUR
+  } : transient ? {
+    glyph: isDeparture(transient) ? TRANSIT_OUT_FRAMES[rampAt(TRANSIT_OUT_FRAMES.length)] : isArrival(transient) ? TRANSIT_IN_FRAMES[rampAt(TRANSIT_IN_FRAMES.length)] : displayFor(item.health).glyph,
+    color: TRANSIT_COLOUR[transient]
+  } : void 0;
+  const motion = transient === "out" ? "withdrawn" : transient && isDeparture(transient) ? "departing" : transient && isArrival(transient) ? "arriving" : void 0;
+  const announcements = [
+    ...merged ? [{ label: "merged", color: MERGED_COLOUR }] : [],
+    ...farewellLabel ? [{ label: farewellLabel, color: TRANSIT_COLOUR.out }] : []
+  ];
+  return /* @__PURE__ */ jsx(
+    PrRow,
+    {
+      item,
+      active,
+      login,
+      cols,
+      prefix,
+      uniformLabels,
+      icon,
+      motion,
+      announcements
     }
-    return `\uF02B ${fitted.join(", ")}`;
-  };
-  const widthOf2 = () => {
-    const suffix = [
-      givingUp.age ? "" : ageLabel2 || "",
-      // ASCII only, so no PUA double-width correction — see the label cell.
-      givingUp.size ? "" : sizeLabel || "",
-      givingUp.threads ? "" : unresolvedLabel,
-      showAuthor && !givingUp.author ? `by ${item.author}` : "",
-      mergedLabel
-    ].filter(Boolean).join("  ");
-    const cell = labelCell();
-    return 2 + prefix.length + 2 + 2 + 7 + (cell ? 2 + cell.length + 1 : 0) + (givingUp.repo ? 0 : repoLabel.length) + suffix.length + pillCaps + 6;
-  };
-  const MIN_TITLE = 24;
-  for (const give of [
-    () => givingUp.author = true,
-    () => givingUp.labels = 1,
-    () => givingUp.size = true,
-    () => givingUp.threads = true,
-    () => givingUp.labels = 2,
-    () => givingUp.repo = true,
-    () => givingUp.age = true
-  ]) {
-    if (cols - widthOf2() >= MIN_TITLE) break;
-    give();
-  }
-  const labelLabel = labelCell();
-  const titleMax = Math.max(1, cols - widthOf2());
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__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(
-      Text4,
-      {
-        bold: active || !!transient && isArrival(transient),
-        dimColor: !!transient && isDeparture(transient),
-        strikethrough: transient === "out",
-        children: truncate(item.title, titleMax) + "  "
-      }
-    ),
-    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(Text4, { color: colors.success, children: sizeParts.added }),
-      " ",
-      /* @__PURE__ */ jsx(Text4, { color: colors.error, children: sizeParts.removed })
-    ] }) : null,
-    unresolvedLabel && !givingUp.threads ? /* @__PURE__ */ jsx(
-      Text4,
-      {
-        bold: !spokeLast,
-        color: spokeLast ? colors.secondary : colors.accent,
-        children: "  " + unresolvedLabel
-      }
-    ) : 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(Text4, { children: "  " }),
-      /* @__PURE__ */ jsx(Pill, { color: MERGED_COLOUR, children: mergedLabel })
-    ] }) : null,
-    farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text4, { children: "  " }),
-      /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
-    ] }) : null
-  ] });
+  );
 };
 var useActionMenu = () => {
   const [actions, setActions] = useState(null);
@@ -2342,15 +2380,15 @@ var ActionMenu = ({
       paddingX: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: title }),
-        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(32) }),
+        /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: title }),
+        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(32) }),
         actions.map((a, i) => /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__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 })
+          /* @__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 })
         ] }, a.label)),
-        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(32) }),
-        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2191\u2193 navigate \u21B5 confirm esc cancel" })
+        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(32) }),
+        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2191\u2193 navigate \u21B5 confirm esc cancel" })
       ]
     }
   );
@@ -2398,11 +2436,11 @@ var LegendGroup = ({
   width,
   marginRight
 }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width, marginRight, children: [
-  pinned !== void 0 ? /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: pinned ?? " " }) : null,
+  pinned !== void 0 ? /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: pinned ?? " " }) : null,
   lines.map(
-    (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 })
+    (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 })
     ] }, index)
   )
 ] });
@@ -2523,8 +2561,8 @@ var HelpModal = ({
       width: contentWidth + MODAL_CHROME_COLS,
       children: [
         /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__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(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(Box, { marginTop: 1, width: contentWidth, children: groups.map((group, index) => /* @__PURE__ */ jsx(
           LegendGroup,
@@ -2536,8 +2574,8 @@ var HelpModal = ({
           },
           group[0]?.title ?? index
         )) }),
-        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" })
+        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" })
       ]
     }
   );
@@ -2552,13 +2590,13 @@ var ExplainModal = ({ item, login }) => /* @__PURE__ */ jsxs(
     paddingX: 1,
     width: Math.min(COLS, 78),
     children: [
-      /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: true, children: `#${item.number} \xB7 ${item.repo}` }),
-      /* @__PURE__ */ jsx(Text4, { children: item.title }),
+      /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: `#${item.number} \xB7 ${item.repo}` }),
+      /* @__PURE__ */ jsx(Text3, { children: item.title }),
       explainItem(item, login).map((section) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: section.heading }),
-        section.lines.map((line, i) => /* @__PURE__ */ jsx(Text4, { children: "  " + line }, i))
+        /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: section.heading }),
+        section.lines.map((line, i) => /* @__PURE__ */ jsx(Text3, { children: "  " + line }, i))
       ] }, section.heading)),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "esc \xB7 e close" }) })
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "esc \xB7 e close" }) })
     ]
   }
 );
@@ -2584,21 +2622,21 @@ var RepoPicker = ({
       paddingX: 1,
       minWidth: 42,
       children: [
-        /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: `Filter by repo  (${selected.size} on)` }),
-        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(36) }),
+        /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: `Filter by repo  (${selected.size} on)` }),
+        /* @__PURE__ */ jsx(Text3, { 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(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 })
+            /* @__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 })
           ] }, repo);
         }),
-        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" })
+        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" })
       ]
     }
   );
@@ -3302,11 +3340,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(Text4, { children: [
+    const rich = (key, where) => /* @__PURE__ */ jsxs(Text3, { children: [
       "Open ",
-      /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: key }),
+      /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: key }),
       " ",
-      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: where })
+      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: where })
     ] });
     const labels = /* @__PURE__ */ new Map();
     if (ticketKey && jiraBase) {
@@ -3438,8 +3476,8 @@ var BrowseScreen = ({
           }
         ) : null,
         skippedForBudget ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__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" })
+          /* @__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" })
         ] }) : null,
         /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(
           Tabs,
@@ -3475,14 +3513,14 @@ var BrowseScreen = ({
           }
         ) }),
         search != null ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__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"}` })
+          /* @__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"}` })
         ] }) : repoFilter.size > 0 ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__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" })
+          /* @__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" })
         ] }) : null,
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsxs(
@@ -3520,7 +3558,7 @@ var BrowseScreen = ({
                         },
                         `${viewStart + i}:${rowKey(item)}`
                       )) }),
-                      hasMore && /* @__PURE__ */ jsxs(Text4, { dimColor: true, children: [
+                      hasMore && /* @__PURE__ */ jsxs(Text3, { dimColor: true, children: [
                         "  ",
                         "\u2193 ",
                         section.items.length - viewStart - visibleCount,
@@ -3554,7 +3592,7 @@ var BrowseScreen = ({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: flash ? /* @__PURE__ */ jsx(Text4, { color: colors.success, children: flash }) : /* @__PURE__ */ jsx(FooterHints, { hints }) })
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: flash ? /* @__PURE__ */ jsx(Text3, { color: colors.success, children: flash }) : /* @__PURE__ */ jsx(FooterHints, { hints }) })
       ]
     }
   );
@@ -3569,7 +3607,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(Text4, { dimColor: true, children: detail }) }) : null,
+    reason === "empty" && detail ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: detail }) }) : null,
     /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
       FooterHints,
       {
@@ -3737,10 +3775,13 @@ 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(
@@ -4099,4 +4140,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, 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 };
+export { ActionMenu, App, COLS, CiStatusLine, CommentsPanel, HealthPanel, MIN_SIDEBAR_COLS, PrRow, 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.60.0",
+  "version": "0.61.0",
   "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",