@posthog/wizard 2.9.1 → 2.10.0

package/dist/src/ui/tui/playground/demos/WelcomeDemo.d.ts

@@ -1,9 +0,0 @@
-/**
- * WelcomeDemo — Splash screen. Press enter to push the tabbed view.
- */
-import type { WizardStore } from '../../store.js';
-interface WelcomeDemoProps {
-    store: WizardStore;
-}
-export declare const WelcomeDemo: ({ store }: WelcomeDemoProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ui/tui/playground/demos/WelcomeDemo.js

@@ -1,15 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * WelcomeDemo — Splash screen. Press enter to push the tabbed view.
- */
-import { Box, Text, useInput } from 'ink';
-import { Colors, Icons } from '../../styles.js';
-export const WelcomeDemo = ({ store }) => {
-    useInput((_input, key) => {
-        if (key.return) {
-            store.completeSetup();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, justifyContent: "center", alignItems: "center", children: [_jsxs(Text, { bold: true, color: Colors.accent, children: [Icons.diamond, " PostHog Setup Wizard layout primitives playground"] }), _jsx(Box, { height: 1 }), _jsx(Text, { children: "Layout primitives for the PostHog Setup Wizard TUI." }), _jsx(Text, { dimColor: true, children: "CardLayout, SplitView, TabContainer, ProgressList, and more." }), _jsx(Box, { height: 1 }), _jsxs(Text, { color: Colors.primary, children: ["Press enter to continue ", Icons.triangleRight] })] }));
-};
-//# sourceMappingURL=WelcomeDemo.js.map

package/dist/src/ui/tui/playground/demos/WelcomeDemo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WelcomeDemo.js","sourceRoot":"","sources":["../../../../../../src/ui/tui/playground/demos/WelcomeDemo.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAMhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE;IACzD,QAAQ,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QACvB,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACf,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,CAAC,EACX,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,aAEnB,MAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aAC5B,KAAK,CAAC,OAAO,0DACT,EACP,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,GAAI,EAClB,KAAC,IAAI,sEAA2D,EAChE,KAAC,IAAI,IAAC,QAAQ,mFAEP,EACP,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,GAAI,EAClB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,yCACA,KAAK,CAAC,aAAa,IACvC,IACH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * WelcomeDemo — Splash screen. Press enter to push the tabbed view.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport type { WizardStore } from '../../store.js';\nimport { Colors, Icons } from '../../styles.js';\n\ninterface WelcomeDemoProps {\n  store: WizardStore;\n}\n\nexport const WelcomeDemo = ({ store }: WelcomeDemoProps) => {\n  useInput((_input, key) => {\n    if (key.return) {\n      store.completeSetup();\n    }\n  });\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      alignItems=\"center\"\n    >\n      <Text bold color={Colors.accent}>\n        {Icons.diamond} PostHog Setup Wizard layout primitives playground\n      </Text>\n      <Box height={1} />\n      <Text>Layout primitives for the PostHog Setup Wizard TUI.</Text>\n      <Text dimColor>\n        CardLayout, SplitView, TabContainer, ProgressList, and more.\n      </Text>\n      <Box height={1} />\n      <Text color={Colors.primary}>\n        Press enter to continue {Icons.triangleRight}\n      </Text>\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/playground/start-playground.d.ts

@@ -1,4 +0,0 @@
-/**
- * start-playground.ts — Launches the TUI primitives playground.
- */
-export declare function startPlayground(version: string): void;

package/dist/src/ui/tui/playground/start-playground.js

@@ -1,24 +0,0 @@
-/**
- * start-playground.ts — Launches the TUI primitives playground.
- */
-import { render } from 'ink';
-import { createElement } from 'react';
-import { WizardStore } from '../store.js';
-import { PlaygroundApp } from './PlaygroundApp.js';
-export function startPlayground(version) {
-    const store = new WizardStore();
-    store.version = version;
-    // Pre-fill session so the router skips auth and lands on 'run' after intro
-    store.setCredentials({
-        accessToken: 'fake',
-        projectApiKey: 'fake',
-        host: 'https://app.posthog.com',
-        projectId: 0,
-    });
-    const { unmount, waitUntilExit } = render(createElement(PlaygroundApp, { store }));
-    void waitUntilExit().then(() => {
-        unmount();
-        process.exit(0);
-    });
-}
-//# sourceMappingURL=start-playground.js.map

package/dist/src/ui/tui/playground/start-playground.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"start-playground.js","sourceRoot":"","sources":["../../../../../src/ui/tui/playground/start-playground.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,UAAU,eAAe,CAAC,OAAe;IAC7C,MAAM,KAAK,GAAG,IAAI,WAAW,EAAE,CAAC;IAChC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAExB,2EAA2E;IAC3E,KAAK,CAAC,cAAc,CAAC;QACnB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,yBAAyB;QAC/B,SAAS,EAAE,CAAC;KACb,CAAC,CAAC;IAEH,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,MAAM,CACvC,aAAa,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,CACxC,CAAC;IAEF,KAAK,aAAa,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;QAC7B,OAAO,EAAE,CAAC;QACV,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/**\n * start-playground.ts — Launches the TUI primitives playground.\n */\n\nimport { render } from 'ink';\nimport { createElement } from 'react';\nimport { WizardStore } from '../store.js';\nimport { PlaygroundApp } from './PlaygroundApp.js';\n\nexport function startPlayground(version: string): void {\n  const store = new WizardStore();\n  store.version = version;\n\n  // Pre-fill session so the router skips auth and lands on 'run' after intro\n  store.setCredentials({\n    accessToken: 'fake',\n    projectApiKey: 'fake',\n    host: 'https://app.posthog.com',\n    projectId: 0,\n  });\n\n  const { unmount, waitUntilExit } = render(\n    createElement(PlaygroundApp, { store }),\n  );\n\n  void waitUntilExit().then(() => {\n    unmount();\n    process.exit(0);\n  });\n}\n"]}

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

@@ -1,12 +0,0 @@
-/**
- * CardLayout — Aligns a single child within available space.
- */
-import type { ReactNode } from 'react';
-import { HAlign, VAlign } from '../styles.js';
-interface CardLayoutProps {
-    hAlign?: HAlign;
-    vAlign?: VAlign;
-    children: ReactNode;
-}
-export declare const CardLayout: ({ hAlign, vAlign, children, }: CardLayoutProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * CardLayout — Aligns a single child within available space.
- */
-import { Box } from 'ink';
-import { HAlign, VAlign } from '../styles.js';
-export const CardLayout = ({ hAlign = HAlign.Left, vAlign = VAlign.Top, children, }) => {
-    return (_jsx(Box, { flexDirection: "column", flexGrow: 1, justifyContent: vAlign, alignItems: hAlign, children: children }));
-};
-//# sourceMappingURL=CardLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardLayout.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/CardLayout.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAQ9C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,GAAG,MAAM,CAAC,IAAI,EACpB,MAAM,GAAG,MAAM,CAAC,GAAG,EACnB,QAAQ,GACQ,EAAE,EAAE;IACpB,OAAO,CACL,KAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,CAAC,EACX,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,MAAM,YAEjB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * CardLayout — Aligns a single child within available space.\n */\n\nimport { Box } from 'ink';\nimport type { ReactNode } from 'react';\nimport { HAlign, VAlign } from '../styles.js';\n\ninterface CardLayoutProps {\n  hAlign?: HAlign;\n  vAlign?: VAlign;\n  children: ReactNode;\n}\n\nexport const CardLayout = ({\n  hAlign = HAlign.Left,\n  vAlign = VAlign.Top,\n  children,\n}: CardLayoutProps) => {\n  return (\n    <Box\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent={vAlign}\n      alignItems={hAlign}\n    >\n      {children}\n    </Box>\n  );\n};\n"]}

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

@@ -1,13 +0,0 @@
-/**
- * ConfirmationInput — Continue/cancel prompt.
- * Enter confirms, escape cancels. Arrow keys toggle focus.
- */
-interface ConfirmationInputProps {
-    message: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-    confirmLabel?: string;
-    cancelLabel?: string;
-}
-export declare const ConfirmationInput: ({ message, onConfirm, onCancel, confirmLabel, cancelLabel, }: ConfirmationInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * ConfirmationInput — Continue/cancel prompt.
- * Enter confirms, escape cancels. Arrow keys toggle focus.
- */
-import { Box, Text, useInput } from 'ink';
-import { useState } from 'react';
-import { Icons, Colors } from '../styles.js';
-import { PromptLabel } from './PromptLabel.js';
-var FocusTarget;
-(function (FocusTarget) {
-    FocusTarget["Continue"] = "continue";
-    FocusTarget["Cancel"] = "cancel";
-})(FocusTarget || (FocusTarget = {}));
-export const ConfirmationInput = ({ message, onConfirm, onCancel, confirmLabel = 'Continue [Enter]', cancelLabel = 'Cancel [Esc]', }) => {
-    const [focused, setFocused] = useState(FocusTarget.Continue);
-    useInput((_input, key) => {
-        if (key.leftArrow || key.rightArrow) {
-            setFocused((f) => f === FocusTarget.Continue ? FocusTarget.Cancel : FocusTarget.Continue);
-        }
-        if (key.return) {
-            if (focused === FocusTarget.Continue) {
-                onConfirm();
-            }
-            else {
-                onCancel();
-            }
-        }
-        if (key.escape) {
-            onCancel();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(PromptLabel, { message: message }), _jsxs(Box, { gap: 2, marginTop: 1, marginLeft: 2, children: [_jsxs(Text, { bold: focused === FocusTarget.Continue, color: focused === FocusTarget.Continue ? Colors.accent : Colors.muted, children: [focused === FocusTarget.Continue ? Icons.triangleSmallRight : ' ', ' ', confirmLabel] }), _jsxs(Text, { bold: focused === FocusTarget.Cancel, color: focused === FocusTarget.Cancel ? Colors.accent : Colors.muted, children: [focused === FocusTarget.Cancel ? Icons.triangleSmallRight : ' ', ' ', cancelLabel] })] })] }));
-};
-//# sourceMappingURL=ConfirmationInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationInput.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/ConfirmationInput.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAU/C,IAAK,WAGJ;AAHD,WAAK,WAAW;IACd,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;AACnB,CAAC,EAHI,WAAW,KAAX,WAAW,QAGf;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,EACP,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,kBAAkB,EACjC,WAAW,GAAG,cAAc,GACL,EAAE,EAAE;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAc,WAAW,CAAC,QAAQ,CAAC,CAAC;IAE1E,QAAQ,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QACvB,IAAI,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,UAAU,EAAE,CAAC;YACpC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CACf,CAAC,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CACvE,CAAC;QACJ,CAAC;QACD,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,OAAO,KAAK,WAAW,CAAC,QAAQ,EAAE,CAAC;gBACrC,SAAS,EAAE,CAAC;YACd,CAAC;iBAAM,CAAC;gBACN,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC;QACD,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACf,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,EACjC,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,aACtC,MAAC,IAAI,IACH,IAAI,EAAE,OAAO,KAAK,WAAW,CAAC,QAAQ,EACtC,KAAK,EACH,OAAO,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,aAGhE,OAAO,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,EACtE,YAAY,IACR,EACP,MAAC,IAAI,IACH,IAAI,EAAE,OAAO,KAAK,WAAW,CAAC,MAAM,EACpC,KAAK,EAAE,OAAO,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,aAEnE,OAAO,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,EACpE,WAAW,IACP,IACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ConfirmationInput — Continue/cancel prompt.\n * Enter confirms, escape cancels. Arrow keys toggle focus.\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 ConfirmationInputProps {\n  message: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  confirmLabel?: string;\n  cancelLabel?: string;\n}\n\nenum FocusTarget {\n  Continue = 'continue',\n  Cancel = 'cancel',\n}\n\nexport const ConfirmationInput = ({\n  message,\n  onConfirm,\n  onCancel,\n  confirmLabel = 'Continue [Enter]',\n  cancelLabel = 'Cancel [Esc]',\n}: ConfirmationInputProps) => {\n  const [focused, setFocused] = useState<FocusTarget>(FocusTarget.Continue);\n\n  useInput((_input, key) => {\n    if (key.leftArrow || key.rightArrow) {\n      setFocused((f) =>\n        f === FocusTarget.Continue ? FocusTarget.Cancel : FocusTarget.Continue,\n      );\n    }\n    if (key.return) {\n      if (focused === FocusTarget.Continue) {\n        onConfirm();\n      } else {\n        onCancel();\n      }\n    }\n    if (key.escape) {\n      onCancel();\n    }\n  });\n\n  return (\n    <Box flexDirection=\"column\">\n      <PromptLabel message={message} />\n      <Box gap={2} marginTop={1} marginLeft={2}>\n        <Text\n          bold={focused === FocusTarget.Continue}\n          color={\n            focused === FocusTarget.Continue ? Colors.accent : Colors.muted\n          }\n        >\n          {focused === FocusTarget.Continue ? Icons.triangleSmallRight : ' '}{' '}\n          {confirmLabel}\n        </Text>\n        <Text\n          bold={focused === FocusTarget.Cancel}\n          color={focused === FocusTarget.Cancel ? Colors.accent : Colors.muted}\n        >\n          {focused === FocusTarget.Cancel ? Icons.triangleSmallRight : ' '}{' '}\n          {cancelLabel}\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n"]}

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

@@ -1,42 +0,0 @@
-/**
- * ContentSequencer — Plays content blocks in order.
- *
- * Each block is a self-animating component that fires onComplete() when done.
- * The sequencer waits blockInterval ms between blocks, then advances.
- *
- * Block types:
- *   - string            → TextBlock  (animated text, sugar for { content: '...' })
- *   - { content: str }  → TextBlock  (animated text with per-block overrides)
- *   - { content: JSX }  → NodeBlock  (static JSX)
- *   - { type: 'lines' } → LinesBlock (line-by-line reveal)
- *   - { type: 'clear' } → ClearBlock (page break — hides all prior blocks)
- */
-import { type ReactNode } from 'react';
-import { type TextRevealMode } from './TextBlock.js';
-export type { ContentBlock, ContentObjectBlock, ContentLinesBlock, ContentClearBlock, } from './content-types.js';
-export { isLinesBlock, isClearBlock, isObjectBlock } from './content-types.js';
-import type { ContentBlock } from './content-types.js';
-/** Resolve the pause after a block completes. */
-export declare function getBlockPause(block: ContentBlock, blockInterval: number): number;
-interface ContentSequencerProps {
-    blocks: ContentBlock[];
-    mode: TextRevealMode;
-    /** Row budget for visible content. When set, older blocks are evicted. */
-    maxHeight?: number;
-    /** Available text width in columns (for height estimation). */
-    availableWidth?: number;
-    bullet?: ReactNode;
-    animationInterval?: number;
-    sentenceInterval?: number;
-    lineInterval?: number;
-    blockInterval?: number;
-    /** Delay in ms before the first block appears. */
-    startDelay?: number;
-    /** Resume from a previously persisted block index. */
-    initialBlockIdx?: number;
-    /** Called whenever the active block index advances. */
-    onBlockChange?: (idx: number) => void;
-    /** Called once when the last block completes (after its pause). */
-    onSequenceComplete?: () => void;
-}
-export declare const ContentSequencer: ({ blocks, mode, maxHeight, availableWidth, bullet, animationInterval, sentenceInterval, lineInterval, blockInterval, startDelay, initialBlockIdx, onBlockChange, onSequenceComplete, }: ContentSequencerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,137 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * ContentSequencer — Plays content blocks in order.
- *
- * Each block is a self-animating component that fires onComplete() when done.
- * The sequencer waits blockInterval ms between blocks, then advances.
- *
- * Block types:
- *   - string            → TextBlock  (animated text, sugar for { content: '...' })
- *   - { content: str }  → TextBlock  (animated text with per-block overrides)
- *   - { content: JSX }  → NodeBlock  (static JSX)
- *   - { type: 'lines' } → LinesBlock (line-by-line reveal)
- *   - { type: 'clear' } → ClearBlock (page break — hides all prior blocks)
- */
-import { Box } from 'ink';
-import { useState, useCallback, useEffect, useRef, useMemo, } from 'react';
-import { TextBlock } from './TextBlock.js';
-import { LinesBlock } from './LinesBlock.js';
-import { NodeBlock } from './NodeBlock.js';
-import { computeVisibleRange } from './layout-helpers.js';
-import { isLinesBlock, isClearBlock, isObjectBlock } from './content-types.js';
-export { isLinesBlock, isClearBlock, isObjectBlock } from './content-types.js';
-/** Resolve the pause after a block completes. */
-export function getBlockPause(block, blockInterval) {
-    if (typeof block === 'string')
-        return blockInterval;
-    return block.pause ?? blockInterval;
-}
-export const ContentSequencer = ({ blocks, mode, maxHeight, availableWidth, bullet, animationInterval, sentenceInterval, lineInterval = 200, blockInterval = 3200, startDelay = 0, initialBlockIdx = 0, onBlockChange, onSequenceComplete, }) => {
-    const resuming = initialBlockIdx > 0;
-    const [activeIdx, setActiveIdx] = useState(resuming ? initialBlockIdx : startDelay > 0 ? -1 : 0);
-    const transitionTimer = useRef(null);
-    // Initial delay before first block (skip when resuming)
-    useEffect(() => {
-        if (resuming || startDelay <= 0 || activeIdx !== -1)
-            return;
-        const timer = setTimeout(() => setActiveIdx(0), startDelay);
-        return () => clearTimeout(timer);
-    }, [startDelay, activeIdx]);
-    // Compute visible range reactively (re-evaluates on resize, block advance, etc.)
-    const [visibleStart, visibleEnd] = useMemo(() => {
-        if (activeIdx < 0)
-            return [0, -1];
-        if (maxHeight == null || availableWidth == null) {
-            return [0, activeIdx];
-        }
-        return computeVisibleRange(blocks, activeIdx, availableWidth, maxHeight);
-    }, [blocks, activeIdx, maxHeight, availableWidth]);
-    const handleComplete = useCallback((blockIndex) => {
-        // Only the active block can trigger advancement
-        if (blockIndex !== activeIdx)
-            return;
-        // Last block — fire sequence-complete after its pause, don't advance
-        if (activeIdx >= blocks.length - 1) {
-            if (onSequenceComplete && !transitionTimer.current) {
-                const pause = getBlockPause(blocks[blockIndex], blockInterval);
-                transitionTimer.current = setTimeout(() => {
-                    transitionTimer.current = null;
-                    onSequenceComplete();
-                }, pause);
-            }
-            return;
-        }
-        // Don't double-trigger
-        if (transitionTimer.current)
-            return;
-        const pause = getBlockPause(blocks[blockIndex], blockInterval);
-        transitionTimer.current = setTimeout(() => {
-            transitionTimer.current = null;
-            setActiveIdx((i) => {
-                const next = i + 1;
-                onBlockChange?.(next);
-                return next;
-            });
-        }, pause);
-    }, [activeIdx, blocks, blockInterval, onBlockChange, onSequenceComplete]);
-    // Find the most recent clear block — nothing before it renders.
-    // When the active block IS a clear block, immediately hide all prior content
-    // so the pause shows a blank screen (not dim prior text).
-    const clearFloor = useMemo(() => {
-        if (activeIdx >= 0 && isClearBlock(blocks[activeIdx]))
-            return activeIdx;
-        for (let i = activeIdx - 1; i >= 0; i--) {
-            if (isClearBlock(blocks[i]))
-                return i + 1;
-        }
-        return 0;
-    }, [blocks, activeIdx]);
-    return (_jsx(Box, { flexDirection: "column", children: blocks.map((block, i) => {
-            // Not yet reached
-            if (i > activeIdx)
-                return null;
-            // Hidden by clear block
-            if (i < clearFloor)
-                return null;
-            // Completed clear blocks don't render (active ones must mount to fire onComplete)
-            if (isClearBlock(block) && i < activeIdx)
-                return null;
-            // Evicted by viewport
-            if (i < visibleStart || i > visibleEnd)
-                return null;
-            const active = i === activeIdx;
-            const completed = i < activeIdx;
-            // Completed non-text blocks don't persist by default
-            if (completed && isObjectBlock(block)) {
-                const isText = typeof block.content === 'string';
-                const shouldPersist = block.persist ?? isText;
-                if (!shouldPersist)
-                    return null;
-            }
-            return (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(BlockRenderer, { block: block, active: active, completed: completed, onComplete: () => handleComplete(i), mode: mode, bullet: bullet, animationInterval: animationInterval, sentenceInterval: sentenceInterval, lineInterval: lineInterval, maxHeight: maxHeight, availableWidth: availableWidth }) }, i));
-        }) }));
-};
-const BlockRenderer = ({ block, active, completed, onComplete, mode, bullet, animationInterval, sentenceInterval, lineInterval, maxHeight, availableWidth, }) => {
-    // Clear block — completes immediately, renders nothing
-    if (isClearBlock(block)) {
-        useEffect(() => {
-            if (active)
-                onComplete();
-        }, [active, onComplete]);
-        return null;
-    }
-    // Bare string sugar → TextBlock with sequencer defaults
-    if (typeof block === 'string') {
-        return (_jsx(TextBlock, { text: block, active: active, completed: completed, onComplete: onComplete, mode: mode, bullet: bullet, animationInterval: animationInterval, sentenceInterval: sentenceInterval, maxHeight: maxHeight, availableWidth: availableWidth }));
-    }
-    // Lines block
-    if (isLinesBlock(block)) {
-        return (_jsx(LinesBlock, { lines: block.lines, interval: block.interval ?? lineInterval, active: active, completed: completed, onComplete: onComplete, maxHeight: maxHeight }));
-    }
-    // Object block — dispatch on content type
-    if (typeof block.content === 'string') {
-        return (_jsx(TextBlock, { text: block.content, active: active, completed: completed, onComplete: onComplete, mode: block.mode ?? mode, bullet: bullet, animationInterval: block.animationInterval ?? animationInterval, sentenceInterval: block.sentenceInterval ?? sentenceInterval, maxHeight: maxHeight, availableWidth: availableWidth }));
-    }
-    return (_jsx(NodeBlock, { content: block.content, active: active, completed: completed, onComplete: onComplete }));
-};
-//# sourceMappingURL=ContentSequencer.js.map

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

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

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

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

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

@@ -1,6 +0,0 @@
-interface DividerProps {
-    dimColor?: boolean;
-    char?: string;
-}
-export declare const Divider: ({ dimColor, char }: DividerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text, measureElement } from 'ink';
-import { useRef, useState, useEffect } from 'react';
-export const Divider = ({ dimColor = true, char = '─' }) => {
-    const ref = useRef(null);
-    const [width, setWidth] = useState(0);
-    useEffect(() => {
-        if (ref.current) {
-            const { width: measured } = measureElement(ref.current);
-            setWidth(measured);
-        }
-    }, []);
-    return (_jsx(Box, { ref: ref, width: "100%", children: _jsx(Text, { dimColor: dimColor, children: width > 0 ? char.repeat(width) : '' }) }));
-};
-//# sourceMappingURL=Divider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../src/ui/tui/primitives/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOpD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,GAAG,GAAG,EAAgB,EAAE,EAAE;IACvE,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACxD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,YACzB,KAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,YAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,GAAQ,GAClE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Box, Text, measureElement } from 'ink';\nimport { useRef, useState, useEffect } from 'react';\n\ninterface DividerProps {\n  dimColor?: boolean;\n  char?: string;\n}\n\nexport const Divider = ({ dimColor = true, char = '─' }: DividerProps) => {\n  const ref = useRef(null);\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) {\n      const { width: measured } = measureElement(ref.current);\n      setWidth(measured);\n    }\n  }, []);\n\n  return (\n    <Box ref={ref} width=\"100%\">\n      <Text dimColor={dimColor}>{width > 0 ? char.repeat(width) : ''}</Text>\n    </Box>\n  );\n};\n"]}

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

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

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