@kud/gh-ink 0.54.0 → 0.55.1

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { PrComments, PrHealthData, PrCheck, Health } from '@kud/gh';
 import { StyledLine } from '@kud/ink-ui';
 import { AnyItem, Section, CiStatus, GHItem, OriginSplit } from '@kud/gh-workflow';
-export { AnyItem, CiStatus, GHDetail, GHItem, InboxConfig, Move, OriginSplit, PIN_MARK, RepoHeader, RepoProfile, Section, ShowLess, ShowMore, Standing, SubgroupHeader, TaskRow, checkoutDirs, configureInbox, filterByOrigin, filterByRepos, filterBySearch, impliedLabels, inboxConfig, insertRepoHeaders, labelPriority, layoutGHItems, profileOf, relativeTime, repoPriority, resetInboxConfig, sortByRecency, sortItems, whoseMove } from '@kud/gh-workflow';
+export { AnyItem, Band, CiStatus, GHDetail, GHItem, InboxConfig, Move, OriginSplit, PIN_MARK, RepoHeader, RepoProfile, Section, ShowLess, ShowMore, Standing, SubgroupHeader, TaskRow, bandOf, checkoutDirs, configureInbox, filterByOrigin, filterByRepos, filterBySearch, impliedLabels, inboxConfig, insertRepoHeaders, labelPriority, layoutGHItems, profileOf, relativeTime, repoPriority, resetInboxConfig, sortByRecency, sortItems, whoseMove } from '@kud/gh-workflow';
 
 type CommentsPanelProps = {
     repo: string;

package/dist/index.js

@@ -9,7 +9,7 @@ import { readFileSync, mkdirSync, writeFileSync, existsSync, readdirSync, statSy
 import { join, dirname, basename } from 'path';
 import { homedir } from 'os';
 import { depthOf, checkoutDirs, profileOf, inboxConfig, relativeTime, filterBySearch, filterByRepos, filterByOrigin, PIN_MARK, sizeOf, sizePartsOf, impliedLabels, labelPriority } from '@kud/gh-workflow';
-export { PIN_MARK, checkoutDirs, configureInbox, filterByOrigin, filterByRepos, filterBySearch, impliedLabels, inboxConfig, insertRepoHeaders, labelPriority, layoutGHItems, profileOf, relativeTime, repoPriority, resetInboxConfig, sortByRecency, sortItems, whoseMove } from '@kud/gh-workflow';
+export { PIN_MARK, bandOf, checkoutDirs, configureInbox, filterByOrigin, filterByRepos, filterBySearch, impliedLabels, inboxConfig, insertRepoHeaders, labelPriority, layoutGHItems, profileOf, relativeTime, repoPriority, resetInboxConfig, sortByRecency, sortItems, whoseMove } from '@kud/gh-workflow';
 
 // src/components/comments-panel.tsx
 var ENTITIES = {
@@ -257,7 +257,8 @@ var commentLines = ({ author, body }, width, fileLink, indent = 0) => {
         { text: author, color: colors.accent, bold: true },
         { text: " " + "\u2500".repeat(fill), dim: true }
       ]
-    }
+    },
+    { text: "" }
   ];
   const bodyLines = renderMarkdown(body, width - indent, fileLink);
   if (bodyLines.length === 0) lines.push({ text: pad + "(empty)", dim: true });
@@ -934,6 +935,66 @@ var tabsOfMarks = (sections, marks) => {
     }
   return out;
 };
+var HOLD_MS = 5 * 60 * 1e3;
+var anchorIndex = (prevItems, prevIndex, freshItems) => {
+  const freshAt = /* @__PURE__ */ new Map();
+  freshItems.forEach((item, i) => {
+    const key = keyOf(item);
+    if (key) freshAt.set(key, i);
+  });
+  for (let i = prevIndex - 1; i >= 0; i--) {
+    const key = keyOf(prevItems[i]);
+    const at = key === null ? void 0 : freshAt.get(key);
+    if (at !== void 0) return at + 1;
+  }
+  return Math.min(prevIndex, freshItems.length);
+};
+var reconcile = (prev, fresh, now, holdMs = HOLD_MS) => {
+  if (prev.length === 0) return fresh;
+  const present = /* @__PURE__ */ new Set();
+  for (const section of fresh)
+    for (const item of section.items) {
+      const key = keyOf(item);
+      if (key) present.add(key);
+    }
+  const bySection = /* @__PURE__ */ new Map();
+  const labels = /* @__PURE__ */ new Map();
+  prev.forEach((section, at) => {
+    if (section.sampled) return;
+    section.items.forEach((item, index) => {
+      if (item.kind !== "pr" && item.kind !== "issue") return;
+      const row = item;
+      if (present.has(row.url)) return;
+      const heldSince = row.heldSince ?? now;
+      if (now - heldSince > holdMs) return;
+      const held = { ...row, heldSince };
+      const list = bySection.get(section.id);
+      if (list) list.push({ item: held, index });
+      else bySection.set(section.id, [{ item: held, index }]);
+      labels.set(section.id, { label: section.label, at });
+    });
+  });
+  if (bySection.size === 0) return fresh;
+  const out = fresh.map((section) => {
+    const rows = bySection.get(section.id);
+    if (!rows) return section;
+    bySection.delete(section.id);
+    const prevItems = prev.find((s) => s.id === section.id)?.items ?? [];
+    const items = [...section.items];
+    for (const row of [...rows].sort((a, b) => a.index - b.index))
+      items.splice(anchorIndex(prevItems, row.index, items), 0, row.item);
+    return { ...section, items };
+  });
+  for (const [id, rows] of bySection) {
+    const { label, at } = labels.get(id);
+    out.splice(Math.min(at, out.length), 0, {
+      id,
+      label,
+      items: rows.sort((a, b) => a.index - b.index).map((r) => r.item)
+    });
+  }
+  return out;
+};
 var quietly = $({ quiet: true });
 var healthSentence = (item) => {
   const glyph = displayFor(item.health).glyph.trim();
@@ -1895,7 +1956,8 @@ var ItemRow = ({
   prefix = "",
   parent,
   sparkFrame = 0,
-  cols = COLS
+  cols = COLS,
+  markerCols = 0
 }) => {
   const backdropped = useBackdropped();
   const transient = leaving ? "out" : refreshMark;
@@ -1928,13 +1990,14 @@ var ItemRow = ({
     const transitIcon = !transient ? " " : isDeparture(transient) ? TRANSIT_OUT_FRAMES[rampAt(TRANSIT_OUT_FRAMES.length)] : isArrival(transient) ? TRANSIT_IN_FRAMES[rampAt(TRANSIT_IN_FRAMES.length)] : "\u25C9";
     const titleMax2 = Math.max(
       1,
-      cols - item.key.length - note.length - (item.pill ? pillWidth(item.pill) + 1 : 0) - (farewellLabel ? pillWidth(farewellLabel) + 2 : 0) - prefix.length - 12
+      cols - item.key.length - note.length - (item.pill ? pillWidth(item.pill) + 1 : 0) - (farewellLabel ? pillWidth(farewellLabel) + 2 : 0) - prefix.length - (markerCols > 0 ? markerCols + 1 : 0) - 12
     );
     return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
       /* @__PURE__ */ jsx(Text3, { color: "cyan", children: active ? "\u276F " : "  " }),
       /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
       /* @__PURE__ */ jsx(Text3, { dimColor: true, children: parent ? "\u252C " : "  " }),
       /* @__PURE__ */ jsx(Text3, { bold: true, color: transient ? TRANSIT_COLOUR[transient] : void 0, children: transitIcon + " " }),
+      markerCols > 0 ? /* @__PURE__ */ jsx(Text3, { color: item.markerColor, children: (item.marker ?? "").padEnd(markerCols) + " " }) : null,
       /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: active, children: item.key + "  " }),
       /* @__PURE__ */ jsx(
         Text3,
@@ -2511,6 +2574,10 @@ var BrowseScreen = ({
   const viewStart = viewStarts[activeId] ?? 0;
   const visibleCount = windowCount(section.items, viewStart, listHeight);
   const visibleItems = section.items.slice(viewStart, viewStart + visibleCount);
+  const markerCols = section.items.reduce(
+    (w, i) => i.kind === "task" ? Math.max(w, [...i.marker ?? ""].length) : w,
+    0
+  );
   const hasMore = viewStart + visibleCount < section.items.length;
   const activeItem = section.items[cursor];
   const showFlash = (msg) => {
@@ -3130,6 +3197,7 @@ var BrowseScreen = ({
                           parent: item.kind === "task" && depthOf(section.items[viewStart + i + 1]) > depthOf(item),
                           sparkFrame,
                           cols: listCols,
+                          markerCols,
                           gap: i > 0 && gapsAbove(section.items, viewStart + i)
                         },
                         `${viewStart + i}:${rowKey(item)}`
@@ -3351,7 +3419,15 @@ var App = ({
     }
     setSkippedForBudget(false);
     if (manual) setRefreshing(true);
-    fetcher().then((fresh) => {
+    fetcher().then((fetched) => {
+      const fresh = {
+        ...fetched,
+        sections: reconcile(
+          displayedSections.current,
+          fetched.sections,
+          Date.now()
+        )
+      };
       if (fresh.budget) setBudget(fresh.budget);
       if (fresh.sidebar !== void 0) setSidebar(fresh.sidebar);
       if (cacheKey) writeCache(cacheKey, fresh);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.54.0",
+  "version": "0.55.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",
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@kud/gh": "0.16.0",
-    "@kud/gh-workflow": "0.11.0",
+    "@kud/gh-workflow": "0.12.0",
     "@kud/ink-ui": "0.29.0",
     "zx": "8.8.5"
   },