@kud/gh-ink 0.57.1 → 0.59.0

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, useAppKeys, LoadingScreen, ProgressBar, StatusMessage, FooterHints, useListCursor, Tabs, pillWidth, Pill } from '@kud/ink-ui';
+import { colors, ScrollView, TextInput, useAppKeys, LoadingScreen, StatusMessage, FooterHints, useListCursor, CommandPalette, Tabs, ProgressBar, 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';
@@ -634,15 +634,28 @@ var Progress = ({ row }) => {
     /* @__PURE__ */ jsx(Text, { color: colors.secondary, children: GUTTER + fraction.padStart(FRACTION_COLS) })
   ] });
 };
-var SidePanel = ({
+var railsOf = (rails) => rails === void 0 ? [] : Array.isArray(rails) ? rails : [rails];
+var railRowsOf = (rails) => railsOf(rails).flatMap((s) => s.rows);
+var linesFor = (rows) => HEADING_LINES + Math.max(1, rows) * ROW_LINES;
+var railHeights = (height, rowCounts) => {
+  const out = [];
+  let remaining = height;
+  rowCounts.forEach((rows, i) => {
+    const share = Math.floor(remaining / (rowCounts.length - i));
+    const h = Math.min(share, linesFor(rows));
+    out.push(h);
+    remaining -= h;
+  });
+  return out;
+};
+var RailSection = ({
   sidebar,
-  liveLabel = defaultLiveLabel,
-  width = SIDEBAR_COLS,
+  liveLabel,
+  content,
   height,
-  focused = false,
-  cursor = 0
+  focused,
+  cursor
 }) => {
-  const content = contentOf(width);
   const labelCols = content - MARKS;
   const liveCols = content - FACTS_FIXED;
   const capacity = height === void 0 ? sidebar.rows.length : railCapacity(height, sidebar.rows.length);
@@ -653,6 +666,46 @@ var SidePanel = ({
   const rule = "\u254C".repeat(
     Math.max(0, content - [...sidebar.title].length - focus.length - 1)
   );
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height, children: [
+    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: sidebar.title }),
+      focused ? /* @__PURE__ */ jsx(Text, { color: colors.accent, children: focus }) : null,
+      /* @__PURE__ */ jsx(Text, { color: colors.info, dimColor: true, children: ` ${rule}` })
+    ] }),
+    sidebar.rows.length === 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: "nothing open" }) }) : shown.map((row, i) => {
+      const active = focused && start + i === cursor;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { color: colors.info, children: active ? "\u276F " : "  " }),
+          /* @__PURE__ */ jsx(Text, { color: colors.accent, bold: true, children: row.wantsYou ? "\u2190 " : "  " }),
+          /* @__PURE__ */ jsx(Text, { bold: active, children: truncateWords(row.label, labelCols) })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { color: row.markerColor, children: " ".repeat(FACTS_INDENT - 2) + (row.marker ?? " ") + " " }),
+          /* @__PURE__ */ jsx(Text, { color: colors.secondary, children: row.key.padEnd(KEY_COLS) + GUTTER }),
+          /* @__PURE__ */ jsx(Progress, { row }),
+          /* @__PURE__ */ jsx(Text, { children: GUTTER + (row.live !== void 0 ? liveLabel(row.live).slice(0, liveCols) : "") })
+        ] })
+      ] }, row.key);
+    }),
+    hidden > 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: `+${hidden} more` }) }) : null
+  ] });
+};
+var SidePanel = ({
+  sidebar,
+  liveLabel = defaultLiveLabel,
+  width = SIDEBAR_COLS,
+  height,
+  focused = false,
+  cursor = 0
+}) => {
+  const content = contentOf(width);
+  const sections = railsOf(sidebar);
+  const heights = height === void 0 ? sections.map(() => void 0) : railHeights(
+    height,
+    sections.map((s) => s.rows.length)
+  );
+  let offset = 0;
   return (
     // A rule down the left rather than a full box: the rail's other three edges
     // already have the frame's border a column or two away, and a second
@@ -660,7 +713,7 @@ var SidePanel = ({
     // focus and act on, which this cannot be. One line is the whole claim: what
     // is left of it is the list, what is right of it is not. In the frame's own
     // colour and not dimmed, so the two rules read as one hierarchy.
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       Box,
       {
         flexDirection: "column",
@@ -673,34 +726,113 @@ var SidePanel = ({
         borderRight: false,
         borderBottom: false,
         paddingLeft: PAD,
-        children: [
-          /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, children: sidebar.title }),
-            focused ? /* @__PURE__ */ jsx(Text, { color: colors.accent, children: focus }) : null,
-            /* @__PURE__ */ jsx(Text, { color: colors.info, dimColor: true, children: ` ${rule}` })
-          ] }),
-          sidebar.rows.length === 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: "nothing open" }) }) : shown.map((row, i) => {
-            const active = focused && start + i === cursor;
-            return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Text, { color: colors.info, children: active ? "\u276F " : "  " }),
-                /* @__PURE__ */ jsx(Text, { color: colors.accent, bold: true, children: row.wantsYou ? "\u2190 " : "  " }),
-                /* @__PURE__ */ jsx(Text, { bold: active, children: truncateWords(row.label, labelCols) })
-              ] }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Text, { color: row.markerColor, children: " ".repeat(FACTS_INDENT - 2) + (row.marker ?? " ") + " " }),
-                /* @__PURE__ */ jsx(Text, { color: colors.secondary, children: row.key.padEnd(KEY_COLS) + GUTTER }),
-                /* @__PURE__ */ jsx(Progress, { row }),
-                /* @__PURE__ */ jsx(Text, { children: GUTTER + (row.live !== void 0 ? liveLabel(row.live).slice(0, liveCols) : "") })
-              ] })
-            ] }, row.key);
-          }),
-          hidden > 0 ? /* @__PURE__ */ jsx(Box, { paddingLeft: MARKS, children: /* @__PURE__ */ jsx(Text, { color: colors.muted, children: `+${hidden} more` }) }) : null
-        ]
+        children: sections.map((section, i) => {
+          const first = offset;
+          offset += section.rows.length;
+          const inside = focused && cursor >= first && cursor < offset;
+          const owns = inside || focused && sections.length === 1;
+          return /* @__PURE__ */ jsx(
+            RailSection,
+            {
+              sidebar: section,
+              liveLabel,
+              content,
+              height: heights[i],
+              focused: owns,
+              cursor: cursor - first
+            },
+            section.title
+          );
+        })
       }
     )
   );
 };
+var stripGlyph = (state) => {
+  switch (state) {
+    case "ok":
+      return ["\u2713", colors.success];
+    case "warn":
+      return ["!", colors.warning];
+    case "fail":
+      return ["\u2717", colors.error];
+    case "unknown":
+      return ["\u25CB", colors.muted];
+  }
+};
+var ALARM = "\u25B2";
+var SEVERITY = {
+  fail: 0,
+  warn: 1,
+  unknown: 2,
+  ok: 3
+};
+var ageLabel = (at, now = Date.now()) => {
+  if (at === void 0) return "";
+  const s = Math.max(0, Math.round((now - at) / 1e3));
+  if (s < 60) return `${s}s`;
+  const m = Math.round(s / 60);
+  if (m < 60) return `${m}m`;
+  return `${Math.round(m / 60)}h`;
+};
+var itemText = (item) => `${stripGlyph(item.state)[0]} ${item.key}${item.alarm ? ALARM : ""}`;
+var stripLayout = (strip, width, now = Date.now()) => {
+  const age = ageLabel(strip.at, now);
+  const fixed = 2 + strip.title.length + 2 + (age ? age.length + 3 : 0);
+  const full = strip.items.map(itemText).join("  ");
+  if (fixed + full.length <= width)
+    return { parts: strip.items, summary: full, age };
+  const sorted = [...strip.items].sort(
+    (a, b) => SEVERITY[a.state] - SEVERITY[b.state]
+  );
+  const bad = sorted.filter((i) => i.state !== "ok" || i.alarm);
+  const ok = strip.items.length - bad.length;
+  const tally = (n, s) => n > 0 ? `${n} ${stripGlyph(s)[0]}` : "";
+  let named = [];
+  let text = "";
+  for (let n = bad.length; n >= 0; n--) {
+    named = bad.slice(0, n);
+    const rest = bad.slice(n);
+    const counts2 = ["fail", "warn", "unknown"].map((s) => tally(rest.filter((i) => i.state === s).length, s)).filter(Boolean);
+    text = [tally(ok, "ok"), ...counts2, ...named.map(itemText)].filter(Boolean).join(" \xB7 ");
+    if (fixed + text.length <= width) break;
+  }
+  return { parts: null, summary: text, age };
+};
+var StatusStripLine = ({
+  strip,
+  label = "status",
+  width,
+  now
+}) => {
+  if (strip === void 0)
+    return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${label}  loading\u2026` })
+    ] });
+  if (strip === null)
+    return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \u25CB " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${label}  no signal / not configured` })
+    ] });
+  const { parts, summary, age } = stripLayout(strip, width, now);
+  return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  ${strip.title}  ` }),
+    parts ? parts.map((item, i) => {
+      const [glyph, color] = stripGlyph(item.state);
+      return /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+        i > 0 ? /* @__PURE__ */ jsx(Text, { children: "  " }) : null,
+        /* @__PURE__ */ jsx(Text, { color, bold: true, children: glyph }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          " ",
+          item.key
+        ] }),
+        item.alarm ? /* @__PURE__ */ jsx(Text, { color: colors.error, bold: true, children: ALARM }) : null
+      ] }, item.key);
+    }) : /* @__PURE__ */ jsx(Text, { children: summary }),
+    age ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `   ${age}` }) : null
+  ] });
+};
 var healthDisplay = {
   none: { glyph: " ", color: colors.muted },
   draft: { glyph: "~", color: colors.muted },
@@ -749,7 +881,7 @@ var displayFor = (h) => h ? healthDisplay[h] : UNREAD_DISPLAY;
 
 // src/inbox/cache.ts
 var cacheTtlMs = () => inboxConfig().cacheTtlMs;
-var CACHE_VERSION = 4;
+var CACHE_VERSION = 5;
 var cacheDir = () => join(
   process.env.XDG_CACHE_HOME || join(homedir(), ".cache"),
   inboxConfig().cacheNamespace
@@ -765,7 +897,7 @@ var readCache = (key) => {
       login: raw.login ?? "",
       at: raw.at ?? 0,
       budget: raw.budget,
-      ...Array.isArray(raw.sidebar?.rows) ? { sidebar: raw.sidebar } : {}
+      ...railsOf(raw.sidebar).every((s) => Array.isArray(s?.rows)) && raw.sidebar !== void 0 ? { sidebar: raw.sidebar } : {}
     };
   } catch {
     return null;
@@ -1059,9 +1191,7 @@ var turnSentences = (item, login) => {
     return [`${item.lastActor} spoke last (\u2190), ${when}. Your reply is owed.`];
   const them = item.author && item.author !== login ? item.author : null;
   if (!them)
-    return [
-      `You spoke last, ${when}. It is waiting on a reviewer, not on you.`
-    ];
+    return [`You spoke last, ${when}. It is waiting on a reviewer, not on you.`];
   const lines = [`You spoke last, ${when}. The ball is with ${them}.`];
   if (d?.lastCommitAt && d.lastEventAt && d.lastCommitAt < d.lastEventAt)
     lines.push(
@@ -1440,7 +1570,7 @@ var backdropStyle = (props) => ({
   inverse: false,
   backgroundColor: void 0
 });
-var Text3 = ({ children, ...props }) => {
+var Text4 = ({ children, ...props }) => {
   const dimmed = useContext(DimContext);
   return dimmed ? /* @__PURE__ */ jsx(Text, { ...props, ...backdropStyle(props), children }) : /* @__PURE__ */ jsx(Text, { ...props, children });
 };
@@ -1521,6 +1651,11 @@ var unsubscribeFrom = async (item) => {
   if (!id) throw new Error(`no node id for ${item.repo}#${item.number}`);
   await quietly`gh api graphql -f query=${UNSUBSCRIBE_MUTATION} -f id=${id}`;
 };
+var openInJira = (jiraBase, key, showFlash) => {
+  quietly`open ${jiraBase}/${key}`.catch(() => {
+  });
+  showFlash(`\u2197 Opened ${key} in Jira`);
+};
 var buildActions = (item, login, showFlash, jiraBase, jiraKeyRe, jiraTransitions, onRefresh, onRemove, onOpenView, ext) => {
   if (item.kind === "repo-header" || item.kind === "subgroup-header" || item.kind === "show-more" || item.kind === "show-less")
     return [];
@@ -1728,11 +1863,7 @@ var buildActions = (item, login, showFlash, jiraBase, jiraKeyRe, jiraTransitions
         actions.push({
           label: `Open ${jiraKey} in Jira`,
           hint: "t",
-          run: () => {
-            quietly`open ${jiraBase}/${jiraKey}`.catch(() => {
-            });
-            showFlash(`\u2197 Opened ${jiraKey} in Jira`);
-          }
+          run: () => openInJira(jiraBase, jiraKey, showFlash)
         });
       }
     }
@@ -1835,13 +1966,13 @@ var InboxHeader = ({
     COLS - brand.length - countSeg.length - userSeg.length - workLabel.length - budgetSeg.length - statusSeg.length
   );
   return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-    /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: brand }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: countSeg }),
-    userSeg ? /* @__PURE__ */ jsx(Text3, { children: userSeg }) : null,
-    scopeLabel ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: workLabel }) : null,
-    budgetLabel ? /* @__PURE__ */ jsx(Text3, { bold: true, color: budgetCritical ? "#FF5F5F" : colors.accent, children: budgetSeg }) : null,
+    /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: true, children: brand }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: countSeg }),
+    userSeg ? /* @__PURE__ */ jsx(Text4, { children: userSeg }) : null,
+    scopeLabel ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: workLabel }) : null,
+    budgetLabel ? /* @__PURE__ */ jsx(Text4, { bold: true, color: budgetCritical ? "#FF5F5F" : colors.accent, children: budgetSeg }) : null,
     statusText ? /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         color: statusColor,
         dimColor: !statusColor,
@@ -1849,9 +1980,10 @@ var InboxHeader = ({
         children: statusSeg
       }
     ) : null,
-    /* @__PURE__ */ jsx(Text3, { color: colors.info, dimColor: true, children: "\u254C".repeat(fill) })
+    /* @__PURE__ */ jsx(Text4, { color: colors.info, dimColor: true, children: "\u254C".repeat(fill) })
   ] });
 };
+var stripSignature = (strip) => strip === null ? "\u2205" : strip.items.map((i) => `${i.key}=${i.state}${i.alarm ? "\u25B2" : ""}`).join(",");
 var toCiStatusState = (status) => status ? { kind: "ready", status } : { kind: "error" };
 var sameCiStatusState = (a, b) => {
   if (a.kind !== b.kind) return false;
@@ -1872,24 +2004,24 @@ var CiStatusLine = ({
   const name = job ?? "ci";
   if (state.kind === "loading")
     return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  \xB7 " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `${name}  loading\u2026` })
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  \xB7 " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `${name}  loading\u2026` })
     ] });
   if (state.kind === "error")
     return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.error, bold: true, children: "  \u2717 " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `${name}  no build / not configured` })
+      /* @__PURE__ */ jsx(Text4, { color: colors.error, bold: true, children: "  \u2717 " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `${name}  no build / not configured` })
     ] });
   const { status } = state;
   const [, color] = jenkinsResultDisplay(status.result, status.building);
   const label = status.building ? "BUILDING" : status.result;
   return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " }),
-    /* @__PURE__ */ jsx(Text3, { color, bold: true, children: "\u25CF " }),
-    /* @__PURE__ */ jsx(Text3, { bold: true, children: status.job }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + label }),
-    /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: "  #" + status.buildNumber }),
-    status.age ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + status.age }) : null
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " }),
+    /* @__PURE__ */ jsx(Text4, { color, bold: true, children: "\u25CF " }),
+    /* @__PURE__ */ jsx(Text4, { bold: true, children: status.job }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " + label }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: "  #" + status.buildNumber }),
+    status.age ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " + status.age }) : null
   ] });
 };
 var FENCE_COLS = 46;
@@ -1902,10 +2034,10 @@ var RepoHeaderRow = ({
   const fill = Math.max(4, FENCE_COLS - label.length);
   const rule = "\u2500".repeat(fill);
   return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
-    /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: !active, children: "\u2500\u2500 " }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: !active, children: "\u2500\u2500 " }),
     /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         dimColor: false,
         color: active ? void 0 : colors.secondary,
@@ -1913,7 +2045,7 @@ var RepoHeaderRow = ({
         children: repo
       }
     ),
-    /* @__PURE__ */ jsx(Text3, { dimColor: !active, children: " " + rule })
+    /* @__PURE__ */ jsx(Text4, { dimColor: !active, children: " " + rule })
   ] });
 };
 var MERGED_HOLD_MS = 3e3;
@@ -1978,22 +2110,22 @@ var ItemRow = ({
     return /* @__PURE__ */ jsx(RepoHeaderRow, { repo: item.repo, gap: gap ?? false, active });
   if (item.kind === "subgroup-header")
     return /* @__PURE__ */ jsxs(Box, { marginTop: gap ? 1 : 0, children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: "  \xBB " }),
-      /* @__PURE__ */ jsx(Text3, { bold: true, children: item.label })
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: true, children: "  \xBB " }),
+      /* @__PURE__ */ jsx(Text4, { bold: true, children: item.label })
     ] });
   if (item.kind === "show-more")
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: active ? "\u21B5 " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `+${item.hidden.length} more` })
+      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: active ? "\u21B5 " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `+${item.hidden.length} more` })
     ] });
   if (item.kind === "show-less")
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: active ? "\u21B5 " : "  " }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "show less" })
+      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: active ? "\u21B5 " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "show less" })
     ] });
   if (item.kind === "task") {
     const note = item.note ?? "";
@@ -2003,14 +2135,14 @@ var ItemRow = ({
       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: colors.info, 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(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: parent ? "\u252C " : "  " }),
+      /* @__PURE__ */ jsx(Text4, { bold: true, color: transient ? TRANSIT_COLOUR[transient] : void 0, children: transitIcon + " " }),
+      markerCols > 0 ? /* @__PURE__ */ jsx(Text4, { color: item.markerColor, children: (item.marker ?? "").padEnd(markerCols) + " " }) : null,
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: active, children: item.key + "  " }),
       /* @__PURE__ */ jsx(
-        Text3,
+        Text4,
         {
           bold: active || !!transient && isArrival(transient),
           dimColor: !!transient && isDeparture(transient),
@@ -2019,7 +2151,7 @@ var ItemRow = ({
         }
       ),
       item.pill && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text3, { children: " " }),
+        /* @__PURE__ */ jsx(Text4, { children: " " }),
         /* @__PURE__ */ jsx(
           Pill,
           {
@@ -2030,9 +2162,9 @@ var ItemRow = ({
           }
         )
       ] }) : null,
-      note ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: ` ${note}` }) : null,
+      note ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: ` ${note}` }) : null,
       farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text3, { children: "  " }),
+        /* @__PURE__ */ jsx(Text4, { children: "  " }),
         /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
       ] }) : null
     ] });
@@ -2048,7 +2180,7 @@ var ItemRow = ({
   const sizeParts = sizePartsOf(item);
   const unresolvedLabel = item.unresolved > 0 ? `\uF086 ${item.unresolved}` : "";
   const agePair = item.activityAge && item.activityAge !== item.age ? { activity: item.activityAge, lifetime: item.age } : null;
-  const ageLabel = agePair ? `${agePair.activity} (${agePair.lifetime})` : item.age;
+  const ageLabel2 = agePair ? `${agePair.activity} (${agePair.lifetime})` : item.age;
   const mergedLabel = merged ? "merged" : "";
   const pillCaps = [mergedLabel, farewellLabel].filter(Boolean).length * 2;
   const repoLabel = depthOf(item) > 0 ? item.repo : "";
@@ -2081,7 +2213,7 @@ var ItemRow = ({
   };
   const widthOf2 = () => {
     const suffix = [
-      givingUp.age ? "" : ageLabel || "",
+      givingUp.age ? "" : ageLabel2 || "",
       // ASCII only, so no PUA double-width correction — see the label cell.
       givingUp.size ? "" : sizeLabel || "",
       givingUp.threads ? "" : unresolvedLabel,
@@ -2107,13 +2239,13 @@ var ItemRow = ({
   const labelLabel = labelCell();
   const titleMax = Math.max(1, cols - widthOf2());
   return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-    /* @__PURE__ */ jsx(Text3, { dimColor: true, children: prefix }),
-    /* @__PURE__ */ jsx(Text3, { color, bold: true, children: icon + " " }),
-    /* @__PURE__ */ jsx(Text3, { color: turnColor, bold: turnIcon === "\u2190", children: turnIcon + " " }),
-    /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: numStr }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+    /* @__PURE__ */ jsx(Text4, { dimColor: true, children: prefix }),
+    /* @__PURE__ */ jsx(Text4, { color, bold: true, children: icon + " " }),
+    /* @__PURE__ */ jsx(Text4, { color: turnColor, bold: turnIcon === "\u2190", children: turnIcon + " " }),
+    /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: numStr }),
     /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         bold: active || !!transient && isArrival(transient),
         dimColor: !!transient && isDeparture(transient),
@@ -2121,33 +2253,33 @@ var ItemRow = ({
         children: truncate(item.title, titleMax) + "  "
       }
     ),
-    labelLabel ? /* @__PURE__ */ jsx(Text3, { color: colors.secondary, children: labelLabel + "  " }) : null,
-    repoLabel && !givingUp.repo ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: repoLabel }) : null,
-    sizeParts && !givingUp.size ? /* @__PURE__ */ jsxs(Text3, { children: [
+    labelLabel ? /* @__PURE__ */ jsx(Text4, { color: colors.secondary, children: labelLabel + "  " }) : null,
+    repoLabel && !givingUp.repo ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: repoLabel }) : null,
+    sizeParts && !givingUp.size ? /* @__PURE__ */ jsxs(Text4, { children: [
       "  ",
-      /* @__PURE__ */ jsx(Text3, { color: colors.success, children: sizeParts.added }),
+      /* @__PURE__ */ jsx(Text4, { color: colors.success, children: sizeParts.added }),
       " ",
-      /* @__PURE__ */ jsx(Text3, { color: colors.error, children: sizeParts.removed })
+      /* @__PURE__ */ jsx(Text4, { color: colors.error, children: sizeParts.removed })
     ] }) : null,
     unresolvedLabel && !givingUp.threads ? /* @__PURE__ */ jsx(
-      Text3,
+      Text4,
       {
         bold: !spokeLast,
         color: spokeLast ? colors.secondary : colors.accent,
         children: "  " + unresolvedLabel
       }
     ) : null,
-    showAuthor && !givingUp.author ? /* @__PURE__ */ jsx(Text3, { dimColor: true, italic: true, children: "  by " + item.author }) : null,
-    ageLabel && !givingUp.age ? agePair ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.secondary, children: "  " + agePair.activity }),
-      /* @__PURE__ */ jsx(Text3, { dimColor: true, children: ` (${agePair.lifetime})` })
-    ] }) : /* @__PURE__ */ jsx(Text3, { color: colors.secondary, children: "  " + ageLabel }) : null,
+    showAuthor && !givingUp.author ? /* @__PURE__ */ jsx(Text4, { dimColor: true, italic: true, children: "  by " + item.author }) : null,
+    ageLabel2 && !givingUp.age ? agePair ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text4, { color: colors.secondary, children: "  " + agePair.activity }),
+      /* @__PURE__ */ jsx(Text4, { dimColor: true, children: ` (${agePair.lifetime})` })
+    ] }) : /* @__PURE__ */ jsx(Text4, { color: colors.secondary, children: "  " + ageLabel2 }) : null,
     mergedLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text3, { children: "  " }),
+      /* @__PURE__ */ jsx(Text4, { children: "  " }),
       /* @__PURE__ */ jsx(Pill, { color: MERGED_COLOUR, children: mergedLabel })
     ] }) : null,
     farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text3, { children: "  " }),
+      /* @__PURE__ */ jsx(Text4, { children: "  " }),
       /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
     ] }) : null
   ] });
@@ -2195,15 +2327,15 @@ var ActionMenu = ({
       paddingX: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: title }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(32) }),
+        /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: title }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(32) }),
         actions.map((a, i) => /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.info, children: i === cursor ? "\u276F " : "  " }),
-          /* @__PURE__ */ jsx(Text3, { bold: i === cursor, children: a.label }),
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "  " + a.hint })
+          /* @__PURE__ */ jsx(Text4, { color: colors.info, children: i === cursor ? "\u276F " : "  " }),
+          /* @__PURE__ */ jsx(Text4, { bold: i === cursor, children: a.label }),
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "  " + a.hint })
         ] }, a.label)),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(32) }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2191\u2193 navigate \u21B5 confirm esc cancel" })
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(32) }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2191\u2193 navigate \u21B5 confirm esc cancel" })
       ]
     }
   );
@@ -2251,11 +2383,11 @@ var LegendGroup = ({
   width,
   marginRight
 }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width, marginRight, children: [
-  pinned !== void 0 ? /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: pinned ?? " " }) : null,
+  pinned !== void 0 ? /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: pinned ?? " " }) : null,
   lines.map(
-    (line, index) => line.kind === "gap" ? /* @__PURE__ */ jsx(Text3, { children: " " }, index) : line.kind === "title" ? /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: line.text }, index) : /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text3, { color: line.row.color, bold: line.row.bold, children: line.row.cell.padEnd(line.cellWidth) }),
-      /* @__PURE__ */ jsx(Text3, { wrap: "truncate-end", children: line.row.label })
+    (line, index) => line.kind === "gap" ? /* @__PURE__ */ jsx(Text4, { children: " " }, index) : line.kind === "title" ? /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: line.text }, index) : /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text4, { color: line.row.color, bold: line.row.bold, children: line.row.cell.padEnd(line.cellWidth) }),
+      /* @__PURE__ */ jsx(Text4, { wrap: "truncate-end", children: line.row.label })
     ] }, index)
   )
 ] });
@@ -2289,7 +2421,10 @@ var HelpModal = ({
     ["p", "open repo in new pane"],
     ["u", "unsubscribe from this item"],
     ["x", "remove yourself as reviewer"],
-    ...hasJira ? [["t", "Jira: move / open ticket"]] : [],
+    ...hasJira ? [
+      ["t", "Jira: move / open ticket"],
+      ["\u2303K", "launch \xB7 jump to a ticket by key"]
+    ] : [],
     ["/", "search"],
     ["f", "filter by repo"],
     ["r", "refresh"],
@@ -2373,8 +2508,8 @@ var HelpModal = ({
       width: contentWidth + MODAL_CHROME_COLS,
       children: [
         /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: "Legend" }),
-          scrollable ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `   ${offset + 1}\u2013${offset + shown} of ${totalRows}` }) : null
+          /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: "Legend" }),
+          scrollable ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `   ${offset + 1}\u2013${offset + shown} of ${totalRows}` }) : null
         ] }),
         /* @__PURE__ */ jsx(Box, { marginTop: 1, width: contentWidth, children: groups.map((group, index) => /* @__PURE__ */ jsx(
           LegendGroup,
@@ -2386,8 +2521,8 @@ var HelpModal = ({
           },
           group[0]?.title ?? index
         )) }),
-        tabHelp && !scrollable ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: LEGEND_FOOTNOTE }) : null,
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: scrollable ? "\u2191\u2193 scroll \xB7 esc \xB7 ? close" : "esc \xB7 ? close" })
+        tabHelp && !scrollable ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: LEGEND_FOOTNOTE }) : null,
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: scrollable ? "\u2191\u2193 scroll \xB7 esc \xB7 ? close" : "esc \xB7 ? close" })
       ]
     }
   );
@@ -2402,13 +2537,13 @@ var ExplainModal = ({ item, login }) => /* @__PURE__ */ jsxs(
     paddingX: 1,
     width: Math.min(COLS, 78),
     children: [
-      /* @__PURE__ */ jsx(Text3, { color: colors.accent, bold: true, children: `#${item.number} \xB7 ${item.repo}` }),
-      /* @__PURE__ */ jsx(Text3, { children: item.title }),
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, bold: true, children: `#${item.number} \xB7 ${item.repo}` }),
+      /* @__PURE__ */ jsx(Text4, { children: item.title }),
       explainItem(item, login).map((section) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx(Text3, { bold: true, dimColor: true, children: section.heading }),
-        section.lines.map((line, i) => /* @__PURE__ */ jsx(Text3, { children: "  " + line }, i))
+        /* @__PURE__ */ jsx(Text4, { bold: true, dimColor: true, children: section.heading }),
+        section.lines.map((line, i) => /* @__PURE__ */ jsx(Text4, { children: "  " + line }, i))
       ] }, section.heading)),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "esc \xB7 e close" }) })
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "esc \xB7 e close" }) })
     ]
   }
 );
@@ -2434,21 +2569,21 @@ var RepoPicker = ({
       paddingX: 1,
       minWidth: 42,
       children: [
-        /* @__PURE__ */ jsx(Text3, { color: colors.info, bold: true, children: `Filter by repo  (${selected.size} on)` }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(36) }),
+        /* @__PURE__ */ jsx(Text4, { color: colors.info, bold: true, children: `Filter by repo  (${selected.size} on)` }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(36) }),
         visible.map((repo, i) => {
           const idx = start + i;
           const on = selected.has(repo);
           const active = idx === cursor;
           return /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text3, { color: colors.info, children: active ? "\u276F " : "  " }),
-            /* @__PURE__ */ jsx(Text3, { color: on ? "green" : void 0, children: on ? "\u25C9 " : "\u25CB " }),
-            /* @__PURE__ */ jsx(Text3, { bold: active, children: repo })
+            /* @__PURE__ */ jsx(Text4, { color: colors.info, children: active ? "\u276F " : "  " }),
+            /* @__PURE__ */ jsx(Text4, { color: on ? "green" : void 0, children: on ? "\u25C9 " : "\u25CB " }),
+            /* @__PURE__ */ jsx(Text4, { bold: active, children: repo })
           ] }, repo);
         }),
-        repos.length > budget ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `  \u2026 ${repos.length} repos total` }) : null,
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "\u2500".repeat(36) }),
-        /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "space toggle \xB7 a clear all \xB7 \u21B5/esc done" })
+        repos.length > budget ? /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `  \u2026 ${repos.length} repos total` }) : null,
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "\u2500".repeat(36) }),
+        /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "space toggle \xB7 a clear all \xB7 \u21B5/esc done" })
       ]
     }
   );
@@ -2464,6 +2599,7 @@ var BrowseScreen = ({
   login,
   jiraBase,
   jiraKeyRe,
+  jiraSetupHint,
   jiraTransitions,
   onRefresh,
   onActed,
@@ -2482,6 +2618,8 @@ var BrowseScreen = ({
   extensions,
   ciStatusState,
   ciJob,
+  stripState,
+  stripLabel,
   tabHelp,
   origin,
   budget,
@@ -2520,14 +2658,16 @@ var BrowseScreen = ({
   const [helpScroll, setHelpScroll] = useState(0);
   const [helpRange, setHelpRange] = useState({ max: 0, page: 1 });
   const [explain, setExplain] = useState(false);
+  const [palette, setPalette] = useState(null);
   const filterActive = search != null || repoFilter.size > 0;
   const reserveCiRow = ciStatusState != null;
+  const reserveStripRow = stripState != null;
   const ciStatus = ciStatusState?.kind === "ready" ? ciStatusState.status : null;
   const listHeight = Math.max(
     5,
     // -10 rather than -8: the extra 2 are the frame's top and bottom border
     // rows, so the tree never grows taller than the terminal inside the frame.
-    rows - 10 - (filterActive ? 2 : 0) - (reserveCiRow ? 2 : 0)
+    rows - 10 - (filterActive ? 2 : 0) - (reserveCiRow ? 2 : 0) - (reserveStripRow ? 2 : 0)
   );
   useEffect(() => {
     setCursors((p) => ({ ...p, [activeId]: 0 }));
@@ -2621,13 +2761,17 @@ var BrowseScreen = ({
     return out;
   }, [localSections, transients]);
   const [railOpen, setRailOpen] = useState(false);
-  const showRail = railOpen && !!sidebar;
+  const rails = railsOf(sidebar);
+  const hasRail = rails.length > 0;
+  const railTitle = rails.map((s) => s.title.toLowerCase()).join(" \xB7 ");
+  const showRail = railOpen && hasRail;
   const [railFocus, setRailFocus] = useState(false);
   const [railCursor, setRailCursor] = useState(0);
-  const railRows = sidebar?.rows ?? [];
+  const railRows = railRowsOf(sidebar);
   const railActive = showRail && railFocus && railRows.length > 0;
   const railAt = Math.min(railCursor, Math.max(0, railRows.length - 1));
   const peel = () => {
+    if (palette !== null) return setPalette(null), true;
     if (help) return setHelp(false), true;
     if (explain) return setExplain(false), true;
     if (repoPicker) return setRepoPicker(false), true;
@@ -2645,8 +2789,8 @@ var BrowseScreen = ({
     };
   });
   useEffect(() => {
-    onTyping?.(searchInput);
-  }, [searchInput, onTyping]);
+    onTyping?.(searchInput || palette !== null);
+  }, [searchInput, palette, onTyping]);
   const railCols = railWidth(COLS);
   const listCols = showRail ? COLS - railCols : COLS;
   const [sparkFrame, setSparkFrame] = useState(0);
@@ -2734,7 +2878,12 @@ var BrowseScreen = ({
     lastKeyAt.current = Date.now();
     if (idleFor >= PULSE_IDLE_MS && sparkKey) setPulseArm((n) => n + 1);
     if (hidden) return;
+    if (key.ctrl && input === "k") {
+      setPalette((open) => open === null ? "" : null);
+      return;
+    }
     if (key.ctrl || key.meta) return;
+    if (palette !== null) return;
     if (help) {
       if (helpRange.max > 0) {
         const step2 = (n) => setHelpScroll((s) => Math.min(helpRange.max, Math.max(0, s + n)));
@@ -2792,7 +2941,7 @@ var BrowseScreen = ({
       setRepoPicker(true);
       return;
     }
-    if (input === "i" && sidebar) {
+    if (input === "i" && hasRail) {
       setRailOpen((open) => {
         if (open) setRailFocus(false);
         return !open;
@@ -2833,6 +2982,13 @@ var BrowseScreen = ({
         }
         return;
       }
+      if (input === "c") {
+        const row = railRows[railAt];
+        if (!row?.url) return;
+        clipboard(row.url);
+        showFlash(`\u2713 Copied URL for ${row.key}`);
+        return;
+      }
       if (input !== "r" && input !== "q" && !key.leftArrow && !key.rightArrow)
         return;
     }
@@ -3091,9 +3247,10 @@ var BrowseScreen = ({
     // reach a row is worse than a short footer: it names a key that does
     // nothing where you are standing.
     [
-      ["\u2191\u2193", "initiative"],
+      ["\u2191\u2193", "row"],
       ["\u21B5", "open"],
       ["o", "browser"],
+      ["c", "copy url"],
       ["\u21E5/esc", "back to list"],
       ["?", "help"],
       ["q", "quit"]
@@ -3111,17 +3268,101 @@ var BrowseScreen = ({
     ["\u2190\u2192", "tab"],
     ["\u21B5/d", "open"],
     ["m", "actions"],
+    // Only where Jira is configured: without it the launcher can only say
+    // so, and a footer key that opens an apology is a broken feature.
+    ...jiraBase ? [["\u2303K", "launch"]] : [],
     // Advertised only where it does something, and named for what it
     // shows rather than for the furniture: nobody wants "a sidebar".
-    ...showRail ? [["\u21E5", sidebar.title.toLowerCase()]] : sidebar ? [["i", sidebar.title.toLowerCase()]] : [],
+    ...showRail ? [["\u21E5", railTitle]] : hasRail ? [["i", railTitle]] : [],
     ["?", "help"],
     ["q", "quit"]
   ];
   const matchCount = section.items.filter(
     (i) => i.kind !== "repo-header" && i.kind !== "subgroup-header"
   ).length;
+  const launcher = useMemo(() => {
+    const run = /* @__PURE__ */ new Map();
+    if (palette === null)
+      return { items: [], run, message: void 0 };
+    const query = palette.trim();
+    const ticketKey = jiraKeyRe ? query.toUpperCase().match(jiraKeyRe)?.[0] : void 0;
+    const commands = [];
+    const rich = (key, where) => /* @__PURE__ */ jsxs(Text4, { children: [
+      "Open ",
+      /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: key }),
+      " ",
+      /* @__PURE__ */ jsx(Text4, { color: colors.info, children: where })
+    ] });
+    const labels = /* @__PURE__ */ new Map();
+    if (ticketKey && jiraBase) {
+      const row = {
+        kind: "task",
+        key: ticketKey,
+        ticket: ticketKey,
+        summary: "",
+        url: `${jiraBase}/${ticketKey}`,
+        status: "",
+        age: ""
+      };
+      if (drillExtensionFor(row, extensions)) {
+        commands.push({
+          id: "launcher:here",
+          title: `Open ${ticketKey} here`,
+          run: () => void openDrillView(row)
+        });
+        labels.set("launcher:here", rich(ticketKey, "here"));
+      }
+      commands.push({
+        id: "launcher:jira",
+        title: `Open ${ticketKey} in Jira`,
+        run: () => openInJira(jiraBase, ticketKey, showFlash)
+      });
+      labels.set("launcher:jira", rich(ticketKey, "in Jira"));
+    }
+    const target = {
+      ...extensionTargetFor(activeItem),
+      query: palette,
+      ticketKey
+    };
+    for (const ext of extensions ?? []) {
+      for (const command of ext.commands?.(target) ?? []) {
+        commands.push({ ...command, id: `${ext.id}:${command.id}` });
+      }
+    }
+    for (const command of commands) run.set(command.id, command.run);
+    const message = !jiraBase ? `Jira not configured${jiraSetupHint ? ` \xB7 ${jiraSetupHint}` : ""}` : query && !ticketKey ? `no ticket matches "${query}"` : void 0;
+    const items = commands.map((command) => ({
+      id: command.id,
+      title: command.title,
+      group: command.group,
+      label: labels.get(command.id)
+    }));
+    return { items, run, message };
+  }, [palette, activeItem, extensions, jiraBase, jiraKeyRe, jiraSetupHint]);
   if (hidden) return null;
-  const overlay = help ? /* @__PURE__ */ jsx(
+  const overlay = palette !== null ? /* @__PURE__ */ jsx(
+    CommandPalette,
+    {
+      items: launcher.items,
+      query: palette,
+      onQueryChange: setPalette,
+      onSelect: (id) => {
+        const run = launcher.run.get(id);
+        setPalette(null);
+        void run?.();
+      },
+      onClose: () => setPalette(null),
+      message: launcher.message,
+      placeholder: "ticket key\u2026",
+      width: Math.min(60, Math.max(30, listCols - 2)),
+      maxRows: Math.max(3, listHeight - 6),
+      hints: [
+        ["\u2191\u2193", "move"],
+        ["\u23CE", "open"],
+        ["esc", "close"]
+      ]
+    }
+  ) : help ? /* @__PURE__ */ jsx(
     HelpModal,
     {
       extensions,
@@ -3138,7 +3379,14 @@ var BrowseScreen = ({
       selected: repoFilter,
       cursor: Math.min(repoCursor, Math.max(0, allRepos.length - 1))
     }
-  ) : menu.actions && activeItem && activeItem.kind !== "repo-header" ? /* @__PURE__ */ jsx(ActionMenu, { item: activeItem, actions: menu.actions, cursor: menu.cursor }) : null;
+  ) : menu.actions && activeItem && activeItem.kind !== "repo-header" ? /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      item: activeItem,
+      actions: menu.actions,
+      cursor: menu.cursor
+    }
+  ) : null;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -3166,9 +3414,17 @@ var BrowseScreen = ({
           }
         ),
         ciStatusState ? /* @__PURE__ */ jsx(CiStatusLine, { state: ciStatusState, job: ciJob }) : null,
+        stripState ? /* @__PURE__ */ jsx(
+          StatusStripLine,
+          {
+            strip: stripState.kind === "ready" ? stripState.strip : void 0,
+            label: stripLabel,
+            width: COLS
+          }
+        ) : null,
         skippedForBudget ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text3, { bold: true, color: colors.accent, children: "  \u26A1 auto-refresh paused to save API budget" }),
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "   r refreshes anyway" })
+          /* @__PURE__ */ jsx(Text4, { bold: true, color: colors.accent, children: "  \u26A1 auto-refresh paused to save API budget" }),
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "   r refreshes anyway" })
         ] }) : null,
         /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(
           Tabs,
@@ -3204,14 +3460,14 @@ var BrowseScreen = ({
           }
         ) }),
         search != null ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.info, children: "  / " }),
-          /* @__PURE__ */ jsx(Text3, { children: search }),
-          searchInput ? /* @__PURE__ */ jsx(Text3, { color: colors.info, children: "\u258F" }) : null,
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: `   ${matchCount} match${matchCount !== 1 ? "es" : ""}${searchInput ? "  \u21B5 accept \xB7 esc clear" : "  esc clear"}` })
+          /* @__PURE__ */ jsx(Text4, { color: colors.info, children: "  / " }),
+          /* @__PURE__ */ jsx(Text4, { children: search }),
+          searchInput ? /* @__PURE__ */ jsx(Text4, { color: colors.info, children: "\u258F" }) : null,
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: `   ${matchCount} match${matchCount !== 1 ? "es" : ""}${searchInput ? "  \u21B5 accept \xB7 esc clear" : "  esc clear"}` })
         ] }) : repoFilter.size > 0 ? /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text3, { color: colors.accent, children: "  \u25C9 " }),
-          /* @__PURE__ */ jsx(Text3, { children: `${repoFilter.size} repo${repoFilter.size !== 1 ? "s" : ""}` }),
-          /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "   f edit \xB7 esc clear" })
+          /* @__PURE__ */ jsx(Text4, { color: colors.accent, children: "  \u25C9 " }),
+          /* @__PURE__ */ jsx(Text4, { children: `${repoFilter.size} repo${repoFilter.size !== 1 ? "s" : ""}` }),
+          /* @__PURE__ */ jsx(Text4, { dimColor: true, children: "   f edit \xB7 esc clear" })
         ] }) : null,
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsxs(
@@ -3249,7 +3505,7 @@ var BrowseScreen = ({
                         },
                         `${viewStart + i}:${rowKey(item)}`
                       )) }),
-                      hasMore && /* @__PURE__ */ jsxs(Text3, { dimColor: true, children: [
+                      hasMore && /* @__PURE__ */ jsxs(Text4, { dimColor: true, children: [
                         "  ",
                         "\u2193 ",
                         section.items.length - viewStart - visibleCount,
@@ -3271,10 +3527,10 @@ var BrowseScreen = ({
               ]
             }
           ),
-          showRail && sidebar ? /* @__PURE__ */ jsx(
+          showRail ? /* @__PURE__ */ jsx(
             SidePanel,
             {
-              sidebar,
+              sidebar: rails,
               liveLabel,
               width: railCols,
               height: listHeight,
@@ -3283,7 +3539,7 @@ var BrowseScreen = ({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: flash ? /* @__PURE__ */ jsx(Text3, { color: colors.success, children: flash }) : /* @__PURE__ */ jsx(FooterHints, { hints }) })
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: flash ? /* @__PURE__ */ jsx(Text4, { color: colors.success, children: flash }) : /* @__PURE__ */ jsx(FooterHints, { hints }) })
       ]
     }
   );
@@ -3298,7 +3554,7 @@ var NoRowsScreen = ({
   });
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx(StatusMessage, { variant: reason === "empty" ? "info" : "error", children: reason === "empty" ? "Nothing open." : `Fetch failed \u2014 ${detail ?? "no reason reported"}` }),
-    reason === "empty" && detail ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: detail }) }) : null,
+    reason === "empty" && detail ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text4, { dimColor: true, children: detail }) }) : null,
     /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
       FooterHints,
       {
@@ -3323,11 +3579,15 @@ var App = ({
   origin,
   jiraBase,
   jiraKeyRe,
+  jiraSetupHint,
   jiraTransitions,
   hasCiStatus,
   ciJob,
   ciFetcher,
   ciPollMs = 6e4,
+  stripFetcher,
+  stripLabel,
+  stripPollMs = 3e5,
   watchPath,
   watchDebounceMs = 400,
   // Zero by default, deliberately. A package that adds randomness to its own
@@ -3371,6 +3631,15 @@ var App = ({
     const next = toCiStatusState(status);
     return sameCiStatusState(prev, next) ? prev : next;
   });
+  const hasStrip = !!stripFetcher;
+  const [stripState, setStripState] = useState({
+    kind: "loading"
+  });
+  const applyStrip = (strip) => setStripState((prev) => {
+    const next = { kind: "ready", strip };
+    if (prev.kind !== "ready") return next;
+    return stripSignature(prev.strip) === stripSignature(strip) ? prev : next;
+  });
   const displayedKey = useRef("");
   const displayedSections = useRef([]);
   const [transients, setTransients] = useState(NO_TRANSIENTS);
@@ -3453,13 +3722,10 @@ var App = ({
     const running = [...heldSince].filter(([tab]) => held.has(tab));
     if (running.length === 0) return;
     const remaining = (at) => at + TRANSIT_HOLD_MS - Date.now();
-    const timer = setTimeout(
-      () => {
-        for (const [tab, at] of running)
-          if (remaining(at) <= 0) settleTab(tab, transients);
-      },
-      Math.max(0, Math.min(...running.map(([, at]) => remaining(at))))
-    );
+    const timer = setTimeout(() => {
+      for (const [tab, at] of running)
+        if (remaining(at) <= 0) settleTab(tab, transients);
+    }, Math.max(0, Math.min(...running.map(([, at]) => remaining(at)))));
     return () => clearTimeout(timer);
   }, [transients, heldSince, state.phase]);
   const pendingSummary = useMemo(
@@ -3567,6 +3833,23 @@ var App = ({
       clearInterval(id);
     };
   }, [hasCiStatus, ciFetcher, ciPollMs]);
+  useEffect(() => {
+    if (!stripFetcher) return;
+    let live = true;
+    const poll = () => {
+      stripFetcher().then((strip) => {
+        if (!live) return;
+        applyStrip(strip);
+      }).catch(() => {
+      });
+    };
+    poll();
+    const id = setInterval(poll, stripPollMs);
+    return () => {
+      live = false;
+      clearInterval(id);
+    };
+  }, [stripFetcher, stripPollMs]);
   useEffect(() => {
     if (!watchPath) return;
     const dir = dirname(watchPath);
@@ -3651,6 +3934,14 @@ var App = ({
             }
           ),
           hasCiStatus ? /* @__PURE__ */ jsx(CiStatusLine, { state: ciStatusState, job: ciJob }) : null,
+          hasStrip ? /* @__PURE__ */ jsx(
+            StatusStripLine,
+            {
+              strip: stripState.kind === "ready" ? stripState.strip : void 0,
+              label: stripLabel,
+              width: COLS
+            }
+          ) : null,
           /* @__PURE__ */ jsx(
             Box,
             {
@@ -3711,6 +4002,7 @@ var App = ({
         login: state.login,
         jiraBase,
         jiraKeyRe,
+        jiraSetupHint,
         jiraTransitions,
         onRefresh: applyOrRefresh,
         onActed,
@@ -3736,6 +4028,8 @@ var App = ({
         liveLabel,
         ciStatusState: hasCiStatus ? ciStatusState : void 0,
         ciJob,
+        stripState: hasStrip ? stripState : void 0,
+        stripLabel,
         tabHelp,
         onOpenPr: (item) => setState({
           phase: "pr",
@@ -3790,4 +4084,4 @@ var matchesFilter = (repo, filter) => {
 };
 var parsePatterns = (value) => value.split(",").map((p) => p.trim()).filter(Boolean);
 
-export { ActionMenu, App, COLS, CiStatusLine, CommentsPanel, HealthPanel, MIN_SIDEBAR_COLS, SIDEBAR_COLS, SidePanel, budgetNotice, buildActions, buildCheckoutCmd, clipboard, counts, drillCmd, explainGhAction, explainItem, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, itermRun, jumpToRepo, jumpToRepoPane, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, railCapacity, railWidth, readCache, renderMarkdown, reposInSections, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, toCiStatusState, truncate, useActionMenu, windowCount, withHeaders, withoutItem, workCount, writeCache };
+export { ActionMenu, App, COLS, CiStatusLine, CommentsPanel, HealthPanel, MIN_SIDEBAR_COLS, SIDEBAR_COLS, SidePanel, StatusStripLine, ageLabel, budgetNotice, buildActions, buildCheckoutCmd, clipboard, counts, drillCmd, explainGhAction, explainItem, fitCount, gapsAbove, healthColor, healthDisplay, healthGlyph, healthLegend, itermRun, jumpToRepo, jumpToRepoPane, matchesFilter, maxViewStart, moveCursor, openInTab, parsePatterns, railCapacity, railHeights, railRowsOf, railWidth, railsOf, readCache, renderMarkdown, reposInSections, resolveRepoPath, runHere, runInPane, runInPaneHorizontal, sameCiStatusState, signatureOf, stripGlyph, stripLayout, stripSignature, toCiStatusState, truncate, useActionMenu, windowCount, withHeaders, withoutItem, workCount, writeCache };