@kud/gh-ink 0.15.0 → 0.16.1

package/dist/index.js

@@ -1566,11 +1566,11 @@ var RepoHeaderRow = ({ repo, gap }) => {
   const fill = Math.max(4, 46 - label.length);
   return /* @__PURE__ */ jsx(Box, { marginTop: gap ? 1 : 0, children: /* @__PURE__ */ jsx(Text2, { dimColor: true, children: "  " + label + "\u2500".repeat(fill) }) });
 };
-var MERGED_HOLD_MS = 3e3;
+var MERGED_HOLD_MS = 5e3;
 var MERGED_FRAME_MS = 150;
 var MERGED_FRAMES = ["\u2726", "\u2727", "\u2736", "\u2727"];
 var MERGED_COLOUR = "#A371F7";
-var TRANSIT_HOLD_MS = 2500;
+var TRANSIT_HOLD_MS = 7e3;
 var NO_TRANSIENTS = /* @__PURE__ */ new Map();
 var TRANSIT_OUT_FRAMES = ["\u25C9", "\u25CE", "\u25CB", "\xB7"];
 var TRANSIT_IN_FRAMES = ["\xB7", "\u25CB", "\u25CE", "\u25C9"];
@@ -1584,6 +1584,8 @@ var TRANSIT_LABEL = {
   out: "GONE",
   changed: "UPDATED"
 };
+var TAB_MARK = "\u25CF";
+var tabLabel = (label, marked, id) => marked.size === 0 ? label : `${marked.has(id) ? TAB_MARK : " "} ${label}`;
 var ItemRow = ({
   item,
   active,
@@ -1616,12 +1618,27 @@ var ItemRow = ({
     ] });
   if (item.kind === "task") {
     const note = item.note ?? "";
-    const titleMax2 = Math.max(20, COLS - item.key.length - note.length - 10);
+    const transitIcon = !transient ? " " : transient === "out" ? TRANSIT_OUT_FRAMES[sparkFrame % TRANSIT_OUT_FRAMES.length] : transient === "in" ? 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 - transitLabel2.length - 12
+    );
     return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
       /* @__PURE__ */ jsx(Text2, { color: "cyan", children: active ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx(Text2, { bold: true, color: transient ? TRANSIT_COLOUR[transient] : void 0, children: transitIcon + " " }),
       /* @__PURE__ */ jsx(Text2, { color: "#FF8700", bold: active, children: item.key + "  " }),
-      /* @__PURE__ */ jsx(Text2, { bold: active, children: truncate(item.summary, titleMax2) }),
-      note ? /* @__PURE__ */ jsx(Text2, { dimColor: true, children: ` ${note}` }) : null
+      /* @__PURE__ */ jsx(
+        Text2,
+        {
+          bold: active || transient === "in",
+          dimColor: transient === "out",
+          strikethrough: transient === "out",
+          children: truncate(item.summary, titleMax2)
+        }
+      ),
+      note ? /* @__PURE__ */ jsx(Text2, { dimColor: true, children: ` ${note}` }) : null,
+      transitLabel2 ? /* @__PURE__ */ jsx(Text2, { bold: true, color: TRANSIT_COLOUR[transient], children: "  " + transitLabel2 }) : null
     ] });
   }
   const { glyph: healthIcon, color: healthColor2 } = healthDisplay[item.health];
@@ -2050,6 +2067,13 @@ var BrowseScreen = ({
     setFlash(msg);
     setTimeout(() => setFlash(null), 2e3);
   };
+  const markedTabs = useMemo(() => {
+    const out = /* @__PURE__ */ new Set();
+    if (!transients?.size) return out;
+    for (const s of localSections)
+      if (s.items.some((item) => transientOf(transients, item))) out.add(s.id);
+    return out;
+  }, [localSections, transients]);
   const [sparkFrame, setSparkFrame] = useState(0);
   const sparkling = (mergedUrls?.length ?? 0) > 0 || !!transients?.size && section.items.some((item) => transientOf(transients, item));
   useEffect(() => {
@@ -2400,7 +2424,7 @@ var BrowseScreen = ({
             active: section.id,
             items: localSections.map((s) => ({
               value: s.id,
-              label: s.label,
+              label: tabLabel(s.label, markedTabs, s.id),
               count: topLevelCount(s)
             }))
           }

package/package.json

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