@posthog/wizard 1.36.1 → 2.0.0

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

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProgressDemo — Demonstrates ProgressList + LoadingBox.
+ * Auto-animates task progression through states.
+ */
+import { Box, Text } from 'ink';
+import { useState, useEffect } from 'react';
+import { ProgressList, LoadingBox } from '../../primitives/index.js';
+import { Colors } from '../../styles.js';
+const INITIAL_ITEMS = [
+    {
+        label: 'Detect framework',
+        activeForm: 'Detecting framework',
+        status: 'pending',
+    },
+    {
+        label: 'Install dependencies',
+        activeForm: 'Installing dependencies',
+        status: 'pending',
+    },
+    {
+        label: 'Configure PostHog',
+        activeForm: 'Configuring PostHog',
+        status: 'pending',
+    },
+    {
+        label: 'Add analytics provider',
+        activeForm: 'Adding analytics provider',
+        status: 'pending',
+    },
+    { label: 'Verify setup', activeForm: 'Verifying setup', status: 'pending' },
+];
+export const ProgressDemo = () => {
+    const [items, setItems] = useState(INITIAL_ITEMS);
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setTick((t) => t + 1);
+        }, 1500);
+        return () => clearInterval(timer);
+    }, []);
+    useEffect(() => {
+        // Cycle: each tick advances the "active" task
+        const total = INITIAL_ITEMS.length;
+        // After all tasks complete, restart
+        const cycle = tick % (total + 2); // +2 for a pause at the end
+        setItems(INITIAL_ITEMS.map((item, i) => {
+            if (i < cycle)
+                return { ...item, status: 'completed' };
+            if (i === cycle)
+                return { ...item, status: 'in_progress' };
+            return { ...item, status: 'pending' };
+        }));
+    }, [tick]);
+    const allDone = items.every((i) => i.status === 'completed');
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Text, { bold: true, color: Colors.accent, children: "Progress Demo" }), _jsx(Text, { dimColor: true, children: "Tasks auto-advance every 1.5s (cycles continuously)" }), _jsx(Box, { height: 1 }), _jsx(ProgressList, { items: items, title: "Setup in progress:" }), _jsx(Box, { height: 1 }), !allDone && _jsx(LoadingBox, { message: "Working..." }), allDone && (_jsxs(Text, { color: Colors.success, bold: true, children: ['\u2714', " All tasks complete! Restarting..."] }))] }));
+};
+//# sourceMappingURL=ProgressDemo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressDemo.js","sourceRoot":"","sources":["../../../../../../src/ui/tui/playground/demos/ProgressDemo.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ProgressDemo — Demonstrates ProgressList + LoadingBox.\n * Auto-animates task progression through states.\n */\n\nimport { Box, Text } from 'ink';\nimport { useState, useEffect } from 'react';\nimport { ProgressList, LoadingBox } from '../../primitives/index.js';\nimport type { ProgressItem } from '../../primitives/index.js';\nimport { Colors } from '../../styles.js';\n\nconst INITIAL_ITEMS: ProgressItem[] = [\n  {\n    label: 'Detect framework',\n    activeForm: 'Detecting framework',\n    status: 'pending',\n  },\n  {\n    label: 'Install dependencies',\n    activeForm: 'Installing dependencies',\n    status: 'pending',\n  },\n  {\n    label: 'Configure PostHog',\n    activeForm: 'Configuring PostHog',\n    status: 'pending',\n  },\n  {\n    label: 'Add analytics provider',\n    activeForm: 'Adding analytics provider',\n    status: 'pending',\n  },\n  { label: 'Verify setup', activeForm: 'Verifying setup', status: 'pending' },\n];\n\nexport const ProgressDemo = () => {\n  const [items, setItems] = useState<ProgressItem[]>(INITIAL_ITEMS);\n  const [tick, setTick] = useState(0);\n\n  useEffect(() => {\n    const timer = setInterval(() => {\n      setTick((t) => t + 1);\n    }, 1500);\n    return () => clearInterval(timer);\n  }, []);\n\n  useEffect(() => {\n    // Cycle: each tick advances the \"active\" task\n    const total = INITIAL_ITEMS.length;\n    // After all tasks complete, restart\n    const cycle = tick % (total + 2); // +2 for a pause at the end\n\n    setItems(\n      INITIAL_ITEMS.map((item, i) => {\n        if (i < cycle) return { ...item, status: 'completed' as const };\n        if (i === cycle) return { ...item, status: 'in_progress' as const };\n        return { ...item, status: 'pending' as const };\n      }),\n    );\n  }, [tick]);\n\n  const allDone = items.every((i) => i.status === 'completed');\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      <Text bold color={Colors.accent}>\n        Progress Demo\n      </Text>\n      <Text dimColor>Tasks auto-advance every 1.5s (cycles continuously)</Text>\n      <Box height={1} />\n      <ProgressList items={items} title=\"Setup in progress:\" />\n      <Box height={1} />\n      {!allDone && <LoadingBox message=\"Working...\" />}\n      {allDone && (\n        <Text color={Colors.success} bold>\n          {'\\u2714'} All tasks complete! Restarting...\n        </Text>\n      )}\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,11 @@
+/**
+ * RunScreenDemo — Renders the real RunScreen with a mock store.
+ * Tasks auto-advance every 1.5s. Discovered features (Stripe, LLM)
+ * are pre-populated so conditional tips appear.
+ */
+import { WizardStore } from '../../store.js';
+interface RunScreenDemoProps {
+    store: WizardStore;
+}
+export declare const RunScreenDemo: ({ store }: RunScreenDemoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,159 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * RunScreenDemo — Renders the real RunScreen with a mock store.
+ * Tasks auto-advance every 1.5s. Discovered features (Stripe, LLM)
+ * are pre-populated so conditional tips appear.
+ */
+import { useEffect, useRef, useSyncExternalStore } from 'react';
+import { TaskStatus } from '../../store.js';
+import { DiscoveredFeature } from '../../../../lib/wizard-session.js';
+import { TabContainer, SplitView, ProgressList, LogViewer, EventPlanViewer, HNViewer, } from '../../primitives/index.js';
+import { LearnCard } from '../../components/LearnCard.js';
+import { TipsCard } from '../../components/TipsCard.js';
+const MOCK_TASKS = [
+    {
+        label: 'Checking project structure and finding files for event tracking',
+        activeForm: 'Checking project structure',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Verify PostHog dependencies',
+        activeForm: 'Verifying PostHog dependencies',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Generate events plan (.posthog-events.json)',
+        activeForm: 'Generating events plan',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Install posthog-js and posthog-node packages',
+        activeForm: 'Installing packages',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Set up environment variables',
+        activeForm: 'Setting up environment variables',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Create instrumentation-client.ts',
+        activeForm: 'Creating instrumentation-client.ts',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Update next.config with rewrites',
+        activeForm: 'Updating next.config',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Create posthog-server.ts',
+        activeForm: 'Creating posthog-server.ts',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+    {
+        label: 'Add PostHog capture events to project files',
+        activeForm: 'Adding capture events',
+        status: TaskStatus.Pending,
+        done: false,
+    },
+];
+const MOCK_EVENTS = [
+    { name: 'page_viewed', description: 'Fires when a user views any page' },
+    {
+        name: 'button_clicked',
+        description: 'Fires when the CTA button is clicked',
+    },
+    {
+        name: 'form_submitted',
+        description: 'Fires when the contact form is submitted',
+    },
+    {
+        name: 'signup_started',
+        description: 'Fires when a user begins the signup flow',
+    },
+];
+export const RunScreenDemo = ({ store }) => {
+    const tickRef = useRef(0);
+    const lastStatusRef = useRef('');
+    // Seed the store with mock data on mount
+    useEffect(() => {
+        store.addDiscoveredFeature(DiscoveredFeature.Stripe);
+        store.addDiscoveredFeature(DiscoveredFeature.LLM);
+        store.setEventPlan(MOCK_EVENTS);
+        store.pushStatus('Checking project structure.');
+        lastStatusRef.current = 'Checking project structure.';
+        // Set initial tasks
+        const initial = MOCK_TASKS.map((t, i) => i === 0 ? { ...t, status: TaskStatus.InProgress } : t);
+        store.setTasks(initial);
+    }, []);
+    // Auto-advance tasks every 1.5s
+    useEffect(() => {
+        const timer = setInterval(() => {
+            tickRef.current += 1;
+            const tick = tickRef.current;
+            const total = MOCK_TASKS.length;
+            const cycle = tick % (total + 3); // +3 for pause at end before restart
+            const tasks = MOCK_TASKS.map((t, i) => {
+                if (i < cycle)
+                    return { ...t, status: TaskStatus.Completed, done: true };
+                if (i === cycle)
+                    return { ...t, status: TaskStatus.InProgress, done: false };
+                return { ...t, status: TaskStatus.Pending, done: false };
+            });
+            store.setTasks(tasks);
+            // Only push status when the message actually changes
+            if (cycle < total) {
+                const msg = MOCK_TASKS[cycle].activeForm + '...';
+                if (msg !== lastStatusRef.current) {
+                    store.pushStatus(msg);
+                    lastStatusRef.current = msg;
+                }
+            }
+        }, 1500);
+        return () => clearInterval(timer);
+    }, []);
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    const progressItems = store.tasks.map((t) => ({
+        label: t.label,
+        activeForm: t.activeForm,
+        status: t.status,
+    }));
+    const statuses = store.statusMessages.length > 0 ? store.statusMessages : undefined;
+    const tabs = [
+        {
+            id: 'status',
+            label: 'Status',
+            component: (_jsx(SplitView, { left: store.learnCardComplete ? (_jsx(TipsCard, { store: store })) : (_jsx(LearnCard, { store: store, onComplete: () => store.setLearnCardComplete() })), right: _jsx(ProgressList, { items: progressItems, title: "Tasks" }) })),
+        },
+        ...(store.eventPlan.length > 0
+            ? [
+                {
+                    id: 'events',
+                    label: 'Event plan',
+                    component: _jsx(EventPlanViewer, { events: store.eventPlan }),
+                },
+            ]
+            : []),
+        {
+            id: 'logs',
+            label: 'Tail logs',
+            component: _jsx(LogViewer, { filePath: "/tmp/posthog-wizard.log" }),
+        },
+        {
+            id: 'hn',
+            label: 'HN',
+            component: _jsx(HNViewer, {}),
+        },
+    ];
+    return (_jsx(TabContainer, { tabs: tabs, statusMessage: statuses, expandableStatus: true, store: store }));
+};
+//# sourceMappingURL=RunScreenDemo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunScreenDemo.js","sourceRoot":"","sources":["../../../../../../src/ui/tui/playground/demos/RunScreenDemo.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAe,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EACL,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,eAAe,EACf,QAAQ,GACT,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,MAAM,UAAU,GAAG;IACjB;QACE,KAAK,EAAE,iEAAiE;QACxE,UAAU,EAAE,4BAA4B;QACxC,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,6BAA6B;QACpC,UAAU,EAAE,gCAAgC;QAC5C,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,6CAA6C;QACpD,UAAU,EAAE,wBAAwB;QACpC,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,8CAA8C;QACrD,UAAU,EAAE,qBAAqB;QACjC,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,8BAA8B;QACrC,UAAU,EAAE,kCAAkC;QAC9C,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,kCAAkC;QACzC,UAAU,EAAE,oCAAoC;QAChD,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,kCAAkC;QACzC,UAAU,EAAE,sBAAsB;QAClC,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,0BAA0B;QACjC,UAAU,EAAE,4BAA4B;QACxC,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,KAAK,EAAE,6CAA6C;QACpD,UAAU,EAAE,uBAAuB;QACnC,MAAM,EAAE,UAAU,CAAC,OAAO;QAC1B,IAAI,EAAE,KAAK;KACZ;CACF,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,kCAAkC,EAAE;IACxE;QACE,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,sCAAsC;KACpD;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,0CAA0C;KACxD;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,0CAA0C;KACxD;CACF,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IAC7D,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1B,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAEjC,yCAAyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACrD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAClD,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QAChC,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;QAChD,aAAa,CAAC,OAAO,GAAG,6BAA6B,CAAC;QAEtD,oBAAoB;QACpB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACtC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CACtD,CAAC;QACF,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,gCAAgC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC;YACrB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;YAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC;YAChC,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,qCAAqC;YAEvE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpC,IAAI,CAAC,GAAG,KAAK;oBACX,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;gBAC5D,IAAI,CAAC,KAAK,KAAK;oBACb,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;gBAC9D,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YAC3D,CAAC,CAAC,CAAC;YAEH,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAEtB,qDAAqD;YACrD,IAAI,KAAK,GAAG,KAAK,EAAE,CAAC;gBAClB,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,KAAK,CAAC;gBACjD,IAAI,GAAG,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC;oBAClC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;oBACtB,aAAa,CAAC,OAAO,GAAG,GAAG,CAAC;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,oBAAoB,CAClB,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAC1B,CAAC;IAEF,MAAM,aAAa,GAAmB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5D,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,MAAM,EAAE,CAAC,CAAC,MAAM;KACjB,CAAC,CAAC,CAAC;IAEJ,MAAM,QAAQ,GACZ,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IAErE,MAAM,IAAI,GAAG;QACX;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,CACT,KAAC,SAAS,IACR,IAAI,EACF,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACxB,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,CAC3B,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,oBAAoB,EAAE,GAC9C,CACH,EAEH,KAAK,EAAE,KAAC,YAAY,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAC,OAAO,GAAG,GAC3D,CACH;SACF;QACD,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YAC5B,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,QAAQ;oBACZ,KAAK,EAAE,YAAY;oBACnB,SAAS,EAAE,KAAC,eAAe,IAAC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAI;iBACxD;aACF;YACH,CAAC,CAAC,EAAE,CAAC;QACP;YACE,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE,KAAC,SAAS,IAAC,QAAQ,EAAC,yBAAyB,GAAG;SAC5D;QACD;YACE,EAAE,EAAE,IAAI;YACR,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,KAAC,QAAQ,KAAG;SACxB;KACF,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,QAAQ,EACvB,gBAAgB,QAChB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * RunScreenDemo — Renders the real RunScreen with a mock store.\n * Tasks auto-advance every 1.5s. Discovered features (Stripe, LLM)\n * are pre-populated so conditional tips appear.\n */\n\nimport { useEffect, useRef, useSyncExternalStore } from 'react';\nimport { WizardStore, TaskStatus } from '../../store.js';\nimport { DiscoveredFeature } from '../../../../lib/wizard-session.js';\nimport {\n  TabContainer,\n  SplitView,\n  ProgressList,\n  LogViewer,\n  EventPlanViewer,\n  HNViewer,\n} from '../../primitives/index.js';\nimport type { ProgressItem } from '../../primitives/index.js';\nimport { LearnCard } from '../../components/LearnCard.js';\nimport { TipsCard } from '../../components/TipsCard.js';\n\nconst MOCK_TASKS = [\n  {\n    label: 'Checking project structure and finding files for event tracking',\n    activeForm: 'Checking project structure',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Verify PostHog dependencies',\n    activeForm: 'Verifying PostHog dependencies',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Generate events plan (.posthog-events.json)',\n    activeForm: 'Generating events plan',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Install posthog-js and posthog-node packages',\n    activeForm: 'Installing packages',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Set up environment variables',\n    activeForm: 'Setting up environment variables',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Create instrumentation-client.ts',\n    activeForm: 'Creating instrumentation-client.ts',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Update next.config with rewrites',\n    activeForm: 'Updating next.config',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Create posthog-server.ts',\n    activeForm: 'Creating posthog-server.ts',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Add PostHog capture events to project files',\n    activeForm: 'Adding capture events',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n];\n\nconst MOCK_EVENTS = [\n  { name: 'page_viewed', description: 'Fires when a user views any page' },\n  {\n    name: 'button_clicked',\n    description: 'Fires when the CTA button is clicked',\n  },\n  {\n    name: 'form_submitted',\n    description: 'Fires when the contact form is submitted',\n  },\n  {\n    name: 'signup_started',\n    description: 'Fires when a user begins the signup flow',\n  },\n];\n\ninterface RunScreenDemoProps {\n  store: WizardStore;\n}\n\nexport const RunScreenDemo = ({ store }: RunScreenDemoProps) => {\n  const tickRef = useRef(0);\n  const lastStatusRef = useRef('');\n\n  // Seed the store with mock data on mount\n  useEffect(() => {\n    store.addDiscoveredFeature(DiscoveredFeature.Stripe);\n    store.addDiscoveredFeature(DiscoveredFeature.LLM);\n    store.setEventPlan(MOCK_EVENTS);\n    store.pushStatus('Checking project structure.');\n    lastStatusRef.current = 'Checking project structure.';\n\n    // Set initial tasks\n    const initial = MOCK_TASKS.map((t, i) =>\n      i === 0 ? { ...t, status: TaskStatus.InProgress } : t,\n    );\n    store.setTasks(initial);\n  }, []);\n\n  // Auto-advance tasks every 1.5s\n  useEffect(() => {\n    const timer = setInterval(() => {\n      tickRef.current += 1;\n      const tick = tickRef.current;\n      const total = MOCK_TASKS.length;\n      const cycle = tick % (total + 3); // +3 for pause at end before restart\n\n      const tasks = MOCK_TASKS.map((t, i) => {\n        if (i < cycle)\n          return { ...t, status: TaskStatus.Completed, done: true };\n        if (i === cycle)\n          return { ...t, status: TaskStatus.InProgress, done: false };\n        return { ...t, status: TaskStatus.Pending, done: false };\n      });\n\n      store.setTasks(tasks);\n\n      // Only push status when the message actually changes\n      if (cycle < total) {\n        const msg = MOCK_TASKS[cycle].activeForm + '...';\n        if (msg !== lastStatusRef.current) {\n          store.pushStatus(msg);\n          lastStatusRef.current = msg;\n        }\n      }\n    }, 1500);\n\n    return () => clearInterval(timer);\n  }, []);\n\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const progressItems: ProgressItem[] = store.tasks.map((t) => ({\n    label: t.label,\n    activeForm: t.activeForm,\n    status: t.status,\n  }));\n\n  const statuses =\n    store.statusMessages.length > 0 ? store.statusMessages : undefined;\n\n  const tabs = [\n    {\n      id: 'status',\n      label: 'Status',\n      component: (\n        <SplitView\n          left={\n            store.learnCardComplete ? (\n              <TipsCard store={store} />\n            ) : (\n              <LearnCard\n                store={store}\n                onComplete={() => store.setLearnCardComplete()}\n              />\n            )\n          }\n          right={<ProgressList items={progressItems} title=\"Tasks\" />}\n        />\n      ),\n    },\n    ...(store.eventPlan.length > 0\n      ? [\n          {\n            id: 'events',\n            label: 'Event plan',\n            component: <EventPlanViewer events={store.eventPlan} />,\n          },\n        ]\n      : []),\n    {\n      id: 'logs',\n      label: 'Tail logs',\n      component: <LogViewer filePath=\"/tmp/posthog-wizard.log\" />,\n    },\n    {\n      id: 'hn',\n      label: 'HN',\n      component: <HNViewer />,\n    },\n  ];\n\n  return (\n    <TabContainer\n      tabs={tabs}\n      statusMessage={statuses}\n      expandableStatus\n      store={store}\n    />\n  );\n};\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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