@tacuchi/agent-workflow-cli 8.0.0 → 9.0.0

package/dist/cli/tui/components/family-card.d.ts

@@ -5,6 +5,10 @@ export interface FamilyCardData {
 }
 export interface FamilyCardProps {
     family: FamilyCardData;
+    expanded?: boolean;
+    active?: boolean;
+    /** Ancho fijado por el parent (columna derecha del workflow tab). */
+    widthHint?: number;
 }
-export declare function FamilyCard({ family }: FamilyCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function FamilyCard({ family, expanded, active, widthHint, }: FamilyCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=family-card.d.ts.map

package/dist/cli/tui/components/family-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"family-card.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/family-card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,2CAyBrD"}
+{"version":3,"file":"family-card.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/family-card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAgB,EAChB,MAAc,EACd,SAAS,GACV,EAAE,eAAe,2CA+DjB"}

package/dist/cli/tui/components/family-card.js

@@ -1,7 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { colors } from "../theme.js";
-export function FamilyCard({ family }) {
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, flexGrow: 1, marginRight: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.fgBright, bold: true, children: family.title }), _jsxs(Text, { color: colors.accent, children: [" ", family.items.length] })] }), _jsx(Box, { flexDirection: "column", children: family.items.map((cmd) => (_jsxs(Text, { color: colors.fg, children: ["\u00B7 ", cmd] }, cmd))) })] }));
+import { Box, Text, useStdout } from "ink";
+import { colors, icons } from "../theme.js";
+const COLLAPSED_GLYPH = "▶";
+const EXPANDED_GLYPH = "▼";
+const INNER_PAD = 1;
+export function FamilyCard({ family, expanded = false, active = false, widthHint, }) {
+    const { stdout } = useStdout();
+    const bg = active ? colors.bgHighlight : undefined;
+    const bgProp = bg ? { backgroundColor: bg } : {};
+    const innerPad = " ".repeat(INNER_PAD);
+    // Layout: bar + gap + pad + expand_glyph + space + title + space + count + pad.
+    // Bar va AFUERA del bg.
+    const FOCUS_OUTER = 2;
+    const titleLen = [...family.title].length;
+    const countStr = String(family.items.length);
+    const countLen = countStr.length;
+    const used = FOCUS_OUTER + INNER_PAD * 2 + 1 + 1 + titleLen + 1 + countLen;
+    const termCols = stdout?.columns ?? 100;
+    // Overhead aproximado: ScreenFrame (6) + Sidebar (24) + Main paddingX (2) +
+    // right column paddingLeft (1) = 33. Restamos solo 33 (en vez de 35) para
+    // que el spacer sea generoso; truncate-end recorta si pasa el borde real.
+    const fallbackColWidth = Math.max(20, Math.floor((termCols - 33) / 2));
+    const colWidth = widthHint ?? fallbackColWidth;
+    const spacerLen = Math.max(1, colWidth - used);
+    const spacer = " ".repeat(spacerLen);
+    const expandGlyph = expanded ? EXPANDED_GLYPH : COLLAPSED_GLYPH;
+    // Una sola Text con bg uniforme (incluso el focus bar tiene bg) — evita
+    // los problemas de mixing bg/no-bg Texts en una row que provocan blank lines
+    // entre rows.
+    const headerRow = (_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { ...bgProp, color: active ? colors.accent : colors.faint, children: active ? icons.focusBar : " " }), _jsxs(Text, { ...bgProp, children: [innerPad, _jsx(Text, { color: colors.accent, bold: true, children: expandGlyph }), " ", _jsx(Text, { color: colors.bright, bold: true, children: family.title }), " ", _jsx(Text, { color: colors.accent, children: countStr }), spacer, innerPad] })] }));
+    if (expanded) {
+        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [headerRow, _jsx(Box, { marginLeft: 5, flexDirection: "column", children: family.items.map((cmd) => (_jsxs(Text, { color: colors.dim, children: ["\u00B7 ", cmd] }, cmd))) })] }));
+    }
+    return headerRow;
 }
 //# sourceMappingURL=family-card.js.map

package/dist/cli/tui/components/family-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"family-card.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/family-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAYrC,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAmB;IACpD,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAC1B,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,aAEd,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,kBAC/B,MAAM,CAAC,KAAK,GACR,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,kBAAI,MAAM,CAAC,KAAK,CAAC,MAAM,IAAQ,IACrD,EACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACxB,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,IAAW,KAAK,EAAE,MAAM,CAAC,EAAE,wBAC3B,GAAG,KADG,GAAG,CAEP,CACR,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"family-card.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/family-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAgB5C,MAAM,eAAe,GAAG,GAAG,CAAC;AAC5B,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,SAAS,GACO;IAChB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IACnD,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAEvC,gFAAgF;IAChF,wBAAwB;IACxB,MAAM,WAAW,GAAG,CAAC,CAAC;IACtB,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;IACjC,MAAM,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC;IAE3E,MAAM,QAAQ,GAAG,MAAM,EAAE,OAAO,IAAI,GAAG,CAAC;IACxC,4EAA4E;IAC5E,0EAA0E;IAC1E,0EAA0E;IAC1E,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,SAAS,IAAI,gBAAgB,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC;IAEhE,wEAAwE;IACxE,6EAA6E;IAC7E,cAAc;IACd,MAAM,SAAS,GAAG,CAChB,MAAC,IAAI,IAAC,IAAI,EAAC,cAAc,aACvB,KAAC,IAAI,OAAK,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,YAC3D,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GACzB,EACP,MAAC,IAAI,OAAK,MAAM,aACb,QAAQ,EACT,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,kBAC7B,WAAW,GACP,EAAC,GAAG,EACX,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,kBAC7B,MAAM,CAAC,KAAK,GACR,EAAC,GAAG,EACX,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,QAAQ,GAAQ,EAC5C,MAAM,EACN,QAAQ,IACJ,IACF,CACR,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,aACxC,SAAS,EACV,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ,YACvC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,IAAW,KAAK,EAAE,MAAM,CAAC,GAAG,wBAC5B,GAAG,KADG,GAAG,CAEP,CACR,CAAC,GACE,IACF,CACP,CAAC;IACJ,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/cli/tui/components/inline-wizard.d.ts

@@ -0,0 +1,19 @@
+export interface InlineWizardField {
+    label: string;
+    value: string;
+    /** When true, the field shows a blinking caret at the end (visual only — Ink doesn't animate). */
+    active?: boolean;
+}
+export interface InlineWizardProps {
+    step: number;
+    totalSteps: number;
+    stepLabel: string;
+    fields: InlineWizardField[];
+    /** Live preview block (e.g. JSON). Multi-line string with \n separators. */
+    preview?: string;
+    /** Override default footer. */
+    footer?: string;
+    width?: number;
+}
+export declare function InlineWizard({ step, totalSteps, stepLabel, fields, preview, footer, width, }: InlineWizardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-wizard.d.ts.map

package/dist/cli/tui/components/inline-wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-wizard.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/inline-wizard.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,UAAU,EACV,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAuB,EACvB,KAAU,GACX,EAAE,iBAAiB,2CA4BnB"}

package/dist/cli/tui/components/inline-wizard.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { colors, icons } from "../theme.js";
+const DEFAULT_FOOTER = "⏎ register · tab back to step 1 · esc cancel";
+export function InlineWizard({ step, totalSteps, stepLabel, fields, preview, footer = DEFAULT_FOOTER, width = 56, }) {
+    return (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Box, { children: _jsx(Text, { color: colors.accent, children: icons.focusBar }) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, flexGrow: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: colors.accent, children: ["Step ", step, " of ", totalSteps, " \u00B7", " "] }), _jsx(Text, { color: colors.accent, bold: true, children: stepLabel.toUpperCase() })] }), fields.map((f) => (_jsx(WizardFieldRow, { field: f, width: width }, f.label))), preview ? _jsx(PreviewBlock, { content: preview }) : null, _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.dim, children: footer }) })] })] }));
+}
+function WizardFieldRow({ field, width, }) {
+    const labelText = `${field.label}: `;
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: colors.mute, children: field.label.toUpperCase() }), _jsxs(Box, { children: [_jsx(Text, { color: colors.dim, children: "┌" }), _jsx(Text, { color: colors.dim, children: "─".repeat(Math.max(0, width - 4)) }), _jsx(Text, { color: colors.dim, children: "┐" })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.dim, children: "│ " }), _jsx(Text, { color: colors.bright, children: field.value }), field.active ? _jsx(Text, { color: colors.accent, children: icons.caret }) : null, _jsx(Box, { flexGrow: 1 }), _jsx(Text, { color: colors.dim, children: " │" })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.dim, children: "└" }), _jsx(Text, { color: colors.dim, children: "─".repeat(Math.max(0, width - 4)) }), _jsx(Text, { color: colors.dim, children: "┘" })] }), _jsx(Text, { color: colors.faint, children: labelText })] }));
+}
+function PreviewBlock({ content }) {
+    const lines = content.split("\n");
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: colors.mute, children: "PREVIEW \u00B7 profile.json" }), lines.map((line, idx) => (_jsx(Text, { color: colors.dim, children: line }, `prev-${idx}-${line.slice(0, 8)}`)))] }));
+}
+//# sourceMappingURL=inline-wizard.js.map

package/dist/cli/tui/components/inline-wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-wizard.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/inline-wizard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAqB5C,MAAM,cAAc,GAAG,8CAA8C,CAAC;AAEtE,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,UAAU,EACV,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,GAAG,cAAc,EACvB,KAAK,GAAG,EAAE,GACQ;IAClB,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,aACnC,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,KAAK,CAAC,QAAQ,GAAQ,GAC/C,EACN,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,aACrD,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,sBAClB,IAAI,UAAM,UAAU,aAAI,GAAG,IAC5B,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,kBAC7B,SAAS,CAAC,WAAW,EAAE,GACnB,IACH,EAEL,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,KAAC,cAAc,IAAe,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,IAA/B,CAAC,CAAC,KAAK,CAA4B,CACzD,CAAC,EAED,OAAO,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAEpD,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,MAAM,GAAQ,GACpC,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,GAIN;IACC,MAAM,SAAS,GAAG,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC;IACrC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,aACtC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,GAAQ,EAC5D,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,GAAG,GAAQ,EACrC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAQ,EACpE,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,GAAG,GAAQ,IACjC,EACN,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,IAAI,GAAQ,EACtC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,KAAK,CAAC,KAAK,GAAQ,EAC/C,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvE,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EACpB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,IAAI,GAAQ,IAClC,EACN,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,GAAG,GAAQ,EACrC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAQ,EACpE,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,GAAG,GAAQ,IACjC,EACN,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAG,SAAS,GAAQ,IACzC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,OAAO,EAAuB;IACpD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,aACtC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,4CAA+B,EACtD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,KAAC,IAAI,IAAyC,KAAK,EAAE,MAAM,CAAC,GAAG,YAC5D,IAAI,IADI,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAErC,CACR,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/cli/tui/components/list-row.d.ts

@@ -1,4 +1,4 @@
-export type MetaTone = "ok" | "warn" | "accent" | "dim" | "err";
+export type MetaTone = "ok" | "warn" | "accent" | "dim" | "err" | "purple" | "info";
 export interface MetaChip {
     label: string;
     tone?: MetaTone;
@@ -8,6 +8,7 @@ export interface StatePill {
     tone?: MetaTone;
 }
 export interface ListRowProps {
+    /** Glyph at left after focus bar; e.g. ▤ (db) for MCP, ◆ (host) for Skills. */
     icon?: string;
     iconActive?: boolean;
     title: string;
@@ -16,7 +17,14 @@ export interface ListRowProps {
     state?: StatePill;
     chevron?: boolean;
     active?: boolean;
-    last?: boolean;
+    /** When true, the row is rendered dimmed (e.g. inline wizard backdrop). */
+    dimmed?: boolean;
+    /**
+     * Ancho disponible del row (en cells). Si se pasa, se usa exactamente.
+     * Pasalo desde el parent (que sabe si el detail panel está abierto).
+     * Fallback: termCols - 36.
+     */
+    widthHint?: number;
 }
-export declare function ListRow({ icon, iconActive, title, subtitle, meta, state, chevron, active, }: ListRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListRow({ icon, iconActive, title, subtitle, meta, state, chevron, active, dimmed, widthHint, }: ListRowProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=list-row.d.ts.map

package/dist/cli/tui/components/list-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-row.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/list-row.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAyBD,wBAAgB,OAAO,CAAC,EACtB,IAAiB,EACjB,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,IAAS,EACT,KAAK,EACL,OAAe,EACf,MAAc,GACf,EAAE,YAAY,2CA0Cd"}
+{"version":3,"file":"list-row.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/list-row.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,wBAAgB,OAAO,CAAC,EACtB,IAAmB,EACnB,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,IAAS,EACT,KAAK,EACL,OAAe,EACf,MAAc,EACd,MAAc,EACd,SAAS,GACV,EAAE,YAAY,2CAwHd"}

package/dist/cli/tui/components/list-row.js

@@ -1,27 +1,85 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from "ink";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useStdout } from "ink";
 import { colors, icons } from "../theme.js";
+// Padding interno (en cells) que se aplica DENTRO del marker bg, a cada lado
+// del contenido. Hace que el bg no se vea pegado a las letras.
+const INNER_PAD = 1;
 function toneColor(tone) {
     switch (tone) {
         case "ok":
-            return colors.success;
+            return colors.ok;
         case "warn":
-            return colors.warning;
+            return colors.warn;
         case "accent":
             return colors.accent;
         case "err":
-            return colors.error;
+            return colors.err;
+        case "purple":
+            return colors.purple;
+        case "info":
+            return colors.info;
         default:
-            return colors.fgSubtle;
+            return colors.dim;
     }
 }
-function Chip({ label, tone }) {
-    return (_jsx(Box, { marginRight: 1, children: _jsxs(Text, { color: toneColor(tone), children: ["[", label, "]"] }) }));
+function approxWidth(s) {
+    return [...s].length;
 }
-export function ListRow({ icon = icons.plug, iconActive = false, title, subtitle, meta = [], state, chevron = false, active = false, }) {
-    const cursor = active ? icons.play : " ";
-    const iconColor = iconActive ? colors.accent : colors.fgSubtle;
-    const titleColor = active ? colors.accent : colors.fgBright;
-    return (_jsxs(Box, { flexDirection: "row", paddingX: 0, children: [_jsx(Box, { width: 2, children: _jsx(Text, { color: colors.accent, bold: true, children: cursor }) }), _jsx(Box, { width: 3, children: _jsx(Text, { color: iconColor, children: icon }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, minWidth: 0, children: [_jsx(Text, { color: titleColor, bold: active, children: title }), subtitle ? _jsx(Text, { color: colors.fgSubtle, children: subtitle }) : null] }), meta.length > 0 ? (_jsx(Box, { flexDirection: "row", marginX: 1, children: meta.map((m, i) => (_jsx(Chip, { ...m }, `${m.label}-${i}`))) })) : null, state ? (_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: toneColor(state.tone), bold: true, children: state.label }) })) : null, chevron ? (_jsx(Box, { width: 2, children: _jsx(Text, { color: colors.fgSubtle, children: icons.chevron }) })) : null] }));
+export function ListRow({ icon = icons.bullet, iconActive = false, title, subtitle, meta = [], state, chevron = false, active = false, dimmed = false, widthHint, }) {
+    const { stdout } = useStdout();
+    const focused = active && !dimmed;
+    const bg = focused ? colors.bgHighlight : undefined;
+    const bgProp = bg ? { backgroundColor: bg } : {};
+    const focusBarColor = focused ? colors.accent : colors.faint;
+    const iconColor = dimmed
+        ? colors.faint
+        : focused
+            ? colors.accent
+            : iconActive
+                ? colors.accent
+                : colors.dim;
+    const titleColor = dimmed ? colors.faint : colors.bright;
+    const subColor = dimmed ? colors.faint : focused ? colors.accentSoft : colors.dim;
+    const metaBaseColor = focused ? colors.accentSoft : undefined;
+    const stateColor = dimmed ? colors.faint : focused ? colors.bright : toneColor(state?.tone);
+    const chevronColor = dimmed ? colors.faint : focused ? colors.accent : colors.dim;
+    // Available: widthHint del parent o fallback (termCols - overhead).
+    const fallbackOverhead = 36;
+    const available = widthHint !== undefined ? widthHint : Math.max(8, (stdout?.columns ?? 100) - fallbackOverhead);
+    // RightLen — content alineado a la derecha. Siempre full (no truncar).
+    const rightLen = meta.reduce((a, m) => a + approxWidth(m.label) + 1, 0) +
+        (state ? approxWidth(state.label) + 1 : 0) +
+        (chevron ? 2 : 0) +
+        INNER_PAD;
+    // Pre-truncar subtitle si excede el ancho disponible. Title se preserva.
+    // fixedLeft incluye el focus-bar (1) + gap (1) afuera del bg, + INNER_PAD
+    // (1) dentro del bg + icon (1) + space (1) + title.
+    const FOCUS_OUTER = 2; // bar + gap
+    const fixedLeft = FOCUS_OUTER + INNER_PAD + 2 + approxWidth(title);
+    const subtitleSpaceBefore = subtitle ? 1 : 0;
+    const availableForSubtitle = Math.max(0, available - fixedLeft - subtitleSpaceBefore - rightLen - 1);
+    let displaySubtitle = subtitle ?? "";
+    if (subtitle && approxWidth(subtitle) > availableForSubtitle) {
+        if (availableForSubtitle <= 1) {
+            displaySubtitle = "";
+        }
+        else {
+            displaySubtitle = `${subtitle.slice(0, availableForSubtitle - 1)}…`;
+        }
+    }
+    // LeftLen recalculado con el subtitle ya truncado.
+    // Incluye focus bar (1) + gap (1) afuera del bg + inner_pad + 2 (icon+space)
+    // + title + (space + subtitle)? para fines de spacer.
+    const leftLen = FOCUS_OUTER +
+        INNER_PAD +
+        2 +
+        approxWidth(title) +
+        (displaySubtitle ? approxWidth(displaySubtitle) + 1 : 0);
+    const spacerLen = Math.max(1, available - leftLen - rightLen);
+    const spacer = " ".repeat(spacerLen);
+    const innerPad = " ".repeat(INNER_PAD);
+    return (_jsx(Box, { flexDirection: "column", children: _jsxs(Box, { flexDirection: "row", paddingX: 0, children: [_jsx(Text, { color: focusBarColor, bold: focused, children: focused ? icons.focusBar : " " }), _jsx(Text, { children: " " }), _jsx(Text, { ...bgProp, children: innerPad }), _jsx(Text, { ...bgProp, color: iconColor, bold: focused, children: icon }), _jsx(Text, { ...bgProp, children: " " }), _jsx(Text, { ...bgProp, color: titleColor, bold: focused, children: title }), displaySubtitle ? (_jsxs(_Fragment, { children: [_jsx(Text, { ...bgProp, children: " " }), _jsx(Text, { ...bgProp, color: subColor, bold: focused, wrap: "truncate-end", children: displaySubtitle })] })) : null, _jsx(Text, { ...bgProp, wrap: "truncate-end", children: spacer }), meta.length > 0
+                    ? meta.map((m, i) => (_jsxs(Box, { children: [_jsx(Text, { ...bgProp, color: metaBaseColor ?? toneColor(m.tone), bold: focused, children: m.label }), _jsx(Text, { ...bgProp, children: " " })] }, `${m.label}-${i}`)))
+                    : null, state ? (_jsx(Text, { ...bgProp, color: stateColor, bold: focused || !dimmed, children: state.label })) : null, chevron ? (_jsxs(_Fragment, { children: [_jsx(Text, { ...bgProp, children: " " }), _jsx(Text, { ...bgProp, color: chevronColor, bold: focused, children: icons.chevron })] })) : null, _jsx(Text, { ...bgProp, children: innerPad })] }) }));
 }
 //# sourceMappingURL=list-row.js.map

package/dist/cli/tui/components/list-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-row.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/list-row.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-row.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/list-row.tsx"],"names":[],"mappings":"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"}

package/dist/cli/tui/components/page-head.d.ts

@@ -1,27 +1,19 @@
 import type { ReactNode } from "react";
-import { type PillTone } from "./pill.js";
+export type PageHeadTone = "accent" | "ok" | "warn" | "err" | "dim" | "mute";
 export interface PageHeadProps {
     /** Título principal */
     title: string;
-    /** Pill opcional al lado del título (counter, status, mode) */
+    /** Counter / status inline next to title — texto coloreado sin brackets. */
     count?: {
         label: string;
-        tone?: PillTone;
+        tone?: PageHeadTone;
     };
-    /** Subtítulo descriptivo inline · color fgSubtle. Mismo concepto del TabPage del prototipo. */
+    /** Subtítulo descriptivo inline · color dim. */
     desc?: string;
-    /** Acción opcional alineada a la derecha (típicamente un botón primario en accent bold). */
+    /** Right-side meta o acción primaria. */
     action?: ReactNode;
+    /** Compact: sin margin bottom (consumido por sub-headers internos). */
+    compact?: boolean;
 }
-/**
- * PageHead — header unificado de cada tab.
- *
- * Layout:
- *   `<title bold> [count pill] <desc dim>           <action>`
- *
- * Match con `TabPage` del handoff (variant-palette.jsx ~líneas 286-314): título +
- * count + desc en una línea con la acción primaria pegada a la derecha. Mantiene
- * proporciones del prototipo respetando límites de Ink (flex, sin gap CSS).
- */
-export declare function PageHead({ title, count, desc, action }: PageHeadProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHead({ title, count, desc, action, compact }: PageHeadProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=page-head.d.ts.map

package/dist/cli/tui/components/page-head.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-head.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/page-head.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC3C,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,aAAa,2CAuBrE"}
+{"version":3,"file":"page-head.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/page-head.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,YAAY,CAAA;KAAE,CAAC;IAC/C,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAqBD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,OAAe,EAAE,EAAE,aAAa,2CAwBtF"}

package/dist/cli/tui/components/page-head.js

@@ -1,18 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { colors } from "../theme.js";
-import { Pill } from "./pill.js";
-/**
- * PageHead — header unificado de cada tab.
- *
- * Layout:
- *   `<title bold> [count pill] <desc dim>           <action>`
- *
- * Match con `TabPage` del handoff (variant-palette.jsx ~líneas 286-314): título +
- * count + desc en una línea con la acción primaria pegada a la derecha. Mantiene
- * proporciones del prototipo respetando límites de Ink (flex, sin gap CSS).
- */
-export function PageHead({ title, count, desc, action }) {
-    return (_jsxs(Box, { marginBottom: 1, flexDirection: "row", children: [_jsx(Text, { color: colors.fgBright, bold: true, children: title }), count ? (_jsx(Box, { marginLeft: 1, children: _jsx(Pill, { tone: count.tone ?? "muted", preserveCase: true, children: count.label }) })) : null, desc ? (_jsx(Box, { marginLeft: 1, flexGrow: 1, children: _jsx(Text, { color: colors.fgSubtle, children: desc }) })) : (_jsx(Box, { flexGrow: 1 })), action ? _jsx(Box, { children: action }) : null] }));
+function toneColor(tone) {
+    switch (tone) {
+        case "accent":
+            return colors.accent;
+        case "ok":
+            return colors.ok;
+        case "warn":
+            return colors.warn;
+        case "err":
+            return colors.err;
+        case "dim":
+            return colors.dim;
+        case "mute":
+            return colors.mute;
+        default:
+            return colors.accent;
+    }
+}
+export function PageHead({ title, count, desc, action, compact = false }) {
+    return (_jsxs(Box, { marginBottom: compact ? 0 : 1, flexDirection: "row", children: [_jsx(Text, { color: colors.bright, bold: true, children: title }), count ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: toneColor(count.tone), bold: true, children: count.label })] })) : null, desc ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: colors.dim, children: desc })] })) : null, _jsx(Box, { flexGrow: 1 }), action ? _jsx(Box, { children: action }) : null] }));
 }
 //# sourceMappingURL=page-head.js.map

package/dist/cli/tui/components/page-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-head.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/page-head.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAiB,MAAM,WAAW,CAAC;AAahD;;;;;;;;;GASG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAiB;IACpE,OAAO,CACL,MAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,aACvC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,kBAC/B,KAAK,GACD,EACN,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,EAAE,YAAY,kBAC5C,KAAK,CAAC,KAAK,GACP,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,YAC7B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,YAAG,IAAI,GAAQ,GACvC,CACP,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,CACrB,EACA,MAAM,CAAC,CAAC,CAAC,KAAC,GAAG,cAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IAChC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"page-head.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/page-head.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAiBrC,SAAS,SAAS,CAAC,IAAmB;IACpC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,MAAM,CAAC;QACvB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC,EAAE,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,IAAI,CAAC;QACrB,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,GAAG,CAAC;QACpB,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,GAAG,CAAC;QACpB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,IAAI,CAAC;QACrB;YACE,OAAO,MAAM,CAAC,MAAM,CAAC;IACzB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAAiB;IACrF,OAAO,CACL,MAAC,GAAG,IAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAC,KAAK,aACrD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,kBAC7B,KAAK,GACD,EACN,KAAK,CAAC,CAAC,CAAC,CACP,8BACE,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,kBACrC,KAAK,CAAC,KAAK,GACP,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,8BACE,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,IAAI,GAAQ,IACrC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EACnB,MAAM,CAAC,CAAC,CAAC,KAAC,GAAG,cAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IAChC,CACP,CAAC;AACJ,CAAC"}

package/dist/cli/tui/components/phase-card.d.ts

@@ -9,6 +9,7 @@ export interface PhaseCardData {
 }
 export interface PhaseCardProps {
     phase: PhaseCardData;
+    active?: boolean;
 }
-export declare function PhaseCard({ phase }: PhaseCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhaseCard({ phase, active }: PhaseCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=phase-card.d.ts.map

package/dist/cli/tui/components/phase-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phase-card.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/phase-card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,2CA+ClD"}
+{"version":3,"file":"phase-card.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/phase-card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAOD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAc,EAAE,EAAE,cAAc,2CAyDlE"}

package/dist/cli/tui/components/phase-card.js

@@ -1,8 +1,13 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { colors, icons } from "../theme.js";
-export function PhaseCard({ phase }) {
-    const visibleCmds = phase.commands.slice(0, 3);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, flexGrow: 1, marginRight: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: colors.accent, bold: true, children: [phase.n, "."] }), _jsxs(Text, { color: colors.fgBright, bold: true, children: [" ", phase.title] })] }), _jsx(Text, { color: colors.fgSubtle, wrap: "wrap", children: phase.desc }), visibleCmds.length > 0 ? (_jsx(Box, { flexDirection: "column", children: visibleCmds.map((c) => (_jsxs(Text, { color: colors.fg, children: ["\u00B7 ", c] }, c))) })) : null, phase.slash && phase.slash !== "—" ? (_jsxs(Box, { children: [_jsxs(Text, { color: colors.fgSubtle, children: [icons.chevron, " "] }), _jsx(Text, { color: colors.accent, children: phase.slash })] })) : null, phase.hook && phase.hook !== "—" ? (_jsxs(Box, { children: [_jsxs(Text, { color: colors.fgSubtle, children: [icons.hook, " "] }), _jsx(Text, { color: colors.success, children: phase.hook })] })) : null] }));
+const CIRCLED = ["①", "②", "③", "④", "⑤", "⑥", "⑦", "⑧", "⑨", "⑩"];
+function circled(n) {
+    return CIRCLED[n - 1] ?? String(n);
+}
+export function PhaseCard({ phase, active = false }) {
+    const cmds = phase.commands.slice(0, 3);
+    const cmdsText = cmds.join(" · ") + (phase.commands.length > 3 ? " …" : "");
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: active ? colors.accent : colors.faint, children: active ? icons.focusBar : " " }), _jsx(Text, { children: " " }), _jsx(Text, { color: active ? colors.accent : colors.mute, bold: active, children: circled(phase.n) }), _jsx(Text, { children: " " }), _jsx(Text, { color: colors.bright, bold: true, children: phase.title }), active ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: colors.accent, children: "\u25CF" }), _jsx(Text, { children: " " }), _jsx(Text, { color: colors.accent, bold: true, children: "ACTIVE" })] })) : null] }), _jsx(Box, { marginLeft: 3, children: _jsx(Text, { color: colors.dim, wrap: "wrap", children: phase.desc }) }), cmds.length > 0 ? (_jsx(Box, { marginLeft: 3, children: _jsx(Text, { color: colors.dim, children: cmdsText }) })) : null, (phase.slash && phase.slash !== "—") || (phase.hook && phase.hook !== "—") ? (_jsx(Box, { marginLeft: 3, children: _jsxs(Text, { wrap: "truncate-end", children: [phase.slash && phase.slash !== "—" ? (_jsx(Text, { color: colors.accent, children: phase.slash })) : null, phase.slash && phase.slash !== "—" && phase.hook && phase.hook !== "—" ? (_jsx(Text, { color: colors.dim, children: " \u00B7 " })) : null, phase.hook && phase.hook !== "—" ? (_jsxs(Text, { color: colors.ok, children: ["\u21AA ", phase.hook] })) : null] }) })) : null] }));
 }
 //# sourceMappingURL=phase-card.js.map

package/dist/cli/tui/components/phase-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"phase-card.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/phase-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAgB5C,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAkB;IACjD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAC1B,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,aAEd,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,aACtB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,mBAC7B,KAAK,CAAC,CAAC,SACH,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,mBAC/B,GAAG,EACH,KAAK,CAAC,KAAK,IACP,IACH,EACN,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,YACtC,KAAK,CAAC,IAAI,GACN,EACN,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACxB,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,IAAI,IAAS,KAAK,EAAE,MAAM,CAAC,EAAE,wBACzB,CAAC,KADK,CAAC,CAEL,CACR,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CACpC,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,aAAG,KAAK,CAAC,OAAO,SAAS,EACrD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,KAAK,CAAC,KAAK,GAAQ,IAC5C,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAClC,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,aAAG,KAAK,CAAC,IAAI,SAAS,EAClD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YAAG,KAAK,CAAC,IAAI,GAAQ,IAC5C,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"phase-card.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/phase-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAiB5C,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACnE,SAAS,OAAO,CAAC,CAAS;IACxB,OAAO,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAkB;IACjE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE5E,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,aACzC,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,YAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAQ,EAC1F,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,YAC5D,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GACZ,EACP,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,kBAC7B,KAAK,CAAC,KAAK,GACP,EACN,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,uBAAU,EACpC,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,6BAEzB,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAC,MAAM,YACjC,KAAK,CAAC,IAAI,GACN,GACH,EACL,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,QAAQ,GAAQ,GACtC,CACP,CAAC,CAAC,CAAC,IAAI,EAIP,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5E,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,MAAC,IAAI,IAAC,IAAI,EAAC,cAAc,aACtB,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CACpC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,KAAK,CAAC,KAAK,GAAQ,CACjD,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CACxE,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,yBAAY,CACpC,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAClC,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,EAAE,wBAAK,KAAK,CAAC,IAAI,IAAQ,CAC9C,CAAC,CAAC,CAAC,IAAI,IACH,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/cli/tui/components/quick-actions.d.ts

@@ -0,0 +1,9 @@
+export interface QuickAction {
+    key: string;
+    label: string;
+}
+export interface QuickActionsProps {
+    actions: QuickAction[];
+}
+export declare function QuickActions({ actions }: QuickActionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=quick-actions.d.ts.map

package/dist/cli/tui/components/quick-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-actions.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/quick-actions.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,kDAmB1D"}

package/dist/cli/tui/components/quick-actions.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { colors } from "../theme.js";
+export function QuickActions({ actions }) {
+    if (!actions.length)
+        return null;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.borderFaint, children: "─".repeat(60) }), _jsx(Box, { marginTop: 0, children: actions.map((action, idx) => (_jsxs(Box, { children: [idx > 0 ? _jsx(Text, { color: colors.faint, children: " \u00B7 " }) : null, _jsx(Text, { color: colors.accent, bold: true, children: action.key }), _jsx(Text, { children: " " }), _jsx(Text, { color: colors.text, children: action.label })] }, `${action.key}-${action.label}`))) })] }));
+}
+//# sourceMappingURL=quick-actions.js.map

package/dist/cli/tui/components/quick-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-actions.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/quick-actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAWrC,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAqB;IACzD,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAAG,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,GAAQ,EACxD,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACd,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,MAAC,GAAG,eACD,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,yBAAY,CAAC,CAAC,CAAC,IAAI,EACvD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,kBAC7B,MAAM,CAAC,GAAG,GACN,EACP,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAAG,MAAM,CAAC,KAAK,GAAQ,KANvC,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,CAOnC,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/cli/tui/components/section-head.d.ts

@@ -0,0 +1,10 @@
+export interface SectionHeadProps {
+    label: string;
+    dotColor?: string;
+    count?: number | string;
+    hint?: string;
+    rightAction?: string;
+    marginTop?: number;
+}
+export declare function SectionHead({ label, dotColor, count, hint, rightAction, marginTop, }: SectionHeadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=section-head.d.ts.map

package/dist/cli/tui/components/section-head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-head.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/section-head.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAa,GACd,EAAE,gBAAgB,2CAyBlB"}

package/dist/cli/tui/components/section-head.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { colors } from "../theme.js";
+export function SectionHead({ label, dotColor, count, hint, rightAction, marginTop = 0, }) {
+    const dot = dotColor ?? colors.accent;
+    return (_jsxs(Box, { marginTop: marginTop, children: [_jsx(Text, { color: dot, children: "\u00B7" }), _jsx(Text, { children: " " }), _jsx(Text, { color: colors.mute, children: label.toUpperCase() }), count !== undefined && count !== "" ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: colors.accent, bold: true, children: String(count) })] })) : null, hint ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: colors.dim, children: hint })] })) : null, _jsx(Box, { flexGrow: 1 }), rightAction ? _jsx(Text, { color: colors.mute, children: rightAction }) : null] }));
+}
+//# sourceMappingURL=section-head.js.map

package/dist/cli/tui/components/section-head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-head.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/section-head.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAWrC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,GAAG,CAAC,GACI;IACjB,MAAM,GAAG,GAAG,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC;IACtC,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAE,SAAS,aACvB,KAAC,IAAI,IAAC,KAAK,EAAE,GAAG,uBAAU,EAC1B,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,CAAC,WAAW,EAAE,GAAQ,EACrD,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CACrC,8BACE,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,kBAC7B,MAAM,CAAC,KAAK,CAAC,GACT,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,8BACE,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAG,IAAI,GAAQ,IACrC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EACnB,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAAG,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IAChE,CACP,CAAC;AACJ,CAAC"}

package/dist/cli/tui/components/sidebar.d.ts

@@ -0,0 +1,27 @@
+export type SidebarTabId = "status" | "workflow" | "project" | "mcp" | "skills";
+export interface SidebarTab {
+    id: SidebarTabId;
+    key: string;
+    label: string;
+    badge?: string;
+    alert?: boolean;
+}
+export interface WorkspaceContext {
+    modeLabel: string;
+    branchLabel: string;
+    sessionsLabel: string;
+}
+export interface KeymapEntry {
+    key: string;
+    action: string;
+}
+export interface SidebarProps {
+    activeTab: SidebarTabId;
+    tabs: SidebarTab[];
+    workspaceContext: WorkspaceContext;
+    cliVersion: string;
+    globalKeys: KeymapEntry[];
+    width?: number;
+}
+export declare function Sidebar({ activeTab, tabs, workspaceContext, cliVersion, globalKeys, width, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/sidebar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,YAAY,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,IAAI,EACJ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,KAAqB,GACtB,EAAE,YAAY,2CAiEd"}

package/dist/cli/tui/components/sidebar.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { colors, icons } from "../theme.js";
+const DEFAULT_WIDTH = 24;
+// Reservado para alinear los `entry.action` en la columna de keymap. 3 cells es
+// suficiente para los keys más anchos (`↑↓`, `^K`).
+const KEY_COL_WIDTH = 4;
+export function Sidebar({ activeTab, tabs, workspaceContext, cliVersion, globalKeys, width = DEFAULT_WIDTH, }) {
+    return (_jsxs(Box, { flexDirection: "column", width: width, flexShrink: 0, paddingX: 1, paddingY: 1, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: colors.accent, bold: true, children: icons.brand }), _jsxs(Text, { color: colors.bright, bold: true, children: [" ", "agent-workflow"] })] }), _jsxs(Text, { color: colors.faint, wrap: "truncate-end", children: ["v", cliVersion, " \u00B7 @tacuchi"] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Divider, {}) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: tabs.map((tab) => (_jsx(SidebarTabRow, { tab: tab, active: tab.id === activeTab }, tab.id))) }), _jsx(Box, { marginTop: 1, children: _jsx(Divider, {}) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.mute, children: "WORKSPACE" }), _jsx(Text, { color: colors.text, wrap: "truncate-end", children: workspaceContext.modeLabel }), _jsx(Text, { color: colors.dim, wrap: "truncate-end", children: workspaceContext.branchLabel }), _jsx(Text, { color: colors.dim, wrap: "truncate-end", children: workspaceContext.sessionsLabel })] }), _jsx(Box, { marginTop: 1, children: _jsx(Divider, {}) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: globalKeys.map((entry) => (_jsxs(Box, { children: [_jsx(Box, { width: KEY_COL_WIDTH, children: _jsx(Text, { color: colors.accent, children: entry.key }) }), _jsx(Text, { color: colors.dim, children: entry.action })] }, `${entry.key}-${entry.action}`))) })] }));
+}
+// Width interior del sidebar: width - paddingX*2 = 22, menos 2 cells de safety
+// margin para variabilidad de ancho visual de glyphs + inner padding.
+const SIDEBAR_INNER_WIDTH = DEFAULT_WIDTH - 4;
+const SIDEBAR_INNER_PAD = 1;
+function SidebarTabRow({ tab, active }) {
+    const focusGlyph = active ? icons.focusBar : " ";
+    const bg = active ? colors.bgHighlight : undefined;
+    const bgProp = bg ? { backgroundColor: bg } : {};
+    const innerPad = " ".repeat(SIDEBAR_INNER_PAD);
+    // Layout: bar + gap + inner_pad + key + space + label + ... + inner_pad.
+    // Bar va AFUERA del bg; el bg empieza en inner_pad.
+    const FOCUS_OUTER = 2;
+    const used = FOCUS_OUTER +
+        SIDEBAR_INNER_PAD * 2 +
+        [...tab.key].length +
+        1 +
+        [...tab.label].length +
+        (tab.badge ? [...tab.badge].length + 1 : 0) +
+        (tab.alert ? 2 : 0);
+    const spacerLen = Math.max(1, SIDEBAR_INNER_WIDTH - used);
+    const spacer = " ".repeat(spacerLen);
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: colors.accent, bold: active, children: focusGlyph }), _jsx(Text, { children: " " }), _jsx(Text, { ...bgProp, children: innerPad }), _jsx(Text, { ...bgProp, color: active ? colors.accent : colors.dim, bold: active, children: tab.key }), _jsx(Text, { ...bgProp, children: " " }), _jsx(Text, { ...bgProp, color: active ? colors.bright : colors.text, bold: active, children: tab.label }), _jsx(Text, { ...bgProp, wrap: "truncate-end", children: spacer }), tab.badge ? (_jsx(Text, { ...bgProp, color: active ? colors.accentSoft : colors.mute, children: tab.badge })) : null, tab.alert ? (_jsxs(_Fragment, { children: [_jsx(Text, { ...bgProp, children: " " }), _jsx(Text, { ...bgProp, color: colors.err, children: "\u25CF" })] })) : null, _jsx(Text, { ...bgProp, children: innerPad })] }));
+}
+function Divider() {
+    return _jsx(Text, { color: colors.borderFaint, children: "─".repeat(DEFAULT_WIDTH - 2) });
+}
+//# sourceMappingURL=sidebar.js.map