@posthog/wizard 1.36.0 → 2.0.0

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

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PickerMenu — Single and multi select.
+ * Single mode: custom renderer with small triangle indicator.
+ * Multi mode: checkbox glyphs with space to toggle.
+ */
+import { Box, Text, useInput } from 'ink';
+import { useState } from 'react';
+import { Icons, Colors } from '../styles.js';
+import { PromptLabel } from './PromptLabel.js';
+export const PickerMenu = ({ message, options, mode = 'single', centered = false, columns = 1, onSelect, }) => {
+    if (mode === 'multi') {
+        return (_jsx(MultiPickerMenu, { message: message, options: options, centered: centered, columns: columns, onSelect: onSelect }));
+    }
+    return (_jsx(SinglePickerMenu, { message: message, options: options, centered: centered, columns: columns, onSelect: onSelect }));
+};
+/** Custom single-select with triangle indicator and accent highlight. */
+const SinglePickerMenu = ({ message, options, centered = false, columns = 1, onSelect, }) => {
+    const [focused, setFocused] = useState(0);
+    const rows = Math.ceil(options.length / columns);
+    useInput((_input, key) => {
+        const col = Math.floor(focused / rows);
+        const row = focused % rows;
+        if (key.upArrow) {
+            if (row > 0) {
+                setFocused(col * rows + row - 1);
+            }
+            else {
+                setFocused(Math.min(col * rows + rows - 1, options.length - 1));
+            }
+        }
+        if (key.downArrow) {
+            const next = col * rows + row + 1;
+            if (next < options.length && row + 1 < rows) {
+                setFocused(next);
+            }
+            else {
+                setFocused(col * rows);
+            }
+        }
+        if (key.leftArrow && columns > 1) {
+            const prevCol = col > 0 ? col - 1 : columns - 1;
+            setFocused(Math.min(prevCol * rows + row, options.length - 1));
+        }
+        if (key.rightArrow && columns > 1) {
+            const nextCol = col < columns - 1 ? col + 1 : 0;
+            setFocused(Math.min(nextCol * rows + row, options.length - 1));
+        }
+        if (key.return) {
+            const selected = options[focused];
+            if (selected) {
+                onSelect(selected.value);
+            }
+        }
+    });
+    // Chunk options into columns (column-first ordering)
+    const columnArrays = [];
+    for (let c = 0; c < columns; c++) {
+        columnArrays.push(options.slice(c * rows, c * rows + rows));
+    }
+    const align = centered ? 'center' : undefined;
+    return (_jsxs(Box, { flexDirection: "column", alignItems: align, children: [_jsx(PromptLabel, { message: message }), _jsx(Box, { flexDirection: "row", gap: 4, children: columnArrays.map((colOpts, colIdx) => (_jsx(Box, { flexDirection: "column", children: colOpts.map((opt, rowIdx) => {
+                        const flatIdx = colIdx * rows + rowIdx;
+                        const isFocused = flatIdx === focused;
+                        const label = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;
+                        return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isFocused ? Colors.accent : undefined, dimColor: !isFocused, children: isFocused ? Icons.triangleSmallRight : ' ' }), _jsx(Text, { color: isFocused ? Colors.accent : undefined, bold: isFocused, dimColor: !isFocused, children: label })] }, flatIdx));
+                    }) }, colIdx))) })] }));
+};
+/** Custom multi-select with checkbox glyphs and accent highlight. */
+const MultiPickerMenu = ({ message, options, centered = false, columns = 1, onSelect, }) => {
+    const [focused, setFocused] = useState(0);
+    const [selected, setSelected] = useState(new Set());
+    const rows = Math.ceil(options.length / columns);
+    useInput((_input, key) => {
+        const col = Math.floor(focused / rows);
+        const row = focused % rows;
+        if (key.upArrow) {
+            if (row > 0) {
+                setFocused(col * rows + row - 1);
+            }
+            else {
+                setFocused(Math.min(col * rows + rows - 1, options.length - 1));
+            }
+        }
+        if (key.downArrow) {
+            const next = col * rows + row + 1;
+            if (next < options.length && row + 1 < rows) {
+                setFocused(next);
+            }
+            else {
+                setFocused(col * rows);
+            }
+        }
+        if (key.leftArrow && columns > 1) {
+            const prevCol = col > 0 ? col - 1 : columns - 1;
+            setFocused(Math.min(prevCol * rows + row, options.length - 1));
+        }
+        if (key.rightArrow && columns > 1) {
+            const nextCol = col < columns - 1 ? col + 1 : 0;
+            setFocused(Math.min(nextCol * rows + row, options.length - 1));
+        }
+        if (_input === ' ') {
+            setSelected((prev) => {
+                const next = new Set(prev);
+                if (next.has(focused)) {
+                    next.delete(focused);
+                }
+                else {
+                    next.add(focused);
+                }
+                return next;
+            });
+        }
+        if (key.return) {
+            const values = [...selected].sort().map((i) => options[i].value);
+            onSelect(values);
+        }
+    });
+    const columnArrays = [];
+    for (let c = 0; c < columns; c++) {
+        columnArrays.push(options.slice(c * rows, c * rows + rows));
+    }
+    return (_jsxs(Box, { flexDirection: "column", alignItems: centered ? 'center' : undefined, children: [_jsx(PromptLabel, { message: message }), _jsx(Text, { dimColor: true, children: " (space to toggle, enter to submit)" }), _jsx(Box, { flexDirection: "row", gap: 4, marginLeft: centered ? 0 : 2, marginTop: 1, children: columnArrays.map((colOpts, colIdx) => (_jsx(Box, { flexDirection: "column", children: colOpts.map((opt, rowIdx) => {
+                        const flatIdx = colIdx * rows + rowIdx;
+                        const isFocused = flatIdx === focused;
+                        const isSelected = selected.has(flatIdx);
+                        const label = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;
+                        const checkbox = isSelected
+                            ? Icons.squareFilled
+                            : Icons.squareOpen;
+                        return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isSelected ? 'white' : Colors.muted, dimColor: !isFocused && !isSelected, children: checkbox }), _jsx(Text, { color: isFocused ? Colors.accent : undefined, bold: isFocused, dimColor: !isFocused, children: label })] }, flatIdx));
+                    }) }, colIdx))) })] }));
+};
+//# sourceMappingURL=PickerMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerMenu.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/PickerMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * PickerMenu — Single and multi select.\n * Single mode: custom renderer with small triangle indicator.\n * Multi mode: checkbox glyphs with space to toggle.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport { useState } from 'react';\nimport { Icons, Colors } from '../styles.js';\nimport { PromptLabel } from './PromptLabel.js';\n\ninterface PickerOption<T> {\n  label: string;\n  value: T;\n  hint?: string;\n}\n\ninterface PickerMenuProps<T> {\n  message?: string;\n  options: PickerOption<T>[];\n  mode?: 'single' | 'multi';\n  centered?: boolean;\n  columns?: 1 | 2 | 3 | 4;\n  onSelect: (value: T | T[]) => void;\n}\n\nexport const PickerMenu = <T,>({\n  message,\n  options,\n  mode = 'single',\n  centered = false,\n  columns = 1,\n  onSelect,\n}: PickerMenuProps<T>) => {\n  if (mode === 'multi') {\n    return (\n      <MultiPickerMenu\n        message={message}\n        options={options}\n        centered={centered}\n        columns={columns}\n        onSelect={onSelect}\n      />\n    );\n  }\n\n  return (\n    <SinglePickerMenu\n      message={message}\n      options={options}\n      centered={centered}\n      columns={columns}\n      onSelect={onSelect}\n    />\n  );\n};\n\n/** Custom single-select with triangle indicator and accent highlight. */\nconst SinglePickerMenu = <T,>({\n  message,\n  options,\n  centered = false,\n  columns = 1,\n  onSelect,\n}: {\n  message?: string;\n  options: PickerOption<T>[];\n  centered?: boolean;\n  columns?: number;\n  onSelect: (value: T | T[]) => void;\n}) => {\n  const [focused, setFocused] = useState(0);\n  const rows = Math.ceil(options.length / columns);\n\n  useInput((_input, key) => {\n    const col = Math.floor(focused / rows);\n    const row = focused % rows;\n\n    if (key.upArrow) {\n      if (row > 0) {\n        setFocused(col * rows + row - 1);\n      } else {\n        setFocused(Math.min(col * rows + rows - 1, options.length - 1));\n      }\n    }\n    if (key.downArrow) {\n      const next = col * rows + row + 1;\n      if (next < options.length && row + 1 < rows) {\n        setFocused(next);\n      } else {\n        setFocused(col * rows);\n      }\n    }\n    if (key.leftArrow && columns > 1) {\n      const prevCol = col > 0 ? col - 1 : columns - 1;\n      setFocused(Math.min(prevCol * rows + row, options.length - 1));\n    }\n    if (key.rightArrow && columns > 1) {\n      const nextCol = col < columns - 1 ? col + 1 : 0;\n      setFocused(Math.min(nextCol * rows + row, options.length - 1));\n    }\n    if (key.return) {\n      const selected = options[focused];\n      if (selected) {\n        onSelect(selected.value);\n      }\n    }\n  });\n\n  // Chunk options into columns (column-first ordering)\n  const columnArrays: PickerOption<T>[][] = [];\n  for (let c = 0; c < columns; c++) {\n    columnArrays.push(options.slice(c * rows, c * rows + rows));\n  }\n\n  const align = centered ? 'center' : undefined;\n\n  return (\n    <Box flexDirection=\"column\" alignItems={align}>\n      <PromptLabel message={message} />\n      <Box flexDirection=\"row\" gap={4}>\n        {columnArrays.map((colOpts, colIdx) => (\n          <Box key={colIdx} flexDirection=\"column\">\n            {colOpts.map((opt, rowIdx) => {\n              const flatIdx = colIdx * rows + rowIdx;\n              const isFocused = flatIdx === focused;\n              const label = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;\n              return (\n                <Box key={flatIdx} gap={1}>\n                  <Text\n                    color={isFocused ? Colors.accent : undefined}\n                    dimColor={!isFocused}\n                  >\n                    {isFocused ? Icons.triangleSmallRight : ' '}\n                  </Text>\n                  <Text\n                    color={isFocused ? Colors.accent : undefined}\n                    bold={isFocused}\n                    dimColor={!isFocused}\n                  >\n                    {label}\n                  </Text>\n                </Box>\n              );\n            })}\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n\n/** Custom multi-select with checkbox glyphs and accent highlight. */\nconst MultiPickerMenu = <T,>({\n  message,\n  options,\n  centered = false,\n  columns = 1,\n  onSelect,\n}: {\n  message?: string;\n  options: PickerOption<T>[];\n  centered?: boolean;\n  columns?: number;\n  onSelect: (value: T | T[]) => void;\n}) => {\n  const [focused, setFocused] = useState(0);\n  const [selected, setSelected] = useState<Set<number>>(new Set());\n  const rows = Math.ceil(options.length / columns);\n\n  useInput((_input, key) => {\n    const col = Math.floor(focused / rows);\n    const row = focused % rows;\n\n    if (key.upArrow) {\n      if (row > 0) {\n        setFocused(col * rows + row - 1);\n      } else {\n        setFocused(Math.min(col * rows + rows - 1, options.length - 1));\n      }\n    }\n    if (key.downArrow) {\n      const next = col * rows + row + 1;\n      if (next < options.length && row + 1 < rows) {\n        setFocused(next);\n      } else {\n        setFocused(col * rows);\n      }\n    }\n    if (key.leftArrow && columns > 1) {\n      const prevCol = col > 0 ? col - 1 : columns - 1;\n      setFocused(Math.min(prevCol * rows + row, options.length - 1));\n    }\n    if (key.rightArrow && columns > 1) {\n      const nextCol = col < columns - 1 ? col + 1 : 0;\n      setFocused(Math.min(nextCol * rows + row, options.length - 1));\n    }\n    if (_input === ' ') {\n      setSelected((prev) => {\n        const next = new Set(prev);\n        if (next.has(focused)) {\n          next.delete(focused);\n        } else {\n          next.add(focused);\n        }\n        return next;\n      });\n    }\n    if (key.return) {\n      const values = [...selected].sort().map((i) => options[i].value);\n      onSelect(values);\n    }\n  });\n\n  const columnArrays: PickerOption<T>[][] = [];\n  for (let c = 0; c < columns; c++) {\n    columnArrays.push(options.slice(c * rows, c * rows + rows));\n  }\n\n  return (\n    <Box flexDirection=\"column\" alignItems={centered ? 'center' : undefined}>\n      <PromptLabel message={message} />\n      <Text dimColor> (space to toggle, enter to submit)</Text>\n      <Box\n        flexDirection=\"row\"\n        gap={4}\n        marginLeft={centered ? 0 : 2}\n        marginTop={1}\n      >\n        {columnArrays.map((colOpts, colIdx) => (\n          <Box key={colIdx} flexDirection=\"column\">\n            {colOpts.map((opt, rowIdx) => {\n              const flatIdx = colIdx * rows + rowIdx;\n              const isFocused = flatIdx === focused;\n              const isSelected = selected.has(flatIdx);\n              const label = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;\n              const checkbox = isSelected\n                ? Icons.squareFilled\n                : Icons.squareOpen;\n              return (\n                <Box key={flatIdx} gap={1}>\n                  <Text\n                    color={isSelected ? 'white' : Colors.muted}\n                    dimColor={!isFocused && !isSelected}\n                  >\n                    {checkbox}\n                  </Text>\n                  <Text\n                    color={isFocused ? Colors.accent : undefined}\n                    bold={isFocused}\n                    dimColor={!isFocused}\n                  >\n                    {label}\n                  </Text>\n                </Box>\n              );\n            })}\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,15 @@
+/**
+ * ProgressList — Reusable task checklist with status icons.
+ * Extracted from StatusTab logic.
+ */
+export interface ProgressItem {
+    label: string;
+    activeForm?: string;
+    status: 'pending' | 'in_progress' | 'completed';
+}
+interface ProgressListProps {
+    items: ProgressItem[];
+    title?: string;
+}
+export declare const ProgressList: ({ items, title }: ProgressListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProgressList — Reusable task checklist with status icons.
+ * Extracted from StatusTab logic.
+ */
+import { Box, Text } from 'ink';
+import { Spinner } from '@inkjs/ui';
+import { Colors, Icons } from '../styles.js';
+import { LoadingBox } from './LoadingBox.js';
+export const ProgressList = ({ items, title }) => {
+    const completed = items.filter((t) => t.status === 'completed').length;
+    const total = items.length;
+    return (_jsxs(Box, { flexDirection: "column", children: [title && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: title }), _jsx(Text, { children: " " })] })), items.length === 0 && _jsx(LoadingBox, { message: "Analyzing project..." }), items.map((item, i) => {
+                const icon = item.status === 'completed'
+                    ? Icons.squareFilled
+                    : item.status === 'in_progress'
+                        ? Icons.triangleRight
+                        : Icons.squareOpen;
+                const color = item.status === 'completed'
+                    ? Colors.success
+                    : item.status === 'in_progress'
+                        ? Colors.primary
+                        : Colors.muted;
+                const label = item.status === 'in_progress' && item.activeForm
+                    ? item.activeForm
+                    : item.label;
+                return (_jsxs(Text, { children: [_jsx(Text, { color: color, children: icon }), _jsxs(Text, { dimColor: item.status === 'pending', children: [" ", label] })] }, i));
+            }), total > 0 && (_jsxs(Box, { marginTop: 1, gap: 1, children: [completed < total && _jsx(Spinner, {}), _jsxs(Text, { dimColor: true, children: ["Progress: ", completed, "/", total, " completed"] })] }))] }));
+};
+//# sourceMappingURL=ProgressList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressList.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/ProgressList.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAqB,EAAE,EAAE;IAClE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,MAAM,CAAC;IACvE,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;IAE3B,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,KAAK,IAAI,CACR,8BACE,KAAC,IAAI,IAAC,IAAI,kBAAE,KAAK,GAAQ,EACzB,KAAC,IAAI,oBAAS,IACb,CACJ,EACA,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,sBAAsB,GAAG,EACnE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACrB,MAAM,IAAI,GACR,IAAI,CAAC,MAAM,KAAK,WAAW;oBACzB,CAAC,CAAC,KAAK,CAAC,YAAY;oBACpB,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa;wBAC/B,CAAC,CAAC,KAAK,CAAC,aAAa;wBACrB,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;gBACvB,MAAM,KAAK,GACT,IAAI,CAAC,MAAM,KAAK,WAAW;oBACzB,CAAC,CAAC,MAAM,CAAC,OAAO;oBAChB,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa;wBAC/B,CAAC,CAAC,MAAM,CAAC,OAAO;wBAChB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACnB,MAAM,KAAK,GACT,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,IAAI,CAAC,UAAU;oBAC9C,CAAC,CAAC,IAAI,CAAC,UAAU;oBACjB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;gBAEjB,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,IAAI,GAAQ,EACjC,MAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,SAAS,kBAAI,KAAK,IAAQ,KAFjD,CAAC,CAGL,CACR,CAAC;YACJ,CAAC,CAAC,EACD,KAAK,GAAG,CAAC,IAAI,CACZ,MAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,aACtB,SAAS,GAAG,KAAK,IAAI,KAAC,OAAO,KAAG,EACjC,MAAC,IAAI,IAAC,QAAQ,iCACD,SAAS,OAAG,KAAK,kBACvB,IACH,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ProgressList — Reusable task checklist with status icons.\n * Extracted from StatusTab logic.\n */\n\nimport { Box, Text } from 'ink';\nimport { Spinner } from '@inkjs/ui';\nimport { Colors, Icons } from '../styles.js';\nimport { LoadingBox } from './LoadingBox.js';\n\nexport interface ProgressItem {\n  label: string;\n  activeForm?: string;\n  status: 'pending' | 'in_progress' | 'completed';\n}\n\ninterface ProgressListProps {\n  items: ProgressItem[];\n  title?: string;\n}\n\nexport const ProgressList = ({ items, title }: ProgressListProps) => {\n  const completed = items.filter((t) => t.status === 'completed').length;\n  const total = items.length;\n\n  return (\n    <Box flexDirection=\"column\">\n      {title && (\n        <>\n          <Text bold>{title}</Text>\n          <Text> </Text>\n        </>\n      )}\n      {items.length === 0 && <LoadingBox message=\"Analyzing project...\" />}\n      {items.map((item, i) => {\n        const icon =\n          item.status === 'completed'\n            ? Icons.squareFilled\n            : item.status === 'in_progress'\n            ? Icons.triangleRight\n            : Icons.squareOpen;\n        const color =\n          item.status === 'completed'\n            ? Colors.success\n            : item.status === 'in_progress'\n            ? Colors.primary\n            : Colors.muted;\n        const label =\n          item.status === 'in_progress' && item.activeForm\n            ? item.activeForm\n            : item.label;\n\n        return (\n          <Text key={i}>\n            <Text color={color}>{icon}</Text>\n            <Text dimColor={item.status === 'pending'}> {label}</Text>\n          </Text>\n        );\n      })}\n      {total > 0 && (\n        <Box marginTop={1} gap={1}>\n          {completed < total && <Spinner />}\n          <Text dimColor>\n            Progress: {completed}/{total} completed\n          </Text>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,11 @@
+/**
+ * PromptLabel — Compact inline label for input prompts.
+ *
+ * Renders: [!] message
+ * where [!] is black text on accent background.
+ */
+interface PromptLabelProps {
+    message?: string;
+}
+export declare const PromptLabel: ({ message }: PromptLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * PromptLabel — Compact inline label for input prompts.
+ *
+ * Renders: [!] message
+ * where [!] is black text on accent background.
+ */
+import { Box, Text } from 'ink';
+import { Colors } from '../styles.js';
+export const PromptLabel = ({ message }) => {
+    return (_jsx(Box, { children: _jsxs(Text, { bold: true, color: Colors.accent, children: [' ', message] }) }));
+};
+//# sourceMappingURL=PromptLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptLabel.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/PromptLabel.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAMtC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC3D,OAAO,CACL,KAAC,GAAG,cACF,MAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aAC5B,GAAG,EACH,OAAO,IACH,GACH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * PromptLabel — Compact inline label for input prompts.\n *\n * Renders: [!] message\n * where [!] is black text on accent background.\n */\n\nimport { Box, Text } from 'ink';\nimport { Colors } from '../styles.js';\n\ninterface PromptLabelProps {\n  message?: string;\n}\n\nexport const PromptLabel = ({ message }: PromptLabelProps) => {\n  return (\n    <Box>\n      <Text bold color={Colors.accent}>\n        {' '}\n        {message}\n      </Text>\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,16 @@
+/**
+ * ScreenContainer — Renders TitleBar + routes between screens with transitions.
+ * Takes a screens map and renders the one matching store.currentScreen.
+ * Horizontal wipe plays on push (left) or pop (right).
+ *
+ * Each screen is wrapped in a ScreenErrorBoundary so that render crashes
+ * route to the outro screen with an error message instead of hanging.
+ */
+import { type ReactNode } from 'react';
+import type { WizardStore } from '../store.js';
+interface ScreenContainerProps {
+    store: WizardStore;
+    screens: Record<string, ReactNode>;
+}
+export declare const ScreenContainer: ({ store, screens }: ScreenContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ScreenContainer — Renders TitleBar + routes between screens with transitions.
+ * Takes a screens map and renders the one matching store.currentScreen.
+ * Horizontal wipe plays on push (left) or pop (right).
+ *
+ * Each screen is wrapped in a ScreenErrorBoundary so that render crashes
+ * route to the outro screen with an error message instead of hanging.
+ */
+import { Box } from 'ink';
+import { useSyncExternalStore } from 'react';
+import { TitleBar } from '../components/TitleBar.js';
+import { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';
+import { DissolveTransition } from './DissolveTransition.js';
+import { ScreenErrorBoundary } from './ScreenErrorBoundary.js';
+const MIN_WIDTH = 80;
+const MAX_WIDTH = 120;
+/** Use terminal width when small so we don't overflow; otherwise clamp to [MIN_WIDTH, MAX_WIDTH]. */
+function getContentWidth(terminalColumns) {
+    if (terminalColumns < MIN_WIDTH)
+        return terminalColumns;
+    return Math.min(MAX_WIDTH, terminalColumns);
+}
+export const ScreenContainer = ({ store, screens }) => {
+    const [columns, rows] = useStdoutDimensions();
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    const terminalWidth = columns;
+    const width = getContentWidth(terminalWidth);
+    const contentHeight = Math.max(5, rows - 3);
+    const contentAreaWidth = Math.max(10, width - 2);
+    const direction = store.lastNavDirection === 'pop' ? 'right' : 'left';
+    const activeScreen = screens[store.currentScreen] ?? null;
+    const inner = (_jsxs(Box, { flexDirection: "column", height: rows, width: width, children: [_jsx(TitleBar, { version: store.version, width: width }), _jsx(Box, { height: 1 }), _jsx(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: _jsx(DissolveTransition, { transitionKey: store.currentScreen, width: contentAreaWidth, height: contentHeight, direction: direction, children: _jsx(ScreenErrorBoundary, { store: store, children: activeScreen }) }) })] }));
+    return (_jsx(Box, { flexDirection: "column", height: rows, width: terminalWidth, alignItems: "center", justifyContent: "flex-start", children: inner }));
+};
+//# sourceMappingURL=ScreenContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/ScreenContainer.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAkB,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,SAAS,GAAG,GAAG,CAAC;AAEtB,qGAAqG;AACrG,SAAS,eAAe,CAAC,eAAuB;IAC9C,IAAI,eAAe,GAAG,SAAS;QAAE,OAAO,eAAe,CAAC;IACxD,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC9C,CAAC;AAOD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAwB,EAAE,EAAE;IAC1E,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,mBAAmB,EAAE,CAAC;IAC9C,oBAAoB,CAClB,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAC1B,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC;IAC9B,MAAM,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;IAC5C,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACtE,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE1D,MAAM,KAAK,GAAG,CACZ,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,aACpD,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,EAClD,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,GAAI,EAClB,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,YAClD,KAAC,kBAAkB,IACjB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,KAAK,EAAE,gBAAgB,EACvB,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,SAAS,YAEpB,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,YAC9B,YAAY,GACO,GACH,GACjB,IACF,CACP,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,aAAa,EACpB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,YAAY,YAE1B,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ScreenContainer — Renders TitleBar + routes between screens with transitions.\n * Takes a screens map and renders the one matching store.currentScreen.\n * Horizontal wipe plays on push (left) or pop (right).\n *\n * Each screen is wrapped in a ScreenErrorBoundary so that render crashes\n * route to the outro screen with an error message instead of hanging.\n */\n\nimport { Box } from 'ink';\nimport { useSyncExternalStore, type ReactNode } from 'react';\nimport { TitleBar } from '../components/TitleBar.js';\nimport { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';\nimport { DissolveTransition } from './DissolveTransition.js';\nimport { ScreenErrorBoundary } from './ScreenErrorBoundary.js';\nimport type { WizardStore } from '../store.js';\n\nconst MIN_WIDTH = 80;\nconst MAX_WIDTH = 120;\n\n/** Use terminal width when small so we don't overflow; otherwise clamp to [MIN_WIDTH, MAX_WIDTH]. */\nfunction getContentWidth(terminalColumns: number): number {\n  if (terminalColumns < MIN_WIDTH) return terminalColumns;\n  return Math.min(MAX_WIDTH, terminalColumns);\n}\n\ninterface ScreenContainerProps {\n  store: WizardStore;\n  screens: Record<string, ReactNode>;\n}\n\nexport const ScreenContainer = ({ store, screens }: ScreenContainerProps) => {\n  const [columns, rows] = useStdoutDimensions();\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const terminalWidth = columns;\n  const width = getContentWidth(terminalWidth);\n  const contentHeight = Math.max(5, rows - 3);\n  const contentAreaWidth = Math.max(10, width - 2);\n  const direction = store.lastNavDirection === 'pop' ? 'right' : 'left';\n  const activeScreen = screens[store.currentScreen] ?? null;\n\n  const inner = (\n    <Box flexDirection=\"column\" height={rows} width={width}>\n      <TitleBar version={store.version} width={width} />\n      <Box height={1} />\n      <Box flexDirection=\"column\" flexGrow={1} paddingX={1}>\n        <DissolveTransition\n          transitionKey={store.currentScreen}\n          width={contentAreaWidth}\n          height={contentHeight}\n          direction={direction}\n        >\n          <ScreenErrorBoundary store={store}>\n            {activeScreen}\n          </ScreenErrorBoundary>\n        </DissolveTransition>\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      height={rows}\n      width={terminalWidth}\n      alignItems=\"center\"\n      justifyContent=\"flex-start\"\n    >\n      {inner}\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,22 @@
+/**
+ * ScreenErrorBoundary — catches React render errors in screens
+ * and routes to the outro screen with an error message.
+ *
+ * Without this, a screen crash silently hangs the TUI.
+ */
+import { Component, type ReactNode } from 'react';
+import type { WizardStore } from '../store.js';
+interface Props {
+    store: WizardStore;
+    children: ReactNode;
+}
+interface State {
+    error: Error | null;
+}
+export declare class ScreenErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error): void;
+    render(): ReactNode;
+}
+export {};

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ScreenErrorBoundary — catches React render errors in screens
+ * and routes to the outro screen with an error message.
+ *
+ * Without this, a screen crash silently hangs the TUI.
+ */
+import { Box, Text } from 'ink';
+import { Component } from 'react';
+import { OutroKind, RunPhase } from '../../../lib/wizard-session.js';
+export class ScreenErrorBoundary extends Component {
+    state = { error: null };
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    componentDidCatch(error) {
+        const { store } = this.props;
+        // eslint-disable-next-line no-console
+        console.error('[ScreenErrorBoundary]', error.message, error.stack);
+        // Set error state — the router will resolve to outro
+        store.setOutroData({
+            kind: OutroKind.Error,
+            message: `A screen crashed: ${error.message}`,
+        });
+        store.setRunPhase(RunPhase.Error);
+    }
+    render() {
+        if (this.state.error) {
+            // Fallback while the store transition fires
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "red", bold: true, children: "Something went wrong." }), _jsx(Text, { dimColor: true, children: this.state.error.message })] }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ScreenErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenErrorBoundary.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/ScreenErrorBoundary.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAWrE,MAAM,OAAO,mBAAoB,SAAQ,SAAuB;IAC9D,KAAK,GAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAE/B,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAC;IACnB,CAAC;IAED,iBAAiB,CAAC,KAAY;QAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAEnE,qDAAqD;QACrD,KAAK,CAAC,YAAY,CAAC;YACjB,IAAI,EAAE,SAAS,CAAC,KAAK;YACrB,OAAO,EAAE,qBAAqB,KAAK,CAAC,OAAO,EAAE;SAC9C,CAAC,CAAC;QACH,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,4CAA4C;YAC5C,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,4CAEf,EACP,KAAC,IAAI,IAAC,QAAQ,kBAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAQ,IAC5C,CACP,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF","sourcesContent":["/**\n * ScreenErrorBoundary — catches React render errors in screens\n * and routes to the outro screen with an error message.\n *\n * Without this, a screen crash silently hangs the TUI.\n */\n\nimport { Box, Text } from 'ink';\nimport { Component, type ReactNode } from 'react';\nimport type { WizardStore } from '../store.js';\nimport { OutroKind, RunPhase } from '../../../lib/wizard-session.js';\n\ninterface Props {\n  store: WizardStore;\n  children: ReactNode;\n}\n\ninterface State {\n  error: Error | null;\n}\n\nexport class ScreenErrorBoundary extends Component<Props, State> {\n  state: State = { error: null };\n\n  static getDerivedStateFromError(error: Error): State {\n    return { error };\n  }\n\n  componentDidCatch(error: Error): void {\n    const { store } = this.props;\n\n    // eslint-disable-next-line no-console\n    console.error('[ScreenErrorBoundary]', error.message, error.stack);\n\n    // Set error state — the router will resolve to outro\n    store.setOutroData({\n      kind: OutroKind.Error,\n      message: `A screen crashed: ${error.message}`,\n    });\n    store.setRunPhase(RunPhase.Error);\n  }\n\n  render(): ReactNode {\n    if (this.state.error) {\n      // Fallback while the store transition fires\n      return (\n        <Box flexDirection=\"column\">\n          <Text color=\"red\" bold>\n            Something went wrong.\n          </Text>\n          <Text dimColor>{this.state.error.message}</Text>\n        </Box>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+/**
+ * SplitView — Two-pane horizontal layout: 50/50.
+ */
+import type { ReactNode } from 'react';
+interface SplitViewProps {
+    left: ReactNode;
+    right: ReactNode;
+    gap?: number;
+}
+export declare const SplitView: ({ left, right, gap }: SplitViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SplitView — Two-pane horizontal layout: 50/50.
+ */
+import { Box } from 'ink';
+export const SplitView = ({ left, right, gap = 2 }) => {
+    return (_jsxs(Box, { flexDirection: "row", flexGrow: 1, flexShrink: 1, gap: gap, children: [_jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", children: left }), _jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", children: right })] }));
+};
+//# sourceMappingURL=SplitView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitView.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/SplitView.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAS1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,EAAkB,EAAE,EAAE;IACpE,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,aAC3D,KAAC,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACtD,IAAI,GACD,EACN,KAAC,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACtD,KAAK,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * SplitView — Two-pane horizontal layout: 50/50.\n */\n\nimport { Box } from 'ink';\nimport type { ReactNode } from 'react';\n\ninterface SplitViewProps {\n  left: ReactNode;\n  right: ReactNode;\n  gap?: number;\n}\n\nexport const SplitView = ({ left, right, gap = 2 }: SplitViewProps) => {\n  return (\n    <Box flexDirection=\"row\" flexGrow={1} flexShrink={1} gap={gap}>\n      <Box width=\"50%\" flexDirection=\"column\" overflow=\"hidden\">\n        {left}\n      </Box>\n      <Box width=\"50%\" flexDirection=\"column\" overflow=\"hidden\">\n        {right}\n      </Box>\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,23 @@
+/**
+ * TabContainer — Self-contained tabbed interface.
+ * Absorbs BottomTabBar + StatusPanel functionality.
+ */
+import { type ReactNode } from 'react';
+import type { WizardStore } from '../store.js';
+export interface TabDefinition {
+    id: string;
+    label: string;
+    component: ReactNode;
+}
+export declare const COLLAPSED_COUNT = 2;
+export declare const EXPANDED_COUNT = 10;
+interface TabContainerProps {
+    tabs: TabDefinition[];
+    statusMessage?: string | string[];
+    /** Enable expand/collapse on the status box via 's' key */
+    expandableStatus?: boolean;
+    /** Store reference — required when expandableStatus is true so status state is shared. */
+    store?: WizardStore;
+}
+export declare const TabContainer: ({ tabs, statusMessage, expandableStatus, store, }: TabContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TabContainer — Self-contained tabbed interface.
+ * Absorbs BottomTabBar + StatusPanel functionality.
+ */
+import { Box, Text, useInput } from 'ink';
+import { useState } from 'react';
+import { Colors, Icons } from '../styles.js';
+export const COLLAPSED_COUNT = 2;
+export const EXPANDED_COUNT = 10;
+export const TabContainer = ({ tabs, statusMessage, expandableStatus = false, store, }) => {
+    const [activeTab, setActiveTab] = useState(0);
+    // Fallback to local state when no store is provided
+    const [localExpanded, setLocalExpanded] = useState(false);
+    const statusExpanded = store ? store.statusExpanded : localExpanded;
+    useInput((input, key) => {
+        if (key.leftArrow) {
+            setActiveTab((prev) => Math.max(0, prev - 1));
+        }
+        if (key.rightArrow) {
+            setActiveTab((prev) => Math.min(tabs.length - 1, prev + 1));
+        }
+        if (expandableStatus && input === 's') {
+            if (store) {
+                store.toggleStatusExpanded();
+            }
+            else {
+                setLocalExpanded((prev) => !prev);
+            }
+        }
+    });
+    const current = tabs[activeTab];
+    const allMessages = statusMessage
+        ? Array.isArray(statusMessage)
+            ? statusMessage
+            : [statusMessage]
+        : [];
+    const visibleCount = expandableStatus && statusExpanded ? EXPANDED_COUNT : COLLAPSED_COUNT;
+    const visibleMessages = allMessages.slice(-visibleCount);
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, overflow: "hidden", children: current?.component }), visibleMessages.length > 0 && (_jsx(Box, { flexDirection: "column", borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: Colors.muted, paddingX: 1, overflow: "hidden", children: visibleMessages.map((msg, i, arr) => {
+                    const isCurrent = i === arr.length - 1;
+                    return (_jsxs(Text, { color: Colors.muted, dimColor: !isCurrent, children: [isCurrent ? Icons.diamond : '\u250A', " ", msg] }, i));
+                }) })), _jsx(Box, { height: 1 }), _jsx(Box, { gap: 1, paddingX: 1, children: tabs.map((tab, i) => (_jsx(Text, { inverse: i === activeTab, color: i === activeTab ? Colors.accent : Colors.muted, bold: i === activeTab, children: ` ${tab.label} ` }, tab.id))) })] }));
+};
+//# sourceMappingURL=TabContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabContainer.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/TabContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * TabContainer — Self-contained tabbed interface.\n * Absorbs BottomTabBar + StatusPanel functionality.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport { useState, type ReactNode } from 'react';\nimport { Colors, Icons } from '../styles.js';\nimport type { WizardStore } from '../store.js';\n\nexport interface TabDefinition {\n  id: string;\n  label: string;\n  component: ReactNode;\n}\n\nexport const COLLAPSED_COUNT = 2;\nexport const EXPANDED_COUNT = 10;\n\ninterface TabContainerProps {\n  tabs: TabDefinition[];\n  statusMessage?: string | string[];\n  /** Enable expand/collapse on the status box via 's' key */\n  expandableStatus?: boolean;\n  /** Store reference — required when expandableStatus is true so status state is shared. */\n  store?: WizardStore;\n}\n\nexport const TabContainer = ({\n  tabs,\n  statusMessage,\n  expandableStatus = false,\n  store,\n}: TabContainerProps) => {\n  const [activeTab, setActiveTab] = useState(0);\n  // Fallback to local state when no store is provided\n  const [localExpanded, setLocalExpanded] = useState(false);\n\n  const statusExpanded = store ? store.statusExpanded : localExpanded;\n\n  useInput((input, key) => {\n    if (key.leftArrow) {\n      setActiveTab((prev) => Math.max(0, prev - 1));\n    }\n    if (key.rightArrow) {\n      setActiveTab((prev) => Math.min(tabs.length - 1, prev + 1));\n    }\n    if (expandableStatus && input === 's') {\n      if (store) {\n        store.toggleStatusExpanded();\n      } else {\n        setLocalExpanded((prev) => !prev);\n      }\n    }\n  });\n\n  const current = tabs[activeTab];\n\n  const allMessages = statusMessage\n    ? Array.isArray(statusMessage)\n      ? statusMessage\n      : [statusMessage]\n    : [];\n  const visibleCount =\n    expandableStatus && statusExpanded ? EXPANDED_COUNT : COLLAPSED_COUNT;\n  const visibleMessages = allMessages.slice(-visibleCount);\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      {/* Active tab content — overflow hidden so expanded status eats into this area */}\n      <Box flexDirection=\"column\" flexGrow={1} flexShrink={1} overflow=\"hidden\">\n        {current?.component}\n      </Box>\n\n      {/* Status bar */}\n      {visibleMessages.length > 0 && (\n        <Box\n          flexDirection=\"column\"\n          borderStyle=\"single\"\n          borderTop\n          borderBottom={false}\n          borderLeft={false}\n          borderRight={false}\n          borderColor={Colors.muted}\n          paddingX={1}\n          overflow=\"hidden\"\n        >\n          {visibleMessages.map((msg, i, arr) => {\n            const isCurrent = i === arr.length - 1;\n            return (\n              <Text key={i} color={Colors.muted} dimColor={!isCurrent}>\n                {isCurrent ? Icons.diamond : '\\u250A'} {msg}\n              </Text>\n            );\n          })}\n        </Box>\n      )}\n\n      {/* Tab bar */}\n      <Box height={1} />\n      <Box gap={1} paddingX={1}>\n        {tabs.map((tab, i) => (\n          <Text\n            key={tab.id}\n            inverse={i === activeTab}\n            color={i === activeTab ? Colors.accent : Colors.muted}\n            bold={i === activeTab}\n          >\n            {` ${tab.label} `}\n          </Text>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,41 @@
+/**
+ * TextBlock — Animates a single string paragraph.
+ *
+ * Self-contained: owns its own animIdx and timer.
+ * Calls onComplete() when the animation finishes.
+ *
+ * Five animation modes:
+ *   1. Typewriter           — character-by-character reveal
+ *   2. Word by word         — each word appears in order
+ *   3. Sentence by sentence — sentences appear one at a time
+ *   4. Paragraph fade       — paragraph appears at full opacity immediately
+ *   5. Sentence fade        — paragraph dim, sentences light up in order
+ */
+import { type ReactNode } from 'react';
+export declare enum TextRevealMode {
+    Typewriter = 0,
+    WordByWord = 1,
+    SentenceBySentence = 2,
+    ParagraphFade = 3,
+    SentenceFade = 4
+}
+export declare const TEXT_REVEAL_MODE_LABELS: string[];
+export declare const TEXT_REVEAL_MODE_COUNT = 5;
+/** Default interval per mode (ms) */
+export declare const TEXT_REVEAL_MODE_DEFAULTS: Record<TextRevealMode, number>;
+interface TextBlockProps {
+    text: string;
+    active: boolean;
+    completed: boolean;
+    onComplete: () => void;
+    mode: TextRevealMode;
+    bullet?: ReactNode;
+    animationInterval?: number;
+    sentenceInterval?: number;
+    /** Max rows this block may occupy. When exceeded, top lines are truncated. */
+    maxHeight?: number;
+    /** Available text width in columns (for truncation wrapping). */
+    availableWidth?: number;
+}
+export declare const TextBlock: ({ text, active, completed, onComplete, mode, bullet, animationInterval, sentenceInterval, maxHeight, availableWidth, }: TextBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};