@kud/gh-ink 0.40.0 → 0.41.0

package/dist/index.js

@@ -2004,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 " : "  " }),
@@ -2027,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];
@@ -2041,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 }),
@@ -2066,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 = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.40.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": {