@ebowwa/coder 0.2.1 → 0.7.64

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

@@ -0,0 +1,340 @@
+/** @jsx React.createElement */
+/**
+ * Sidebar Component
+ * Collapsible sidebar for sessions, files, todos, and tools
+ *
+ * Features:
+ * - Collapsible with keyboard shortcut
+ * - Tabbed sections (sessions, files, todos, tools)
+ * - Keyboard navigation
+ * - Context-aware content
+ */
+import React, { useState, useEffect, useCallback, useRef } from "react";
+import { Box, Text, useStdout } from "ink";
+import chalk from "chalk";
+// ============================================
+// TAB CONFIGURATION
+// ============================================
+const TABS = [
+    { id: "sessions", label: "Sessions", icon: "◈" },
+    { id: "files", label: "Files", icon: "◇" },
+    { id: "todos", label: "Todos", icon: "○" },
+    { id: "tools", label: "Tools", icon: "◆" },
+];
+function TabBar({ activeTab, onTabChange }) {
+    return (React.createElement(Box, { flexDirection: "row", borderBottom: true }, TABS.map((tab) => {
+        const isActive = tab.id === activeTab;
+        return (React.createElement(Box, { key: tab.id, paddingX: 1, borderStyle: isActive ? "single" : undefined, borderBottom: isActive },
+            React.createElement(Text, { color: isActive ? "cyan" : "gray", bold: isActive },
+                tab.icon,
+                " ",
+                tab.label)));
+    })));
+}
+function SessionsTab({ sessions, currentSessionId, onSelect }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        const handleKey = (data) => {
+            const key = data.toString();
+            if (key === "\x1b[A" || key === "k") {
+                setSelectedIndex((prev) => Math.max(0, prev - 1));
+            }
+            else if (key === "\x1b[B" || key === "j") {
+                setSelectedIndex((prev) => Math.min(sessions.length - 1, prev + 1));
+            }
+            else if (key === "\r" || key === "\n" || key === "l") {
+                const session = sessions[selectedIndex];
+                if (session) {
+                    onSelect?.(session.id);
+                }
+            }
+        };
+        process.stdin.on("data", handleKey);
+        return () => {
+            process.stdin.off("data", handleKey);
+        };
+    }, [sessions, selectedIndex, onSelect]);
+    if (sessions.length === 0) {
+        return (React.createElement(Box, { paddingX: 1 },
+            React.createElement(Text, { dimColor: true }, "No recent sessions")));
+    }
+    return (React.createElement(Box, { flexDirection: "column" }, sessions.slice(0, 15).map((session, index) => {
+        const isSelected = index === selectedIndex;
+        const isCurrent = session.id === currentSessionId;
+        const timeAgo = session.lastActivity
+            ? formatTimeAgo(session.lastActivity)
+            : "unknown";
+        return (React.createElement(Box, { key: session.id, paddingX: 1, flexDirection: "column" },
+            React.createElement(Box, null,
+                isSelected && React.createElement(Text, { color: "cyan" }, "\u2192 "),
+                !isSelected && React.createElement(Text, null, "  "),
+                isCurrent && React.createElement(Text, { color: "green" }, "\u25CF "),
+                !isCurrent && React.createElement(Text, { dimColor: true }, "\u25CB "),
+                React.createElement(Text, { color: isSelected ? "cyan" : "white", bold: isSelected }, session.id.slice(0, 8)),
+                React.createElement(Text, { dimColor: true },
+                    " ",
+                    session.model?.slice(0, 10) || "unknown")),
+            React.createElement(Box, { marginLeft: 3 },
+                React.createElement(Text, { dimColor: true },
+                    session.messageCount,
+                    " msgs \u00B7 ",
+                    timeAgo)),
+            session.preview && (React.createElement(Box, { marginLeft: 3 },
+                React.createElement(Text, { dimColor: true }, session.preview.slice(0, 30))))));
+    })));
+}
+// ============================================
+// FILES TAB
+// ============================================
+const FILE_STATUS_COLORS = {
+    modified: "yellow",
+    added: "green",
+    deleted: "red",
+    untracked: "gray",
+};
+const FILE_STATUS_ICONS = {
+    modified: "M",
+    added: "A",
+    deleted: "D",
+    untracked: "?",
+};
+function FilesTab({ files, onSelect }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        const handleKey = (data) => {
+            const key = data.toString();
+            if (key === "\x1b[A" || key === "k") {
+                setSelectedIndex((prev) => Math.max(0, prev - 1));
+            }
+            else if (key === "\x1b[B" || key === "j") {
+                setSelectedIndex((prev) => Math.min(files.length - 1, prev + 1));
+            }
+            else if (key === "\r" || key === "\n" || key === "l") {
+                const file = files[selectedIndex];
+                if (file) {
+                    onSelect?.(file.path);
+                }
+            }
+        };
+        process.stdin.on("data", handleKey);
+        return () => {
+            process.stdin.off("data", handleKey);
+        };
+    }, [files, selectedIndex, onSelect]);
+    if (files.length === 0) {
+        return (React.createElement(Box, { paddingX: 1 },
+            React.createElement(Text, { dimColor: true }, "No modified files")));
+    }
+    return (React.createElement(Box, { flexDirection: "column" }, files.slice(0, 15).map((file, index) => {
+        const isSelected = index === selectedIndex;
+        const color = FILE_STATUS_COLORS[file.status];
+        const icon = FILE_STATUS_ICONS[file.status];
+        return (React.createElement(Box, { key: file.path, paddingX: 1 },
+            isSelected && React.createElement(Text, { color: "cyan" }, "\u2192 "),
+            !isSelected && React.createElement(Text, null, "  "),
+            React.createElement(Text, { color: color, bold: true },
+                icon,
+                " "),
+            React.createElement(Text, { color: isSelected ? "cyan" : "white" }, truncatePath(file.path, 25)),
+            file.lineCount && (React.createElement(Text, { dimColor: true },
+                " (",
+                file.lineCount,
+                " lines)"))));
+    })));
+}
+// ============================================
+// TODOS TAB
+// ============================================
+const TODO_STATUS_COLORS = {
+    pending: "gray",
+    in_progress: "yellow",
+    completed: "green",
+};
+const TODO_STATUS_ICONS = {
+    pending: "○",
+    in_progress: "◐",
+    completed: "●",
+};
+function TodosTab({ todos, onToggle }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        const handleKey = (data) => {
+            const key = data.toString();
+            if (key === "\x1b[A" || key === "k") {
+                setSelectedIndex((prev) => Math.max(0, prev - 1));
+            }
+            else if (key === "\x1b[B" || key === "j") {
+                setSelectedIndex((prev) => Math.min(todos.length - 1, prev + 1));
+            }
+            else if (key === "\r" || key === "\n" || key === " " || key === "l") {
+                const todo = todos[selectedIndex];
+                if (todo) {
+                    onToggle?.(todo.id);
+                }
+            }
+        };
+        process.stdin.on("data", handleKey);
+        return () => {
+            process.stdin.off("data", handleKey);
+        };
+    }, [todos, selectedIndex, onToggle]);
+    if (todos.length === 0) {
+        return (React.createElement(Box, { paddingX: 1 },
+            React.createElement(Text, { dimColor: true }, "No active todos")));
+    }
+    const pending = todos.filter((t) => t.status === "pending").length;
+    const completed = todos.filter((t) => t.status === "completed").length;
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, { paddingX: 1, marginBottom: 1 },
+            React.createElement(Text, { dimColor: true },
+                completed,
+                "/",
+                todos.length,
+                " completed \u00B7 ",
+                pending,
+                " pending")),
+        todos.slice(0, 15).map((todo, index) => {
+            const isSelected = index === selectedIndex;
+            const color = TODO_STATUS_COLORS[todo.status];
+            const icon = TODO_STATUS_ICONS[todo.status];
+            return (React.createElement(Box, { key: todo.id, paddingX: 1 },
+                isSelected && React.createElement(Text, { color: "cyan" }, "\u2192 "),
+                !isSelected && React.createElement(Text, null, "  "),
+                React.createElement(Text, { color: color },
+                    icon,
+                    " "),
+                React.createElement(Text, { color: isSelected ? "cyan" : "white", dimColor: todo.status === "completed", strikethrough: todo.status === "completed" }, truncateText(todo.text, 28))));
+        })));
+}
+// ============================================
+// TOOLS TAB
+// ============================================
+const TOOL_STATUS_COLORS = {
+    available: "green",
+    running: "yellow",
+    error: "red",
+};
+const TOOL_STATUS_ICONS = {
+    available: "●",
+    running: "◐",
+    error: "○",
+};
+function ToolsTab({ tools, onSelect }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        const handleKey = (data) => {
+            const key = data.toString();
+            if (key === "\x1b[A" || key === "k") {
+                setSelectedIndex((prev) => Math.max(0, prev - 1));
+            }
+            else if (key === "\x1b[B" || key === "j") {
+                setSelectedIndex((prev) => Math.min(tools.length - 1, prev + 1));
+            }
+            else if (key === "\r" || key === "\n" || key === "l") {
+                const tool = tools[selectedIndex];
+                if (tool) {
+                    onSelect?.(tool.name);
+                }
+            }
+        };
+        process.stdin.on("data", handleKey);
+        return () => {
+            process.stdin.off("data", handleKey);
+        };
+    }, [tools, selectedIndex, onSelect]);
+    if (tools.length === 0) {
+        return (React.createElement(Box, { paddingX: 1 },
+            React.createElement(Text, { dimColor: true }, "No tools available")));
+    }
+    // Group by server
+    const byServer = tools.reduce((acc, tool) => {
+        const server = tool.server;
+        if (!acc[server])
+            acc[server] = [];
+        acc[server].push(tool);
+        return acc;
+    }, {});
+    return (React.createElement(Box, { flexDirection: "column" }, Object.entries(byServer).map(([server, serverTools]) => (React.createElement(Box, { key: server, flexDirection: "column", marginBottom: 1 },
+        React.createElement(Box, { paddingX: 1 },
+            React.createElement(Text, { dimColor: true, bold: true }, server)),
+        serverTools.slice(0, 10).map((tool) => {
+            const index = tools.indexOf(tool);
+            const isSelected = index === selectedIndex;
+            const color = TOOL_STATUS_COLORS[tool.status];
+            const icon = TOOL_STATUS_ICONS[tool.status];
+            return (React.createElement(Box, { key: tool.name, paddingX: 1 },
+                isSelected && React.createElement(Text, { color: "cyan" }, "\u2192 "),
+                !isSelected && React.createElement(Text, null, "  "),
+                React.createElement(Text, { color: color },
+                    icon,
+                    " "),
+                React.createElement(Text, { color: isSelected ? "cyan" : "white" }, tool.name)));
+        }))))));
+}
+// ============================================
+// MAIN SIDEBAR COMPONENT
+// ============================================
+export function Sidebar({ isOpen, activeTab = "sessions", width = 30, sessions = [], files = [], todos = [], tools = [], currentSessionId, onTabChange, onSessionSelect, onFileSelect, onTodoToggle, onToolSelect, onClose, }) {
+    const [internalTab, setInternalTab] = useState(activeTab);
+    const { stdout } = useStdout();
+    useEffect(() => {
+        setInternalTab(activeTab);
+    }, [activeTab]);
+    // Tab change handler
+    const handleTabChange = useCallback((tab) => {
+        setInternalTab(tab);
+        onTabChange?.(tab);
+    }, [onTabChange]);
+    if (!isOpen) {
+        return (React.createElement(Box, { width: 3, borderStyle: "single", borderColor: "gray" },
+            React.createElement(Text, { dimColor: true }, "\u2502")));
+    }
+    const sidebarWidth = Math.min(width, (stdout.columns || 80) - 20);
+    return (React.createElement(Box, { flexDirection: "column", width: sidebarWidth, borderStyle: "single", borderColor: "gray" },
+        React.createElement(Box, { borderBottom: true, borderStyle: "single", borderColor: "gray", paddingX: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, "Coder"),
+            React.createElement(Text, { dimColor: true }, " | "),
+            React.createElement(Text, { dimColor: true }, "Ctrl+B to close")),
+        React.createElement(TabBar, { activeTab: internalTab, onTabChange: handleTabChange }),
+        React.createElement(Box, { flexDirection: "column", flexGrow: 1, paddingY: 1 },
+            internalTab === "sessions" && (React.createElement(SessionsTab, { sessions: sessions, currentSessionId: currentSessionId, onSelect: onSessionSelect })),
+            internalTab === "files" && (React.createElement(FilesTab, { files: files, onSelect: onFileSelect })),
+            internalTab === "todos" && (React.createElement(TodosTab, { todos: todos, onToggle: onTodoToggle })),
+            internalTab === "tools" && (React.createElement(ToolsTab, { tools: tools, onSelect: onToolSelect }))),
+        React.createElement(Box, { borderTop: true, borderStyle: "single", borderColor: "gray", paddingX: 1 },
+            React.createElement(Text, { dimColor: true }, "Tab: switch | \u2191\u2193: nav | Enter: select"))));
+}
+// ============================================
+// HELPERS
+// ============================================
+function formatTimeAgo(timestamp) {
+    const seconds = Math.floor((Date.now() - timestamp) / 1000);
+    if (seconds < 60)
+        return "just now";
+    if (seconds < 3600)
+        return `${Math.floor(seconds / 60)}m ago`;
+    if (seconds < 86400)
+        return `${Math.floor(seconds / 3600)}h ago`;
+    return `${Math.floor(seconds / 86400)}d ago`;
+}
+function truncatePath(path, maxLength) {
+    if (path.length <= maxLength)
+        return path;
+    const filename = path.split("/").pop() || path;
+    if (filename.length >= maxLength - 3) {
+        return `...${filename.slice(-(maxLength - 3))}`;
+    }
+    const parts = path.split("/");
+    const firstPart = parts[0];
+    const remaining = parts.slice(1).join("/");
+    if (firstPart && remaining) {
+        return `${firstPart}/.../${parts.pop()}`;
+    }
+    return `...${path.slice(-(maxLength - 3))}`;
+}
+function truncateText(text, maxLength) {
+    if (text.length <= maxLength)
+        return text;
+    return `${text.slice(0, maxLength - 3)}...`;
+}
+export default Sidebar;

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

@@ -0,0 +1,23 @@
+/**
+ * TUI Components Module
+ * Composable components for building rich terminal UIs
+ *
+ * Components:
+ * - PaneManager: Resizable split pane layout
+ * - MultilineInput: Enhanced text input with autocomplete
+ * - Toast: Notification messages
+ * - Modal: Dialog overlays
+ * - SelectableList: Keyboard-navigable lists
+ * - Link: OSC 8 hyperlinks
+ * - Sidebar: Collapsible sidebar with tabs
+ *
+ * IMPORTANT: All keyboard input is handled via InputContext.
+ * Do NOT use process.stdin directly - it conflicts with the main input loop.
+ */
+export { InputProvider, useInputContext, useInputRegistration, useInputRegistration as useInputHandler, useInputFocus, useInputBlock, InputPriority, type InputHandler, type InputHandlerOptions, type InputContextValue, type NativeKeyEvent, } from "../InputContext.js";
+export { PaneManager, type PaneConfig, type PaneDirection, type PaneManagerProps, usePane, PaneContext, } from "./PaneManager.js";
+export { MultilineInput, useMultilineInputHandler, filterSuggestions, highlightSyntax, type MultilineInputProps, type MultilineInputState, type UseMultilineInputOptions, type AutocompleteSuggestion, } from "./MultilineInput.js";
+export { Toast, useToast, type ToastMessage, type ToastType, type ToastProps, type ToastManager, Modal, ConfirmModal, type ModalAction, type ModalProps, type ConfirmModalProps, SelectableList, type SelectableItem, type SelectableListProps, Link, createOsc8Link, type LinkProps, InteractiveProvider, useInteractive, } from "./InteractiveElements.js";
+export { Sidebar, type SidebarTab, type SidebarSession, type SidebarFile, type SidebarTodo, type SidebarTool, type SidebarProps, } from "./Sidebar.js";
+export { Box, Text, useApp, useInput, useStdout, type Key } from "ink";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/src/interfaces/ui/terminal/tui/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAMH,OAAO,EACL,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,oBAAoB,IAAI,eAAe,EACvC,aAAa,EACb,aAAa,EACb,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,oBAAoB,CAAC;AAM5B,OAAO,EACL,WAAW,EACX,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,OAAO,EACP,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EACL,cAAc,EACd,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAEL,KAAK,EACL,QAAQ,EACR,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,YAAY,EAGjB,KAAK,EACL,YAAY,EACZ,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,iBAAiB,EAGtB,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,mBAAmB,EAGxB,IAAI,EACJ,cAAc,EACd,KAAK,SAAS,EAGd,mBAAmB,EACnB,cAAc,GACf,MAAM,0BAA0B,CAAC;AAMlC,OAAO,EACL,OAAO,EACP,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC"}

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

@@ -0,0 +1,51 @@
+/**
+ * TUI Components Module
+ * Composable components for building rich terminal UIs
+ *
+ * Components:
+ * - PaneManager: Resizable split pane layout
+ * - MultilineInput: Enhanced text input with autocomplete
+ * - Toast: Notification messages
+ * - Modal: Dialog overlays
+ * - SelectableList: Keyboard-navigable lists
+ * - Link: OSC 8 hyperlinks
+ * - Sidebar: Collapsible sidebar with tabs
+ *
+ * IMPORTANT: All keyboard input is handled via InputContext.
+ * Do NOT use process.stdin directly - it conflicts with the main input loop.
+ */
+// ============================================
+// INPUT CONTEXT (centralized input management)
+// ============================================
+export { InputProvider, useInputContext, useInputRegistration, useInputRegistration as useInputHandler, useInputFocus, useInputBlock, InputPriority, } from "../InputContext.js";
+// ============================================
+// PANE MANAGER
+// ============================================
+export { PaneManager, usePane, PaneContext, } from "./PaneManager.js";
+// ============================================
+// MULTILINE INPUT
+// ============================================
+export { MultilineInput, useMultilineInputHandler, filterSuggestions, highlightSyntax, } from "./MultilineInput.js";
+// ============================================
+// INTERACTIVE ELEMENTS
+// ============================================
+export { 
+// Toast
+Toast, useToast, 
+// Modal
+Modal, ConfirmModal, 
+// SelectableList
+SelectableList, 
+// Link
+Link, createOsc8Link, 
+// Context
+InteractiveProvider, useInteractive, } from "./InteractiveElements.js";
+// ============================================
+// SIDEBAR
+// ============================================
+export { Sidebar, } from "./Sidebar.js";
+// ============================================
+// RE-EXPORT INK COMPONENTS (convenience)
+// ============================================
+// Re-export commonly used Ink components for convenience
+export { Box, Text, useApp, useInput, useStdout } from "ink";

package/dist/interfaces/ui/terminal/tui/console.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Console Suppression Utilities
+ * Manages console output suppression during TUI mode
+ */
+/**
+ * Suppress all console output during TUI mode
+ * Prevents TUI corruption from stray console output
+ */
+export declare function suppressConsole(): void;
+/**
+ * Restore original console methods
+ * Call when exiting TUI mode
+ */
+export declare function restoreConsole(): void;
+/**
+ * Execute a function with console suppressed
+ * Automatically restores console after execution
+ */
+export declare function withSuppressedConsole<T>(fn: () => Promise<T>): Promise<T>;
+//# sourceMappingURL=console.d.ts.map

package/dist/interfaces/ui/terminal/tui/console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/console.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAYH;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAKtC;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAKrC;AAED;;;GAGG;AACH,wBAAsB,qBAAqB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAO/E"}

package/dist/interfaces/ui/terminal/tui/console.js

@@ -0,0 +1,46 @@
+/**
+ * Console Suppression Utilities
+ * Manages console output suppression during TUI mode
+ */
+/**
+ * Store original console methods for restoration
+ */
+const originalConsole = {
+    log: console.log,
+    error: console.error,
+    warn: console.warn,
+    info: console.info,
+};
+/**
+ * Suppress all console output during TUI mode
+ * Prevents TUI corruption from stray console output
+ */
+export function suppressConsole() {
+    console.log = () => { };
+    console.error = () => { };
+    console.warn = () => { };
+    console.info = () => { };
+}
+/**
+ * Restore original console methods
+ * Call when exiting TUI mode
+ */
+export function restoreConsole() {
+    console.log = originalConsole.log;
+    console.error = originalConsole.error;
+    console.warn = originalConsole.warn;
+    console.info = originalConsole.info;
+}
+/**
+ * Execute a function with console suppressed
+ * Automatically restores console after execution
+ */
+export async function withSuppressedConsole(fn) {
+    suppressConsole();
+    try {
+        return await fn();
+    }
+    finally {
+        restoreConsole();
+    }
+}

package/dist/interfaces/ui/terminal/tui/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * TUI Module Exports
+ * Re-exports all components and utilities from the modular TUI package
+ */
+export type { InteractiveTUIProps, SessionStore, MessageAreaProps, StatusBarProps, InputFieldProps, TerminalLayout, CommandContext, ContextInfo, } from "./types.js";
+export { suppressConsole, restoreConsole, withSuppressedConsole } from "./console.js";
+export { spinnerFrames, dotSpinnerFrames, asciiSpinnerFrames, arrowSpinnerFrames, simpleDotFrames, nextFrame, getFrame, createSpinnerIterator, } from "./spinner.js";
+export { MessageArea } from "./MessageArea.js";
+export { StatusBar } from "./StatusBar.js";
+export { InputField } from "./InputField.js";
+export { useInputHandler as useInputFieldHandler, useExitHandler } from "./useInputHandler.js";
+export { handleCommand, getHelpText } from "./commands.js";
+export { default as InteractiveTUI } from "./InteractiveTUI.js";
+export { runInteractiveTUI } from "./run.js";
+export { createTUIApp, type TUIAppProps, type TUIAppHandle, type Message as TUIMessage, } from "./tui-app.js";
+export { default as TUIApp } from "./tui-app.js";
+export { TUIFooter, getTUIFooter, enableTUIFooter, disableTUIFooter, renderTUIFooter, clearTUIFooter, ANSI, type TUIFooterOptions, type TUIFooterState, } from "./tui-footer.js";
+export { InputProvider, useInputContext, useInputHandler, useInputFocus, useInputBlock, InputPriority, type InputHandler, type InputHandlerOptions, type InputContextValue, } from "./InputContext.js";
+export { MessageStoreProvider, useMessageStore, type UIMessage, type MessageSubType, type MessageStoreValue, } from "./MessageStore.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/interfaces/ui/terminal/tui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,WAAW,GACZ,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAGtF,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,QAAQ,EACR,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAE,eAAe,IAAI,oBAAoB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,EACL,YAAY,EACZ,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,OAAO,IAAI,UAAU,GAC3B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,IAAI,EACJ,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,aAAa,EACb,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,mBAAmB,CAAC"}

package/dist/interfaces/ui/terminal/tui/index.js

@@ -0,0 +1,28 @@
+/**
+ * TUI Module Exports
+ * Re-exports all components and utilities from the modular TUI package
+ */
+// Console utilities
+export { suppressConsole, restoreConsole, withSuppressedConsole } from "./console.js";
+// Spinner utilities
+export { spinnerFrames, dotSpinnerFrames, asciiSpinnerFrames, arrowSpinnerFrames, simpleDotFrames, nextFrame, getFrame, createSpinnerIterator, } from "./spinner.js";
+// Components
+export { MessageArea } from "./MessageArea.js";
+export { StatusBar } from "./StatusBar.js";
+export { InputField } from "./InputField.js";
+// Hooks
+export { useInputHandler as useInputFieldHandler, useExitHandler } from "./useInputHandler.js";
+// Commands
+export { handleCommand, getHelpText } from "./commands.js";
+// Main component and entry point
+export { default as InteractiveTUI } from "./InteractiveTUI.js";
+export { runInteractiveTUI } from "./run.js";
+// TUI App (Ink-based)
+export { createTUIApp, } from "./tui-app.js";
+export { default as TUIApp } from "./tui-app.js";
+// TUI Footer
+export { TUIFooter, getTUIFooter, enableTUIFooter, disableTUIFooter, renderTUIFooter, clearTUIFooter, ANSI, } from "./tui-footer.js";
+// Input Context (centralized keyboard input management)
+export { InputProvider, useInputContext, useInputHandler, useInputFocus, useInputBlock, InputPriority, } from "./InputContext.js";
+// Message Store (centralized message state management)
+export { MessageStoreProvider, useMessageStore, } from "./MessageStore.js";

package/dist/interfaces/ui/terminal/tui/run.d.ts

@@ -0,0 +1,13 @@
+/**
+ * TUI Entry Point
+ * Renders and runs the InteractiveTUI
+ *
+ * IMPORTANT: Ink manages terminal state (raw mode, stdin).
+ * The native input hook reads events without managing raw mode.
+ */
+import type { InteractiveTUIProps } from "./types.js";
+/**
+ * Run the interactive TUI
+ */
+export declare function runInteractiveTUI(options: InteractiveTUIProps): Promise<void>;
+//# sourceMappingURL=run.d.ts.map

package/dist/interfaces/ui/terminal/tui/run.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/run.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,wBAAsB,iBAAiB,CACrC,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,IAAI,CAAC,CAsBf"}

package/dist/interfaces/ui/terminal/tui/run.js

@@ -0,0 +1,31 @@
+/**
+ * TUI Entry Point
+ * Renders and runs the InteractiveTUI
+ *
+ * IMPORTANT: Ink manages terminal state (raw mode, stdin).
+ * The native input hook reads events without managing raw mode.
+ */
+import React from "react";
+import { render } from "ink";
+import InteractiveTUI from "./InteractiveTUI.js";
+import { suppressConsole, restoreConsole } from "./console.js";
+/**
+ * Run the interactive TUI
+ */
+export async function runInteractiveTUI(options) {
+    // Suppress console output to prevent TUI corruption
+    suppressConsole();
+    // Ink manages raw mode and stdin
+    // Native input reads events without touching raw mode
+    const { unmount, waitUntilExit } = render(React.createElement(InteractiveTUI, { ...options }), {
+        exitOnCtrlC: false,
+        // Ensure Ink uses stdin properly
+        stdin: process.stdin,
+        stdout: process.stdout,
+        stderr: process.stderr,
+    });
+    await waitUntilExit();
+    unmount();
+    // Restore console output
+    restoreConsole();
+}

package/dist/interfaces/ui/terminal/tui/spinner.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Spinner Animation
+ * Provides animated spinner frames for loading indicators
+ *
+ * This is the single source of truth for all spinner frames in Coder.
+ * Other modules should import from here rather than defining their own.
+ */
+/**
+ * Standard braille spinner frames (default)
+ * Used by: ora spinner, TUI footer, Ink components
+ */
+export declare const spinnerFrames: readonly ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+/**
+ * Alternative dot spinner frames
+ * Rising dots pattern
+ */
+export declare const dotSpinnerFrames: readonly ["⠁", "⠂", "⠄", "⡀", "⢀", "⠠", "⠐", "⠈"];
+/**
+ * Simple ASCII spinner frames
+ * Fallback for limited terminal support
+ */
+export declare const asciiSpinnerFrames: readonly ["|", "/", "-", "\\"];
+/**
+ * Arrow spinner frames
+ * Used for tool execution indicators
+ */
+export declare const arrowSpinnerFrames: readonly ["←", "↖", "↑", "↗", "→", "↘", "↓", "↙"];
+/**
+ * Simple dots for minimal display
+ */
+export declare const simpleDotFrames: readonly [".  ", ".. ", "...", "   "];
+/**
+ * Get the next spinner frame index
+ */
+export declare function nextFrame(currentIndex: number, frames?: readonly string[]): number;
+/**
+ * Get a spinner frame by index (with wraparound)
+ */
+export declare function getFrame(index: number, frames?: readonly string[]): string;
+/**
+ * Create a spinner iterator
+ */
+export declare function createSpinnerIterator(frames?: readonly string[]): Generator<string, never, unknown>;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/interfaces/ui/terminal/tui/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/spinner.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH;;;GAGG;AACH,eAAO,MAAM,aAAa,6DAA8D,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,mDAAoD,CAAC;AAElF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,gCAAiC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,kBAAkB,mDAAoD,CAAC;AAEpF;;GAEG;AACH,eAAO,MAAM,eAAe,uCAAwC,CAAC;AAMrE;;GAEG;AACH,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,GAAE,SAAS,MAAM,EAAkB,GAAG,MAAM,CAEjG;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,GAAE,SAAS,MAAM,EAAkB,GAAG,MAAM,CAEzF;AAED;;GAEG;AACH,wBAAiB,qBAAqB,CAAC,MAAM,GAAE,SAAS,MAAM,EAAkB,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAMnH"}