@aria-cli/cli 1.0.50 → 1.0.51

package/dist/ui/components/Banner.js

@@ -0,0 +1,98 @@
+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

@@ -0,0 +1,175 @@
+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

@@ -0,0 +1,88 @@
+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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,30 @@
+// 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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,42 @@
+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