@aria-cli/cli 1.0.57 → 1.0.58

package/dist/ui/components/Banner.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// packages/cli/src/ui/components/Banner.tsx
-import { useState, useEffect, useRef, useCallback } from "react";
-import { Box, Text, useInput, useStdout } from "ink";
-import gradient from "gradient-string";
-import { getTheme } from "../theme/index.js";
-const BUTTERFLY = `       ·  ·
-      ·    ·
-     (  🦋  )
-      ·    ·
-       ·  ·`;
-const ARIA_LOGO = `  █████╗ ██████╗ ██╗ █████╗
- ██╔══██╗██╔══██╗██║██╔══██╗
- ███████║██████╔╝██║███████║
- ██╔══██║██╔══██╗██║██╔══██║
- ██║  ██║██║  ██║██║██║  ██║
- ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═╝`;
-const TAGLINE_TOP = "─────────────────";
-const TAGLINE_TEXT = "A   R   I   A";
-const TAGLINE_BOTTOM = "─────────────────";
-const SUBTITLE = "✦ Adaptive Reasoning Intelligence Agent ✦";
-export function Banner({ onComplete, skipAnimation = false, version = "dev", whatsNew = [], }) {
-    const theme = getTheme();
-    const { stdout } = useStdout();
-    const terminalWidth = stdout?.columns || 80;
-    const [stage, setStage] = useState(skipAnimation ? "complete" : "butterfly");
-    const [logoVisible, setLogoVisible] = useState(skipAnimation);
-    const [showTagline, setShowTagline] = useState(skipAnimation);
-    const [useGradient, setUseGradient] = useState(skipAnimation);
-    const completedRef = useRef(false);
-    const timersRef = useRef([]);
-    // Guard to ensure onComplete fires exactly once
-    const completeOnce = useCallback(() => {
-        if (!completedRef.current) {
-            completedRef.current = true;
-            onComplete();
-        }
-    }, [onComplete]);
-    // Skip animation on any keypress
-    useInput(() => {
-        if (stage !== "complete") {
-            // Clear all pending animation timers
-            timersRef.current.forEach(clearTimeout);
-            timersRef.current = [];
-            setStage("complete");
-            setLogoVisible(true);
-            setShowTagline(true);
-            setUseGradient(true);
-            completeOnce();
-        }
-    });
-    useEffect(() => {
-        if (skipAnimation) {
-            completeOnce();
-            return;
-        }
-        const timers = [];
-        // Stage 1: Butterfly appears (0-400ms)
-        timers.push(setTimeout(() => {
-            setStage("logo");
-            setLogoVisible(true);
-        }, 400));
-        // Stage 2: Gradient cascade (800ms)
-        timers.push(setTimeout(() => {
-            setStage("gradient");
-            setUseGradient(true);
-        }, 800));
-        // Stage 3: Tagline fade (1200ms)
-        timers.push(setTimeout(() => {
-            setStage("tagline");
-            setShowTagline(true);
-        }, 1200));
-        // Complete (1600ms)
-        timers.push(setTimeout(() => {
-            setStage("complete");
-            completeOnce();
-        }, 1600));
-        timersRef.current = timers;
-        return () => {
-            timers.forEach(clearTimeout);
-        };
-    }, [skipAnimation, completeOnce]);
-    const ariaGradient = gradient([
-        theme.banner.gradient.start,
-        theme.banner.gradient.middle,
-        theme.banner.gradient.end,
-    ]);
-    const renderLogo = () => {
-        if (!logoVisible)
-            return null;
-        if (useGradient) {
-            return ariaGradient(ARIA_LOGO);
-        }
-        return ARIA_LOGO;
-    };
-    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", width: terminalWidth, paddingY: 1, children: [_jsx(Text, { color: theme.colors.primary, children: BUTTERFLY }), logoVisible && _jsx(Text, { children: renderLogo() }), showTagline && (_jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsx(Text, { dimColor: true, children: TAGLINE_TOP }), _jsx(Text, { bold: true, children: TAGLINE_TEXT }), _jsx(Text, { dimColor: true, children: TAGLINE_BOTTOM }), _jsx(Text, { color: theme.colors.primary, children: SUBTITLE })] })), showTagline && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["v", version] }) })), showTagline && whatsNew.length > 0 && (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: 1, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "What's New" }), whatsNew.map((item, i) => (_jsxs(Text, { dimColor: true, children: ["\u2022 ", item] }, i)))] }))] }));
-}
-//# sourceMappingURL=Banner.js.map

package/dist/ui/components/ConversationHistory.js

@@ -1,175 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Static, Box } from "ink";
-import { RenderItemView } from "./RenderItemView.js";
-import { applyDisplayPolicy } from "../display-policy.js";
-import { parseImageDataUri, splitTextByInlineImages } from "../utils/terminal-image.js";
-// ---------------------------------------------------------------------------
-// historyToRenderItems — converts HistoryMessage[] directly to RenderItem[]
-// No intermediate DisplayMessage. Tool use + result already combined.
-// ---------------------------------------------------------------------------
-function historyToRenderItems(messages) {
-    const items = [];
-    for (const msg of messages) {
-        switch (msg.role) {
-            case "tool_history": {
-                const tool = msg.tool;
-                items.push({
-                    kind: "tool-execution",
-                    id: `${msg.id}-tool`,
-                    toolName: tool.name,
-                    input: tool.args ?? {},
-                    output: tool.resultData ?? tool.result ?? "",
-                    status: tool.status === "error" ? "error" : "complete",
-                    error: tool.status === "error" ? tool.error : undefined,
-                    durationMs: tool.durationMs,
-                    usage: tool.usage
-                        ? {
-                            inputTokens: tool.usage.inputTokens ?? 0,
-                            outputTokens: tool.usage.outputTokens ?? 0,
-                        }
-                        : undefined,
-                    committed: true,
-                });
-                break;
-            }
-            case "thinking_history":
-                items.push({
-                    kind: "thinking",
-                    id: msg.id,
-                    content: msg.content,
-                    durationSec: msg.durationSeconds,
-                    arion: msg.arionName || msg.arionEmoji || msg.arionColor
-                        ? {
-                            name: msg.arionName ?? "ARIA",
-                            emoji: msg.arionEmoji ?? "🦋",
-                            color: msg.arionColor ?? "cyan",
-                        }
-                        : undefined,
-                    committed: true,
-                });
-                break;
-            case "handoff_history":
-                items.push({
-                    kind: "handoff",
-                    id: msg.id,
-                    target: msg.target,
-                    direction: msg.direction === "from" ? "incoming" : "outgoing",
-                    committed: true,
-                });
-                break;
-            case "error":
-                items.push({
-                    kind: "error",
-                    id: msg.id,
-                    message: msg.content,
-                    suggestion: msg.suggestion,
-                    committed: true,
-                });
-                break;
-            default: {
-                const textMsg = msg;
-                if (textMsg.role === "assistant") {
-                    items.push({
-                        kind: "assistant-text",
-                        id: textMsg.id,
-                        text: textMsg.content,
-                        arion: textMsg.arion
-                            ? {
-                                name: textMsg.arion.name,
-                                emoji: textMsg.arion.emoji,
-                                color: textMsg.arion.color ?? "cyan",
-                            }
-                            : undefined,
-                        committed: true,
-                    });
-                }
-                else if (textMsg.role === "user") {
-                    const segments = splitTextByInlineImages(textMsg.content);
-                    for (const segment of segments) {
-                        if (segment.type === "image" && parseImageDataUri(segment.dataUri)) {
-                            items.push({
-                                kind: "user-image",
-                                id: `${textMsg.id}-image-${items.length}`,
-                                dataUri: segment.dataUri,
-                                userName: textMsg.userName ?? "User",
-                                committed: true,
-                            });
-                        }
-                        else if (segment.type === "text" && segment.text.length > 0) {
-                            items.push({
-                                kind: "user-message",
-                                id: `${textMsg.id}-text-${items.length}`,
-                                text: segment.text,
-                                userName: textMsg.userName ?? "User",
-                                committed: true,
-                            });
-                        }
-                    }
-                }
-                else {
-                    items.push({
-                        kind: "user-message",
-                        id: textMsg.id,
-                        text: textMsg.content,
-                        userName: "System",
-                        committed: true,
-                    });
-                }
-                break;
-            }
-        }
-    }
-    return items;
-}
-/**
- * Static conversation history using the new rendering pipeline.
- * Converts HistoryMessage[] → RenderItem[] → RenderItemView.
- * No normalize/reorder — tool use + result already combined.
- */
-export function ConversationHistory({ messages, header, displayConfig, }) {
-    const displayMode = displayConfig?.toolOutput === "expanded"
-        ? "debug"
-        : displayConfig?.toolOutput === "hidden"
-            ? "minimal"
-            : "standard";
-    const renderItems = applyDisplayPolicy(historyToRenderItems(messages), displayMode);
-    const showPrefixMap = new Map();
-    let lastSenderKey = "";
-    for (const item of renderItems) {
-        const key = item.kind === "user-message" || item.kind === "user-image"
-            ? `user:${item.userName}`
-            : item.kind === "assistant-text"
-                ? `assistant:${item.arion?.name ?? "ARIA"}`
-                : item.kind === "thinking"
-                    ? `assistant:${item.arion?.name ?? "ARIA"}`
-                    : item.kind;
-        const showable = item.kind === "user-message" ||
-            item.kind === "user-image" ||
-            item.kind === "assistant-text" ||
-            item.kind === "thinking";
-        showPrefixMap.set(item.id, showable && key !== lastSenderKey);
-        if (showable)
-            lastSenderKey = key;
-    }
-    const items = [];
-    if (header) {
-        items.push({ type: "header", id: "header", content: header });
-    }
-    for (const ri of renderItems) {
-        items.push({
-            type: "renderItem",
-            id: ri.id,
-            renderItem: ri,
-            showPrefix: showPrefixMap.get(ri.id) ?? false,
-        });
-    }
-    if (items.length === 0)
-        return null;
-    return (_jsx(Static, { items: items, children: (item) => {
-            if (item.type === "header") {
-                return (_jsx(Box, { width: "100%", justifyContent: "center", children: item.content }, item.id));
-            }
-            return (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(RenderItemView, { item: item.renderItem, displayMode: displayMode, showPrefix: item.showPrefix }) }, item.id));
-        } }));
-}
-//# sourceMappingURL=ConversationHistory.js.map

package/dist/ui/components/CopilotDeviceLoginFlow.js

@@ -1,88 +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 { loginWithGitHubCopilotDeviceFlow } from "@aria-cli/auth";
-import { getTheme } from "../theme/index.js";
-import { isEscapeInput } from "../utils/keys.js";
-import { SimpleSpinner } from "./Spinner.js";
-export function CopilotDeviceLoginFlow({ provider, profileLabel, onCancel, isActive = true, onComplete, verificationUri, userCode, onApprove, }) {
-    const theme = getTheme();
-    const [step, setStep] = useState("starting");
-    const [errorMessage, setErrorMessage] = useState("");
-    const [deviceCode, setDeviceCode] = useState(null);
-    const startedRef = useRef(false);
-    const completedRef = useRef(false);
-    const abortRef = useRef(null);
-    const isRawModeSupported = process.stdin.isTTY ?? false;
-    useInput((input, key) => {
-        if (!isEscapeInput(input, key))
-            return;
-        abortRef.current?.abort();
-        onCancel();
-    }, { isActive: isActive && isRawModeSupported });
-    useInput((input, key) => {
-        if (!(key.return || input === "\r"))
-            return;
-        if (!verificationUri || !userCode || !onApprove)
-            return;
-        setStep("starting");
-        void Promise.resolve(onApprove()).catch((err) => {
-            const msg = err instanceof Error ? err.message : String(err);
-            setErrorMessage(msg);
-            setStep("error");
-        });
-    }, { isActive: isActive && isRawModeSupported });
-    useEffect(() => {
-        if (startedRef.current)
-            return;
-        startedRef.current = true;
-        if (verificationUri && userCode && onApprove) {
-            setDeviceCode({
-                verificationUri,
-                userCode,
-                expiresAt: Date.now() + 5 * 60_000,
-                intervalMs: 5_000,
-            });
-            setStep("waiting");
-            return;
-        }
-        const abortController = new AbortController();
-        abortRef.current = abortController;
-        setStep("starting");
-        loginWithGitHubCopilotDeviceFlow({
-            profileLabel,
-            signal: abortController.signal,
-            onDeviceCode: (code) => {
-                setDeviceCode(code);
-                setStep("waiting");
-            },
-        }).then((result) => {
-            if (completedRef.current || abortController.signal.aborted)
-                return;
-            if (result.success) {
-                setStep("success");
-                completedRef.current = true;
-                setTimeout(() => {
-                    onComplete?.({ success: true, message: result.message });
-                }, 1000);
-            }
-            else {
-                setErrorMessage(result.message);
-                setStep("error");
-            }
-        }, (err) => {
-            if (completedRef.current || abortController.signal.aborted)
-                return;
-            const msg = err instanceof Error ? err.message : String(err);
-            setErrorMessage(msg);
-            setStep("error");
-        });
-        return () => {
-            abortController.abort();
-        };
-    }, [onApprove, onComplete, profileLabel, userCode, verificationUri]);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.secondary, paddingX: 1, paddingY: 1, width: 64, children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, children: ["Sign in to ", provider] }) }), profileLabel && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.textMuted, children: ["Profile: github-copilot:", profileLabel] }) })), step === "starting" && (_jsxs(Box, { gap: 1, children: [_jsx(SimpleSpinner, {}), _jsx(Text, { children: "Requesting GitHub device code..." })] })), step === "waiting" && deviceCode && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "Authorize this device in your browser:" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.primary, children: deviceCode.verificationUri }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Code: ", _jsx(Text, { bold: true, children: deviceCode.userCode })] }) }), _jsxs(Box, { marginTop: 1, gap: 1, children: [_jsx(SimpleSpinner, {}), _jsx(Text, { children: verificationUri && userCode && onApprove
-                                    ? "Press Enter after approving in GitHub, or Esc to cancel."
-                                    : "Waiting for GitHub authorization..." })] })] })), step === "success" && (_jsxs(Text, { color: theme.colors.success, children: ["\u2713", " Logged in to ", provider] })), step === "error" && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.error, children: ["\u2717", " ", errorMessage] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: "Press Esc to dismiss" }) })] })), step !== "success" && step !== "error" && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: "Esc Cancel" }) }))] }));
-}
-//# sourceMappingURL=CopilotDeviceLoginFlow.js.map

package/dist/ui/components/CopilotSourcePicker.js

@@ -1,50 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } 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";
-function StatusIndicator({ status }) {
-    const theme = getTheme();
-    if (status === "connected") {
-        return _jsxs(Text, { color: theme.colors.success, children: ["\u2713", " available"] });
-    }
-    return _jsxs(Text, { color: theme.colors.textMuted, children: ["\u00b7", " requires login"] });
-}
-export function CopilotSourcePicker({ options, onSelect, onCancel, isActive = true, }) {
-    const theme = getTheme();
-    const [selected, setSelectedState] = useState(0);
-    const selectedRef = useRef(0);
-    const submittedRef = useRef(false);
-    const isRawModeSupported = process.stdin.isTTY ?? false;
-    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: 72, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Select GitHub Copilot login source:" }) }), options.map((option, 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: option.label.padEnd(44) }), _jsx(StatusIndicator, { status: option.status })] }, option.id));
-            }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.colors.textMuted, children: ["\u2191\u2193", " Navigate Enter Select Esc Cancel"] }) })] }));
-}
-//# sourceMappingURL=CopilotSourcePicker.js.map

package/dist/ui/components/Cost.js

@@ -1,10 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from "ink";
-export function Cost({ costUSD, durationMs, debug }) {
-    if (!debug) {
-        return null;
-    }
-    const durationInSeconds = (durationMs / 1000).toFixed(1);
-    return (_jsx(Box, { flexDirection: "column", minWidth: 23, width: 23, children: _jsxs(Text, { dimColor: true, children: ["Cost: $", costUSD.toFixed(4), " (", durationInSeconds, "s)"] }) }));
-}
-//# sourceMappingURL=Cost.js.map

package/dist/ui/components/CustomSelect/option-map.js

@@ -1,30 +0,0 @@
-// Change: Option type from @inkjs/ui → inline definition
-import { optionHeaderKey } from "./select.js";
-export default class OptionMap extends Map {
-    first;
-    constructor(options) {
-        const items = [];
-        let firstItem;
-        let previous;
-        let index = 0;
-        for (const option of options) {
-            const item = {
-                ...option,
-                previous,
-                next: undefined,
-                index,
-            };
-            if (previous) {
-                previous.next = item;
-            }
-            firstItem ||= item;
-            const key = "value" in option ? option.value : optionHeaderKey(option);
-            items.push([key, item]);
-            index++;
-            previous = item;
-        }
-        super(items);
-        this.first = firstItem;
-    }
-}
-//# sourceMappingURL=option-map.js.map

package/dist/ui/components/CustomSelect/select-option.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Change: replaced @inkjs/ui useComponentTheme with inline styles using ARIA's theme
-import { Box, Text } from "ink";
-import { getTheme } from "../../theme/index.js";
-// Inline Unicode figures (avoids `figures` package dependency)
-const POINTER = "\u276F"; // ❯
-const TRIANGLE_DOWN_SMALL = "\u25BE"; // ▾
-const TICK = "\u2714"; // ✔
-export function SelectOption({ isFocused, isSelected, smallPointer, children, }) {
-    const theme = getTheme();
-    return (_jsxs(Box, { gap: 1, children: [isFocused && (_jsx(Text, { color: theme.colors.primary, children: smallPointer ? TRIANGLE_DOWN_SMALL : POINTER })), _jsx(Text, { color: isFocused ? theme.colors.primary : undefined, bold: isSelected, children: children }), isSelected && _jsx(Text, { color: theme.colors.success, children: TICK })] }));
-}
-//# sourceMappingURL=select-option.js.map

package/dist/ui/components/CustomSelect/select.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// Change: replaced @inkjs/ui useComponentTheme with inline styles using ARIA's theme
-// Change: Option type from @inkjs/ui → imported from ./option-map.js
-import { Box, Text } from "ink";
-import { SelectOption } from "./select-option.js";
-import { useSelectState } from "./use-select-state.js";
-import { useSelect } from "./use-select.js";
-import { getTheme } from "../../theme/index.js";
-export const optionHeaderKey = (optionHeader) => `HEADER-${optionHeader.optionValues.join(",")}`;
-export function Select({ isDisabled = false, visibleOptionCount = 5, highlightText, options, defaultValue, onChange, onFocus, focusValue, }) {
-    const state = useSelectState({
-        visibleOptionCount,
-        options,
-        defaultValue,
-        onChange,
-        onFocus,
-        focusValue,
-    });
-    useSelect({ isDisabled, state });
-    const theme = getTheme();
-    return (_jsx(Box, { flexDirection: "column", children: state.visibleOptions.map((option) => {
-            const key = "value" in option ? option.value : optionHeaderKey(option);
-            const isFocused = !isDisabled &&
-                state.focusedValue !== undefined &&
-                ("value" in option
-                    ? state.focusedValue === option.value
-                    : option.optionValues.includes(state.focusedValue));
-            const isSelected = !!state.value &&
-                ("value" in option
-                    ? state.value === option.value
-                    : option.optionValues.includes(state.value));
-            const smallPointer = "header" in option;
-            const labelText = "label" in option ? option.label : option.header;
-            let label = labelText;
-            if (highlightText && labelText.includes(highlightText)) {
-                const index = labelText.indexOf(highlightText);
-                label = (_jsxs(_Fragment, { children: [labelText.slice(0, index), _jsx(Text, { color: theme.colors.primary, bold: true, children: highlightText }), labelText.slice(index + highlightText.length)] }));
-            }
-            return (_jsx(SelectOption, { isFocused: isFocused, isSelected: isSelected, smallPointer: smallPointer, children: label }, key));
-        }) }));
-}
-//# sourceMappingURL=select.js.map