@posthog/wizard 2.9.0 → 2.10.0

package/dist/src/ui/tui/primitives/GroupedPickerMenu.js

@@ -1,182 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * GroupedPickerMenu — Multi-select with category headers.
- *
- * Renders groups of options with bold category labels.
- * Arrow keys navigate selectable items (headers are skipped),
- * space toggles, "a" toggles all, enter submits.
- *
- * When content exceeds available terminal height, the list scrolls
- * to keep the focused item visible with ↑/↓ indicators.
- */
-import { Box, Text, useInput } from 'ink';
-import { useState, useMemo } from 'react';
-import { Icons, Colors } from '../styles.js';
-import { PromptLabel } from './PromptLabel.js';
-import { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';
-/** Truncate text with "…" if it exceeds maxWidth. */
-function truncateWithEllipsis(text, maxWidth) {
-    if (text.length <= maxWidth)
-        return text;
-    return text.slice(0, maxWidth - 1) + '…';
-}
-/** Rows consumed by chrome outside this component (title bar, screen padding, etc.) */
-const CHROME_OVERHEAD = 10;
-/** Rows used by the prompt label, hint text, and marginTop before content. */
-const MENU_CHROME = 3;
-/** Count the visual rows occupied by rows[start..end), accounting for header margins. */
-function countVisualRows(rows, start, end) {
-    let count = 0;
-    for (let i = start; i < end && i < rows.length; i++) {
-        if (rows[i].kind === 'header' && i > start)
-            count += 1; // marginTop gap
-        count += 1;
-    }
-    return count;
-}
-/** From scrollOffset, find how many flat rows fit in the visual budget. */
-function computeVisibleEnd(rows, scrollOffset, budget) {
-    let visualCount = 0;
-    let i = scrollOffset;
-    while (i < rows.length) {
-        const cost = rows[i].kind === 'header' && i > scrollOffset ? 2 : 1;
-        if (visualCount + cost > budget)
-            break;
-        visualCount += cost;
-        i++;
-    }
-    return i;
-}
-/** Adjust scroll offset to keep focusedRowIdx visible within the viewport. */
-function adjustScrollOffset(currentOffset, focusedRowIdx, rows, viewportBudget) {
-    const visibleEnd = computeVisibleEnd(rows, currentOffset, viewportBudget);
-    // Already visible
-    if (focusedRowIdx >= currentOffset && focusedRowIdx < visibleEnd) {
-        return currentOffset;
-    }
-    // Focus moved above viewport — scroll up, including group header if adjacent
-    if (focusedRowIdx < currentOffset) {
-        let newOffset = focusedRowIdx;
-        if (newOffset > 0 && rows[newOffset - 1]?.kind === 'header') {
-            newOffset--;
-        }
-        return Math.max(0, newOffset);
-    }
-    // Focus moved below viewport — scroll down minimally
-    let newOffset = currentOffset + 1;
-    while (newOffset < rows.length) {
-        const end = computeVisibleEnd(rows, newOffset, viewportBudget);
-        if (focusedRowIdx < end)
-            break;
-        newOffset++;
-    }
-    return Math.min(newOffset, Math.max(0, rows.length - 1));
-}
-export const GroupedPickerMenu = ({ message, groups, initialSelected, onSelect, }) => {
-    const [termCols, termRows] = useStdoutDimensions();
-    // Available width for option labels, after subtracting layout chrome:
-    // paddingX(2) + marginLeft(2) + option marginLeft(1) + gap(1) + checkbox(2) = 8
-    const labelWidth = Math.max(10, Math.min(termCols, 120) - 8);
-    // Build a flat row list with headers interleaved
-    const rows = useMemo(() => {
-        const result = [];
-        for (const [groupName, options] of Object.entries(groups)) {
-            result.push({ kind: 'header', label: groupName });
-            for (const opt of options) {
-                result.push({ kind: 'option', ...opt });
-            }
-        }
-        return result;
-    }, [groups]);
-    // Indices of selectable (non-header) rows
-    const selectableIndices = useMemo(() => rows
-        .map((r, i) => (r.kind === 'option' ? i : -1))
-        .filter((i) => i >= 0), [rows]);
-    // All option values for toggle-all
-    const allValues = useMemo(() => rows
-        .filter((r) => r.kind === 'option')
-        .map((r) => r.value), [rows]);
-    const [focusedSelectable, setFocusedSelectable] = useState(0);
-    const [selected, setSelected] = useState(() => new Set(initialSelected ?? allValues));
-    const [scrollOffset, setScrollOffset] = useState(0);
-    const focusedRowIdx = selectableIndices[focusedSelectable] ?? 0;
-    // Viewport budget: how many visual rows can be shown
-    const viewportBudget = Math.max(5, termRows - CHROME_OVERHEAD - MENU_CHROME);
-    const totalVisual = countVisualRows(rows, 0, rows.length);
-    const needsScroll = totalVisual > viewportBudget;
-    const effectiveBudget = needsScroll ? viewportBudget - 2 : viewportBudget;
-    useInput((input, key) => {
-        let newFocused = focusedSelectable;
-        if (key.upArrow) {
-            newFocused =
-                focusedSelectable > 0
-                    ? focusedSelectable - 1
-                    : selectableIndices.length - 1;
-        }
-        if (key.downArrow) {
-            newFocused =
-                focusedSelectable < selectableIndices.length - 1
-                    ? focusedSelectable + 1
-                    : 0;
-        }
-        if (newFocused !== focusedSelectable) {
-            setFocusedSelectable(newFocused);
-            if (needsScroll) {
-                const newFocusedRowIdx = selectableIndices[newFocused] ?? 0;
-                setScrollOffset((prev) => adjustScrollOffset(prev, newFocusedRowIdx, rows, effectiveBudget));
-            }
-        }
-        if (input === ' ') {
-            const targetRowIdx = selectableIndices[newFocused] ?? 0;
-            const row = rows[targetRowIdx];
-            if (row?.kind === 'option') {
-                setSelected((prev) => {
-                    const next = new Set(prev);
-                    if (next.has(row.value)) {
-                        next.delete(row.value);
-                    }
-                    else {
-                        next.add(row.value);
-                    }
-                    return next;
-                });
-            }
-        }
-        if (input === 'a') {
-            setSelected((prev) => {
-                if (prev.size === allValues.length) {
-                    return new Set();
-                }
-                return new Set(allValues);
-            });
-        }
-        if (key.return) {
-            onSelect([...selected]);
-        }
-    });
-    // Determine visible slice
-    const visibleStart = needsScroll ? scrollOffset : 0;
-    const visibleEnd = needsScroll
-        ? computeVisibleEnd(rows, visibleStart, effectiveBudget)
-        : rows.length;
-    const visibleRows = rows.slice(visibleStart, visibleEnd);
-    const hiddenAbove = needsScroll
-        ? selectableIndices.filter((s) => s < visibleStart).length
-        : 0;
-    const hiddenBelow = needsScroll
-        ? selectableIndices.filter((s) => s >= visibleEnd).length
-        : 0;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(PromptLabel, { message: message }), _jsxs(Text, { dimColor: true, children: [' ', "(space to toggle, a to toggle all, enter to confirm)"] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2, children: [needsScroll && (_jsx(Text, { dimColor: true, children: hiddenAbove > 0 ? `↑ ${hiddenAbove} more` : ' ' })), visibleRows.map((row, relIdx) => {
-                        const absIdx = visibleStart + relIdx;
-                        if (row.kind === 'header') {
-                            return (_jsx(Box, { marginTop: relIdx > 0 && absIdx > 0 ? 1 : 0, children: _jsx(Text, { bold: true, dimColor: true, children: row.label }) }, `h-${absIdx}`));
-                        }
-                        const isFocused = focusedRowIdx === absIdx;
-                        const isSelected = selected.has(row.value);
-                        const checkbox = isSelected ? Icons.squareFilled : Icons.squareOpen;
-                        const fullLabel = row.hint ? `${row.label} (${row.hint})` : row.label;
-                        const label = truncateWithEllipsis(fullLabel, labelWidth);
-                        return (_jsxs(Box, { gap: 1, marginLeft: 1, children: [_jsx(Text, { color: isSelected ? 'white' : Colors.muted, dimColor: !isFocused && !isSelected, children: checkbox }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { color: isFocused ? Colors.accent : undefined, bold: isFocused, dimColor: !isFocused, wrap: "truncate", children: label }) })] }, row.value));
-                    }), needsScroll && (_jsx(Text, { dimColor: true, children: hiddenBelow > 0 ? `↓ ${hiddenBelow} more` : ' ' }))] })] }));
-};
-//# sourceMappingURL=GroupedPickerMenu.js.map

package/dist/src/ui/tui/primitives/GroupedPickerMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupedPickerMenu.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/GroupedPickerMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GroupedPickerMenu — Multi-select with category headers.\n *\n * Renders groups of options with bold category labels.\n * Arrow keys navigate selectable items (headers are skipped),\n * space toggles, \"a\" toggles all, enter submits.\n *\n * When content exceeds available terminal height, the list scrolls\n * to keep the focused item visible with ↑/↓ indicators.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport { useState, useMemo } from 'react';\nimport { Icons, Colors } from '../styles.js';\nimport { PromptLabel } from './PromptLabel.js';\nimport { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';\n\ninterface GroupOption {\n  value: string;\n  label: string;\n  hint?: string;\n}\n\ninterface GroupedPickerMenuProps {\n  message?: string;\n  groups: Record<string, GroupOption[]>;\n  initialSelected?: string[];\n  onSelect: (values: string[]) => void;\n}\n\ntype Row =\n  | { kind: 'header'; label: string }\n  | { kind: 'option'; value: string; label: string; hint?: string };\n\n/** Truncate text with \"…\" if it exceeds maxWidth. */\nfunction truncateWithEllipsis(text: string, maxWidth: number): string {\n  if (text.length <= maxWidth) return text;\n  return text.slice(0, maxWidth - 1) + '…';\n}\n\n/** Rows consumed by chrome outside this component (title bar, screen padding, etc.) */\nconst CHROME_OVERHEAD = 10;\n/** Rows used by the prompt label, hint text, and marginTop before content. */\nconst MENU_CHROME = 3;\n\n/** Count the visual rows occupied by rows[start..end), accounting for header margins. */\nfunction countVisualRows(rows: Row[], start: number, end: number): number {\n  let count = 0;\n  for (let i = start; i < end && i < rows.length; i++) {\n    if (rows[i].kind === 'header' && i > start) count += 1; // marginTop gap\n    count += 1;\n  }\n  return count;\n}\n\n/** From scrollOffset, find how many flat rows fit in the visual budget. */\nfunction computeVisibleEnd(\n  rows: Row[],\n  scrollOffset: number,\n  budget: number,\n): number {\n  let visualCount = 0;\n  let i = scrollOffset;\n  while (i < rows.length) {\n    const cost = rows[i].kind === 'header' && i > scrollOffset ? 2 : 1;\n    if (visualCount + cost > budget) break;\n    visualCount += cost;\n    i++;\n  }\n  return i;\n}\n\n/** Adjust scroll offset to keep focusedRowIdx visible within the viewport. */\nfunction adjustScrollOffset(\n  currentOffset: number,\n  focusedRowIdx: number,\n  rows: Row[],\n  viewportBudget: number,\n): number {\n  const visibleEnd = computeVisibleEnd(rows, currentOffset, viewportBudget);\n\n  // Already visible\n  if (focusedRowIdx >= currentOffset && focusedRowIdx < visibleEnd) {\n    return currentOffset;\n  }\n\n  // Focus moved above viewport — scroll up, including group header if adjacent\n  if (focusedRowIdx < currentOffset) {\n    let newOffset = focusedRowIdx;\n    if (newOffset > 0 && rows[newOffset - 1]?.kind === 'header') {\n      newOffset--;\n    }\n    return Math.max(0, newOffset);\n  }\n\n  // Focus moved below viewport — scroll down minimally\n  let newOffset = currentOffset + 1;\n  while (newOffset < rows.length) {\n    const end = computeVisibleEnd(rows, newOffset, viewportBudget);\n    if (focusedRowIdx < end) break;\n    newOffset++;\n  }\n  return Math.min(newOffset, Math.max(0, rows.length - 1));\n}\n\nexport const GroupedPickerMenu = ({\n  message,\n  groups,\n  initialSelected,\n  onSelect,\n}: GroupedPickerMenuProps) => {\n  const [termCols, termRows] = useStdoutDimensions();\n\n  // Available width for option labels, after subtracting layout chrome:\n  // paddingX(2) + marginLeft(2) + option marginLeft(1) + gap(1) + checkbox(2) = 8\n  const labelWidth = Math.max(10, Math.min(termCols, 120) - 8);\n\n  // Build a flat row list with headers interleaved\n  const rows = useMemo<Row[]>(() => {\n    const result: Row[] = [];\n    for (const [groupName, options] of Object.entries(groups)) {\n      result.push({ kind: 'header', label: groupName });\n      for (const opt of options) {\n        result.push({ kind: 'option', ...opt });\n      }\n    }\n    return result;\n  }, [groups]);\n\n  // Indices of selectable (non-header) rows\n  const selectableIndices = useMemo(\n    () =>\n      rows\n        .map((r, i) => (r.kind === 'option' ? i : -1))\n        .filter((i) => i >= 0),\n    [rows],\n  );\n\n  // All option values for toggle-all\n  const allValues = useMemo(\n    () =>\n      rows\n        .filter((r): r is Row & { kind: 'option' } => r.kind === 'option')\n        .map((r) => r.value),\n    [rows],\n  );\n\n  const [focusedSelectable, setFocusedSelectable] = useState(0);\n  const [selected, setSelected] = useState<Set<string>>(\n    () => new Set(initialSelected ?? allValues),\n  );\n  const [scrollOffset, setScrollOffset] = useState(0);\n\n  const focusedRowIdx = selectableIndices[focusedSelectable] ?? 0;\n\n  // Viewport budget: how many visual rows can be shown\n  const viewportBudget = Math.max(5, termRows - CHROME_OVERHEAD - MENU_CHROME);\n  const totalVisual = countVisualRows(rows, 0, rows.length);\n  const needsScroll = totalVisual > viewportBudget;\n  const effectiveBudget = needsScroll ? viewportBudget - 2 : viewportBudget;\n\n  useInput((input, key) => {\n    let newFocused = focusedSelectable;\n\n    if (key.upArrow) {\n      newFocused =\n        focusedSelectable > 0\n          ? focusedSelectable - 1\n          : selectableIndices.length - 1;\n    }\n    if (key.downArrow) {\n      newFocused =\n        focusedSelectable < selectableIndices.length - 1\n          ? focusedSelectable + 1\n          : 0;\n    }\n\n    if (newFocused !== focusedSelectable) {\n      setFocusedSelectable(newFocused);\n      if (needsScroll) {\n        const newFocusedRowIdx = selectableIndices[newFocused] ?? 0;\n        setScrollOffset((prev) =>\n          adjustScrollOffset(prev, newFocusedRowIdx, rows, effectiveBudget),\n        );\n      }\n    }\n\n    if (input === ' ') {\n      const targetRowIdx = selectableIndices[newFocused] ?? 0;\n      const row = rows[targetRowIdx];\n      if (row?.kind === 'option') {\n        setSelected((prev) => {\n          const next = new Set(prev);\n          if (next.has(row.value)) {\n            next.delete(row.value);\n          } else {\n            next.add(row.value);\n          }\n          return next;\n        });\n      }\n    }\n    if (input === 'a') {\n      setSelected((prev) => {\n        if (prev.size === allValues.length) {\n          return new Set();\n        }\n        return new Set(allValues);\n      });\n    }\n    if (key.return) {\n      onSelect([...selected]);\n    }\n  });\n\n  // Determine visible slice\n  const visibleStart = needsScroll ? scrollOffset : 0;\n  const visibleEnd = needsScroll\n    ? computeVisibleEnd(rows, visibleStart, effectiveBudget)\n    : rows.length;\n  const visibleRows = rows.slice(visibleStart, visibleEnd);\n  const hiddenAbove = needsScroll\n    ? selectableIndices.filter((s) => s < visibleStart).length\n    : 0;\n  const hiddenBelow = needsScroll\n    ? selectableIndices.filter((s) => s >= visibleEnd).length\n    : 0;\n\n  return (\n    <Box flexDirection=\"column\">\n      <PromptLabel message={message} />\n      <Text dimColor>\n        {' '}\n        (space to toggle, a to toggle all, enter to confirm)\n      </Text>\n      <Box flexDirection=\"column\" marginTop={1} marginLeft={2}>\n        {needsScroll && (\n          <Text dimColor>\n            {hiddenAbove > 0 ? `↑ ${hiddenAbove} more` : ' '}\n          </Text>\n        )}\n        {visibleRows.map((row, relIdx) => {\n          const absIdx = visibleStart + relIdx;\n\n          if (row.kind === 'header') {\n            return (\n              <Box\n                key={`h-${absIdx}`}\n                marginTop={relIdx > 0 && absIdx > 0 ? 1 : 0}\n              >\n                <Text bold dimColor>\n                  {row.label}\n                </Text>\n              </Box>\n            );\n          }\n\n          const isFocused = focusedRowIdx === absIdx;\n          const isSelected = selected.has(row.value);\n          const checkbox = isSelected ? Icons.squareFilled : Icons.squareOpen;\n          const fullLabel = row.hint ? `${row.label} (${row.hint})` : row.label;\n          const label = truncateWithEllipsis(fullLabel, labelWidth);\n\n          return (\n            <Box key={row.value} gap={1} marginLeft={1}>\n              <Text\n                color={isSelected ? 'white' : Colors.muted}\n                dimColor={!isFocused && !isSelected}\n              >\n                {checkbox}\n              </Text>\n              <Box flexGrow={1} flexShrink={1} overflow=\"hidden\">\n                <Text\n                  color={isFocused ? Colors.accent : undefined}\n                  bold={isFocused}\n                  dimColor={!isFocused}\n                  wrap=\"truncate\"\n                >\n                  {label}\n                </Text>\n              </Box>\n            </Box>\n          );\n        })}\n        {needsScroll && (\n          <Text dimColor>\n            {hiddenBelow > 0 ? `↓ ${hiddenBelow} more` : ' '}\n          </Text>\n        )}\n      </Box>\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/primitives/HNViewer.d.ts

@@ -1,7 +0,0 @@
-/**
- * HNViewer — Top 10 Hacker News stories.
- *
- * Fetches from the HN Firebase API on mount.
- * Each story has a [1]–[0] numeral; typing it opens the HN comments page.
- */
-export declare const HNViewer: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/tui/primitives/HNViewer.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * HNViewer — Top 10 Hacker News stories.
- *
- * Fetches from the HN Firebase API on mount.
- * Each story has a [1]–[0] numeral; typing it opens the HN comments page.
- */
-import { Box, Text, useInput } from 'ink';
-import { useState, useEffect } from 'react';
-import { Colors } from '../styles.js';
-const HN_API = 'https://hacker-news.firebaseio.com/v0';
-export const HNViewer = () => {
-    const [stories, setStories] = useState([]);
-    const [loading, setLoading] = useState(true);
-    useEffect(() => {
-        void (async () => {
-            try {
-                const res = await fetch(`${HN_API}/topstories.json`);
-                const ids = (await res.json());
-                const top10 = ids.slice(0, 10);
-                const items = await Promise.all(top10.map(async (id) => {
-                    const r = await fetch(`${HN_API}/item/${id}.json`);
-                    return r.json();
-                }));
-                setStories(items);
-            }
-            catch {
-                // Silently fail — tab just stays empty
-            }
-            setLoading(false);
-        })();
-    }, []);
-    useInput((input) => {
-        // Map keys 1–9 → index 0–8, key 0 → index 9
-        const num = parseInt(input, 10);
-        if (isNaN(num))
-            return;
-        const index = num === 0 ? 9 : num - 1;
-        const story = stories[index];
-        if (!story)
-            return;
-        const url = `https://news.ycombinator.com/item?id=${story.id}`;
-        void import('child_process').then(({ exec }) => {
-            exec(`open "${url}" 2>/dev/null || xdg-open "${url}" 2>/dev/null`);
-        });
-    });
-    if (loading) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Loading Hacker News..." }) }));
-    }
-    if (stories.length === 0) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Could not load Hacker News." }) }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: Colors.accent, children: "Hacker News \u2014 Top 10" }), _jsx(Box, { height: 1 }), stories.map((story, i) => {
-                const key = i === 9 ? '0' : String(i + 1);
-                const date = new Date(story.time * 1000);
-                const dateStr = date.toLocaleDateString('en-US', {
-                    month: 'short',
-                    day: 'numeric',
-                });
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: Colors.accent, bold: true, children: ["[", key, "]"] }), _jsxs(Text, { bold: true, children: [" ", story.title] })] }), _jsx(Box, { marginLeft: 4, children: _jsxs(Text, { dimColor: true, children: [story.score, "pts \u2022 ", story.by, ", ", dateStr] }) })] }, story.id));
-            })] }));
-};
-//# sourceMappingURL=HNViewer.js.map

package/dist/src/ui/tui/primitives/HNViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HNViewer.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/HNViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * HNViewer — Top 10 Hacker News stories.\n *\n * Fetches from the HN Firebase API on mount.\n * Each story has a [1]–[0] numeral; typing it opens the HN comments page.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport { useState, useEffect } from 'react';\nimport { Colors } from '../styles.js';\n\nconst HN_API = 'https://hacker-news.firebaseio.com/v0';\n\ninterface HNStory {\n  id: number;\n  title: string;\n  by: string;\n  time: number;\n  score: number;\n}\n\nexport const HNViewer = () => {\n  const [stories, setStories] = useState<HNStory[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    void (async () => {\n      try {\n        const res = await fetch(`${HN_API}/topstories.json`);\n        const ids = (await res.json()) as number[];\n        const top10 = ids.slice(0, 10);\n\n        const items = await Promise.all(\n          top10.map(async (id) => {\n            const r = await fetch(`${HN_API}/item/${id}.json`);\n            return r.json() as Promise<HNStory>;\n          }),\n        );\n\n        setStories(items);\n      } catch {\n        // Silently fail — tab just stays empty\n      }\n      setLoading(false);\n    })();\n  }, []);\n\n  useInput((input) => {\n    // Map keys 1–9 → index 0–8, key 0 → index 9\n    const num = parseInt(input, 10);\n    if (isNaN(num)) return;\n    const index = num === 0 ? 9 : num - 1;\n    const story = stories[index];\n    if (!story) return;\n\n    const url = `https://news.ycombinator.com/item?id=${story.id}`;\n    void import('child_process').then(({ exec }) => {\n      exec(`open \"${url}\" 2>/dev/null || xdg-open \"${url}\" 2>/dev/null`);\n    });\n  });\n\n  if (loading) {\n    return (\n      <Box paddingX={1}>\n        <Text dimColor>Loading Hacker News...</Text>\n      </Box>\n    );\n  }\n\n  if (stories.length === 0) {\n    return (\n      <Box paddingX={1}>\n        <Text dimColor>Could not load Hacker News.</Text>\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\" paddingX={1}>\n      <Text bold color={Colors.accent}>\n        Hacker News — Top 10\n      </Text>\n      <Box height={1} />\n      {stories.map((story, i) => {\n        const key = i === 9 ? '0' : String(i + 1);\n        const date = new Date(story.time * 1000);\n        const dateStr = date.toLocaleDateString('en-US', {\n          month: 'short',\n          day: 'numeric',\n        });\n\n        return (\n          <Box key={story.id} flexDirection=\"column\">\n            <Box>\n              <Text color={Colors.accent} bold>\n                [{key}]\n              </Text>\n              <Text bold> {story.title}</Text>\n            </Box>\n            <Box marginLeft={4}>\n              <Text dimColor>\n                {story.score}pts • {story.by}, {dateStr}\n              </Text>\n            </Box>\n          </Box>\n        );\n      })}\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/primitives/LinesBlock.d.ts

@@ -1,16 +0,0 @@
-/**
- * LinesBlock — Reveals ReactNode lines one at a time.
- * Each line can contain colors, bold, ASCII art — any JSX.
- */
-import { type ReactNode } from 'react';
-interface LinesBlockProps {
-    lines: ReactNode[];
-    interval: number;
-    active: boolean;
-    completed: boolean;
-    onComplete: () => void;
-    /** Max rows this block may occupy. When exceeded, top lines are truncated. */
-    maxHeight?: number;
-}
-export declare const LinesBlock: ({ lines, interval, active, completed, onComplete, maxHeight, }: LinesBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ui/tui/primitives/LinesBlock.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * LinesBlock — Reveals ReactNode lines one at a time.
- * Each line can contain colors, bold, ASCII art — any JSX.
- */
-import { Box } from 'ink';
-import { useState, useEffect } from 'react';
-export const LinesBlock = ({ lines, interval, active, completed, onComplete, maxHeight, }) => {
-    const [revealedCount, setRevealedCount] = useState(0);
-    // Reveal lines one at a time
-    useEffect(() => {
-        if (!active || revealedCount >= lines.length)
-            return;
-        const timer = setTimeout(() => setRevealedCount((c) => c + 1), revealedCount === 0 ? 0 : interval);
-        return () => clearTimeout(timer);
-    }, [active, revealedCount, lines.length, interval]);
-    // Fire onComplete when all lines revealed
-    useEffect(() => {
-        if (active && revealedCount >= lines.length)
-            onComplete();
-    }, [active, revealedCount, lines.length, onComplete]);
-    // When maxHeight is set, only show the last maxHeight lines
-    const visibleStart = maxHeight != null
-        ? Math.max(0, (completed ? lines.length : revealedCount) - maxHeight)
-        : 0;
-    return (_jsx(Box, { flexDirection: "column", children: lines.map((line, li) => {
-            if (completed) {
-                if (li < visibleStart)
-                    return null;
-                return _jsx(Box, { children: line }, li);
-            }
-            if (li >= revealedCount || li < visibleStart)
-                return null;
-            return _jsx(Box, { children: line }, li);
-        }) }));
-};
-//# sourceMappingURL=LinesBlock.js.map

package/dist/src/ui/tui/primitives/LinesBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinesBlock.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/LinesBlock.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAY5D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,GACO,EAAE,EAAE;IACpB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,aAAa,IAAI,KAAK,CAAC,MAAM;YAAE,OAAO;QACrD,MAAM,KAAK,GAAG,UAAU,CACtB,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EACpC,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CACnC,CAAC;QACF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpD,0CAA0C;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,aAAa,IAAI,KAAK,CAAC,MAAM;YAAE,UAAU,EAAE,CAAC;IAC5D,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEtD,4DAA4D;IAC5D,MAAM,YAAY,GAChB,SAAS,IAAI,IAAI;QACf,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;QACrE,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE;YACtB,IAAI,SAAS,EAAE,CAAC;gBACd,IAAI,EAAE,GAAG,YAAY;oBAAE,OAAO,IAAI,CAAC;gBACnC,OAAO,KAAC,GAAG,cAAW,IAAI,IAAT,EAAE,CAAc,CAAC;YACpC,CAAC;YACD,IAAI,EAAE,IAAI,aAAa,IAAI,EAAE,GAAG,YAAY;gBAAE,OAAO,IAAI,CAAC;YAC1D,OAAO,KAAC,GAAG,cAAW,IAAI,IAAT,EAAE,CAAc,CAAC;QACpC,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * LinesBlock — Reveals ReactNode lines one at a time.\n * Each line can contain colors, bold, ASCII art — any JSX.\n */\n\nimport { Box } from 'ink';\nimport { useState, useEffect, type ReactNode } from 'react';\n\ninterface LinesBlockProps {\n  lines: ReactNode[];\n  interval: number;\n  active: boolean;\n  completed: boolean;\n  onComplete: () => void;\n  /** Max rows this block may occupy. When exceeded, top lines are truncated. */\n  maxHeight?: number;\n}\n\nexport const LinesBlock = ({\n  lines,\n  interval,\n  active,\n  completed,\n  onComplete,\n  maxHeight,\n}: LinesBlockProps) => {\n  const [revealedCount, setRevealedCount] = useState(0);\n\n  // Reveal lines one at a time\n  useEffect(() => {\n    if (!active || revealedCount >= lines.length) return;\n    const timer = setTimeout(\n      () => setRevealedCount((c) => c + 1),\n      revealedCount === 0 ? 0 : interval,\n    );\n    return () => clearTimeout(timer);\n  }, [active, revealedCount, lines.length, interval]);\n\n  // Fire onComplete when all lines revealed\n  useEffect(() => {\n    if (active && revealedCount >= lines.length) onComplete();\n  }, [active, revealedCount, lines.length, onComplete]);\n\n  // When maxHeight is set, only show the last maxHeight lines\n  const visibleStart =\n    maxHeight != null\n      ? Math.max(0, (completed ? lines.length : revealedCount) - maxHeight)\n      : 0;\n\n  return (\n    <Box flexDirection=\"column\">\n      {lines.map((line, li) => {\n        if (completed) {\n          if (li < visibleStart) return null;\n          return <Box key={li}>{line}</Box>;\n        }\n        if (li >= revealedCount || li < visibleStart) return null;\n        return <Box key={li}>{line}</Box>;\n      })}\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/primitives/LoadingBox.d.ts

@@ -1,8 +0,0 @@
-/**
- * LoadingBox — Spinner with message.
- */
-interface LoadingBoxProps {
-    message: string;
-}
-export declare const LoadingBox: ({ message }: LoadingBoxProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ui/tui/primitives/LoadingBox.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * LoadingBox — Spinner with message.
- */
-import { Box, Text } from 'ink';
-import { Spinner } from '@inkjs/ui';
-export const LoadingBox = ({ message }) => {
-    return (_jsxs(Box, { gap: 1, children: [_jsx(Spinner, {}), _jsx(Text, { children: message })] }));
-};
-//# sourceMappingURL=LoadingBox.js.map

package/dist/src/ui/tui/primitives/LoadingBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingBox.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/LoadingBox.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAMpC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzD,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,aACT,KAAC,OAAO,KAAG,EACX,KAAC,IAAI,cAAE,OAAO,GAAQ,IAClB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * LoadingBox — Spinner with message.\n */\n\nimport { Box, Text } from 'ink';\nimport { Spinner } from '@inkjs/ui';\n\ninterface LoadingBoxProps {\n  message: string;\n}\n\nexport const LoadingBox = ({ message }: LoadingBoxProps) => {\n  return (\n    <Box gap={1}>\n      <Spinner />\n      <Text>{message}</Text>\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/primitives/LogViewer.d.ts

@@ -1,11 +0,0 @@
-/**
- * LogViewer — Real-time log tail, pinned to available terminal height.
- * Only renders the last N lines that fit on screen.
- */
-interface LogViewerProps {
-    filePath: string;
-    /** Fixed visible height. Defaults to terminal rows minus chrome. */
-    height?: number;
-}
-export declare const LogViewer: ({ filePath, height }: LogViewerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ui/tui/primitives/LogViewer.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * LogViewer — Real-time log tail, pinned to available terminal height.
- * Only renders the last N lines that fit on screen.
- */
-import { Box, Text } from 'ink';
-import { useState, useEffect } from 'react';
-import * as fs from 'fs';
-import { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';
-/** Rows consumed by TitleBar + spacer + ScreenContainer padding + status bar + tab bar */
-const CHROME_ROWS = 8;
-export const LogViewer = ({ filePath, height }) => {
-    const [, rows] = useStdoutDimensions();
-    const visibleLines = height ?? Math.max(5, rows - CHROME_ROWS);
-    const [lines, setLines] = useState([]);
-    useEffect(() => {
-        const readTail = () => {
-            try {
-                const content = fs.readFileSync(filePath, 'utf-8');
-                const allLines = content.split('\n');
-                setLines(allLines.slice(-visibleLines));
-            }
-            catch {
-                setLines(['(No log file found)']);
-            }
-        };
-        readTail();
-        let watcher;
-        try {
-            watcher = fs.watch(filePath, () => {
-                readTail();
-            });
-        }
-        catch {
-            // File might not exist yet — retry when it appears
-            const interval = setInterval(() => {
-                try {
-                    fs.accessSync(filePath);
-                    readTail();
-                    clearInterval(interval);
-                    watcher = fs.watch(filePath, () => readTail());
-                }
-                catch {
-                    // Still waiting
-                }
-            }, 1000);
-            return () => clearInterval(interval);
-        }
-        return () => {
-            watcher?.close();
-        };
-    }, [filePath, visibleLines]);
-    return (_jsx(Box, { flexDirection: "column", height: visibleLines, children: lines.map((line, i) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: line }, i))) }));
-};
-//# sourceMappingURL=LogViewer.js.map

package/dist/src/ui/tui/primitives/LogViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogViewer.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/LogViewer.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,0FAA0F;AAC1F,MAAM,WAAW,GAAG,CAAC,CAAC;AAQtB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAkB,EAAE,EAAE;IAChE,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,mBAAmB,EAAE,CAAC;IACvC,MAAM,YAAY,GAAG,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC;IAE/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;gBACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACrC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;YAC1C,CAAC;YAAC,MAAM,CAAC;gBACP,QAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;QAEX,IAAI,OAAiC,CAAC;QACtC,IAAI,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAChC,QAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACP,mDAAmD;YACnD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;gBAChC,IAAI,CAAC;oBACH,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;oBACxB,QAAQ,EAAE,CAAC;oBACX,aAAa,CAAC,QAAQ,CAAC,CAAC;oBACxB,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACjD,CAAC;gBAAC,MAAM,CAAC;oBACP,gBAAgB;gBAClB,CAAC;YACH,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,OAAO,EAAE,KAAK,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,YAAY,YAC7C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,IAAI,IAAS,QAAQ,QAAC,IAAI,EAAC,UAAU,YACnC,IAAI,IADI,CAAC,CAEL,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * LogViewer — Real-time log tail, pinned to available terminal height.\n * Only renders the last N lines that fit on screen.\n */\n\nimport { Box, Text } from 'ink';\nimport { useState, useEffect } from 'react';\nimport * as fs from 'fs';\nimport { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';\n\n/** Rows consumed by TitleBar + spacer + ScreenContainer padding + status bar + tab bar */\nconst CHROME_ROWS = 8;\n\ninterface LogViewerProps {\n  filePath: string;\n  /** Fixed visible height. Defaults to terminal rows minus chrome. */\n  height?: number;\n}\n\nexport const LogViewer = ({ filePath, height }: LogViewerProps) => {\n  const [, rows] = useStdoutDimensions();\n  const visibleLines = height ?? Math.max(5, rows - CHROME_ROWS);\n\n  const [lines, setLines] = useState<string[]>([]);\n\n  useEffect(() => {\n    const readTail = () => {\n      try {\n        const content = fs.readFileSync(filePath, 'utf-8');\n        const allLines = content.split('\\n');\n        setLines(allLines.slice(-visibleLines));\n      } catch {\n        setLines(['(No log file found)']);\n      }\n    };\n\n    readTail();\n\n    let watcher: fs.FSWatcher | undefined;\n    try {\n      watcher = fs.watch(filePath, () => {\n        readTail();\n      });\n    } catch {\n      // File might not exist yet — retry when it appears\n      const interval = setInterval(() => {\n        try {\n          fs.accessSync(filePath);\n          readTail();\n          clearInterval(interval);\n          watcher = fs.watch(filePath, () => readTail());\n        } catch {\n          // Still waiting\n        }\n      }, 1000);\n\n      return () => clearInterval(interval);\n    }\n\n    return () => {\n      watcher?.close();\n    };\n  }, [filePath, visibleLines]);\n\n  return (\n    <Box flexDirection=\"column\" height={visibleLines}>\n      {lines.map((line, i) => (\n        <Text key={i} dimColor wrap=\"truncate\">\n          {line}\n        </Text>\n      ))}\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/primitives/ModalOverlay.d.ts

@@ -1,25 +0,0 @@
-/**
- * ModalOverlay — Reusable centered card for overlay screens.
- *
- * Shared layout for HealthCheckScreen, SettingsOverrideScreen, PortConflictScreen, etc.
- * Provides: centered card with border, title, body, optional feedback, divider, and actions.
- */
-import type { ReactNode } from 'react';
-interface ModalOverlayProps {
-    /** Card border color */
-    borderColor: string;
-    /** Title text */
-    title: string;
-    /** Title text color (defaults to borderColor) */
-    titleColor?: string;
-    /** Card width (default 68) */
-    width?: number;
-    /** Body content */
-    children: ReactNode;
-    /** Optional feedback message (shown in yellow above the divider) */
-    feedback?: string | null;
-    /** Footer content below the divider (typically ConfirmationInput) */
-    footer?: ReactNode;
-}
-export declare const ModalOverlay: ({ borderColor, title, titleColor, width, children, feedback, footer, }: ModalOverlayProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ui/tui/primitives/ModalOverlay.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { Divider } from './Divider.js';
-export const ModalOverlay = ({ borderColor, title, titleColor, width = 68, children, feedback, footer, }) => {
-    return (_jsx(Box, { flexDirection: "column", flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: borderColor, paddingX: 3, paddingY: 1, width: width, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsx(Text, { color: titleColor ?? borderColor, bold: true, children: title }) }), children, feedback && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: feedback }) })), footer && (_jsxs(_Fragment, { children: [_jsx(Box, { marginY: 1, children: _jsx(Divider, {}) }), footer] }))] }) }));
-};
-//# sourceMappingURL=ModalOverlay.js.map

package/dist/src/ui/tui/primitives/ModalOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalOverlay.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/ModalOverlay.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAmBvC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,GACY,EAAE,EAAE;IACtB,OAAO,CACL,KAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,YAEvB,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,KAAK,aAEZ,KAAC,GAAG,IAAC,cAAc,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,YAC1C,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,WAAW,EAAE,IAAI,kBACzC,KAAK,GACD,GACH,EAEL,QAAQ,EAER,QAAQ,IAAI,CACX,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,YAAE,QAAQ,GAAQ,GAClC,CACP,EAEA,MAAM,IAAI,CACT,8BACE,KAAC,GAAG,IAAC,OAAO,EAAE,CAAC,YACb,KAAC,OAAO,KAAG,GACP,EACL,MAAM,IACN,CACJ,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ModalOverlay — Reusable centered card for overlay screens.\n *\n * Shared layout for HealthCheckScreen, SettingsOverrideScreen, PortConflictScreen, etc.\n * Provides: centered card with border, title, body, optional feedback, divider, and actions.\n */\n\nimport type { ReactNode } from 'react';\nimport { Box, Text } from 'ink';\nimport { Divider } from './Divider.js';\n\ninterface ModalOverlayProps {\n  /** Card border color */\n  borderColor: string;\n  /** Title text */\n  title: string;\n  /** Title text color (defaults to borderColor) */\n  titleColor?: string;\n  /** Card width (default 68) */\n  width?: number;\n  /** Body content */\n  children: ReactNode;\n  /** Optional feedback message (shown in yellow above the divider) */\n  feedback?: string | null;\n  /** Footer content below the divider (typically ConfirmationInput) */\n  footer?: ReactNode;\n}\n\nexport const ModalOverlay = ({\n  borderColor,\n  title,\n  titleColor,\n  width = 68,\n  children,\n  feedback,\n  footer,\n}: ModalOverlayProps) => {\n  return (\n    <Box\n      flexDirection=\"column\"\n      flexGrow={1}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={borderColor}\n        paddingX={3}\n        paddingY={1}\n        width={width}\n      >\n        <Box justifyContent=\"center\" marginBottom={1}>\n          <Text color={titleColor ?? borderColor} bold>\n            {title}\n          </Text>\n        </Box>\n\n        {children}\n\n        {feedback && (\n          <Box marginTop={1}>\n            <Text color=\"yellow\">{feedback}</Text>\n          </Box>\n        )}\n\n        {footer && (\n          <>\n            <Box marginY={1}>\n              <Divider />\n            </Box>\n            {footer}\n          </>\n        )}\n      </Box>\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/primitives/NodeBlock.d.ts

@@ -1,13 +0,0 @@
-/**
- * NodeBlock — Renders static JSX, fires onComplete immediately.
- * The sequencer's blockInterval handles dwell time.
- */
-import { type ReactNode } from 'react';
-interface NodeBlockProps {
-    content: ReactNode;
-    active: boolean;
-    completed: boolean;
-    onComplete: () => void;
-}
-export declare const NodeBlock: ({ content, active, completed, onComplete, }: NodeBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ui/tui/primitives/NodeBlock.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * NodeBlock — Renders static JSX, fires onComplete immediately.
- * The sequencer's blockInterval handles dwell time.
- */
-import { Text } from 'ink';
-import { useEffect } from 'react';
-export const NodeBlock = ({ content, active, completed, onComplete, }) => {
-    useEffect(() => {
-        if (active)
-            onComplete();
-    }, [active, onComplete]);
-    if (completed)
-        return _jsx(Text, { dimColor: true, children: content });
-    return _jsx(_Fragment, { children: content });
-};
-//# sourceMappingURL=NodeBlock.js.map

package/dist/src/ui/tui/primitives/NodeBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NodeBlock.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/NodeBlock.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,GACK,EAAE,EAAE;IACnB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM;YAAE,UAAU,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzB,IAAI,SAAS;QAAE,OAAO,KAAC,IAAI,IAAC,QAAQ,kBAAE,OAAO,GAAQ,CAAC;IACtD,OAAO,4BAAG,OAAO,GAAI,CAAC;AACxB,CAAC,CAAC","sourcesContent":["/**\n * NodeBlock — Renders static JSX, fires onComplete immediately.\n * The sequencer's blockInterval handles dwell time.\n */\n\nimport { Text } from 'ink';\nimport { useEffect, type ReactNode } from 'react';\n\ninterface NodeBlockProps {\n  content: ReactNode;\n  active: boolean;\n  completed: boolean;\n  onComplete: () => void;\n}\n\nexport const NodeBlock = ({\n  content,\n  active,\n  completed,\n  onComplete,\n}: NodeBlockProps) => {\n  useEffect(() => {\n    if (active) onComplete();\n  }, [active, onComplete]);\n\n  if (completed) return <Text dimColor>{content}</Text>;\n  return <>{content}</>;\n};\n"]}

package/dist/src/ui/tui/primitives/PickerMenu.d.ts

@@ -1,20 +0,0 @@
-/**
- * PickerMenu — Single and multi select.
- * Single mode: custom renderer with small triangle indicator.
- * Multi mode: checkbox glyphs with space to toggle.
- */
-interface PickerOption<T> {
-    label: string;
-    value: T;
-    hint?: string;
-}
-interface PickerMenuProps<T> {
-    message?: string;
-    options: PickerOption<T>[];
-    mode?: 'single' | 'multi';
-    centered?: boolean;
-    columns?: 1 | 2 | 3 | 4;
-    onSelect: (value: T | T[]) => void;
-}
-export declare const PickerMenu: <T>({ message, options, mode, centered, columns, onSelect, }: PickerMenuProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};