@pugi/cli 0.1.0-beta.99 → 1.0.0-alpha.10

package/dist/tui/device-flow.js

@@ -1,142 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-const ACCENT_CYAN = 'cyan';
-const ACCENT_RED = 'red';
-/**
- * P2-1 (triple-review): both `userCode` and
- * `verificationUrl` originate from a server response and would render
- * verbatim into Ink `<Text>`. A hostile or compromised server could
- * embed ANSI escape sequences (clear screen, cursor moves, hyperlink
- * faking) and they would EXECUTE in the user's terminal. We whitelist
- * the user code to the documented alphabet (uppercase letters, digits,
- * dashes) and clamp the URL to the same safe-http guard used by the
- * auto-open helper. Anything outside the whitelist renders as a
- * `<invalid>` placeholder so the visual contract stays intact while
- * the dangerous bytes never reach the terminal.
- */
-const USER_CODE_PATTERN = /^[A-Z0-9-]{1,16}$/;
-function sanitizeUserCode(code) {
-    return USER_CODE_PATTERN.test(code) ? code : '<invalid>';
-}
-function hasControlChar(input) {
-    // Reject any C0 (0x00-0x1F, 0x7F) or C1 (0x80-0x9F) control byte.
-    // ESC (0x1B) is the gateway character for every ANSI escape sequence
-    // we care about (CSI, OSC, hyperlink), and CSI alone (0x9B) is the
-    // C1 single-byte form some terminals still honour.
-    for (let i = 0; i < input.length; i += 1) {
-        const code = input.charCodeAt(i);
-        if (code <= 0x1f)
-            return true;
-        if (code === 0x7f)
-            return true;
-        if (code >= 0x80 && code <= 0x9f)
-            return true;
-    }
-    return false;
-}
-function sanitizeDisplayUrl(url) {
-    // Reject control characters BEFORE handing to `new URL`. The URL
-    // parser preserves ESC bytes inside the path, so a server response
-    // with an embedded escape would otherwise round-trip into the Ink
-    // render and execute against the user terminal.
-    if (hasControlChar(url))
-        return '<invalid URL>';
-    try {
-        const parsed = new URL(url);
-        if (parsed.protocol !== 'https:' && parsed.protocol !== 'http:') {
-            return '<invalid URL>';
-        }
-        return url;
-    }
-    catch {
-        return '<invalid URL>';
-    }
-}
-/**
- * Pugi device-flow Ink view. Stateless w.r.t. the network — the host
- * supplies `status` and we render the matching frame.
- */
-export function DeviceFlow(props) {
-    const copiedFlashMs = props.copiedFlashMs ?? 800;
-    const spinnerIntervalMs = props.spinnerIntervalMs ?? 120;
-    const [copied, setCopied] = useState(false);
-    const [spinnerFrame, setSpinnerFrame] = useState(0);
-    useInput((input, key) => {
-        if (key.escape) {
-            props.onCancel();
-            return;
-        }
-        if (input === 'c' || input === 'C') {
-            // The host owns the clipboard side effect. The component just
-            // signals the intent and surfaces the "Copied!" flash.
-            props.onCopy();
-            setCopied(true);
-            return;
-        }
-        if (key.return && props.status.kind === 'success') {
-            props.onContinue();
-            return;
-        }
-    });
-    // Spinner pulse — only while polling. Pausing the interval on
-    // success/failure avoids a no-op timer surviving past the final
-    // render frame.
-    useEffect(() => {
-        if (props.status.kind !== 'polling')
-            return;
-        const handle = setInterval(() => {
-            setSpinnerFrame((current) => (current + 1) % SPINNER_FRAMES.length);
-        }, spinnerIntervalMs);
-        return () => clearInterval(handle);
-    }, [props.status.kind, spinnerIntervalMs]);
-    // "Copied!" auto-clear so the chip flashes briefly without sticking.
-    useEffect(() => {
-        if (!copied)
-            return;
-        const handle = setTimeout(() => setCopied(false), copiedFlashMs);
-        return () => clearTimeout(handle);
-    }, [copied, copiedFlashMs]);
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsx(Box, { children: _jsx(Text, { bold: true, color: ACCENT_CYAN, children: "Authorize Pugi CLI" }) }), _jsx(CodeChip, { code: sanitizeUserCode(props.userCode) }), _jsx(BrowserHintRow, { opened: props.browserOpened, url: sanitizeDisplayUrl(props.verificationUrl), copied: copied }), _jsx(Box, { marginTop: 1, children: _jsx(StatusRow, { status: props.status, spinnerFrame: spinnerFrame }) }), _jsx(Box, { marginTop: 1, children: _jsx(FooterHint, { status: props.status }) })] }));
-}
-/**
- * Centered short-code "chip". The Pugi device-flow user code is
- * always the 9-character "XXXX-XXXX" form (4 + dash + 4) generated by
- * the Anvil device-flow start endpoint — we render it in cyan-bold so
- * the user's eye lands on it instantly when comparing against the
- * cabinet page.
- */
-function CodeChip({ code }) {
-    return (_jsx(Box, { marginTop: 1, justifyContent: "center", children: _jsx(Text, { bold: true, color: ACCENT_CYAN, children: ` ${code} ` }) }));
-}
-function BrowserHintRow({ opened, url, copied, }) {
-    if (copied) {
-        return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: ACCENT_CYAN, children: "Copied!" }) }));
-    }
-    if (opened) {
-        return (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Browser opened to" }), _jsx(Text, { dimColor: true, children: url })] }));
-    }
-    return (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Browser didn't open? Use the URL below to sign in (c to copy)" }), _jsx(Text, { children: url })] }));
-}
-function StatusRow({ status, spinnerFrame, }) {
-    if (status.kind === 'polling') {
-        const glyph = SPINNER_FRAMES[spinnerFrame] ?? SPINNER_FRAMES[0];
-        return (_jsxs(Text, { children: [_jsx(Text, { color: ACCENT_CYAN, children: glyph }), _jsx(Text, { children: ' Waiting for browser approval…' })] }));
-    }
-    if (status.kind === 'success') {
-        return (_jsxs(Text, { children: [_jsx(Text, { color: ACCENT_CYAN, children: '✓ ' }), _jsx(Text, { color: ACCENT_CYAN, children: `Logged in as ${status.principalLabel}` })] }));
-    }
-    // failure
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: ACCENT_RED, children: '✗ ' }), _jsx(Text, { color: ACCENT_RED, children: status.reason })] }), status.hint ? _jsx(Text, { dimColor: true, children: status.hint }) : null] }));
-}
-function FooterHint({ status }) {
-    if (status.kind === 'success') {
-        return _jsx(Text, { dimColor: true, children: "Press Enter to continue\u2026" });
-    }
-    if (status.kind === 'failure') {
-        return _jsx(Text, { dimColor: true, children: "Esc to dismiss \u00B7 Run `pugi login` again to retry" });
-    }
-    return _jsx(Text, { dimColor: true, children: "Esc to cancel \u00B7 c to copy URL" });
-}
-//# sourceMappingURL=device-flow.js.map

package/dist/tui/doctor-table.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useTheme } from '../core/theme/context.js';
-/**
- * status colors flow through the active theme
- * instead of being hard-coded Ink color names. The `colorblind`
- * preset re-maps OK/WARN/ERROR to a blue-yellow-magenta axis so
- * deuteranopia operators can still distinguish the three states; the
- * `default` / `dark` / `light` themes route to green/yellow/red
- * variants tuned for each background. `skipped` keeps a muted color
- * (theme-controlled muted token) so dimmed rows still pick up the
- * theme tint.
- */
-function buildStatusColor(theme) {
-    return {
-        ok: theme.success,
-        warn: theme.warning,
-        error: theme.error,
-        skipped: theme.muted,
-    };
-}
-function buildOverallColor(theme) {
-    return {
-        healthy: theme.success,
-        warning: theme.warning,
-        error: theme.error,
-    };
-}
-export function DoctorTable({ envelope }) {
-    const theme = useTheme();
-    const statusColor = buildStatusColor(theme);
-    const overallColor = buildOverallColor(theme);
-    const nameWidth = Math.max('NAME'.length, ...envelope.probes.map((row) => row.name.length));
-    const statusWidth = Math.max('STATUS'.length, ...envelope.probes.map((row) => row.status.length));
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Pugi Doctor" }) }), envelope.probes.map((row) => (_jsx(DoctorRow, { row: row, nameWidth: nameWidth, statusWidth: statusWidth, statusColor: statusColor }, row.name))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [envelope.counts.error, " error(s), ", envelope.counts.warn, " warning(s), ", envelope.counts.ok, " ok,", ' ', envelope.counts.skipped, " skipped. Overall:", ' ', _jsx(Text, { color: overallColor[envelope.overall], bold: true, children: envelope.overall.toUpperCase() })] }) }), _jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["CLI ", envelope.meta.cliVersion, " Node ", envelope.meta.nodeVersion, " cwd ", envelope.meta.cwd] }) })] }));
-}
-function DoctorRow({ row, nameWidth, statusWidth, statusColor }) {
-    const namePart = row.name.padEnd(nameWidth, ' ');
-    const statusPart = row.status.toUpperCase().padEnd(statusWidth, ' ');
-    const latencyPart = typeof row.latencyMs === 'number' ? ` (${row.latencyMs}ms)` : '';
-    const showRemediation = typeof row.remediation === 'string' &&
-        row.remediation.length > 0 &&
-        (row.status === 'warn' || row.status === 'error');
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { children: [namePart, " "] }), _jsx(Text, { color: statusColor[row.status], bold: true, children: statusPart }), _jsxs(Text, { children: [' ', row.detail, latencyPart] })] }), showRemediation && (_jsx(Box, { marginLeft: nameWidth + statusWidth + 4, children: _jsxs(Text, { dimColor: true, children: ["\u2192 ", row.remediation] }) }))] }));
-}
-//# sourceMappingURL=doctor-table.js.map

package/dist/tui/feedback-prompt.js

@@ -1,156 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `/feedback` interactive prompt — .
- *
- * Five-step wizard mounted from both the top-level `pugi feedback`
- * shell handler and the in-REPL `/feedback` slash. Steps:
- *
- *  1. category — bug / feature / general / praise (numeric pick 1-4)
- *  2. rating   — 1-5 stars (numeric pick 1-5)
- *  3. comment  — free-text, multi-line, Ctrl-D submits, Esc cancels
- *  4. context  — y/n include last 5 turns (redacted)? default no
- *  5. confirm  — y/n submit?
- *
- * Brand voice gate: ASCII glyphs only, no em-dashes, no banned brand
- * words. Copy is intentionally power-word neutral so the future i18n
- * landing localises cleanly.
- *
- * The component is PURE in the Ink sense — props in, one terminal
- * `onResolve` event out. The caller owns the submit + queue logic.
- *
- * The verdict the operator submits is:
- *  - `{ cancelled: true }` when the operator presses Esc at any step
- *  - `{ cancelled: false, draft }` when the wizard completes
- *
- * `draft` is the assembled `FeedbackDraft` — NOT yet a full envelope
- * (the caller still injects `ts` + `cliVersion` + maybe `tier`).
- */
-import { useState } from 'react';
-import { Box, Text, render, useApp, useInput } from 'ink';
-const CATEGORIES = [
-    { value: 'bug', label: 'bug', gloss: 'something broke or behaves unexpectedly' },
-    { value: 'feature', label: 'feature', gloss: 'request a new capability' },
-    { value: 'general', label: 'general', gloss: 'observation, idea, comment' },
-    { value: 'praise', label: 'praise', gloss: 'positive note for the team' },
-];
-export function FeedbackPrompt(props) {
-    const [step, setStep] = useState('category');
-    const [category, setCategory] = useState(null);
-    const [rating, setRating] = useState(null);
-    const [commentBuffer, setCommentBuffer] = useState('');
-    const [includeContext, setIncludeContext] = useState(false);
-    useInput((input, key) => {
-        if (key.escape) {
-            props.onResolve({ cancelled: true });
-            return;
-        }
-        if (step === 'category') {
-            const n = Number.parseInt(input, 10);
-            if (!Number.isNaN(n) && n >= 1 && n <= CATEGORIES.length) {
-                const picked = CATEGORIES[n - 1];
-                if (picked) {
-                    setCategory(picked.value);
-                    setStep('rating');
-                }
-            }
-            return;
-        }
-        if (step === 'rating') {
-            const n = Number.parseInt(input, 10);
-            if (!Number.isNaN(n) && n >= 1 && n <= 5) {
-                setRating(n);
-                setStep('comment');
-            }
-            return;
-        }
-        if (step === 'comment') {
-            // Ctrl-D submits the comment (even when empty — rating-only
-            // feedback is allowed). Enter inserts a newline so the
-            // operator can write multi-line bug repros without the wizard
-            // ending the buffer prematurely.
-            if (key.ctrl && (input === 'd' || input === '')) {
-                setStep('context');
-                return;
-            }
-            if (key.return) {
-                setCommentBuffer((prev) => prev + '\n');
-                return;
-            }
-            if (key.backspace || key.delete) {
-                setCommentBuffer((prev) => prev.slice(0, -1));
-                return;
-            }
-            // Printable characters land in the buffer. We accept anything
-            // non-empty + non-control. Ink's useInput sometimes delivers
-            // multi-char paste bursts as one `input` — we append the whole
-            // burst so paste lands intact.
-            if (input && !key.ctrl && !key.meta) {
-                setCommentBuffer((prev) => prev + input);
-            }
-            return;
-        }
-        if (step === 'context') {
-            if (input === 'y' || input === 'Y') {
-                setIncludeContext(true);
-                setStep('confirm');
-                return;
-            }
-            if (input === 'n' || input === 'N' || key.return) {
-                // Default no — Enter at the context prompt picks "no" so
-                // the operator can blast through with all defaults.
-                setIncludeContext(false);
-                setStep('confirm');
-                return;
-            }
-            return;
-        }
-        if (step === 'confirm') {
-            if (input === 'y' || input === 'Y' || key.return) {
-                if (category != null && rating != null) {
-                    props.onResolve({
-                        cancelled: false,
-                        draft: {
-                            category,
-                            rating,
-                            comment: commentBuffer,
-                            includeSessionContext: includeContext,
-                        },
-                    });
-                }
-                return;
-            }
-            if (input === 'n' || input === 'N') {
-                props.onResolve({ cancelled: true });
-                return;
-            }
-            return;
-        }
-    }, { isActive: !props.inert });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Pugi /feedback" }), _jsx(Text, { children: " \u2014 share what you saw. Esc cancels at any step." })] }), step === 'category' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "1. Category" }), CATEGORIES.map((c, idx) => (_jsx(Text, { children: ` ${idx + 1}. ${c.label.padEnd(8)} ${c.gloss}` }, c.value))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Pick 1-4." }) })] })), step === 'rating' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "2. Rating" }), _jsx(Text, { children: ` 1=poor, 5=excellent. Picked category: ${category ?? '?'}` }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Pick 1-5." }) })] })), step === 'comment' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "3. Comment" }), _jsx(Text, { dimColor: true, children: "Multi-line. Enter inserts a newline. Ctrl-D submits." }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: commentBuffer.length === 0 ? (_jsx(Text, { dimColor: true, children: "(empty \u2014 Ctrl-D submits without a comment)" })) : (commentBuffer.split('\n').map((line, idx) => (_jsx(Text, { children: `> ${line}` }, idx)))) })] })), step === 'context' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "4. Include session context?" }), _jsx(Text, { children: ' Last 5 turns, redacted (tokens / *_KEY=* values stripped).' }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "y / n \u2014 default n (Enter)." }) })] })), step === 'confirm' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "5. Submit?" }), _jsx(Text, { children: ` category=${category ?? '?'} rating=${rating ?? '?'} context=${includeContext ? 'yes' : 'no'}` }), _jsx(Text, { children: ` comment=${commentBuffer.length} chars` }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "y / n \u2014 default y (Enter)." }) })] }))] }));
-}
-export async function renderFeedbackPrompt() {
-    let resolveOuter;
-    const outerPromise = new Promise((resolve) => {
-        resolveOuter = resolve;
-    });
-    function App() {
-        const { exit } = useApp();
-        return (_jsx(FeedbackPrompt, { onResolve: (verdict) => {
-                resolveOuter(verdict);
-                // Mirror renderAskCli: tiny delay so Ink flushes unmount
-                // before the caller prints the toast line.
-                setTimeout(() => exit(), 16);
-            } }));
-    }
-    const instance = render(_jsx(App, {}));
-    const verdict = await outerPromise;
-    try {
-        await instance.waitUntilExit();
-    }
-    catch {
-        // Ink can throw when exit() races with a re-render — the verdict
-        // is already captured so we ignore.
-    }
-    return verdict;
-}
-//# sourceMappingURL=feedback-prompt.js.map