@aria-cli/cli 1.0.50 → 1.0.51

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

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { getTheme } from "../../theme/index.js";
+import { applyMarkdown } from "../../markdown/index.js";
+const BLACK_CIRCLE = process.platform === "darwin" ? "\u23FA" : "\u25CF";
+export function UserTextMessage({ param: { text }, userName, columns, addMargin = false, showPrefix = true, }) {
+    const theme = getTheme();
+    const name = userName || "User";
+    const contentWidth = Math.max(columns - 4, 20);
+    return (_jsxs(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, width: "100%", children: [showPrefix && (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { bold: true, color: theme.colors.primary, children: ["\uD83E\uDD84 ", name] }) })), _jsxs(Box, { flexDirection: "row", width: "100%", marginTop: showPrefix ? 1 : 0, children: [_jsx(Box, { minWidth: 2, children: _jsx(Text, { color: theme.colors.primary, children: BLACK_CIRCLE }) }), _jsx(Box, { flexShrink: 1, width: contentWidth, children: _jsx(Text, { wrap: "wrap", children: text ? applyMarkdown(text, { width: contentWidth }) : "" }) })] })] }));
+}
+//# sourceMappingURL=UserTextMessage.js.map

package/dist/ui/components/overlays/ArionSelector.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { getArionColor } from "../../theme.js";
+import { isEscapeInput } from "../../utils/keys.js";
+export function ArionSelector({ arions, initialFilter = "", statusFilter = "all", onSelect, onCancel, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [filter, setFilter] = useState(initialFilter);
+    const filtered = arions.filter((arion) => {
+        // First apply status filter
+        if (statusFilter === "active" && arion.isResting)
+            return false;
+        if (statusFilter === "resting" && !arion.isResting)
+            return false;
+        // Then apply text filter
+        return arion.name.toLowerCase().includes(filter.toLowerCase());
+    });
+    // Clamp selectedIndex when filtered results change
+    useEffect(() => {
+        setSelectedIndex((i) => Math.min(i, Math.max(0, filtered.length - 1)));
+    }, [filtered.length]);
+    // Safe index that's always in bounds
+    const safeIndex = filtered.length > 0 ? Math.min(selectedIndex, filtered.length - 1) : 0;
+    // Only use input handling when stdin supports raw mode
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (isEscapeInput(input, key)) {
+            onCancel();
+            return;
+        }
+        if (key.return && filtered.length > 0) {
+            onSelect(filtered[safeIndex]);
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((i) => Math.max(0, i - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((i) => Math.min(filtered.length - 1, i + 1));
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setFilter((f) => f.slice(0, -1));
+            return;
+        }
+        // Printable character input
+        if (input && !key.ctrl && !key.meta) {
+            setFilter((f) => f + input);
+        }
+    }, { isActive: isRawModeSupported });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: statusFilter === "active"
+                            ? "Active Arions"
+                            : statusFilter === "resting"
+                                ? "Resting Arions"
+                                : "Arions" }), filter && _jsxs(Text, { dimColor: true, children: [" @", filter] })] }), filtered.length === 0 && (_jsx(Text, { dimColor: true, children: arions.length === 0
+                    ? "No arions available. Create one with /hatch"
+                    : statusFilter === "active"
+                        ? "No active arions"
+                        : statusFilter === "resting"
+                            ? "No resting arions"
+                            : "No matching arions" })), filtered.map((arion, i) => {
+                const colorHex = getArionColor(arion.color);
+                const suffix = arion.isActive ? " (active)" : arion.isResting ? " (resting)" : "";
+                return (_jsxs(Box, { children: [_jsxs(Text, { inverse: i === safeIndex, children: [arion.emoji, " ", _jsx(Text, { color: colorHex, children: arion.name })] }), _jsxs(Text, { dimColor: true, children: [" ", arion.description, suffix] })] }, arion.name));
+            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \u23CE select esc cancel" }) })] }));
+}
+//# sourceMappingURL=ArionSelector.js.map

package/dist/ui/components/overlays/ClientSelector.js

@@ -0,0 +1,62 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { getTheme } from "../../theme/index.js";
+import { isEscapeInput } from "../../utils/keys.js";
+function clientMatchesFilter(client, filter) {
+    const normalizedFilter = filter.trim().toLowerCase();
+    if (!normalizedFilter) {
+        return true;
+    }
+    return (client.displayLabel.toLowerCase().includes(normalizedFilter) ||
+        client.clientId.toLowerCase().includes(normalizedFilter) ||
+        client.clientKind.toLowerCase().includes(normalizedFilter));
+}
+function clampSelectedIndex(index, length) {
+    if (length <= 0) {
+        return 0;
+    }
+    return Math.min(index, length - 1);
+}
+export function ClientSelector({ clients, onSelect, onCancel, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [filter, setFilter] = useState("");
+    const theme = getTheme();
+    const filteredClients = useMemo(() => clients.filter((client) => clientMatchesFilter(client, filter)), [clients, filter]);
+    useEffect(() => {
+        setSelectedIndex((index) => clampSelectedIndex(index, filteredClients.length));
+    }, [filteredClients.length]);
+    const safeIndex = clampSelectedIndex(selectedIndex, filteredClients.length);
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (isEscapeInput(input, key)) {
+            onCancel();
+            return;
+        }
+        if (key.return) {
+            if (filteredClients.length > 0 && !filteredClients[safeIndex]?.self) {
+                onSelect(filteredClients[safeIndex]);
+            }
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((index) => Math.max(0, index - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((index) => clampSelectedIndex(index + 1, filteredClients.length));
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setFilter((current) => current.slice(0, -1));
+            setSelectedIndex(0);
+            return;
+        }
+        if (input && !key.ctrl && !key.meta) {
+            setFilter((current) => current + input);
+            setSelectedIndex(0);
+        }
+    }, { isActive: isRawModeSupported });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.secondary, paddingX: 1, children: [_jsxs(Text, { bold: true, color: theme.colors.primary, children: [" ", "Same-Home Clients", " "] }), filter ? _jsxs(Text, { dimColor: true, children: [" (filter: \"", filter, "\")"] }) : null, filteredClients.length === 0 && _jsx(Text, { dimColor: true, children: "No same-home clients found." }), filteredClients.map((client, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { inverse: index === safeIndex, color: index === safeIndex ? theme.colors.primary : undefined, children: [index === safeIndex ? " ▸ " : "   ", client.displayLabel] }), _jsxs(Text, { dimColor: true, children: ["   ", client.clientId, client.self ? "  self · not sendable" : ""] })] }, `${client.clientId}-${index}`))), _jsx(Box, { marginTop: filteredClients.length > 0 ? 1 : 0, children: _jsx(Text, { dimColor: true, children: "type to search \u2191\u2193 navigate \u23CE select esc cancel" }) })] }));
+}
+//# sourceMappingURL=ClientSelector.js.map

package/dist/ui/components/overlays/CommandPalette.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { isEscapeInput } from "../../utils/keys.js";
+function hasArgumentBoundary(value) {
+    return /\s/.test(value.trimStart());
+}
+function extractCommandQuery(value) {
+    return value.trimStart().split(/\s+/, 1)[0] ?? "";
+}
+export function CommandPalette({ commands, initialFilter = "", onSelect, onHandOffInput, onCancel, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [filter, setFilter] = useState(initialFilter);
+    const commandQuery = extractCommandQuery(filter).toLowerCase();
+    const filtered = commands.filter((cmd) => cmd.name.toLowerCase().includes(commandQuery));
+    // Clamp selectedIndex when filtered results change
+    useEffect(() => {
+        setSelectedIndex((i) => Math.min(i, Math.max(0, filtered.length - 1)));
+    }, [filtered.length]);
+    useEffect(() => {
+        if (!onHandOffInput || !hasArgumentBoundary(filter)) {
+            return;
+        }
+        onHandOffInput(`/${filter}`);
+    }, [filter, onHandOffInput]);
+    // Safe index that's always in bounds
+    const safeIndex = filtered.length > 0 ? Math.min(selectedIndex, filtered.length - 1) : 0;
+    // Only use input handling when stdin supports raw mode
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (isEscapeInput(input, key)) {
+            onCancel();
+            return;
+        }
+        if (key.return && hasArgumentBoundary(filter) && onHandOffInput) {
+            onHandOffInput(`/${filter}`);
+            return;
+        }
+        if (key.return && filtered.length > 0) {
+            onSelect(filtered[safeIndex]);
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((i) => Math.max(0, i - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((i) => Math.min(filtered.length - 1, i + 1));
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setFilter((f) => f.slice(0, -1));
+            return;
+        }
+        // Printable character input
+        if (input && !key.ctrl && !key.meta) {
+            const nextFilter = filter + input;
+            if (onHandOffInput && hasArgumentBoundary(nextFilter)) {
+                onHandOffInput(`/${nextFilter}`);
+                return;
+            }
+            setFilter(nextFilter);
+        }
+    }, { isActive: isRawModeSupported });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: "Commands" }), filter && _jsxs(Text, { dimColor: true, children: [" /", filter] })] }), filtered.map((cmd, i) => (_jsxs(Box, { children: [_jsxs(Text, { inverse: i === safeIndex, children: ["/", cmd.name] }), _jsxs(Text, { dimColor: true, children: [" ", cmd.description] })] }, cmd.name))), filtered.length === 0 && _jsx(Text, { dimColor: true, children: "No matching commands" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \u23CE select esc cancel" }) })] }));
+}
+//# sourceMappingURL=CommandPalette.js.map

package/dist/ui/components/overlays/DaemonControl.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { isEscapeInput } from "../../utils/keys.js";
+import { getTheme } from "../../theme/index.js";
+const ACTION_OPTIONS = [
+    {
+        id: "start",
+        label: "Start daemon",
+        description: "Launch the shared background daemon process",
+        icon: "▶",
+        showWhenRunning: false,
+    },
+    {
+        id: "stop",
+        label: "Stop daemon",
+        description: "Gracefully stop the shared daemon process",
+        icon: "■",
+        showWhenRunning: true,
+    },
+    {
+        id: "restart",
+        label: "Restart daemon",
+        description: "Restart the shared daemon process cleanly",
+        icon: "↻",
+        showWhenRunning: true,
+    },
+];
+function LoopStatusBadge({ loopStatus }) {
+    const theme = getTheme();
+    const c = theme.colors;
+    if (!loopStatus)
+        return null;
+    const statusColors = {
+        running: c.success,
+        idle: c.info,
+        starting: c.warning,
+        stopping: c.warning,
+        stopped: c.textMuted,
+        error: c.error,
+    };
+    const color = statusColors[loopStatus] ?? c.text;
+    return _jsx(Text, { color: color, children: loopStatus });
+}
+export function DaemonControl({ onAction, onClose, status, actionStatus }) {
+    const theme = getTheme();
+    const c = theme.colors;
+    // Filter options based on daemon state
+    const visibleOptions = ACTION_OPTIONS.filter((opt) => {
+        if (opt.showWhenRunning === undefined)
+            return true;
+        return opt.showWhenRunning === status.running;
+    });
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const safeIndex = Math.min(selectedIndex, visibleOptions.length - 1);
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (actionStatus)
+            return; // Ignore input while action in progress
+        if (isEscapeInput(input, key)) {
+            onClose();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((i) => Math.max(0, i - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((i) => Math.min(visibleOptions.length - 1, i + 1));
+            return;
+        }
+        if (key.return && visibleOptions.length > 0) {
+            const option = visibleOptions[safeIndex];
+            if (option) {
+                onAction(option.id);
+            }
+            return;
+        }
+    }, { isActive: isRawModeSupported });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: c.primary, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: c.primary, children: "⚙ Daemon" }), _jsxs(Text, { color: c.textMuted, children: [" ", theme.symbols.arrow, " background service control"] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: c.textMuted, children: "Status   " }), _jsx(Text, { bold: true, color: status.running ? c.success : c.textMuted, children: status.running ? "● Running" : "○ Stopped" })] }), status.running && (_jsxs(_Fragment, { children: [status.loopStatus && (_jsxs(Box, { children: [_jsx(Text, { color: c.textMuted, children: "Loop     " }), _jsx(LoopStatusBadge, { loopStatus: status.loopStatus })] })), status.port && (_jsxs(Box, { children: [_jsx(Text, { color: c.textMuted, children: "Port     " }), _jsx(Text, { color: c.text, children: status.port })] })), status.nodeId && (_jsxs(Box, { children: [_jsx(Text, { color: c.textMuted, children: "Node     " }), _jsx(Text, { color: c.text, children: status.nodeId.length > 20 ? `${status.nodeId.slice(0, 20)}…` : status.nodeId })] })), status.runtimeId && (_jsxs(Box, { children: [_jsx(Text, { color: c.textMuted, children: "Runtime  " }), _jsx(Text, { color: c.text, children: status.runtimeId.length > 20
+                                            ? `${status.runtimeId.slice(0, 20)}…`
+                                            : status.runtimeId })] })), status.clients !== undefined && (_jsxs(Box, { children: [_jsx(Text, { color: c.textMuted, children: "Clients  " }), _jsxs(Text, { color: status.clients > 0 ? c.info : c.textMuted, children: [status.clients, " attached"] })] }))] }))] }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: c.border, children: "─".repeat(44) }) }), actionStatus && (_jsx(Box, { marginBottom: 1, paddingX: 1, children: _jsxs(Text, { color: c.warning, children: ["⟳ ", actionStatus] }) })), _jsx(Box, { flexDirection: "column", children: visibleOptions.map((option, i) => {
+                    const isHighlighted = i === safeIndex;
+                    return (_jsxs(Box, { paddingX: 1, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { inverse: isHighlighted, color: isHighlighted ? (option.id === "stop" ? c.error : c.primary) : c.text, children: [option.icon, " ", option.label] }) }), isHighlighted && (_jsx(Box, { paddingLeft: 3, children: _jsx(Text, { color: c.textMuted, children: option.description }) }))] }, option.id));
+                }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: c.textMuted, children: ["↑↓", " navigate ", "⏎", " select ", "esc", " close"] }) })] }));
+}
+//# sourceMappingURL=DaemonControl.js.map

package/dist/ui/components/overlays/InviteShareOverlay.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import { getTheme } from "../../theme/index.js";
+import { isEscapeInput } from "../../utils/keys.js";
+export function InviteShareOverlay({ inviteToken, inviteLabel, expiresAt, onClose, }) {
+    const theme = getTheme();
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (key.return || isEscapeInput(input, key)) {
+            onClose();
+        }
+    }, { isActive: isRawModeSupported });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.secondary, paddingX: 1, paddingY: 1, children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: "Internet Invite" }), inviteLabel ? (_jsxs(Text, { children: ["Label: ", _jsx(Text, { bold: true, children: inviteLabel })] })) : null, expiresAt ? _jsxs(Text, { dimColor: true, children: ["Expires: ", expiresAt] }) : null, _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Share this token:" }), _jsx(Text, { children: inviteToken })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Join with:" }), _jsx(Text, { children: `aria pairing join ${inviteToken}` })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter or Esc to close." }) })] }));
+}
+//# sourceMappingURL=InviteShareOverlay.js.map

package/dist/ui/components/overlays/JoinInviteOverlay.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { getTheme } from "../../theme/index.js";
+import { isEscapeInput } from "../../utils/keys.js";
+export function JoinInviteOverlay({ onSubmit, onCancel, error, }) {
+    const [inviteToken, setInviteToken] = useState("");
+    const theme = getTheme();
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (isEscapeInput(input, key)) {
+            onCancel();
+            return;
+        }
+        if (key.return) {
+            const trimmed = inviteToken.trim();
+            if (trimmed.length > 0) {
+                onSubmit(trimmed);
+            }
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setInviteToken((current) => current.slice(0, -1));
+            return;
+        }
+        if (input && !key.ctrl && !key.meta) {
+            setInviteToken((current) => current + input);
+        }
+    }, { isActive: isRawModeSupported });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.secondary, paddingX: 1, paddingY: 1, children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: "Join Invite" }), _jsx(Text, { children: "Paste the invite token and press Enter." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: inviteToken || " " }) }), error ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.error, children: error }) })) : null, _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Type token, Enter to join, Esc to cancel." }) })] }));
+}
+//# sourceMappingURL=JoinInviteOverlay.js.map

package/dist/ui/components/overlays/MemoryBrowser.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import InkSpinner from "ink-spinner";
+import { isEscapeInput } from "../../utils/keys.js";
+export function MemoryBrowser({ memories, mode = "browse", isLoading = false, onSelect, onCancel, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [filter, setFilter] = useState("");
+    const [page, setPage] = useState(0);
+    const pageSize = 8;
+    // Filter memories by content
+    const filtered = memories.filter((m) => m.content.toLowerCase().includes(filter.toLowerCase()));
+    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+    const pageItems = filtered.slice(page * pageSize, (page + 1) * pageSize);
+    // Clamp selectedIndex when filtered results change
+    useEffect(() => {
+        setSelectedIndex((i) => Math.min(i, Math.max(0, pageItems.length - 1)));
+    }, [pageItems.length]);
+    // Safe index that's always in bounds
+    const safeIndex = pageItems.length > 0 ? Math.min(selectedIndex, pageItems.length - 1) : 0;
+    // Only use input handling when stdin supports raw mode
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (isEscapeInput(input, key)) {
+            onCancel();
+            return;
+        }
+        if (key.return && pageItems.length > 0 && mode === "forget") {
+            onSelect?.(pageItems[safeIndex]);
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((i) => Math.max(0, i - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((i) => Math.min(pageItems.length - 1, i + 1));
+            return;
+        }
+        if (key.leftArrow && page > 0) {
+            setPage((p) => p - 1);
+            setSelectedIndex(0);
+            return;
+        }
+        if (key.rightArrow && page < totalPages - 1) {
+            setPage((p) => p + 1);
+            setSelectedIndex(0);
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setFilter((f) => f.slice(0, -1));
+            setPage(0);
+            setSelectedIndex(0);
+            return;
+        }
+        // Printable character input
+        if (input && !key.ctrl && !key.meta) {
+            setFilter((f) => f + input);
+            setPage(0);
+            setSelectedIndex(0);
+        }
+    }, { isActive: isRawModeSupported });
+    // Format date for display (handles both Date objects and ISO strings)
+    function formatDate(date) {
+        const d = date instanceof Date ? date : new Date(date);
+        if (isNaN(d.getTime()))
+            return "unknown";
+        const now = new Date();
+        const diff = now.getTime() - d.getTime();
+        const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+        if (days === 0)
+            return "today";
+        if (days === 1)
+            return "yesterday";
+        if (days < 7)
+            return `${days}d ago`;
+        if (days < 30)
+            return `${Math.floor(days / 7)}w ago`;
+        return `${Math.floor(days / 30)}mo ago`;
+    }
+    // Truncate content for display
+    function truncate(str, len) {
+        if (str.length <= len)
+            return str;
+        return str.slice(0, len - 3) + "...";
+    }
+    const title = mode === "forget" ? "Select Memory to Delete" : "Memories";
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: mode === "forget" ? "red" : "cyan", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: mode === "forget" ? "red" : "cyan", children: title }), filter && _jsxs(Text, { dimColor: true, children: [" (filter: \"", filter, "\")"] }), _jsxs(Text, { dimColor: true, children: [" - ", filtered.length, " memories"] })] }), isLoading && (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: _jsx(InkSpinner, { type: "dots" }) }), _jsx(Text, { dimColor: true, children: " Loading memories..." })] })), !isLoading && filtered.length === 0 && (_jsx(Text, { dimColor: true, children: memories.length === 0
+                    ? "No memories stored yet. Use /remember to add some."
+                    : "No memories match your filter." })), !isLoading &&
+                pageItems.map((memory, i) => {
+                    const isSelected = i === safeIndex;
+                    const date = formatDate(memory.createdAt);
+                    const content = truncate(memory.content, 60);
+                    return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { inverse: isSelected, children: [isSelected ? ">" : " ", " ", content] }), _jsxs(Text, { dimColor: true, children: [" [", date, "]"] }), memory.network && _jsxs(Text, { dimColor: true, children: [" (", memory.network, ")"] })] }, memory.id));
+                }), !isLoading && totalPages > 1 && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Page ", page + 1, "/", totalPages] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: mode === "forget"
+                        ? "type to filter  arrows navigate  enter delete  esc cancel"
+                        : "type to filter  arrows navigate  esc close" }) })] }));
+}
+//# sourceMappingURL=MemoryBrowser.js.map

package/dist/ui/components/overlays/MessageSelector.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// packages/cli/src/ui/components/overlays/MessageSelector.tsx
+import { useState, useEffect, useMemo } from "react";
+import { Box, Text, useInput } from "ink";
+import { isEscapeInput } from "../../utils/keys.js";
+import { useTerminalSize } from "../../hooks/useTerminalSize.js";
+function truncate(str, len) {
+    if (str.length <= len)
+        return str;
+    return str.slice(0, len - 3) + "…";
+}
+function roleIcon(role) {
+    switch (role) {
+        case "user":
+            return "👤";
+        case "assistant":
+            return "🤖";
+        case "system":
+            return "⚙️";
+        case "tool":
+            return "🔧";
+        default:
+            return "  ";
+    }
+}
+function roleColor(role) {
+    switch (role) {
+        case "user":
+            return "cyan";
+        case "assistant":
+            return "green";
+        case "system":
+            return "yellow";
+        case "tool":
+            return "gray";
+        default:
+            return "white";
+    }
+}
+export function MessageSelector({ messages, onSelect, onCancel, }) {
+    const { columns, rows } = useTerminalSize();
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [searchQuery, setSearchQuery] = useState("");
+    // Filter messages by search query (case-insensitive)
+    const filtered = useMemo(() => {
+        if (!searchQuery)
+            return messages;
+        const q = searchQuery.toLowerCase();
+        return messages.filter((m) => m.text.toLowerCase().includes(q) ||
+            m.role.toLowerCase().includes(q) ||
+            (m.arion && m.arion.toLowerCase().includes(q)));
+    }, [messages, searchQuery]);
+    // Clamp selection when filtered list changes
+    useEffect(() => {
+        setSelectedIndex((i) => Math.min(i, Math.max(0, filtered.length - 1)));
+    }, [filtered.length]);
+    // Start selection on the last user message in filtered list
+    useEffect(() => {
+        if (!searchQuery) {
+            const lastUserIdx = filtered.reduce((acc, m, i) => (m.role === "user" ? i : acc), 0);
+            setSelectedIndex(lastUserIdx);
+        }
+    }, []); // only on mount
+    // Reserve space for header (3), footer (2), border (2), scroll indicators (2)
+    const maxVisible = Math.max(4, rows - 10);
+    // Scrolling window: keep selectedIndex visible
+    const [scrollOffset, setScrollOffset] = useState(0);
+    useEffect(() => {
+        if (selectedIndex < scrollOffset) {
+            setScrollOffset(selectedIndex);
+        }
+        else if (selectedIndex >= scrollOffset + maxVisible) {
+            setScrollOffset(selectedIndex - maxVisible + 1);
+        }
+    }, [selectedIndex, maxVisible, scrollOffset]);
+    // Reset scroll when search changes
+    useEffect(() => {
+        const lastUserIdx = filtered.reduce((acc, m, i) => (m.role === "user" ? i : acc), 0);
+        setScrollOffset(Math.max(0, lastUserIdx - maxVisible + 2));
+    }, [searchQuery]);
+    const visibleMessages = filtered.slice(scrollOffset, scrollOffset + maxVisible);
+    const safeIndex = filtered.length > 0 ? Math.min(selectedIndex, filtered.length - 1) : 0;
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (isEscapeInput(input, key)) {
+            onCancel();
+        }
+        else if (key.return && filtered.length > 0) {
+            const entry = filtered[safeIndex];
+            if (entry && entry.role === "user") {
+                onSelect(entry.index, entry.text);
+            }
+        }
+        else if (key.upArrow) {
+            setSelectedIndex((i) => Math.max(0, i - 1));
+        }
+        else if (key.downArrow) {
+            setSelectedIndex((i) => Math.min(filtered.length - 1, i + 1));
+        }
+        else if (key.backspace || key.delete) {
+            const next = searchQuery.slice(0, -1);
+            setSearchQuery(next);
+            setSelectedIndex(0);
+        }
+        else if (input && !key.ctrl && !key.meta) {
+            const next = searchQuery + input;
+            setSearchQuery(next);
+            setSelectedIndex(0);
+        }
+    }, { isActive: isRawModeSupported });
+    const textMaxLen = Math.max(30, Math.min(120, columns - 16));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Edit Message" }), searchQuery ? (_jsxs(Text, { dimColor: true, children: [" ", "(search: \"", searchQuery, "\") \u2014 ", filtered.length, "/", messages.length, " messages"] })) : (_jsxs(Text, { dimColor: true, children: [" \u2014 ", messages.length, " messages \u00B7 select a user message to edit"] }))] }), scrollOffset > 0 && _jsxs(Text, { dimColor: true, children: [" \u2191 ", scrollOffset, " more above"] }), filtered.length === 0 ? (_jsx(Text, { dimColor: true, children: searchQuery ? `No messages match "${searchQuery}".` : "No messages." })) : (visibleMessages.map((entry, vIdx) => {
+                const globalIdx = scrollOffset + vIdx;
+                const isSelected = globalIdx === safeIndex;
+                const isUser = entry.role === "user";
+                const icon = roleIcon(entry.role);
+                const color = roleColor(entry.role);
+                const prefix = isSelected ? "❯" : " ";
+                const preview = truncate(entry.text.replace(/\n/g, " ").trim() || "(empty)", textMaxLen);
+                return (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { inverse: isSelected, color: isSelected ? undefined : color, dimColor: !isUser && !isSelected, bold: isUser, children: [prefix, " ", icon, " ", preview] }) }, `${entry.index}-${vIdx}`));
+            })), scrollOffset + maxVisible < filtered.length && (_jsxs(Text, { dimColor: true, children: [" \u2193 ", filtered.length - scrollOffset - maxVisible, " more below"] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "type to search \u00B7 \u2191\u2193 navigate \u00B7 enter select user message \u00B7 esc cancel" }) })] }));
+}
+//# sourceMappingURL=MessageSelector.js.map