@kud/gh-ink 0.36.0 → 0.37.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { PrComments, PrHealthData, PrCheck, Health } from '@kud/gh';
-import { StyledLine } from '@kud/ink-ui';
+import { StyledLine, PillVariant } from '@kud/ink-ui';
 
 type CommentsPanelProps = {
     repo: string;
@@ -204,6 +204,20 @@ type TaskRow = {
      * separately instead of being smuggled past the truncation maths.
      */
     note?: string;
+    /**
+     * A category this row BELONGS to — `epic`, `blocked`, `spike` — drawn as a
+     * filled pill after the summary.
+     *
+     * Deliberately not a second spelling of `note`, which the epic marker used to
+     * borrow. The two want opposite weights: a pill says the word itself is the
+     * information, while `note` is for a reference the reader follows — a parent
+     * ticket key, a source. Filling a breadcrumb gives it a weight it has not
+     * earned, and a row can legitimately carry both (a story under someone else's
+     * epic shows its parent's key AND, one day, a status of its own).
+     */
+    pill?: string;
+    /** Which fill the pill takes. See `@kud/ink-ui`'s `PillVariant`. */
+    pillVariant?: PillVariant;
     /**
      * The Jira issue key behind this row, when one exists. Its PRESENCE is what
      * turns on the ticket affordances — ↵ opens a menu led by `jira issue view`,

package/dist/index.js

@@ -1,6 +1,6 @@
 import React2, { createContext, useState, useRef, useEffect, useMemo, useContext } from 'react';
 import { useWindowSize, useInput, Text, Box } from 'ink';
-import { colors, ScrollView, TextInput, LoadingScreen, StatusMessage, FooterHints, useListCursor, Tabs } from '@kud/ink-ui';
+import { colors, ScrollView, TextInput, LoadingScreen, StatusMessage, FooterHints, useListCursor, Tabs, pillWidth, Pill } from '@kud/ink-ui';
 import { isPassCheck, isFailCheck, isInconclusiveCheck, resolveThread, unresolveThread, replyToThread, rerunFailedRun, mergePr, reRequestReviewer } from '@kud/gh';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { $ } from 'zx';
@@ -1932,7 +1932,7 @@ var ItemRow = ({
     const transitLabel2 = transient ? TRANSIT_LABEL[transient] : "";
     const titleMax2 = Math.max(
       20,
-      COLS - item.key.length - note.length - transitLabel2.length - prefix.length - 12
+      COLS - item.key.length - note.length - (item.pill ? pillWidth(item.pill) + 1 : 0) - transitLabel2.length - prefix.length - 12
     );
     return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
       /* @__PURE__ */ jsx(Text2, { color: "cyan", children: active ? "\u276F " : "  " }),
@@ -1949,6 +1949,10 @@ var ItemRow = ({
           children: truncate(item.summary, titleMax2)
         }
       ),
+      item.pill ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text2, { children: " " }),
+        /* @__PURE__ */ jsx(Pill, { variant: item.pillVariant ?? "muted", children: item.pill })
+      ] }) : null,
       note ? /* @__PURE__ */ jsx(Text2, { dimColor: true, children: ` ${note}` }) : null,
       transitLabel2 ? /* @__PURE__ */ jsx(Text2, { bold: true, color: TRANSIT_COLOUR[transient], children: "  " + transitLabel2 }) : null
     ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/gh-ink",
-  "version": "0.36.0",
+  "version": "0.37.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.14.0",
+    "@kud/ink-ui": "0.17.0",
     "zx": "8.8.5"
   },
   "devDependencies": {