@kud/gh-ink 0.75.1 → 0.75.2

package/dist/index.d.ts

@@ -196,7 +196,11 @@ declare const SidePanel: ({ sidebar, liveLabel, width, height, focused, cursor,
 type FocusSlot = {
     /** The mark in front of the row, accent by default. */
     mark?: string;
-    /** The mark's colour. Defaults to the accent. */
+    /**
+     * The mark's colour in the list gutter (`focusCellFor`). Defaults to the
+     * accent. The ready row's pill takes its accent from its own
+     * `variant="accent"`, so this never reaches the pill.
+     */
     markColor?: string;
     /** What the row is a slot OF, in the host's words: `focus`, say. */
     label: string;

package/dist/index.js

@@ -1,6 +1,6 @@
 import React2, { createContext, useState, useRef, useContext, useEffect, useCallback, useMemo } from 'react';
 import { useWindowSize, useInput, Text, Box } from 'ink';
-import { colors, ScrollView, TextInput, Pill, getIconMode, FooterHints, useAppKeys, LoadingScreen, StatusMessage, useFilterMode, useListCursor, CommandPalette, Tabs, ProgressBar, pillWidth } from '@kud/ink-ui';
+import { colors, ScrollView, TextInput, Pill, getIconMode, FooterHints, useAppKeys, LoadingScreen, pillWidth, StatusMessage, useFilterMode, useListCursor, CommandPalette, Tabs, ProgressBar } from '@kud/ink-ui';
 import { isPassCheck, isFailCheck, isInconclusiveCheck, resolveThread, unresolveThread, replyToThread, rerunFailedRun, mergePr, reRequestReviewer, parseRef, formatRef, fetchItemNode } from '@kud/gh';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { PIN_MARK, sizeOf, sizePartsOf, depthOf, impliedLabels, labelPriority, checkoutDirs, profileOf, inboxConfig, relativeTime, filterBySearch, filterByRepos, filterByOrigin, refCandidates, resolveRef } from '@kud/gh-workflow';
@@ -1707,7 +1707,7 @@ var cells = (s) => [...s].length;
 var titleBudgetOf = (focus, label, width, jumpKey) => {
   const hint = jumpKey ? jumpKey : void 0;
   const mark = focus.mark ?? FOCUS_MARK;
-  const head = 2 + cells(mark) + 1 + cells(label) + 2 + (focus.marker ? cells(focus.marker) + 1 : 0) + cells(focus.ref) + 2;
+  const head = 2 + pillWidth(`${mark} ${label}`) + 2 + (focus.marker ? cells(focus.marker) + 1 : 0) + cells(focus.ref) + 2;
   const hintCells = hint ? 3 + cells(hint) + 5 : 0;
   const tail = 3 + cells(focus.reason);
   const titleMax = width - head - tail - hintCells;
@@ -1747,8 +1747,8 @@ var FocusSlotLine = ({
   const { title, reason, hint } = titleBudgetOf(focus, label, width, jumpKey);
   return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
     /* @__PURE__ */ jsx(Text, { children: "  " }),
-    /* @__PURE__ */ jsx(Text, { color: focus.markColor ?? colors.accent, bold: true, children: `${mark} ` }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${label}  ` }),
+    /* @__PURE__ */ jsx(Pill, { variant: "accent", tone: "tonal", children: `${mark} ${label}` }),
+    /* @__PURE__ */ jsx(Text, { children: "  " }),
     focus.marker ? /* @__PURE__ */ jsx(Text, { children: `${focus.marker} ` }) : null,
     /* @__PURE__ */ jsx(Text, { color: focusRefColor(focus), bold: true, children: `${focus.ref}  ` }),
     /* @__PURE__ */ jsx(Text, { bold: true, children: title }),
@@ -4728,7 +4728,15 @@ var App = ({
   onSettled
 }) => {
   const { rows } = useWindowSize();
-  const [state, setState] = useState({ phase: "loading" });
+  const [launchCache] = useState(() => cacheKey ? readCache(cacheKey) : null);
+  const launchPainted = !!launchCache && launchCache.sections.length > 0;
+  const [state, setState] = useState(
+    () => launchPainted && launchCache ? {
+      phase: "browse",
+      sections: launchCache.sections,
+      login: launchCache.login
+    } : { phase: "loading" }
+  );
   const browsePeel = useRef(null);
   const drillPeel = useRef(null);
   const [typing, setTyping] = useState(false);
@@ -4758,7 +4766,9 @@ var App = ({
   });
   const [pending, setPending] = useState(null);
   const [refreshing, setRefreshing] = useState(false);
-  const [fetchedAt, setFetchedAt] = useState(null);
+  const [fetchedAt, setFetchedAt] = useState(
+    launchPainted && launchCache ? launchCache.at : null
+  );
   const [refreshError, setRefreshError] = useState(null);
   const [ciStatusState, setCiStatusState] = useState({
     kind: "loading"
@@ -4777,8 +4787,12 @@ var App = ({
     if (prev.kind !== "ready") return next;
     return stripSignature(prev.strip) === stripSignature(strip) ? prev : next;
   });
-  const displayedKey = useRef("");
-  const displayedSections = useRef([]);
+  const displayedKey = useRef(
+    launchPainted && launchCache ? signatureOf(launchCache.sections) : ""
+  );
+  const displayedSections = useRef(
+    launchPainted && launchCache ? launchCache.sections : []
+  );
   const [transients, setTransients] = useState(NO_TRANSIENTS);
   const transitTabs = useRef(/* @__PURE__ */ new Map());
   const [heldSince, setHeldSince] = useState(NO_HOLDS);
@@ -5043,21 +5057,7 @@ var App = ({
     setTimeout(() => applyOrRefresh(), 1500);
   };
   useEffect(() => {
-    const cached = cacheKey ? readCache(cacheKey) : null;
-    const painted = !!cached && cached.sections.length > 0;
-    if (painted && cached) {
-      displayedKey.current = signatureOf(cached.sections);
-      displayedSections.current = cached.sections;
-      setFetchedAt(cached.at);
-      if (cached.sidebar) setSidebar(cached.sidebar);
-      if (cached.focus !== void 0) setFocus(cached.focus);
-      setState({
-        phase: "browse",
-        sections: cached.sections,
-        login: cached.login
-      });
-    }
-    if (!painted || !isFresh(cached)) revalidate();
+    if (!launchPainted || !isFresh(launchCache)) revalidate();
   }, []);
   useEffect(() => {
     if (!hasCiStatus || !ciFetcher) return;
@@ -5133,8 +5133,12 @@ var App = ({
     () => cacheKey ? readCache(cacheKey)?.budget ?? null : null
   );
   const [appliedSummary, setAppliedSummary] = useState("");
-  const [sidebar, setSidebar] = useState(void 0);
-  const [focus, setFocus] = useState(void 0);
+  const [sidebar, setSidebar] = useState(
+    launchPainted ? launchCache?.sidebar : void 0
+  );
+  const [focus, setFocus] = useState(
+    launchPainted ? launchCache?.focus : void 0
+  );
   const [skippedForBudget, setSkippedForBudget] = useState(false);
   const [mergedUrls, setMergedUrls] = useState([]);
   const [leavingUrls, setLeavingUrls] = useState([]);
@@ -5202,7 +5206,7 @@ var App = ({
               flexDirection: "column",
               minHeight: Math.max(
                 5,
-                rows - 6 - (hasCiStatus ? 2 : 0) - (hasStrip ? 2 : 0) - (hasFocusSlot ? 2 : 0)
+                rows - 5 - (hasCiStatus ? 2 : 0) - (hasStrip ? 2 : 0) - (hasFocusSlot ? 2 : 0)
               ),
               children: state.phase === "loading" ? /* @__PURE__ */ jsx(LoadingScreen, { label: `Fetching ${title}\u2026` }) : /* @__PURE__ */ jsx(
                 NoRowsScreen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.75.1",
+  "version": "0.75.2",
   "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",
@@ -44,7 +44,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@kud/ink-ui": ">=0.39.0 <1",
+    "@kud/ink-ui": ">=0.41.0 <1",
     "ink": ">=7",
     "react": ">=19"
   },
@@ -54,7 +54,7 @@
     "zx": "8.8.5"
   },
   "devDependencies": {
-    "@kud/ink-ui": "0.39.0",
+    "@kud/ink-ui": "0.41.0",
     "@types/node": "22.20.1",
     "@types/react": "19.2.17",
     "ink": "7.1.0",