@nex-ai/nex 0.1.22 → 0.1.23

package/dist/tui/components/slash-autocomplete.js

@@ -0,0 +1,218 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Slash command autocomplete overlay and hook.
+ *
+ * Shows a small overlay Box above the input line listing matching slash
+ * commands when the input starts with "/".  Tab cycles through matches,
+ * Enter accepts the current match, Escape dismisses.
+ *
+ * This is a standalone component — wire it into the home/conversation
+ * view by:
+ *   1. Calling useSlashAutocomplete(inputValue, slashCommands)
+ *   2. Rendering <SlashAutocomplete {...autocomplete} /> above the input
+ *   3. Intercepting Tab/Enter/Escape in useInput and calling the
+ *      returned handlers (onTab, onAccept, onDismiss)
+ */
+import React from "react";
+import { Box, Text } from "ink";
+// ── Pure functions ──────────────────────────────────────────────────
+/**
+ * Filter and rank commands that match a prefix query.
+ */
+export function filterCommands(query, commands) {
+    const q = query.toLowerCase();
+    if (!q)
+        return commands;
+    return commands.filter((cmd) => cmd.name.toLowerCase().startsWith(q));
+}
+/**
+ * Create initial autocomplete state.
+ */
+export function createAutocompleteState() {
+    return {
+        visible: false,
+        matches: [],
+        selectedIndex: 0,
+        query: "",
+    };
+}
+/**
+ * Compute new autocomplete state from current input value.
+ */
+export function computeAutocompleteState(input, commands) {
+    const trimmed = input.trimStart();
+    // Only activate when input starts with "/" and has no space yet
+    // (space means the user has moved on to arguments)
+    if (!trimmed.startsWith("/") || trimmed.includes(" ")) {
+        return createAutocompleteState();
+    }
+    const query = trimmed.slice(1); // everything after "/"
+    const matches = filterCommands(query, commands);
+    // Don't show if there's exactly one match that equals the query
+    if (matches.length === 1 && matches[0].name === query) {
+        return createAutocompleteState();
+    }
+    // Don't show if no matches
+    if (matches.length === 0) {
+        return { visible: false, matches: [], selectedIndex: 0, query };
+    }
+    return {
+        visible: true,
+        matches,
+        selectedIndex: 0,
+        query,
+    };
+}
+/**
+ * Create actions that manage autocomplete state.
+ * This is a factory for use in React state management.
+ */
+export function createAutocompleteActions(state, setState, commands) {
+    const accept = (index) => {
+        if (!state.visible || state.matches.length === 0)
+            return null;
+        const match = state.matches[index];
+        if (!match)
+            return null;
+        setState(createAutocompleteState());
+        return { text: `/${match.name} `, command: match.name };
+    };
+    return {
+        onTab: () => {
+            if (!state.visible || state.matches.length === 0)
+                return null;
+            // If only one match, accept it immediately
+            if (state.matches.length === 1) {
+                return accept(0);
+            }
+            // Cycle to next
+            const nextIndex = (state.selectedIndex + 1) % state.matches.length;
+            setState({ ...state, selectedIndex: nextIndex });
+            return null;
+        },
+        onShiftTab: () => {
+            if (!state.visible || state.matches.length === 0)
+                return null;
+            if (state.matches.length === 1) {
+                return accept(0);
+            }
+            const nextIndex = (state.selectedIndex - 1 + state.matches.length) % state.matches.length;
+            setState({ ...state, selectedIndex: nextIndex });
+            return null;
+        },
+        onAccept: () => {
+            return accept(state.selectedIndex);
+        },
+        onDismiss: () => {
+            setState(createAutocompleteState());
+        },
+        update: (input) => {
+            const newState = computeAutocompleteState(input, commands);
+            setState(newState);
+        },
+    };
+}
+// ── React hook ──────────────────────────────────────────────────────
+/**
+ * Hook that manages slash command autocomplete state.
+ *
+ * Usage:
+ * ```tsx
+ * const { state, actions } = useSlashAutocomplete(commands);
+ *
+ * // In your onChange handler:
+ * actions.update(newValue);
+ *
+ * // In your useInput handler:
+ * if (key.name === "tab" && acState.visible) {
+ *   const result = actions.onTab();
+ *   if (result) setInputValue(result.text);
+ *   return;
+ * }
+ * ```
+ */
+import { useState, useRef } from "react";
+export function useSlashAutocomplete(commands) {
+    const [acState, setAcState] = useState(createAutocompleteState());
+    const commandsRef = useRef(commands);
+    commandsRef.current = commands;
+    const stateRef = useRef(acState);
+    stateRef.current = acState;
+    // Stable reference — reads state/commands through refs so the object never changes
+    const actions = React.useMemo(() => {
+        const accept = (index) => {
+            const s = stateRef.current;
+            if (!s.visible || s.matches.length === 0)
+                return null;
+            const match = s.matches[index];
+            if (!match)
+                return null;
+            setAcState(createAutocompleteState());
+            return { text: `/${match.name} `, command: match.name };
+        };
+        return {
+            onTab: () => {
+                const s = stateRef.current;
+                if (!s.visible || s.matches.length === 0)
+                    return null;
+                if (s.matches.length === 1)
+                    return accept(0);
+                const next = (s.selectedIndex + 1) % s.matches.length;
+                setAcState({ ...s, selectedIndex: next });
+                return null;
+            },
+            onShiftTab: () => {
+                const s = stateRef.current;
+                if (!s.visible || s.matches.length === 0)
+                    return null;
+                if (s.matches.length === 1)
+                    return accept(0);
+                const next = (s.selectedIndex - 1 + s.matches.length) % s.matches.length;
+                setAcState({ ...s, selectedIndex: next });
+                return null;
+            },
+            onAccept: () => accept(stateRef.current.selectedIndex),
+            onDismiss: () => setAcState(createAutocompleteState()),
+            update: (input) => {
+                const newState = computeAutocompleteState(input, commandsRef.current);
+                const cur = stateRef.current;
+                // Skip setState when nothing meaningful changed to avoid extra renders
+                if (cur.visible === newState.visible &&
+                    cur.query === newState.query &&
+                    cur.selectedIndex === newState.selectedIndex &&
+                    cur.matches.length === newState.matches.length)
+                    return;
+                setAcState(newState);
+            },
+        };
+    }, []); // stable — reads through refs
+    return { state: acState, actions };
+}
+// ── Component ───────────────────────────────────────────────────────
+/**
+ * Overlay rendering the list of matching slash commands.
+ * Position this above the input line.
+ */
+export function SlashAutocomplete({ state, maxVisible = 8, }) {
+    if (!state.visible || state.matches.length === 0) {
+        return null;
+    }
+    // Determine visible window
+    const total = state.matches.length;
+    const visible = Math.min(total, maxVisible);
+    let startIdx = 0;
+    if (state.selectedIndex >= startIdx + visible) {
+        startIdx = state.selectedIndex - visible + 1;
+    }
+    if (state.selectedIndex < startIdx) {
+        startIdx = state.selectedIndex;
+    }
+    const visibleItems = state.matches.slice(startIdx, startIdx + visible);
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, borderStyle: "single", borderColor: "cyan", children: [visibleItems.map((cmd, i) => {
+                const actualIndex = startIdx + i;
+                const isSelected = actualIndex === state.selectedIndex;
+                return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isSelected ? "cyan" : undefined, bold: isSelected, dimColor: !isSelected, children: isSelected ? ">" : " " }), _jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: `/${cmd.name}` }), _jsx(Text, { dimColor: true, children: cmd.description })] }, cmd.name));
+            }), total > visible && (_jsx(Box, { justifyContent: "flex-end", children: _jsx(Text, { dimColor: true, children: `${state.selectedIndex + 1}/${total}` }) }))] }));
+}
+export default SlashAutocomplete;
+//# sourceMappingURL=slash-autocomplete.js.map

package/dist/tui/components/slash-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-autocomplete.js","sourceRoot":"","sources":["../../../src/tui/components/slash-autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/spinner.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface SpinnerProps {
+    /** Label displayed after the spinner character */
+    label?: string;
+    /** Animation interval in ms (default: 80) */
+    interval?: number;
+    /** Ink Text color for the spinner character */
+    color?: string;
+    /** When true, the spinner stops animating */
+    stopped?: boolean;
+}
+/**
+ * Returns the current braille spinner frame, advancing every `interval` ms.
+ */
+export declare function useSpinner(interval?: number): string;
+export declare function Spinner({ label, interval, color, stopped, }: SpinnerProps): React.JSX.Element;
+export default Spinner;

package/dist/tui/components/spinner.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Text } from "ink";
+// ── Braille spinner frames ──────────────────────────────────────────
+const FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const DEFAULT_INTERVAL = 80;
+// ── Hook ────────────────────────────────────────────────────────────
+/**
+ * Returns the current braille spinner frame, advancing every `interval` ms.
+ */
+export function useSpinner(interval = DEFAULT_INTERVAL) {
+    const [index, setIndex] = useState(0);
+    useEffect(() => {
+        const id = setInterval(() => {
+            setIndex((prev) => (prev + 1) % FRAMES.length);
+        }, interval);
+        return () => clearInterval(id);
+    }, [interval]);
+    return FRAMES[index];
+}
+// ── Component ───────────────────────────────────────────────────────
+export function Spinner({ label, interval = DEFAULT_INTERVAL, color = "cyan", stopped = false, }) {
+    const frame = useSpinner(interval);
+    if (stopped) {
+        return label ? _jsx(Text, { dimColor: true, children: label }) : _jsx(Text, { children: "" });
+    }
+    return (_jsxs(Text, { children: [_jsx(Text, { color: color, children: frame }), label ? _jsx(Text, { children: ` ${label}` }) : null] }));
+}
+export default Spinner;
+//# sourceMappingURL=spinner.js.map

package/dist/tui/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/tui/components/spinner.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,uEAAuE;AAEvE,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAC3E,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAe5B,uEAAuE;AAEvE;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,QAAQ,GAAG,gBAAgB;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC,EAAE,QAAQ,CAAC,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,uEAAuE;AAEvE,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,GAAG,gBAAgB,EAC3B,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,GACF;IACb,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEnC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,QAAQ,kBAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,EAAE,GAAQ,CAAC;IACnE,CAAC;IAED,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAQ,EACjC,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,IAAI,KAAK,EAAE,GAAQ,CAAC,CAAC,CAAC,IAAI,IACrC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/tui/components/status-bar.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export type Mode = "normal" | "insert";
+export interface SessionStats {
+    tokensUsed?: number;
+    costUsd?: number;
+    model?: string;
+    startTime?: number;
+}
+export interface StatusBarProps {
+    mode: Mode;
+    breadcrumbs: string[];
+    scrollPercent?: number;
+    hint?: string;
+    /** When true, hides the mode badge (conversation view handles its own input) */
+    conversationMode?: boolean;
+    /** Session stats for token/cost/elapsed display */
+    session?: SessionStats;
+}
+export declare function formatTokens(n: number): string;
+export declare function formatCost(usd: number): string;
+export declare function formatElapsed(startTime: number, now?: number): string;
+export declare function StatusBar({ mode, breadcrumbs, scrollPercent, hint, conversationMode, session, }: StatusBarProps): React.JSX.Element;
+export default StatusBar;

package/dist/tui/components/status-bar.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+// --- Colors (Bubbletea scheme) ---
+const NEX_BLUE = "#2980fb";
+const NEX_PURPLE = "#cf72d9";
+const MODE_NORMAL_BG = NEX_BLUE;
+const MODE_INSERT_BG = "#03a04c";
+// --- Formatting helpers ---
+export function formatTokens(n) {
+    if (n < 1000)
+        return String(n);
+    if (n < 10_000)
+        return `${(n / 1000).toFixed(1)}k`;
+    if (n < 1_000_000)
+        return `${Math.round(n / 1000)}k`;
+    return `${(n / 1_000_000).toFixed(1)}M`;
+}
+export function formatCost(usd) {
+    if (usd < 0.001)
+        return "$0.00";
+    if (usd < 1)
+        return `$${usd.toFixed(3)}`;
+    return `$${usd.toFixed(2)}`;
+}
+export function formatElapsed(startTime, now) {
+    const ms = (now ?? Date.now()) - startTime;
+    const totalSecs = Math.max(0, Math.floor(ms / 1000));
+    const mins = Math.floor(totalSecs / 60);
+    const secs = totalSecs % 60;
+    if (mins === 0)
+        return `${secs}s`;
+    return `${mins}m${String(secs).padStart(2, "0")}s`;
+}
+// --- Separator ---
+const SEP = " \u2503 "; // ┃
+// --- Session stats fragment ---
+function SessionStatsFragment({ session }) {
+    if (!session)
+        return null;
+    return (_jsxs(_Fragment, { children: [session.tokensUsed !== undefined && session.tokensUsed > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { dimColor: true, children: "tokens " }), _jsx(Text, { children: formatTokens(session.tokensUsed) })] })), session.costUsd !== undefined && session.costUsd > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { children: formatCost(session.costUsd) })] })), session.startTime !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { dimColor: true, children: formatElapsed(session.startTime) })] }))] }));
+}
+// --- Component ---
+export function StatusBar({ mode, breadcrumbs, scrollPercent, hint, conversationMode = false, session, }) {
+    const breadcrumbText = breadcrumbs.join(" > ");
+    if (conversationMode) {
+        // Simplified bar for conversation mode — brand + tokens + cost on left, hint on right
+        return (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: " " }), _jsx(Text, { color: NEX_PURPLE, bold: true, children: "\u258C" }), _jsx(Text, { bold: true, children: "nex" }), _jsx(SessionStatsFragment, { session: session }), scrollPercent !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { children: `${scrollPercent}%` })] }))] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: hint || "/help for commands  |  Esc=back" }), _jsx(Text, { dimColor: true, children: " " })] })] }));
+    }
+    // Sub-view mode — show mode badge with Bubbletea colors
+    const modeBg = mode === "normal" ? MODE_NORMAL_BG : MODE_INSERT_BG;
+    const modeLabel = mode.toUpperCase();
+    return (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { backgroundColor: modeBg, color: "black", bold: true, children: ` ${modeLabel} ` }), _jsx(Text, { children: " " }), _jsx(Text, { children: breadcrumbText }), scrollPercent !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { children: `${scrollPercent}%` })] })), _jsx(SessionStatsFragment, { session: session }), hint && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: SEP }), _jsx(Text, { dimColor: true, children: hint })] }))] }), _jsxs(Box, { children: [_jsx(Text, { color: NEX_PURPLE, bold: true, children: "\u258C" }), _jsx(Text, { bold: true, children: "nex" }), _jsx(Text, { children: " " })] })] }));
+}
+export default StatusBar;
+//# sourceMappingURL=status-bar.js.map

package/dist/tui/components/status-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.js","sourceRoot":"","sources":["../../../src/tui/components/status-bar.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/success-box.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface SuccessBoxProps {
+    message: string;
+    detail?: string;
+}
+export declare function SuccessBox({ message, detail }: SuccessBoxProps): React.JSX.Element;
+export default SuccessBox;

package/dist/tui/components/success-box.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+// --- Colors ---
+const SYS_SUCCESS = "#03a04c";
+// --- Component ---
+export function SuccessBox({ message, detail }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: SYS_SUCCESS, paddingX: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: SYS_SUCCESS, bold: true, children: "✔ " }), _jsx(Text, { color: SYS_SUCCESS, children: message })] }), detail && (_jsx(Box, { marginTop: 0, children: _jsxs(Text, { dimColor: true, children: ["  ", detail] }) }))] }));
+}
+export default SuccessBox;
+//# sourceMappingURL=success-box.js.map

package/dist/tui/components/success-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success-box.js","sourceRoot":"","sources":["../../../src/tui/components/success-box.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,iBAAiB;AAEjB,MAAM,WAAW,GAAG,SAAS,CAAC;AAS9B,oBAAoB;AAEpB,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAmB;IAC7D,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,aAGX,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,kBAAE,IAAI,GAAQ,EAC5C,KAAC,IAAI,IAAC,KAAK,EAAE,WAAW,YAAG,OAAO,GAAQ,IACtC,EAGL,MAAM,IAAI,CACT,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,MAAC,IAAI,IAAC,QAAQ,mBAAE,IAAI,EAAE,MAAM,IAAQ,GAChC,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/tui/components/tool-indicator.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type ToolStatus = "running" | "done" | "error";
+export interface ToolIndicatorProps {
+    /** Name of the tool being executed */
+    name: string;
+    /** Current status */
+    status: ToolStatus;
+    /** Elapsed time in seconds (shown when done) */
+    elapsed?: number;
+}
+export declare function ToolIndicator({ name, status, elapsed, }: ToolIndicatorProps): React.JSX.Element;
+export default ToolIndicator;

package/dist/tui/components/tool-indicator.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "ink";
+import { useSpinner } from "./spinner.js";
+// ── Component ───────────────────────────────────────────────────────
+export function ToolIndicator({ name, status, elapsed, }) {
+    const frame = useSpinner();
+    if (status === "done") {
+        const time = elapsed !== undefined ? ` (${elapsed.toFixed(1)}s)` : "";
+        return (_jsxs(Text, { children: [_jsx(Text, { color: "green", children: "✓" }), _jsx(Text, { children: ` ${name}` }), _jsx(Text, { dimColor: true, children: time })] }));
+    }
+    if (status === "error") {
+        return (_jsxs(Text, { children: [_jsx(Text, { color: "red", children: "✗" }), _jsx(Text, { children: ` ${name}` })] }));
+    }
+    // running
+    return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: frame }), _jsx(Text, { children: ` ${name}` })] }));
+}
+export default ToolIndicator;
+//# sourceMappingURL=tool-indicator.js.map

package/dist/tui/components/tool-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-indicator.js","sourceRoot":"","sources":["../../../src/tui/components/tool-indicator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAe1C,uEAAuE;AAEvE,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,MAAM,EACN,OAAO,GACY;IACnB,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,MAAM,IAAI,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,GAAG,GAAQ,EAChC,KAAC,IAAI,cAAE,IAAI,IAAI,EAAE,GAAQ,EACzB,KAAC,IAAI,IAAC,QAAQ,kBAAE,IAAI,GAAQ,IACvB,CACR,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,YAAE,GAAG,GAAQ,EAC9B,KAAC,IAAI,cAAE,IAAI,IAAI,EAAE,GAAQ,IACpB,CACR,CAAC;IACJ,CAAC;IAED,UAAU;IACV,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,KAAK,GAAQ,EACjC,KAAC,IAAI,cAAE,IAAI,IAAI,EAAE,GAAQ,IACpB,CACR,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/tui/components/viewport.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ViewportProps {
+    content: string;
+    scrollOffset: number;
+    onScroll: (offset: number) => void;
+    height?: number;
+}
+export declare function Viewport({ content, scrollOffset, onScroll: _onScroll, height, }: ViewportProps): React.JSX.Element;
+export default Viewport;

package/dist/tui/components/viewport.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Box, Text } from "ink";
+// --- Component ---
+export function Viewport({ content, scrollOffset, onScroll: _onScroll, height, }) {
+    const effectiveHeight = height ?? 20;
+    const { visibleLines, scrollPercent, totalLines } = useMemo(() => {
+        const allLines = content.split("\n");
+        const total = allLines.length;
+        const clampedOffset = Math.max(0, Math.min(scrollOffset, Math.max(0, total - effectiveHeight)));
+        const slice = allLines.slice(clampedOffset, clampedOffset + effectiveHeight);
+        const pct = total <= effectiveHeight
+            ? 100
+            : Math.round((clampedOffset / (total - effectiveHeight)) * 100);
+        return {
+            visibleLines: slice,
+            scrollPercent: pct,
+            totalLines: total,
+        };
+    }, [content, scrollOffset, effectiveHeight]);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { flexDirection: "column", height: effectiveHeight, children: visibleLines.map((line, i) => (_jsx(Text, { wrap: "truncate", children: line }, i))) }), totalLines > effectiveHeight && (_jsx(Box, { justifyContent: "flex-end", children: _jsx(Text, { dimColor: true, children: `${scrollPercent}%` }) }))] }));
+}
+export default Viewport;
+//# sourceMappingURL=viewport.js.map

package/dist/tui/components/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../../src/tui/components/viewport.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAWhC,oBAAoB;AAEpB,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,QAAQ,EAAE,SAAS,EACnB,MAAM,GACQ;IACd,MAAM,eAAe,GAAG,MAAM,IAAI,EAAE,CAAC;IAErC,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/D,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,eAAe,CAAC,CAAC,CAC7D,CAAC;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC;QAE7E,MAAM,GAAG,GACP,KAAK,IAAI,eAAe;YACtB,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;QAEpE,OAAO;YACL,YAAY,EAAE,KAAK;YACnB,aAAa,EAAE,GAAG;YAClB,UAAU,EAAE,KAAK;SAClB,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7C,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,eAAe,YAChD,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,IAAI,IAAS,IAAI,EAAC,UAAU,YAC1B,IAAI,IADI,CAAC,CAEL,CACR,CAAC,GACE,EACL,UAAU,GAAG,eAAe,IAAI,CAC/B,KAAC,GAAG,IAAC,cAAc,EAAC,UAAU,YAC5B,KAAC,IAAI,IAAC,QAAQ,kBAAE,GAAG,aAAa,GAAG,GAAQ,GACvC,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/tui/generative/bindings.d.ts

@@ -0,0 +1,27 @@
+/**
+ * RFC 6901 JSON Pointer implementation for A2UI data binding.
+ * Provides resolve/set/apply operations over a flat data model.
+ */
+import type { A2UIDataModel, A2UIUpdate } from './types.js';
+/**
+ * Resolve a JSON Pointer against a data object.
+ *
+ * @example
+ * resolvePointer({ user: { name: "Alice" } }, "/user/name") // "Alice"
+ * resolvePointer({ items: [{ status: "done" }] }, "/items/0/status") // "done"
+ */
+export declare function resolvePointer(data: unknown, pointer: string): unknown;
+/**
+ * Set a value at a JSON Pointer path, creating intermediate objects as needed.
+ * Mutates the data object in place.
+ */
+export declare function setPointer(data: Record<string, unknown>, pointer: string, value: unknown): void;
+/**
+ * Check if a string looks like a JSON Pointer (starts with "/").
+ */
+export declare function isPointer(value: string): boolean;
+/**
+ * Apply a batch of updates to a data model.
+ * Returns a shallow copy of the model with updates applied.
+ */
+export declare function applyUpdates(model: A2UIDataModel, updates: A2UIUpdate[]): A2UIDataModel;