@aria-cli/cli 1.0.57 → 1.0.59

package/dist/ui/components/StructuredDiff.js

@@ -1,168 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Core rendering internals (formatDiff, numberDiffLines, LineNumber, HunkDiff)
-// with these mechanical substitutions:
-// - import { getTheme, ThemeNames } from '../utils/theme' → import { getTheme } from '../theme/index.js'
-// - import { wrapText } from '../utils/format' → inlined verbatim
-// - theme.secondaryText → theme.colors.textMuted
-// - theme.text → theme.colors.text
-// - theme.diff.added → theme.colors.diffAdded
-// - theme.diff.removed → theme.colors.diffRemoved
-// - theme.diff.addedDimmed → theme.colors.diffAddedDimmed
-// - theme.diff.removedDimmed → theme.colors.diffRemovedDimmed
-// - ThemeNames → string (inlined)
-//
-// Public exports (StructuredDiff, CompactDiff) accept ARIA's FileDiff interface
-// and convert to Hunk format internally.
-import { Box, Text } from "ink";
-import * as React from "react";
-import { useMemo } from "react";
-import { getTheme } from "../theme/index.js";
-// ── wrapText ──
-export function wrapText(text, width) {
-    const lines = [];
-    let currentLine = "";
-    for (const char of text) {
-        // Important: we need the spread to properly count multi-plane UTF-8 characters (eg. 𑚖)
-        if ([...currentLine].length < width) {
-            currentLine += char;
-        }
-        else {
-            lines.push(currentLine);
-            currentLine = char;
-        }
-    }
-    if (currentLine)
-        lines.push(currentLine);
-    return lines;
-}
-// ── Core rendering (with theme substitutions) ──
-/** Hunk-based diff component */
-function HunkDiff({ patch, dim, width, overrideTheme, }) {
-    const diff = useMemo(() => formatDiff(patch.lines, patch.oldStart, width, dim, overrideTheme), [patch.lines, patch.oldStart, width, dim, overrideTheme]);
-    return diff.map((_, i) => _jsx(Box, { children: _ }, i));
-}
-function formatDiff(lines, startingLineNumber, width, dim, overrideTheme) {
-    const theme = getTheme();
-    const ls = numberDiffLines(lines.map((code) => {
-        if (code.startsWith("+")) {
-            return {
-                code: "+" + code.slice(1),
-                i: 0,
-                type: "add",
-            };
-        }
-        if (code.startsWith("-")) {
-            return {
-                code: "-" + code.slice(1),
-                i: 0,
-                type: "remove",
-            };
-        }
-        return { code, i: 0, type: "nochange" };
-    }), startingLineNumber);
-    const maxLineNumber = Math.max(...ls.map(({ i }) => i));
-    const maxWidth = maxLineNumber.toString().length;
-    return ls.flatMap(({ type, code, i }) => {
-        const wrappedLines = wrapText(code, width - maxWidth);
-        return wrappedLines.map((line, lineIndex) => {
-            const key = `${type}-${i}-${lineIndex}`;
-            switch (type) {
-                case "add":
-                    return (_jsxs(Text, { children: [_jsx(LineNumber, { i: lineIndex === 0 ? i : undefined, width: maxWidth }), _jsx(Text, { color: overrideTheme ? theme.colors.text : undefined, backgroundColor: dim ? theme.colors.diffAddedDimmed : theme.colors.diffAdded, dimColor: dim, children: line })] }, key));
-                case "remove":
-                    return (_jsxs(Text, { children: [_jsx(LineNumber, { i: lineIndex === 0 ? i : undefined, width: maxWidth }), _jsx(Text, { color: overrideTheme ? theme.colors.text : undefined, backgroundColor: dim ? theme.colors.diffRemovedDimmed : theme.colors.diffRemoved, dimColor: dim, children: line })] }, key));
-                case "nochange":
-                    return (_jsxs(Text, { children: [_jsx(LineNumber, { i: lineIndex === 0 ? i : undefined, width: maxWidth }), _jsx(Text, { color: overrideTheme ? theme.colors.text : undefined, dimColor: dim, children: line })] }, key));
-            }
-        });
-    });
-}
-function LineNumber({ i, width }) {
-    return (_jsxs(Text, { color: getTheme().colors.textMuted, children: [i !== undefined ? i.toString().padStart(width) : " ".repeat(width), " "] }));
-}
-function numberDiffLines(diff, startLine) {
-    let i = startLine;
-    const result = [];
-    const queue = [...diff];
-    while (queue.length > 0) {
-        const { code, type } = queue.shift();
-        const line = {
-            code: code,
-            type,
-            i,
-        };
-        // Update counters based on change type
-        switch (type) {
-            case "nochange":
-                i++;
-                result.push(line);
-                break;
-            case "add":
-                i++;
-                result.push(line);
-                break;
-            case "remove": {
-                result.push(line);
-                let numRemoved = 0;
-                while (queue[0]?.type === "remove") {
-                    i++;
-                    const { code, type } = queue.shift();
-                    const line = {
-                        code: code,
-                        type,
-                        i,
-                    };
-                    result.push(line);
-                    numRemoved++;
-                }
-                i -= numRemoved;
-                break;
-            }
-        }
-    }
-    return result;
-}
-// ── Public API: ARIA's FileDiff interface → rendering internals ──
-/** Convert an ARIA DiffHunk to {lines, oldStart} format */
-function ariaHunkToLines(hunk) {
-    const lines = [];
-    for (const line of hunk.lines) {
-        switch (line.type) {
-            case "added":
-                lines.push("+" + line.content);
-                break;
-            case "removed":
-                lines.push("-" + line.content);
-                break;
-            default:
-                lines.push(" " + line.content);
-                break;
-        }
-    }
-    return { lines, oldStart: hunk.oldStart };
-}
-export function StructuredDiff({ diff, width = 60, showHeader = true, maxLines = 50, dim = false, }) {
-    const theme = getTheme();
-    // Count total lines and compute per-hunk budget for truncation
-    const totalLines = diff.hunks.reduce((sum, h) => sum + h.lines.length, 0);
-    const truncated = totalLines > maxLines;
-    const perHunkLimit = truncated ? Math.floor(maxLines / diff.hunks.length) : undefined;
-    const actualRendered = truncated
-        ? diff.hunks.reduce((sum, h) => sum + Math.min(h.lines.length, perHunkLimit), 0)
-        : totalLines;
-    return (_jsxs(Box, { flexDirection: "column", width: width, children: [showHeader && (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: diff.filePath }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", "(", _jsxs(Text, { color: theme.colors.success, children: ["+", diff.additions] }), " / ", _jsxs(Text, { color: theme.colors.error, children: ["-", diff.deletions] }), ")"] })] })), diff.hunks.map((hunk, hunkIndex) => {
-                // Apply per-hunk truncation if needed
-                const effectiveHunk = perHunkLimit && hunk.lines.length > perHunkLimit
-                    ? { ...hunk, lines: hunk.lines.slice(0, perHunkLimit) }
-                    : hunk;
-                const anonHunk = ariaHunkToLines(effectiveHunk);
-                return (_jsxs(React.Fragment, { children: [hunkIndex > 0 && (_jsx(Box, { paddingY: 0, children: _jsx(Text, { color: theme.colors.textMuted, children: "..." }) })), _jsx(HunkDiff, { patch: anonHunk, dim: dim, width: width })] }, hunkIndex));
-            }), truncated && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.colors.textMuted, children: ["... ", totalLines - actualRendered, " more lines"] }) }))] }));
-}
-/**
- * Compact diff for permission prompts (fewer lines)
- */
-export function CompactDiff({ diff, maxLines = 10, }) {
-    return _jsx(StructuredDiff, { diff: diff, showHeader: false, maxLines: maxLines, width: 55 });
-}
-//# sourceMappingURL=StructuredDiff.js.map

package/dist/ui/components/TextInputOverlay.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { Box, Text, useInput } from "ink";
-import { getTheme } from "../theme/index.js";
-import { isEscapeInput } from "../utils/keys.js";
-export function TextInputOverlay({ title, hint, onSubmit, onCancel, isActive = true, }) {
-    const theme = getTheme();
-    const [value, setValue] = useState("");
-    const submittedRef = useRef(false);
-    const isRawModeSupported = process.stdin.isTTY ?? false;
-    useInput((input, key) => {
-        if (submittedRef.current)
-            return;
-        if (isEscapeInput(input, key)) {
-            submittedRef.current = true;
-            onCancel();
-            return;
-        }
-        if (key.return) {
-            if (value.trim().length > 0) {
-                submittedRef.current = true;
-                onSubmit(value.trim());
-            }
-            return;
-        }
-        if (key.backspace || key.delete) {
-            setValue((v) => v.slice(0, -1));
-            return;
-        }
-        // Ignore control keys (arrows, tab, etc.)
-        if (key.upArrow || key.downArrow || key.leftArrow || key.rightArrow || key.tab) {
-            return;
-        }
-        // Append printable characters
-        if (input && !key.ctrl && !key.meta) {
-            setValue((v) => v + input);
-        }
-    }, { isActive: isActive && isRawModeSupported });
-    // Mask the value to avoid showing API keys in the terminal
-    const masked = value.length > 0 ? value.slice(0, 4) + "\u2022".repeat(Math.max(0, value.length - 4)) : "";
-    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 }) }), hint && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.colors.textMuted, dimColor: true, children: hint }) })), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.primary, children: ["\u25b8", " "] }), _jsx(Text, { children: masked || " " }), _jsx(Text, { color: theme.colors.textMuted, children: "_" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: "Enter Submit Esc Cancel" }) })] }));
-}
-//# sourceMappingURL=TextInputOverlay.js.map

package/dist/ui/components/ThinkingBlock.js

@@ -1,82 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-// packages/cli/src/ui/components/ThinkingBlock.tsx
-import { useRef } from "react";
-import { Box, Text } from "ink";
-import { getTheme } from "../theme/index.js";
-import { applyMarkdown } from "../markdown/index.js";
-import { pickRandomVerbPair } from "../verb-pairs.js";
-import { useTerminalSize } from "../hooks/useTerminalSize.js";
-/** Maximum lines to display when expanded before truncating (Infinity = no limit) */
-const DEFAULT_MAX_VISIBLE_LINES = Infinity;
-/**
- * Count words in a string by splitting on whitespace.
- * Returns 0 for empty or whitespace-only strings.
- */
-export function countWords(text) {
-    const trimmed = text.trim();
-    if (!trimmed)
-        return 0;
-    return trimmed.split(/\s+/).length;
-}
-/**
- * Format a duration in seconds to a human-readable string.
- * Returns empty string for missing/non-positive values.
- */
-export function formatDuration(seconds) {
-    if (seconds === undefined || seconds === null)
-        return "";
-    if (seconds <= 0)
-        return "< 1s";
-    if (seconds < 60)
-        return `${seconds}s`;
-    const m = Math.floor(seconds / 60);
-    const s = seconds % 60;
-    return `${m}m ${s}s`;
-}
-/**
- * Pick a random past-tense verb.
- * Exported for testing backward compat.
- */
-export function pickRandomVerb() {
-    return pickRandomVerbPair().past;
-}
-/**
- * ThinkingBlock displays an LLM's thinking/reasoning inline in the conversation.
- *
- * Collapsed (default):
- *   🦋 ARIA ✻ Pondered for 3m 19s
- *
- * Expanded:
- *   🦋 ARIA ✻ Pondered for 3m 19s
- *   I need to understand how the runner handles
- *   tool execution. Let me read the source...
- *   … (+3 lines)
- */
-export function ThinkingBlock({ content, expanded = false, durationSeconds, verb, arionName, arionEmoji, arionColor, isLive = false, maxLines = DEFAULT_MAX_VISIBLE_LINES, }) {
-    const theme = getTheme();
-    const fallbackPair = useRef(pickRandomVerbPair());
-    const presentVerb = verb || fallbackPair.current.present;
-    const pastVerb = verb || fallbackPair.current.past;
-    const duration = formatDuration(durationSeconds);
-    const hasPrefix = !!(arionEmoji && arionName);
-    return (_jsxs(Box, { flexDirection: "column", children: [hasPrefix && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: arionColor || theme.colors.textMuted, bold: true, children: [arionEmoji, " ", arionName] }) })), _jsxs(Text, { color: theme.colors.textMuted, children: ["\u273B", " ", isLive ? presentVerb : pastVerb, isLive ? "\u2026" : duration ? ` for ${duration}` : ""] }), isLive && content && _jsx(ThinkingContent, { content: content, maxLines: maxLines, isLive: true }), !isLive && expanded && content && (_jsx(ThinkingContent, { content: content, maxLines: maxLines, isLive: false }))] }));
-}
-/**
- * Renders the thinking content with markdown applied.
- */
-function ThinkingContent({ content, maxLines, isLive, }) {
-    const theme = getTheme();
-    const { columns } = useTerminalSize();
-    const contentWidth = Math.max(columns - 4, 20);
-    // Apply markdown to the full content block (not line-by-line) so multi-line
-    // constructs like code blocks, lists, and bold headers render correctly.
-    const rendered = applyMarkdown(content, {
-        width: contentWidth,
-        mode: isLive ? "streaming" : "final",
-    });
-    const allLines = rendered.split("\n");
-    const visibleLines = allLines.slice(0, maxLines);
-    const remainingCount = allLines.length - visibleLines.length;
-    return (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.textMuted, children: "  \u23BF  " }), _jsxs(Box, { flexDirection: "column", width: contentWidth, children: [visibleLines.map((line, i) => (_jsx(Text, { color: theme.colors.textMuted, wrap: "wrap", children: line }, i))), remainingCount > 0 && (_jsxs(Text, { color: theme.colors.textMuted, children: ["\u2026", " (+", remainingCount, " line", remainingCount !== 1 ? "s" : "", ")"] }))] })] }));
-}
-//# sourceMappingURL=ThinkingBlock.js.map

package/dist/ui/components/ToolCost.js

@@ -1,17 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { formatTokens, formatCost } from "./StatusBar.js";
-export function ToolCost({ durationMs, usage }) {
-    const parts = [];
-    if (usage && usage.totalTokens > 0) {
-        parts.push(`+${formatTokens(usage.totalTokens)} tokens`);
-        parts.push(formatCost(usage.estimatedCost));
-    }
-    if (durationMs) {
-        parts.push(`${(durationMs / 1000).toFixed(1)}s`);
-    }
-    if (parts.length === 0)
-        return _jsx(_Fragment, {});
-    return (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: parts.join(" · ") }) }));
-}
-//# sourceMappingURL=ToolCost.js.map

package/dist/ui/components/ToolExecution.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Combined tool execution component — renders tool_use header + tool_result
- * as ONE visual unit.
- *
- * Uses TOOL_RENDERERS from registry.ts directly — no adapter layer.
- */
-import { Box, Text } from "ink";
-import { ToolHeader } from "./ToolHeader.js";
-import { ToolResultWrapper } from "./ToolResultWrapper.js";
-import { ToolCost } from "./ToolCost.js";
-import { ToolRenderLayoutProvider } from "./ToolRenderLayoutContext.js";
-import { TOOL_RENDERERS } from "../tools/registry.js";
-import { safeFallbackText } from "../tools/truncation.js";
-const TOOL_RESULT_PREFIX_WIDTH = 5;
-export function ToolExecution({ item, verbose }) {
-    const renderer = TOOL_RENDERERS[item.toolName.toLowerCase()];
-    const terminalWidth = process.stdout.columns || 80;
-    const resultContentWidth = Math.max(terminalWidth - TOOL_RESULT_PREFIX_WIDTH, 1);
-    const renderLayout = {
-        terminalWidth,
-        contentWidth: resultContentWidth,
-    };
-    // Synthetic inbox messages — render output only, no tool chrome.
-    if (item.id.includes("synthetic_inbox_") && item.output != null) {
-        return (_jsx(ToolRenderLayoutProvider, { value: renderLayout, children: safeRender(renderer, item.output, verbose, item.input) ?? (_jsx(Text, { children: safeFallbackText(item.output, verbose) })) }));
-    }
-    const displayName = safe(() => renderer?.displayName(item.input)) ?? item.toolName;
-    const args = safe(() => renderer?.renderInput(item.input, { verbose }));
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ToolHeader, { displayName: displayName, args: args, status: item.status, durationMs: item.durationMs, verbose: verbose }), item.output != null && item.status !== "error" && (_jsx(ToolResultWrapper, { children: _jsx(ToolRenderLayoutProvider, { value: renderLayout, children: safeRender(renderer, item.output, verbose, item.input) ?? (_jsx(Text, { children: safeFallbackText(item.output, verbose) })) }) })), item.status === "error" && (_jsx(ToolResultWrapper, { children: _jsx(ToolRenderLayoutProvider, { value: renderLayout, children: (item.output != null && safeRender(renderer, item.output, verbose, item.input)) || (_jsx(Text, { color: "red", children: truncateError(item.error ?? "Tool error", verbose) })) }) })), verbose && item.usage && (_jsx(Box, { marginLeft: 2, children: _jsx(ToolCost, { durationMs: item.durationMs, usage: {
-                        inputTokens: item.usage.inputTokens ?? 0,
-                        outputTokens: item.usage.outputTokens ?? 0,
-                        totalTokens: (item.usage.inputTokens ?? 0) + (item.usage.outputTokens ?? 0),
-                        estimatedCost: 0,
-                    } }) }))] }));
-}
-/** Truncate long error messages to avoid flooding the terminal */
-function truncateError(error, verbose) {
-    return safeFallbackText(error, verbose);
-}
-/** Safely call a function — catch renderer bugs so UI doesn't crash */
-function safe(fn) {
-    try {
-        return fn();
-    }
-    catch {
-        return undefined;
-    }
-}
-/** Safely call renderOutput — catch renderer bugs so UI doesn't crash */
-function safeRender(renderer, output, verbose, input) {
-    if (!renderer?.renderOutput)
-        return null;
-    try {
-        return renderer.renderOutput(output, { verbose }, input) ?? null;
-    }
-    catch {
-        return null;
-    }
-}
-//# sourceMappingURL=ToolExecution.js.map

package/dist/ui/components/ToolHeader.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { getTheme } from "../theme/index.js";
-import { ToolUseLoader } from "./ToolUseLoader.js";
-/**
- * Strip argument key names, keep only values.
- * "pattern: \"long...\", path: \"src\"" → "\"long...\" \"src\""
- */
-function stripArgNames(args) {
-    const parts = args.split(/,\s*(?=\w+:\s)/);
-    return parts.map((part) => part.replace(/^\w+:\s*/, "")).join(" ");
-}
-/**
- * Collapse whitespace (newlines/tabs → single space) and truncate to maxLen.
- * Appends "…" when truncated.
- */
-function truncateArgs(args, maxLen) {
-    // Collapse all whitespace runs (newlines, tabs, multiple spaces) to single space
-    const collapsed = args.replace(/\s+/g, " ").trim();
-    if (collapsed.length <= maxLen)
-        return collapsed;
-    return collapsed.slice(0, maxLen - 1) + "…";
-}
-export function ToolHeader({ displayName, args, status, durationMs, verbose, }) {
-    const theme = getTheme();
-    const isRunning = status === "pending" || status === "running";
-    const isError = status === "error";
-    // Format args: strings get truncated, JSX is passed through as-is
-    let displayArgs;
-    if (args) {
-        if (typeof args === "string") {
-            if (verbose) {
-                displayArgs = args;
-            }
-            else {
-                const stripped = stripArgNames(args);
-                const cols = process.stdout.columns || 80;
-                const reserved = 2 + displayName.length + 1;
-                const maxLen = Math.max(20, cols - reserved);
-                displayArgs = truncateArgs(stripped, maxLen);
-            }
-        }
-        else {
-            // JSX element — render as-is
-            displayArgs = args;
-        }
-    }
-    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isError: isError, isUnresolved: isRunning }), _jsx(Text, { bold: true, children: displayName }), displayArgs != null &&
-                (typeof displayArgs === "string" ? (_jsxs(Text, { children: [" ", displayArgs] })) : (_jsxs(Box, { children: [_jsx(Text, { children: " " }), displayArgs] }))), verbose && durationMs != null ? (_jsxs(Text, { color: theme.colors.textMuted, children: [" \u00B7 ", (durationMs / 1000).toFixed(1), "s"] })) : null] }));
-}
-//# sourceMappingURL=ToolHeader.js.map

package/dist/ui/components/ToolRenderLayoutContext.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-const defaultTerminalWidth = process.stdout.columns || 80;
-const ToolRenderLayoutContext = React.createContext({
-    terminalWidth: defaultTerminalWidth,
-    contentWidth: Math.max(defaultTerminalWidth - 5, 1),
-});
-export function ToolRenderLayoutProvider({ value, children, }) {
-    return (_jsx(ToolRenderLayoutContext.Provider, { value: value, children: children }));
-}
-export function useToolRenderLayout() {
-    return React.useContext(ToolRenderLayoutContext);
-}
-//# sourceMappingURL=ToolRenderLayoutContext.js.map

package/dist/ui/components/ToolResultWrapper.js

@@ -1,6 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-export function ToolResultWrapper({ children }) {
-    return (_jsx(Box, { flexDirection: "column", children: _jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { children: ["  ", "\u23BF", "  "] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: children })] }) }));
-}
-//# sourceMappingURL=ToolResultWrapper.js.map

package/dist/ui/components/ToolUseLoader.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// ToolUseLoader.tsx
-// Substitutions:
-// - import { getTheme } from '../utils/theme' → import { getTheme } from '../theme/index.js'
-// - import { BLACK_CIRCLE } from '../constants/figures' → inline
-// - import { useInterval } from '../hooks/useInterval' → from '../hooks/useInterval.js'
-// - theme.secondaryText → theme.colors.textMuted
-// - theme.error → theme.colors.error
-// - theme.success → theme.colors.success
-// Compat: isQueued accepted as alias for isUnresolved (used by ARIA callers)
-import { Box, Text } from "ink";
-import React from "react";
-import { useInterval } from "../hooks/useInterval.js";
-import { getTheme } from "../theme/index.js";
-const BLACK_CIRCLE = process.platform === "darwin" ? "\u23FA" : "\u25CF";
-export function ToolUseLoader({ isError = false, isUnresolved = false, shouldAnimate = true, ...rest }) {
-    // Support ARIA's isQueued as alias for isUnresolved
-    const unresolved = isUnresolved || rest.isQueued || false;
-    const [isVisible, setIsVisible] = React.useState(true);
-    useInterval(() => {
-        if (!shouldAnimate) {
-            return;
-        }
-        // To avoid flickering when the tool use confirm is visible, we set the loader to be visible
-        // when the tool use confirm is visible.
-        setIsVisible((_) => !_);
-    }, 600);
-    const color = unresolved
-        ? getTheme().colors.textMuted
-        : isError
-            ? getTheme().colors.error
-            : getTheme().colors.success;
-    return (_jsx(Box, { minWidth: 2, children: _jsx(Text, { color: color, children: isVisible ? BLACK_CIRCLE : "  " }) }));
-}
-//# sourceMappingURL=ToolUseLoader.js.map

package/dist/ui/components/TraceWaterfall.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { getTheme } from "../theme/index.js";
-/** Minimum bar width to avoid invisible spans */
-const MIN_BAR_WIDTH = 1;
-/** Default bar area width in characters */
-const DEFAULT_BAR_WIDTH = 20;
-/** Short labels for span types */
-const SPAN_TYPE_LABELS = {
-    model_call: "model_call",
-    tool_execution: "tool_exec",
-    handoff: "handoff",
-    approval: "approval",
-    session_phase: "session",
-    runner_phase: "runner",
-};
-/**
- * Format a duration in ms to a compact human-readable string.
- */
-function formatDuration(ms) {
-    if (ms < 1000)
-        return `${Math.round(ms)}ms`;
-    if (ms < 60_000)
-        return `${(ms / 1000).toFixed(1)}s`;
-    const mins = Math.floor(ms / 60_000);
-    const secs = Math.round((ms % 60_000) / 1000);
-    return `${mins}m ${secs}s`;
-}
-/**
- * Build a single waterfall bar string.
- *
- * @param barWidth - Total character width of the bar area
- * @param offsetFrac - Fraction [0,1) of the bar area before this span starts
- * @param widthFrac - Fraction (0,1] of the bar area this span occupies
- * @returns The bar string using block characters
- */
-export function buildBar(barWidth, offsetFrac, widthFrac) {
-    const offset = Math.round(offsetFrac * barWidth);
-    const filled = Math.max(MIN_BAR_WIDTH, Math.round(widthFrac * barWidth));
-    const trailing = Math.max(0, barWidth - offset - filled);
-    return "\u2591".repeat(offset) + "\u2588".repeat(filled) + "\u2591".repeat(trailing);
-}
-/**
- * TraceWaterfall component for Ink.
- *
- * Renders an ASCII trace waterfall showing span timing relationships.
- * Only renders spans that have end times / durations (in-flight spans are skipped).
- */
-export function TraceWaterfall({ spans, width }) {
-    const theme = getTheme();
-    const barWidth = width ?? DEFAULT_BAR_WIDTH;
-    // Filter to completed spans only (must have endTime or durationMs)
-    const completed = spans.filter((s) => s.endTime !== undefined || s.durationMs !== undefined);
-    if (completed.length === 0) {
-        return (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: "(no completed spans)" }) }));
-    }
-    // Compute effective start/end/duration for each span
-    const resolved = completed.map((s) => {
-        const duration = s.durationMs ?? s.endTime - s.startTime;
-        const endTime = s.endTime ?? s.startTime + duration;
-        return { ...s, durationMs: duration, endTime };
-    });
-    // Compute global time bounds
-    const globalStart = Math.min(...resolved.map((s) => s.startTime));
-    const globalEnd = Math.max(...resolved.map((s) => s.endTime));
-    const totalDuration = globalEnd - globalStart;
-    // Guard against zero-duration traces
-    if (totalDuration <= 0) {
-        return (_jsx(Box, { flexDirection: "column", children: resolved.map((s) => (_jsxs(Text, { dimColor: true, children: [SPAN_TYPE_LABELS[s.spanType] ?? s.spanType, " ", "\u2588", " 0ms (", s.name, ")"] }, s.spanId))) }));
-    }
-    // Find the longest type label for alignment
-    const maxLabelLen = Math.max(...resolved.map((s) => {
-        const label = SPAN_TYPE_LABELS[s.spanType] ?? s.spanType;
-        const isChild = s.parentSpanId !== undefined;
-        return (isChild ? 2 : 0) + label.length;
-    }));
-    return (_jsx(Box, { flexDirection: "column", children: resolved.map((s) => {
-            const isChild = s.parentSpanId !== undefined;
-            const indent = isChild ? "  " : "";
-            const typeLabel = SPAN_TYPE_LABELS[s.spanType] ?? s.spanType;
-            const paddedLabel = (indent + typeLabel).padEnd(maxLabelLen);
-            const offsetFrac = (s.startTime - globalStart) / totalDuration;
-            const widthFrac = s.durationMs / totalDuration;
-            const bar = buildBar(barWidth, offsetFrac, widthFrac);
-            const duration = formatDuration(s.durationMs);
-            // For tool executions, show the tool name in parens
-            const nameLabel = s.spanType === "tool_execution" && s.name ? ` (${s.name})` : "";
-            return (_jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.textMuted, children: [" ", paddedLabel] }), _jsx(Text, { children: "  " }), _jsx(Text, { color: isChild ? theme.colors.info : theme.colors.success, children: bar }), _jsx(Text, { children: "  " }), _jsxs(Text, { dimColor: true, children: [duration, nameLabel] })] }, s.spanId));
-        }) }));
-}
-//# sourceMappingURL=TraceWaterfall.js.map

package/dist/ui/components/index.js

@@ -1,33 +0,0 @@
-export { StatusBar, } from "./StatusBar.js";
-export { ArionPrompt } from "./ArionPrompt.js";
-export { Message } from "./Message.js";
-export { InputArea } from "./InputArea.js";
-export { ConversationHistory, } from "./ConversationHistory.js";
-export { Spinner } from "./Spinner.js";
-export { CopilotDeviceLoginFlow, } from "./CopilotDeviceLoginFlow.js";
-export { CopilotSourcePicker, } from "./CopilotSourcePicker.js";
-// Phase 1: Foundation
-export { Banner } from "./Banner.js";
-export { ErrorDisplay, InlineError, SuggestionError, BoxedError, FatalError, } from "./ErrorDisplay.js";
-// Phase 3: Power Features
-export { AutocompleteDropdown } from "./AutocompleteDropdown.js";
-// Phase 4: Tool Safety
-export { StructuredDiff, CompactDiff } from "./StructuredDiff.js";
-export { PermissionPrompt, ConfirmPrompt } from "./PermissionPrompt.js";
-export { AutonomySelector } from "./AutonomySelector.js";
-// Phase 2: Observability — ThinkingBlock + HandoffMarker
-export { ThinkingBlock, countWords } from "./ThinkingBlock.js";
-export { HandoffMarker } from "./HandoffMarker.js";
-// Phase 7: OTEL + Trace Visualization
-export { TraceWaterfall, buildBar } from "./TraceWaterfall.js";
-export { PipelineTimingPanel } from "./PipelineTimingPanel.js";
-// UI Overhaul: ToolUseLoader + StreamingIndicator
-export { ToolUseLoader } from "./ToolUseLoader.js";
-export { StreamingIndicator, } from "./StreamingIndicator.js";
-// Forked from: Permission UI (tool-specific permission request components)
-export { PermissionRequest, toolUseConfirmGetPrefix, } from "./permissions/PermissionRequest.js";
-export { PermissionRequestTitle, textColorForRiskScore, categoryForRiskScore, } from "./permissions/PermissionRequestTitle.js";
-export { Select } from "./CustomSelect/select.js";
-// Re-export overlays
-export * from "./overlays/index.js";
-//# sourceMappingURL=index.js.map

package/dist/ui/components/messages/AssistantTextMessage.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { Cost } from "../Cost.js";
-import { getTheme } from "../../theme/index.js";
-import { applyMarkdown } from "../../markdown/index.js";
-const BLACK_CIRCLE = process.platform === "darwin" ? "\u23FA" : "\u25CF";
-const CANCEL_MESSAGE = "I've cancelled the current action.";
-const INTERRUPT_MESSAGE = "I've been interrupted by the user.";
-const INTERRUPT_MESSAGE_FOR_TOOL_USE = "Tool use interrupted by the user. The tool was not executed.";
-const NO_RESPONSE_REQUESTED = "__no_response_requested__";
-function isEmptyMessageText(text) {
-    return (text.trim() === "" ||
-        text === CANCEL_MESSAGE ||
-        text === INTERRUPT_MESSAGE ||
-        text === INTERRUPT_MESSAGE_FOR_TOOL_USE ||
-        text === NO_RESPONSE_REQUESTED);
-}
-export function AssistantTextMessage({ param: { text }, costUSD, durationMs, debug, addMargin, shouldShowDot, columns, }) {
-    if (isEmptyMessageText(text)) {
-        return null;
-    }
-    const contentWidth = Math.max(columns - 6, 20);
-    return (_jsxs(Box, { alignItems: "flex-start", flexDirection: "row", justifyContent: "space-between", marginTop: addMargin ? 1 : 0, width: "100%", children: [_jsxs(Box, { flexDirection: "row", children: [shouldShowDot && (_jsx(Box, { minWidth: 2, children: _jsx(Text, { color: getTheme().colors.text, children: BLACK_CIRCLE }) })), _jsx(Box, { flexDirection: "column", width: contentWidth, children: _jsx(Text, { children: applyMarkdown(text, { width: contentWidth }) }) })] }), _jsx(Cost, { costUSD: costUSD, durationMs: durationMs, debug: debug })] }));
-}
-//# sourceMappingURL=AssistantTextMessage.js.map

package/dist/ui/components/messages/UserImageMessage.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-import { getTheme } from "../../theme/index.js";
-import { terminalInlineImageFromDataUri } from "../../utils/terminal-image.js";
-export function UserImageMessage({ dataUri, userName, showPrefix = true }) {
-    const theme = getTheme();
-    const name = userName || "User";
-    const prefix = `🦄 ${name}`;
-    const inlineImage = terminalInlineImageFromDataUri(dataUri);
-    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [showPrefix && (_jsx(Text, { bold: true, color: theme.colors.primary, children: prefix })), inlineImage ? _jsx(Text, { children: inlineImage }) : _jsx(Text, { dimColor: true, children: "[Image attachment]" })] }));
-}
-//# sourceMappingURL=UserImageMessage.js.map