@posthog/wizard 1.36.1 → 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSequencer.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/ContentSequencer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ContentSequencer — Plays content blocks in order.\n *\n * Each block is a self-animating component that fires onComplete() when done.\n * The sequencer waits blockInterval ms between blocks, then advances.\n *\n * Block types:\n *   - string            → TextBlock  (animated text, sugar for { content: '...' })\n *   - { content: str }  → TextBlock  (animated text with per-block overrides)\n *   - { content: JSX }  → NodeBlock  (static JSX)\n *   - { type: 'lines' } → LinesBlock (line-by-line reveal)\n *   - { type: 'clear' } → ClearBlock (page break — hides all prior blocks)\n */\n\nimport { Box } from 'ink';\nimport {\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  useMemo,\n  type ReactNode,\n} from 'react';\nimport { TextBlock, type TextRevealMode } from './TextBlock.js';\nimport { LinesBlock } from './LinesBlock.js';\nimport { NodeBlock } from './NodeBlock.js';\nimport { computeVisibleRange } from './layout-helpers.js';\nimport { isLinesBlock, isClearBlock, isObjectBlock } from './content-types.js';\nexport type {\n  ContentBlock,\n  ContentObjectBlock,\n  ContentLinesBlock,\n  ContentClearBlock,\n} from './content-types.js';\nexport { isLinesBlock, isClearBlock, isObjectBlock } from './content-types.js';\n\nimport type { ContentBlock } from './content-types.js';\n\n/** Resolve the pause after a block completes. */\nexport function getBlockPause(\n  block: ContentBlock,\n  blockInterval: number,\n): number {\n  if (typeof block === 'string') return blockInterval;\n  return block.pause ?? blockInterval;\n}\n\ninterface ContentSequencerProps {\n  blocks: ContentBlock[];\n  mode: TextRevealMode;\n  /** Row budget for visible content. When set, older blocks are evicted. */\n  maxHeight?: number;\n  /** Available text width in columns (for height estimation). */\n  availableWidth?: number;\n  bullet?: ReactNode;\n  animationInterval?: number;\n  sentenceInterval?: number;\n  lineInterval?: number;\n  blockInterval?: number;\n  /** Delay in ms before the first block appears. */\n  startDelay?: number;\n  /** Resume from a previously persisted block index. */\n  initialBlockIdx?: number;\n  /** Called whenever the active block index advances. */\n  onBlockChange?: (idx: number) => void;\n  /** Called once when the last block completes (after its pause). */\n  onSequenceComplete?: () => void;\n}\n\nexport const ContentSequencer = ({\n  blocks,\n  mode,\n  maxHeight,\n  availableWidth,\n  bullet,\n  animationInterval,\n  sentenceInterval,\n  lineInterval = 200,\n  blockInterval = 3200,\n  startDelay = 0,\n  initialBlockIdx = 0,\n  onBlockChange,\n  onSequenceComplete,\n}: ContentSequencerProps) => {\n  const resuming = initialBlockIdx > 0;\n  const [activeIdx, setActiveIdx] = useState(\n    resuming ? initialBlockIdx : startDelay > 0 ? -1 : 0,\n  );\n  const transitionTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Initial delay before first block (skip when resuming)\n  useEffect(() => {\n    if (resuming || startDelay <= 0 || activeIdx !== -1) return;\n    const timer = setTimeout(() => setActiveIdx(0), startDelay);\n    return () => clearTimeout(timer);\n  }, [startDelay, activeIdx]);\n\n  // Compute visible range reactively (re-evaluates on resize, block advance, etc.)\n  const [visibleStart, visibleEnd] = useMemo(() => {\n    if (activeIdx < 0) return [0, -1] as [number, number];\n    if (maxHeight == null || availableWidth == null) {\n      return [0, activeIdx] as [number, number];\n    }\n    return computeVisibleRange(blocks, activeIdx, availableWidth, maxHeight);\n  }, [blocks, activeIdx, maxHeight, availableWidth]);\n\n  const handleComplete = useCallback(\n    (blockIndex: number) => {\n      // Only the active block can trigger advancement\n      if (blockIndex !== activeIdx) return;\n      // Last block — fire sequence-complete after its pause, don't advance\n      if (activeIdx >= blocks.length - 1) {\n        if (onSequenceComplete && !transitionTimer.current) {\n          const pause = getBlockPause(blocks[blockIndex], blockInterval);\n          transitionTimer.current = setTimeout(() => {\n            transitionTimer.current = null;\n            onSequenceComplete();\n          }, pause);\n        }\n        return;\n      }\n      // Don't double-trigger\n      if (transitionTimer.current) return;\n\n      const pause = getBlockPause(blocks[blockIndex], blockInterval);\n      transitionTimer.current = setTimeout(() => {\n        transitionTimer.current = null;\n        setActiveIdx((i) => {\n          const next = i + 1;\n          onBlockChange?.(next);\n          return next;\n        });\n      }, pause);\n    },\n    [activeIdx, blocks, blockInterval, onBlockChange, onSequenceComplete],\n  );\n\n  // Find the most recent clear block — nothing before it renders.\n  // When the active block IS a clear block, immediately hide all prior content\n  // so the pause shows a blank screen (not dim prior text).\n  const clearFloor = useMemo(() => {\n    if (activeIdx >= 0 && isClearBlock(blocks[activeIdx])) return activeIdx;\n    for (let i = activeIdx - 1; i >= 0; i--) {\n      if (isClearBlock(blocks[i])) return i + 1;\n    }\n    return 0;\n  }, [blocks, activeIdx]);\n\n  return (\n    <Box flexDirection=\"column\">\n      {blocks.map((block, i) => {\n        // Not yet reached\n        if (i > activeIdx) return null;\n        // Hidden by clear block\n        if (i < clearFloor) return null;\n        // Completed clear blocks don't render (active ones must mount to fire onComplete)\n        if (isClearBlock(block) && i < activeIdx) return null;\n        // Evicted by viewport\n        if (i < visibleStart || i > visibleEnd) return null;\n\n        const active = i === activeIdx;\n        const completed = i < activeIdx;\n\n        // Completed non-text blocks don't persist by default\n        if (completed && isObjectBlock(block)) {\n          const isText = typeof block.content === 'string';\n          const shouldPersist = block.persist ?? isText;\n          if (!shouldPersist) return null;\n        }\n\n        return (\n          <Box key={i} flexDirection=\"column\" marginBottom={1}>\n            <BlockRenderer\n              block={block}\n              active={active}\n              completed={completed}\n              onComplete={() => handleComplete(i)}\n              mode={mode}\n              bullet={bullet}\n              animationInterval={animationInterval}\n              sentenceInterval={sentenceInterval}\n              lineInterval={lineInterval}\n              maxHeight={maxHeight}\n              availableWidth={availableWidth}\n            />\n          </Box>\n        );\n      })}\n    </Box>\n  );\n};\n\ninterface BlockRendererProps {\n  block: ContentBlock;\n  active: boolean;\n  completed: boolean;\n  onComplete: () => void;\n  mode: TextRevealMode;\n  bullet?: ReactNode;\n  animationInterval?: number;\n  sentenceInterval?: number;\n  lineInterval: number;\n  maxHeight?: number;\n  availableWidth?: number;\n}\n\nconst BlockRenderer = ({\n  block,\n  active,\n  completed,\n  onComplete,\n  mode,\n  bullet,\n  animationInterval,\n  sentenceInterval,\n  lineInterval,\n  maxHeight,\n  availableWidth,\n}: BlockRendererProps) => {\n  // Clear block — completes immediately, renders nothing\n  if (isClearBlock(block)) {\n    useEffect(() => {\n      if (active) onComplete();\n    }, [active, onComplete]);\n    return null;\n  }\n\n  // Bare string sugar → TextBlock with sequencer defaults\n  if (typeof block === 'string') {\n    return (\n      <TextBlock\n        text={block}\n        active={active}\n        completed={completed}\n        onComplete={onComplete}\n        mode={mode}\n        bullet={bullet}\n        animationInterval={animationInterval}\n        sentenceInterval={sentenceInterval}\n        maxHeight={maxHeight}\n        availableWidth={availableWidth}\n      />\n    );\n  }\n\n  // Lines block\n  if (isLinesBlock(block)) {\n    return (\n      <LinesBlock\n        lines={block.lines}\n        interval={block.interval ?? lineInterval}\n        active={active}\n        completed={completed}\n        onComplete={onComplete}\n        maxHeight={maxHeight}\n      />\n    );\n  }\n\n  // Object block — dispatch on content type\n  if (typeof block.content === 'string') {\n    return (\n      <TextBlock\n        text={block.content}\n        active={active}\n        completed={completed}\n        onComplete={onComplete}\n        mode={block.mode ?? mode}\n        bullet={bullet}\n        animationInterval={block.animationInterval ?? animationInterval}\n        sentenceInterval={block.sentenceInterval ?? sentenceInterval}\n        maxHeight={maxHeight}\n        availableWidth={availableWidth}\n      />\n    );\n  }\n\n  return (\n    <NodeBlock\n      content={block.content}\n      active={active}\n      completed={completed}\n      onComplete={onComplete}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,21 @@
+/**
+ * DissolveTransition — Column-sweep inspired by TTE's Sweep effect.
+ *
+ * Uses a SequenceEaser (in_out_circ) to activate columns with eased pacing.
+ * Each activated column cycles through shade characters (░▒▓█) independently.
+ *
+ * Out phase: columns sweep, building up shade chars until solid █ (covers old content).
+ * In phase: columns sweep in reverse, dissolving █ back through shades to empty (reveals new content).
+ */
+import { type ReactNode } from 'react';
+export type WipeDirection = 'left' | 'right';
+interface DissolveTransitionProps {
+    transitionKey: string;
+    width: number;
+    height: number;
+    children: ReactNode;
+    direction?: WipeDirection;
+    duration?: number;
+}
+export declare const DissolveTransition: ({ transitionKey, width, height, children, direction, duration, }: DissolveTransitionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,149 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DissolveTransition — Column-sweep inspired by TTE's Sweep effect.
+ *
+ * Uses a SequenceEaser (in_out_circ) to activate columns with eased pacing.
+ * Each activated column cycles through shade characters (░▒▓█) independently.
+ *
+ * Out phase: columns sweep, building up shade chars until solid █ (covers old content).
+ * In phase: columns sweep in reverse, dissolving █ back through shades to empty (reveals new content).
+ */
+import { Box, Text } from 'ink';
+import { useState, useEffect, useRef } from 'react';
+/** Shade characters in build-up order (light → solid). */
+const SHADES = ['░', '▒', '▓', '█'];
+/** How many ticks each shade character displays before advancing. */
+const TICKS_PER_SHADE = 2;
+/** Total ticks a column needs to complete its shade cycle. */
+const SHADE_CYCLE_TICKS = SHADES.length * TICKS_PER_SHADE;
+function easeInOutCirc(t) {
+    if (t < 0.5) {
+        return (1 - Math.sqrt(1 - 4 * t * t)) / 2;
+    }
+    return (Math.sqrt(1 - (2 * t - 2) ** 2) + 1) / 2;
+}
+var TransitionPhase;
+(function (TransitionPhase) {
+    TransitionPhase["Idle"] = "idle";
+    TransitionPhase["Out"] = "out";
+    TransitionPhase["In"] = "in";
+})(TransitionPhase || (TransitionPhase = {}));
+export const DissolveTransition = ({ transitionKey, width, height, children, direction = 'left', duration = 2, }) => {
+    const [phase, setPhase] = useState(TransitionPhase.Idle);
+    const [tick, setTick] = useState(0);
+    const [activeDir, setActiveDir] = useState(direction);
+    const prevKey = useRef(transitionKey);
+    const pendingChildren = useRef(children);
+    const [displayChildren, setDisplayChildren] = useState(children);
+    // Track when each column was activated (tick number), -1 means not yet.
+    const columnActivationTick = useRef([]);
+    useEffect(() => {
+        if (transitionKey !== prevKey.current) {
+            prevKey.current = transitionKey;
+            pendingChildren.current = children;
+            setActiveDir(direction);
+            setPhase(TransitionPhase.Out);
+            setTick(0);
+            columnActivationTick.current = new Array(width).fill(-1);
+        }
+        else if (phase !== TransitionPhase.Idle) {
+            // Terminal resized mid-transition — abort and show new content immediately
+            setPhase(TransitionPhase.Idle);
+            setDisplayChildren(children);
+        }
+        else {
+            setDisplayChildren(children);
+        }
+    }, [transitionKey, children, width, height, phase, direction]);
+    useEffect(() => {
+        if (phase === TransitionPhase.Idle)
+            return;
+        const timer = setInterval(() => {
+            setTick((prev) => prev + 1);
+        }, duration);
+        return () => clearInterval(timer);
+    }, [phase, duration]);
+    // Easer steps = width: roughly one column activates per tick.
+    // This keeps the sweep front tight (only a few columns in-flight at once).
+    const easerSteps = width;
+    // A phase ends when the easer has completed AND all columns have finished their shade cycle.
+    const maxTicks = easerSteps + SHADE_CYCLE_TICKS;
+    useEffect(() => {
+        if (phase === TransitionPhase.Idle)
+            return;
+        if (tick >= maxTicks) {
+            if (phase === TransitionPhase.Out) {
+                setDisplayChildren(pendingChildren.current);
+                setPhase(TransitionPhase.In);
+                setTick(0);
+                columnActivationTick.current = new Array(width).fill(-1);
+            }
+            else {
+                setPhase(TransitionPhase.Idle);
+            }
+        }
+    }, [tick, phase, maxTicks, width]);
+    if (phase === TransitionPhase.Idle) {
+        return _jsx(_Fragment, { children: displayChildren });
+    }
+    // --- SequenceEaser logic ---
+    // Map current tick to easer progress (0..1), apply easing,
+    // then determine how many columns should be activated.
+    const easerProgress = Math.min(tick / easerSteps, 1);
+    const easedValue = easeInOutCirc(easerProgress);
+    const activatedCount = Math.floor(easedValue * width);
+    // Build column order based on direction.
+    // "left" means sweep moves left-to-right; "right" means right-to-left.
+    // TTE's COLUMN_RIGHT_TO_LEFT activates rightmost first.
+    const columnOrder = [];
+    if (activeDir === 'left') {
+        for (let c = width - 1; c >= 0; c--)
+            columnOrder.push(c);
+    }
+    else {
+        for (let c = 0; c < width; c++)
+            columnOrder.push(c);
+    }
+    // Activate columns that should be active but aren't yet.
+    for (let i = 0; i < activatedCount && i < columnOrder.length; i++) {
+        const col = columnOrder[i];
+        if (columnActivationTick.current[col] === -1) {
+            columnActivationTick.current[col] = tick;
+        }
+    }
+    // --- Render frame ---
+    const rows = [];
+    for (let r = 0; r < height; r++) {
+        let row = '';
+        for (let c = 0; c < width; c++) {
+            const activatedAt = columnActivationTick.current[c];
+            let char;
+            if (activatedAt === -1) {
+                // Not yet activated
+                char = phase === TransitionPhase.Out ? ' ' : '█';
+            }
+            else {
+                // Column is activated — determine shade based on ticks since activation
+                const age = tick - activatedAt;
+                const shadeIndex = Math.min(Math.floor(age / TICKS_PER_SHADE), SHADES.length - 1);
+                if (phase === TransitionPhase.Out) {
+                    // Building up: ░ → ▒ → ▓ → █
+                    char = SHADES[shadeIndex];
+                }
+                else {
+                    // Dissolving: █ → ▓ → ▒ → ░ → space
+                    if (shadeIndex >= SHADES.length - 1 && age >= SHADE_CYCLE_TICKS) {
+                        char = ' ';
+                    }
+                    else {
+                        char = SHADES[SHADES.length - 1 - shadeIndex];
+                    }
+                }
+            }
+            row += char;
+        }
+        rows.push(row);
+    }
+    return (_jsx(Box, { flexDirection: "column", flexGrow: 1, children: rows.map((row, i) => (_jsx(Text, { dimColor: true, children: row }, i))) }));
+};
+//# sourceMappingURL=DissolveTransition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DissolveTransition.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/DissolveTransition.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * DissolveTransition — Column-sweep inspired by TTE's Sweep effect.\n *\n * Uses a SequenceEaser (in_out_circ) to activate columns with eased pacing.\n * Each activated column cycles through shade characters (░▒▓█) independently.\n *\n * Out phase: columns sweep, building up shade chars until solid █ (covers old content).\n * In phase: columns sweep in reverse, dissolving █ back through shades to empty (reveals new content).\n */\n\nimport { Box, Text } from 'ink';\nimport { useState, useEffect, useRef, type ReactNode } from 'react';\n\n/** Shade characters in build-up order (light → solid). */\nconst SHADES = ['░', '▒', '▓', '█'] as const;\n/** How many ticks each shade character displays before advancing. */\nconst TICKS_PER_SHADE = 2;\n/** Total ticks a column needs to complete its shade cycle. */\nconst SHADE_CYCLE_TICKS = SHADES.length * TICKS_PER_SHADE;\n\nexport type WipeDirection = 'left' | 'right';\n\ninterface DissolveTransitionProps {\n  transitionKey: string;\n  width: number;\n  height: number;\n  children: ReactNode;\n  direction?: WipeDirection;\n  duration?: number;\n}\n\nfunction easeInOutCirc(t: number): number {\n  if (t < 0.5) {\n    return (1 - Math.sqrt(1 - 4 * t * t)) / 2;\n  }\n  return (Math.sqrt(1 - (2 * t - 2) ** 2) + 1) / 2;\n}\n\nenum TransitionPhase {\n  Idle = 'idle',\n  Out = 'out',\n  In = 'in',\n}\n\nexport const DissolveTransition = ({\n  transitionKey,\n  width,\n  height,\n  children,\n  direction = 'left',\n  duration = 2,\n}: DissolveTransitionProps) => {\n  const [phase, setPhase] = useState<TransitionPhase>(TransitionPhase.Idle);\n  const [tick, setTick] = useState(0);\n  const [activeDir, setActiveDir] = useState<WipeDirection>(direction);\n  const prevKey = useRef(transitionKey);\n  const pendingChildren = useRef<ReactNode>(children);\n  const [displayChildren, setDisplayChildren] = useState<ReactNode>(children);\n\n  // Track when each column was activated (tick number), -1 means not yet.\n  const columnActivationTick = useRef<number[]>([]);\n\n  useEffect(() => {\n    if (transitionKey !== prevKey.current) {\n      prevKey.current = transitionKey;\n      pendingChildren.current = children;\n      setActiveDir(direction);\n      setPhase(TransitionPhase.Out);\n      setTick(0);\n      columnActivationTick.current = new Array(width).fill(-1);\n    } else if (phase !== TransitionPhase.Idle) {\n      // Terminal resized mid-transition — abort and show new content immediately\n      setPhase(TransitionPhase.Idle);\n      setDisplayChildren(children);\n    } else {\n      setDisplayChildren(children);\n    }\n  }, [transitionKey, children, width, height, phase, direction]);\n\n  useEffect(() => {\n    if (phase === TransitionPhase.Idle) return;\n\n    const timer = setInterval(() => {\n      setTick((prev) => prev + 1);\n    }, duration);\n\n    return () => clearInterval(timer);\n  }, [phase, duration]);\n\n  // Easer steps = width: roughly one column activates per tick.\n  // This keeps the sweep front tight (only a few columns in-flight at once).\n  const easerSteps = width;\n\n  // A phase ends when the easer has completed AND all columns have finished their shade cycle.\n  const maxTicks = easerSteps + SHADE_CYCLE_TICKS;\n\n  useEffect(() => {\n    if (phase === TransitionPhase.Idle) return;\n    if (tick >= maxTicks) {\n      if (phase === TransitionPhase.Out) {\n        setDisplayChildren(pendingChildren.current);\n        setPhase(TransitionPhase.In);\n        setTick(0);\n        columnActivationTick.current = new Array(width).fill(-1);\n      } else {\n        setPhase(TransitionPhase.Idle);\n      }\n    }\n  }, [tick, phase, maxTicks, width]);\n\n  if (phase === TransitionPhase.Idle) {\n    return <>{displayChildren}</>;\n  }\n\n  // --- SequenceEaser logic ---\n  // Map current tick to easer progress (0..1), apply easing,\n  // then determine how many columns should be activated.\n  const easerProgress = Math.min(tick / easerSteps, 1);\n  const easedValue = easeInOutCirc(easerProgress);\n  const activatedCount = Math.floor(easedValue * width);\n\n  // Build column order based on direction.\n  // \"left\" means sweep moves left-to-right; \"right\" means right-to-left.\n  // TTE's COLUMN_RIGHT_TO_LEFT activates rightmost first.\n  const columnOrder: number[] = [];\n  if (activeDir === 'left') {\n    for (let c = width - 1; c >= 0; c--) columnOrder.push(c);\n  } else {\n    for (let c = 0; c < width; c++) columnOrder.push(c);\n  }\n\n  // Activate columns that should be active but aren't yet.\n  for (let i = 0; i < activatedCount && i < columnOrder.length; i++) {\n    const col = columnOrder[i];\n    if (columnActivationTick.current[col] === -1) {\n      columnActivationTick.current[col] = tick;\n    }\n  }\n\n  // --- Render frame ---\n  const rows: string[] = [];\n  for (let r = 0; r < height; r++) {\n    let row = '';\n    for (let c = 0; c < width; c++) {\n      const activatedAt = columnActivationTick.current[c];\n\n      let char: string;\n      if (activatedAt === -1) {\n        // Not yet activated\n        char = phase === TransitionPhase.Out ? ' ' : '█';\n      } else {\n        // Column is activated — determine shade based on ticks since activation\n        const age = tick - activatedAt;\n        const shadeIndex = Math.min(\n          Math.floor(age / TICKS_PER_SHADE),\n          SHADES.length - 1,\n        );\n\n        if (phase === TransitionPhase.Out) {\n          // Building up: ░ → ▒ → ▓ → █\n          char = SHADES[shadeIndex];\n        } else {\n          // Dissolving: █ → ▓ → ▒ → ░ → space\n          if (shadeIndex >= SHADES.length - 1 && age >= SHADE_CYCLE_TICKS) {\n            char = ' ';\n          } else {\n            char = SHADES[SHADES.length - 1 - shadeIndex];\n          }\n        }\n      }\n\n      row += char;\n    }\n    rows.push(row);\n  }\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      {rows.map((row, i) => (\n        <Text key={i} dimColor>\n          {row}\n        </Text>\n      ))}\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,9 @@
+/**
+ * EventPlanViewer — Renders a table of planned analytics events.
+ */
+import type { PlannedEvent } from '../store.js';
+interface EventPlanViewerProps {
+    events: PlannedEvent[];
+}
+export declare const EventPlanViewer: ({ events }: EventPlanViewerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * EventPlanViewer — Renders a table of planned analytics events.
+ */
+import { Box, Text } from 'ink';
+export const EventPlanViewer = ({ events }) => {
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Event plan" }), _jsx(Box, { height: 1 }), events.map((event) => (_jsxs(Box, { children: [_jsx(Text, { bold: true, children: event.name }), _jsxs(Text, { dimColor: true, children: [" ", event.description] })] }, event.name)))] }));
+};
+//# sourceMappingURL=EventPlanViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventPlanViewer.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/EventPlanViewer.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAOhC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAwB,EAAE,EAAE;IAClE,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,aACrC,KAAC,IAAI,IAAC,IAAI,iCAAkB,EAC5B,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,GAAI,EACjB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,IAAI,kBAAE,KAAK,CAAC,IAAI,GAAQ,EAC9B,MAAC,IAAI,IAAC,QAAQ,wBAAG,KAAK,CAAC,WAAW,IAAQ,KAFlC,KAAK,CAAC,IAAI,CAGd,CACP,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * EventPlanViewer — Renders a table of planned analytics events.\n */\n\nimport { Box, Text } from 'ink';\nimport type { PlannedEvent } from '../store.js';\n\ninterface EventPlanViewerProps {\n  events: PlannedEvent[];\n}\n\nexport const EventPlanViewer = ({ events }: EventPlanViewerProps) => {\n  return (\n    <Box flexDirection=\"column\" paddingX={1}>\n      <Text bold>Event plan</Text>\n      <Box height={1} />\n      {events.map((event) => (\n        <Box key={event.name}>\n          <Text bold>{event.name}</Text>\n          <Text dimColor> {event.description}</Text>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,7 @@
+/**
+ * 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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+/**
+ * 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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+/**
+ * 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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+/**
+ * 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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1 @@
+{"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/NodeBlock.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+/**
+ * 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 {};