@kud/gh-ink 0.65.1 → 0.66.1

package/dist/index.d.ts

@@ -263,6 +263,13 @@ type PrRowProps = {
      * number into the title.
      */
     numberCols?: number;
+    /**
+     * Whether the row draws its own `❯` gutter. A host that marks the selected
+     * stop itself, in a column further left, passes `false` — otherwise the
+     * selected row carries two cursors (`❯ ├─ ❯ …`). Hidden, the two columns go
+     * to the title rather than standing empty.
+     */
+    gutter?: boolean;
 };
 /**
  * The trailing block, in reading order: how contested, how big, how recent.
@@ -289,17 +296,18 @@ type TrailingShed = Partial<Record<(typeof TRAILING)[number], boolean>>;
 declare const trailingColumnsOf: (items: readonly GHItem[]) => TrailingColumns;
 /**
  * Width of the `#n` cell across these rows: the widest number plus a two-cell
- * gutter, left-aligned. Measured once by the list over the whole section, the
- * same move as `markerCols` and `trailingColumnsOf`, so the titles start on one
- * column and that column does not move as you scroll.
+ * gutter, left-aligned. The inbox measures it once over the rows of EVERY tab
+ * (`listColumnsOf`), the same move as `markerCols` and `trailingColumnsOf`, so
+ * the titles start on one column and that column moves neither as you scroll
+ * nor as you switch tabs. Measured per tab, it put `#1234`'s titles a column
+ * right of `#157`'s in the next tab, and every switch shifted the list.
  *
  * It replaced `padEnd(7)`, a constant that fitted the repos it was written
  * against and nothing else: `#31805` left a one-cell gutter where `#172` left
- * three, and a six-digit number would have run straight into its title. A
- * section of short numbers no longer pays for a long one it does not hold.
+ * three, and a six-digit number would have run straight into its title.
  */
 declare const numberColumnsOf: (items: readonly GHItem[]) => number;
-type LayoutInput = Pick<PrRowProps, "item" | "login" | "cols" | "prefix" | "uniformLabels" | "announcements" | "columns" | "shed" | "numberCols">;
+type LayoutInput = Pick<PrRowProps, "item" | "login" | "cols" | "prefix" | "uniformLabels" | "announcements" | "columns" | "shed" | "numberCols" | "gutter">;
 /**
  * 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
@@ -325,7 +333,7 @@ declare const sectionShedOf: (rows: readonly Pick<LayoutInput, "item" | "prefix"
  * 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, selectionBg, icon: iconOverride, prefix, uniformLabels, motion, announcements, columns, shed, numberCols, }: PrRowProps) => React.JSX.Element;
+declare const PrRow: ({ item, active, login, cols, selectionBg, icon: iconOverride, prefix, uniformLabels, motion, announcements, columns, shed, numberCols, gutter, }: PrRowProps) => React.JSX.Element;
 
 /**
  * One state per thing, from a closed set the strip knows how to draw. The host

package/dist/index.js

@@ -867,7 +867,8 @@ var layoutOf = ({
   announcements = [],
   columns,
   shed = {},
-  numberCols
+  numberCols,
+  gutter = true
 }) => {
   const numCols = numberCols ?? numberColumnsOf([item]);
   const numStr = `#${item.number}`.padEnd(numCols);
@@ -914,7 +915,7 @@ var layoutOf = ({
     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 + numCols + (cell ? 2 + cell.length + 1 : 0) + (givingUp.repo ? 0 : repoLabel.length) + author + block + pills + pillCaps + 4;
+    return (gutter ? 2 : 0) + prefix.length + 2 + 2 + numCols + (cell ? 2 + cell.length + 1 : 0) + (givingUp.repo ? 0 : repoLabel.length) + author + block + pills + pillCaps + 4;
   };
   const MIN_TITLE = 24;
   for (const give of [
@@ -958,7 +959,8 @@ var PrRow = ({
   announcements = [],
   columns,
   shed,
-  numberCols
+  numberCols,
+  gutter = true
 }) => {
   const backdropped = useBackdropped();
   const { glyph: healthIcon, color: healthColor2 } = displayFor(item.health);
@@ -989,13 +991,14 @@ var PrRow = ({
     announcements,
     columns,
     shed,
-    numberCols
+    numberCols,
+    gutter
   });
   return (
     // The wash paints every cell of the fixed-width row — an Ink Box's
     // background covers its full measure, not just the inked cells.
     /* @__PURE__ */ jsxs(Box, { width: cols, backgroundColor: selectionBg, children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
+      gutter ? /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }) : null,
       /* @__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 + " " }),
@@ -1528,6 +1531,13 @@ var reposInSections = (sections) => [
     sections.flatMap((s) => s.items).filter((i) => i.kind === "pr" || i.kind === "issue").map((i) => i.repo)
   )
 ].sort();
+var listColumnsOf = (sections) => {
+  const rows = sections.flatMap((s) => s.items).filter((i) => i.kind === "pr" || i.kind === "issue");
+  return {
+    numberCols: numberColumnsOf(rows),
+    trailingColumns: trailingColumnsOf(rows)
+  };
+};
 var moveCursor = (items, current, dir) => {
   const next = current + dir;
   if (next < 0 || next >= items.length) return current;
@@ -2009,6 +2019,7 @@ var buildActions = (item, login, showFlash, jiraBase, jiraKeyRe, jiraTransitions
     return base;
   }
   const actions = drillAction ? [drillAction, open, copyUrl] : [open, copyUrl];
+  const closing = [];
   actions.push({
     label: "Copy repo name",
     hint: "r",
@@ -2158,7 +2169,7 @@ var buildActions = (item, login, showFlash, jiraBase, jiraKeyRe, jiraTransitions
         });
       }
     }
-    actions.push({
+    closing.push({
       label: "Close PR",
       hint: "",
       run: () => {
@@ -2190,7 +2201,7 @@ var buildActions = (item, login, showFlash, jiraBase, jiraKeyRe, jiraTransitions
       ]
     });
     if (item.branch) {
-      actions.push({
+      closing.push({
         label: "Close PR + Delete branch",
         hint: "",
         run: () => {
@@ -2227,6 +2238,7 @@ var buildActions = (item, login, showFlash, jiraBase, jiraKeyRe, jiraTransitions
         showFlash
       })
     });
+  actions.push(...closing);
   return actions;
 };
 var agoText = (ms) => {
@@ -3020,8 +3032,7 @@ var BrowseScreen = ({
   }, [searchInput, palette, onTyping]);
   const railCols = railWidth(COLS);
   const listCols = showRail ? COLS - railCols : COLS;
-  const trailingColumns = trailingColumnsOf(labelBearing);
-  const numberCols = numberColumnsOf(labelBearing);
+  const { trailingColumns, numberCols } = listColumnsOf(localSections);
   const rowCols = Math.min(listCols, ROW_MAX_COLS);
   const trailingShed = sectionShedOf(
     section.items.flatMap(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.65.1",
+  "version": "0.66.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",
@@ -50,7 +50,7 @@
   "dependencies": {
     "@kud/gh": "0.19.0",
     "@kud/gh-workflow": "0.14.0",
-    "@kud/ink-ui": "0.31.0",
+    "@kud/ink-ui": "0.33.0",
     "zx": "8.8.5"
   },
   "devDependencies": {