recappi 0.1.28 → 0.1.30

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: [
@@ -20058,8 +20091,19 @@ function readCliVersion() {
 var CLI_VERSION = readCliVersion();
 
 // src/record.tsx
-import { chmodSync, existsSync, statSync } from "fs";
+import {
+  chmodSync,
+  cpSync,
+  existsSync,
+  mkdirSync as mkdirSync2,
+  readFileSync as readFileSync2,
+  renameSync,
+  rmSync as rmSync2,
+  statSync,
+  writeFileSync
+} from "fs";
 import { createRequire as createRequire2 } from "module";
+import { homedir } from "os";
 import { dirname, join as join2 } from "path";
 import { fileURLToPath } from "url";
 import { render, useInput as useInput2 } from "ink";
@@ -20635,7 +20679,7 @@ function resolveSidecarCommand(opts) {
   const command = opts.sidecarCommand?.trim() || opts.env?.[SIDECAR_COMMAND_ENV]?.trim();
   if (command) return command;
   const bundled = bundledSidecarCommand(process.platform, process.arch);
-  if (bundled && existsSync(bundled)) return ensureBundledHelperExecutable(bundled);
+  if (bundled && existsSync(bundled)) return ensureBundledHelperExecutable(bundled, opts);
   const platform = `${process.platform}-${process.arch}`;
   if (bundled) {
     throw cliError("record.helper_unavailable", "Recappi recording helper is not available.", {
@@ -20646,16 +20690,17 @@ function resolveSidecarCommand(opts) {
     hint: `No bundled helper is registered for ${platform}. Set ${SIDECAR_COMMAND_ENV} to a compatible helper when one is available.`
   });
 }
-function ensureBundledHelperExecutable(path6) {
+function ensureBundledHelperExecutable(path6, opts = {}) {
   if (process.platform === "darwin" && path6.endsWith(".app")) {
-    const executable = darwinAppExecutablePath(path6);
+    const stableApp = ensureStableDarwinHelperApp(path6, opts);
+    const executable = darwinAppExecutablePath(stableApp);
     if (!existsSync(executable)) {
       throw cliError("record.helper_unavailable", "Recappi recording helper is not available.", {
-        hint: `Expected bundled helper executable inside ${path6}. Reinstall recappi, or set ${SIDECAR_COMMAND_ENV} to a compatible helper.`
+        hint: `Expected bundled helper executable inside ${stableApp}. Reinstall recappi, or set ${SIDECAR_COMMAND_ENV} to a compatible helper.`
       });
     }
     ensureExecutableMode(executable);
-    return path6;
+    return stableApp;
   }
   if (process.platform === "win32") return path6;
   ensureExecutableMode(path6);
@@ -20673,6 +20718,54 @@ function ensureExecutableMode(path6) {
     });
   }
 }
+function ensureStableDarwinHelperApp(sourceApp, opts = {}) {
+  const targetApp = stableDarwinHelperAppPath(opts);
+  const markerPath = join2(dirname(targetApp), ".recappi-helper-source");
+  const signature = helperSourceSignature(sourceApp);
+  const currentSignature = readTextIfExists(markerPath);
+  if (existsSync(darwinAppExecutablePath(targetApp)) && currentSignature === signature) {
+    return targetApp;
+  }
+  const tempApp = `${targetApp}.tmp-${process.pid}-${Date.now()}`;
+  try {
+    mkdirSync2(dirname(targetApp), { recursive: true });
+    rmSync2(tempApp, { recursive: true, force: true });
+    cpSync(sourceApp, tempApp, { recursive: true });
+    ensureExecutableMode(darwinAppExecutablePath(tempApp));
+    rmSync2(targetApp, { recursive: true, force: true });
+    renameSync(tempApp, targetApp);
+    writeFileSync(markerPath, signature);
+    return targetApp;
+  } catch (error51) {
+    rmSync2(tempApp, { recursive: true, force: true });
+    const message = error51 instanceof Error ? error51.message : String(error51);
+    throw cliError("record.helper_unavailable", "Recappi recording helper could not be installed.", {
+      hint: `Could not prepare the local recorder at ${targetApp}: ${message}. Reinstall recappi, or set ${SIDECAR_COMMAND_ENV} to a compatible helper.`
+    });
+  }
+}
+function stableDarwinHelperAppPath(opts = {}) {
+  const base = opts.env?.RECAPPI_HELPER_HOME?.trim() || join2(opts.homeDir ?? homedir(), "Library", "Application Support", "Recappi", "CLI Helper");
+  return join2(base, `${process.platform}-${process.arch}`, SIDECAR_APP_BUNDLE_NAME);
+}
+function helperSourceSignature(sourceApp) {
+  const executable = statSync(darwinAppExecutablePath(sourceApp));
+  const info = statSync(join2(sourceApp, "Contents", "Info.plist"));
+  return JSON.stringify({
+    app: SIDECAR_APP_BUNDLE_NAME,
+    executableSize: executable.size,
+    executableMtimeMs: executable.mtimeMs,
+    infoSize: info.size,
+    infoMtimeMs: info.mtimeMs
+  });
+}
+function readTextIfExists(path6) {
+  try {
+    return readFileSync2(path6, "utf8");
+  } catch {
+    return null;
+  }
+}
 function bundledSidecarCommand(platform, arch) {
   const executable = helperExecutableName(platform);
   if (!executable) return null;