@ebowwa/coder 0.2.1 → 0.7.64

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

@@ -0,0 +1,91 @@
+/** @jsx React.createElement */
+/** @jsxFrag React.Fragment */
+/**
+ * Centralized Input Management System
+ *
+ * Single source of truth for keyboard input across all TUI components.
+ * Solves the problem of multiple components fighting over stdin.
+ *
+ * Architecture:
+ * - InputProvider wraps the entire TUI
+ * - Components register/unregister as input handlers
+ * - Focus system ensures only ONE handler receives input
+ * - Priority system for modals/overlays
+ */
+import React from "react";
+import type { NativeKeyEvent } from "../../../../native/index.js";
+export type { NativeKeyEvent } from "../../../../native/index.js";
+export type InputHandler = (event: NativeKeyEvent) => boolean;
+export interface InputHandlerOptions {
+    /** Unique ID for this handler */
+    id: string;
+    /** Priority (higher = receives input first) */
+    priority?: number;
+    /** Handler function - return true to consume, false to pass through */
+    handler: InputHandler;
+    /** Whether this handler is currently active */
+    isActive?: boolean;
+}
+export interface InputContextValue {
+    /** Register an input handler */
+    register: (options: InputHandlerOptions) => () => void;
+    /** Set focus to a specific handler */
+    focus: (handlerId: string) => void;
+    /** Get currently focused handler ID */
+    focusedId: string | null;
+    /** Dispatch a key event to handlers */
+    dispatch: (event: NativeKeyEvent) => boolean;
+    /** Whether input is currently blocked */
+    isBlocked: boolean;
+    /** Block/unblock input (for loading states) */
+    setBlocked: (blocked: boolean) => void;
+}
+declare const InputContext: React.Context<InputContextValue | null>;
+export declare function useInputContext(): InputContextValue;
+export interface InputProviderProps {
+    children: React.ReactNode;
+    /** Initial blocked state */
+    initialBlocked?: boolean;
+}
+export declare function InputProvider({ children, initialBlocked }: InputProviderProps): React.JSX.Element;
+/**
+ * Hook to register an input handler with the centralized system
+ * Automatically unregisters on unmount
+ */
+export declare function useInputRegistration(id: string, handler: InputHandler, options?: {
+    priority?: number;
+    isActive?: boolean;
+}): void;
+export declare const useInputHandler: typeof useInputRegistration;
+/**
+ * Hook to receive focus for a handler
+ */
+export declare function useInputFocus(handlerId: string): {
+    isFocused: boolean;
+    focus: () => void;
+};
+/**
+ * Hook for components that need to block input
+ */
+export declare function useInputBlock(): {
+    isBlocked: boolean;
+    setBlocked: (blocked: boolean) => void;
+};
+export declare const InputPriority: {
+    /** Normal components */
+    readonly DEFAULT: 0;
+    /** Focused input fields */
+    readonly INPUT: 10;
+    /** Selectable lists */
+    readonly LIST: 20;
+    /** Sidebar */
+    readonly SIDEBAR: 30;
+    /** Modal dialogs */
+    readonly MODAL: 100;
+    /** Toast notifications (can dismiss) */
+    readonly TOAST: 110;
+    /** System-level (Ctrl+C, etc.) */
+    readonly SYSTEM: 1000;
+};
+export default InputContext;
+//# sourceMappingURL=InputContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputContext.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/InputContext.tsx"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,8BAA8B;AAC9B;;;;;;;;;;;GAWG;AAEH,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGlE,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAMlE,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC;AAE9D,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,OAAO,EAAE,YAAY,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,IAAI,CAAC;IACvD,sCAAsC;IACtC,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uCAAuC;IACvC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC;IAC7C,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAMD,QAAA,MAAM,YAAY,yCAAgD,CAAC;AAEnE,wBAAgB,eAAe,IAAI,iBAAiB,CAMnD;AAMD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,cAAsB,EAAE,EAAE,kBAAkB,qBA8ErF;AAMD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,YAAY,EACrB,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAO,QAYxD;AAGD,eAAO,MAAM,eAAe,6BAAuB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM;;;EAQ9C;AAED;;GAEG;AACH,wBAAgB,aAAa;;0BAvJL,OAAO,KAAK,IAAI;EA0JvC;AAMD,eAAO,MAAM,aAAa;IACxB,wBAAwB;;IAExB,2BAA2B;;IAE3B,uBAAuB;;IAEvB,cAAc;;IAEd,oBAAoB;;IAEpB,wCAAwC;;IAExC,kCAAkC;;CAE1B,CAAC;AAMX,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,154 @@
+/** @jsx React.createElement */
+/** @jsxFrag React.Fragment */
+/**
+ * Centralized Input Management System
+ *
+ * Single source of truth for keyboard input across all TUI components.
+ * Solves the problem of multiple components fighting over stdin.
+ *
+ * Architecture:
+ * - InputProvider wraps the entire TUI
+ * - Components register/unregister as input handlers
+ * - Focus system ensures only ONE handler receives input
+ * - Priority system for modals/overlays
+ */
+import React, { createContext, useContext, useState, useCallback, useRef, useEffect } from "react";
+// ============================================
+// CONTEXT
+// ============================================
+const InputContext = createContext(null);
+export function useInputContext() {
+    const ctx = useContext(InputContext);
+    if (!ctx) {
+        throw new Error("useInputContext must be used within InputProvider");
+    }
+    return ctx;
+}
+export function InputProvider({ children, initialBlocked = false }) {
+    const handlersRef = useRef(new Map());
+    const [focusedId, setFocusedId] = useState(null);
+    const [isBlocked, setIsBlocked] = useState(initialBlocked);
+    const register = useCallback((options) => {
+        const { id } = options;
+        handlersRef.current.set(id, options);
+        // If no focus set, focus this handler
+        if (!focusedId) {
+            setFocusedId(id);
+        }
+        // Return unregister function
+        return () => {
+            handlersRef.current.delete(id);
+            if (focusedId === id) {
+                // Focus next available handler (highest priority)
+                const remaining = Array.from(handlersRef.current.values())
+                    .filter(h => h.isActive !== false)
+                    .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+                setFocusedId(remaining[0]?.id ?? null);
+            }
+        };
+    }, [focusedId]);
+    const focus = useCallback((handlerId) => {
+        if (handlersRef.current.has(handlerId)) {
+            setFocusedId(handlerId);
+        }
+    }, []);
+    const dispatch = useCallback((event) => {
+        if (isBlocked)
+            return false;
+        // Get all active handlers sorted by priority (highest first)
+        const activeHandlers = Array.from(handlersRef.current.values())
+            .filter(h => h.isActive !== false)
+            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+        // First, try the focused handler
+        if (focusedId) {
+            const focused = handlersRef.current.get(focusedId);
+            if (focused?.isActive !== false && focused?.handler) {
+                const consumed = focused.handler(event);
+                if (consumed)
+                    return true;
+            }
+        }
+        // Then try other handlers by priority
+        for (const h of activeHandlers) {
+            if (h.id === focusedId)
+                continue; // Already tried
+            const consumed = h.handler(event);
+            if (consumed)
+                return true;
+        }
+        return false;
+    }, [isBlocked, focusedId]);
+    const setBlocked = useCallback((blocked) => {
+        setIsBlocked(blocked);
+    }, []);
+    const value = {
+        register,
+        focus,
+        focusedId,
+        dispatch,
+        isBlocked,
+        setBlocked,
+    };
+    return (React.createElement(InputContext.Provider, { value: value }, children));
+}
+// ============================================
+// CONVENIENCE HOOKS
+// ============================================
+/**
+ * Hook to register an input handler with the centralized system
+ * Automatically unregisters on unmount
+ */
+export function useInputRegistration(id, handler, options = {}) {
+    const { register } = useInputContext();
+    useEffect(() => {
+        return register({
+            id,
+            handler,
+            priority: options.priority,
+            isActive: options.isActive,
+        });
+    }, [id, handler, options.priority, options.isActive, register]);
+}
+// Alias for convenience
+export const useInputHandler = useInputRegistration;
+/**
+ * Hook to receive focus for a handler
+ */
+export function useInputFocus(handlerId) {
+    const { focus, focusedId } = useInputContext();
+    const isFocused = focusedId === handlerId;
+    return {
+        isFocused,
+        focus: () => focus(handlerId),
+    };
+}
+/**
+ * Hook for components that need to block input
+ */
+export function useInputBlock() {
+    const { isBlocked, setBlocked } = useInputContext();
+    return { isBlocked, setBlocked };
+}
+// ============================================
+// PRIORITY CONSTANTS
+// ============================================
+export const InputPriority = {
+    /** Normal components */
+    DEFAULT: 0,
+    /** Focused input fields */
+    INPUT: 10,
+    /** Selectable lists */
+    LIST: 20,
+    /** Sidebar */
+    SIDEBAR: 30,
+    /** Modal dialogs */
+    MODAL: 100,
+    /** Toast notifications (can dismiss) */
+    TOAST: 110,
+    /** System-level (Ctrl+C, etc.) */
+    SYSTEM: 1000,
+};
+// ============================================
+// EXPORTS
+// ============================================
+export default InputContext;

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

@@ -0,0 +1,18 @@
+/** @jsx React.createElement */
+/** @jsxFrag React.Fragment */
+/**
+ * Input Field Component - Simple plain text input
+ */
+import React from "react";
+import type { InputFieldProps } from "./types.js";
+export declare function setGlobalInput(value: string, cursor: number): void;
+export declare function getGlobalInput(): {
+    value: string;
+    cursorPos: number;
+};
+/**
+ * Simple input field - just text, no box
+ */
+export declare function InputField({ placeholder, isActive }: Omit<InputFieldProps, "value" | "cursorPos">): React.JSX.Element;
+export default InputField;
+//# sourceMappingURL=InputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/InputField.tsx"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,8BAA8B;AAC9B;;GAEG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAOlD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAI3D;AAED,wBAAgB,cAAc;;;EAE7B;AAWD;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,CAAC,qBAsBjG;AAED,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,41 @@
+/** @jsx React.createElement */
+/** @jsxFrag React.Fragment */
+/**
+ * Input Field Component - Simple plain text input
+ */
+import React, { useSyncExternalStore } from "react";
+import { Text } from "ink";
+// Global input display state - bypasses React batching
+let globalInputValue = "";
+let globalCursorPos = 0;
+const listeners = new Set();
+export function setGlobalInput(value, cursor) {
+    globalInputValue = value;
+    globalCursorPos = cursor;
+    listeners.forEach((listener) => listener());
+}
+export function getGlobalInput() {
+    return { value: globalInputValue, cursorPos: globalCursorPos };
+}
+function subscribe(callback) {
+    listeners.add(callback);
+    return () => listeners.delete(callback);
+}
+function getSnapshot() {
+    return { value: globalInputValue, cursorPos: globalCursorPos };
+}
+/**
+ * Simple input field - just text, no box
+ */
+export function InputField({ placeholder, isActive }) {
+    const { value, cursorPos } = useSyncExternalStore(subscribe, getSnapshot);
+    const beforeCursor = value.slice(0, cursorPos);
+    const afterCursor = value.slice(cursorPos);
+    return (React.createElement(Text, null,
+        React.createElement(Text, { bold: true, color: isActive ? "cyan" : "gray" }, "You: "),
+        value.length > 0 ? (React.createElement(React.Fragment, null,
+            beforeCursor,
+            React.createElement(Text, { backgroundColor: "cyan", color: "black" }, cursorPos < value.length ? value[cursorPos] : " "),
+            afterCursor)) : (React.createElement(Text, { dimColor: true }, placeholder))));
+}
+export default InputField;

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

@@ -0,0 +1,16 @@
+/**
+ * Main Interactive TUI Component
+ * Orchestrates all sub-components and manages state and agent loop
+ *
+ * Uses:
+ * - MessageStore: Centralized message state management
+ * - InputContext: Centralized keyboard input handling
+ */
+import React from "react";
+import type { InteractiveTUIProps } from "./types.js";
+/**
+ * Main Interactive TUI Component with providers
+ */
+declare function InteractiveTUI(props: InteractiveTUIProps): React.JSX.Element;
+export default InteractiveTUI;
+//# sourceMappingURL=InteractiveTUI.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveTUI.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/InteractiveTUI.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAcjF,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,YAAY,CAAC;AAsftE;;GAEG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAMjD;AAED,eAAe,cAAc,CAAC"}