@kud/jira-ink 0.4.3 → 0.5.1

package/dist/index.d.ts

@@ -242,7 +242,23 @@ type IssueBoardProps = {
      * what a test or an embedded pane wants.
      */
     frame?: (parts: {
+        /** One string for a host with a plain title row. */
         facts: string;
+        /**
+         * The same facts as segments, for a host drawing ink-ui's `Page` title
+         * row: how many rows the board holds (or `N of M` while narrowing),
+         * who the `mine` scope belongs to, the search as a further scope, and
+         * freshness as a quiet status.
+         */
+        title: {
+            count: number;
+            user?: string;
+            scope?: string;
+            status: {
+                text: string;
+                tone: "quiet";
+            };
+        };
         hints: Hint[];
         body: ReactNode;
     }) => ReactNode;

package/dist/index.js

@@ -455,7 +455,7 @@ var IssueBoard = ({
   }));
   const listFocused = !search.open && !legend;
   const initial = shown.find((t) => t.category === "indeterminate")?.value ?? shown[0]?.value;
-  const { active, setActive } = useTabs(tabItems, {
+  const { active } = useTabs(tabItems, {
     initial,
     isActive: listFocused
   });
@@ -487,11 +487,6 @@ var IssueBoard = ({
       return;
     }
     if (key.return && issues[cursor]) onOpen(issues[cursor].row.key);
-    if ((key.leftArrow || key.rightArrow) && tabItems.length) {
-      const at = tabItems.findIndex((t) => t.value === tab);
-      const next = (at + (key.leftArrow ? -1 : 1) + tabItems.length) % tabItems.length;
-      setActive(tabItems[next].value);
-    }
     if (input === "/")
       setSearch((s) => ({
         ...s,
@@ -515,7 +510,14 @@ var IssueBoard = ({
   );
   const scopeLabel = scope.kind === "mine" ? `@${viewer}` : scope.mode === "jql" ? "jql" : `\u201C${scope.query}\u201D`;
   const countLabel = search.open && narrowed.length !== model.rows.length ? `${narrowed.length} of ${model.rows.length}` : `${model.rows.length} ${model.rows.length === 1 ? "item" : "items"}`;
-  const facts = `${countLabel} \xB7 ${scopeLabel} \xB7 updated ${relativeAge(new Date(loadedAt).toISOString(), now)} ago`;
+  const updated = `updated ${relativeAge(new Date(loadedAt).toISOString(), now)} ago`;
+  const facts = `${countLabel} \xB7 ${scopeLabel} \xB7 ${updated}`;
+  const title = {
+    count: search.open && narrowed.length !== model.rows.length ? narrowed.length : model.rows.length,
+    ...scope.kind === "mine" ? { user: viewer } : {},
+    ...scope.kind === "search" ? { scope: scope.mode === "jql" ? "jql" : `\u201C${scope.query}\u201D` } : search.open && narrowed.length !== model.rows.length ? { scope: `of ${model.rows.length}` } : {},
+    status: { text: updated, tone: "quiet" }
+  };
   const hints = search.open ? [
     ["enter", "run"],
     ["\u21E5", modeOf(search) === "jql" ? "as plain words" : "as jql"],
@@ -591,7 +593,7 @@ var IssueBoard = ({
     ) }),
     /* @__PURE__ */ jsx(Box, { marginTop: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: issues.length ? `${cursor + 1}/${issues.length}` : " " }) })
   ] });
-  if (frame) return frame({ facts, hints, body });
+  if (frame) return frame({ facts, title, hints, body });
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: facts }),
     body,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/jira-ink",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "description": "Ink components for viewing Jira issues: the board and the issue detail screen, shared by jira-cli's TUI and cockpit",
   "type": "module",
   "main": "dist/index.js",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@kud/ink-markdown": "0.3.0",
-    "@kud/ink-ui": "0.27.0",
+    "@kud/ink-ui": "0.29.0",
     "@kud/jira": "0.4.0"
   },
   "devDependencies": {