@aria-cli/cli 1.0.57 → 1.0.58

package/dist/ui/components/OutputTruncation.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// BashTool/OutputLine.tsx
-// Substitutions:
-// - import { getTheme } from '../../utils/theme' → import { getTheme } from '../theme/index.js'
-// - import { MAX_RENDERED_LINES } from './prompt' → const MAX_RENDERED_LINES = 50
-// - theme.error → theme.colors.error
-// Compat: OutputTruncation exported for backward compat with ARIA callers
-//         (simplified interface: content + maxLines + isError)
-import { Box, Text } from "ink";
-import { getTheme } from "../theme/index.js";
-import chalk from "chalk";
-import { capLine } from "../tools/truncation.js";
-const MAX_RENDERED_LINES = 3;
-function renderTruncatedContent(content, totalLines, maxLines = MAX_RENDERED_LINES) {
-    const allLines = content.split("\n");
-    if (allLines.length <= maxLines) {
-        return allLines.map(capLine).join("\n");
-    }
-    return [
-        ...allLines.slice(0, maxLines).map(capLine),
-        chalk.grey(`... (+${totalLines - maxLines} lines)`),
-    ].join("\n");
-}
-export function OutputLine({ content, lines, verbose, isError, }) {
-    return (_jsx(Box, { justifyContent: "space-between", width: "100%", children: _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: "\u00A0\u00A0\u23BF \u00A0" }), _jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: isError ? getTheme().colors.error : undefined, children: verbose ? content.trim() : renderTruncatedContent(content.trim(), lines) }) })] }) }));
-}
-/**
- * Backward-compat wrapper for ARIA callers that use the simplified interface.
- * Accepts content string + optional maxLines + isError, computes line count internally.
- */
-export function OutputTruncation({ content, maxLines = MAX_RENDERED_LINES, isError, }) {
-    const lines = content.split("\n").length;
-    return (_jsx(Box, { justifyContent: "space-between", width: "100%", children: _jsx(Box, { flexDirection: "row", children: _jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: isError ? getTheme().colors.error : undefined, children: renderTruncatedContent(content.trim(), lines, maxLines) }) }) }) }));
-}
-//# sourceMappingURL=OutputTruncation.js.map

package/dist/ui/components/PermissionPrompt.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// packages/cli/src/ui/components/PermissionPrompt.tsx
-import { useState, useRef } from "react";
-import { Box, Text, useInput } from "ink";
-import { getTheme } from "../theme/index.js";
-import { CompactDiff } from "./StructuredDiff.js";
-import { isEscapeInput } from "../utils/keys.js";
-export function PermissionPrompt({ toolName, description, diff, riskLevel = "moderate", onChoice, isActive = true, }) {
-    const theme = getTheme();
-    const [selected, setSelected] = useState(0);
-    const submittedRef = useRef(false);
-    const options = [
-        { key: "y", label: "Yes", choice: "yes" },
-        { key: "n", label: "No", choice: "no" },
-        { key: "a", label: "Always allow this session", choice: "always" },
-    ];
-    // Risk level colors
-    const riskColors = {
-        low: theme.colors.success,
-        moderate: theme.colors.warning,
-        high: theme.colors.error,
-    };
-    // Only use input handling when stdin supports raw mode
-    const isRawModeSupported = process.stdin.isTTY ?? false;
-    const submit = (choice) => {
-        if (submittedRef.current)
-            return;
-        submittedRef.current = true;
-        onChoice(choice);
-    };
-    useInput((input, key) => {
-        if (submittedRef.current)
-            return;
-        const lowerInput = input.toLowerCase();
-        // Direct key selection
-        const directMatch = options.find((o) => o.key === lowerInput);
-        if (directMatch) {
-            submit(directMatch.choice);
-            return;
-        }
-        // Arrow navigation
-        if (key.leftArrow) {
-            setSelected((s) => Math.max(0, s - 1));
-        }
-        else if (key.rightArrow) {
-            setSelected((s) => Math.min(options.length - 1, s + 1));
-        }
-        else if (key.return) {
-            submit(options[selected].choice);
-        }
-        else if (isEscapeInput(input, key)) {
-            submit("no");
-        }
-    }, { isActive: isActive && isRawModeSupported });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: riskColors[riskLevel], paddingX: 1, paddingY: 1, width: 60, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: riskColors[riskLevel], children: "Permission Required" }), riskLevel !== "low" && _jsxs(Text, { color: riskColors[riskLevel], children: [" \u2022 Risk: ", riskLevel] })] }), _jsx(Box, { marginBottom: 1, height: 6, overflowY: "hidden", children: _jsxs(Text, { wrap: "wrap", children: [_jsxs(Text, { bold: true, children: [theme.symbols.pending, " ", toolName] }), _jsxs(Text, { color: theme.colors.textMuted, children: [": ", description] })] }) }), diff && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: "Changes:" }), _jsx(CompactDiff, { diff: diff, maxLines: 8 })] })), _jsx(Box, { gap: 2, children: options.map((option, index) => (_jsxs(Text, { inverse: index === selected, color: index === selected ? theme.colors.primary : undefined, children: ["[", option.key.toUpperCase(), "] ", option.label] }, option.key))) })] }));
-}
-/**
- * Simple yes/no confirmation
- */
-export function ConfirmPrompt({ message, onConfirm, onCancel, }) {
-    const theme = getTheme();
-    const submittedRef = useRef(false);
-    // Only use input handling when stdin supports raw mode
-    const isRawModeSupported = process.stdin.isTTY ?? false;
-    useInput((input, key) => {
-        if (submittedRef.current)
-            return;
-        if (input.toLowerCase() === "y" || key.return) {
-            submittedRef.current = true;
-            onConfirm();
-        }
-        else if (input.toLowerCase() === "n" || isEscapeInput(input, key)) {
-            submittedRef.current = true;
-            onCancel();
-        }
-    }, { isActive: isRawModeSupported });
-    return (_jsxs(Box, { children: [_jsxs(Text, { children: [message, " "] }), _jsx(Text, { color: theme.colors.textMuted, children: "[Y/n]" })] }));
-}
-//# sourceMappingURL=PermissionPrompt.js.map

package/dist/ui/components/PipelineTimingPanel.js

@@ -1,15 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { getTheme } from "../theme/index.js";
-function formatMs(value) {
-    if (value < 1000)
-        return `${Math.round(value)}ms`;
-    return `${(value / 1000).toFixed(2)}s`;
-}
-export function PipelineTimingPanel({ report, }) {
-    const theme = getTheme();
-    if (!report || report.phases.length === 0)
-        return null;
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.textMuted, children: [" Pipeline timing (", formatMs(report.totalMs), ")"] }), report.phases.map((phase) => (_jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.info, children: [" ", phase.phase.padEnd(24)] }), _jsxs(Text, { color: theme.colors.text, children: [" ", formatMs(phase.durationMs)] }), _jsxs(Text, { color: theme.colors.textMuted, children: [" (", phase.pct, "%)"] })] }, `${phase.phase}:${phase.durationMs}`)))] }));
-}
-//# sourceMappingURL=PipelineTimingPanel.js.map

package/dist/ui/components/ProviderMethodPicker.js

@@ -1,61 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { Box, Text, useInput } from "ink";
-import { getTheme } from "../theme/index.js";
-import { isEscapeInput } from "../utils/keys.js";
-function StatusIndicator({ status }) {
-    const theme = getTheme();
-    if (status === "connected") {
-        return _jsxs(Text, { color: theme.colors.success, children: ["\u2713", " connected"] });
-    }
-    if (status === "available") {
-        return _jsxs(Text, { color: theme.colors.success, children: ["\u2713", " available"] });
-    }
-    return _jsx(Text, { color: theme.colors.textMuted, children: "\u00b7" });
-}
-export function ProviderMethodPicker({ options, onSelect, onCancel, title = "Select login method:", isActive = true, }) {
-    const theme = getTheme();
-    const [selected, setSelectedState] = useState(0);
-    const selectedRef = useRef(0);
-    const submittedRef = useRef(false);
-    const isRawModeSupported = process.stdin.isTTY ?? false;
-    // Reset state when options change — prevents stale submittedRef from a
-    // previous interaction blocking input in the reused component instance
-    // (React reconciles the same JSX position without remounting).
-    useEffect(() => {
-        submittedRef.current = false;
-        selectedRef.current = 0;
-        setSelectedState(0);
-    }, [options]);
-    const setSelected = (update) => {
-        setSelectedState((current) => {
-            const next = update(current);
-            selectedRef.current = next;
-            return next;
-        });
-    };
-    useInput((input, key) => {
-        if (submittedRef.current)
-            return;
-        if (key.upArrow) {
-            setSelected((s) => Math.max(0, s - 1));
-        }
-        else if (key.downArrow) {
-            setSelected((s) => Math.min(options.length - 1, s + 1));
-        }
-        else if (key.return) {
-            submittedRef.current = true;
-            onSelect(options[selectedRef.current]);
-        }
-        else if (isEscapeInput(input, key)) {
-            submittedRef.current = true;
-            onCancel();
-        }
-    }, { isActive: isActive && isRawModeSupported });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.secondary, paddingX: 1, paddingY: 1, width: 64, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: title }) }), options.map((option, index) => {
-                const isHovered = index === selected;
-                const pointer = isHovered ? "\u25b8" : " ";
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isHovered ? theme.colors.primary : undefined, children: pointer }), _jsx(Text, { color: isHovered ? theme.colors.primary : undefined, bold: isHovered, children: option.label }), _jsx(StatusIndicator, { status: option.status })] }), option.description && (_jsx(Box, { marginLeft: 3, children: _jsx(Text, { color: theme.colors.textMuted, dimColor: true, children: option.description }) }))] }, option.id));
-            }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.colors.textMuted, children: ["\u2191\u2193", " Navigate Enter Select Esc Cancel"] }) })] }));
-}
-//# sourceMappingURL=ProviderMethodPicker.js.map

package/dist/ui/components/ProviderPicker.js

@@ -1,63 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-// packages/cli/src/ui/components/ProviderPicker.tsx
-import { useEffect, useState, useRef } from "react";
-import { Box, Text, useInput } from "ink";
-import { getTheme } from "../theme/index.js";
-import { isEscapeInput } from "../utils/keys.js";
-function StatusIndicator({ status }) {
-    const theme = getTheme();
-    switch (status) {
-        case "connected":
-            return _jsxs(Text, { color: theme.colors.success, children: ["\u2713", " connected"] });
-        case "expired":
-            return _jsxs(Text, { color: theme.colors.error, children: ["\u2717", " expired"] });
-        case "none":
-            return _jsxs(Text, { color: theme.colors.textMuted, children: ["\u00b7", " not connected"] });
-    }
-}
-export function ProviderPicker({ providers, onSelect, onCancel, isActive = true, }) {
-    const theme = getTheme();
-    const [selected, setSelectedState] = useState(0);
-    const selectedRef = useRef(0);
-    const submittedRef = useRef(false);
-    // Reset state when providers change — prevents stale submittedRef from a
-    // previous interaction blocking input in a reused component instance.
-    useEffect(() => {
-        submittedRef.current = false;
-        selectedRef.current = 0;
-        setSelectedState(0);
-    }, [providers]);
-    const setSelected = (update) => {
-        setSelectedState((current) => {
-            const next = update(current);
-            selectedRef.current = next;
-            return next;
-        });
-    };
-    // Only use input handling when stdin supports raw mode
-    const isRawModeSupported = process.stdin.isTTY ?? false;
-    useInput((input, key) => {
-        if (submittedRef.current)
-            return;
-        if (key.upArrow) {
-            setSelected((s) => Math.max(0, s - 1));
-        }
-        else if (key.downArrow) {
-            setSelected((s) => Math.min(providers.length - 1, s + 1));
-        }
-        else if (key.return) {
-            submittedRef.current = true;
-            onSelect(providers[selectedRef.current]);
-        }
-        else if (isEscapeInput(input, key)) {
-            submittedRef.current = true;
-            onCancel();
-        }
-    }, { isActive: isActive && isRawModeSupported });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.secondary, paddingX: 1, paddingY: 1, width: 56, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Select a provider:" }) }), providers.map((provider, index) => {
-                const isHovered = index === selected;
-                const pointer = isHovered ? "\u25b8" : " ";
-                return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isHovered ? theme.colors.primary : undefined, children: pointer }), _jsx(Text, { color: isHovered ? theme.colors.primary : undefined, bold: isHovered, children: provider.label.padEnd(28) }), _jsx(StatusIndicator, { status: provider.status })] }, provider.id));
-            }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.colors.textMuted, children: ["\u2191\u2193", " Navigate Enter Select Esc Cancel"] }) })] }));
-}
-//# sourceMappingURL=ProviderPicker.js.map

package/dist/ui/components/RenderItemView.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Flat dispatcher for the new rendering pipeline.
- * Replaces MessageRouter — dispatches by RenderItem.kind instead of
- * DisplayMessage.type + ContentBlock.type.
- *
- * Reuses existing components: UserTextMessage, ThinkingBlock, ToolExecution.
- */
-import * as React from "react";
-import { Box, Text } from "ink";
-import wrapAnsi from "wrap-ansi";
-import { UserTextMessage } from "./messages/UserTextMessage.js";
-import { UserImageMessage } from "./messages/UserImageMessage.js";
-import { ThinkingBlock } from "./ThinkingBlock.js";
-import { ToolExecution } from "./ToolExecution.js";
-import { getTheme } from "../theme/index.js";
-import { applyMarkdown } from "../markdown/index.js";
-import { useTerminalSize } from "../hooks/useTerminalSize.js";
-export const RenderItemView = React.memo(function RenderItemView({ item, displayMode, showPrefix, previewTailLines }) {
-    const verbose = displayMode === "debug";
-    const { columns } = useTerminalSize();
-    switch (item.kind) {
-        case "user-message":
-            return (_jsx(UserTextMessage, { param: { type: "text", text: item.text }, userName: item.userName, columns: columns, addMargin: showPrefix, showPrefix: showPrefix }));
-        case "user-image":
-            return (_jsx(UserImageMessage, { dataUri: item.dataUri, userName: item.userName, showPrefix: showPrefix }));
-        case "assistant-text": {
-            const BLACK_CIRCLE = process.platform === "darwin" ? "\u23FA" : "\u25CF";
-            const arionColor = item.arion?.color ?? "cyan";
-            const contentWidth = Math.max(columns - 4, 20);
-            const rendered = applyMarkdown(item.text, {
-                width: contentWidth,
-                mode: item.committed ? "final" : "streaming",
-            });
-            const tailLines = !item.committed && previewTailLines
-                ? Math.max(previewTailLines - (showPrefix && item.arion ? 1 : 0), 1)
-                : undefined;
-            const displayText = tailLines != null
-                ? sliceRenderedTailByVisibleLines(rendered, contentWidth, tailLines)
-                : rendered;
-            return (_jsxs(Box, { flexDirection: "column", children: [showPrefix && item.arion && (_jsxs(Box, { flexDirection: "row", marginBottom: 1, children: [_jsxs(Text, { children: [item.arion.emoji, " "] }), _jsx(Text, { bold: true, color: arionColor, children: item.arion.name })] })), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { minWidth: 2, children: _jsx(Text, { color: arionColor, children: BLACK_CIRCLE }) }), _jsx(Box, { flexShrink: 1, width: contentWidth, children: _jsx(Text, { children: displayText }) })] })] }));
-        }
-        case "thinking": {
-            // Collapsed (standard mode): content is empty, durationSec preserved
-            if (!item.content && item.durationSec != null) {
-                return (_jsxs(Box, { flexDirection: "column", children: [showPrefix && item.arion && (_jsxs(Box, { flexDirection: "row", marginBottom: 1, children: [_jsxs(Text, { children: [item.arion.emoji, " "] }), _jsx(Text, { bold: true, color: item.arion.color, children: item.arion.name })] })), _jsxs(Text, { dimColor: true, children: ["\u273B", " Thought for ", item.durationSec.toFixed(1), "s"] })] }));
-            }
-            if (!item.content)
-                return null;
-            // Full thinking (debug mode) — delegate to existing ThinkingBlock
-            return (_jsx(ThinkingBlock, { content: item.content, expanded: verbose, durationSeconds: item.durationSec, arionName: showPrefix ? item.arion?.name : undefined, arionEmoji: showPrefix ? item.arion?.emoji : undefined, arionColor: showPrefix ? item.arion?.color : undefined, isLive: !item.committed }));
-        }
-        case "tool-execution":
-            return _jsx(ToolExecution, { item: item, verbose: verbose });
-        case "error": {
-            const theme = getTheme();
-            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.colors.error, children: item.message }), item.suggestion && _jsxs(Text, { dimColor: true, children: [" Suggestion: ", item.suggestion] })] }));
-        }
-        case "handoff":
-            return (_jsxs(Text, { dimColor: true, children: [item.direction === "outgoing" ? "\u2192" : "\u2190", " Handoff to ", item.target] }));
-    }
-});
-function sliceRenderedTailByVisibleLines(rendered, width, tailLines) {
-    const visibleLines = rendered.split("\n").flatMap((line) => wrapAnsi(line, width, {
-        hard: false,
-        trim: false,
-        wordWrap: true,
-    }).split("\n"));
-    return visibleLines.slice(-tailLines).join("\n");
-}
-//# sourceMappingURL=RenderItemView.js.map

package/dist/ui/components/Spinner.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// packages/cli/src/ui/components/Spinner.tsx
-// Changes: theme → ARIA's, MESSAGES → VERB_PAIRS.map(p => p.present), removed getSessionState
-import { Box, Text } from "ink";
-import { useEffect, useRef, useState } from "react";
-import { getTheme } from "../theme/index.js";
-import { VERB_PAIRS } from "../verb-pairs.js";
-function sample(arr) {
-    return arr[Math.floor(Math.random() * arr.length)];
-}
-// NB: The third character in this string is an emoji that
-// renders on Windows consoles with a green background
-const CHARACTERS = process.platform === "darwin" ? ["·", "✢", "✳", "∗", "✻", "✽"] : ["·", "✢", "*", "∗", "✻", "✽"];
-const MESSAGES = VERB_PAIRS.map((p) => p.present);
-export function Spinner() {
-    const frames = [...CHARACTERS, ...[...CHARACTERS].reverse()];
-    const [frame, setFrame] = useState(0);
-    const [elapsedTime, setElapsedTime] = useState(0);
-    const message = useRef(sample(MESSAGES));
-    const startTime = useRef(Date.now());
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setFrame((f) => (f + 1) % frames.length);
-        }, 120);
-        return () => clearInterval(timer);
-    }, [frames.length]);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setElapsedTime(Math.floor((Date.now() - startTime.current) / 1000));
-        }, 1000);
-        return () => clearInterval(timer);
-    }, []);
-    return (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Box, { flexWrap: "nowrap", height: 1, width: 2, children: _jsx(Text, { color: getTheme().colors.primary, children: frames[frame] }) }), _jsxs(Text, { color: getTheme().colors.primary, children: [message.current, "\u2026 "] }), _jsxs(Text, { color: getTheme().colors.textMuted, children: ["(", elapsedTime, "s \u00B7 ", _jsx(Text, { bold: true, children: "esc" }), " to interrupt)"] })] }));
-}
-export function SimpleSpinner() {
-    const frames = [...CHARACTERS, ...[...CHARACTERS].reverse()];
-    const [frame, setFrame] = useState(0);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setFrame((f) => (f + 1) % frames.length);
-        }, 120);
-        return () => clearInterval(timer);
-    }, [frames.length]);
-    return (_jsx(Box, { flexWrap: "nowrap", height: 1, width: 2, children: _jsx(Text, { color: getTheme().colors.primary, children: frames[frame] }) }));
-}
-//# sourceMappingURL=Spinner.js.map

package/dist/ui/components/StatusBar.js

@@ -1,95 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { getArionColor, getModelColor, getModelProviderIcon, shortModelName } from "../theme.js";
-/** Default autonomy level — matches DEFAULT_SAFETY_CONFIG.autonomy in @aria/aria */
-export const DEFAULT_AUTONOMY = "balanced";
-/**
- * Format a token count into human-friendly compact notation.
- * Examples: 0, 842, 1.2k, 45.6k, 1.2M
- */
-export function formatTokens(tokens) {
-    if (tokens < 1000)
-        return String(tokens);
-    if (tokens < 1_000_000) {
-        const k = tokens / 1000;
-        return k >= 100 ? `${Math.round(k)}k` : `${k.toFixed(1)}k`;
-    }
-    const m = tokens / 1_000_000;
-    return m >= 100 ? `${Math.round(m)}M` : `${m.toFixed(1)}M`;
-}
-/**
- * Format cost in USD with 2 decimal places.
- * Examples: $0.00, $0.12, $1.50
- */
-export function formatCost(cost) {
-    return `$${cost.toFixed(2)}`;
-}
-/**
- * Format wall-clock time in human-readable format.
- * Examples: 0.0s, 1.2s, 45.3s, 2m 15s
- */
-export function formatWallTime(seconds) {
-    if (seconds < 60) {
-        return `${seconds.toFixed(1)}s`;
-    }
-    const mins = Math.floor(seconds / 60);
-    const secs = Math.round(seconds % 60);
-    return `${mins}m ${secs}s`;
-}
-/**
- * Get context window fill percentage (0–100).
- */
-export function contextPercent(contextTokens, maxTokens) {
-    if (maxTokens <= 0)
-        return 0;
-    return Math.min(100, Math.round((contextTokens / maxTokens) * 100));
-}
-/** Anthropic-style lavender purple for the context gauge */
-const GAUGE_COLOR = "#B4A0FF";
-/** Effort display: visual bars with semantic colors */
-const EFFORT_DISPLAY = {
-    low: { bars: "▌", color: "blue" },
-    medium: { bars: "▌▌", color: "cyan" },
-    high: { bars: "▌▌▌", color: "yellow" },
-    max: { bars: "▌▌▌▌", color: "magenta" },
-};
-/** Autonomy display: describes actual behavior, visually distinct per level */
-const AUTONOMY_DISPLAY = {
-    minimal: { symbol: "▸", label: "confirm all", color: "green" },
-    balanced: { symbol: "▸▸", label: "confirm risky", color: "yellow" },
-    high: { symbol: "▸▸▸", label: "auto-approve", color: "magenta" },
-    full: { symbol: "⏵⏵", label: "full bypass", color: "red" },
-};
-const GAUGE_WIDTH = 8;
-const SEP = " · ";
-/**
- * Status bar — context-first, purple gauge, with autonomy indicator.
- *
- * Idle:
- *   🦋 ARIA · opus-4.6                          ⏵⏵ bypass  ctx ░░░░░░░░ –
- *
- * During run (standard):
- *   🦋 ARIA · opus-4.6 · Turn 3 · 45.6k/200k   ⏵⏵ bypass  ctx ████░░░░ 23%
- *
- * During run (debug — adds cost + time):
- *   🦋 ARIA · opus-4.6 · Turn 3 · 45.6k/200k · $0.02 · 2.1s   ⏵⏵ bypass  ctx ████░░░░ 23%
- */
-export function StatusBar({ arion, model, maxContextTokens = 0, responseTime, metrics, showCosts = true, displayMode, activeArion, effortLevel, autonomyLevel = DEFAULT_AUTONOMY, meshMessageCount = 0, connectionState = "connected", }) {
-    const arionHex = getArionColor(arion.color);
-    const displayModel = shortModelName(model);
-    const modelColor = getModelColor(displayModel);
-    const providerIcon = getModelProviderIcon(displayModel);
-    const isDebug = displayMode === "debug";
-    // Show metrics when available (turn > 0 means a run has started)
-    const hasMetrics = metrics && metrics.turnCount > 0;
-    // Context window gauge
-    const ctxTokens = hasMetrics ? metrics.contextTokens : 0;
-    const pct = maxContextTokens > 0 ? contextPercent(ctxTokens, maxContextTokens) : 0;
-    const filledBlocks = Math.min(GAUGE_WIDTH, Math.round((pct / 100) * GAUGE_WIDTH));
-    const emptyBlocks = GAUGE_WIDTH - filledBlocks;
-    const gaugeLabel = hasMetrics ? `${pct}%` : "–";
-    // Autonomy indicator
-    const auto = AUTONOMY_DISPLAY[autonomyLevel];
-    return (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsxs(Text, { children: [arion.emoji, " "] }), _jsx(Text, { color: arionHex, bold: true, children: arion.name }), _jsx(Text, { dimColor: true, children: SEP }), hasMetrics ? (_jsxs(_Fragment, { children: [providerIcon && _jsxs(Text, { color: providerIcon.color, children: [providerIcon.icon, " "] }), _jsx(Text, { color: modelColor, dimColor: !modelColor, children: displayModel }), effortLevel && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { color: EFFORT_DISPLAY[effortLevel].color, children: EFFORT_DISPLAY[effortLevel].bars })] })), _jsx(Text, { dimColor: true, children: SEP }), _jsxs(Text, { dimColor: true, children: ["Turn ", metrics.turnCount] }), _jsx(Text, { dimColor: true, children: SEP }), _jsxs(Text, { color: metrics.contextStale ? undefined : GAUGE_COLOR, dimColor: metrics.contextStale, children: [metrics.contextStale ? "~" : "", formatTokens(metrics.contextTokens)] }), maxContextTokens > 0 && _jsxs(Text, { dimColor: true, children: ["/", formatTokens(maxContextTokens)] }), isDebug && showCosts && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { dimColor: true, children: formatCost(metrics.estimatedCost) })] })), isDebug && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { dimColor: true, children: formatWallTime(metrics.wallTimeSeconds) })] })), activeArion && activeArion !== arion.name && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { dimColor: true, children: activeArion })] }))] })) : (_jsxs(_Fragment, { children: [providerIcon && _jsxs(Text, { color: providerIcon.color, children: [providerIcon.icon, " "] }), _jsx(Text, { color: modelColor, dimColor: !modelColor, children: displayModel }), effortLevel && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { color: EFFORT_DISPLAY[effortLevel].color, children: EFFORT_DISPLAY[effortLevel].bars })] })), responseTime !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsxs(Text, { dimColor: true, children: [responseTime.toFixed(1), "s"] })] }))] }))] }), _jsxs(Box, { gap: 1, children: [connectionState === "disconnected" && (_jsx(Text, { color: "red", bold: true, children: "\u26A1 offline" })), connectionState === "reconnecting" && (_jsx(Text, { color: "yellow", bold: true, children: "\u21BB reconnecting\u2026" })), meshMessageCount > 0 && (_jsxs(Text, { color: "yellow", bold: true, children: ["msg ", meshMessageCount] })), _jsxs(Text, { color: auto.color, children: [auto.symbol, " ", auto.label] }), _jsx(Text, { dimColor: true, children: "ctx" }), _jsx(Text, { color: GAUGE_COLOR, children: "█".repeat(filledBlocks) }), _jsx(Text, { dimColor: true, children: "░".repeat(emptyBlocks) }), _jsx(Text, { color: GAUGE_COLOR, children: gaugeLabel })] })] }));
-}
-//# sourceMappingURL=StatusBar.js.map

package/dist/ui/components/StreamingIndicator.js

@@ -1,55 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-// packages/cli/src/ui/components/StreamingIndicator.tsx
-import { useRef } from "react";
-import { Box, Text } from "ink";
-import gradient from "gradient-string";
-import { getTheme } from "../theme/index.js";
-import { pickRandomVerbPair } from "../verb-pairs.js";
-// Subtle gradient in the primary color family — soft shimmer effect
-const GRADIENT_COLORS = ["#5f97cd", "#7baed4", "#97c4db", "#7baed4"];
-const CHARACTERS = process.platform === "darwin" ? ["·", "✢", "✳", "∗", "✻", "✽"] : ["·", "✢", "*", "∗", "✻", "✽"];
-function formatElapsed(seconds) {
-    if (seconds < 60)
-        return `${seconds}s`;
-    const m = Math.floor(seconds / 60);
-    const s = seconds % 60;
-    return `${m}m ${s}s`;
-}
-function formatTokens(tokens) {
-    if (tokens >= 1000)
-        return `${(tokens / 1000).toFixed(1)}k tokens`;
-    return `${tokens} tokens`;
-}
-export function StreamingIndicator({ state, elapsedSeconds, totalTokens, thoughtForSeconds, currentVerb, }) {
-    const frames = [...CHARACTERS, ...[...CHARACTERS].reverse()];
-    // Derive animation frame from wall clock — no internal timer, no independent renders.
-    // The component re-renders only when the PARENT re-renders (driven by the single
-    // render scheduler), keeping all dynamic zone updates in one atomic write.
-    const frame = Math.floor(Date.now() / 120) % frames.length;
-    // Fallback from the same VERB_PAIRS list used by thinking blocks,
-    // so the indicator and ThinkingBlock verbs are always from the same family.
-    const fallbackVerb = useRef(pickRandomVerbPair().present);
-    const displayVerb = currentVerb || fallbackVerb.current;
-    const theme = getTheme();
-    // Build gradient-colored verb text
-    const offset = frame % GRADIENT_COLORS.length;
-    const shifted = [...GRADIENT_COLORS.slice(offset), ...GRADIENT_COLORS.slice(0, offset)];
-    const grad = gradient(shifted);
-    const verbText = `${frames[frame]} ${displayVerb}…`;
-    const coloredVerb = grad(verbText);
-    // Build metrics string
-    const elapsed = formatElapsed(elapsedSeconds);
-    const tokens = formatTokens(totalTokens);
-    let metricsStr;
-    if (state === "thinking") {
-        metricsStr = "(thinking)";
-    }
-    else if (thoughtForSeconds && thoughtForSeconds > 0) {
-        metricsStr = `(${elapsed} · ↓ ${tokens} · thought for ${formatElapsed(thoughtForSeconds)})`;
-    }
-    else {
-        metricsStr = `(${elapsed} · ↓ ${tokens} · esc to cancel)`;
-    }
-    return (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsxs(Text, { children: [coloredVerb, " "] }), _jsx(Text, { color: theme.colors.textMuted, children: metricsStr })] }));
-}
-//# sourceMappingURL=StreamingIndicator.js.map