htpx-cli 0.1.0

package/dist/cli/tui/App.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Root TUI component for browsing captured HTTP traffic.
+ */
+import React, { useState, useCallback } from "react";
+import { Box, Text, useInput, useApp, useStdin } from "ink";
+import { useStdoutDimensions } from "./hooks/useStdoutDimensions.js";
+import { useRequests } from "./hooks/useRequests.js";
+import { useExport } from "./hooks/useExport.js";
+import { RequestList } from "./components/RequestList.js";
+import { RequestDetails } from "./components/RequestDetails.js";
+import { StatusBar } from "./components/StatusBar.js";
+export function App({ label }) {
+    const { exit } = useApp();
+    const { isRawModeSupported } = useStdin();
+    const [columns, rows] = useStdoutDimensions();
+    const { requests, isLoading, error, refresh } = useRequests({ label });
+    const { exportCurl, exportHar } = useExport();
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [activePanel, setActivePanel] = useState("list");
+    const [statusMessage, setStatusMessage] = useState();
+    // Get the currently selected request
+    const selectedRequest = requests[selectedIndex];
+    // Clear status message after a delay
+    const showStatus = useCallback((message) => {
+        setStatusMessage(message);
+        setTimeout(() => setStatusMessage(undefined), 3000);
+    }, []);
+    // Handle keyboard input (only when raw mode is supported, i.e. running in a TTY)
+    useInput((input, key) => {
+        // Navigation
+        if (input === "j" || key.downArrow) {
+            setSelectedIndex((prev) => Math.min(prev + 1, requests.length - 1));
+        }
+        else if (input === "k" || key.upArrow) {
+            setSelectedIndex((prev) => Math.max(prev - 1, 0));
+        }
+        else if (key.tab) {
+            setActivePanel((prev) => (prev === "list" ? "details" : "list"));
+        }
+        // Actions
+        else if (input === "q") {
+            exit();
+        }
+        else if (input === "r") {
+            void refresh();
+            showStatus("Refreshing...");
+        }
+        else if (input === "c") {
+            if (selectedRequest) {
+                const result = exportCurl(selectedRequest);
+                if (result.success) {
+                    // In a real implementation, we'd copy to clipboard or show in a modal
+                    // For now, just indicate success
+                    showStatus("Curl copied! Check terminal output after exit.");
+                    // Store for printing after TUI exits
+                    globalThis["__htpxCurl"] = result.message;
+                }
+                else {
+                    showStatus(`Error: ${result.message}`);
+                }
+            }
+            else {
+                showStatus("No request selected");
+            }
+        }
+        else if (input === "h") {
+            if (requests.length > 0) {
+                const result = exportHar(requests);
+                showStatus(result.success ? result.message : `Error: ${result.message}`);
+            }
+            else {
+                showStatus("No requests to export");
+            }
+        }
+    }, { isActive: isRawModeSupported === true });
+    // Keep selection in bounds when requests change
+    React.useEffect(() => {
+        if (selectedIndex >= requests.length && requests.length > 0) {
+            setSelectedIndex(requests.length - 1);
+        }
+    }, [requests.length, selectedIndex]);
+    // Calculate layout
+    const listWidth = Math.floor(columns * 0.4);
+    const contentHeight = rows - 3; // Leave room for status bar
+    // Loading state
+    if (isLoading && requests.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Box, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx(Text, { children: "Loading..." }) }), _jsx(StatusBar, {})] }));
+    }
+    // Error state
+    if (error) {
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Box, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }), _jsx(StatusBar, { message: "Press 'q' to quit, 'r' to retry" })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsxs(Box, { paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "htpx" }), label && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " \u2502 " }), _jsx(Text, { dimColor: true, children: "label: " }), _jsx(Text, { color: "yellow", children: label })] }))] }), _jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(RequestList, { requests: requests, selectedIndex: selectedIndex, isActive: activePanel === "list", width: listWidth, height: contentHeight }), _jsx(RequestDetails, { request: selectedRequest, isActive: activePanel === "details", height: contentHeight })] }), _jsx(StatusBar, { message: statusMessage })] }));
+}
+//# sourceMappingURL=App.js.map

package/dist/cli/tui/App.js.map

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

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

@@ -0,0 +1,14 @@
+/**
+ * Display HTTP body with JSON pretty-printing.
+ */
+import React from "react";
+interface BodyViewProps {
+    title: string;
+    body: Buffer | undefined;
+    contentType?: string;
+    maxLines?: number;
+    scrollOffset?: number;
+}
+export declare function BodyView({ title, body, contentType, maxLines, scrollOffset, }: BodyViewProps): React.ReactElement;
+export {};
+//# sourceMappingURL=BodyView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BodyView.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/BodyView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAgCD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAgB,GACjB,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA0BpC"}

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Display HTTP body with JSON pretty-printing.
+ */
+import { useMemo } from "react";
+import { Box, Text } from "ink";
+import { formatSize } from "../utils/formatters.js";
+/**
+ * Attempt to parse and format JSON body.
+ */
+function formatBody(body, contentType) {
+    if (!body || body.length === 0) {
+        return ["(empty)"];
+    }
+    const bodyStr = body.toString("utf-8");
+    // Try JSON formatting if content type suggests JSON or body looks like JSON
+    const isJson = contentType?.includes("application/json") ||
+        bodyStr.trimStart().startsWith("{") ||
+        bodyStr.trimStart().startsWith("[");
+    if (isJson) {
+        try {
+            const parsed = JSON.parse(bodyStr);
+            const formatted = JSON.stringify(parsed, null, 2);
+            return formatted.split("\n");
+        }
+        catch {
+            // Not valid JSON, show as-is
+        }
+    }
+    // For non-JSON or invalid JSON, show as-is with line breaks
+    return bodyStr.split("\n");
+}
+export function BodyView({ title, body, contentType, maxLines, scrollOffset = 0, }) {
+    const lines = useMemo(() => formatBody(body, contentType), [body, contentType]);
+    const visibleLines = maxLines !== undefined ? lines.slice(scrollOffset, scrollOffset + maxLines) : lines;
+    const sizeStr = body ? formatSize(body.length) : "-";
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "yellow", children: title }), _jsxs(Text, { dimColor: true, children: [" (", sizeStr, ")"] })] }), visibleLines.map((line, index) => (_jsx(Text, { wrap: "truncate", children: line }, scrollOffset + index))), maxLines !== undefined && lines.length > maxLines + scrollOffset && (_jsxs(Text, { dimColor: true, children: ["... ", lines.length - maxLines - scrollOffset, " more lines"] }))] }));
+}
+//# sourceMappingURL=BodyView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BodyView.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/BodyView.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAUpD;;GAEG;AACH,SAAS,UAAU,CAAC,IAAwB,EAAE,WAAoB;IAChE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEvC,4EAA4E;IAC5E,MAAM,MAAM,GACV,WAAW,EAAE,QAAQ,CAAC,kBAAkB,CAAC;QACzC,OAAO,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC;QACnC,OAAO,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAY,CAAC;YAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAClD,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;QAAC,MAAM,CAAC;YACP,6BAA6B;QAC/B,CAAC;IACH,CAAC;IAED,4DAA4D;IAC5D,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,CAAC,GACF;IACd,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhF,MAAM,YAAY,GAChB,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtF,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAErD,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,QAAQ,YACtB,KAAK,GACD,EACP,MAAC,IAAI,IAAC,QAAQ,yBAAI,OAAO,SAAS,IAC9B,EACL,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,IAAI,IAA4B,IAAI,EAAC,UAAU,YAC7C,IAAI,IADI,YAAY,GAAG,KAAK,CAExB,CACR,CAAC,EACD,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,YAAY,IAAI,CACnE,MAAC,IAAI,IAAC,QAAQ,2BAAM,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,YAAY,mBAAmB,CAC9E,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Display HTTP headers in a formatted view.
+ */
+import React from "react";
+interface HeadersViewProps {
+    title: string;
+    headers: Record<string, string> | undefined;
+    maxLines?: number;
+    scrollOffset?: number;
+}
+export declare function HeadersView({ title, headers, maxLines, scrollOffset, }: HeadersViewProps): React.ReactElement;
+export {};
+//# sourceMappingURL=HeadersView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeadersView.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/components/HeadersView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAgB,GACjB,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA2BvC"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function HeadersView({ title, headers, maxLines, scrollOffset = 0, }) {
+    const entries = headers ? Object.entries(headers) : [];
+    const visibleEntries = maxLines !== undefined ? entries.slice(scrollOffset, scrollOffset + maxLines) : entries;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: "yellow", children: title }), entries.length === 0 ? (_jsx(Text, { dimColor: true, children: "No headers" })) : (visibleEntries.map(([name, value]) => (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: name }), _jsx(Text, { children: ": " }), _jsx(Text, { children: value })] }, name)))), maxLines !== undefined && entries.length > maxLines && (_jsxs(Text, { dimColor: true, children: ["... and ", entries.length - maxLines, " more"] }))] }));
+}
+//# sourceMappingURL=HeadersView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeadersView.js","sourceRoot":"","sources":["../../../../src/cli/tui/components/HeadersView.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAShC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAY,GAAG,CAAC,GACC;IACjB,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,MAAM,cAAc,GAClB,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1F,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,QAAQ,YACtB,KAAK,GACD,EACN,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IAAC,QAAQ,iCAAkB,CACjC,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACpC,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,IAAI,GAAQ,EAChC,KAAC,IAAI,qBAAU,EACf,KAAC,IAAI,cAAE,KAAK,GAAQ,KAHZ,IAAI,CAIR,CACP,CAAC,CACH,EACA,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,QAAQ,IAAI,CACtD,MAAC,IAAI,IAAC,QAAQ,+BAAU,OAAO,CAAC,MAAM,GAAG,QAAQ,aAAa,CAC/D,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Right panel: detailed view of the selected request.
+ */
+import React from "react";
+import type { CapturedRequest } from "../../../shared/types.js";
+interface RequestDetailsProps {
+    request: CapturedRequest | undefined;
+    isActive: boolean;
+    height: number;
+}
+export declare function RequestDetails({ request, isActive, height, }: RequestDetailsProps): React.ReactElement;
+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,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,UAAU,mBAAmB;IAC3B,OAAO,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA2G1C"}

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { HeadersView } from "./HeadersView.js";
+import { BodyView } from "./BodyView.js";
+import { formatRelativeTime, formatDuration } from "../utils/formatters.js";
+export function RequestDetails({ request, isActive, height, }) {
+    const borderColour = isActive ? "cyan" : "gray";
+    if (!request) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, height: height, borderStyle: "single", borderColor: borderColour, paddingX: 1, children: [_jsx(Text, { bold: true, color: isActive ? "cyan" : "white", children: "Details" }), _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(Box, { flexDirection: "column", flexGrow: 1, height: height, borderStyle: "single", borderColor: borderColour, paddingX: 1, overflowY: "hidden", children: [_jsx(Text, { bold: true, color: isActive ? "cyan" : "white", children: "Details" }), _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,15 @@
+/**
+ * Left panel: scrollable list of captured requests.
+ */
+import React from "react";
+import type { CapturedRequest } from "../../../shared/types.js";
+interface RequestListProps {
+    requests: CapturedRequest[];
+    selectedIndex: number;
+    isActive: boolean;
+    width: number;
+    height: number;
+}
+export declare function RequestList({ requests, selectedIndex, isActive, width, height, }: RequestListProps): React.ReactElement;
+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,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,UAAU,gBAAgB;IACxB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAqDvC"}

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

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { RequestListItem } from "./RequestListItem.js";
+export function RequestList({ requests, selectedIndex, isActive, width, height, }) {
+    // Calculate visible window (accounting for border and header)
+    const visibleHeight = Math.max(1, height - 3); // Border + header row
+    const halfWindow = Math.floor(visibleHeight / 2);
+    // Calculate scroll offset to keep selection centered
+    let scrollOffset = 0;
+    if (requests.length > visibleHeight) {
+        scrollOffset = Math.max(0, Math.min(selectedIndex - halfWindow, requests.length - visibleHeight));
+    }
+    const visibleRequests = requests.slice(scrollOffset, scrollOffset + visibleHeight);
+    const borderColour = isActive ? "cyan" : "gray";
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, borderStyle: "single", borderColor: borderColour, children: [_jsxs(Box, { paddingX: 1, children: [_jsxs(Text, { bold: true, color: isActive ? "cyan" : "white", children: ["Requests (", requests.length, ")"] }), requests.length > visibleHeight && (_jsxs(Text, { dimColor: true, children: [" ", "[", scrollOffset + 1, "-", Math.min(scrollOffset + visibleHeight, requests.length), "]"] }))] }), requests.length === 0 ? (_jsx(Box, { paddingX: 1, paddingY: 1, children: _jsx(Text, { dimColor: true, children: "No requests captured yet" }) })) : (_jsx(Box, { flexDirection: "column", paddingX: 1, children: visibleRequests.map((request, index) => (_jsx(RequestListItem, { request: request, isSelected: scrollOffset + index === selectedIndex, width: width - 4 }, 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":";AAKA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAUvD,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,KAAK,EACL,MAAM,GACW;IACjB,8DAA8D;IAC9D,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,sBAAsB;IACrE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAEjD,qDAAqD;IACrD,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,IAAI,QAAQ,CAAC,MAAM,GAAG,aAAa,EAAE,CAAC;QACpC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,UAAU,EAAE,QAAQ,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC;IACpG,CAAC;IAED,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,GAAG,aAAa,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAEhD,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,YAAY,aAEzB,MAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,aACd,MAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,2BAChC,QAAQ,CAAC,MAAM,SACrB,EACN,QAAQ,CAAC,MAAM,GAAG,aAAa,IAAI,CAClC,MAAC,IAAI,IAAC,QAAQ,mBACX,GAAG,OACF,YAAY,GAAG,CAAC,OAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,SACvE,CACR,IACG,EAEL,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,YAC3B,KAAC,IAAI,IAAC,QAAQ,+CAAgC,GAC1C,CACP,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,YACpC,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,YAAY,GAAG,KAAK,KAAK,aAAa,EAClD,KAAK,EAAE,KAAK,GAAG,CAAC,IAHX,OAAO,CAAC,EAAE,CAIf,CACH,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Single request row in the request list.
+ */
+import React from "react";
+import type { CapturedRequest } from "../../../shared/types.js";
+interface RequestListItemProps {
+    request: CapturedRequest;
+    isSelected: boolean;
+    width: number;
+}
+export declare function RequestListItem({ request, isSelected, width, }: RequestListItemProps): React.ReactElement;
+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,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,eAAe,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAyCD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,EACV,KAAK,GACN,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CA0B3C"}

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { formatMethod, formatDuration, truncate } from "../utils/formatters.js";
+/**
+ * Get colour for HTTP status code.
+ */
+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 colour for HTTP method.
+ */
+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 "red";
+        default:
+            return "white";
+    }
+}
+export function RequestListItem({ request, isSelected, width, }) {
+    const methodWidth = 7;
+    const statusWidth = 4;
+    const durationWidth = 8;
+    const separatorsWidth = 3; // Spaces between columns
+    // Calculate remaining width for path
+    const pathWidth = Math.max(10, width - methodWidth - statusWidth - durationWidth - separatorsWidth);
+    const displayPath = truncate(request.path, pathWidth);
+    const statusText = request.responseStatus?.toString() ?? "...";
+    const duration = formatDuration(request.durationMs);
+    return (_jsxs(Box, { children: [isSelected && _jsx(Text, { color: "cyan", children: "\u276F " }), !isSelected && _jsx(Text, { children: "  " }), _jsx(Text, { color: getMethodColour(request.method), children: formatMethod(request.method) }), _jsx(Text, { children: " " }), _jsx(Text, { color: getStatusColour(request.responseStatus), children: statusText.padStart(3) }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: !isSelected, children: displayPath }), _jsx(Box, { flexGrow: 1 }), _jsx(Text, { dimColor: true, children: duration.padStart(durationWidth) })] }));
+}
+//# 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":";AAKA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAQhF;;GAEG;AACH,SAAS,eAAe,CAAC,MAA0B;IACjD,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,IAAI,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,EAAE,CAAC;QAClC,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,IAAI,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,EAAE,CAAC;QAClC,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,IAAI,MAAM,IAAI,GAAG,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,MAAc;IACrC,QAAQ,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;QAC7B,KAAK,KAAK;YACR,OAAO,OAAO,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,KAAK;YACR,OAAO,QAAQ,CAAC;QAClB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;QAClB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QACf;YACE,OAAO,OAAO,CAAC;IACnB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,EACV,KAAK,GACgB;IACrB,MAAM,WAAW,GAAG,CAAC,CAAC;IACtB,MAAM,WAAW,GAAG,CAAC,CAAC;IACtB,MAAM,aAAa,GAAG,CAAC,CAAC;IACxB,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,yBAAyB;IAEpD,qCAAqC;IACrC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,CAAC,CAAC;IACpG,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAEtD,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC;IAC/D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEpD,OAAO,CACL,MAAC,GAAG,eACD,UAAU,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,wBAAU,EAC1C,CAAC,UAAU,IAAI,KAAC,IAAI,qBAAU,EAC/B,KAAC,IAAI,IAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,YAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,GAAQ,EACnF,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,cAAc,CAAC,YAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAQ,EACrF,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,UAAU,YAAG,WAAW,GAAQ,EACjD,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,EACpB,KAAC,IAAI,IAAC,QAAQ,kBAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAQ,IACpD,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * Status bar showing keybinding hints at the bottom of the TUI.
+ */
+import React from "react";
+interface StatusBarProps {
+    message?: string;
+}
+export declare function StatusBar({ message }: 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;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA2BzE"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Status bar showing keybinding hints at the bottom of the TUI.
+ */
+import React from "react";
+import { Box, Text } from "ink";
+const KEY_HINTS = [
+    { key: "j/k", action: "navigate" },
+    { key: "Tab", action: "switch panel" },
+    { key: "c", action: "curl" },
+    { key: "h", action: "HAR" },
+    { key: "r", action: "refresh" },
+    { key: "q", action: "quit" },
+];
+export function StatusBar({ message }) {
+    return (_jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, paddingX: 1, children: _jsx(Box, { flexGrow: 1, children: message ? (_jsx(Text, { color: "yellow", children: message })) : (KEY_HINTS.map((hint, index) => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: "cyan", bold: true, children: hint.key }), _jsxs(Text, { dimColor: true, children: [" ", hint.action] }), index < KEY_HINTS.length - 1 && _jsx(Text, { children: " \u2502 " })] }, hint.key)))) }) }));
+}
+//# 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":";AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAOhC,MAAM,SAAS,GAAc;IAC3B,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE;IACtC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE;IAC5B,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;IAC3B,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE;IAC/B,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE;CAC7B,CAAC;AAMF,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAAkB;IACnD,OAAO,CACL,KAAC,GAAG,IACF,WAAW,EAAC,QAAQ,EACpB,SAAS,QACT,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,CAAC,YAEX,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACb,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,YAAE,OAAO,GAAQ,CACtC,CAAC,CAAC,CAAC,CACF,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,kBACpB,IAAI,CAAC,GAAG,GACJ,EACP,MAAC,IAAI,IAAC,QAAQ,wBAAG,IAAI,CAAC,MAAM,IAAQ,EACnC,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,IAAI,2BAAW,KAL9B,IAAI,CAAC,GAAG,CAMZ,CAClB,CAAC,CACH,GACG,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/cli/tui/hooks/useExport.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Hook for exporting captured requests to various formats.
+ */
+import type { CapturedRequest } from "../../../shared/types.js";
+interface ExportResult {
+    success: boolean;
+    message: string;
+}
+interface UseExportResult {
+    exportCurl: (request: CapturedRequest) => ExportResult;
+    exportHar: (requests: CapturedRequest[], filename?: string) => ExportResult;
+}
+/**
+ * Hook providing export functionality for captured requests.
+ */
+export declare function useExport(): UseExportResult;
+export {};
+//# sourceMappingURL=useExport.d.ts.map

package/dist/cli/tui/hooks/useExport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/hooks/useExport.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhE,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,YAAY,CAAC;IACvD,SAAS,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC;CAC7E;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,eAAe,CAkD3C"}

package/dist/cli/tui/hooks/useExport.js

@@ -0,0 +1,58 @@
+/**
+ * Hook for exporting captured requests to various formats.
+ */
+import { useCallback } from "react";
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { generateCurl } from "../utils/curl.js";
+import { generateHarString } from "../utils/har.js";
+/**
+ * Hook providing export functionality for captured requests.
+ */
+export function useExport() {
+    /**
+     * Generate curl command for a request.
+     * Returns the curl string to be displayed/copied.
+     */
+    const exportCurl = useCallback((request) => {
+        try {
+            const curl = generateCurl(request);
+            return {
+                success: true,
+                message: curl,
+            };
+        }
+        catch (err) {
+            return {
+                success: false,
+                message: err instanceof Error ? err.message : "Failed to generate curl",
+            };
+        }
+    }, []);
+    /**
+     * Export requests to HAR file.
+     */
+    const exportHar = useCallback((requests, filename) => {
+        try {
+            const harFilename = filename ?? `htpx-export-${Date.now()}.har`;
+            const harPath = path.resolve(process.cwd(), harFilename);
+            const harContent = generateHarString(requests);
+            fs.writeFileSync(harPath, harContent, "utf-8");
+            return {
+                success: true,
+                message: `Exported ${requests.length} request(s) to ${harPath}`,
+            };
+        }
+        catch (err) {
+            return {
+                success: false,
+                message: err instanceof Error ? err.message : "Failed to export HAR",
+            };
+        }
+    }, []);
+    return {
+        exportCurl,
+        exportHar,
+    };
+}
+//# sourceMappingURL=useExport.js.map

package/dist/cli/tui/hooks/useExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExport.js","sourceRoot":"","sources":["../../../../src/cli/tui/hooks/useExport.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAYpD;;GAEG;AACH,MAAM,UAAU,SAAS;IACvB;;;OAGG;IACH,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,OAAwB,EAAgB,EAAE;QACxE,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;YACnC,OAAO;gBACL,OAAO,EAAE,IAAI;gBACb,OAAO,EAAE,IAAI;aACd,CAAC;QACJ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO;gBACL,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB;aACxE,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,QAA2B,EAAE,QAAiB,EAAgB,EAAE;QAC/D,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,QAAQ,IAAI,eAAe,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC;YAChE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAC;YACzD,MAAM,UAAU,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;YAE/C,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;YAE/C,OAAO;gBACL,OAAO,EAAE,IAAI;gBACb,OAAO,EAAE,YAAY,QAAQ,CAAC,MAAM,kBAAkB,OAAO,EAAE;aAChE,CAAC;QACJ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO;gBACL,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;aACrE,CAAC;QACJ,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO;QACL,UAAU;QACV,SAAS;KACV,CAAC;AACJ,CAAC"}

package/dist/cli/tui/hooks/useRequests.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Hook for fetching and polling captured requests from the daemon.
+ */
+import type { CapturedRequest } from "../../../shared/types.js";
+interface UseRequestsOptions {
+    label?: string;
+    pollInterval?: number;
+}
+interface UseRequestsResult {
+    requests: CapturedRequest[];
+    isLoading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+}
+/**
+ * Hook to fetch and poll for captured requests.
+ */
+export declare function useRequests(options?: UseRequestsOptions): UseRequestsResult;
+export {};
+//# sourceMappingURL=useRequests.d.ts.map

package/dist/cli/tui/hooks/useRequests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequests.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/hooks/useRequests.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhE,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,iBAAiB,CAmF/E"}

package/dist/cli/tui/hooks/useRequests.js

@@ -0,0 +1,85 @@
+/**
+ * Hook for fetching and polling captured requests from the daemon.
+ */
+import { useState, useEffect, useCallback, useRef } from "react";
+import { ControlClient } from "../../../daemon/control.js";
+import { findProjectRoot, getHtpxPaths } from "../../../shared/project.js";
+/**
+ * Hook to fetch and poll for captured requests.
+ */
+export function useRequests(options = {}) {
+    const { label, pollInterval = 2000 } = options;
+    const [requests, setRequests] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const clientRef = useRef(null);
+    const lastCountRef = useRef(0);
+    // Initialise control client
+    useEffect(() => {
+        const projectRoot = findProjectRoot();
+        if (!projectRoot) {
+            setError("Not in an htpx project. Run 'htpx init' first.");
+            setIsLoading(false);
+            return;
+        }
+        const paths = getHtpxPaths(projectRoot);
+        clientRef.current = new ControlClient(paths.controlSocketFile);
+    }, []);
+    // Fetch requests from daemon
+    const fetchRequests = useCallback(async () => {
+        const client = clientRef.current;
+        if (!client) {
+            return;
+        }
+        try {
+            // First check the count to avoid unnecessary data transfer
+            const count = await client.countRequests({ label });
+            // Only fetch full list if count changed
+            if (count !== lastCountRef.current || requests.length === 0) {
+                const newRequests = await client.listRequests({
+                    label,
+                    limit: 1000,
+                });
+                setRequests(newRequests);
+                lastCountRef.current = count;
+            }
+            setError(null);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : "Failed to connect to daemon";
+            if (message.includes("ENOENT") || message.includes("ECONNREFUSED")) {
+                setError("Daemon not running. Start with 'htpx intercept'.");
+            }
+            else {
+                setError(message);
+            }
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [label, requests.length]);
+    // Manual refresh function
+    const refresh = useCallback(async () => {
+        setIsLoading(true);
+        lastCountRef.current = 0; // Force full refresh
+        await fetchRequests();
+    }, [fetchRequests]);
+    // Initial fetch
+    useEffect(() => {
+        void fetchRequests();
+    }, [fetchRequests]);
+    // Polling
+    useEffect(() => {
+        const interval = setInterval(() => {
+            void fetchRequests();
+        }, pollInterval);
+        return () => clearInterval(interval);
+    }, [fetchRequests, pollInterval]);
+    return {
+        requests,
+        isLoading,
+        error,
+        refresh,
+    };
+}
+//# sourceMappingURL=useRequests.js.map