recappi 0.1.28 → 0.1.29

package/dist/index.js

@@ -611,7 +611,7 @@ function AccountView({ status }) {
 function AccountBody({ status }) {
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx4(Text2, { bold: true, color: "magenta", children: status.email ?? status.userId ?? "Signed in" }),
+      /* @__PURE__ */ jsx4(Text2, { bold: true, color: "green", children: status.email ?? status.userId ?? "Signed in" }),
       status.email && status.userId ? /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: status.userId }) : null,
       /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: `origin  ${status.origin}` })
     ] }),
@@ -677,9 +677,9 @@ import { Box as Box3, Text as Text3 } from "ink";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Header({ active }) {
   return /* @__PURE__ */ jsxs3(Box3, { children: [
-    /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "magenta", children: [
-      "Recappi",
-      "  "
+    /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "green", children: [
+      "\u25CF Recappi",
+      "   "
     ] }),
     /* @__PURE__ */ jsx5(Tab, { num: "1", label: "Overview", active: active === "overview" }),
     /* @__PURE__ */ jsx5(Tab, { num: "2", label: "Jobs", active: active === "jobs" }),
@@ -691,14 +691,27 @@ function Tab({
   label,
   active
 }) {
-  const text = ` ${num} ${label} `;
   if (active) {
-    return /* @__PURE__ */ jsx5(Text3, { bold: true, inverse: true, color: "cyan", children: text });
+    return /* @__PURE__ */ jsx5(Text3, { bold: true, inverse: true, color: "cyan", children: ` ${num} ${label} ` });
   }
-  return /* @__PURE__ */ jsx5(Text3, { children: text });
+  return /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+    " ",
+    /* @__PURE__ */ jsx5(Text3, { color: "cyan", children: num }),
+    ` ${label} `
+  ] });
 }
 function Footer({ keys }) {
-  return /* @__PURE__ */ jsx5(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: keys }) });
+  const segments = keys.split(" \xB7 ");
+  return /* @__PURE__ */ jsx5(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text3, { children: segments.map((segment, i) => {
+    const space = segment.indexOf(" ");
+    const key = space === -1 ? segment : segment.slice(0, space);
+    const desc = space === -1 ? "" : segment.slice(space);
+    return /* @__PURE__ */ jsxs3(Text3, { children: [
+      i > 0 ? /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: " \xB7 " }) : null,
+      /* @__PURE__ */ jsx5(Text3, { color: "cyan", children: key }),
+      /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: desc })
+    ] }, `${segment}-${i}`);
+  }) }) });
 }
 var init_chrome = __esm({
   "src/tui/chrome.tsx"() {
@@ -898,7 +911,7 @@ function PeekBody({
     item.contentType || null
   ].filter(Boolean).join("  \xB7  ");
   return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsx10(Text8, { bold: true, color: "magenta", wrap: "truncate-end", children: recordingTitle2(item) }),
+    /* @__PURE__ */ jsx10(Text8, { bold: true, color: "green", wrap: "truncate-end", children: recordingTitle2(item) }),
     /* @__PURE__ */ jsx10(Text8, { color: style.color, children: `${style.glyph} ${style.label}` }),
     meta3 ? /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: meta3 }) : null,
     /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: formatAge(item.createdAt, nowMs) }),
@@ -1195,7 +1208,7 @@ function RecordingDetailView({
   });
   return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "\u2039 Recordings" }),
-    /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text11, { bold: true, color: "magenta", children: title }) }),
+    /* @__PURE__ */ jsx13(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text11, { bold: true, color: "green", children: title }) }),
     /* @__PURE__ */ jsxs10(Text11, { children: [
       /* @__PURE__ */ jsx13(Text11, { color: style.color, children: `${style.glyph} ${style.label}` }),
       /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: `   ${formatAge(item.createdAt, nowMs) || "\u2014"}` })
@@ -1368,7 +1381,7 @@ function TranscriptView({ loading, data, error: error51 }) {
   const more = win.maxScroll > 0;
   const position = total === 0 ? "" : `${win.start + 1}\u2013${win.end} / ${total}`;
   return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs11(Text12, { bold: true, color: "magenta", children: [
+    /* @__PURE__ */ jsxs11(Text12, { bold: true, color: "green", children: [
       title,
       more ? /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: `   ${position}` }) : null
     ] }),
@@ -1417,21 +1430,41 @@ function PermissionPreflightView({
   const allGranted = items.length > 0 && items.every((item) => item.status === "granted" && !item.requiresProcessRestart);
   const hasRestartRequired = items.some((item) => item.requiresProcessRestart);
   return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "\u2039 Recording permissions" }),
+    /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "\u2039 " }),
+      /* @__PURE__ */ jsx15(Text13, { bold: true, color: "cyan", children: "Recording permissions" })
+    ] }),
     /* @__PURE__ */ jsx15(Box13, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Checking permissions\u2026" }) : items.map((item) => {
       const status = statusGlyph2(item.status);
-      const hint = item.requiresProcessRestart ? item.hint ?? `${item.name} enabled. Run recappi record again to start.` : item.status === "granted" ? void 0 : item.hint ?? DEFAULT_HINTS[item.name];
+      const restart = item.requiresProcessRestart === true;
+      const color = restart ? "yellow" : status.color;
+      const hint = restart ? item.hint ?? `${item.name} enabled. Run recappi record again to start.` : item.status === "granted" ? void 0 : item.hint ?? DEFAULT_HINTS[item.name];
       return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs12(Text13, { children: [
-          /* @__PURE__ */ jsx15(Text13, { color: status.color, children: status.glyph }),
+          /* @__PURE__ */ jsx15(Text13, { bold: true, color, children: status.glyph }),
           /* @__PURE__ */ jsx15(Text13, { bold: true, children: ` ${item.name}` }),
-          /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: `  ${status.label}` })
+          /* @__PURE__ */ jsx15(Text13, { color, children: `  ${status.label}` })
         ] }),
         hint ? /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: `   ${hint}` }) : null
       ] }, item.name);
     }) }),
-    /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: allGranted ? /* @__PURE__ */ jsx15(Text13, { color: "green", children: "All set \u2014 ready to record." }) : hasRestartRequired ? /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Run recappi record again to start, or press r to retry." }) : /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Grant the permissions above, then press r to recheck." }) }),
-    /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "r recheck \xB7 o open System Settings \xB7 esc back" }) })
+    /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: allGranted ? /* @__PURE__ */ jsx15(Text13, { bold: true, color: "green", children: "\u2713 All set \u2014 ready to record." }) : hasRestartRequired ? /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Run recappi record again to start, or press " }),
+      /* @__PURE__ */ jsx15(Text13, { bold: true, color: "cyan", children: "r" }),
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: " to retry." })
+    ] }) : /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "Grant the permissions above, then press " }),
+      /* @__PURE__ */ jsx15(Text13, { bold: true, color: "cyan", children: "r" }),
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: " to recheck." })
+    ] }) }),
+    /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: "r" }),
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: " recheck \xB7 " }),
+      /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: "o" }),
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: " open System Settings \xB7 " }),
+      /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: "esc" }),
+      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: " back" })
+    ] }) })
   ] });
 }
 var DEFAULT_HINTS;
@@ -1510,7 +1543,7 @@ function RecordSetupView({
     "esc cancel"
   ].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx16(Text14, { bold: true, color: "magenta", children: "New recording" }),
+    /* @__PURE__ */ jsx16(Text14, { bold: true, color: "green", children: "New recording" }),
     /* @__PURE__ */ jsxs13(Box14, { marginTop: 1, flexDirection: wide ? "row" : "column", children: [
       /* @__PURE__ */ jsx16(Box14, { flexGrow: 1, flexDirection: "column", children: sourceList }),
       /* @__PURE__ */ jsx16(Box14, { marginLeft: wide ? 4 : 0, marginTop: wide ? 0 : 1, children: capturePlan })
@@ -1609,7 +1642,7 @@ function RecordingHeroScreen({
   const badge = paused ? "\u23F8 PAUSED" : starting ? "\u2026" : "\u23FA REC";
   return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", paddingX: 1, height: size.rows, children: [
     /* @__PURE__ */ jsxs14(Text15, { children: [
-      /* @__PURE__ */ jsx17(Text15, { bold: true, color: "magenta", children: "recappi" }),
+      /* @__PURE__ */ jsx17(Text15, { bold: true, color: "green", children: "recappi" }),
       /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: " \xB7 Recording" })
     ] }),
     /* @__PURE__ */ jsxs14(Box15, { flexGrow: 1, flexDirection: "column", justifyContent: "center", alignItems: "center", children: [