@calltelemetry/cli 0.6.13 → 0.7.2

package/dist/ui/components/AppShell.js

@@ -1,25 +1,47 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { Box, Text, useApp, useInput } from 'ink';
+import { Box, Text, useApp, useInput, useStdin, useStdout } from 'ink';
+import { AppShellViewportContext } from './app-shell-viewport.js';
 import { LogLevelBadge } from './LogLevelBadge.js';
 import { MetricsFooter } from './MetricsFooter.js';
-import { useMetrics, useMetricsHistory } from '../context/MetricsContext.js';
-export function AppShell({ title = 'CallTelemetry CLI', command, children, onBack, isComplete, breadcrumb, logLevel, hideMetrics, }) {
+export function AppShell({ title = 'CallTelemetry CLI', command, children, onBack, isComplete, breadcrumb, logLevel, hideMetrics, backKeys = ['q', 'escape'], footerHint, }) {
     const { exit } = useApp();
-    const metrics = useMetrics();
-    const metricsHistory = useMetricsHistory();
+    const { stdout } = useStdout();
+    const { isRawModeSupported } = useStdin();
+    const termHeight = stdout?.rows ?? 24;
+    const activeBackKeys = backKeys === false ? [] : backKeys;
+    const derivedFooterHint = footerHint ?? (activeBackKeys.includes('q')
+        ? (onBack ? (isComplete ? 'q Back' : 'q Cancel') : 'q Quit')
+        : '');
+    const hasFooterHint = derivedFooterHint.length > 0;
     // Auto-exit when complete with no back handler (standalone mode)
     useEffect(() => {
         if (isComplete && !onBack) {
             exit();
         }
     }, [isComplete, onBack, exit]);
-    // Register q/Escape/leftArrow whenever a back handler is provided
+    // q/Escape/leftArrow — navigate back when embedded, exit when standalone.
+    // Disable when stdin is not a TTY (piped input, VS Code terminal without PTY,
+    // tmux without raw mode support) — prevents "Raw mode is not supported" crash.
     useInput((input, key) => {
-        if (input === 'q' || key.escape || key.leftArrow) {
-            onBack();
+        const wantsBack = (input === 'q' && activeBackKeys.includes('q')) ||
+            (key.escape && activeBackKeys.includes('escape')) ||
+            (key.leftArrow && activeBackKeys.includes('leftArrow'));
+        if (wantsBack) {
+            if (onBack) {
+                onBack();
+            }
+            else {
+                exit();
+            }
         }
-    }, { isActive: Boolean(onBack) });
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { borderStyle: "single", paddingX: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "cyan", children: title }), breadcrumb && _jsxs(Text, { dimColor: true, children: ["  ", breadcrumb] }), logLevel && logLevel !== 'normal' && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(LogLevelBadge, { level: logLevel })] }))] }), command && _jsx(Text, { dimColor: true, children: command })] }), _jsx(Box, { flexDirection: "column", paddingTop: 1, children: children }), onBack && (_jsx(Box, { paddingTop: 1, children: _jsx(Text, { dimColor: true, children: isComplete ? 'q Back' : 'q Cancel' }) })), !hideMetrics && metrics && (_jsx(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: _jsx(MetricsFooter, { metrics: metrics, history: metricsHistory }) }))] }));
+    }, { isActive: activeBackKeys.length > 0 && isRawModeSupported });
+    // Header = 3 rows (border top + content + border bottom)
+    // Footer hint = 2 rows (padding + text)
+    // Metrics footer = 3 rows (border top + content + border bottom) when visible
+    const hasMetrics = !hideMetrics;
+    const chromeRows = 3 + (hasFooterHint ? 2 : 0) + (hasMetrics ? 4 : 0);
+    const contentHeight = Math.max(4, termHeight - chromeRows);
+    return (_jsxs(Box, { flexDirection: "column", height: termHeight, children: [_jsxs(Box, { borderStyle: "single", paddingX: 1, justifyContent: "space-between", flexShrink: 0, children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", bold: true, children: title }), breadcrumb && _jsxs(Text, { dimColor: true, children: ["  ", breadcrumb] }), logLevel && logLevel !== 'normal' && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(LogLevelBadge, { level: logLevel })] }))] }), command && _jsx(Text, { dimColor: true, children: command })] }), _jsx(AppShellViewportContext.Provider, { value: { contentHeight }, children: _jsx(Box, { flexDirection: "column", paddingTop: 1, height: contentHeight, overflowY: "hidden", children: children }) }), hasFooterHint && (_jsx(Box, { paddingTop: 1, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: derivedFooterHint }) })), hasMetrics && (_jsx(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, flexShrink: 0, children: _jsx(MetricsFooter, {}) }))] }));
 }
 //# sourceMappingURL=AppShell.js.map

package/dist/ui/components/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/ui/components/AppShell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAgB7E,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,GAAG,mBAAmB,EAC3B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,GACG;IACd,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,iEAAiE;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1B,IAAI,EAAE,CAAC;QACT,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAE/B,kEAAkE;IAClE,QAAQ,CACN,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;YACjD,MAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAC9B,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,MAAC,GAAG,IACF,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,CAAC,EACX,cAAc,EAAC,eAAe,aAE9B,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,MAAM,YAAE,KAAK,GAAQ,EACrC,UAAU,IAAI,MAAC,IAAI,IAAC,QAAQ,yBAAI,UAAU,IAAQ,EAClD,QAAQ,IAAI,QAAQ,KAAK,QAAQ,IAAI,CACpC,8BACE,KAAC,IAAI,oBAAS,EACd,KAAC,aAAa,IAAC,KAAK,EAAE,QAAQ,GAAI,IACjC,CACJ,IACG,EACL,OAAO,IAAI,KAAC,IAAI,IAAC,QAAQ,kBAAE,OAAO,GAAQ,IACvC,EACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,YACtC,QAAQ,GACL,EACL,MAAM,IAAI,CACT,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,KAAC,IAAI,IAAC,QAAQ,kBAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,GAAQ,GACtD,CACP,EACA,CAAC,WAAW,IAAI,OAAO,IAAI,CAC1B,KAAC,GAAG,IAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,YACpE,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,GAAI,GACxD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/ui/components/AppShell.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/DashboardBlock.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+interface DashboardBlockProps {
+    title: string;
+    meta?: ReactNode;
+    children: ReactNode;
+    paddingLeft?: number;
+    marginBottom?: number;
+}
+export declare function DashboardBlock({ title, meta, children, paddingLeft, marginBottom, }: DashboardBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DashboardBlock.d.ts.map

package/dist/ui/components/DashboardBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardBlock.d.ts","sourceRoot":"","sources":["../../../src/ui/components/DashboardBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,WAAe,EACf,YAAgB,GACjB,EAAE,mBAAmB,2CAUrB"}

package/dist/ui/components/DashboardBlock.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function DashboardBlock({ title, meta, children, paddingLeft = 2, marginBottom = 1, }) {
+    return (_jsxs(Box, { flexDirection: "column", paddingLeft: paddingLeft, marginBottom: marginBottom, children: [_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: title }), meta] }), children] }));
+}
+//# sourceMappingURL=DashboardBlock.js.map

package/dist/ui/components/DashboardBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardBlock.js","sourceRoot":"","sources":["../../../src/ui/components/DashboardBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAWhC,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,GACI;IACpB,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,aAC9E,MAAC,GAAG,IAAC,SAAS,EAAE,CAAC,aACf,KAAC,IAAI,IAAC,IAAI,kBAAE,KAAK,GAAQ,EACxB,IAAI,IACD,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/DataTable.d.ts

@@ -2,11 +2,16 @@ interface Column {
     key: string;
     label: string;
     width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    priority?: number;
 }
 interface DataTableProps {
     columns: Column[];
     rows: Array<Record<string, string>>;
+    paddingLeft?: number;
+    maxWidth?: number;
 }
-export declare function DataTable({ columns, rows }: DataTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable({ columns, rows, paddingLeft, maxWidth }: DataTableProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/ui/components/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/ui/components/DataTable.tsx"],"names":[],"mappings":"AAEA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACrC;AAkBD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,cAAc,2CAwB1D"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/ui/components/DataTable.tsx"],"names":[],"mappings":"AAEA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAiFD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAe,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA4BrF"}

package/dist/ui/components/DataTable.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
+import { Box, Text, useStdout } from 'ink';
 function computeWidths(columns, rows) {
     return columns.map((col) => {
         if (col.width)
@@ -10,19 +10,83 @@ function computeWidths(columns, rows) {
             if (val.length > max)
                 max = val.length;
         }
+        if (col.maxWidth)
+            return Math.min(max, col.maxWidth);
         return max;
     });
 }
+function truncate(str, width) {
+    if (width <= 0)
+        return '';
+    if (str.length <= width)
+        return str;
+    if (width === 1)
+        return '…';
+    return `${str.slice(0, width - 1)}…`;
+}
+function totalWidth(widths) {
+    return widths.reduce((sum, width) => sum + width, 0) + widths.length * 3 + 1;
+}
 function pad(str, width) {
-    return str + ' '.repeat(Math.max(0, width - str.length));
+    const value = truncate(str, width);
+    return value + ' '.repeat(Math.max(0, width - value.length));
+}
+function fitColumns(columns, widths, availableWidth) {
+    let nextColumns = [...columns];
+    let nextWidths = [...widths];
+    const getMinWidth = (column) => column.minWidth ?? Math.min(Math.max(column.label.length, 4), 16);
+    while (totalWidth(nextWidths) > availableWidth) {
+        let shrunk = false;
+        const shrinkOrder = nextColumns
+            .map((column, index) => ({ column, index }))
+            .sort((a, b) => {
+            const priorityDiff = (a.column.priority ?? 0) - (b.column.priority ?? 0);
+            if (priorityDiff !== 0)
+                return priorityDiff;
+            return b.index - a.index;
+        });
+        for (const { column, index } of shrinkOrder) {
+            const minWidth = getMinWidth(column);
+            if (nextWidths[index] > minWidth) {
+                nextWidths[index] = nextWidths[index] - 1;
+                shrunk = true;
+                if (totalWidth(nextWidths) <= availableWidth)
+                    break;
+            }
+        }
+        if (totalWidth(nextWidths) <= availableWidth)
+            break;
+        if (!shrunk) {
+            if (nextColumns.length <= 1)
+                break;
+            const dropCandidates = nextColumns
+                .map((column, index) => ({ column, index }))
+                .sort((a, b) => {
+                const priorityDiff = (a.column.priority ?? 0) - (b.column.priority ?? 0);
+                if (priorityDiff !== 0)
+                    return priorityDiff;
+                return b.index - a.index;
+            });
+            const dropIndex = dropCandidates[0]?.index;
+            if (dropIndex === undefined)
+                break;
+            nextColumns.splice(dropIndex, 1);
+            nextWidths.splice(dropIndex, 1);
+        }
+    }
+    return { columns: nextColumns, widths: nextWidths };
 }
-export function DataTable({ columns, rows }) {
-    const widths = computeWidths(columns, rows);
+export function DataTable({ columns, rows, paddingLeft = 2, maxWidth }) {
+    const { stdout } = useStdout();
+    const termWidth = stdout?.columns ?? 80;
+    const availableWidth = Math.max(24, (maxWidth ?? termWidth) - paddingLeft - 1);
+    const computedWidths = computeWidths(columns, rows);
+    const { columns: visibleColumns, widths } = fitColumns(columns, computedWidths, availableWidth);
     const topBorder = '┌' + widths.map(w => '─'.repeat(w + 2)).join('┬') + '┐';
     const headerSep = '├' + widths.map(w => '─'.repeat(w + 2)).join('┼') + '┤';
     const bottomBorder = '└' + widths.map(w => '─'.repeat(w + 2)).join('┴') + '┘';
-    const headerRow = '│' + columns.map((col, i) => ` ${pad(col.label, widths[i])} `).join('│') + '│';
-    const dataRows = rows.map(row => '│' + columns.map((col, i) => ` ${pad(row[col.key] ?? '', widths[i])} `).join('│') + '│');
-    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [_jsx(Text, { children: topBorder }), _jsx(Text, { bold: true, children: headerRow }), _jsx(Text, { children: headerSep }), dataRows.map((row, i) => (_jsx(Text, { children: row }, i))), _jsx(Text, { children: bottomBorder })] }));
+    const headerRow = '│' + visibleColumns.map((col, i) => ` ${pad(col.label, widths[i])} `).join('│') + '│';
+    const dataRows = rows.map(row => '│' + visibleColumns.map((col, i) => ` ${pad(row[col.key] ?? '', widths[i])} `).join('│') + '│');
+    return (_jsxs(Box, { flexDirection: "column", paddingLeft: paddingLeft, children: [_jsx(Text, { children: topBorder }), _jsx(Text, { bold: true, children: headerRow }), _jsx(Text, { children: headerSep }), dataRows.map((row, i) => (_jsx(Text, { children: row }, i))), _jsx(Text, { children: bottomBorder })] }));
 }
 //# sourceMappingURL=DataTable.js.map

package/dist/ui/components/DataTable.js.map

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

package/dist/ui/components/ErrorBoundary.d.ts

@@ -8,7 +8,7 @@ interface ErrorBoundaryState {
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/ui/components/FieldList.d.ts

@@ -0,0 +1,24 @@
+export type FieldListValidator = (value: string, fields: FieldListField[]) => string | null;
+export interface FieldListField {
+    label: string;
+    key: string;
+    value: string;
+    placeholder: string;
+    helpText?: string;
+    validate?: FieldListValidator;
+    mask?: boolean;
+}
+interface FieldListProps {
+    fields: FieldListField[];
+    focusIndex: number;
+    onFocusIndexChange: (index: number) => void;
+    onFieldChange: (index: number, value: string) => void;
+    onComplete: (values: Record<string, string>) => void;
+    onBack?: () => void;
+    labelWidth?: number;
+    emptyUsesPlaceholder?: boolean;
+    footerHint?: string;
+}
+export declare function FieldList({ fields, focusIndex, onFocusIndexChange, onFieldChange, onComplete, onBack, labelWidth, emptyUsesPlaceholder, footerHint, }: FieldListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FieldList.d.ts.map

package/dist/ui/components/FieldList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldList.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FieldList.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG,CAC/B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,cAAc,EAAE,KACrB,MAAM,GAAG,IAAI,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,MAAM,EACN,UAAe,EACf,oBAA4B,EAC5B,UAAmD,GACpD,EAAE,cAAc,2CAoHhB"}

package/dist/ui/components/FieldList.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useInput } from 'ink';
+import InkTextInput from 'ink-text-input';
+export function FieldList({ fields, focusIndex, onFocusIndexChange, onFieldChange, onComplete, onBack, labelWidth = 14, emptyUsesPlaceholder = false, footerHint = '↑↓ Navigate   Enter Start   Esc Back', }) {
+    const [touchedKeys, setTouchedKeys] = React.useState({});
+    const [submitAttempted, setSubmitAttempted] = React.useState(false);
+    const errors = React.useMemo(() => Object.fromEntries(fields.map((field) => [field.key, field.validate?.(field.value, fields) ?? null])), [fields]);
+    const markTouched = React.useCallback((index) => {
+        const field = fields[index];
+        if (!field)
+            return;
+        setTouchedKeys((prev) => ({ ...prev, [field.key]: true }));
+    }, [fields]);
+    const moveFocus = React.useCallback((nextIndex) => {
+        markTouched(focusIndex);
+        onFocusIndexChange(nextIndex);
+    }, [focusIndex, markTouched, onFocusIndexChange]);
+    const handleSubmit = React.useCallback((index, submittedValue) => {
+        const nextFields = fields.map((field, fieldIndex) => (fieldIndex === index
+            ? { ...field, value: submittedValue ?? field.value }
+            : field));
+        const currentField = nextFields[index];
+        if (!currentField)
+            return;
+        markTouched(index);
+        const currentError = currentField.validate?.(currentField.value, nextFields) ?? null;
+        if (currentError) {
+            setSubmitAttempted(true);
+            return;
+        }
+        if (index < fields.length - 1) {
+            onFocusIndexChange(index + 1);
+            return;
+        }
+        const firstInvalidIndex = nextFields.findIndex((field) => (field.validate?.(field.value, nextFields) ?? null));
+        if (firstInvalidIndex !== -1) {
+            setSubmitAttempted(true);
+            onFocusIndexChange(firstInvalidIndex);
+            return;
+        }
+        onComplete(Object.fromEntries(nextFields.map((field) => [field.key, field.value])));
+    }, [fields, markTouched, onComplete, onFocusIndexChange]);
+    useInput((input, key) => {
+        if (key.upArrow || (key.shift && key.tab)) {
+            moveFocus(focusIndex > 0 ? focusIndex - 1 : fields.length - 1);
+        }
+        else if (key.downArrow || key.tab) {
+            moveFocus(focusIndex < fields.length - 1 ? focusIndex + 1 : 0);
+        }
+        else if (key.escape) {
+            onBack?.();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [fields.map((field, index) => {
+                const showPlaceholder = emptyUsesPlaceholder ? field.value === '' : field.value === field.placeholder;
+                const error = errors[field.key];
+                const showError = Boolean(error) && (submitAttempted ||
+                    touchedKeys[field.key] ||
+                    (index === focusIndex && field.value.trim().length > 0));
+                const displayValue = field.mask && field.value
+                    ? '*'.repeat(Math.min(field.value.length, 24))
+                    : field.value;
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: field.label.padEnd(labelWidth) }), index === focusIndex ? (_jsx(InkTextInput, { value: field.value, onChange: (value) => onFieldChange(index, value), onSubmit: (value) => handleSubmit(index, value), mask: field.mask ? '*' : undefined, placeholder: field.placeholder })) : (_jsx(Text, { dimColor: showPlaceholder, children: displayValue || field.placeholder }))] }), showError && (_jsx(Box, { paddingLeft: labelWidth, children: _jsx(Text, { color: "red", children: error }) })), field.helpText && index === focusIndex && (_jsx(Box, { paddingLeft: labelWidth, children: _jsx(Text, { dimColor: true, children: field.helpText }) }))] }, field.key));
+            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: footerHint }) })] }));
+}
+//# sourceMappingURL=FieldList.js.map

package/dist/ui/components/FieldList.js.map

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

package/dist/ui/components/KeyValue.d.ts

@@ -1,11 +1,13 @@
+import type { ReactNode } from 'react';
 interface KeyValueItem {
     key: string;
-    value: string;
+    value: ReactNode;
 }
 interface KeyValueProps {
     items: KeyValueItem[];
     keyWidth?: number;
+    paddingLeft?: number;
 }
-export declare function KeyValue({ items, keyWidth }: KeyValueProps): import("react/jsx-runtime").JSX.Element;
+export declare function KeyValue({ items, keyWidth, paddingLeft }: KeyValueProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=KeyValue.d.ts.map

package/dist/ui/components/KeyValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyValue.d.ts","sourceRoot":"","sources":["../../../src/ui/components/KeyValue.tsx"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAa1D"}
+{"version":3,"file":"KeyValue.d.ts","sourceRoot":"","sources":["../../../src/ui/components/KeyValue.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,YAAY;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAe,EAAE,EAAE,aAAa,2CAe3E"}

package/dist/ui/components/KeyValue.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-export function KeyValue({ items, keyWidth }) {
+export function KeyValue({ items, keyWidth, paddingLeft = 2 }) {
     const width = keyWidth ?? Math.max(...items.map(item => item.key.length)) + 2;
-    return (_jsx(Box, { flexDirection: "column", paddingLeft: 2, children: items.map((item, i) => (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: item.key.padEnd(width) }), _jsx(Text, { children: item.value })] }, i))) }));
+    return (_jsx(Box, { flexDirection: "column", paddingLeft: paddingLeft, children: items.map((item, i) => (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: item.key.padEnd(width) }), typeof item.value === 'string' || typeof item.value === 'number'
+                    ? _jsx(Text, { children: String(item.value) })
+                    : item.value] }, i))) }));
 }
 //# sourceMappingURL=KeyValue.js.map

package/dist/ui/components/KeyValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyValue.js","sourceRoot":"","sources":["../../../src/ui/components/KeyValue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAYhC,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAiB;IACzD,MAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;IAE9E,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,QAAQ,kBAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAAQ,EAC9C,KAAC,IAAI,cAAE,IAAI,CAAC,KAAK,GAAQ,KAFjB,CAAC,CAGL,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"KeyValue.js","sourceRoot":"","sources":["../../../src/ui/components/KeyValue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAchC,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,CAAC,EAAiB;IAC1E,MAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;IAE9E,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,YACjD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,QAAQ,kBAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAAQ,EAC7C,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;oBAC/D,CAAC,CAAC,KAAC,IAAI,cAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ;oBACnC,CAAC,CAAC,IAAI,CAAC,KAAK,KAJN,CAAC,CAKL,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/KeyboardHint.d.ts

@@ -0,0 +1,10 @@
+interface KeyboardAction {
+    key: string;
+    label: string;
+}
+interface KeyboardHintProps {
+    actions: KeyboardAction[];
+}
+export declare function KeyboardHint({ actions }: KeyboardHintProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KeyboardHint.d.ts.map

package/dist/ui/components/KeyboardHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardHint.d.ts","sourceRoot":"","sources":["../../../src/ui/components/KeyboardHint.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAQ1D"}

package/dist/ui/components/KeyboardHint.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function KeyboardHint({ actions }) {
+    return (_jsx(Box, { paddingTop: 1, children: _jsx(Text, { dimColor: true, children: actions.map(a => `${a.key} ${a.label}`).join('   ') }) }));
+}
+//# sourceMappingURL=KeyboardHint.js.map

package/dist/ui/components/KeyboardHint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardHint.js","sourceRoot":"","sources":["../../../src/ui/components/KeyboardHint.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAWhC,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAqB;IACzD,OAAO,CACL,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,KAAC,IAAI,IAAC,QAAQ,kBACX,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAC/C,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/MenuList.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+interface MenuListRowProps {
+    label: string;
+    description?: ReactNode;
+    labelWidth?: number;
+    active?: boolean;
+}
+export declare function MenuListRow({ label, description, labelWidth, active, }: MenuListRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MenuList.d.ts.map

package/dist/ui/components/MenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../src/ui/components/MenuList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAc,GACf,EAAE,gBAAgB,2CAWlB"}

package/dist/ui/components/MenuList.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function MenuListRow({ label, description, labelWidth, active = false, }) {
+    const paddedLabel = labelWidth ? label.padEnd(labelWidth) : label;
+    return (_jsxs(Box, { children: [_jsx(Text, { color: active ? 'cyan' : undefined, bold: active, children: `${active ? '❯' : ' '} ${paddedLabel}` }), description] }));
+}
+//# sourceMappingURL=MenuList.js.map

package/dist/ui/components/MenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../src/ui/components/MenuList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAUhC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,GAAG,KAAK,GACG;IACjB,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAElE,OAAO,CACL,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,YACnD,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,WAAW,EAAE,GAClC,EACN,WAAW,IACR,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/MetricsFooter.d.ts

@@ -1,8 +1,11 @@
-import type { SystemMetrics } from '../../lib/system.js';
-interface MetricsFooterProps {
-    metrics: SystemMetrics;
-    history: SystemMetrics[];
-}
-export declare function MetricsFooter({ metrics, history }: MetricsFooterProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+/**
+ * Self-contained metrics footer — subscribes to MetricsContext directly so that
+ * AppShell does not need to subscribe. This prevents metrics polling from
+ * triggering re-renders of the entire view tree every 30 seconds.
+ *
+ * Memoized: only re-renders when metrics context changes, not when the parent
+ * view re-renders due to its own polling (services, health checks, etc.).
+ */
+export declare const MetricsFooter: React.NamedExoticComponent<object>;
 //# sourceMappingURL=MetricsFooter.d.ts.map

package/dist/ui/components/MetricsFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsFooter.d.ts","sourceRoot":"","sources":["../../../src/ui/components/MetricsFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAiDrE"}
+{"version":3,"file":"MetricsFooter.d.ts","sourceRoot":"","sources":["../../../src/ui/components/MetricsFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,oCAqDxB,CAAC"}

package/dist/ui/components/MetricsFooter.js

@@ -1,8 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Box, useStdout } from 'ink';
 import { Sparkline } from './Sparkline.js';
-export function MetricsFooter({ metrics, history }) {
+import { useMetrics, useMetricsHistory } from '../context/MetricsContext.js';
+/**
+ * Self-contained metrics footer — subscribes to MetricsContext directly so that
+ * AppShell does not need to subscribe. This prevents metrics polling from
+ * triggering re-renders of the entire view tree every 30 seconds.
+ *
+ * Memoized: only re-renders when metrics context changes, not when the parent
+ * view re-renders due to its own polling (services, health checks, etc.).
+ */
+export const MetricsFooter = React.memo(function MetricsFooter() {
+    const metrics = useMetrics();
+    const history = useMetricsHistory();
     const { stdout } = useStdout();
+    if (!metrics)
+        return null;
     const width = stdout?.columns ?? 80;
     // Sparkline width adapts to terminal — leave room for label (11) + trend (2) + detail (~14)
     const sparkWidth = Math.max(10, Math.min(40, width - 34));
@@ -11,9 +25,8 @@ export function MetricsFooter({ metrics, history }) {
     const diskData = history.map(m => m.disk.usedPercent);
     const swapData = history.map(m => m.swap?.percent ?? 0);
     const loadData = history.map(m => m.cpu.load1m);
-    // Load max is based on CPU core count (100% per core)
     const cpuCount = metrics.cpu.label?.match(/(\d+)\s*core/i)?.[1];
     const loadMax = cpuCount ? parseInt(cpuCount, 10) : 8;
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Sparkline, { data: ramData, width: sparkWidth, label: "RAM", detail: `${metrics.ram.percent}% ${metrics.ram.label}`, min: 0, max: 100, thresholdColor: true, showTrend: true }), _jsx(Sparkline, { data: cpuData, width: sparkWidth, label: "CPU", detail: `${metrics.cpu.percent}% ${metrics.cpu.label}`, min: 0, max: 100, thresholdColor: true, showTrend: true }), _jsx(Sparkline, { data: diskData, width: sparkWidth, label: "Disk", detail: `${metrics.disk.usedPercent}% ${metrics.disk.label}`, min: 0, max: 100, thresholdColor: true, thresholds: [80, 95] }), metrics.swap && (_jsx(Sparkline, { data: swapData, width: sparkWidth, label: "Swap", detail: `${metrics.swap.percent}% ${metrics.swap.label}`, min: 0, max: 100, thresholdColor: true, thresholds: [70, 90], showTrend: true })), _jsx(Sparkline, { data: loadData, width: sparkWidth, label: "Load", detail: `${metrics.cpu.load1m.toFixed(1)}`, min: 0, max: loadMax, thresholdColor: true, thresholds: [loadMax * 0.7, loadMax * 0.9], showTrend: true })] }));
-}
+});
 //# sourceMappingURL=MetricsFooter.js.map

package/dist/ui/components/MetricsFooter.js.map

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

package/dist/ui/components/PaneSection.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+interface PaneSectionProps {
+    title: string;
+    children: ReactNode;
+    marginTop?: number;
+}
+export declare function PaneSection({ title, children, marginTop }: PaneSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PaneSection.d.ts.map

package/dist/ui/components/PaneSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneSection.d.ts","sourceRoot":"","sources":["../../../src/ui/components/PaneSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAa,EAAE,EAAE,gBAAgB,2CAO/E"}

package/dist/ui/components/PaneSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function PaneSection({ title, children, marginTop = 1 }) {
+    return (_jsxs(Box, { flexDirection: "column", marginTop: marginTop, children: [_jsx(Text, { bold: true, children: title }), children] }));
+}
+//# sourceMappingURL=PaneSection.js.map

package/dist/ui/components/PaneSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneSection.js","sourceRoot":"","sources":["../../../src/ui/components/PaneSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAShC,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,EAAoB;IAC9E,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aAC9C,KAAC,IAAI,IAAC,IAAI,kBAAE,KAAK,GAAQ,EACxB,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/PanelState.d.ts

@@ -0,0 +1,8 @@
+interface PanelStateProps {
+    state: 'loading' | 'error' | 'empty';
+    message: string;
+    paddingLeft?: number;
+}
+export declare function PanelState({ state, message, paddingLeft }: PanelStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PanelState.d.ts.map

package/dist/ui/components/PanelState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelState.d.ts","sourceRoot":"","sources":["../../../src/ui/components/PanelState.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAe,EAAE,EAAE,eAAe,2CAQ9E"}

package/dist/ui/components/PanelState.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Spinner } from './Spinner.js';
+export function PanelState({ state, message, paddingLeft = 2 }) {
+    return (_jsxs(Box, { paddingLeft: paddingLeft, children: [state === 'loading' && _jsx(Spinner, { label: message }), state === 'error' && _jsx(Text, { color: "red", children: message }), state === 'empty' && _jsx(Text, { dimColor: true, children: message })] }));
+}
+//# sourceMappingURL=PanelState.js.map

package/dist/ui/components/PanelState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelState.js","sourceRoot":"","sources":["../../../src/ui/components/PanelState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAQvC,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAG,CAAC,EAAmB;IAC7E,OAAO,CACL,MAAC,GAAG,IAAC,WAAW,EAAE,WAAW,aAC1B,KAAK,KAAK,SAAS,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,GAAI,EAClD,KAAK,KAAK,OAAO,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,YAAE,OAAO,GAAQ,EACvD,KAAK,KAAK,OAAO,IAAI,KAAC,IAAI,IAAC,QAAQ,kBAAE,OAAO,GAAQ,IACjD,CACP,CAAC;AACJ,CAAC"}