@kud/gh-ink 0.39.0 → 0.41.0

package/dist/index.d.ts

@@ -44,6 +44,17 @@ type SidebarRow = {
      * hard 0 asserts the first from evidence for neither.
      */
     live?: number;
+    /**
+     * How far through it is — `done` of `total` children resolved.
+     *
+     * Both or neither, and only ever drawn together: a numerator with no
+     * denominator is not progress, it is a number. Absent for the same reason
+     * `live` is — a host that cannot count says nothing rather than claiming zero,
+     * and the two counts genuinely can be unavailable while `live` is known, since
+     * `live` is what the board already drew and this needs asking Jira again.
+     */
+    done?: number;
+    total?: number;
     /** Something under it is waiting on you. */
     wantsYou?: boolean;
     /**
@@ -66,6 +77,16 @@ type Sidebar = {
  * scrolls the panel rather than clipping a row.
  */
 declare const SIDEBAR_COLS = 40;
+/**
+ * The dim figures after the key: how far through, and how much is moving.
+ *
+ * Either half may be missing and the other still worth saying, so this is a join
+ * of what is known rather than one of three fixed shapes. `done`/`total` are
+ * treated as a pair — a numerator with no denominator is not progress, it is a
+ * number — and a zero is printed wherever it was counted, because "nothing is
+ * moving" is exactly the thing a roadmap is read to notice.
+ */
+declare const counts: (row: SidebarRow) => string;
 /**
  * How many rows fit in `height` — one fewer than would physically fit whenever
  * that means anything is left over, to buy the line that says so.
@@ -698,4 +719,4 @@ declare const matchesFilter: (repo: string, filter: RepoFilter) => boolean;
  */
 declare const parsePatterns: (value: string) => string[];
 
-export { type Action, ActionMenu, type AnyItem, App, COLS, type CiStatus, CiStatusLine, type CiStatusState, CommentsPanel, type CommentsPanelProps, type DetailContext, type ExplainSection, type ExtensionTarget, type GHDetail, type GHItem, HealthPanel, type HealthPanelProps, type InboxBudget, type InboxConfig, type InboxExtension, type JiraTransition, type OriginSplit, PIN_MARK, type RepoFilter, type RepoHeader, type RepoProfile, SIDEBAR_COLS, type Section, type ShowLess, type ShowMore, SidePanel, type Sidebar, type SidebarRow, type Standing, type SubgroupHeader, type TaskRow, budgetNotice, buildActions, buildCheckoutCmd, checkoutDirs, clipboard, configureInbox, drillCmd, explainGhAction, explainItem, filterByOrigin, filterByRepos, filterBySearch, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, inboxConfig, insertRepoHeaders, itermRun, jumpToRepo, jumpToRepoPane, layoutGHItems, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, profileOf, railCapacity, readCache, relativeTime, renderMarkdown, repoPriority, reposInSections, resetInboxConfig, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, sortByRecency, sortItems, toCiStatusState, topLevelCount, truncate, useActionMenu, whoseMove, windowCount, withHeaders, withoutItem, writeCache };
+export { type Action, ActionMenu, type AnyItem, App, COLS, type CiStatus, CiStatusLine, type CiStatusState, CommentsPanel, type CommentsPanelProps, type DetailContext, type ExplainSection, type ExtensionTarget, type GHDetail, type GHItem, HealthPanel, type HealthPanelProps, type InboxBudget, type InboxConfig, type InboxExtension, type JiraTransition, type OriginSplit, PIN_MARK, type RepoFilter, type RepoHeader, type RepoProfile, SIDEBAR_COLS, type Section, type ShowLess, type ShowMore, SidePanel, type Sidebar, type SidebarRow, type Standing, type SubgroupHeader, type TaskRow, budgetNotice, buildActions, buildCheckoutCmd, checkoutDirs, clipboard, configureInbox, counts, drillCmd, explainGhAction, explainItem, filterByOrigin, filterByRepos, filterBySearch, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, inboxConfig, insertRepoHeaders, itermRun, jumpToRepo, jumpToRepoPane, layoutGHItems, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, profileOf, railCapacity, readCache, relativeTime, renderMarkdown, repoPriority, reposInSections, resetInboxConfig, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, sortByRecency, sortItems, toCiStatusState, topLevelCount, truncate, useActionMenu, whoseMove, windowCount, withHeaders, withoutItem, writeCache };

package/dist/index.js

@@ -590,6 +590,10 @@ var PAD = 2;
 var CONTENT = SIDEBAR_COLS - RULE - PAD;
 var LABEL_INDENT = 2;
 var RULE_COLOR = "gray";
+var counts = (row) => [
+  row.done !== void 0 && row.total !== void 0 ? `${row.done}/${row.total}` : "",
+  row.live !== void 0 ? `${row.live} live` : ""
+].filter(Boolean).join(" \xB7 ");
 var truncate = (text, max) => [...text].length <= max ? text : [...text].slice(0, Math.max(0, max - 1)).join("") + "\u2026";
 var ROW_LINES = 3;
 var HEADING_LINES = 2;
@@ -640,7 +644,7 @@ var SidePanel = ({
                 /* @__PURE__ */ jsx(Text, { color: "cyan", children: active ? "\u276F " : "  " }),
                 /* @__PURE__ */ jsx(Text, { color: ACCENT, bold: true, children: row.wantsYou ? "\u2190 " : "  " }),
                 /* @__PURE__ */ jsx(Text, { color: ACCENT, bold: active, children: row.key }),
-                row.live !== void 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  ${row.live} live` }) : null
+                /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  ${counts(row)}` })
               ] }),
               /* @__PURE__ */ jsx(Box, { paddingLeft: LABEL_INDENT + 2, children: /* @__PURE__ */ jsx(Text, { dimColor: !active, children: truncate(row.label, CONTENT - LABEL_INDENT - 2) }) })
             ] }, row.key);
@@ -858,11 +862,11 @@ var diffSections = (prev, next) => {
     counts: { added, removed, changed: changedRows.size }
   };
 };
-var summariseDiff = (counts) => {
+var summariseDiff = (counts2) => {
   const parts = [];
-  if (counts.added) parts.push(`${counts.added} new`);
-  if (counts.removed) parts.push(`${counts.removed} gone`);
-  if (counts.changed) parts.push(`${counts.changed} moved`);
+  if (counts2.added) parts.push(`${counts2.added} new`);
+  if (counts2.removed) parts.push(`${counts2.removed} gone`);
+  if (counts2.changed) parts.push(`${counts2.changed} moved`);
   return parts.join(" \xB7 ");
 };
 var transientOf = (transients, item, sectionId) => {
@@ -2000,8 +2004,8 @@ var ItemRow = ({
     const transitIcon = !transient ? " " : isDeparture(transient) ? TRANSIT_OUT_FRAMES[sparkFrame % TRANSIT_OUT_FRAMES.length] : isArrival(transient) ? TRANSIT_IN_FRAMES[sparkFrame % TRANSIT_IN_FRAMES.length] : "\u25C9";
     const transitLabel2 = transient ? TRANSIT_LABEL[transient] : "";
     const titleMax2 = Math.max(
-      20,
-      cols - item.key.length - note.length - (item.pill ? pillWidth(item.pill) + 1 : 0) - transitLabel2.length - prefix.length - 12
+      1,
+      cols - item.key.length - note.length - (item.pill ? pillWidth(item.pill) + 1 : 0) - (transitLabel2 ? pillWidth(transitLabel2) : 0) - prefix.length - 12
     );
     return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
       /* @__PURE__ */ jsx(Text3, { color: "cyan", children: active ? "\u276F " : "  " }),
@@ -2023,7 +2027,10 @@ var ItemRow = ({
         /* @__PURE__ */ jsx(Pill, { variant: item.pillVariant ?? "muted", children: item.pill })
       ] }) : null,
       note ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: ` ${note}` }) : null,
-      transitLabel2 ? /* @__PURE__ */ jsx(Text3, { bold: true, color: TRANSIT_COLOUR[transient], children: "  " + transitLabel2 }) : null
+      transitLabel2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text3, { children: "  " }),
+        /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR[transient], children: transitLabel2 })
+      ] }) : null
     ] });
   }
   const { glyph: healthIcon, color: healthColor2 } = healthDisplay[item.health];
@@ -2037,16 +2044,37 @@ var ItemRow = ({
   const ageLabel = item.activityAge && item.activityAge !== item.age ? `${item.activityAge} \xB7 ${item.age}` : item.age;
   const mergedLabel = merged ? "MERGED" : "";
   const transitLabel = merged || !transient ? "" : TRANSIT_LABEL[transient];
-  const suffix = [
-    ageLabel || "",
-    unresolvedLabel,
-    showAuthor ? `by ${item.author}` : "",
+  const pillCaps = [mergedLabel, transitLabel].filter(Boolean).length * 2;
+  const repoLabel = depthOf(item) > 0 ? item.repo : "";
+  const givingUp = { author: false, threads: false, age: false, repo: false };
+  const widthOf2 = () => {
+    const suffix2 = [
+      givingUp.age ? "" : ageLabel || "",
+      givingUp.threads ? "" : unresolvedLabel,
+      showAuthor && !givingUp.author ? `by ${item.author}` : "",
+      mergedLabel,
+      transitLabel
+    ].filter(Boolean).join("  ");
+    return 2 + prefix.length + 2 + 2 + 7 + (givingUp.repo ? 0 : repoLabel.length) + suffix2.length + pillCaps + 6;
+  };
+  const MIN_TITLE = 24;
+  for (const give of [
+    () => givingUp.author = true,
+    () => givingUp.threads = true,
+    () => givingUp.repo = true,
+    () => givingUp.age = true
+  ]) {
+    if (cols - widthOf2() >= MIN_TITLE) break;
+    give();
+  }
+  [
+    givingUp.age ? "" : ageLabel || "",
+    givingUp.threads ? "" : unresolvedLabel,
+    showAuthor && !givingUp.author ? `by ${item.author}` : "",
     mergedLabel,
     transitLabel
   ].filter(Boolean).join("  ");
-  const repoLabel = depthOf(item) > 0 ? item.repo : "";
-  const fixedWidth = 2 + prefix.length + 2 + 2 + 7 + repoLabel.length + suffix.length + 6;
-  const titleMax = Math.max(20, cols - fixedWidth);
+  const titleMax = Math.max(1, cols - widthOf2());
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx(Text3, { color: "cyan", children: active ? "\u276F " : "  " }),
     /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
@@ -2062,12 +2090,18 @@ var ItemRow = ({
         children: truncate2(item.title, titleMax) + "  "
       }
     ),
-    repoLabel ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: repoLabel }) : null,
-    unresolvedLabel ? /* @__PURE__ */ jsx(Text3, { bold: !spokeLast, color: spokeLast ? "#888888" : "#FF8700", children: "  " + unresolvedLabel }) : null,
-    showAuthor ? /* @__PURE__ */ jsx(Text3, { dimColor: true, italic: true, children: "  by " + item.author }) : null,
-    ageLabel ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + ageLabel }) : null,
-    mergedLabel ? /* @__PURE__ */ jsx(Text3, { bold: true, color: MERGED_COLOUR, children: "  " + mergedLabel }) : null,
-    transitLabel ? /* @__PURE__ */ jsx(Text3, { bold: true, color: TRANSIT_COLOUR[transient], children: "  " + transitLabel }) : null
+    repoLabel && !givingUp.repo ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: repoLabel }) : null,
+    unresolvedLabel && !givingUp.threads ? /* @__PURE__ */ jsx(Text3, { bold: !spokeLast, color: spokeLast ? "#888888" : "#FF8700", children: "  " + unresolvedLabel }) : null,
+    showAuthor && !givingUp.author ? /* @__PURE__ */ jsx(Text3, { dimColor: true, italic: true, children: "  by " + item.author }) : null,
+    ageLabel && !givingUp.age ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + ageLabel }) : null,
+    mergedLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text3, { children: "  " }),
+      /* @__PURE__ */ jsx(Pill, { color: MERGED_COLOUR, children: mergedLabel })
+    ] }) : null,
+    transitLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text3, { children: "  " }),
+      /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR[transient], children: transitLabel })
+    ] }) : null
   ] });
 };
 var useActionMenu = () => {
@@ -3288,8 +3322,8 @@ var App = ({
       }
       showData(fresh.sections, fresh.login);
     } else if (freshKey !== displayedKey.current) {
-      const { counts } = diffSections(displayedSections.current, fresh.sections);
-      if (counts.added + counts.removed + counts.changed === 0)
+      const { counts: counts2 } = diffSections(displayedSections.current, fresh.sections);
+      if (counts2.added + counts2.removed + counts2.changed === 0)
         showData(fresh.sections, fresh.login);
       else setPending(fresh);
     } else {
@@ -3533,4 +3567,4 @@ var matchesFilter = (repo, filter) => {
 };
 var parsePatterns = (value) => value.split(",").map((p) => p.trim()).filter(Boolean);
 
-export { ActionMenu, App, COLS, CiStatusLine, CommentsPanel, HealthPanel, PIN_MARK, SIDEBAR_COLS, SidePanel, budgetNotice, buildActions, buildCheckoutCmd, checkoutDirs, clipboard, configureInbox, drillCmd, explainGhAction, explainItem, filterByOrigin, filterByRepos, filterBySearch, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, inboxConfig, insertRepoHeaders, itermRun, jumpToRepo, jumpToRepoPane, layoutGHItems, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, profileOf, railCapacity, readCache, relativeTime, renderMarkdown, repoPriority, reposInSections, resetInboxConfig, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, sortByRecency, sortItems, toCiStatusState, topLevelCount, truncate2 as truncate, useActionMenu, whoseMove, windowCount, withHeaders, withoutItem, writeCache };
+export { ActionMenu, App, COLS, CiStatusLine, CommentsPanel, HealthPanel, PIN_MARK, SIDEBAR_COLS, SidePanel, budgetNotice, buildActions, buildCheckoutCmd, checkoutDirs, clipboard, configureInbox, counts, drillCmd, explainGhAction, explainItem, filterByOrigin, filterByRepos, filterBySearch, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, inboxConfig, insertRepoHeaders, itermRun, jumpToRepo, jumpToRepoPane, layoutGHItems, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, profileOf, railCapacity, readCache, relativeTime, renderMarkdown, repoPriority, reposInSections, resetInboxConfig, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, sortByRecency, sortItems, toCiStatusState, topLevelCount, truncate2 as truncate, useActionMenu, whoseMove, windowCount, withHeaders, withoutItem, writeCache };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.39.0",
+  "version": "0.41.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",
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@kud/gh": "0.9.0",
-    "@kud/ink-ui": "0.17.0",
+    "@kud/ink-ui": "0.18.0",
     "zx": "8.8.5"
   },
   "devDependencies": {