anypick 1.0.0

package/dist/tui/components/chrome/rows.js

@@ -0,0 +1,151 @@
+import { G, NO_COLOR, brandColor, statusSpec } from "./status.js";
+import { Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/tui/components/chrome/rows.tsx
+function truncateMiddle(s, max) {
+	if (max <= 0) return "";
+	if (s.length <= max) return s;
+	if (max < 5) return s.slice(0, max);
+	const keep = max - 1;
+	const head = Math.ceil(keep / 2);
+	const tail = Math.floor(keep / 2);
+	return `${s.slice(0, head)}…${s.slice(s.length - tail)}`;
+}
+/** Left-pad or truncate to exact width (spaces, no ANSI). */
+function cellText(s, width) {
+	if (width <= 0) return "";
+	const t = truncateMiddle(s, width);
+	return t.length >= width ? t : t + " ".repeat(width - t.length);
+}
+function statusPlain(kind, label) {
+	if (!kind) return "";
+	const spec = statusSpec(kind);
+	const lab = label ?? spec.label;
+	return lab ? `${spec.glyph} ${lab}` : spec.glyph;
+}
+function statusColor(kind) {
+	if (!kind || NO_COLOR) return;
+	return statusSpec(kind).color;
+}
+var NAME_W = 12;
+var STATUS_W = 12;
+var EXTRA_W = 10;
+function dataRowCells(term, hasExtra, indent) {
+	const extraW = hasExtra ? EXTRA_W : 0;
+	const fixed = 1 + indent.length + 1 + 1 + NAME_W + 2 + 2 + (extraW ? extraW + 2 : 0) + STATUS_W;
+	return {
+		nameW: NAME_W,
+		detailW: Math.max(8, term - fixed - 1),
+		extraW,
+		statusW: STATUS_W
+	};
+}
+/** Column header aligned to DataRow's cells. */
+function DataRowHeader(props) {
+	const term = Math.max(48, props.columns ?? 80);
+	const indent = props.indent ? "  " : "";
+	const { nameW, detailW, extraW, statusW } = dataRowCells(term, Boolean(props.extra), indent);
+	const mid = props.extra ? `${cellText(props.extra, extraW)}  ` : "";
+	return /* @__PURE__ */ jsxs(Text, {
+		dimColor: true,
+		children: [
+			` ${indent}  ${cellText(props.name, nameW)}  ${cellText(props.identity ?? "", detailW)}  `,
+			mid,
+			cellText(props.status ?? "", statusW)
+		]
+	});
+}
+/**
+* Standard list row — pad-based, one physical line.
+*
+*   `  › name________  detail____________________  status______`
+*/
+function DataRow(props) {
+	props.width;
+	props.trailing;
+	const term = Math.max(48, props.columns ?? 80);
+	const focus = props.selected ? G.focus : " ";
+	const indent = props.indent ? "  " : "";
+	const { nameW, detailW, extraW, statusW } = dataRowCells(term, Boolean(props.extra), indent);
+	const head = ` ${indent}${focus} ${cellText(props.name, nameW)}  `;
+	const detail = `${cellText(props.identity ?? "", detailW)}  `;
+	const mid = props.extra ? `${cellText(props.extra, extraW)}  ` : "";
+	const st = cellText(statusPlain(props.status, props.statusLabel), statusW);
+	const color = statusColor(props.status);
+	return /* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			bold: props.selected,
+			color: props.selected ? brandColor("accent") : void 0,
+			children: head
+		}),
+		/* @__PURE__ */ jsx(Text, { children: detail }),
+		mid ? /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: mid
+		}) : null,
+		/* @__PURE__ */ jsx(Text, {
+			bold: props.selected,
+			color,
+			children: st
+		})
+	] });
+}
+/**
+* Proxy list row:
+*   ` › grok/jonben     ● running       Claude`
+*/
+function ProxyRowLine(props) {
+	const term = Math.max(48, props.columns ?? 80);
+	const focus = props.selected ? G.focus : " ";
+	const refW = 18;
+	const statusW = 14;
+	const usedW = Math.max(6, term - 39 - 1);
+	const left = ` ${focus} ${cellText(props.refLabel, refW)}  `;
+	const st = cellText(statusPlain(props.status), statusW);
+	const used = cellText(props.usedBy, usedW);
+	const color = statusColor(props.status);
+	return /* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			bold: props.selected,
+			color: props.selected ? brandColor("accent") : void 0,
+			children: left
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			bold: props.selected,
+			color,
+			children: st
+		}),
+		/* @__PURE__ */ jsxs(Text, {
+			dimColor: props.usedBy === "–" || props.usedBy === "-",
+			children: [" ", used]
+		})
+	] });
+}
+/**
+* Group header: tool name only (optional dim right for rare status like signed out).
+*/
+function GroupHeader(props) {
+	const right = (props.right ?? "").trim();
+	if (!right) return /* @__PURE__ */ jsxs(Text, {
+		bold: true,
+		children: [" ", props.name]
+	});
+	const term = Math.max(48, props.columns ?? 80);
+	const left = ` ${props.name}`;
+	const gap = Math.max(2, term - left.length - right.length - 1);
+	return /* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: left
+		}),
+		" ".repeat(gap),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: right
+		})
+	] });
+}
+//#endregion
+export { DataRow, DataRowHeader, GroupHeader, ProxyRowLine, cellText, truncateMiddle };
+
+//# sourceMappingURL=rows.js.map

package/dist/tui/components/chrome/rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.js","names":[],"sources":["../../../../src/tui/components/chrome/rows.tsx"],"sourcesContent":["import type React from 'react';\nimport { Text } from 'ink';\nimport {\n  brandColor,\n  G,\n  NO_COLOR,\n  statusSpec,\n  type StatusKind,\n  type WidthBreakpoint,\n} from './status';\n\nexport function truncateMiddle(s: string, max: number): string {\n  if (max <= 0) {\n    return '';\n  }\n  if (s.length <= max) {\n    return s;\n  }\n  if (max < 5) {\n    return s.slice(0, max);\n  }\n  const keep = max - 1;\n  const head = Math.ceil(keep / 2);\n  const tail = Math.floor(keep / 2);\n  return `${s.slice(0, head)}…${s.slice(s.length - tail)}`;\n}\n\n/** Left-pad or truncate to exact width (spaces, no ANSI). */\nexport function cellText(s: string, width: number): string {\n  if (width <= 0) {\n    return '';\n  }\n  const t = truncateMiddle(s, width);\n  return t.length >= width ? t : t + ' '.repeat(width - t.length);\n}\n\nfunction statusPlain(kind?: StatusKind, label?: string): string {\n  if (!kind) {\n    return '';\n  }\n  const spec = statusSpec(kind);\n  const lab = label ?? spec.label;\n  return lab ? `${spec.glyph} ${lab}` : spec.glyph;\n}\n\nfunction statusColor(kind?: StatusKind): string | undefined {\n  if (!kind || NO_COLOR) {\n    return undefined;\n  }\n  return statusSpec(kind).color;\n}\n\nconst NAME_W = 12;\nconst STATUS_W = 12;\nconst EXTRA_W = 10;\n\nfunction dataRowCells(\n  term: number,\n  hasExtra: boolean,\n  indent: string,\n): { nameW: number; detailW: number; extraW: number; statusW: number } {\n  const extraW = hasExtra ? EXTRA_W : 0;\n  // \" \" + indent + focus + \" \" + name + \"  \" + detail + \"  \" + [extra + \"  \"] + status\n  const fixed = 1 + indent.length + 1 + 1 + NAME_W + 2 + 2 + (extraW ? extraW + 2 : 0) + STATUS_W;\n  return {\n    nameW: NAME_W,\n    detailW: Math.max(8, term - fixed - 1),\n    extraW,\n    statusW: STATUS_W,\n  };\n}\n\n/** Column header aligned to DataRow's cells. */\nexport function DataRowHeader(props: {\n  name: string;\n  identity?: string;\n  extra?: string;\n  status?: string;\n  columns?: number;\n  indent?: boolean;\n}) {\n  const term = Math.max(48, props.columns ?? 80);\n  const indent = props.indent ? '  ' : '';\n  const { nameW, detailW, extraW, statusW } = dataRowCells(term, Boolean(props.extra), indent);\n  const mid = props.extra ? `${cellText(props.extra, extraW)}  ` : '';\n  return (\n    <Text dimColor>\n      {` ${indent}  ${cellText(props.name, nameW)}  ${cellText(props.identity ?? '', detailW)}  `}\n      {mid}\n      {cellText(props.status ?? '', statusW)}\n    </Text>\n  );\n}\n\n/**\n * Standard list row — pad-based, one physical line.\n *\n *   `  › name________  detail____________________  status______`\n */\nexport function DataRow(props: {\n  selected: boolean;\n  name: string;\n  identity?: string;\n  /** Optional third field (age) between identity and status */\n  extra?: string;\n  status?: StatusKind;\n  statusLabel?: string;\n  columns?: number;\n  indent?: boolean;\n  /** @deprecated ignored — width comes from columns */\n  width?: WidthBreakpoint;\n  trailing?: React.ReactNode;\n}) {\n  void props.width;\n  void props.trailing;\n  const term = Math.max(48, props.columns ?? 80);\n  const focus = props.selected ? G.focus : ' ';\n  const indent = props.indent ? '  ' : '';\n  const { nameW, detailW, extraW, statusW } = dataRowCells(term, Boolean(props.extra), indent);\n\n  // Split so the accent covers the cursor and name only; the identity column\n  // stays in the terminal foreground so a wide row does not read as one block.\n  const head = ` ${indent}${focus} ${cellText(props.name, nameW)}  `;\n  const detail = `${cellText(props.identity ?? '', detailW)}  `;\n  const mid = props.extra ? `${cellText(props.extra, extraW)}  ` : '';\n  const st = cellText(statusPlain(props.status, props.statusLabel), statusW);\n  const color = statusColor(props.status);\n\n  return (\n    <Text>\n      <Text bold={props.selected} color={props.selected ? brandColor('accent') : undefined}>\n        {head}\n      </Text>\n      <Text>{detail}</Text>\n      {mid ? <Text dimColor>{mid}</Text> : null}\n      <Text bold={props.selected} color={color}>\n        {st}\n      </Text>\n    </Text>\n  );\n}\n\n/**\n * Proxy list row:\n *   ` › grok/jonben     ● running       Claude`\n */\nexport function ProxyRowLine(props: {\n  selected: boolean;\n  refLabel: string;\n  status: StatusKind;\n  usedBy: string;\n  columns?: number;\n}) {\n  const term = Math.max(48, props.columns ?? 80);\n  const focus = props.selected ? G.focus : ' ';\n  const refW = 18;\n  const statusW = 14;\n  const fixed = 1 + 1 + 1 + refW + 2 + statusW + 2;\n  const usedW = Math.max(6, term - fixed - 1);\n\n  const left = ` ${focus} ${cellText(props.refLabel, refW)}  `;\n  const st = cellText(statusPlain(props.status), statusW);\n  const used = cellText(props.usedBy, usedW);\n  const color = statusColor(props.status);\n\n  return (\n    <Text>\n      <Text bold={props.selected} color={props.selected ? brandColor('accent') : undefined}>\n        {left}\n      </Text>\n      <Text bold={props.selected} color={color}>\n        {st}\n      </Text>\n      <Text dimColor={props.usedBy === '–' || props.usedBy === '-'}> {used}</Text>\n    </Text>\n  );\n}\n\n/**\n * Group header: tool name only (optional dim right for rare status like signed out).\n */\nexport function GroupHeader(props: { name: string; right?: string; columns?: number }) {\n  const right = (props.right ?? '').trim();\n  if (!right) {\n    return <Text bold> {props.name}</Text>;\n  }\n  const term = Math.max(48, props.columns ?? 80);\n  const left = ` ${props.name}`;\n  const gap = Math.max(2, term - left.length - right.length - 1);\n  return (\n    <Text>\n      <Text bold>{left}</Text>\n      {' '.repeat(gap)}\n      <Text dimColor>{right}</Text>\n    </Text>\n  );\n}\n\n/** @deprecated — use DataRow / ProxyRowLine */\nexport function AlignedRow(_props: {\n  selected: boolean;\n  columns?: number;\n  indent?: boolean;\n  cells: unknown[];\n}) {\n  return null;\n}\n\n/** @deprecated */\nexport function StatusCell(props: { kind: StatusKind; label?: string; width?: number }) {\n  const w = props.width ?? 12;\n  return (\n    <Text color={statusColor(props.kind)}>{cellText(statusPlain(props.kind, props.label), w)}</Text>\n  );\n}\n\n/** @deprecated */\nexport function tableLayout(terminalCols: number, _kind?: string) {\n  const total = Math.max(48, terminalCols - 1);\n  return {\n    total,\n    gutter: 4,\n    name: 12,\n    identity: Math.max(16, total - 30),\n    status: 12,\n    extra: 10,\n    proxyRef: 18,\n    usedBy: 16,\n  };\n}\n\n/** @deprecated */\nexport const cols = {\n  focus: 2,\n  indent: 2,\n  name: 12,\n  identity: 28,\n  identityMed: 22,\n  status: 12,\n  extra: 10,\n  proxyRef: 18,\n  usedBy: 16,\n} as const;\n\n// ── Viewport ─────────────────────────────────────────────────────\n"],"mappings":"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"}

package/dist/tui/components/chrome/status.d.ts

@@ -0,0 +1,50 @@
+export declare const theme: {
+    /** Wordmark violet. Decoration only — never carries a status meaning. */
+    readonly brand: "#7C3AED";
+    /** Selection and focus. Legible on light and dark terminals alike. */
+    readonly accent: "#60A5FA";
+    readonly ok: 'green';
+    readonly warn: 'yellow';
+    readonly danger: 'red';
+};
+export type StatusKind = 'live' | 'signed-in' | 'running' | 'using' | 'saved' | 'stopped' | 'not-using' | 'changed' | 'attention' | 'failed' | 'unavailable' | 'checking' | 'switching' | 'done' | 'warn' | 'signed-out' | 'not-detected' | 'off' | 'na';
+export declare const NO_COLOR: boolean;
+export declare const G: {
+    readonly live: '*';
+    readonly open: 'o';
+    readonly changed: '!';
+    readonly fail: 'x';
+    readonly busy: '...';
+    readonly done: '*';
+    readonly warn: '!';
+    readonly focus: '>';
+    readonly dash: '-';
+} | {
+    readonly live: '●';
+    readonly open: '○';
+    readonly changed: '◐';
+    readonly fail: '×';
+    readonly busy: '…';
+    readonly done: '✓';
+    readonly warn: '!';
+    readonly focus: '›';
+    readonly dash: '–';
+};
+/** Brand hues are decoration, so NO_COLOR drops them rather than substituting. */
+export declare function brandColor(token: 'brand' | 'accent'): string | undefined;
+export declare function statusSpec(kind: StatusKind): {
+    glyph: string;
+    label: string;
+    color?: typeof theme.ok | typeof theme.warn | typeof theme.danger;
+};
+/** Glyph + label; color only on the token (optional; NO_COLOR strips). */
+export declare function StatusToken(props: {
+    kind: StatusKind;
+    /** Override default label */
+    label?: string;
+    /** Hide label (glyph only) — avoid; design prefers label */
+    glyphOnly?: boolean;
+}): import("react").JSX.Element;
+export type WidthBreakpoint = 'narrow' | 'medium' | 'wide';
+export declare function widthBreakpoint(columns: number): WidthBreakpoint;
+//# sourceMappingURL=status.d.ts.map

package/dist/tui/components/chrome/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/chrome/status.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;IAChB,yEAAyE;aACzE,KAAK;IACL,sEAAsE;aACtE,MAAM;aACN,EAAE,EAAE,OAAO;aACX,IAAI,EAAE,QAAQ;aACd,MAAM,EAAE,KAAK;CACL,CAAC;AAEX,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,WAAW,GACX,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,WAAW,GACX,QAAQ,GACR,aAAa,GACb,UAAU,GACV,WAAW,GACX,MAAM,GACN,MAAM,GACN,YAAY,GACZ,cAAc,GACd,KAAK,GACL,IAAI,CAAC;AAGT,eAAO,MAAM,QAAQ,SAAgC,CAAC;AA6BtD,eAAO,MAAM,CAAC;mBAxBF,GAAG;mBACH,GAAG;sBACA,GAAG;mBACN,GAAG;mBACH,KAAK;mBACL,GAAG;mBACH,GAAG;oBACF,GAAG;mBACJ,GAAG;;mBAIL,GAAG;mBACH,GAAG;sBACA,GAAG;mBACN,GAAG;mBACH,GAAG;mBACH,GAAG;mBACH,GAAG;oBACF,GAAG;mBACJ,GAAG;CAIY,CAAC;AAE1B,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAExE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC,EAAE,GAAG,OAAO,KAAK,CAAC,IAAI,GAAG,OAAO,KAAK,CAAC,MAAM,CAAC;CACnE,CA6CA;AAED,0EAA0E;AAC1E,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAYA;AAID,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,CAQhE"}

package/dist/tui/components/chrome/status.js

@@ -0,0 +1,157 @@
+import { BRAND_HUES } from "../../../core/brand.js";
+import { Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/tui/components/chrome/status.tsx
+var theme = {
+	/** Wordmark violet. Decoration only — never carries a status meaning. */
+	brand: BRAND_HUES.violet,
+	/** Selection and focus. Legible on light and dark terminals alike. */
+	accent: BRAND_HUES.blue,
+	ok: "green",
+	warn: "yellow",
+	danger: "red"
+};
+var DUMB = process.env.TERM === "dumb";
+var NO_COLOR = Boolean(process.env.NO_COLOR);
+function glyphs() {
+	if (DUMB) return {
+		live: "*",
+		open: "o",
+		changed: "!",
+		fail: "x",
+		busy: "...",
+		done: "*",
+		warn: "!",
+		focus: ">",
+		dash: "-"
+	};
+	return {
+		live: "●",
+		open: "○",
+		changed: "◐",
+		fail: "×",
+		busy: "…",
+		done: "✓",
+		warn: "!",
+		focus: "›",
+		dash: "–"
+	};
+}
+var G = glyphs();
+/** Brand hues are decoration, so NO_COLOR drops them rather than substituting. */
+function brandColor(token) {
+	return NO_COLOR ? void 0 : theme[token];
+}
+function statusSpec(kind) {
+	switch (kind) {
+		case "live": return {
+			glyph: G.live,
+			label: "live",
+			color: theme.ok
+		};
+		case "signed-in": return {
+			glyph: G.live,
+			label: "signed in",
+			color: theme.ok
+		};
+		case "running": return {
+			glyph: G.live,
+			label: "running",
+			color: theme.ok
+		};
+		case "using": return {
+			glyph: G.live,
+			label: "using",
+			color: theme.ok
+		};
+		case "saved": return {
+			glyph: G.open,
+			label: "saved"
+		};
+		case "stopped": return {
+			glyph: G.open,
+			label: "stopped"
+		};
+		case "not-using": return {
+			glyph: G.open,
+			label: "not using"
+		};
+		case "changed": return {
+			glyph: G.changed,
+			label: "changed",
+			color: theme.warn
+		};
+		case "attention": return {
+			glyph: G.changed,
+			label: "attention",
+			color: theme.warn
+		};
+		case "failed": return {
+			glyph: G.fail,
+			label: "failed",
+			color: theme.danger
+		};
+		case "unavailable": return {
+			glyph: G.fail,
+			label: "unavailable",
+			color: theme.danger
+		};
+		case "checking": return {
+			glyph: G.busy,
+			label: "checking"
+		};
+		case "switching": return {
+			glyph: G.busy,
+			label: "switching"
+		};
+		case "done": return {
+			glyph: G.done,
+			label: "",
+			color: theme.ok
+		};
+		case "warn": return {
+			glyph: G.warn,
+			label: "",
+			color: theme.warn
+		};
+		case "signed-out": return {
+			glyph: G.dash,
+			label: "signed out"
+		};
+		case "not-detected": return {
+			glyph: G.dash,
+			label: "not detected"
+		};
+		case "off": return {
+			glyph: G.dash,
+			label: "off"
+		};
+		case "na": return {
+			glyph: G.dash,
+			label: ""
+		};
+		default: return kind;
+	}
+}
+/** Glyph + label; color only on the token (optional; NO_COLOR strips). */
+function StatusToken(props) {
+	const spec = statusSpec(props.kind);
+	const label = props.label ?? spec.label;
+	const color = NO_COLOR ? void 0 : spec.color;
+	if (props.glyphOnly || !label) return /* @__PURE__ */ jsx(Text, {
+		color,
+		children: spec.glyph
+	});
+	return /* @__PURE__ */ jsxs(Text, {
+		color,
+		children: [
+			spec.glyph,
+			" ",
+			label
+		]
+	});
+}
+//#endregion
+export { G, NO_COLOR, StatusToken, brandColor, statusSpec, theme };
+
+//# sourceMappingURL=status.js.map

package/dist/tui/components/chrome/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","names":[],"sources":["../../../../src/tui/components/chrome/status.tsx"],"sourcesContent":["import { Text } from 'ink';\nimport { BRAND_HUES } from '../../../core/brand';\n\nexport const theme = {\n  /** Wordmark violet. Decoration only — never carries a status meaning. */\n  brand: BRAND_HUES.violet,\n  /** Selection and focus. Legible on light and dark terminals alike. */\n  accent: BRAND_HUES.blue,\n  ok: 'green',\n  warn: 'yellow',\n  danger: 'red',\n} as const;\n\nexport type StatusKind =\n  | 'live'\n  | 'signed-in'\n  | 'running'\n  | 'using'\n  | 'saved'\n  | 'stopped'\n  | 'not-using'\n  | 'changed'\n  | 'attention'\n  | 'failed'\n  | 'unavailable'\n  | 'checking'\n  | 'switching'\n  | 'done'\n  | 'warn'\n  | 'signed-out'\n  | 'not-detected'\n  | 'off'\n  | 'na';\n\nconst DUMB = process.env.TERM === 'dumb';\nexport const NO_COLOR = Boolean(process.env.NO_COLOR);\n\nfunction glyphs() {\n  if (DUMB) {\n    return {\n      live: '*',\n      open: 'o',\n      changed: '!',\n      fail: 'x',\n      busy: '...',\n      done: '*',\n      warn: '!',\n      focus: '>',\n      dash: '-',\n    } as const;\n  }\n  return {\n    live: '●',\n    open: '○',\n    changed: '◐',\n    fail: '×',\n    busy: '…',\n    done: '✓',\n    warn: '!',\n    focus: '›',\n    dash: '–',\n  } as const;\n}\n\nexport const G = glyphs();\n\n/** Brand hues are decoration, so NO_COLOR drops them rather than substituting. */\nexport function brandColor(token: 'brand' | 'accent'): string | undefined {\n  return NO_COLOR ? undefined : theme[token];\n}\n\nexport function statusSpec(kind: StatusKind): {\n  glyph: string;\n  label: string;\n  color?: typeof theme.ok | typeof theme.warn | typeof theme.danger;\n} {\n  switch (kind) {\n    case 'live':\n      return { glyph: G.live, label: 'live', color: theme.ok };\n    case 'signed-in':\n      return { glyph: G.live, label: 'signed in', color: theme.ok };\n    case 'running':\n      return { glyph: G.live, label: 'running', color: theme.ok };\n    case 'using':\n      return { glyph: G.live, label: 'using', color: theme.ok };\n    case 'saved':\n      return { glyph: G.open, label: 'saved' };\n    case 'stopped':\n      return { glyph: G.open, label: 'stopped' };\n    case 'not-using':\n      return { glyph: G.open, label: 'not using' };\n    case 'changed':\n      return { glyph: G.changed, label: 'changed', color: theme.warn };\n    case 'attention':\n      return { glyph: G.changed, label: 'attention', color: theme.warn };\n    case 'failed':\n      return { glyph: G.fail, label: 'failed', color: theme.danger };\n    case 'unavailable':\n      return { glyph: G.fail, label: 'unavailable', color: theme.danger };\n    case 'checking':\n      return { glyph: G.busy, label: 'checking' };\n    case 'switching':\n      return { glyph: G.busy, label: 'switching' };\n    case 'done':\n      return { glyph: G.done, label: '', color: theme.ok };\n    case 'warn':\n      return { glyph: G.warn, label: '', color: theme.warn };\n    case 'signed-out':\n      return { glyph: G.dash, label: 'signed out' };\n    case 'not-detected':\n      return { glyph: G.dash, label: 'not detected' };\n    case 'off':\n      return { glyph: G.dash, label: 'off' };\n    case 'na':\n      return { glyph: G.dash, label: '' };\n    default: {\n      const _e: never = kind;\n      return _e;\n    }\n  }\n}\n\n/** Glyph + label; color only on the token (optional; NO_COLOR strips). */\nexport function StatusToken(props: {\n  kind: StatusKind;\n  /** Override default label */\n  label?: string;\n  /** Hide label (glyph only) — avoid; design prefers label */\n  glyphOnly?: boolean;\n}) {\n  const spec = statusSpec(props.kind);\n  const label = props.label ?? spec.label;\n  const color = NO_COLOR ? undefined : spec.color;\n  if (props.glyphOnly || !label) {\n    return <Text color={color}>{spec.glyph}</Text>;\n  }\n  return (\n    <Text color={color}>\n      {spec.glyph} {label}\n    </Text>\n  );\n}\n\n// ── Breakpoints ──────────────────────────────────────────────────\n\nexport type WidthBreakpoint = 'narrow' | 'medium' | 'wide';\n\nexport function widthBreakpoint(columns: number): WidthBreakpoint {\n  if (columns >= 96) {\n    return 'wide';\n  }\n  if (columns >= 64) {\n    return 'medium';\n  }\n  return 'narrow';\n}\n\n// ── Header ───────────────────────────────────────────────────────\n"],"mappings":";;;;AAGA,IAAa,QAAQ;;CAEnB,OAAO,WAAW;;CAElB,QAAQ,WAAW;CACnB,IAAI;CACJ,MAAM;CACN,QAAQ;AACV;AAuBA,IAAM,OAAO,QAAQ,IAAI,SAAS;AAClC,IAAa,WAAW,QAAQ,QAAQ,IAAI,QAAQ;AAEpD,SAAS,SAAS;CAChB,IAAI,MACF,OAAO;EACL,MAAM;EACN,MAAM;EACN,SAAS;EACT,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACP,MAAM;CACR;CAEF,OAAO;EACL,MAAM;EACN,MAAM;EACN,SAAS;EACT,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACP,MAAM;CACR;AACF;AAEA,IAAa,IAAI,OAAO;;AAGxB,SAAgB,WAAW,OAA+C;CACxE,OAAO,WAAW,KAAA,IAAY,MAAM;AACtC;AAEA,SAAgB,WAAW,MAIzB;CACA,QAAQ,MAAR;EACE,KAAK,QACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAQ,OAAO,MAAM;EAAG;EACzD,KAAK,aACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAa,OAAO,MAAM;EAAG;EAC9D,KAAK,WACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAW,OAAO,MAAM;EAAG;EAC5D,KAAK,SACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAS,OAAO,MAAM;EAAG;EAC1D,KAAK,SACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAQ;EACzC,KAAK,WACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAU;EAC3C,KAAK,aACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAY;EAC7C,KAAK,WACH,OAAO;GAAE,OAAO,EAAE;GAAS,OAAO;GAAW,OAAO,MAAM;EAAK;EACjE,KAAK,aACH,OAAO;GAAE,OAAO,EAAE;GAAS,OAAO;GAAa,OAAO,MAAM;EAAK;EACnE,KAAK,UACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAU,OAAO,MAAM;EAAO;EAC/D,KAAK,eACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAe,OAAO,MAAM;EAAO;EACpE,KAAK,YACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAW;EAC5C,KAAK,aACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAY;EAC7C,KAAK,QACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAI,OAAO,MAAM;EAAG;EACrD,KAAK,QACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;GAAI,OAAO,MAAM;EAAK;EACvD,KAAK,cACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAa;EAC9C,KAAK,gBACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAe;EAChD,KAAK,OACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAM;EACvC,KAAK,MACH,OAAO;GAAE,OAAO,EAAE;GAAM,OAAO;EAAG;EACpC,SAEE,OAAO;CAEX;AACF;;AAGA,SAAgB,YAAY,OAMzB;CACD,MAAM,OAAO,WAAW,MAAM,IAAI;CAClC,MAAM,QAAQ,MAAM,SAAS,KAAK;CAClC,MAAM,QAAQ,WAAW,KAAA,IAAY,KAAK;CAC1C,IAAI,MAAM,aAAa,CAAC,OACtB,OAAO,oBAAC,MAAD;EAAa;YAAQ,KAAK;CAAY,CAAA;CAE/C,OACE,qBAAC,MAAD;EAAa;YAAb;GACG,KAAK;GAAM;GAAE;EACV;;AAEV"}

package/dist/tui/components/chrome.d.ts

@@ -0,0 +1,7 @@
+export * from './chrome/status.js';
+export * from './chrome/header.js';
+export * from './chrome/rows.js';
+export * from './chrome/layout.js';
+export * from './chrome/inputs.js';
+export * from './chrome/legacy.js';
+//# sourceMappingURL=chrome.d.ts.map

package/dist/tui/components/chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../src/tui/components/chrome.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/tui/components/chrome.js

@@ -0,0 +1,7 @@
+import { G, NO_COLOR, StatusToken, brandColor, statusSpec, theme } from "./chrome/status.js";
+import { KeyHints, NoticeSlot, ScreenHeader, noticeFromReceipt } from "./chrome/header.js";
+import { DataRow, DataRowHeader, GroupHeader, ProxyRowLine, cellText, truncateMiddle } from "./chrome/rows.js";
+import { EmptyState, LoadingView, OutcomeRail, PlanSheet, Rule, ScreenShell, Spacer } from "./chrome/layout.js";
+import { Picker, TextInputField } from "./chrome/inputs.js";
+import "./chrome/legacy.js";
+export { DataRow, DataRowHeader, EmptyState, G, GroupHeader, KeyHints, LoadingView, NO_COLOR, NoticeSlot, OutcomeRail, Picker, PlanSheet, ProxyRowLine, Rule, ScreenHeader, ScreenShell, Spacer, StatusToken, TextInputField, brandColor, cellText, noticeFromReceipt, statusSpec, theme, truncateMiddle };

package/dist/tui/components.d.ts

@@ -0,0 +1,26 @@
+import type { AnyPickApp } from '../core/app.js';
+import { type AddMode } from './screens/add-account.js';
+export declare function AddModeGate(props: {
+    app: AnyPickApp;
+    providerId: string;
+    /** Sign-in source for providers with more than one (e.g. Gemini's Antigravity). */
+    source?: 'antigravity';
+    selectedIndex: number;
+    onMove: (d: number) => void;
+    onSelectMode: (mode: AddMode, identity?: string) => void;
+    onBack: () => void;
+}): import("react").JSX.Element;
+export declare function MessageContinue({ onContinue }: {
+    onContinue: () => void;
+}): null;
+export declare function ProxyLogsView(props: {
+    app: AnyPickApp;
+    providerId: string;
+    name: string;
+    text: string;
+    running?: boolean;
+    onBack: () => void;
+    /** Read the current tail. Used for manual refresh and as a watcher fallback. */
+    readLogs: () => Promise<string>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=components.d.ts.map

package/dist/tui/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/tui/components.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAiC,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGpF,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,GAAG,EAAE,UAAU,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,+BAuEA;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,IAAI,CAAA;CAAE,QAOzE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,GAAG,EAAE,UAAU,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gFAAgF;IAChF,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACjC,+BA8HA"}

package/dist/tui/components.js

@@ -0,0 +1,182 @@
+import { G } from "./components/chrome/status.js";
+import { clampIndex } from "./app-ui-helpers.js";
+import { LoadingView, ScreenShell } from "./components/chrome/layout.js";
+import "./components/chrome.js";
+import { AddModeScreen, addModeOptions } from "./screens/add-account.js";
+import { Box, Text, useInput, useStdout } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/tui/components.tsx
+/**
+* Standalone TUI sub-components used by the main app shell.
+* Kept out of app-ui.tsx (the navigation god-component) so each is small,
+* independently testable, and free of the shell's closure state.
+*/
+function AddModeGate(props) {
+	const [liveIdentity, setLiveIdentity] = useState();
+	const [livePresent, setLivePresent] = useState(false);
+	const [canClearLive, setCanClearLive] = useState(false);
+	const [canUseApiKey, setCanUseApiKey] = useState(false);
+	const [ready, setReady] = useState(false);
+	const { source } = props;
+	useEffect(() => {
+		let cancelled = false;
+		(async () => {
+			try {
+				const provider = props.app.accounts.provider(props.providerId);
+				setCanUseApiKey(provider.credentialInputs?.includes("api-key") ?? false);
+				if (source) {
+					const live = provider.detectLiveSource ? await provider.detectLiveSource(source) : { present: false };
+					if (cancelled) return;
+					setLivePresent(live.present);
+					setLiveIdentity(live.identity);
+					setCanClearLive(typeof provider.clearLiveSource === "function");
+					return;
+				}
+				const cur = await props.app.accounts.current(props.providerId);
+				if (cancelled) return;
+				setLivePresent(cur.live.present);
+				setLiveIdentity(cur.live.identity);
+				setCanClearLive(typeof provider.clearLive === "function");
+			} finally {
+				if (!cancelled) setReady(true);
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		props.app,
+		props.providerId,
+		source
+	]);
+	if (!ready) return /* @__PURE__ */ jsx(LoadingView, { label: "Checking logins" });
+	const optionCount = addModeOptions({
+		livePresent,
+		canClearLive,
+		canUseApiKey
+	}).length;
+	return /* @__PURE__ */ jsx(AddModeScreen, {
+		providerId: props.providerId,
+		displayName: source === "antigravity" ? "Antigravity" : props.app.accounts.provider(props.providerId).name,
+		livePresent,
+		liveIdentity,
+		canClearLive,
+		canUseApiKey,
+		source,
+		selectedIndex: clampIndex(props.selectedIndex, optionCount),
+		onMove: props.onMove,
+		onSelect: (mode) => {
+			props.onSelectMode(mode, liveIdentity);
+		},
+		onBack: props.onBack
+	});
+}
+function MessageContinue({ onContinue }) {
+	useInput((_input, key) => {
+		if (key.return || key.escape) onContinue();
+	});
+	return null;
+}
+function ProxyLogsView(props) {
+	const [lines, setLines] = useState(() => props.text.split("\n").filter(Boolean));
+	const [following, setFollowing] = useState(true);
+	const previousText = useRef(props.text);
+	const { stdout } = useStdout();
+	const replaceLines = useCallback((text) => {
+		const next = text.split("\n").filter(Boolean);
+		setLines(next.length > 2e3 ? next.slice(next.length - 2e3) : next);
+	}, []);
+	useEffect(() => {
+		if (props.text === previousText.current) return;
+		previousText.current = props.text;
+		replaceLines(props.text);
+	}, [props.text, replaceLines]);
+	const refresh = useCallback(() => {
+		props.readLogs().then(replaceLines).catch(() => {});
+	}, [props.readLogs, replaceLines]);
+	useEffect(() => {
+		if (!following) return;
+		const buf = [];
+		let flushTimer;
+		const flush = () => {
+			flushTimer = void 0;
+			if (buf.length === 0) return;
+			setLines((prev) => {
+				const next = [...prev, ...buf];
+				return next.length > 2e3 ? next.slice(next.length - 2e3) : next;
+			});
+			buf.length = 0;
+		};
+		const controller = new AbortController();
+		props.app.proxy.proxyLogsFollow(props.providerId, props.name, (line) => {
+			buf.push(line);
+			if (!flushTimer) flushTimer = setTimeout(flush, 80);
+		}, {
+			lines: 0,
+			signal: controller.signal
+		}).catch(() => {});
+		return () => {
+			controller.abort();
+			if (flushTimer) clearTimeout(flushTimer);
+		};
+	}, [
+		following,
+		props.app,
+		props.providerId,
+		props.name
+	]);
+	useEffect(() => {
+		if (!following) return;
+		const timer = setInterval(refresh, 1e3);
+		return () => clearInterval(timer);
+	}, [following, refresh]);
+	useInput((input, key) => {
+		if (key.escape) {
+			props.onBack();
+			return;
+		}
+		if (input === "f") refresh();
+		if (input === " ") setFollowing((f) => !f);
+	});
+	const ambient = `${props.providerId}/${props.name}${props.running ? `  ${G.live} running` : ""}`;
+	const visibleRows = Math.max(5, (stdout.rows ?? 30) - 10);
+	const visibleLines = lines.slice(-visibleRows);
+	return /* @__PURE__ */ jsx(ScreenShell, {
+		path: ["proxy", "logs"],
+		ambient,
+		outcome: "",
+		support: "",
+		hints: [
+			{
+				key: "f",
+				label: "refresh"
+			},
+			{
+				key: "space",
+				label: following ? "pause" : "follow"
+			},
+			{
+				key: "esc",
+				label: "back"
+			}
+		],
+		children: /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			children: [visibleLines.map((line, i) => /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [" ", line]
+			}, i)), following ? /* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: " — live — "
+			}) : /* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: " — paused — press space to resume — "
+			})]
+		})
+	});
+}
+//#endregion
+export { AddModeGate, MessageContinue, ProxyLogsView };
+
+//# sourceMappingURL=components.js.map

package/dist/tui/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","names":[],"sources":["../../src/tui/components.tsx"],"sourcesContent":["/**\n * Standalone TUI sub-components used by the main app shell.\n * Kept out of app-ui.tsx (the navigation god-component) so each is small,\n * independently testable, and free of the shell's closure state.\n */\nimport { Box, Text, useInput, useStdout } from 'ink';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { AnyPickApp } from '../core/app';\nimport { G, LoadingView, ScreenShell } from './components/chrome';\nimport { AddModeScreen, addModeOptions, type AddMode } from './screens/add-account';\nimport { clampIndex } from './app-ui-helpers';\n\nexport function AddModeGate(props: {\n  app: AnyPickApp;\n  providerId: string;\n  /** Sign-in source for providers with more than one (e.g. Gemini's Antigravity). */\n  source?: 'antigravity';\n  selectedIndex: number;\n  onMove: (d: number) => void;\n  onSelectMode: (mode: AddMode, identity?: string) => void;\n  onBack: () => void;\n}) {\n  const [liveIdentity, setLiveIdentity] = useState<string | undefined>();\n  const [livePresent, setLivePresent] = useState(false);\n  const [canClearLive, setCanClearLive] = useState(false);\n  const [canUseApiKey, setCanUseApiKey] = useState(false);\n  const [ready, setReady] = useState(false);\n  const { source } = props;\n\n  useEffect(() => {\n    let cancelled = false;\n    void (async () => {\n      try {\n        const provider = props.app.accounts.provider(props.providerId);\n        setCanUseApiKey(provider.credentialInputs?.includes('api-key') ?? false);\n        if (source) {\n          const live = provider.detectLiveSource\n            ? await provider.detectLiveSource(source)\n            : { present: false };\n          if (cancelled) {\n            return;\n          }\n          setLivePresent(live.present);\n          setLiveIdentity(live.identity);\n          setCanClearLive(typeof provider.clearLiveSource === 'function');\n          return;\n        }\n        const cur = await props.app.accounts.current(props.providerId);\n        if (cancelled) {\n          return;\n        }\n        setLivePresent(cur.live.present);\n        setLiveIdentity(cur.live.identity);\n        setCanClearLive(typeof provider.clearLive === 'function');\n      } finally {\n        if (!cancelled) {\n          setReady(true);\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [props.app, props.providerId, source]);\n\n  if (!ready) {\n    return <LoadingView label=\"Checking logins\" />;\n  }\n\n  const optionCount = addModeOptions({ livePresent, canClearLive, canUseApiKey }).length;\n\n  return (\n    <AddModeScreen\n      providerId={props.providerId}\n      displayName={\n        source === 'antigravity'\n          ? 'Antigravity'\n          : props.app.accounts.provider(props.providerId).name\n      }\n      livePresent={livePresent}\n      liveIdentity={liveIdentity}\n      canClearLive={canClearLive}\n      canUseApiKey={canUseApiKey}\n      source={source}\n      selectedIndex={clampIndex(props.selectedIndex, optionCount)}\n      onMove={props.onMove}\n      onSelect={(mode) => {\n        props.onSelectMode(mode, liveIdentity);\n      }}\n      onBack={props.onBack}\n    />\n  );\n}\n\nexport function MessageContinue({ onContinue }: { onContinue: () => void }) {\n  useInput((_input, key) => {\n    if (key.return || key.escape) {\n      onContinue();\n    }\n  });\n  return null;\n}\n\nexport function ProxyLogsView(props: {\n  app: AnyPickApp;\n  providerId: string;\n  name: string;\n  text: string;\n  running?: boolean;\n  onBack: () => void;\n  /** Read the current tail. Used for manual refresh and as a watcher fallback. */\n  readLogs: () => Promise<string>;\n}) {\n  const [lines, setLines] = useState<string[]>(() => props.text.split('\\n').filter(Boolean));\n  const [following, setFollowing] = useState(true);\n  const previousText = useRef(props.text);\n  const { stdout } = useStdout();\n\n  const replaceLines = useCallback((text: string) => {\n    const next = text.split('\\n').filter(Boolean);\n    setLines(next.length > 2000 ? next.slice(next.length - 2000) : next);\n  }, []);\n\n  // A parent can replace the initial tail after a navigation or account change.\n  useEffect(() => {\n    if (props.text === previousText.current) {\n      return;\n    }\n    previousText.current = props.text;\n    replaceLines(props.text);\n  }, [props.text, replaceLines]);\n\n  const refresh = useCallback(() => {\n    void props\n      .readLogs()\n      .then(replaceLines)\n      .catch(() => {});\n  }, [props.readLogs, replaceLines]);\n\n  useEffect(() => {\n    if (!following) {\n      return;\n    }\n    const buf: string[] = [];\n    let flushTimer: ReturnType<typeof setTimeout> | undefined;\n    const flush = () => {\n      flushTimer = undefined;\n      if (buf.length === 0) {\n        return;\n      }\n      setLines((prev) => {\n        const next = [...prev, ...buf];\n        // Cap at 2000 lines to bound memory.\n        return next.length > 2000 ? next.slice(next.length - 2000) : next;\n      });\n      buf.length = 0;\n    };\n    const controller = new AbortController();\n    void props.app.proxy\n      .proxyLogsFollow(\n        props.providerId,\n        props.name,\n        (line: string) => {\n          buf.push(line);\n          if (!flushTimer) {\n            flushTimer = setTimeout(flush, 80);\n          }\n        },\n        // The current tail is already supplied through props.text. Replaying\n        // another 200 lines here duplicates the screen and pushes new live\n        // lines outside the visible terminal viewport.\n        { lines: 0, signal: controller.signal },\n      )\n      .catch(() => {});\n    return () => {\n      controller.abort();\n      if (flushTimer) {\n        clearTimeout(flushTimer);\n      }\n    };\n  }, [following, props.app, props.providerId, props.name]);\n\n  useEffect(() => {\n    if (!following) {\n      return;\n    }\n\n    // `proxyLogsFollow` normally pushes new lines within 200ms. Polling the\n    // authoritative tail as a fallback closes startup/rotation races and\n    // keeps the view live when a platform file watcher misses an append.\n    const timer = setInterval(refresh, 1000);\n    return () => clearInterval(timer);\n  }, [following, refresh]);\n\n  useInput((input, key) => {\n    if (key.escape) {\n      props.onBack();\n      return;\n    }\n    if (input === 'f') {\n      refresh();\n    }\n    if (input === ' ') {\n      setFollowing((f) => !f);\n    }\n  });\n  const ambient = `${props.providerId}/${props.name}${props.running ? `  ${G.live} running` : ''}`;\n  // Keep the newest log line and the live marker visible above the outcome\n  // rail. Ink does not scroll an oversized flex column automatically.\n  const visibleRows = Math.max(5, (stdout.rows ?? 30) - 10);\n  const visibleLines = lines.slice(-visibleRows);\n  return (\n    <ScreenShell\n      path={['proxy', 'logs']}\n      ambient={ambient}\n      outcome=\"\"\n      support=\"\"\n      hints={[\n        { key: 'f', label: 'refresh' },\n        { key: 'space', label: following ? 'pause' : 'follow' },\n        { key: 'esc', label: 'back' },\n      ]}\n    >\n      <Box flexDirection=\"column\">\n        {visibleLines.map((line, i) => (\n          <Text key={i} dimColor>\n            {' '}\n            {line}\n          </Text>\n        ))}\n        {following ? (\n          <Text dimColor> — live — </Text>\n        ) : (\n          <Text dimColor> — paused — press space to resume — </Text>\n        )}\n      </Box>\n    </ScreenShell>\n  );\n}\n"],"mappings":"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"}