@posthog/wizard 2.13.1 → 2.14.1

package/dist/{AuditChecksViewer-CjBCZjxG.js → slides-0xga1duy.js}

@@ -1,17 +1,110 @@
-import { d as SERVICE_LABELS } from "./debug-B2BH87dh.js";
+import { d as SERVICE_LABELS } from "./debug-BH8HMBNX.js";
 import { n as isTaskStatus } from "./wizard-ui-YdGFRyu_.js";
-import { n as analytics, r as sessionProperties } from "./analytics-Cek5hIwm.js";
-import { r as buildSession } from "./wizard-session-BcNJTl2I.js";
-import { g as AUDIT_SEVERITY_STYLE } from "./agent-interface-D9DeIikl.js";
-import { r as getKindMeta } from "./bin.js";
-import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-GbLPuHxj.js";
-import { i as WORKFLOW_STEPS, t as WizardRouter } from "./router-COhhuIW3.js";
+import { n as analytics, r as sessionProperties } from "./analytics-kUCNQQJm.js";
+import { r as buildSession } from "./wizard-session-CsI33S4_.js";
+import { _ as AUDIT_SEVERITY_STYLE } from "./agent-interface-BJoqBI04.js";
+import { a as isObjectBlock, i as isLinesBlock, n as computeVisibleRange, o as Colors, r as isClearBlock, s as Icons, t as TextBlock } from "./TextBlock-B3cm43YY.js";
+import { a as getKindMeta, n as Program, r as getProgramConfig, t as PROGRAM_REGISTRY } from "./bin.js";
+import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-DgKAzsD1.js";
 import * as fs$1 from "fs";
 import { Box, Text, measureElement, useInput, useStdout } from "ink";
 import { Component, Fragment, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { atom, map } from "nanostores";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { atom, map } from "nanostores";
 import { Spinner } from "@inkjs/ui";
+//#region src/lib/programs/program-step.ts
+/**
+* Project program steps into the narrower Screen shape the router consumes.
+*
+* Two things happen here:
+*   1. Headless steps (no `screenId`) are filtered out. The router walks
+*      visible screens; gate-only steps like `detect` are store concerns.
+*   2. The step is narrowed to just { id, show, isComplete } — the
+*      router has no business touching gate, onInit, or label.
+*
+* This intentional separation keeps the router focused on one question:
+* "Which screen should be rendered right now?"
+*/
+function createProgramSequence(steps) {
+	const entries = steps.filter((step) => step.screenId != null).map((step) => ({
+		id: step.screenId,
+		show: step.show,
+		isComplete: step.isComplete ?? step.gate
+	}));
+	entries.push({
+		id: "exit",
+		show: void 0,
+		isComplete: void 0
+	});
+	return entries;
+}
+//#endregion
+//#region src/ui/tui/screen-sequences.ts
+/** All program screen sequences keyed by program id. */
+const PROGRAM_SEQUENCES = Object.fromEntries(PROGRAM_REGISTRY.map((c) => [c.id, createProgramSequence(c.steps)]));
+//#endregion
+//#region src/ui/tui/router.ts
+var WizardRouter = class {
+	sequence;
+	programId;
+	overlays = [];
+	constructor(programId = Program.PostHogIntegration) {
+		this.programId = programId;
+		this.sequence = PROGRAM_SEQUENCES[programId];
+	}
+	/**
+	* Resolve which screen should be active based on session state.
+	* Walks the program sequence, skipping hidden entries and completed entries,
+	* returns the first incomplete screen.
+	*/
+	resolve(session) {
+		if (this.overlays.length > 0) return this.overlays[this.overlays.length - 1];
+		for (const entry of this.sequence) {
+			if (entry.show && !entry.show(session)) continue;
+			if (entry.isComplete && entry.isComplete(session)) continue;
+			return entry.id;
+		}
+		return this.sequence[this.sequence.length - 1].id;
+	}
+	/** The screen that should be rendered right now. */
+	get activeScreen() {
+		if (this.overlays.length > 0) return this.overlays[this.overlays.length - 1];
+		return this.sequence[0].id;
+	}
+	/** The id of the active program. */
+	get activeProgram() {
+		return this.programId;
+	}
+	/** Whether an overlay is currently active. */
+	get hasOverlay() {
+		return this.overlays.length > 0;
+	}
+	/**
+	* Push an overlay that interrupts the current program.
+	* The program resumes when the overlay is dismissed via popOverlay().
+	*/
+	pushOverlay(overlay) {
+		this.overlays.push(overlay);
+	}
+	/**
+	* Dismiss the topmost overlay. The program screen underneath resumes.
+	*/
+	popOverlay() {
+		this.overlays.pop();
+	}
+	/**
+	* Direction hint for screen transitions.
+	*/
+	_lastDirection = null;
+	get lastNavDirection() {
+		return this._lastDirection;
+	}
+	/** @internal — called by store wrapper to track direction */
+	_setDirection(dir) {
+		this._lastDirection = dir;
+	}
+};
+//#endregion
 //#region src/ui/tui/store.ts
 /**
 * WizardStore — Nanostore-backed reactive store for the TUI.
@@ -41,7 +134,7 @@ var WizardStore = class {
 	_lastScreen = null;
 	/** Hooks run when transitioning onto a screen. */
 	_enterScreenHooks = /* @__PURE__ */ new Map();
-	/** Gate promises derived from workflow step definitions. */
+	/** Gate promises derived from program step definitions. */
 	_gates = /* @__PURE__ */ new Map();
 	version = "";
 	/** Navigation router — resolves active screen from session state. */
@@ -51,17 +144,18 @@ var WizardStore = class {
 	_backupAndFixSettings = null;
 	/** Blocks OAuth flow until the port-conflict overlay is dismissed. */
 	_resolvePortConflict = null;
-	constructor(flow = "posthog-integration") {
-		this.router = new WizardRouter(flow);
-		this._initFromWorkflow(flow);
+	/** Resolves the in-flight wizard_ask request. */
+	_resolvePendingQuestion = null;
+	constructor(program = Program.PostHogIntegration) {
+		this.router = new WizardRouter(program);
+		this._initFromProgram(program);
 	}
 	/**
-	* Scan workflow steps for gate predicates and onInit callbacks.
+	* Scan program steps for gate predicates and onInit callbacks.
 	* Creates gate promises and fires init work.
 	*/
-	_initFromWorkflow(flow) {
-		const steps = WORKFLOW_STEPS[flow];
-		if (!steps) return;
+	_initFromProgram(program) {
+		const steps = getProgramConfig(program).steps;
 		for (const step of steps) if (step.gate) {
 			let resolve;
 			const promise = new Promise((r) => {
@@ -89,11 +183,10 @@ var WizardStore = class {
 	* Run all `onReady` hooks declared by the current flow's steps, in
 	* order. Must be called after `store.session = session` so hooks see
 	* the real installDir. bin.ts calls this generically — it doesn't
-	* need to know which workflow has which pre-flow work.
+	* need to know which program has which pre-flow work.
 	*/
 	async runReadyHooks() {
-		const steps = WORKFLOW_STEPS[this.router.activeFlow];
-		if (!steps) return;
+		const steps = getProgramConfig(this.router.activeProgram).steps;
 		const ctx = {
 			session: this.session,
 			setFrameworkContext: (k, v) => this.setFrameworkContext(k, v),
@@ -108,13 +201,13 @@ var WizardStore = class {
 	/**
 	* Get a gate promise by step ID — the primary blocking checkpoint API
 	* for bin.ts. `await store.getGate('...')` parks the caller until the
-	* corresponding workflow step's gate predicate flips to true (if the
+	* corresponding program step's gate predicate flips to true (if the
 	* predicate stays false, the caller stays parked indefinitely — the
 	* TUI keeps rendering so the user can resolve whatever is blocking).
 	*
-	* If the workflow doesn't define a step with this ID, or the step
+	* If the program doesn't define a step with this ID, or the step
 	* has no `gate` predicate, this returns an already-resolved promise
-	* so bin.ts flows straight through. This lets workflows opt in to
+	* so bin.ts flows straight through. This lets programs opt in to
 	* gates on a per-step basis without bin.ts needing to know which
 	* gates exist in which flow.
 	*/
@@ -244,6 +337,48 @@ var WizardStore = class {
 		this._resolvePortConflict = null;
 	}
 	/**
+	* Open the WizardAsk overlay with a set of questions and return a promise
+	* that resolves once the user submits answers (or the request is cancelled).
+	*
+	* Only one request is in flight at a time — calling this while a request
+	* is already pending throws.
+	*/
+	requestQuestion(question) {
+		if (this._resolvePendingQuestion) throw new Error("requestQuestion called while another wizard_ask request is pending");
+		this.$session.setKey("pendingQuestion", question);
+		this.pushOverlay("wizard-ask");
+		analytics.wizardCapture("wizard_ask shown", {
+			source: question.source,
+			question_count: question.questions.length,
+			kinds: question.questions.map((q) => q.kind)
+		});
+		return new Promise((resolve) => {
+			this._resolvePendingQuestion = resolve;
+		});
+	}
+	/**
+	* Resolve the in-flight wizard_ask request with the user's answers and
+	* dismiss the overlay. Answers flow back to the agent as the tool result.
+	*/
+	resolvePendingQuestion(answers) {
+		const resolve = this._resolvePendingQuestion;
+		this._resolvePendingQuestion = null;
+		this.$session.setKey("pendingQuestion", null);
+		this.popOverlay();
+		resolve?.(answers);
+	}
+	/**
+	* Cancel the in-flight wizard_ask request — the bridge sends a sentinel
+	* answer ("__cancelled__") so the skill can decide how to handle it.
+	*/
+	cancelPendingQuestion() {
+		const pending = this.session.pendingQuestion;
+		if (!pending) return;
+		const cancelled = {};
+		for (const q of pending.questions) cancelled[q.id] = "__cancelled__";
+		this.resolvePendingQuestion(cancelled);
+	}
+	/**
 	* Back up .claude/settings.json. Dismisses the overlay on success.
 	*/
 	backupAndFixSettingsOverride() {
@@ -259,7 +394,8 @@ var WizardStore = class {
 		return ok;
 	}
 	/** Push the auth-error overlay (no dismiss — user must exit). */
-	showAuthError() {
+	showAuthError(detail) {
+		this.$session.setKey("authErrorDetail", detail ?? null);
 		this.pushOverlay("auth-error");
 	}
 	addDiscoveredFeature(feature) {
@@ -305,6 +441,10 @@ var WizardStore = class {
 		this.$session.setKey("outroData", data);
 		this.emitChange();
 	}
+	setDashboardUrl(url) {
+		this.$session.setKey("dashboardUrl", url);
+		this.emitChange();
+	}
 	setFrameworkContext(key, value) {
 		const ctx = {
 			...this.$session.get().frameworkContext,
@@ -371,7 +511,7 @@ var WizardStore = class {
 			if (hooks) for (const fn of hooks) fn();
 			analytics.wizardCapture(`screen ${next}`, {
 				from_screen: prev,
-				workflow: this.router.activeFlow,
+				program_id: this.router.activeProgram,
 				...sessionProperties(this.session)
 			});
 		}
@@ -445,27 +585,6 @@ var WizardStore = class {
 	}
 };
 //#endregion
-//#region src/ui/tui/styles.ts
-const Colors = {
-	primary: "cyan",
-	accent: "#DC9300",
-	titleColor: "#3D2800",
-	success: "green",
-	error: "red",
-	muted: "gray"
-};
-const Icons = {
-	diamond: "◆",
-	diamondOpen: "◇",
-	check: "✔",
-	warning: "⚠",
-	squareFilled: "◼",
-	squareOpen: "◻",
-	triangleRight: "▶",
-	triangleSmallRight: "▸",
-	bullet: "•"
-};
-//#endregion
 //#region src/ui/tui/primitives/CardLayout.tsx
 /**
 * CardLayout — Aligns a single child within available space.
@@ -1835,223 +1954,6 @@ function openStory(input, stories) {
 	});
 }
 //#endregion
-//#region src/ui/tui/primitives/text-helpers.ts
-/**
-* Text-splitting helpers for sentence boundary detection.
-* Used by TextBlock for animation pauses at punctuation.
-*/
-/** Split text into sentences (keeps the delimiter attached) */
-function splitSentences(text) {
-	const parts = [];
-	const re = /[^.!?]*[.!?]+\s*/g;
-	let match;
-	let lastIndex = 0;
-	while ((match = re.exec(text)) !== null) {
-		parts.push(match[0]);
-		lastIndex = re.lastIndex;
-	}
-	if (lastIndex < text.length) parts.push(text.slice(lastIndex));
-	return parts;
-}
-/** Build a set of character indices where sentences end (for typewriter pause) */
-function sentenceEndChars(text) {
-	const ends = /* @__PURE__ */ new Set();
-	const sentences = splitSentences(text);
-	let pos = 0;
-	for (const s of sentences) {
-		pos += s.length;
-		ends.add(pos - 1);
-	}
-	return ends;
-}
-/** Build a set of word indices where sentences end (for word-by-word pause) */
-function sentenceEndWords(text) {
-	const ends = /* @__PURE__ */ new Set();
-	const sentences = splitSentences(text);
-	let wordCount = 0;
-	for (const s of sentences) {
-		const words = s.trim().split(/\s+/).filter(Boolean);
-		wordCount += words.length;
-		ends.add(wordCount - 1);
-	}
-	return ends;
-}
-//#endregion
-//#region src/ui/tui/primitives/content-types.ts
-/** Type guard for lines blocks. */
-function isLinesBlock(block) {
-	return typeof block !== "string" && "type" in block && block.type === "lines";
-}
-/** Type guard for clear blocks. */
-function isClearBlock(block) {
-	return typeof block !== "string" && "type" in block && block.type === "clear";
-}
-/** Type guard for object blocks (text or node content). */
-function isObjectBlock(block) {
-	return typeof block !== "string" && !("type" in block);
-}
-//#endregion
-//#region src/ui/tui/primitives/layout-helpers.ts
-/**
-* Estimate the number of terminal rows a content block will occupy,
-* including 1 row of marginBottom.
-*/
-function estimateBlockHeight(block, availableWidth) {
-	if (typeof block === "string") return wordWrap(block, availableWidth).length + 1;
-	if (isClearBlock(block)) return 0;
-	if (isLinesBlock(block)) return block.lines.length + 1;
-	if (isObjectBlock(block)) {
-		if (typeof block.content === "string") return wordWrap(block.content, availableWidth).length + 1;
-		return 4;
-	}
-	return 1;
-}
-/**
-* Given all blocks, the active index, available width, and a row budget,
-* return [startIdx, endIdx] — the range of blocks to render.
-*
-* Always includes activeIdx. Walks backward to include as many completed
-* blocks as fit within maxHeight.
-*/
-function computeVisibleRange(blocks, activeIdx, availableWidth, maxHeight) {
-	const budget = Math.max(4, maxHeight - 2);
-	let totalHeight = estimateBlockHeight(blocks[activeIdx], availableWidth);
-	let start = activeIdx;
-	for (let i = activeIdx - 1; i >= 0; i--) {
-		if (isClearBlock(blocks[i])) break;
-		const h = estimateBlockHeight(blocks[i], availableWidth);
-		if (totalHeight + h > budget) break;
-		totalHeight += h;
-		start = i;
-	}
-	return [start, activeIdx];
-}
-/**
-* Word-wrap text at clean word boundaries. Always returns pre-wrapped text
-* joined with \n — this avoids Ink's native wrap which can leave leading
-* spaces on continuation lines.
-*
-* Uses a 1-char safety margin so slight width estimate mismatches don't
-* cause Ink to re-wrap our already-wrapped lines.
-*/
-function wordWrap(text, availableWidth) {
-	const safeWidth = Math.max(10, availableWidth - 1);
-	const words = text.split(/\s+/);
-	const lines = [];
-	let currentLine = "";
-	for (const word of words) if (currentLine.length + word.length + 1 > safeWidth && currentLine.length > 0) {
-		lines.push(currentLine);
-		currentLine = word;
-	} else currentLine += (currentLine.length > 0 ? " " : "") + word;
-	if (currentLine.length > 0) lines.push(currentLine);
-	return lines;
-}
-/**
-* Word-wrap text and return only the last `maxRows` lines.
-* Used for intra-block truncation when a single text block exceeds the viewport.
-* Also used for normal rendering to avoid Ink's leading-space wrap artifacts.
-*/
-function wrapAndTruncate(text, availableWidth, maxRows) {
-	const lines = wordWrap(text, availableWidth);
-	if (lines.length <= maxRows) return lines.join("\n");
-	return lines.slice(-maxRows).join("\n");
-}
-//#endregion
-//#region src/ui/tui/primitives/TextBlock.tsx
-/**
-* TextBlock — Animates a single string paragraph.
-*
-* Self-contained: owns its own animIdx and timer.
-* Calls onComplete() when the animation finishes.
-*
-* Five animation modes:
-*   1. Typewriter           — character-by-character reveal
-*   2. Word by word         — each word appears in order
-*   3. Sentence by sentence — sentences appear one at a time
-*   4. Paragraph fade       — paragraph appears at full opacity immediately
-*   5. Sentence fade        — paragraph dim, sentences light up in order
-*/
-/** Default interval per mode (ms) */
-const TEXT_REVEAL_MODE_DEFAULTS = {
-	[1]: 240,
-	[0]: 32,
-	[2]: 1800,
-	[3]: 4800,
-	[4]: 2400
-};
-const TextBlock = ({ text, active, completed, onComplete, mode, bullet, animationInterval, sentenceInterval = 1600, maxHeight, availableWidth }) => {
-	const speed = animationInterval ?? TEXT_REVEAL_MODE_DEFAULTS[mode];
-	const [animIdx, setAnimIdx] = useState(mode === 4 ? 1 : 0);
-	const resetRef = useRef(0);
-	const prevMode = useRef(mode);
-	if (prevMode.current !== mode) {
-		prevMode.current = mode;
-		resetRef.current += 1;
-		setAnimIdx(mode === 4 ? 1 : 0);
-	}
-	const words = text.split(/\s+/);
-	const sentences = splitSentences(text);
-	const sentenceCharEnds = useMemo(() => sentenceEndChars(text), [text]);
-	const sentenceWordEnds = useMemo(() => sentenceEndWords(text), [text]);
-	const isDone = mode === 0 ? animIdx >= text.length : mode === 3 ? true : mode === 1 ? animIdx >= words.length : mode === 4 || mode === 2 ? animIdx >= sentences.length : true;
-	useEffect(() => {
-		if (isDone && active) onComplete();
-	}, [
-		isDone,
-		active,
-		onComplete
-	]);
-	useEffect(() => {
-		if (!active || mode === 3 || isDone) return;
-		const token = resetRef.current;
-		const isFirstTick = animIdx === 0;
-		let delay = isFirstTick ? 0 : speed;
-		if (!isFirstTick && mode === 0 && animIdx > 0 && sentenceCharEnds.has(animIdx - 1)) delay = sentenceInterval;
-		else if (!isFirstTick && mode === 1 && animIdx > 0 && sentenceWordEnds.has(animIdx - 1)) delay = sentenceInterval;
-		const timer = setTimeout(() => {
-			if (token !== resetRef.current) return;
-			setAnimIdx((c) => c + 1);
-		}, delay);
-		return () => clearTimeout(timer);
-	}, [
-		active,
-		mode,
-		animIdx,
-		isDone,
-		speed,
-		sentenceInterval,
-		sentenceCharEnds,
-		sentenceWordEnds
-	]);
-	const wrap = (visibleText) => {
-		if (availableWidth == null) return visibleText;
-		if (maxHeight == null) return wrapAndTruncate(visibleText, availableWidth, Infinity);
-		return wrapAndTruncate(visibleText, availableWidth, maxHeight);
-	};
-	if (completed) return /* @__PURE__ */ jsxs(Text, {
-		dimColor: true,
-		children: [bullet, wrap(text)]
-	});
-	if (mode === 0) {
-		const revealed = text.slice(0, animIdx);
-		return /* @__PURE__ */ jsxs(Text, { children: [
-			bullet,
-			wrap(/[.!?]\s*$/.test(revealed) ? revealed.trimEnd() : revealed),
-			/* @__PURE__ */ jsx(Text, {
-				color: Colors.muted,
-				children: "▌"
-			})
-		] });
-	}
-	if (mode === 1) return /* @__PURE__ */ jsxs(Text, { children: [bullet, wrap(words.slice(0, animIdx).join(" "))] });
-	if (mode === 3) return /* @__PURE__ */ jsxs(Text, { children: [bullet, wrap(text)] });
-	if (mode === 2) return /* @__PURE__ */ jsxs(Text, { children: [bullet, wrap(sentences.slice(0, animIdx).join(""))] });
-	return /* @__PURE__ */ jsxs(Text, { children: [bullet, sentences.map((s, si) => /* @__PURE__ */ jsx(Text, {
-		dimColor: si >= animIdx,
-		children: s
-	}, si))] });
-};
-//#endregion
 //#region src/ui/tui/primitives/LinesBlock.tsx
 /**
 * LinesBlock — Reveals ReactNode lines one at a time.
@@ -2261,809 +2163,99 @@ const BlockRenderer = ({ block, active, completed, onComplete, mode, bullet, ani
 //#endregion
 //#region src/ui/tui/components/LearnCard.tsx
 /**
-* LearnCard — PostHog educational content with animated text reveal.
-*/
-/**
-* StatusPeekTrigger — Fires the status bar expansion once, renders nothing.
-* The peek is guarded by peekedRef so re-mounts are safe.
+* LearnCard — Generic render shell for an animated content deck.
+*
+* Program-owned. Callers pass the script via `blocks`. The script lives
+* under `src/lib/programs/<name>/content/`. The shell handles
+* dimension tracking, status-bar height math, and the `display="none"`
+* clamp on narrow terminals.
 */
-const StatusPeekTrigger = ({ store, duration = 1e4, peekedRef }) => {
-	useEffect(() => {
-		if (peekedRef.current) return;
-		peekedRef.current = true;
-		store?.setStatusExpanded(true);
-		setTimeout(() => {
-			store?.setStatusExpanded(false);
-		}, duration);
-	}, [
-		store,
-		duration,
-		peekedRef
-	]);
-	return /* @__PURE__ */ jsx(Text, { children: "You can view the Wizard's status below." });
-};
-const POSTHOG_DATA_FLOW = {
-	type: "lines",
-	interval: 500,
-	pause: 8e3,
-	lines: [
-		/* @__PURE__ */ jsx(Text, {
-			color: "gray",
-			children: "  ┌──────────────────────────────┐"
-		}),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │ "
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: "cyan",
-				children: "Your App"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "                     │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │   │ "
-			}),
-			/* @__PURE__ */ jsx(Text, { children: "posthog.capture()" }),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "        │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │   │  "
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "custom events"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "           │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │   │  "
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "custom properties"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "       │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │   │  "
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "person profiles"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "         │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │   ↓  "
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "groups"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "                  │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │ "
-			}),
+/** Fixed chrome: ScreenContainer (3) + TabContainer tab bar (2) */
+const FIXED_CHROME = 5;
+const HEADER_ROWS = 2;
+const MIN_CONTENT_ROWS = 6;
+const LearnCard = ({ store, blocks, onComplete }) => {
+	const [columns, rows] = useStdoutDimensions();
+	const statusBarRows = (store ? store.statusMessages.length > 0 : false) ? (store?.statusExpanded ? 10 : 2) + 1 : 0;
+	const contentHeight = rows - FIXED_CHROME - statusBarRows;
+	const tooSmall = contentHeight < MIN_CONTENT_ROWS;
+	const maxHeight = Math.max(1, contentHeight - HEADER_ROWS);
+	const paneWidth = Math.floor((Math.min(120, columns) - 2) / 2) - 2;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		paddingX: 1,
+		display: tooSmall ? "none" : "flex",
+		children: [
 			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				color: Colors.accent,
-				children: "PostHog SDK"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "                  │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │   ↓ "
+				children: "Learn"
 			}),
-			/* @__PURE__ */ jsx(Text, { children: "HTTP" }),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "                     │"
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(ContentSequencer, {
+				blocks,
+				mode: 2,
+				maxHeight,
+				availableWidth: paneWidth,
+				startDelay: 2e3,
+				initialBlockIdx: store?.learnCardBlockIdx ?? 0,
+				onBlockChange: (idx) => store?.setLearnCardBlockIdx(idx),
+				onSequenceComplete: onComplete
 			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │ "
-			}),
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/components/TipsCard.tsx
+/**
+* TipsCard — Shows PostHog tips during the agent run.
+* Reactively shows/hides tips based on discovered features.
+* Supports toggling additional features via key bindings.
+*/
+const TIPS = [
+	{
+		id: "persons",
+		title: "You can also track people and groups with PostHog",
+		description: "Events can be associated with the humans who generate them, letting you understand a specific user or customer's situation."
+	},
+	{
+		id: "properties",
+		title: "Get way more detail using properties",
+		description: "Events and person records can have any properties you want. Track things like how they found your website, what subscription tier they choose, and much more."
+	},
+	{
+		id: "stripe",
+		title: "You can track Stripe revenue with PostHog",
+		description: "Add Stripe as a data source while you wait:",
+		url: "https://app.posthog.com/project/data-warehouse/new-source?kind=Stripe",
+		visible: (store) => store.session.discoveredFeatures.includes("stripe")
+	},
+	{
+		id: "llm",
+		title: "PostHog can also help you track your LLM costs",
+		description: "",
+		visible: (store) => store.session.discoveredFeatures.includes("llm"),
+		toggle: {
+			key: "l",
+			feature: "llm",
+			enabledLabel: "LLM analytics setup queued next",
+			prompt: "We detected LLM dependencies in your project.",
+			isEnabled: (store) => store.session.llmOptIn
+		}
+	}
+];
+const TipsCard = ({ store }) => {
+	useInput((input) => {
+		for (const tip of TIPS) if (tip.toggle && input.toLowerCase() === tip.toggle.key && (!tip.visible || tip.visible(store)) && !tip.toggle.isEnabled(store)) store.enableFeature(tip.toggle.feature);
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		paddingX: 1,
+		children: [
 			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				color: Colors.accent,
-				children: "PostHog Cloud"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "                │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │   ↓ "
-			}),
-			/* @__PURE__ */ jsx(Text, { children: "query + visualize" }),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "        │"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  │ "
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: "green",
-				children: "Dashboards & Insights"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "        │"
-			})
-		] }),
-		/* @__PURE__ */ jsx(Text, {
-			color: "gray",
-			children: "  └──────────────────────────────┘"
-		})
-	]
-};
-const PRODUCT_SUITE_BLOCK = {
-	type: "lines",
-	interval: 1e3,
-	pause: 15e3,
-	lines: [
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"Product Analytics     ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Error Tracking"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"Web Analytics         ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Session Replay"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"Feature Flags         ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Data Pipelines"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"Experiments           ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Data Warehouse"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"LLM Analytics         ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Surveys"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"Workflows             ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Logs"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"Product Tours         ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Support"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "  ◆ "
-			}),
-			"Revenue Analytics     ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "◆ "
-			}),
-			"Endpoints"
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
-			color: "cyan",
-			children: "  ◆ "
-		}), "Customer Analytics"] })
-	]
-};
-const LINE_CHART_BLOCK = {
-	type: "lines",
-	interval: 300,
-	pause: 6e3,
-	lines: [
-		/* @__PURE__ */ jsx(Text, {
-			bold: true,
-			children: "  Trends · user signups (monthly)"
-		}),
-		/* @__PURE__ */ jsx(Text, { children: " " }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "  10k ┤"
-			}),
-			"                          ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭──"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: " 9,575"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "      │"
-			}),
-			"                         ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭╯"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: " 7.5k ┤"
-			}),
-			"                        ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭╯"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "      │"
-			}),
-			"                      ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭─╯"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "   5k ┤"
-			}),
-			"                    ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭─╯"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "      │"
-			}),
-			"                 ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭──╯"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: " 2.5k ┤"
-			}),
-			"             ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭───╯"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: "      │"
-			}),
-			"      ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "╭──────╯"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
-			color: "gray",
-			children: "    0 ┤"
-		}), /* @__PURE__ */ jsx(Text, {
-			color: "cyan",
-			children: "──────╯"
-		})] }),
-		/* @__PURE__ */ jsx(Text, {
-			color: "gray",
-			children: "      └┬─────┬─────┬─────┬─────┬──"
-		}),
-		/* @__PURE__ */ jsx(Text, {
-			dimColor: true,
-			children: "       May   Aug   Nov   Feb   May"
-		})
-	]
-};
-const FUNNEL_BLOCK = {
-	type: "lines",
-	interval: 200,
-	pause: 8e3,
-	lines: [
-		/* @__PURE__ */ jsx(Text, {
-			bold: true,
-			children: "  Funnel · ride conversion"
-		}),
-		/* @__PURE__ */ jsx(Text, { children: " " }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"  ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				children: "1"
-			}),
-			"  app_launched",
-			"                     ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: "green",
-				children: "100.00%"
-			})
-		] }),
-		/* @__PURE__ */ jsx(Text, {
-			color: "cyan",
-			children: "     ██████████████████████████████"
-		}),
-		/* @__PURE__ */ jsx(Text, {
-			dimColor: true,
-			children: "     → 1,200 users"
-		}),
-		/* @__PURE__ */ jsx(Text, { children: " " }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"  ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				children: "2"
-			}),
-			"  ride_requested",
-			"       ",
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "avg 2m 30s"
-			}),
-			"   ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: "green",
-				children: "72.00%"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"     ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "██████████████████████"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "░░░░░░░░░"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"     ",
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "→ 864 users"
-			}),
-			"  ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "red",
-				children: "↘"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: " 336 (28%)"
-			})
-		] }),
-		/* @__PURE__ */ jsx(Text, { children: " " }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"  ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				children: "3"
-			}),
-			"  ride_accepted",
-			"        ",
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "avg 5m 12s"
-			}),
-			"   ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: "green",
-				children: "51.00%"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"     ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "██████████████████"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "░░░░░░░░░░░░░"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"     ",
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "→ 612 users"
-			}),
-			"  ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "red",
-				children: "↘"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: " 252 (29%)"
-			})
-		] }),
-		/* @__PURE__ */ jsx(Text, { children: " " }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"  ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				children: "4"
-			}),
-			"  ride_started",
-			"         ",
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "avg 1m 45s"
-			}),
-			"   ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: "green",
-				children: "38.00%"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"     ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "cyan",
-				children: "█████████████"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "░░░░░░░░░░░░░░░░░░"
-			})
-		] }),
-		/* @__PURE__ */ jsxs(Text, { children: [
-			"     ",
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: "→ 456 users"
-			}),
-			"  ",
-			/* @__PURE__ */ jsx(Text, {
-				color: "red",
-				children: "↘"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				dimColor: true,
-				children: " 156 (25%)"
-			})
-		] })
-	]
-};
-/** Fixed chrome: ScreenContainer (3) + TabContainer tab bar (2) */
-const FIXED_CHROME = 5;
-const HEADER_ROWS = 2;
-const MIN_CONTENT_ROWS = 6;
-const LearnCard = ({ store, onComplete }) => {
-	const peekedRef = useRef(false);
-	const [columns, rows] = useStdoutDimensions();
-	const blocks = useMemo(() => [
-		{
-			content: "Welcome.",
-			pause: 3e3,
-			mode: 0,
-			animationInterval: 160
-		},
-		{
-			content: "The Wizard is an agent.",
-			pause: 4e3
-		},
-		{
-			content: "It handles the entire PostHog setup process on your behalf.",
-			pause: 5e3
-		},
-		{
-			content: "As we speak, it's building a plan to set up PostHog in your project.",
-			pause: 6e3
-		},
-		{
-			type: "clear",
-			pause: 2e3
-		},
-		{
-			pause: 5e3,
-			persist: true,
-			content: /* @__PURE__ */ jsx(StatusPeekTrigger, {
-				store,
-				peekedRef
-			})
-		},
-		{
-			pause: 6e3,
-			content: /* @__PURE__ */ jsxs(Text, { children: [
-				"Press",
-				" ",
-				/* @__PURE__ */ jsx(Text, {
-					color: Colors.accent,
-					bold: true,
-					children: "S"
-				}),
-				" ",
-				"to expand or collapse the status."
-			] })
-		},
-		{
-			type: "clear",
-			pause: 2e3
-		},
-		{
-			content: "It takes about eight minutes.",
-			pause: 2e3
-		},
-		{
-			content: "So grab some coffee ☕️.",
-			pause: 2e3
-		},
-		{
-			content: "Or stick around and learn about PostHog.",
-			pause: 5e3
-		},
-		{
-			type: "clear",
-			pause: 3e3
-		},
-		{
-			content: "Events are the foundation of the PostHog platform.",
-			pause: 4e3
-		},
-		{
-			content: "Every time an action is performed in your codebase — like button clicks, function calls, or thrown errors — we can capture an event.",
-			pause: 6e3
-		},
-		{
-			content: "Events are sent to PostHog and joined with other product data.",
-			pause: 6e3
-		},
-		{
-			type: "clear",
-			pause: 1e3
-		},
-		{
-			content: "Here's the flow.",
-			pause: 1e3
-		},
-		POSTHOG_DATA_FLOW,
-		{
-			type: "clear",
-			pause: 2e3
-		},
-		{
-			content: "With enough event data, you can answer powerful questions about your product.",
-			pause: 4e3
-		},
-		{
-			content: "And create insights.",
-			pause: 4e3
-		},
-		{
-			type: "clear",
-			pause: 500
-		},
-		{
-			content: "Like trends to measure growth.",
-			pause: 2500
-		},
-		LINE_CHART_BLOCK,
-		{
-			type: "clear",
-			pause: 500
-		},
-		{
-			content: "Or funnels to reveal bottlenecks.",
-			pause: 2500
-		},
-		FUNNEL_BLOCK,
-		{
-			type: "clear",
-			pause: 1e3
-		},
-		{
-			content: "Use those signals to decide what to build next.",
-			pause: 4e3
-		},
-		{
-			content: "PostHog has all the dev tools you need.",
-			pause: 3e3
-		},
-		PRODUCT_SUITE_BLOCK
-	], [store]);
-	const statusBarRows = (store ? store.statusMessages.length > 0 : false) ? (store?.statusExpanded ? 10 : 2) + 1 : 0;
-	const contentHeight = rows - FIXED_CHROME - statusBarRows;
-	const tooSmall = contentHeight < MIN_CONTENT_ROWS;
-	const maxHeight = Math.max(1, contentHeight - HEADER_ROWS);
-	const paneWidth = Math.floor((Math.min(120, columns) - 2) / 2) - 2;
-	return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "column",
-		paddingX: 1,
-		display: tooSmall ? "none" : "flex",
-		children: [
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: Colors.accent,
-				children: "Learn"
-			}),
-			/* @__PURE__ */ jsx(Box, { height: 1 }),
-			/* @__PURE__ */ jsx(ContentSequencer, {
-				blocks,
-				mode: 2,
-				maxHeight,
-				availableWidth: paneWidth,
-				startDelay: 2e3,
-				initialBlockIdx: store?.learnCardBlockIdx ?? 0,
-				onBlockChange: (idx) => store?.setLearnCardBlockIdx(idx),
-				onSequenceComplete: onComplete
-			})
-		]
-	});
-};
-//#endregion
-//#region src/ui/tui/components/TipsCard.tsx
-/**
-* TipsCard — Shows PostHog tips during the agent run.
-* Reactively shows/hides tips based on discovered features.
-* Supports toggling additional features via key bindings.
-*/
-const TIPS = [
-	{
-		id: "persons",
-		title: "You can also track people and groups with PostHog",
-		description: "Events can be associated with the humans who generate them, letting you understand a specific user or customer's situation."
-	},
-	{
-		id: "properties",
-		title: "Get way more detail using properties",
-		description: "Events and person records can have any properties you want. Track things like how they found your website, what subscription tier they choose, and much more."
-	},
-	{
-		id: "stripe",
-		title: "You can track Stripe revenue with PostHog",
-		description: "Add Stripe as a data source while you wait:",
-		url: "https://app.posthog.com/project/data-warehouse/new-source?kind=Stripe",
-		visible: (store) => store.session.discoveredFeatures.includes("stripe")
-	},
-	{
-		id: "llm",
-		title: "PostHog can also help you track your LLM costs",
-		description: "",
-		visible: (store) => store.session.discoveredFeatures.includes("llm"),
-		toggle: {
-			key: "l",
-			feature: "llm",
-			enabledLabel: "LLM analytics setup queued next",
-			prompt: "We detected LLM dependencies in your project.",
-			isEnabled: (store) => store.session.llmOptIn
-		}
-	}
-];
-const TipsCard = ({ store }) => {
-	useInput((input) => {
-		for (const tip of TIPS) if (tip.toggle && input.toLowerCase() === tip.toggle.key && (!tip.visible || tip.visible(store)) && !tip.toggle.isEnabled(store)) store.enableFeature(tip.toggle.feature);
-	});
-	return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "column",
-		paddingX: 1,
-		children: [
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: Colors.accent,
-				children: "Tips"
+				children: "Tips"
 			}),
 			/* @__PURE__ */ jsx(Box, { height: 1 }),
 			TIPS.filter((tip) => !tip.visible || tip.visible(store)).map((tip) => /* @__PURE__ */ jsxs(Box, {
@@ -3893,6 +3085,382 @@ const AuditChecksViewer = ({ checks }) => {
 	});
 };
 //#endregion
-export { CardLayout as C, WizardStore as E, SplitView as S, Icons as T, useStdoutDimensions as _, SEVERITY_ORDER as a, ProgressList as b, LearnCard as c, ScreenContainer as d, EventPlanViewer as f, GroupedPickerMenu as g, ConfirmationInput as h, SEVERITY_LABEL as i, HNViewer as l, ModalOverlay as m, McpScreen as n, ServiceHealthList as o, LogViewer as p, IssueTable as r, TipsCard as s, AuditChecksViewer as t, TabContainer as u, PickerMenu as v, Colors as w, LoadingBox as x, useKeyBindings as y };
+//#region src/ui/tui/screens/audit/slides/shared.tsx
+/** Narrow bordered box for the small ASCII illustrations in baseline slides. */
+const VisualBox = ({ children }) => /* @__PURE__ */ jsx(Box, {
+	borderStyle: "single",
+	borderColor: Colors.muted,
+	paddingX: 1,
+	flexDirection: "column",
+	marginBottom: 1,
+	children
+});
+//#endregion
+//#region src/ui/tui/screens/audit/slides/installation.tsx
+const InstallationVisual = () => /* @__PURE__ */ jsxs(VisualBox, { children: [
+	/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "app boot"
+	}),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "  ▼ "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "posthog.init(...)"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "   once"
+		})
+	] }),
+	/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "  │"
+	}),
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "  ▼ "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "cyan",
+		children: "posthog.capture('pageview')"
+	})] }),
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "    "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "cyan",
+		children: "posthog.capture('signup')"
+	})] }),
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "    "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "cyan",
+		children: "posthog.capture('purchase')"
+	})] })
+] });
+const InstallationSlide = {
+	area: "Installation",
+	intro: [
+		"PostHog releases frequent SDK updates to fix bugs and add new features. We're checking your project's SDK version and making sure it's up to date.",
+		"We're also checking that your SDK is initialized correctly and in the right part of your app's lifecycle.",
+		"This ensures you won't miss any autocaptured events."
+	],
+	visual: /* @__PURE__ */ jsx(InstallationVisual, {}),
+	docsUrl: "https://posthog.com/docs/getting-started/install"
+};
+//#endregion
+//#region src/ui/tui/screens/audit/slides/identification.tsx
+const IdentificationVisual = () => /* @__PURE__ */ jsxs(VisualBox, { children: [
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "browser "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "capture"
+		}),
+		/* @__PURE__ */ jsx(Text, { children: " (" }),
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "u_42"
+		}),
+		/* @__PURE__ */ jsx(Text, { children: ", \"click\")" })
+	] }),
+	/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "           │"
+	}),
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "           ▼ "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "green",
+		children: "same distinct_id"
+	})] }),
+	/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "           │"
+	}),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "server  "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "capture"
+		}),
+		/* @__PURE__ */ jsx(Text, { children: " (" }),
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "u_42"
+		}),
+		/* @__PURE__ */ jsx(Text, { children: ", \"charged\")" })
+	] })
+] });
+const IdentificationSlide = {
+	area: "Identification",
+	intro: [
+		"For events to be useful, they need to be reliably attributed to a user.",
+		"We're checking your project's `identify()` calls to make sure they're correctly and consistently implemented.",
+		"We're also checking that your `distinct_id`s are correctly passed between your client and server runtimes if applicable."
+	],
+	visual: /* @__PURE__ */ jsx(IdentificationVisual, {}),
+	docsUrl: "https://posthog.com/docs/product-analytics/identify"
+};
+//#endregion
+//#region src/ui/tui/screens/audit/slides/eventCapture.tsx
+const CaptureVisual = () => /* @__PURE__ */ jsxs(VisualBox, { children: [
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "pageview   "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "████████████"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: " 1000"
+		})
+	] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "signup     "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "████████"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "      640"
+		})
+	] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "activated  "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "█████"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "         410"
+		})
+	] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "purchased  "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "██"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "            120"
+		})
+	] })
+] });
+const EventCaptureSlide = {
+	area: "Event Capture",
+	intro: [
+		"Everything you do in PostHog starts with event captures. Every dashboard, insight, funnel, cohort, and replay is built on top of events.",
+		"We're checking that your project's event capture calls cover key user actions and use sensible event names, so you can build high-quality insights and reports.",
+		"We're also checking that you use a reverse proxy so your events are not blocked by ad blockers or tracking blockers."
+	],
+	visual: /* @__PURE__ */ jsx(CaptureVisual, {}),
+	docsUrl: "https://posthog.com/docs/product-analytics/capture-events"
+};
+//#endregion
+//#region src/ui/tui/screens/audit/slides/index.ts
+const AUDIT_AREA_SLIDES = [
+	InstallationSlide,
+	IdentificationSlide,
+	EventCaptureSlide
+];
+//#endregion
+//#region src/ui/tui/screens/audit-3000/slides/eventQuality.tsx
+const EventQualityVisual = () => /* @__PURE__ */ jsxs(VisualBox, { children: [
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		color: "green",
+		children: "event_clicked    "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "green",
+		children: "✓"
+	})] }),
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		color: "yellow",
+		children: "eventClicked     "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "yellow",
+		children: "~  duplicate?"
+	})] }),
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		color: "yellow",
+		children: "click_event      "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "yellow",
+		children: "~  duplicate?"
+	})] }),
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		color: "red",
+		children: "big_kitchen_sink "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "red",
+		children: "✗  22 props"
+	})] })
+] });
+const EventQualitySlide = {
+	area: "Event Quality",
+	intro: [
+		"LEVEL 5: EVENT QUALITY. The capture call-sites are clean. The events themselves are the real boss fight.",
+		"Scanning for: naming inconsistencies, semantic duplicates, kitchen-sink event payloads, and (if your PostHog project is linked) which captured events actually drive insights and dashboards.",
+		"4 subagents fan out in parallel. The ticker shows them clearing checks live."
+	],
+	visual: /* @__PURE__ */ jsx(EventQualityVisual, {}),
+	docsUrl: "https://posthog.com/docs/product-analytics/best-practices"
+};
+//#endregion
+//#region src/ui/tui/screens/audit-3000/slides/featureFlags.tsx
+const FeatureFlagsVisual = () => /* @__PURE__ */ jsxs(VisualBox, { children: [
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "red",
+			children: "new-checkout-v2    "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "no code refs   "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "red",
+			children: "DROP"
+		})
+	] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "yellow",
+			children: "beta-dashboard     "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "1 ref, 100% on "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "yellow",
+			children: "REVIEW"
+		})
+	] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "killswitch-payments"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "live experiment"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "KEEP"
+		})
+	] })
+] });
+const FeatureFlagsSlide = {
+	area: "Feature Flags",
+	intro: [
+		"LEVEL 6: STALE FLAGS. Old flags add evaluation overhead and confuse the next engineer who wonders if a flag is still live.",
+		"Cross-referencing PostHog's stale-flag classification against your source tree. Each flag scored: safe-to-disable, needs-review, or unknown.",
+		"The final report ships with a copy-paste cleanup prompt. We never touch a flag."
+	],
+	visual: /* @__PURE__ */ jsx(FeatureFlagsVisual, {}),
+	docsUrl: "https://posthog.com/docs/feature-flags"
+};
+//#endregion
+//#region src/ui/tui/screens/audit-3000/slides/expansion.tsx
+const ExpansionVisual = () => /* @__PURE__ */ jsxs(VisualBox, { children: [
+	/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+		color: "cyan",
+		children: "product analytics  "
+	}), /* @__PURE__ */ jsx(Text, {
+		color: "green",
+		children: "■■■■■"
+	})] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "error tracking     "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "red",
+			children: "□□□□□"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "  sentry detected"
+		})
+	] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "session replay     "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "yellow",
+			children: "■■□□□"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "  partial"
+		})
+	] }),
+	/* @__PURE__ */ jsxs(Text, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "llm observability  "
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "red",
+			children: "□□□□□"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "  greenfield"
+		})
+	] })
+] });
+//#endregion
+//#region src/ui/tui/screens/audit-3000/slides/index.ts
+const AUDIT_3000_AREA_SLIDES = [
+	InstallationSlide,
+	IdentificationSlide,
+	EventCaptureSlide,
+	EventQualitySlide,
+	FeatureFlagsSlide,
+	{
+		area: "Use Case: Expansion",
+		intro: [
+			"BONUS ROUND: EXPANSION. You might be paying for tools PostHog covers natively.",
+			"Scanning for competitive SDKs (Sentry, LaunchDarkly, Mixpanel, Datadog, OpenTelemetry, GA4) and PostHog coverage gaps across 8 product surfaces.",
+			"8 subagents in two waves of 4. Each one returns one of: cross-sell, greenfield, gap, or pass."
+		],
+		visual: /* @__PURE__ */ jsx(ExpansionVisual, {}),
+		docsUrl: "https://posthog.com/docs"
+	}
+];
+//#endregion
+export { ProgressList as C, WizardStore as D, CardLayout as E, useKeyBindings as S, SplitView as T, ModalOverlay as _, IssueTable as a, useStdoutDimensions as b, ServiceHealthList as c, ContentSequencer as d, HNViewer as f, LogViewer as g, EventPlanViewer as h, McpScreen as i, TipsCard as l, ScreenContainer as m, AUDIT_AREA_SLIDES as n, SEVERITY_LABEL as o, TabContainer as p, AuditChecksViewer as r, SEVERITY_ORDER as s, AUDIT_3000_AREA_SLIDES as t, LearnCard as u, ConfirmationInput as v, LoadingBox as w, PickerMenu as x, GroupedPickerMenu as y };
 
-//# sourceMappingURL=AuditChecksViewer-CjBCZjxG.js.map
+//# sourceMappingURL=slides-0xga1duy.js.map