procsi 0.2.6

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

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Single request row in the request list.
+ */
+import { useRef, memo } from "react";
+import { Box, Text } from "ink";
+import { useOnClick } from "@ink-tools/ink-mouse";
+import { formatMethod, formatDuration, truncate } from "../utils/formatters.js";
+/**
+ * Get the 2-character interception indicator and its colour.
+ * Returns "M " for mocked, "I " for modified, or "  " for normal requests.
+ */
+export function getInterceptionIndicator(type) {
+    switch (type) {
+        case "mocked":
+            return { text: "M ", colour: "magenta" };
+        case "modified":
+            return { text: "I ", colour: "cyan" };
+        default:
+            return { text: "  " };
+    }
+}
+/**
+ * Get colour for HTTP status code.
+ */
+export function getStatusColour(status) {
+    if (status === undefined) {
+        return "gray";
+    }
+    if (status >= 200 && status < 300) {
+        return "green";
+    }
+    if (status >= 300 && status < 400) {
+        return "yellow";
+    }
+    if (status >= 400) {
+        return "red";
+    }
+    return "white";
+}
+/**
+ * Get a visual indicator character for an HTTP status code.
+ */
+export function getStatusIndicator(status) {
+    if (status === undefined) {
+        return " ";
+    }
+    if (status >= 200 && status < 300) {
+        return "✓";
+    }
+    if (status >= 300 && status < 400) {
+        return "→";
+    }
+    return "✗";
+}
+/**
+ * Get colour for HTTP method.
+ */
+export function getMethodColour(method) {
+    switch (method.toUpperCase()) {
+        case "GET":
+            return "green";
+        case "POST":
+            return "blue";
+        case "PUT":
+            return "yellow";
+        case "PATCH":
+            return "yellow";
+        case "DELETE":
+            return "magenta";
+        default:
+            return "white";
+    }
+}
+/**
+ * Split text into segments around case-insensitive matches of a search term.
+ * Returns alternating [non-match, match, non-match, ...] segments.
+ */
+function splitByMatch(text, term) {
+    if (!term)
+        return [{ text, isMatch: false }];
+    const segments = [];
+    const lowerText = text.toLowerCase();
+    const lowerTerm = term.toLowerCase();
+    let pos = 0;
+    while (pos < text.length) {
+        const matchIdx = lowerText.indexOf(lowerTerm, pos);
+        if (matchIdx === -1) {
+            segments.push({ text: text.slice(pos), isMatch: false });
+            break;
+        }
+        if (matchIdx > pos) {
+            segments.push({ text: text.slice(pos, matchIdx), isMatch: false });
+        }
+        segments.push({ text: text.slice(matchIdx, matchIdx + term.length), isMatch: true });
+        pos = matchIdx + term.length;
+    }
+    return segments.length > 0 ? segments : [{ text, isMatch: false }];
+}
+export const RequestListItem = memo(function RequestListItem({ request, isSelected, width, showFullUrl, onClick, searchTerm, }) {
+    const ref = useRef(null);
+    useOnClick(ref, () => {
+        if (onClick) {
+            onClick();
+        }
+    });
+    const interceptionWidth = 2; // "M " / "I " / "  "
+    const methodWidth = 7;
+    const statusWidth = 6;
+    const durationWidth = 8;
+    const separatorsWidth = 3; // Spaces between columns
+    // Calculate remaining width for path
+    const pathWidth = Math.max(10, width - interceptionWidth - methodWidth - statusWidth - durationWidth - separatorsWidth);
+    const displayPath = truncate(showFullUrl ? request.url : request.path, pathWidth);
+    const paddedPath = displayPath.padEnd(pathWidth);
+    const statusText = request.responseStatus?.toString() ?? "...";
+    const statusIndicator = getStatusIndicator(request.responseStatus);
+    const duration = formatDuration(request.durationMs);
+    const indicator = isSelected ? "❯ " : "  ";
+    const indicatorColour = isSelected ? "cyan" : undefined;
+    const interception = getInterceptionIndicator(request.interceptionType);
+    return (_jsx(Box, { ref: ref, width: width, children: _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: indicatorColour, children: indicator }), _jsx(Text, { color: interception.colour, children: interception.text }), _jsx(Text, { color: getMethodColour(request.method), children: formatMethod(request.method) }), _jsx(Text, { children: " " }), _jsxs(Text, { color: getStatusColour(request.responseStatus), children: [statusIndicator, statusText.padStart(3)] }), _jsx(Text, { children: " " }), searchTerm ? (_jsx(Text, { dimColor: !isSelected, children: splitByMatch(paddedPath, searchTerm).map((seg, i) => seg.isMatch ? (_jsx(Text, { color: "yellow", bold: true, children: seg.text }, i)) : (_jsx(Text, { children: seg.text }, i))) })) : (_jsx(Text, { dimColor: !isSelected, children: paddedPath })), _jsx(Text, { dimColor: true, children: duration.padStart(durationWidth) })] }) }));
+}, (prevProps, nextProps) => {
+    return (prevProps.request === nextProps.request &&
+        prevProps.isSelected === nextProps.isSelected &&
+        prevProps.width === nextProps.width &&
+        prevProps.showFullUrl === nextProps.showFullUrl &&
+        prevProps.searchTerm === nextProps.searchTerm);
+});
+//# sourceMappingURL=RequestListItem.js.map

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

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

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

@@ -0,0 +1,30 @@
+/**
+ * Full-screen save dialog for binary content.
+ *
+ * Replaces the main TUI when active (terminals don't support true overlays).
+ *
+ * Provides three options:
+ * [1] .htpx/exports/ - Project exports folder
+ * [2] ~/Downloads/ - Downloads folder
+ * [3] Custom path... - Text input
+ */
+import React from "react";
+export type SaveLocation = "exports" | "downloads" | "custom";
+export interface SaveModalProps {
+    /** Filename being saved */
+    filename: string;
+    /** File size for display */
+    fileSize: string;
+    /** Screen width */
+    width: number;
+    /** Screen height */
+    height: number;
+    /** Called when user selects a location */
+    onSave: (location: SaveLocation, customPath?: string) => void;
+    /** Called when modal should close */
+    onClose: () => void;
+    /** Whether input is active (for testing) */
+    isActive?: boolean;
+}
+export declare function SaveModal({ filename, fileSize, width, height, onSave, onClose, isActive, }: SaveModalProps): React.ReactElement;
+//# sourceMappingURL=SaveModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SaveModal.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/SaveModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8BD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAe,GAChB,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAoHrC"}

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Full-screen save dialog for binary content.
+ *
+ * Replaces the main TUI when active (terminals don't support true overlays).
+ *
+ * Provides three options:
+ * [1] .htpx/exports/ - Project exports folder
+ * [2] ~/Downloads/ - Downloads folder
+ * [3] Custom path... - Text input
+ */
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+const OPTIONS = [
+    {
+        key: "1",
+        location: "exports",
+        label: ".htpx/exports/",
+        description: "Project exports folder",
+    },
+    {
+        key: "2",
+        location: "downloads",
+        label: "~/Downloads/",
+        description: "Downloads folder",
+    },
+    {
+        key: "3",
+        location: "custom",
+        label: "Custom path...",
+        description: "Enter a custom directory",
+    },
+];
+export function SaveModal({ filename, fileSize, width, height, onSave, onClose, isActive = true, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [showCustomInput, setShowCustomInput] = useState(false);
+    const [customPath, setCustomPath] = useState("");
+    useInput((input, key) => {
+        if (showCustomInput) {
+            // Handle custom path input
+            if (key.return) {
+                if (customPath.trim()) {
+                    onSave("custom", customPath.trim());
+                }
+            }
+            else if (key.backspace || key.delete) {
+                setCustomPath((prev) => prev.slice(0, -1));
+            }
+            else if (key.escape) {
+                setShowCustomInput(false);
+                setCustomPath("");
+            }
+            else if (input && !key.ctrl && !key.meta) {
+                setCustomPath((prev) => prev + input);
+            }
+            return;
+        }
+        // Handle option selection
+        if (key.escape) {
+            onClose();
+        }
+        else if (input === "j" || key.downArrow) {
+            setSelectedIndex((prev) => Math.min(prev + 1, OPTIONS.length - 1));
+        }
+        else if (input === "k" || key.upArrow) {
+            setSelectedIndex((prev) => Math.max(prev - 1, 0));
+        }
+        else if (input === "1") {
+            onSave("exports");
+        }
+        else if (input === "2") {
+            onSave("downloads");
+        }
+        else if (input === "3") {
+            setShowCustomInput(true);
+        }
+        else if (key.return) {
+            const option = OPTIONS[selectedIndex];
+            if (option) {
+                if (option.location === "custom") {
+                    setShowCustomInput(true);
+                }
+                else {
+                    onSave(option.location);
+                }
+            }
+        }
+    }, { isActive });
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, alignItems: "center", justifyContent: "center", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "cyan", bold: true, children: "Save Binary Content" }) }), _jsx(Box, { marginBottom: 2, children: _jsxs(Text, { dimColor: true, children: [filename, " (", fileSize, ")"] }) }), showCustomInput ? (
+            // Custom path input mode
+            _jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsx(Text, { children: "Enter directory path:" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "> " }), _jsx(Text, { children: customPath }), _jsx(Text, { color: "cyan", children: "_" })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Enter to save, Escape to go back" }) })] })) : (
+            // Option selection mode
+            _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Select save location:" }) }), OPTIONS.map((option, index) => (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: index === selectedIndex ? "cyan" : undefined, children: index === selectedIndex ? "❯ " : "  " }), _jsxs(Text, { color: "yellow", bold: true, children: ["[", option.key, "]"] }), _jsxs(Text, { color: index === selectedIndex ? "white" : "gray", children: [" ", option.label] }), _jsxs(Text, { dimColor: true, children: [" - ", option.description] })] }, option.key))), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "j/k navigate \u2502 Enter or number to select \u2502 Escape to cancel" }) })] }))] }));
+}
+//# sourceMappingURL=SaveModal.js.map

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

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

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

@@ -0,0 +1,39 @@
+/**
+ * Status bar showing keybinding hints at the bottom of the TUI.
+ * Hints are filtered based on the current focus/selection context.
+ */
+import React from "react";
+import { type HintItem } from "./HintContent.js";
+interface StatusBarContext {
+    activePanel: "list" | "accordion";
+    hasSelection: boolean;
+    hasRequests: boolean;
+    onBodySection: boolean;
+    onViewableBodySection: boolean;
+}
+interface KeyHint extends HintItem {
+    visible?: (ctx: StatusBarContext) => boolean;
+}
+export interface StatusBarProps {
+    message?: string;
+    filterActive?: boolean;
+    /** When true the filter bar is open and capturing input, so main-view hints are suppressed. */
+    filterOpen?: boolean;
+    activePanel?: "list" | "accordion";
+    hasSelection?: boolean;
+    hasRequests?: boolean;
+    onBodySection?: boolean;
+    onViewableBodySection?: boolean;
+    /** Number of active interceptors; shown as a badge when > 0. */
+    interceptorCount?: number;
+    /** Terminal width in columns — used to constrain the hint bar. */
+    width?: number;
+}
+/**
+ * Returns hints visible for the given context. All new props default to true
+ * so the component remains backwards-compatible when no context is passed.
+ */
+export declare function getVisibleHints({ activePanel, hasSelection, hasRequests, onBodySection, onViewableBodySection, }: Pick<StatusBarProps, "activePanel" | "hasSelection" | "hasRequests" | "onBodySection" | "onViewableBodySection">): KeyHint[];
+export declare function StatusBar({ message, filterActive, filterOpen, activePanel, hasSelection, hasRequests, onBodySection, onViewableBodySection, interceptorCount, width, }: StatusBarProps): React.ReactElement;
+export {};
+//# sourceMappingURL=StatusBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,UAAU,gBAAgB;IACxB,WAAW,EAAE,MAAM,GAAG,WAAW,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,UAAU,OAAQ,SAAQ,QAAQ;IAChC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,OAAO,CAAC;CAC9C;AAmBD,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+FAA+F;IAC/F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAoB,EACpB,YAAmB,EACnB,WAAkB,EAClB,aAAoB,EACpB,qBAA6B,GAC9B,EAAE,IAAI,CAAC,cAAc,EAAE,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,uBAAuB,CAAC,GAAG,OAAO,EAAE,CAG9H;AAKD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA0DrC"}

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Status bar showing keybinding hints at the bottom of the TUI.
+ * Hints are filtered based on the current focus/selection context.
+ */
+import { useMemo } from "react";
+import { Box, Text } from "ink";
+import { HintContent } from "./HintContent.js";
+const KEY_HINTS = [
+    { key: "j/k/g/G", action: "nav" },
+    { key: "^f/^b", action: "page", visible: (ctx) => ctx.activePanel === "list" },
+    { key: "Tab", action: "panel" },
+    { key: "1-5", action: "section" },
+    { key: "Enter", action: "view", visible: (ctx) => ctx.onViewableBodySection },
+    { key: "c", action: "curl", visible: (ctx) => ctx.hasSelection },
+    { key: "H", action: "HAR", visible: (ctx) => ctx.hasRequests },
+    { key: "y", action: "yank", visible: (ctx) => ctx.onBodySection },
+    { key: "s", action: "export", visible: (ctx) => ctx.onBodySection },
+    { key: "u", action: "URL" },
+    { key: "/", action: "filter" },
+    { key: "i", action: "info" },
+    { key: "?", action: "help" },
+    { key: "q", action: "quit" },
+];
+/**
+ * Returns hints visible for the given context. All new props default to true
+ * so the component remains backwards-compatible when no context is passed.
+ */
+export function getVisibleHints({ activePanel = "list", hasSelection = true, hasRequests = true, onBodySection = true, onViewableBodySection = false, }) {
+    const ctx = { activePanel, hasSelection, hasRequests, onBodySection, onViewableBodySection };
+    return KEY_HINTS.filter((hint) => !hint.visible || hint.visible(ctx));
+}
+const SEPARATOR_WIDTH = 3; // " │ "
+const PADDING_WIDTH = 2; // paddingX={1} each side
+export function StatusBar({ message, filterActive, filterOpen, activePanel, hasSelection, hasRequests, onBodySection, onViewableBodySection, interceptorCount, width, }) {
+    const visibleHints = useMemo(() => getVisibleHints({ activePanel, hasSelection, hasRequests, onBodySection, onViewableBodySection }), [activePanel, hasSelection, hasRequests, onBodySection, onViewableBodySection]);
+    // Calculate available width for hints, accounting for prefix badges
+    const hintsAvailableWidth = useMemo(() => {
+        if (!width)
+            return undefined;
+        let prefixWidth = 0;
+        if (interceptorCount !== undefined && interceptorCount > 0) {
+            const badge = `[${interceptorCount} interceptor${interceptorCount === 1 ? "" : "s"}]`;
+            prefixWidth += badge.length + SEPARATOR_WIDTH;
+        }
+        if (filterActive) {
+            prefixWidth += "[FILTERED]".length + SEPARATOR_WIDTH;
+        }
+        return width - PADDING_WIDTH - prefixWidth;
+    }, [width, interceptorCount, filterActive]);
+    return (_jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, paddingX: 1, height: 2, children: message ? (_jsx(Text, { color: "yellow", children: message })) : filterOpen ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: "cyan", bold: true, children: "Esc" }), _jsx(Text, { dimColor: true, children: " close filter" })] })) : (_jsxs(Text, { children: [interceptorCount !== undefined && interceptorCount > 0 && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: "magenta", bold: true, children: ["[", interceptorCount, " interceptor", interceptorCount === 1 ? "" : "s", "]"] }), _jsx(Text, { dimColor: true, children: " \u2502 " })] })), filterActive && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "yellow", bold: true, children: "[FILTERED]" }), _jsx(Text, { dimColor: true, children: " \u2502 " })] })), _jsx(HintContent, { hints: visibleHints, availableWidth: hintsAvailableWidth })] })) }));
+}
+//# sourceMappingURL=StatusBar.js.map

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * Full-screen modal for viewing text body content in a less-style pager.
+ * Supports syntax highlighting, line numbers, search, and keyboard navigation.
+ * Replaces the main TUI when active (terminals don't support true overlays).
+ */
+import React from "react";
+export interface TextViewerModalProps {
+    text: string;
+    title: string;
+    contentType: string;
+    bodySize: number;
+    width: number;
+    height: number;
+    onClose: () => void;
+    isActive?: boolean;
+    onStatus?: (message: string) => void;
+}
+export declare function TextViewerModal({ text, title, contentType, bodySize, width, height, onClose, isActive, onStatus, }: TextViewerModalProps): React.ReactElement;
+//# sourceMappingURL=TextViewerModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextViewerModal.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/TextViewerModal.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAiBjF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAQD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CA0Q3C"}

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

@@ -0,0 +1,227 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Full-screen modal for viewing text body content in a less-style pager.
+ * Supports syntax highlighting, line numbers, search, and keyboard navigation.
+ * 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 { highlightCode } from "../utils/syntax-highlight.js";
+import { formatSize } from "../utils/formatters.js";
+import { copyToClipboard } from "../utils/clipboard.js";
+import { HintContent } from "./HintContent.js";
+const TEXT_VIEWER_HINTS = [
+    { key: "j/k", action: "nav" },
+    { key: "^f/^b", action: "page" },
+    { key: "g/G", action: "top/bottom" },
+    { key: "/", action: "search" },
+    { key: "n/N", action: "match" },
+    { key: "y", action: "copy" },
+    { key: "q/Esc", action: "close" },
+];
+const STATUS_MESSAGE_TIMEOUT_MS = 3000;
+/** Rows reserved for header (title + info/search + divider), hint bar, and borders */
+const HEADER_ROWS = 3;
+const FOOTER_ROWS = 2;
+export function TextViewerModal({ text, title, contentType, bodySize, width, height, onClose, isActive = true, onStatus, }) {
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [searchMode, setSearchMode] = useState(false);
+    const [searchText, setSearchText] = useState("");
+    const [currentMatchIndex, setCurrentMatchIndex] = useState(0);
+    const [statusMessage, setStatusMessage] = useState();
+    const statusTimeoutRef = useRef(null);
+    // Cleanup timers on unmount
+    useEffect(() => {
+        return () => {
+            if (statusTimeoutRef.current) {
+                clearTimeout(statusTimeoutRef.current);
+            }
+        };
+    }, []);
+    const showLocalStatus = useCallback((message) => {
+        if (statusTimeoutRef.current) {
+            clearTimeout(statusTimeoutRef.current);
+        }
+        setStatusMessage(message);
+        statusTimeoutRef.current = setTimeout(() => setStatusMessage(undefined), STATUS_MESSAGE_TIMEOUT_MS);
+    }, []);
+    // Prepare highlighted lines
+    const lines = useMemo(() => {
+        const highlighted = highlightCode(text, contentType);
+        return highlighted.split("\n");
+    }, [text, contentType]);
+    const totalLines = lines.length;
+    const lineNumberWidth = String(totalLines).length;
+    const availableHeight = height - HEADER_ROWS - FOOTER_ROWS;
+    // Compute search match line indices
+    const matchLineIndices = useMemo(() => {
+        if (!searchText)
+            return [];
+        const lowerSearch = searchText.toLowerCase();
+        const indices = [];
+        // Search against raw text lines (not highlighted) for accurate matching
+        const rawLines = text.split("\n");
+        for (let i = 0; i < rawLines.length; i++) {
+            const line = rawLines[i];
+            if (line !== undefined && line.toLowerCase().includes(lowerSearch)) {
+                indices.push(i);
+            }
+        }
+        return indices;
+    }, [text, searchText]);
+    // Keep currentMatchIndex in bounds when matches change
+    useEffect(() => {
+        if (matchLineIndices.length > 0 && currentMatchIndex >= matchLineIndices.length) {
+            setCurrentMatchIndex(0);
+        }
+    }, [matchLineIndices.length, currentMatchIndex]);
+    // Scroll helpers
+    const maxScrollOffset = Math.max(0, totalLines - availableHeight);
+    const scrollTo = useCallback((line) => {
+        const clamped = Math.max(0, Math.min(line, maxScrollOffset));
+        setScrollOffset(clamped);
+    }, [maxScrollOffset]);
+    // Auto-scroll to current match when using n/N
+    const scrollToMatch = useCallback((matchIdx) => {
+        if (matchLineIndices.length === 0)
+            return;
+        const lineIdx = matchLineIndices[matchIdx];
+        if (lineIdx === undefined)
+            return;
+        // Centre the match in the viewport if possible
+        const centreOffset = Math.max(0, lineIdx - Math.floor(availableHeight / 2));
+        scrollTo(centreOffset);
+    }, [matchLineIndices, availableHeight, scrollTo]);
+    useInput((input, key) => {
+        if (searchMode) {
+            if (key.escape) {
+                // Cancel search
+                setSearchMode(false);
+                setSearchText("");
+                setCurrentMatchIndex(0);
+                return;
+            }
+            if (key.return) {
+                // Close search mode, jump to first match
+                setSearchMode(false);
+                if (matchLineIndices.length > 0) {
+                    setCurrentMatchIndex(0);
+                    scrollToMatch(0);
+                }
+                return;
+            }
+            if (key.backspace || key.delete) {
+                setSearchText((prev) => prev.slice(0, -1));
+                return;
+            }
+            // Only accept single printable characters
+            if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                setSearchText((prev) => prev + input);
+            }
+            return;
+        }
+        // Normal mode
+        if (key.escape || input === "q") {
+            onClose();
+            return;
+        }
+        if (input === "j" || key.downArrow) {
+            setScrollOffset((prev) => Math.min(prev + 1, maxScrollOffset));
+        }
+        else if (input === "k" || key.upArrow) {
+            setScrollOffset((prev) => Math.max(prev - 1, 0));
+        }
+        else if (input === "d" && key.ctrl) {
+            const halfPage = Math.floor(availableHeight / 2);
+            setScrollOffset((prev) => Math.min(prev + halfPage, maxScrollOffset));
+        }
+        else if (input === "u" && key.ctrl) {
+            const halfPage = Math.floor(availableHeight / 2);
+            setScrollOffset((prev) => Math.max(prev - halfPage, 0));
+        }
+        else if ((input === "f" && key.ctrl) || input === " ") {
+            // Full-page down (Ctrl+f or Space)
+            setScrollOffset((prev) => Math.min(prev + availableHeight, maxScrollOffset));
+        }
+        else if (input === "b" && key.ctrl) {
+            // Full-page up
+            setScrollOffset((prev) => Math.max(prev - availableHeight, 0));
+        }
+        else if (input === "g" && !key.shift) {
+            setScrollOffset(0);
+        }
+        else if (input === "G") {
+            setScrollOffset(maxScrollOffset);
+        }
+        else if (input === "/") {
+            setSearchMode(true);
+            setSearchText("");
+            setCurrentMatchIndex(0);
+        }
+        else if (input === "n") {
+            // Next match
+            if (matchLineIndices.length > 0) {
+                const nextIdx = (currentMatchIndex + 1) % matchLineIndices.length;
+                setCurrentMatchIndex(nextIdx);
+                scrollToMatch(nextIdx);
+            }
+        }
+        else if (input === "N") {
+            // Previous match
+            if (matchLineIndices.length > 0) {
+                const prevIdx = (currentMatchIndex - 1 + matchLineIndices.length) % matchLineIndices.length;
+                setCurrentMatchIndex(prevIdx);
+                scrollToMatch(prevIdx);
+            }
+        }
+        else if (input === "y") {
+            void copyToClipboard(text).then(() => {
+                const msg = "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 = lines.slice(scrollOffset, scrollOffset + availableHeight);
+    // Determine the current match line for highlighting
+    const currentMatchLine = matchLineIndices.length > 0 ? matchLineIndices[currentMatchIndex] : undefined;
+    // Set of all match lines for quick lookup
+    const matchLineSet = useMemo(() => new Set(matchLineIndices), [matchLineIndices]);
+    // Header border
+    const headerRight = ` ${shortCt} ${formatSize(bodySize)} `;
+    const titlePart = ` ${title} `;
+    const headerBorderWidth = width - titlePart.length - headerRight.length - 4;
+    const headerBorder = `\u250C\u2500${titlePart}${"\u2500".repeat(Math.max(0, headerBorderWidth))}${headerRight}\u2500\u2510`;
+    // Divider
+    const divider = `\u251C${"\u2500".repeat(width - 2)}\u2524`;
+    // Footer border
+    const footerBorder = `\u2514${"\u2500".repeat(width - 2)}\u2518`;
+    // Content width available for text (minus line number column, separator, padding)
+    const textAreaWidth = width - 4 - lineNumberWidth - 1;
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(Text, { color: "cyan", children: headerBorder }), _jsx(Box, { paddingX: 1, height: 1, children: searchMode ? (_jsxs(Text, { children: [_jsx(Text, { color: "yellow", children: "search: " }), _jsx(Text, { children: searchText }), _jsx(Text, { color: "gray", children: "\u2588" })] })) : (_jsx(Text, { dimColor: true, wrap: "truncate", children: matchLineIndices.length > 0
+                        ? `Line ${scrollOffset + 1}/${totalLines} | ${matchLineIndices.length} match${matchLineIndices.length === 1 ? "" : "es"} (${currentMatchIndex + 1}/${matchLineIndices.length})`
+                        : `Line ${scrollOffset + 1}/${totalLines}` })) }), _jsx(Text, { color: "cyan", children: divider }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [visibleSlice.map((line, idx) => {
+                        const globalLineIdx = scrollOffset + idx;
+                        const lineNumber = globalLineIdx + 1;
+                        const isMatch = matchLineSet.has(globalLineIdx);
+                        const isCurrentMatch = globalLineIdx === currentMatchLine;
+                        return (_jsx(TextLine, { lineNumber: lineNumber, lineNumberWidth: lineNumberWidth, text: line, textAreaWidth: textAreaWidth, isMatch: isMatch, isCurrentMatch: isCurrentMatch }, globalLineIdx));
+                    }), 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: TEXT_VIEWER_HINTS, availableWidth: width - 4 })) }), _jsx(Text, { color: "cyan", children: footerBorder })] }));
+}
+/**
+ * Single line of text with line number gutter.
+ */
+const TextLine = React.memo(function TextLine({ lineNumber, lineNumberWidth, text, textAreaWidth, isMatch, isCurrentMatch, }) {
+    const paddedLineNumber = String(lineNumber).padStart(lineNumberWidth, " ");
+    // Truncate line if wider than available space
+    const displayText = text.length > textAreaWidth ? text.slice(0, textAreaWidth) : text;
+    return (_jsxs(Text, { children: [_jsx(Text, { color: isCurrentMatch ? "yellow" : isMatch ? "yellow" : undefined, bold: isCurrentMatch, dimColor: !isMatch && !isCurrentMatch, children: paddedLineNumber }), _jsxs(Text, { dimColor: true, children: [" ", "\u2502", " "] }), _jsx(Text, { children: displayText })] }));
+});
+//# sourceMappingURL=TextViewerModal.js.map