@ebowwa/coder 0.2.1 → 0.7.64

package/dist/interfaces/ui/terminal/tui/components/InteractiveElements.d.ts

@@ -0,0 +1,115 @@
+/** @jsx React.createElement */
+/**
+ * Interactive Elements for TUI
+ *
+ * Components:
+ * - Toast: Notification messages that auto-dismiss
+ * - Modal: Dialog overlay for confirmations
+ * - SelectableList: Keyboard-navigable list with selection
+ * - Link: Clickable OSC 8 hyperlinks
+ *
+ * NOTE: All components use InputContext for keyboard input.
+ * Do NOT use process.stdin directly - it conflicts with the main input loop.
+ */
+import React from "react";
+export type ToastType = "info" | "success" | "warning" | "error";
+export interface ToastMessage {
+    id: string;
+    type: ToastType;
+    message: string;
+    duration?: number;
+    timestamp: number;
+}
+export interface ToastProps {
+    toasts: ToastMessage[];
+    position?: "top" | "bottom";
+    maxVisible?: number;
+    onDismiss?: (id: string) => void;
+}
+export declare function Toast({ toasts, position, maxVisible, onDismiss }: ToastProps): React.JSX.Element | null;
+export interface ToastManager {
+    toasts: ToastMessage[];
+    showToast: (type: ToastType, message: string, duration?: number) => string;
+    dismissToast: (id: string) => void;
+    clearAllToasts: () => void;
+}
+export declare function useToast(defaultDuration?: number): ToastManager;
+export interface ModalAction {
+    id: string;
+    label: string;
+    style?: "primary" | "secondary" | "danger";
+    onActivate?: () => void | Promise<void>;
+}
+export interface ModalProps {
+    isOpen: boolean;
+    title?: string;
+    message: string;
+    actions: ModalAction[];
+    defaultAction?: string;
+    onDismiss?: () => void;
+    width?: number;
+}
+export declare function Modal({ isOpen, title, message, actions, defaultAction, onDismiss, width, }: ModalProps): React.JSX.Element | null;
+export interface ConfirmModalProps {
+    isOpen: boolean;
+    title?: string;
+    message: string;
+    onConfirm: () => void | Promise<void>;
+    onCancel: () => void;
+    confirmLabel?: string;
+    cancelLabel?: string;
+}
+export declare function ConfirmModal({ isOpen, title, message, onConfirm, onCancel, confirmLabel, cancelLabel, }: ConfirmModalProps): React.JSX.Element;
+export interface SelectableItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    metadata?: Record<string, unknown>;
+}
+export interface SelectableListProps {
+    items: SelectableItem[];
+    selectedIndex?: number;
+    onSelect?: (item: SelectableItem, index: number) => void;
+    onActivate?: (item: SelectableItem, index: number) => void;
+    showIndices?: boolean;
+    showDescriptions?: boolean;
+    maxHeight?: number;
+    emptyMessage?: string;
+    /** Whether this list is focused (receives input) */
+    isFocused?: boolean;
+    /** Unique ID for input handling */
+    inputId?: string;
+}
+export declare function SelectableList({ items, selectedIndex, onSelect, onActivate, showIndices, showDescriptions, maxHeight, emptyMessage, isFocused, inputId, }: SelectableListProps): React.JSX.Element;
+export interface LinkProps {
+    url: string;
+    text?: string;
+    fallback?: string;
+}
+/**
+ * Create an OSC 8 hyperlink
+ * OSC 8 format: ESC ] 8 ;; <url> BEL <text> ESC ] 8 ;; BEL
+ */
+export declare function createOsc8Link(url: string, text: string): string;
+export declare function Link({ url, text, fallback }: LinkProps): React.JSX.Element;
+interface InteractiveContextValue {
+    toast: ToastManager;
+}
+export declare function InteractiveProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useInteractive(): InteractiveContextValue;
+declare const _default: {
+    Toast: typeof Toast;
+    useToast: typeof useToast;
+    Modal: typeof Modal;
+    ConfirmModal: typeof ConfirmModal;
+    SelectableList: typeof SelectableList;
+    Link: typeof Link;
+    createOsc8Link: typeof createOsc8Link;
+    InteractiveProvider: typeof InteractiveProvider;
+    useInteractive: typeof useInteractive;
+};
+export default _default;
+//# sourceMappingURL=InteractiveElements.d.ts.map

package/dist/interfaces/ui/terminal/tui/components/InteractiveElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveElements.d.ts","sourceRoot":"","sources":["../../../../../../packages/src/interfaces/ui/terminal/tui/components/InteractiveElements.tsx"],"names":[],"mappings":"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"}

package/dist/interfaces/ui/terminal/tui/components/InteractiveElements.js

@@ -0,0 +1,306 @@
+/** @jsx React.createElement */
+/**
+ * Interactive Elements for TUI
+ *
+ * Components:
+ * - Toast: Notification messages that auto-dismiss
+ * - Modal: Dialog overlay for confirmations
+ * - SelectableList: Keyboard-navigable list with selection
+ * - Link: Clickable OSC 8 hyperlinks
+ *
+ * NOTE: All components use InputContext for keyboard input.
+ * Do NOT use process.stdin directly - it conflicts with the main input loop.
+ */
+import React, { useState, useEffect, useCallback, useRef, createContext, useContext } from "react";
+import { Box, Text, useStdout } from "ink";
+import { useInputHandler, InputPriority } from "../InputContext.js";
+const TOAST_ICONS = {
+    info: "i",
+    success: "+",
+    warning: "!",
+    error: "x",
+};
+const TOAST_COLORS = {
+    info: "blue",
+    success: "green",
+    warning: "yellow",
+    error: "red",
+};
+export function Toast({ toasts, position = "top", maxVisible = 3, onDismiss }) {
+    const visibleToasts = toasts.slice(0, maxVisible);
+    if (visibleToasts.length === 0)
+        return null;
+    return (React.createElement(Box, { flexDirection: "column", width: "100%", paddingX: 1 }, visibleToasts.map((toast) => (React.createElement(Box, { key: toast.id, borderStyle: "round", borderColor: TOAST_COLORS[toast.type], paddingX: 1, marginBottom: 1 },
+        React.createElement(Text, { color: TOAST_COLORS[toast.type], bold: true },
+            "[",
+            TOAST_ICONS[toast.type],
+            "]"),
+        React.createElement(Text, null,
+            " ",
+            toast.message))))));
+}
+export function useToast(defaultDuration = 5000) {
+    const [toasts, setToasts] = useState([]);
+    const timersRef = useRef(new Map());
+    const showToast = useCallback((type, message, duration = defaultDuration) => {
+        const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+        const toast = {
+            id,
+            type,
+            message,
+            duration,
+            timestamp: Date.now(),
+        };
+        setToasts((prev) => [...prev, toast]);
+        // Auto-dismiss
+        if (duration > 0) {
+            const timer = setTimeout(() => {
+                setToasts((prev) => prev.filter((t) => t.id !== id));
+                timersRef.current.delete(id);
+            }, duration);
+            timersRef.current.set(id, timer);
+        }
+        return id;
+    }, [defaultDuration]);
+    const dismissToast = useCallback((id) => {
+        const timer = timersRef.current.get(id);
+        if (timer) {
+            clearTimeout(timer);
+            timersRef.current.delete(id);
+        }
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    const clearAllToasts = useCallback(() => {
+        timersRef.current.forEach((timer) => clearTimeout(timer));
+        timersRef.current.clear();
+        setToasts([]);
+    }, []);
+    // Cleanup on unmount
+    useEffect(() => {
+        return () => {
+            timersRef.current.forEach((timer) => clearTimeout(timer));
+        };
+    }, []);
+    return { toasts, showToast, dismissToast, clearAllToasts };
+}
+const ACTION_COLORS = {
+    primary: "cyan",
+    secondary: "gray",
+    danger: "red",
+};
+export function Modal({ isOpen, title, message, actions, defaultAction, onDismiss, width = 60, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const { stdout } = useStdout();
+    useEffect(() => {
+        // Reset selection when modal opens
+        if (isOpen) {
+            const defaultIndex = defaultAction
+                ? actions.findIndex((a) => a.id === defaultAction)
+                : 0;
+            setSelectedIndex(defaultIndex >= 0 ? defaultIndex : 0);
+        }
+    }, [isOpen, defaultAction, actions]);
+    // Handle keyboard input via centralized InputContext
+    const handleKey = useCallback((event) => {
+        if (!isOpen)
+            return false;
+        // Escape or q to dismiss
+        if ((event.code === "escape" && event.kind === "press") ||
+            (event.code === "q" && !event.ctrl && event.kind === "press")) {
+            onDismiss?.();
+            return true;
+        }
+        // Enter to select
+        if (event.code === "enter" && event.kind === "press") {
+            const action = actions[selectedIndex];
+            if (action?.onActivate) {
+                action.onActivate();
+            }
+            return true;
+        }
+        // Left arrow or h
+        if ((event.code === "left" && event.kind === "press") ||
+            (event.code === "h" && !event.ctrl && event.kind === "press")) {
+            setSelectedIndex((prev) => Math.max(0, prev - 1));
+            return true;
+        }
+        // Right arrow or l
+        if ((event.code === "right" && event.kind === "press") ||
+            (event.code === "l" && !event.ctrl && event.kind === "press")) {
+            setSelectedIndex((prev) => Math.min(actions.length - 1, prev + 1));
+            return true;
+        }
+        return false;
+    }, [isOpen, actions, selectedIndex, onDismiss]);
+    // Register with input system - modals have high priority
+    useInputHandler("modal", handleKey, {
+        priority: InputPriority.MODAL,
+        isActive: isOpen,
+    });
+    if (!isOpen)
+        return null;
+    const modalWidth = Math.min(width, stdout.columns || 80);
+    return (React.createElement(Box, { flexDirection: "column", borderStyle: "double", borderColor: "cyan", width: modalWidth, paddingX: 2, paddingY: 1 },
+        title && (React.createElement(Box, null,
+            React.createElement(Text, { bold: true, color: "cyan" }, title))),
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, null, message)),
+        React.createElement(Box, { justifyContent: "center" }, actions.map((action, index) => {
+            const isSelected = index === selectedIndex;
+            const color = ACTION_COLORS[action.style || "secondary"];
+            return (React.createElement(Box, { key: action.id, borderStyle: isSelected ? "single" : undefined, borderColor: isSelected ? color : undefined, paddingX: 1, marginRight: 1 },
+                React.createElement(Text, { color: color, bold: isSelected, inverse: isSelected }, action.label)));
+        })),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true },
+                "<-",
+                "/",
+                "->",
+                " or h/l to select | Enter to confirm | Esc to cancel"))));
+}
+export function ConfirmModal({ isOpen, title = "Confirm", message, onConfirm, onCancel, confirmLabel = "Confirm", cancelLabel = "Cancel", }) {
+    return (React.createElement(Modal, { isOpen: isOpen, title: title, message: message, actions: [
+            {
+                id: "cancel",
+                label: cancelLabel,
+                style: "secondary",
+                onActivate: onCancel,
+            },
+            {
+                id: "confirm",
+                label: confirmLabel,
+                style: "primary",
+                onActivate: onConfirm,
+            },
+        ], defaultAction: "confirm", onDismiss: onCancel }));
+}
+export function SelectableList({ items, selectedIndex = 0, onSelect, onActivate, showIndices = true, showDescriptions = true, maxHeight = 10, emptyMessage = "No items", isFocused = true, inputId = "selectable-list", }) {
+    const [internalIndex, setInternalIndex] = useState(selectedIndex);
+    useEffect(() => {
+        setInternalIndex(selectedIndex);
+    }, [selectedIndex]);
+    // Handle keyboard input via centralized InputContext
+    const handleKey = useCallback((event) => {
+        if (!isFocused || items.length === 0)
+            return false;
+        // Up arrow or k
+        if ((event.code === "up" && event.kind === "press") ||
+            (event.code === "k" && !event.ctrl && event.kind === "press")) {
+            const newIndex = Math.max(0, internalIndex - 1);
+            setInternalIndex(newIndex);
+            const item = items[newIndex];
+            if (item)
+                onSelect?.(item, newIndex);
+            return true;
+        }
+        // Down arrow or j
+        if ((event.code === "down" && event.kind === "press") ||
+            (event.code === "j" && !event.ctrl && event.kind === "press")) {
+            const newIndex = Math.min(items.length - 1, internalIndex + 1);
+            setInternalIndex(newIndex);
+            const item = items[newIndex];
+            if (item)
+                onSelect?.(item, newIndex);
+            return true;
+        }
+        // Enter or l to activate
+        if ((event.code === "enter" && event.kind === "press") ||
+            (event.code === "l" && !event.ctrl && event.kind === "press")) {
+            const item = items[internalIndex];
+            if (item) {
+                onActivate?.(item, internalIndex);
+            }
+            return true;
+        }
+        return false;
+    }, [isFocused, items, internalIndex, onSelect, onActivate]);
+    // Register with input system
+    useInputHandler(inputId, handleKey, {
+        priority: InputPriority.LIST,
+        isActive: isFocused && items.length > 0,
+    });
+    if (items.length === 0) {
+        return (React.createElement(Box, null,
+            React.createElement(Text, { dimColor: true }, emptyMessage)));
+    }
+    const visibleItems = items.slice(0, maxHeight);
+    return (React.createElement(Box, { flexDirection: "column" },
+        visibleItems.map((item, index) => {
+            const isSelected = index === internalIndex;
+            const prefix = showIndices
+                ? `${String(index + 1).padStart(2, " ")}. `
+                : "";
+            return (React.createElement(Box, { key: item.id, flexDirection: "column", marginBottom: 1 },
+                React.createElement(Box, null,
+                    isSelected && (React.createElement(Text, { color: "cyan", bold: true },
+                        "->",
+                        " ")),
+                    !isSelected && React.createElement(Text, null, "  "),
+                    React.createElement(Text, { dimColor: true }, prefix),
+                    item.icon && React.createElement(Text, null,
+                        " ",
+                        item.icon,
+                        " "),
+                    React.createElement(Text, { color: isSelected ? "cyan" : "white", bold: isSelected }, item.label)),
+                showDescriptions && item.description && (React.createElement(Box, { marginLeft: 4 },
+                    React.createElement(Text, { dimColor: true }, item.description)))));
+        }),
+        items.length > maxHeight && (React.createElement(Box, null,
+            React.createElement(Text, { dimColor: true },
+                "... and ",
+                items.length - maxHeight,
+                " more (j to scroll)"))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "up/down or j/k to navigate | Enter or l to select"))));
+}
+/**
+ * Create an OSC 8 hyperlink
+ * OSC 8 format: ESC ] 8 ;; <url> BEL <text> ESC ] 8 ;; BEL
+ */
+export function createOsc8Link(url, text) {
+    // OSC 8 hyperlink format: \x1b]8;;URL\x07TEXT\x1b]8;;\x07
+    return `\x1b]8;;${url}\x07${text}\x1b]8;;\x07`;
+}
+export function Link({ url, text, fallback }) {
+    const displayText = text || url;
+    const fallbackText = fallback || displayText;
+    // Check if terminal likely supports OSC 8
+    // Most modern terminals do, but we provide fallback
+    const supportsOsc8 = process.env.TERM_PROGRAM === "iTerm.app" ||
+        process.env.TERM_PROGRAM === "Terminal.app" ||
+        process.env.TERM?.includes("xterm") ||
+        process.env.WT_SESSION_ID !== undefined; // Windows Terminal
+    if (supportsOsc8) {
+        // Render with OSC 8 hyperlink
+        // Note: Ink may escape this, so we use the raw text
+        return (React.createElement(Text, { color: "blue" }, createOsc8Link(url, displayText)));
+    }
+    // Fallback for terminals without OSC 8 support
+    return (React.createElement(Text, { color: "blue", underline: true }, fallbackText));
+}
+const InteractiveContext = createContext(null);
+export function InteractiveProvider({ children }) {
+    const toast = useToast();
+    return (React.createElement(InteractiveContext.Provider, { value: { toast } }, children));
+}
+export function useInteractive() {
+    const context = useContext(InteractiveContext);
+    if (!context) {
+        throw new Error("useInteractive must be used within InteractiveProvider");
+    }
+    return context;
+}
+// ============================================
+// EXPORTS
+// ============================================
+export default {
+    Toast,
+    useToast,
+    Modal,
+    ConfirmModal,
+    SelectableList,
+    Link,
+    createOsc8Link,
+    InteractiveProvider,
+    useInteractive,
+};

package/dist/interfaces/ui/terminal/tui/components/MultilineInput.d.ts

@@ -0,0 +1,92 @@
+/** @jsx React.createElement */
+/**
+ * Multiline Input Component
+ * Enhanced text input with:
+ * - Multi-line support (Ctrl+Enter for newline)
+ * - Command autocomplete
+ * - Input history navigation
+ * - Syntax highlighting for input
+ */
+import React from "react";
+export interface AutocompleteSuggestion {
+    id: string;
+    label: string;
+    description?: string;
+    category?: string;
+}
+export interface MultilineInputProps {
+    /** Current input value */
+    value: string;
+    /** Cursor position (0 = start) */
+    cursorPos: number;
+    /** Current line for multiline (0-based) */
+    currentLine?: number;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether input is active */
+    isActive?: boolean;
+    /** Whether to show autocomplete */
+    showAutocomplete?: boolean;
+    /** Autocomplete suggestions */
+    autocompleteSuggestions?: AutocompleteSuggestion[];
+    /** Selected autocomplete index */
+    autocompleteIndex?: number;
+    /** Input history for navigation */
+    inputHistory?: string[];
+    /** History index (-1 = none) */
+    historyIndex?: number;
+    /** Called when input changes */
+    onChange?: (value: string, cursorPos: number, currentLine: number) => void;
+    /** Called when submit (Enter on single line, Ctrl+Enter on multiline) */
+    onSubmit?: (value: string) => void;
+    /** Called when requesting autocomplete */
+    onRequestAutocomplete?: (prefix: string) => AutocompleteSuggestion[];
+    /** Max lines before scrolling */
+    maxLines?: number;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Width override */
+    width?: number;
+}
+export interface MultilineInputState {
+    value: string;
+    cursorPos: number;
+    currentLine: number;
+    historyIndex: number;
+    savedInput: string;
+    showAutocomplete: boolean;
+    autocompleteSuggestions: AutocompleteSuggestion[];
+    autocompleteIndex: number;
+}
+export interface UseMultilineInputOptions {
+    isActive?: boolean;
+    onSubmit?: (value: string) => void;
+    onRequestAutocomplete?: (prefix: string) => AutocompleteSuggestion[];
+    inputHistory?: string[];
+    initialHistory?: string[];
+}
+/**
+ * Filter autocomplete suggestions based on prefix
+ */
+export declare function filterSuggestions(prefix: string): AutocompleteSuggestion[];
+/**
+ * Syntax highlight code block
+ * Returns highlighted segments for display
+ */
+export declare function highlightSyntax(text: string): Array<{
+    text: string;
+    color: string;
+}>;
+export declare function MultilineInput({ value, cursorPos, currentLine, placeholder, isActive, showAutocomplete, autocompleteSuggestions, autocompleteIndex, inputHistory, historyIndex, onChange, onSubmit, maxLines, showLineNumbers, width: propWidth, }: MultilineInputProps): React.JSX.Element;
+export declare function useMultilineInputHandler({ isActive, onSubmit, onRequestAutocomplete, inputHistory, }: UseMultilineInputOptions): {
+    state: MultilineInputState;
+    handleKeyEvent: (event: {
+        code: string;
+        ctrl?: boolean;
+        shift?: boolean;
+    }) => "unhandled" | "handled";
+    setValue: (value: string) => void;
+    reset: () => void;
+};
+export default MultilineInput;
+//# sourceMappingURL=MultilineInput.d.ts.map

package/dist/interfaces/ui/terminal/tui/components/MultilineInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultilineInput.d.ts","sourceRoot":"","sources":["../../../../../../packages/src/interfaces/ui/terminal/tui/components/MultilineInput.tsx"],"names":[],"mappings":"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"}