@kud/gh-ink 0.61.2 → 0.62.0

package/dist/index.d.ts

@@ -242,7 +242,54 @@ type PrRowProps = {
     motion?: RowMotion;
     /** In order, left to right. Charged against the width budget either way. */
     announcements?: readonly RowAnnouncement[];
+    /**
+     * The trailing columns' widths across the section — see `trailingColumnsOf`.
+     * Absent, the row measures itself, which aligns nothing but draws the same
+     * cells a host that never measured always got.
+     */
+    columns?: TrailingColumns;
+    /** Trailing columns the section has given up — see `sectionShedOf`. */
+    shed?: TrailingShed;
 };
+/**
+ * The trailing block, in reading order: how contested, how big, how recent.
+ * Threads lead because they are the one cell that makes a claim on you; age
+ * ends the row so every row ends on the date.
+ */
+declare const TRAILING: readonly ["threads", "size", "age"];
+/** Width of each trailing column, in terminal cells. Zero draws no column. */
+type TrailingColumns = Record<(typeof TRAILING)[number], number>;
+/** Which trailing columns a whole section has given up. */
+type TrailingShed = Partial<Record<(typeof TRAILING)[number], boolean>>;
+/**
+ * The widest value each trailing column holds across these rows, measured once
+ * by the list — the same move as `uniformLabels` and `markerCols`. It is what
+ * makes the numbers line up: a column as wide as its widest value, right-
+ * aligned, so digits sit under digits and the eye can run straight down it.
+ * A column no row fills measures zero and is not drawn at all, which is what
+ * keeps this from becoming GitHub's grid of `—`.
+ *
+ * Code points rather than `.length`: every value here is ASCII or a single
+ * BMP glyph, so the two agree today, and a surrogate pair is the day they
+ * would not.
+ */
+declare const trailingColumnsOf: (items: readonly GHItem[]) => TrailingColumns;
+type LayoutInput = Pick<PrRowProps, "item" | "login" | "cols" | "prefix" | "uniformLabels" | "announcements" | "columns" | "shed">;
+/**
+ * Which trailing columns the section has to give up, so that every row gives up
+ * the same ones. Each row is laid out alone and the drops are unioned: if any
+ * row needs its size cell gone to keep a readable title, the size column goes
+ * for all of them.
+ *
+ * Forcing a drop on a row that did not need it only ever hands that row more
+ * room, so it can never push the row further down the ladder than it went on
+ * its own — the union is stable in one pass.
+ *
+ * Announcements are left out on purpose. A MERGED pill lives for three seconds
+ * on a row already leaving, and letting it reshape the whole section for those
+ * three seconds would move every row under the one you just acted on.
+ */
+declare const sectionShedOf: (rows: readonly Pick<LayoutInput, "item" | "prefix">[], context: Omit<LayoutInput, "item" | "prefix" | "announcements" | "shed">) => TrailingShed;
 /**
  * One pull request or issue, as a single line of a list.
  *
@@ -253,7 +300,7 @@ type PrRowProps = {
  * 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;
+declare const PrRow: ({ item, active, login, cols, icon: iconOverride, prefix, uniformLabels, motion, announcements, columns, shed, }: PrRowProps) => React.JSX.Element;
 
 /**
  * One state per thing, from a closed set the strip knows how to draw. The host
@@ -713,4 +760,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, 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 };
+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, type TrailingColumns, type TrailingShed, 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, sectionShedOf, signatureOf, stripGlyph, stripLayout, stripSignature, toCiStatusState, trailingColumnsOf, 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, Pill, useAppKeys, LoadingScreen, StatusMessage, FooterHints, useListCursor, CommandPalette, Tabs, ProgressBar, pillWidth } from '@kud/ink-ui';
+import { colors, ScrollView, TextInput, Pill, useAppKeys, LoadingScreen, StatusMessage, FooterHints, useFilterMode, 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';
@@ -475,9 +475,11 @@ var HealthPanel = ({
   const safeCursor = Math.min(cursor, Math.max(0, focusCount - 1));
   const selected = safeCursor < checks.length ? checks[safeCursor] : void 0;
   const selectedReviewer = safeCursor >= checks.length ? reviewers[safeCursor - checks.length] : void 0;
+  const noteTimer = useRef(null);
   const flash = (msg) => {
     setNote(msg);
-    setTimeout(() => setNote(null), 2500);
+    if (noteTimer.current) clearTimeout(noteTimer.current);
+    noteTimer.current = setTimeout(() => setNote(null), 1500);
   };
   const act = async (msg, run, onSuccess) => {
     setBusy(true);
@@ -831,41 +833,56 @@ var Backdrop = ({
     children
   }
 ) : children });
-var PrRow = ({
+var threadsLabelOf = (item) => item.unresolved > 0 ? `\uF086 ${item.unresolved}` : "";
+var agePairOf = (item) => item.activityAge && item.activityAge !== item.age ? { activity: item.activityAge, lifetime: item.age } : null;
+var ageLabelOf = (item) => {
+  const pair = agePairOf(item);
+  return pair ? `${pair.activity} (${pair.lifetime})` : item.age;
+};
+var TRAILING = ["threads", "size", "age"];
+var cellsOf = (s) => [...s].length;
+var trailingColumnsOf = (items) => items.reduce(
+  (w, item) => ({
+    threads: Math.max(w.threads, cellsOf(threadsLabelOf(item))),
+    size: Math.max(w.size, cellsOf(sizeOf(item) ?? "")),
+    age: Math.max(w.age, cellsOf(ageLabelOf(item) ?? ""))
+  }),
+  { threads: 0, size: 0, age: 0 }
+);
+var sectionShedOf = (rows, context) => rows.reduce((shed, row) => {
+  const { givingUp } = layoutOf({ ...context, ...row });
+  return {
+    threads: shed.threads || givingUp.threads,
+    size: shed.size || givingUp.size,
+    age: shed.age || givingUp.age
+  };
+}, {});
+var layoutOf = ({
   item,
-  active,
   login,
   cols,
-  icon: iconOverride,
   prefix = "",
   uniformLabels = [],
-  motion,
-  announcements = []
+  announcements = [],
+  columns,
+  shed = {}
 }) => {
-  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 unresolvedLabel = threadsLabelOf(item);
+  const agePair = agePairOf(item);
+  const ageLabel2 = ageLabelOf(item);
+  const own = columns ?? trailingColumnsOf([item]);
   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,
+    size: !!shed.size,
+    threads: !!shed.threads,
+    age: !!shed.age,
     repo: false,
     labels: 0
   };
@@ -887,16 +904,14 @@ var PrRow = ({
     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 block = TRAILING.reduce(
+      (w, k) => givingUp[k] || own[k] === 0 ? w : w + 2 + own[k],
+      0
+    );
+    const author = showAuthor && !givingUp.author ? `  by ${item.author}`.length : 0;
+    const pills = announcements.reduce((w, a) => w + 2 + a.label.length, 0);
     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;
+    return 2 + prefix.length + 2 + 2 + 7 + (cell ? 2 + cell.length + 1 : 0) + (givingUp.repo ? 0 : repoLabel.length) + author + block + pills + pillCaps + 4;
   };
   const MIN_TITLE = 24;
   for (const give of [
@@ -913,7 +928,64 @@ var PrRow = ({
   }
   const labelLabel = labelCell();
   const titleMax = Math.max(1, cols - widthOf2());
-  return /* @__PURE__ */ jsxs(Box, { children: [
+  return {
+    numStr,
+    showAuthor,
+    sizeParts,
+    unresolvedLabel,
+    agePair,
+    ageLabel: ageLabel2,
+    repoLabel,
+    givingUp,
+    labelLabel,
+    titleMax,
+    columns: own
+  };
+};
+var PrRow = ({
+  item,
+  active,
+  login,
+  cols,
+  icon: iconOverride,
+  prefix = "",
+  uniformLabels = [],
+  motion,
+  announcements = [],
+  columns,
+  shed
+}) => {
+  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,
+    showAuthor,
+    sizeParts,
+    unresolvedLabel,
+    agePair,
+    ageLabel: ageLabel2,
+    repoLabel,
+    givingUp,
+    labelLabel,
+    titleMax,
+    columns: block
+  } = layoutOf({
+    item,
+    login,
+    cols,
+    prefix,
+    uniformLabels,
+    announcements,
+    columns,
+    shed
+  });
+  return /* @__PURE__ */ jsxs(Box, { width: cols, 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 + " " }),
@@ -930,25 +1002,43 @@ var PrRow = ({
     ),
     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,
+    showAuthor && !givingUp.author ? /* @__PURE__ */ jsx(Text3, { dimColor: true, italic: true, children: "  by " + item.author }) : null,
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
+    block.threads > 0 && !givingUp.threads ? /* @__PURE__ */ jsx(
+      Box,
       {
-        bold: !spokeLast,
-        color: spokeLast ? colors.secondary : colors.accent,
-        children: "  " + unresolvedLabel
+        marginLeft: 2,
+        width: block.threads,
+        justifyContent: "flex-end",
+        flexShrink: 0,
+        children: unresolvedLabel ? /* @__PURE__ */ jsx(
+          Text3,
+          {
+            bold: !spokeLast,
+            color: spokeLast ? colors.secondary : colors.accent,
+            children: unresolvedLabel
+          }
+        ) : null
       }
     ) : 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 }),
+    block.size > 0 && !givingUp.size ? /* @__PURE__ */ jsx(
+      Box,
+      {
+        marginLeft: 2,
+        width: block.size,
+        justifyContent: "flex-end",
+        flexShrink: 0,
+        children: sizeParts ? /* @__PURE__ */ jsxs(Text3, { children: [
+          /* @__PURE__ */ jsx(Text3, { color: colors.success, children: sizeParts.added }),
+          " ",
+          /* @__PURE__ */ jsx(Text3, { color: colors.error, children: sizeParts.removed })
+        ] }) : null
+      }
+    ) : null,
+    block.age > 0 && !givingUp.age ? /* @__PURE__ */ jsx(Box, { marginLeft: 2, width: block.age, flexShrink: 0, children: agePair ? /* @__PURE__ */ jsxs(Text3, { 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,
+    ] }) : ageLabel2 ? /* @__PURE__ */ jsx(Text3, { color: colors.secondary, children: ageLabel2 }) : null }) : null,
     backdropped ? null : announcements.map((a) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
       /* @__PURE__ */ jsx(Text3, { children: "  " }),
       /* @__PURE__ */ jsx(Pill, { color: a.color, children: a.label })
@@ -2189,7 +2279,7 @@ var RepoHeaderRow = ({
     /* @__PURE__ */ jsx(Text3, { dimColor: !active, children: " " + rule })
   ] });
 };
-var MERGED_HOLD_MS = 3e3;
+var MERGED_HOLD_MS = 2400;
 var MERGED_FRAME_MS = 150;
 var MERGED_FRAMES = ["\u2726", "\u2727", "\u2736", "\u2727"];
 var MERGED_COLOUR = "#A371F7";
@@ -2223,7 +2313,7 @@ var TRANSIT_LABEL = {
   out: "gone"};
 var isDeparture = (t) => t === "out" || t === "moved-out";
 var isArrival = (t) => t === "in" || t === "moved-in";
-var LEAVING_HOLD_MS = 2500;
+var LEAVING_HOLD_MS = 1500;
 var tabMarker = (marked, id, frame = 0) => marked.has(id) ? `${TAB_PULSE[frame % TAB_PULSE.length]} ` : "  ";
 var TAB_PULSE = ["\xB7", "\u25CB", "\u25CE", "\u25C9", "\u25CE", "\u25CB"];
 var ItemRow = ({
@@ -2240,7 +2330,9 @@ var ItemRow = ({
   sparkFrame = 0,
   cols = COLS,
   markerCols = 0,
-  uniformLabels = []
+  uniformLabels = [],
+  columns,
+  shed
 }) => {
   const backdropped = useBackdropped();
   const transient = leaving ? "out" : refreshMark;
@@ -2331,6 +2423,8 @@ var ItemRow = ({
       cols,
       prefix,
       uniformLabels,
+      columns,
+      shed,
       icon,
       motion,
       announcements
@@ -2703,8 +2797,6 @@ var BrowseScreen = ({
   }, [activeId]);
   const [flash, setFlash] = useState(null);
   const menu = useActionMenu();
-  const [search, setSearch] = useState(null);
-  const [searchInput, setSearchInput] = useState(false);
   const [repoFilter, setRepoFilter] = useState(/* @__PURE__ */ new Set());
   const [repoPicker, setRepoPicker] = useState(false);
   const [help, setHelp] = useState(false);
@@ -2712,6 +2804,11 @@ var BrowseScreen = ({
   const [helpRange, setHelpRange] = useState({ max: 0, page: 1 });
   const [explain, setExplain] = useState(false);
   const [palette, setPalette] = useState(null);
+  const filter = useFilterMode({
+    isActive: !hidden && palette === null && !help && !explain && !repoPicker && menu.actions === null
+  });
+  const search = filter.term;
+  const searchInput = filter.typing;
   const filterActive = search != null || repoFilter.size > 0;
   const reserveCiRow = ciStatusState != null;
   const reserveStripRow = stripState != null;
@@ -2801,9 +2898,11 @@ var BrowseScreen = ({
   ) : [];
   const hasMore = viewStart + visibleCount < section.items.length;
   const activeItem = section.items[cursor];
+  const flashTimer = useRef(null);
   const showFlash = (msg) => {
     setFlash(msg);
-    setTimeout(() => setFlash(null), 2e3);
+    if (flashTimer.current) clearTimeout(flashTimer.current);
+    flashTimer.current = setTimeout(() => setFlash(null), 1500);
   };
   const markedTabs = useMemo(() => {
     const out = /* @__PURE__ */ new Set();
@@ -2830,7 +2929,7 @@ var BrowseScreen = ({
     if (repoPicker) return setRepoPicker(false), true;
     if (railActive) return setRailFocus(false), true;
     if (menu.actions !== null) return menu.close(), true;
-    if (search != null) return setSearch(null), true;
+    if (search != null) return filter.clear(), true;
     if (repoFilter.size > 0) return setRepoFilter(/* @__PURE__ */ new Set()), true;
     return false;
   };
@@ -2846,6 +2945,13 @@ var BrowseScreen = ({
   }, [searchInput, palette, onTyping]);
   const railCols = railWidth(COLS);
   const listCols = showRail ? COLS - railCols : COLS;
+  const trailingColumns = trailingColumnsOf(labelBearing);
+  const trailingShed = sectionShedOf(
+    section.items.flatMap(
+      (item, i) => item.kind === "pr" || item.kind === "issue" ? [{ item, prefix: treePrefix(section.items, i) }] : []
+    ),
+    { login, cols: listCols, uniformLabels, columns: trailingColumns }
+  );
   const [sparkFrame, setSparkFrame] = useState(0);
   const sparkling = (mergedUrls?.length ?? 0) > 0 || (leavingUrls?.length ?? 0) > 0 || // Any MARKED TAB, not just rows on screen. The scope used to be this tab's
   // own items, which was right while the animation lived on the rows and is
@@ -2972,23 +3078,7 @@ var BrowseScreen = ({
       }
       return;
     }
-    if (searchInput && !key.upArrow && !key.downArrow) {
-      if (key.return) return setSearchInput(false);
-      if (key.escape) {
-        setSearch(null);
-        return setSearchInput(false);
-      }
-      if (key.backspace || key.delete)
-        return setSearch((s) => (s ?? "").slice(0, -1));
-      if (input && !key.ctrl && !key.meta && !key.tab)
-        return setSearch((s) => (s ?? "") + input);
-      return;
-    }
-    if (input === "/") {
-      setSearch("");
-      setSearchInput(true);
-      return;
-    }
+    if (searchInput && !key.upArrow && !key.downArrow) return;
     if (input === "f" && allRepos.length > 0) {
       setRepoCursor(0);
       setRepoPicker(true);
@@ -3516,7 +3606,7 @@ var BrowseScreen = ({
           /* @__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 ? "  \u2191\u2193 move \xB7 \u21B5 accept \xB7 esc clear" : "  esc clear"}` })
+          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `   ${matchCount} match${matchCount !== 1 ? "es" : ""}  ${filter.hints.map(([k, label]) => `${k} ${label}`).join(" \xB7 ")}` })
         ] }) : 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" : ""}` }),
@@ -3554,6 +3644,8 @@ var BrowseScreen = ({
                           cols: listCols,
                           markerCols,
                           uniformLabels,
+                          columns: trailingColumns,
+                          shed: trailingShed,
                           gap: i > 0 && gapsAbove(section.items, viewStart + i)
                         },
                         `${viewStart + i}:${rowKey(item)}`
@@ -4140,4 +4232,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, 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 };
+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, sectionShedOf, signatureOf, stripGlyph, stripLayout, stripSignature, toCiStatusState, trailingColumnsOf, truncate, useActionMenu, windowCount, withHeaders, withoutItem, workCount, writeCache };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.61.2",
+  "version": "0.62.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",
@@ -50,7 +50,7 @@
   "dependencies": {
     "@kud/gh": "0.18.0",
     "@kud/gh-workflow": "0.13.1",
-    "@kud/ink-ui": "0.30.0",
+    "@kud/ink-ui": "0.31.0",
     "zx": "8.8.5"
   },
   "devDependencies": {