procsi 0.2.6

package/dist/cli/tui/components/JsonExplorerModal.js

@@ -0,0 +1,311 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Full-screen modal for exploring JSON bodies as a collapsible tree.
+ * Replaces the main TUI when active (terminals don't support true overlays).
+ */
+import React, { useState, useMemo, useCallback, useRef, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { buildVisibleNodes, toggleNode, defaultExpansion, expandAll, collapseAll, filterByPath, getValueAtPath, buildBreadcrumb, parentPath, } from "../utils/json-tree.js";
+import { formatSize } from "../utils/formatters.js";
+import { copyToClipboard } from "../utils/clipboard.js";
+import { HintContent } from "./HintContent.js";
+const JSON_EXPLORER_HINTS = [
+    { key: "j/k", action: "nav" },
+    { key: "^f/^b", action: "page" },
+    { key: "Enter/l", action: "toggle" },
+    { key: "h", action: "collapse" },
+    { key: "e/c", action: "expand/collapse all" },
+    { key: "/", action: "filter" },
+    { key: "n/N", action: "match" },
+    { key: "y", action: "copy" },
+    { key: "q/Esc", action: "close" },
+];
+const STATUS_MESSAGE_TIMEOUT_MS = 3000;
+const FILTER_DEBOUNCE_MS = 150;
+/** Rows reserved for header (title + breadcrumb + divider), hint bar, and borders */
+const HEADER_ROWS = 3;
+const FOOTER_ROWS = 2;
+const INDENT_SIZE = 2;
+const PrimitiveValue = React.memo(function PrimitiveValue({ value }) {
+    if (value === "null")
+        return _jsx(Text, { dimColor: true, children: "null" });
+    if (value === "true" || value === "false")
+        return _jsx(Text, { color: "magenta", children: value });
+    if (value.startsWith('"'))
+        return _jsx(Text, { color: "green", children: value });
+    // Numbers
+    return _jsx(Text, { color: "yellow", children: value });
+});
+export function JsonExplorerModal({ data, title, contentType, bodySize, width, height, onClose, isActive = true, onStatus, }) {
+    const [expandedPaths, setExpandedPaths] = useState(() => defaultExpansion(data));
+    const [cursorIndex, setCursorIndex] = useState(0);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [filterText, setFilterText] = useState("");
+    const [filterMode, setFilterMode] = useState(false);
+    const [matchingPaths, setMatchingPaths] = useState(new Set());
+    const [preFilterExpansion, setPreFilterExpansion] = useState(null);
+    const [statusMessage, setStatusMessage] = useState();
+    const statusTimeoutRef = useRef(null);
+    const filterDebounceRef = useRef(null);
+    // Cleanup timers on unmount
+    useEffect(() => {
+        return () => {
+            if (statusTimeoutRef.current) {
+                clearTimeout(statusTimeoutRef.current);
+            }
+            if (filterDebounceRef.current) {
+                clearTimeout(filterDebounceRef.current);
+            }
+        };
+    }, []);
+    const showLocalStatus = useCallback((message) => {
+        if (statusTimeoutRef.current) {
+            clearTimeout(statusTimeoutRef.current);
+        }
+        setStatusMessage(message);
+        statusTimeoutRef.current = setTimeout(() => setStatusMessage(undefined), STATUS_MESSAGE_TIMEOUT_MS);
+    }, []);
+    // Live filter: debounce filterText changes while in filter mode
+    useEffect(() => {
+        if (!filterMode)
+            return;
+        if (filterDebounceRef.current) {
+            clearTimeout(filterDebounceRef.current);
+        }
+        filterDebounceRef.current = setTimeout(() => {
+            if (!filterText) {
+                // Empty filter — restore pre-filter expansion
+                setMatchingPaths(new Set());
+                if (preFilterExpansion) {
+                    setExpandedPaths(preFilterExpansion);
+                }
+                return;
+            }
+            const result = filterByPath(data, filterText);
+            if (result) {
+                setMatchingPaths(result.matchingPaths);
+                setExpandedPaths(result.expandedPaths);
+                // Move cursor to first matching node
+                const newNodes = buildVisibleNodes(data, result.expandedPaths);
+                const firstMatchIdx = newNodes.findIndex((n) => result.matchingPaths.has(n.path));
+                if (firstMatchIdx !== -1) {
+                    setCursorIndex(firstMatchIdx);
+                }
+            }
+            else {
+                setMatchingPaths(new Set());
+                if (preFilterExpansion) {
+                    setExpandedPaths(preFilterExpansion);
+                }
+            }
+        }, FILTER_DEBOUNCE_MS);
+        return () => {
+            if (filterDebounceRef.current) {
+                clearTimeout(filterDebounceRef.current);
+            }
+        };
+    }, [filterText, filterMode, data, preFilterExpansion]);
+    const visibleNodes = useMemo(() => buildVisibleNodes(data, expandedPaths), [data, expandedPaths]);
+    // Keep cursor in bounds when visible nodes change
+    useEffect(() => {
+        if (cursorIndex >= visibleNodes.length && visibleNodes.length > 0) {
+            setCursorIndex(visibleNodes.length - 1);
+        }
+    }, [visibleNodes.length, cursorIndex]);
+    const availableHeight = height - HEADER_ROWS - FOOTER_ROWS;
+    // Auto-scroll to keep cursor visible
+    useEffect(() => {
+        if (cursorIndex < scrollOffset) {
+            setScrollOffset(cursorIndex);
+        }
+        else if (cursorIndex >= scrollOffset + availableHeight) {
+            setScrollOffset(cursorIndex - availableHeight + 1);
+        }
+    }, [cursorIndex, scrollOffset, availableHeight]);
+    const cursorNode = visibleNodes[cursorIndex];
+    const breadcrumb = useMemo(() => (cursorNode ? buildBreadcrumb(cursorNode.path) : ["(root)"]), [cursorNode?.path]);
+    useInput((input, key) => {
+        if (filterMode) {
+            if (key.escape) {
+                // Close filter, restore pre-filter expansion
+                setFilterMode(false);
+                setFilterText("");
+                setMatchingPaths(new Set());
+                if (preFilterExpansion) {
+                    setExpandedPaths(preFilterExpansion);
+                    setPreFilterExpansion(null);
+                }
+                return;
+            }
+            if (key.return) {
+                // Close filter mode — filter already applied live
+                setFilterMode(false);
+                return;
+            }
+            if (key.backspace || key.delete) {
+                setFilterText((prev) => prev.slice(0, -1));
+                return;
+            }
+            // Only accept single characters to filter out mouse escape sequences
+            if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                setFilterText((prev) => prev + input);
+            }
+            return;
+        }
+        // Normal mode
+        if (key.escape || input === "q") {
+            onClose();
+            return;
+        }
+        if (input === "j" || key.downArrow) {
+            setCursorIndex((prev) => Math.min(prev + 1, visibleNodes.length - 1));
+        }
+        else if (input === "k" || key.upArrow) {
+            setCursorIndex((prev) => Math.max(prev - 1, 0));
+        }
+        else if (input === "d" && key.ctrl) {
+            // Half-page down
+            const halfPage = Math.floor(availableHeight / 2);
+            setCursorIndex((prev) => Math.min(prev + halfPage, visibleNodes.length - 1));
+        }
+        else if (input === "u" && key.ctrl) {
+            // Half-page up
+            const halfPage = Math.floor(availableHeight / 2);
+            setCursorIndex((prev) => Math.max(prev - halfPage, 0));
+        }
+        else if (input === "f" && key.ctrl) {
+            // Full-page down
+            setCursorIndex((prev) => Math.min(prev + availableHeight, visibleNodes.length - 1));
+        }
+        else if (input === "b" && key.ctrl) {
+            // Full-page up
+            setCursorIndex((prev) => Math.max(prev - availableHeight, 0));
+        }
+        else if (key.return || input === "l") {
+            // Toggle expand/collapse on node at cursor
+            if (cursorNode?.expandable) {
+                setExpandedPaths((prev) => toggleNode(prev, cursorNode.path));
+            }
+        }
+        else if (input === "h") {
+            // Collapse node at cursor, or jump to parent if leaf/already collapsed
+            if (cursorNode) {
+                if (cursorNode.expandable && expandedPaths.has(cursorNode.path)) {
+                    setExpandedPaths((prev) => toggleNode(prev, cursorNode.path));
+                }
+                else {
+                    // Jump to parent
+                    const parent = parentPath(cursorNode.path);
+                    if (parent) {
+                        const parentIdx = visibleNodes.findIndex((n) => n.path === parent);
+                        if (parentIdx !== -1) {
+                            setCursorIndex(parentIdx);
+                        }
+                    }
+                }
+            }
+        }
+        else if (input === "g" && !key.shift) {
+            setCursorIndex(0);
+        }
+        else if (input === "G") {
+            setCursorIndex(Math.max(0, visibleNodes.length - 1));
+        }
+        else if (input === "/") {
+            // Save current expansion before filtering
+            setPreFilterExpansion(new Set(expandedPaths));
+            setFilterMode(true);
+            setFilterText("");
+        }
+        else if (input === "e") {
+            setExpandedPaths(expandAll(data));
+        }
+        else if (input === "c") {
+            setExpandedPaths(collapseAll());
+        }
+        else if (input === "n") {
+            // Jump to next filter match
+            if (matchingPaths.size > 0) {
+                const matchIndices = visibleNodes
+                    .map((n, i) => (matchingPaths.has(n.path) ? i : -1))
+                    .filter((i) => i !== -1);
+                if (matchIndices.length > 0) {
+                    const nextIdx = matchIndices.find((i) => i > cursorIndex) ?? matchIndices[0];
+                    if (nextIdx !== undefined) {
+                        setCursorIndex(nextIdx);
+                    }
+                }
+            }
+        }
+        else if (input === "N") {
+            // Jump to previous filter match
+            if (matchingPaths.size > 0) {
+                const matchIndices = visibleNodes
+                    .map((n, i) => (matchingPaths.has(n.path) ? i : -1))
+                    .filter((i) => i !== -1);
+                if (matchIndices.length > 0) {
+                    const prevIdx = [...matchIndices].reverse().find((i) => i < cursorIndex)
+                        ?? matchIndices[matchIndices.length - 1];
+                    if (prevIdx !== undefined) {
+                        setCursorIndex(prevIdx);
+                    }
+                }
+            }
+        }
+        else if (input === "y") {
+            if (cursorNode) {
+                const value = getValueAtPath(data, cursorNode.path);
+                const text = typeof value === "string" ? value : JSON.stringify(value, null, 2);
+                void copyToClipboard(text).then(() => {
+                    const msg = "Value copied to clipboard";
+                    showLocalStatus(msg);
+                    onStatus?.(msg);
+                }, () => {
+                    const msg = "Failed to copy to clipboard";
+                    showLocalStatus(msg);
+                    onStatus?.(msg);
+                });
+            }
+        }
+    }, { isActive });
+    // Content type short display
+    const shortCt = contentType.split(";")[0]?.trim() ?? "";
+    // Build visible row slice
+    const visibleSlice = visibleNodes.slice(scrollOffset, scrollOffset + availableHeight);
+    // Header border
+    const headerRight = ` ${shortCt} ${formatSize(bodySize)} `;
+    const titlePart = ` ${title} `;
+    const headerBorderWidth = width - titlePart.length - headerRight.length - 4;
+    const headerBorder = `┌─${titlePart}${"─".repeat(Math.max(0, headerBorderWidth))}${headerRight}─┐`;
+    // Divider
+    const divider = `├${"─".repeat(width - 2)}┤`;
+    // Footer border
+    const footerBorder = `└${"─".repeat(width - 2)}┘`;
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(Text, { color: "cyan", children: headerBorder }), _jsx(Box, { paddingX: 1, height: 1, children: filterMode ? (_jsxs(Text, { children: [_jsx(Text, { color: "yellow", children: "filter: " }), _jsx(Text, { children: filterText }), _jsx(Text, { color: "gray", children: "\u2588" })] })) : (_jsx(Text, { dimColor: true, wrap: "truncate", children: breadcrumb.join(" > ") })) }), _jsx(Text, { color: "cyan", children: divider }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [visibleSlice.map((node, idx) => {
+                        const globalIdx = scrollOffset + idx;
+                        const isCursor = globalIdx === cursorIndex;
+                        const isMatch = matchingPaths.has(node.path);
+                        const isExpanded = node.expandable ? expandedPaths.has(node.path) : undefined;
+                        return (_jsx(TreeNodeRowWithArrow, { node: node, isCursor: isCursor, isMatch: isMatch, isExpanded: isExpanded, maxWidth: width - 4 }, node.path));
+                    }), visibleSlice.length < availableHeight && (_jsx(Box, { flexGrow: 1 }))] }), _jsx(Text, { color: "cyan", children: divider }), _jsx(Box, { paddingX: 1, height: 1, children: statusMessage ? (_jsx(Text, { color: "green", children: statusMessage })) : (_jsx(HintContent, { hints: JSON_EXPLORER_HINTS, availableWidth: width - 4 })) }), _jsx(Text, { color: "cyan", children: footerBorder })] }));
+}
+/**
+ * Tree node row that correctly shows ▶/▼ based on expansion state.
+ */
+const TreeNodeRowWithArrow = React.memo(function TreeNodeRowWithArrow({ node, isCursor, isMatch, isExpanded, maxWidth, }) {
+    const indent = " ".repeat(node.depth * INDENT_SIZE);
+    const cursor = isCursor ? "❯ " : "  ";
+    let arrow = "  ";
+    if (node.expandable) {
+        arrow = isExpanded ? "▼ " : "▶ ";
+    }
+    const keyPart = node.key;
+    const valuePart = node.value;
+    // Check if the line would exceed available width
+    const prefix = `${cursor}${indent}${arrow}`;
+    const fullLine = `${keyPart}: ${valuePart}`;
+    const availableWidth = maxWidth - prefix.length;
+    const isTruncated = fullLine.length > availableWidth;
+    return (_jsxs(Text, { bold: isCursor, children: [_jsx(Text, { children: cursor }), _jsx(Text, { children: indent }), _jsx(Text, { children: arrow }), isTruncated ? (_jsxs(Text, { children: [fullLine.substring(0, Math.max(0, availableWidth - 1)), "\u2026"] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { color: "cyan", bold: isCursor, underline: isMatch, children: keyPart }), _jsx(Text, { children: ": " }), node.type === "primitive" ? (_jsx(PrimitiveValue, { value: valuePart })) : (_jsx(Text, { dimColor: true, children: valuePart }))] }))] }));
+});
+//# sourceMappingURL=JsonExplorerModal.js.map

package/dist/cli/tui/components/JsonExplorerModal.js.map

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

package/dist/cli/tui/components/Modal.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Generic modal overlay component.
+ *
+ * Renders a centred box with a border over the main content.
+ */
+import React from "react";
+export interface ModalProps {
+    /** Modal title shown in the header */
+    title: string;
+    /** Modal width in columns */
+    width: number;
+    /** Modal height in rows */
+    height: number;
+    /** Total screen width */
+    screenWidth: number;
+    /** Total screen height */
+    screenHeight: number;
+    /** Called when modal should close (Escape pressed) */
+    onClose: () => void;
+    /** Modal content */
+    children: React.ReactNode;
+    /** Whether input is active (for testing) */
+    isActive?: boolean;
+}
+export declare function Modal({ title, width, height, screenWidth, screenHeight, onClose, children, isActive, }: ModalProps): React.ReactElement;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/cli/tui/components/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/Modal.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU;IACzB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAe,GAChB,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CA0CjC"}

package/dist/cli/tui/components/Modal.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+export function Modal({ title, width, height, screenWidth, screenHeight, onClose, children, isActive = true, }) {
+    // Handle escape to close
+    useInput((input, key) => {
+        if (key.escape) {
+            onClose();
+        }
+    }, { isActive });
+    // Calculate centering offsets
+    const marginLeft = Math.max(0, Math.floor((screenWidth - width) / 2));
+    const marginTop = Math.max(0, Math.floor((screenHeight - height) / 2));
+    return (_jsxs(Box, { position: "absolute", marginLeft: marginLeft, marginTop: marginTop, flexDirection: "column", width: width, height: height, borderStyle: "single", borderColor: "cyan", children: [_jsx(Text, { color: "cyan", bold: true, children: title }), _jsx(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, marginTop: 1, children: children }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Press Escape to cancel" }) })] }));
+}
+//# sourceMappingURL=Modal.js.map

package/dist/cli/tui/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/Modal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAqB1C,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,IAAI,GACJ;IACX,yBAAyB;IACzB,QAAQ,CACN,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,CACb,CAAC;IAEF,8BAA8B;IAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAC,MAAM,aAGlB,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,kBACpB,KAAK,GACD,EAGP,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,YAC/D,QAAQ,GACL,EAGN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACd,KAAC,IAAI,IAAC,QAAQ,6CAA8B,GACxC,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/cli/tui/components/Panel.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Reusable panel component with lazygit-style border titles.
+ * The title is embedded in the top border line: ┌─ Title ─────┐
+ */
+import React from "react";
+import { type DOMElement } from "ink";
+interface PanelProps {
+    title: string;
+    /** Optional value to display right-aligned in the title bar */
+    rightValue?: string | number;
+    children: React.ReactNode;
+    isActive: boolean;
+    isHovered?: boolean;
+    width: number;
+    height: number;
+}
+export declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<DOMElement>>;
+export {};
+//# sourceMappingURL=Panel.d.ts.map

package/dist/cli/tui/components/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/Panel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AASjD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,KAAK,+EAgChB,CAAC"}

package/dist/cli/tui/components/Panel.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Reusable panel component with lazygit-style border titles.
+ * The title is embedded in the top border line: ┌─ Title ─────┐
+ */
+import { forwardRef } from "react";
+import { Box, Text } from "ink";
+// Box drawing characters (single line style)
+const BOX = {
+    topLeft: "┌",
+    topRight: "┐",
+    horizontal: "─",
+};
+/**
+ * Creates the top border line with embedded title and optional right value.
+ * Format: ┌─ Title ─────────── 3 ─┐
+ */
+function buildTitleLine(title, totalWidth, rightValue) {
+    const titleWithSpaces = ` ${title} `;
+    const leftPart = `${BOX.topLeft}${BOX.horizontal}`;
+    const rightValueStr = rightValue !== undefined ? ` ${rightValue} ${BOX.horizontal}` : "";
+    const rightPart = BOX.topRight;
+    const usedWidth = leftPart.length + titleWithSpaces.length + rightValueStr.length + rightPart.length;
+    const remainingWidth = Math.max(1, totalWidth - usedWidth);
+    const dashes = BOX.horizontal.repeat(remainingWidth);
+    return `${leftPart}${titleWithSpaces}${dashes}${rightValueStr}${rightPart}`;
+}
+export const Panel = forwardRef(function Panel({ title, rightValue, children, isActive, isHovered, width, height }, ref) {
+    // Border colour: active > hovered > default
+    const borderColour = isActive ? "cyan" : isHovered ? "white" : "gray";
+    const titleLine = buildTitleLine(title, width, rightValue);
+    // Height for the bordered box (everything except the custom title line)
+    // This box will have left, right, and bottom borders via Ink's borderStyle
+    const innerBoxHeight = height - 1;
+    return (_jsxs(Box, { ref: ref, flexDirection: "column", width: width, height: height, children: [_jsx(Text, { color: borderColour, children: titleLine }), _jsx(Box, { flexDirection: "column", width: width, height: innerBoxHeight, borderStyle: "single", borderColor: borderColour, borderTop: false, overflowY: "hidden", children: children })] }));
+});
+//# sourceMappingURL=Panel.js.map

package/dist/cli/tui/components/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/Panel.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAmB,MAAM,KAAK,CAAC;AAEjD,6CAA6C;AAC7C,MAAM,GAAG,GAAG;IACV,OAAO,EAAE,GAAG;IACZ,QAAQ,EAAE,GAAG;IACb,UAAU,EAAE,GAAG;CACP,CAAC;AAaX;;;GAGG;AACH,SAAS,cAAc,CAAC,KAAa,EAAE,UAAkB,EAAE,UAA4B;IACrF,MAAM,eAAe,GAAG,IAAI,KAAK,GAAG,CAAC;IACrC,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,UAAU,EAAE,CAAC;IACnD,MAAM,aAAa,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,UAAU,IAAI,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC;IAE/B,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;IACrG,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAC3D,MAAM,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAErD,OAAO,GAAG,QAAQ,GAAG,eAAe,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,EAAE,CAAC;AAC9E,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAyB,SAAS,KAAK,CACpE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EACnE,GAAG;IAEH,4CAA4C;IAC5C,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEtE,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAE3D,wEAAwE;IACxE,2EAA2E;IAC3E,MAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,aAEhE,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,SAAS,GAAQ,EAG7C,KAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,cAAc,EACtB,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,YAAY,EACzB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,QAAQ,YAEjB,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cli/tui/components/RequestDetails.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Right panel: detailed view of the selected request.
+ */
+import React from "react";
+import { type DOMElement } from "ink";
+import type { CapturedRequest } from "../../../shared/types.js";
+interface RequestDetailsProps {
+    request: CapturedRequest | undefined;
+    isActive: boolean;
+    isHovered?: boolean;
+    width: number;
+    height: number;
+}
+export declare const RequestDetails: React.ForwardRefExoticComponent<RequestDetailsProps & React.RefAttributes<DOMElement>>;
+export {};
+//# sourceMappingURL=RequestDetails.d.ts.map

package/dist/cli/tui/components/RequestDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestDetails.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/RequestDetails.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAMhE,UAAU,mBAAmB;IAC3B,OAAO,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,wFAoGzB,CAAC"}

package/dist/cli/tui/components/RequestDetails.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Right panel: detailed view of the selected request.
+ */
+import { forwardRef } from "react";
+import { Box, Text } from "ink";
+import { HeadersView } from "./HeadersView.js";
+import { BodyView } from "./BodyView.js";
+import { formatRelativeTime, formatDuration } from "../utils/formatters.js";
+import { Panel } from "./Panel.js";
+export const RequestDetails = forwardRef(function RequestDetails({ request, isActive, isHovered, width, height }, ref) {
+    if (!request) {
+        return (_jsx(Panel, { ref: ref, title: "[2] Details", isActive: isActive, isHovered: isHovered, width: width, height: height, children: _jsx(Box, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx(Text, { dimColor: true, children: "Select a request to view details" }) }) }));
+    }
+    // Calculate how much space we have for each section
+    const headerHeight = 6; // URL line + timing + separators
+    const availableHeight = Math.max(8, height - headerHeight);
+    const sectionHeight = Math.floor(availableHeight / 4);
+    const reqContentType = request.requestHeaders["content-type"];
+    const resContentType = request.responseHeaders?.["content-type"];
+    return (_jsxs(Panel, { ref: ref, title: "[2] Details", isActive: isActive, isHovered: isHovered, width: width, height: height, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "green", bold: true, children: request.method }), _jsx(Text, { children: " " }), _jsx(Text, { children: request.url })] }), _jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { dimColor: true, children: "Status: " }), _jsx(Text, { color: request.responseStatus && request.responseStatus < 400 ? "green" : "red", children: request.responseStatus ?? "pending" }), _jsx(Text, { dimColor: true, children: " \u2502 Duration: " }), _jsx(Text, { children: formatDuration(request.durationMs) }), _jsx(Text, { dimColor: true, children: " \u2502 " }), _jsx(Text, { dimColor: true, children: formatRelativeTime(request.timestamp) })] }), _jsx(Box, { marginBottom: 1, children: _jsx(HeadersView, { title: "Request Headers", headers: request.requestHeaders, maxLines: sectionHeight }) }), request.requestBody && request.requestBody.length > 0 && (_jsx(Box, { marginBottom: 1, children: _jsx(BodyView, { title: "Request Body", body: request.requestBody, contentType: reqContentType, maxLines: sectionHeight }) })), request.responseHeaders && (_jsx(Box, { marginBottom: 1, children: _jsx(HeadersView, { title: "Response Headers", headers: request.responseHeaders, maxLines: sectionHeight }) })), request.responseBody && request.responseBody.length > 0 && (_jsx(Box, { marginBottom: 1, children: _jsx(BodyView, { title: "Response Body", body: request.responseBody, contentType: resContentType, maxLines: sectionHeight }) }))] }));
+});
+//# sourceMappingURL=RequestDetails.js.map

package/dist/cli/tui/components/RequestDetails.js.map

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

package/dist/cli/tui/components/RequestList.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Left panel: scrollable list of captured requests.
+ */
+import React from "react";
+import { type DOMElement } from "ink";
+import type { CapturedRequestSummary } from "../../../shared/types.js";
+interface RequestListProps {
+    requests: CapturedRequestSummary[];
+    selectedIndex: number;
+    isActive: boolean;
+    isHovered?: boolean;
+    width: number;
+    height: number;
+    showFullUrl?: boolean;
+    onItemClick?: (index: number) => void;
+    scrollOffset?: number;
+    searchTerm?: string;
+}
+export declare const RequestList: React.ForwardRefExoticComponent<RequestListProps & React.RefAttributes<DOMElement>>;
+export {};
+//# sourceMappingURL=RequestList.d.ts.map

package/dist/cli/tui/components/RequestList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestList.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/RequestList.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AACjD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIvE,UAAU,gBAAgB;IACxB,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,qFA4DtB,CAAC"}

package/dist/cli/tui/components/RequestList.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Left panel: scrollable list of captured requests.
+ */
+import { forwardRef } from "react";
+import { Box, Text } from "ink";
+import { RequestListItem } from "./RequestListItem.js";
+import { Panel } from "./Panel.js";
+export const RequestList = forwardRef(function RequestList({ requests, selectedIndex, isActive, isHovered, width, height, showFullUrl, onItemClick, scrollOffset: providedScrollOffset, searchTerm }, ref) {
+    // Calculate visible window (accounting for border - 2 lines for top/bottom)
+    const visibleHeight = Math.max(1, height - 2);
+    const halfWindow = Math.floor(visibleHeight / 2);
+    // Use provided scroll offset, or fall back to selection-centred behaviour
+    let effectiveScrollOffset = providedScrollOffset ?? 0;
+    if (providedScrollOffset === undefined && requests.length > visibleHeight) {
+        effectiveScrollOffset = Math.max(0, Math.min(selectedIndex - halfWindow, requests.length - visibleHeight));
+    }
+    const visibleRequests = requests.slice(effectiveScrollOffset, effectiveScrollOffset + visibleHeight);
+    // Build title and right value
+    const title = "[1] Requests";
+    let rightValue = requests.length;
+    if (requests.length > visibleHeight) {
+        rightValue = `${effectiveScrollOffset + 1}-${Math.min(effectiveScrollOffset + visibleHeight, requests.length)}/${requests.length}`;
+    }
+    return (_jsx(Panel, { ref: ref, title: title, rightValue: rightValue, isActive: isActive, isHovered: isHovered, width: width, height: height, children: requests.length === 0 ? (_jsxs(Box, { paddingX: 1, paddingY: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "No requests captured yet." }), _jsx(Text, { dimColor: true, children: " " }), _jsxs(Text, { children: ["Run ", _jsx(Text, { color: "cyan", children: "eval $(procsi vars)" }), " in another terminal"] }), _jsx(Text, { dimColor: true, children: "to start capturing traffic." })] })) : (_jsx(Box, { flexDirection: "column", paddingX: 1, children: visibleRequests.map((request, index) => {
+                const absoluteIndex = effectiveScrollOffset + index;
+                return (_jsx(RequestListItem, { request: request, isSelected: absoluteIndex === selectedIndex, width: width - 4, showFullUrl: showFullUrl, onClick: onItemClick ? () => onItemClick(absoluteIndex) : undefined, searchTerm: searchTerm }, request.id));
+            }) })) }));
+});
+//# sourceMappingURL=RequestList.js.map

package/dist/cli/tui/components/RequestList.js.map

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

package/dist/cli/tui/components/RequestListItem.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Single request row in the request list.
+ */
+import React from "react";
+import type { CapturedRequestSummary, InterceptionType } from "../../../shared/types.js";
+/**
+ * Get the 2-character interception indicator and its colour.
+ * Returns "M " for mocked, "I " for modified, or "  " for normal requests.
+ */
+export declare function getInterceptionIndicator(type?: InterceptionType): {
+    text: string;
+    colour?: string;
+};
+interface RequestListItemProps {
+    request: CapturedRequestSummary;
+    isSelected: boolean;
+    width: number;
+    showFullUrl?: boolean;
+    onClick?: () => void;
+    searchTerm?: string;
+}
+/**
+ * Get colour for HTTP status code.
+ */
+export declare function getStatusColour(status: number | undefined): string;
+/**
+ * Get a visual indicator character for an HTTP status code.
+ */
+export declare function getStatusIndicator(status: number | undefined): string;
+/**
+ * Get colour for HTTP method.
+ */
+export declare function getMethodColour(method: string): string;
+export declare const RequestListItem: React.NamedExoticComponent<RequestListItemProps>;
+export {};
+//# sourceMappingURL=RequestListItem.d.ts.map

package/dist/cli/tui/components/RequestListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestListItem.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/RequestListItem.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGzF;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CASnG;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,sBAAsB,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAclE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAWrE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAetD;AA8BD,eAAO,MAAM,eAAe,kDAqE1B,CAAC"}