@posthog/wizard 2.14.3 → 2.16.0

package/dist/{slides-BtDXEXdn.js → slides-Dpj4j0w_.js}

@@ -1,11 +1,11 @@
-import { d as SERVICE_LABELS } from "./debug-BOogNcWX.js";
+import { g as SERVICE_LABELS, s as logToFile } from "./debug-C4jRuzny.js";
 import { n as isTaskStatus } from "./wizard-ui-YdGFRyu_.js";
-import { n as analytics, r as sessionProperties } from "./analytics-DaDpDus8.js";
-import { r as buildSession } from "./wizard-session-CsI33S4_.js";
-import { _ as AUDIT_SEVERITY_STYLE } from "./agent-interface-cEdS_bNo.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-DEHERFec.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 { n as analytics, r as sessionProperties } from "./analytics-DZaUgJte.js";
+import { i as buildSession } from "./wizard-session-Bi95IYca.js";
+import { _ as AUDIT_SEVERITY_STYLE } from "./agent-interface-pBnqJL8P.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-DJVhBkr3.js";
+import { n as Program, r as getProgramConfig, s as getKindMeta, t as PROGRAM_REGISTRY } from "./bin.js";
+import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-GbLPuHxj.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";
@@ -144,6 +144,8 @@ var WizardStore = class {
 	_backupAndFixSettings = null;
 	/** Blocks OAuth flow until the port-conflict overlay is dismissed. */
 	_resolvePortConflict = null;
+	/** Resolves the OAuth flow with a manually-entered authorization code. */
+	_resolveManualAuthCode = null;
 	/** Resolves the in-flight wizard_ask request. */
 	_resolvePendingQuestion = null;
 	constructor(program = Program.PostHogIntegration) {
@@ -272,6 +274,14 @@ var WizardStore = class {
 		analytics.wizardCapture("auth complete", { project_id: credentials?.projectId });
 		this.emitChange();
 	}
+	setRoleAtOrganization(role) {
+		this.$session.setKey("roleAtOrganization", role);
+		this.emitChange();
+	}
+	setApiUser(user) {
+		this.$session.setKey("apiUser", user);
+		this.emitChange();
+	}
 	setFrameworkConfig(integration, config) {
 		this.$session.setKey("integration", integration);
 		this.$session.setKey("frameworkConfig", config);
@@ -294,6 +304,10 @@ var WizardStore = class {
 		this.$session.setKey("loginUrl", url);
 		this.emitChange();
 	}
+	setAuthorizeUrl(url) {
+		this.$session.setKey("authorizeUrl", url);
+		this.emitChange();
+	}
 	setReadinessResult(result) {
 		this.$session.setKey("readinessResult", result);
 		this.emitChange();
@@ -337,6 +351,33 @@ var WizardStore = class {
 		this._resolvePortConflict = null;
 	}
 	/**
+	* Return a promise that resolves when the user submits a manually-entered
+	* OAuth code via the paste modal. The OAuth flow races this against the
+	* local callback server — see `performOAuthFlow`.
+	*/
+	waitForManualAuthCode() {
+		return new Promise((resolve) => {
+			this._resolveManualAuthCode = resolve;
+		});
+	}
+	/** Open the manual OAuth code-entry overlay over the auth screen. */
+	showManualAuthCode() {
+		this.pushOverlay("manual-auth-code");
+	}
+	/** Dismiss the manual OAuth code overlay without submitting. */
+	dismissManualAuthCode() {
+		this.popOverlay();
+	}
+	/**
+	* Submit a manually-entered authorization code: dismiss the overlay and
+	* resolve the in-flight OAuth flow so it can exchange the code for a token.
+	*/
+	submitManualAuthCode(code) {
+		this.popOverlay();
+		this._resolveManualAuthCode?.(code);
+		this._resolveManualAuthCode = 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).
 	*
@@ -433,6 +474,10 @@ var WizardStore = class {
 		});
 		this.emitChange();
 	}
+	setMcpSuggestedPromptsDismissed() {
+		this.$session.setKey("mcpSuggestedPromptsDismissed", true);
+		this.emitChange();
+	}
 	setOutroDismissed() {
 		this.$session.setKey("outroDismissed", true);
 		this.emitChange();
@@ -855,12 +900,13 @@ function useKeyBindings(id, bindings) {
 * Key bindings are declared via useKeyBindings, which auto-registers
 * hints in the KeyboardHintsBar.
 */
-const PickerMenu = ({ message, options, mode = "single", centered = false, columns = 1, onSelect }) => {
+const PickerMenu = ({ message, options, mode = "single", centered = false, columns = 1, optionMarginBottom = 0, onSelect }) => {
 	if (mode === "multi") return /* @__PURE__ */ jsx(MultiPickerMenu, {
 		message,
 		options,
 		centered,
 		columns,
+		optionMarginBottom,
 		onSelect
 	});
 	return /* @__PURE__ */ jsx(SinglePickerMenu, {
@@ -868,11 +914,12 @@ const PickerMenu = ({ message, options, mode = "single", centered = false, colum
 		options,
 		centered,
 		columns,
+		optionMarginBottom,
 		onSelect
 	});
 };
 /** Custom single-select with triangle indicator and accent highlight. */
-const SinglePickerMenu = ({ message, options, centered = false, columns = 1, onSelect }) => {
+const SinglePickerMenu = ({ message, options, centered = false, columns = 1, optionMarginBottom = 0, onSelect }) => {
 	const [focused, setFocused] = useState(0);
 	const rows = Math.ceil(options.length / columns);
 	const bindings = [{
@@ -933,6 +980,7 @@ const SinglePickerMenu = ({ message, options, centered = false, columns = 1, onS
 					const label = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;
 					return /* @__PURE__ */ jsxs(Box, {
 						gap: 1,
+						marginBottom: optionMarginBottom,
 						children: [/* @__PURE__ */ jsx(Text, {
 							color: isFocused ? Colors.accent : void 0,
 							dimColor: !isFocused,
@@ -950,7 +998,7 @@ const SinglePickerMenu = ({ message, options, centered = false, columns = 1, onS
 	});
 };
 /** Custom multi-select with checkbox glyphs and accent highlight. */
-const MultiPickerMenu = ({ message, options, centered = false, columns = 1, onSelect }) => {
+const MultiPickerMenu = ({ message, options, centered = false, columns = 1, optionMarginBottom = 0, onSelect }) => {
 	const [focused, setFocused] = useState(0);
 	const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
 	const rows = Math.ceil(options.length / columns);
@@ -1034,6 +1082,7 @@ const MultiPickerMenu = ({ message, options, centered = false, columns = 1, onSe
 					const checkbox = isSelected ? Icons.squareFilled : Icons.squareOpen;
 					return /* @__PURE__ */ jsxs(Box, {
 						gap: 1,
+						marginBottom: optionMarginBottom,
 						children: [/* @__PURE__ */ jsx(Text, {
 							color: isSelected ? "white" : Colors.muted,
 							dimColor: !isFocused && !isSelected,
@@ -2151,7 +2200,8 @@ const BlockRenderer = ({ block, active, completed, onComplete, mode, bullet, ani
 		animationInterval: block.animationInterval ?? animationInterval,
 		sentenceInterval: block.sentenceInterval ?? sentenceInterval,
 		maxHeight,
-		availableWidth
+		availableWidth,
+		dimWhenComplete: block.dimWhenComplete ?? true
 	});
 	return /* @__PURE__ */ jsx(NodeBlock, {
 		content: block.content,
@@ -2589,10 +2639,10 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
-		children: [/* @__PURE__ */ jsxs(Text, {
+		children: [/* @__PURE__ */ jsx(Text, {
 			bold: true,
 			color: Colors.accent,
-			children: ["MCP Server ", isRemove ? "Removal" : "Setup"]
+			children: isRemove ? "Remove the PostHog MCP" : "Install the MCP so you can chat to your data"
 		}), /* @__PURE__ */ jsxs(Box, {
 			marginTop: 1,
 			flexDirection: "column",
@@ -2609,19 +2659,38 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 						" MCP clients detected. Skipping..."
 					]
 				}),
-				phase === "ask" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
-					dimColor: true,
-					children: ["Detected: ", clients.map((c) => c.name).join(", ")]
-				}), /* @__PURE__ */ jsx(Box, {
-					marginTop: 1,
-					children: /* @__PURE__ */ jsx(ConfirmationInput, {
-						message: `${isRemove ? "Remove" : "Install"} the PostHog MCP server${clients.some((c) => c.supportsPlugin) ? " and plugin" : ""}?`,
-						confirmLabel: isRemove ? "Remove" : "Install",
-						cancelLabel: "No thanks",
-						onConfirm: handleConfirm,
-						onCancel: handleSkip
+				phase === "ask" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					!isRemove && /* @__PURE__ */ jsx(Box, {
+						flexDirection: "column",
+						marginBottom: 1,
+						children: [
+							"Ask your agent: \"List my feature flags\" — and it does.",
+							"Run SQL, build dashboards, ship flags, all from your IDE.",
+							"No copy-pasting tokens or context. Your agent has the keys."
+						].map((bullet) => /* @__PURE__ */ jsxs(Text, {
+							dimColor: true,
+							children: [
+								"•",
+								" ",
+								bullet
+							]
+						}, bullet))
+					}),
+					/* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: ["Detected: ", clients.map((c) => c.name).join(", ")]
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsx(ConfirmationInput, {
+							message: `${isRemove ? "Remove" : "Install"} the PostHog MCP server${clients.some((c) => c.supportsPlugin) ? " and plugin" : ""}?`,
+							confirmLabel: isRemove ? "Remove" : "Install",
+							cancelLabel: "No thanks",
+							onConfirm: handleConfirm,
+							onCancel: handleSkip
+						})
 					})
-				})] }),
+				] }),
 				phase === "pick" && /* @__PURE__ */ jsx(PickerMenu, {
 					message: "Select editor to install MCP server",
 					options: clients.map((c) => ({
@@ -2673,6 +2742,490 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	});
 };
 //#endregion
+//#region src/lib/mcp-role-prompts.ts
+/**
+* Roles that ship from `role_at_organization` on the PostHog user object.
+* `security` isn't in the enum upstream — the engineering kit covers that audience.
+*/
+const TAILORED_ROLES = [
+	"founder",
+	"product",
+	"leadership",
+	"marketing",
+	"engineering",
+	"data"
+];
+const STOCK_MCP_SUGGESTED_PROMPTS = [
+	{
+		prompt: "What are my busiest 10 events and when did each last fire?",
+		description: "Inventories your project’s event stream so you can see what’s being captured at a glance."
+	},
+	{
+		prompt: "Show me daily event volume for the last 30 days.",
+		description: "Charts your event count day by day — a quick read on volume and trend."
+	},
+	{
+		prompt: "Create a dashboard with my top 10 events broken down by day for the last 7 days.",
+		description: "Builds a saved dashboard you can pin and share — written back to your project."
+	}
+];
+//#endregion
+//#region src/ui/tui/screens/McpSuggestedPromptsScreen.tsx
+/**
+* McpSuggestedPromptsScreen — shown after MCP install succeeds in the
+* standalone `wizard mcp add` program.
+*
+* Phases:
+*   1. Choose         — opens with a Log in / Exit picker, framed by a
+*                       hardcoded teaser of three example prompts.
+*   2. Authenticating — runs `services.performLogin()` (OAuth in
+*                       production, canned values in the playground).
+*                       Renders a spinner + login URL inline while the
+*                       promise is pending. Errors return to Choose
+*                       with an inline error line.
+*   3. PromptPicker   — lists the role-tailored kit; user picks one to
+*                       run. The picker has its own "Exit" entry so
+*                       dismissal is discoverable without a hidden
+*                       hotkey.
+*   4. Running        — streams the agent's response inline via
+*                       `services.runPromptStreaming`. `[esc]` aborts
+*                       and returns to the picker; `[enter]` after
+*                       completion goes back to the picker so the user
+*                       can run another or exit.
+*
+* Credentials are guaranteed non-null once PromptPicker / Running are
+* reached (the Choose → Authenticating gate forces a successful login
+* before getting there). A defensive throw protects the Running
+* useEffect against a state-machine bug.
+*/
+const MAX_PROMPT_RUNS = 3;
+const McpSuggestedPromptsScreen = ({ store, services }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const session = store.session;
+	const kit = STOCK_MCP_SUGGESTED_PROMPTS;
+	const [phase, setPhase] = useState("choose");
+	const [loginError, setLoginError] = useState(null);
+	const [runningPrompt, setRunningPrompt] = useState(null);
+	const [runChunks, setRunChunks] = useState([]);
+	const [runStartedAt, setRunStartedAt] = useState(null);
+	const [runCount, setRunCount] = useState(0);
+	const canPickAnother = runCount < MAX_PROMPT_RUNS;
+	const runAbortRef = useRef(null);
+	useEffect(() => {
+		if (phase !== "authenticating") return;
+		let cancelled = false;
+		(async () => {
+			try {
+				const { credentials, roleAtOrganization, user } = await services.performLogin();
+				if (cancelled) return;
+				store.setCredentials(credentials);
+				store.setRoleAtOrganization(roleAtOrganization);
+				store.setApiUser(user);
+				store.setLoginUrl(null);
+				setPhase("prompt-picker");
+			} catch (err) {
+				if (cancelled) return;
+				const message = err instanceof Error ? err.message : String(err);
+				logToFile(`[McpSuggestedPromptsScreen] login failed: ${message}`);
+				store.setLoginUrl(null);
+				setLoginError(message);
+				setPhase("choose");
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		phase,
+		services,
+		store
+	]);
+	useEffect(() => {
+		if (phase !== "running") return;
+		if (!runningPrompt) return;
+		if (!session.credentials) throw new Error("[McpSuggestedPromptsScreen] Running phase reached without credentials. The Choose gate should have prevented this.");
+		const controller = new AbortController();
+		runAbortRef.current = controller;
+		const startedAt = Date.now();
+		setRunStartedAt(startedAt);
+		setRunChunks([]);
+		(async () => {
+			const credentials = session.credentials;
+			if (!credentials) return;
+			try {
+				for await (const chunk of services.runPromptStreaming({
+					prompt: runningPrompt,
+					credentials,
+					signal: controller.signal
+				})) {
+					if (controller.signal.aborted) return;
+					setRunChunks((prev) => [...prev, chunk]);
+					if (chunk.kind === "done") {
+						analytics.wizardCapture("mcp suggested prompts run", {
+							prompt: runningPrompt,
+							durationMs: Date.now() - startedAt
+						});
+						return;
+					}
+					if (chunk.kind === "error") {
+						analytics.wizardCapture("mcp suggested prompts run failed", {
+							prompt: runningPrompt,
+							error: chunk.text
+						});
+						return;
+					}
+				}
+			} catch (err) {
+				if (controller.signal.aborted) return;
+				const text = err instanceof Error ? err.message : String(err);
+				setRunChunks((prev) => [...prev, {
+					kind: "error",
+					text
+				}]);
+				analytics.wizardCapture("mcp suggested prompts run failed", {
+					prompt: runningPrompt,
+					error: text
+				});
+			}
+		})();
+		return () => {
+			controller.abort();
+			if (runAbortRef.current === controller) runAbortRef.current = null;
+		};
+	}, [
+		phase,
+		runningPrompt,
+		services,
+		session.credentials
+	]);
+	const dismiss = () => {
+		setPhase("done");
+		setTimeout(() => {
+			store.setMcpSuggestedPromptsDismissed();
+		}, 0);
+	};
+	const handleChoice = (value) => {
+		const choice = Array.isArray(value) ? value[0] : value;
+		setLoginError(null);
+		if (choice === "login") {
+			analytics.wizardCapture("mcp suggested prompts choose", { choice: "login" });
+			setPhase("authenticating");
+		} else {
+			analytics.wizardCapture("mcp suggested prompts choose", { choice: "exit" });
+			dismiss();
+		}
+	};
+	const handlePromptPick = (value) => {
+		setRunningPrompt(Array.isArray(value) ? value[0] : value);
+		setRunCount((c) => c + 1);
+		setPhase("running");
+	};
+	useKeyBindings("mcp-suggested-prompts", [{
+		match: "escape",
+		label: "esc",
+		action: phase === "prompt-picker" ? "exit" : "exit",
+		handler: () => {
+			if (phase === "running") {
+				runAbortRef.current?.abort();
+				dismiss();
+			} else if (phase === "prompt-picker") dismiss();
+		}
+	}, {
+		match: "p",
+		label: "p",
+		action: canPickAnother ? "pick new prompt" : "cap reached",
+		handler: () => {
+			if (phase !== "running") return;
+			if (!canPickAnother) return;
+			runAbortRef.current?.abort();
+			setPhase("prompt-picker");
+		}
+	}]);
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: /* @__PURE__ */ jsxs(Box, {
+			marginTop: 1,
+			flexDirection: "column",
+			children: [
+				phase === "choose" && /* @__PURE__ */ jsx(ChoosePhase, {
+					error: loginError,
+					onSelect: handleChoice
+				}),
+				phase === "authenticating" && /* @__PURE__ */ jsx(AuthenticatingPhase, { loginUrl: session.loginUrl }),
+				phase === "prompt-picker" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+					marginBottom: 1,
+					children: /* @__PURE__ */ jsx(Text, {
+						bold: true,
+						color: Colors.accent,
+						children: "MCP tutorial"
+					})
+				}), /* @__PURE__ */ jsx(PromptPickerPhase, {
+					promptKit: kit,
+					userDisplayName: session.apiUser?.first_name || null,
+					onSelect: handlePromptPick
+				})] }),
+				phase === "running" && runningPrompt && /* @__PURE__ */ jsx(RunningPhase, {
+					prompt: runningPrompt,
+					chunks: runChunks,
+					startedAt: runStartedAt,
+					canPickAnother,
+					runCount,
+					maxRuns: MAX_PROMPT_RUNS
+				})
+			]
+		})
+	});
+};
+const ChoosePhase = ({ error, onSelect }) => /* @__PURE__ */ jsxs(Box, {
+	flexDirection: "column",
+	children: [
+		/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			color: Colors.accent,
+			children: "PostHog MCP"
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			marginTop: 1,
+			children: /* @__PURE__ */ jsx(Text, { children: "With MCP your agent works directly with the PostHog platform. You can prompt it to:" })
+		}),
+		/* @__PURE__ */ jsxs(Box, {
+			marginTop: 1,
+			flexDirection: "column",
+			children: [
+				/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: Icons.diamond
+				}), " Build dashboards"] }),
+				/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: Icons.diamond
+				}), " Run SQL queries"] }),
+				/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: Icons.diamond
+				}), " Deploy feature flags"] }),
+				/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: Icons.diamond
+				}), " Debug exceptions and errors"] }),
+				/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: Icons.diamond
+				}), " And lots more..."] })
+			]
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			marginTop: 1,
+			children: /* @__PURE__ */ jsx(Text, { children: "Want a live demo using real data from your project?" })
+		}),
+		/* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(PickerMenu, {
+			options: [{
+				label: "Start MCP tutorial",
+				value: "login"
+			}, {
+				label: "Exit",
+				value: "exit"
+			}],
+			onSelect
+		}) }),
+		error && /* @__PURE__ */ jsx(Box, {
+			marginTop: 1,
+			children: /* @__PURE__ */ jsxs(Text, {
+				color: "red",
+				children: [
+					"Login failed: ",
+					error,
+					". Try again or exit."
+				]
+			})
+		})
+	]
+});
+const AuthenticatingPhase = ({ loginUrl }) => /* @__PURE__ */ jsxs(Box, {
+	flexDirection: "column",
+	children: [/* @__PURE__ */ jsx(LoadingBox, { message: "Waiting for authentication..." }), loginUrl && /* @__PURE__ */ jsx(Box, {
+		marginTop: 1,
+		marginBottom: 1,
+		flexDirection: "column",
+		children: /* @__PURE__ */ jsxs(Text, { children: [
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "If the browser didn't open, copy and paste:"
+			}),
+			"\n\n",
+			/* @__PURE__ */ jsx(Text, {
+				color: "cyan",
+				children: loginUrl
+			})
+		] })
+	})]
+});
+const PromptPickerPhase = ({ promptKit, userDisplayName, onSelect }) => {
+	const options = promptKit.map((p) => ({
+		label: p.prompt,
+		value: p.prompt
+	}));
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		children: /* @__PURE__ */ jsx(ContentSequencer, {
+			blocks: [
+				{
+					content: `Hello there, ${userDisplayName || "there"}!`,
+					mode: 0,
+					animationInterval: 100,
+					pause: 1200,
+					dimWhenComplete: false
+				},
+				{
+					content: "Pick a prompt to see the PostHog MCP in action.",
+					mode: 0,
+					animationInterval: 50,
+					pause: 1e3,
+					dimWhenComplete: false
+				},
+				{
+					content: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PickerMenu, {
+						options,
+						optionMarginBottom: 1,
+						onSelect
+					}), /* @__PURE__ */ jsx(Box, {
+						marginTop: 2,
+						children: /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+							bold: true,
+							children: "[esc]"
+						}), /* @__PURE__ */ jsx(Text, { children: " to exit" })] })
+					})] }),
+					persist: true
+				}
+			],
+			mode: 0,
+			blockInterval: 350
+		})
+	});
+};
+const RunningPhase = ({ prompt, chunks, startedAt, canPickAnother, runCount, maxRuns }) => {
+	const isDone = chunks.some((c) => c.kind === "done");
+	const errorChunk = chunks.find((c) => c.kind === "error");
+	const finished = isDone || !!errorChunk;
+	const elapsed = startedAt ? Math.round((Date.now() - startedAt) / 1e3) : 0;
+	const visibleChunks = finished ? chunks.filter((c) => c.kind === "text" || c.kind === "error") : chunks;
+	const cappedChunks = finished ? capTextChunks(visibleChunks) : visibleChunks;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					children: "Prompt:"
+				}),
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					color: Colors.accent,
+					children: prompt
+				})
+			] }),
+			/* @__PURE__ */ jsxs(Box, {
+				marginTop: 1,
+				gap: 1,
+				children: [
+					!finished && /* @__PURE__ */ jsx(Spinner, {}),
+					/* @__PURE__ */ jsx(Text, {
+						bold: finished,
+						children: finished ? errorChunk ? `Failed after ${elapsed}s.` : `Done in ${elapsed}s.` : "Streaming from PostHog MCP"
+					}),
+					/* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: [
+							"(",
+							runCount,
+							"/",
+							maxRuns,
+							" prompts)"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				flexDirection: "column",
+				children: cappedChunks.map((chunk, idx) => /* @__PURE__ */ jsx(ChunkLine, { chunk }, idx))
+			}),
+			finished && !canPickAnother && /* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsxs(Text, { children: [
+					/* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: [
+							"You've hit the ",
+							maxRuns,
+							"-prompt tutorial cap. Press",
+							" "
+						]
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						bold: true,
+						dimColor: true,
+						children: "[esc]"
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: " to exit."
+					})
+				] })
+			})
+		]
+	});
+};
+/**
+* Belt-and-suspenders fallback for runs where Claude ignored the
+* terminal-fit system prompt and produced an overlong response. Joins
+* all text chunks, slices to the last N lines that fit in the current
+* terminal, and prepends an indicator showing how many lines got cut.
+* Errors are preserved separately so failures don't disappear into the
+* truncation.
+*/
+function capTextChunks(chunks) {
+	const rows = process.stdout.rows ?? 24;
+	const maxMessageRows = Math.max(6, rows - 8);
+	const textChunks = chunks.filter((c) => c.kind === "text");
+	const errors = chunks.filter((c) => c.kind === "error");
+	if (textChunks.length === 0) return chunks;
+	const lines = textChunks.map((c) => c.text).join("").split("\n");
+	if (lines.length <= maxMessageRows) return chunks;
+	const hidden = lines.length - maxMessageRows;
+	const tail = lines.slice(-maxMessageRows).join("\n");
+	return [{
+		kind: "text",
+		text: `[${hidden} line${hidden === 1 ? "" : "s"} above — expand terminal to see more]\n\n${tail}`
+	}, ...errors];
+}
+const ChunkLine = ({ chunk }) => {
+	if (chunk.kind === "text") return /* @__PURE__ */ jsx(Text, { children: chunk.text });
+	if (chunk.kind === "tool-call") return /* @__PURE__ */ jsxs(Text, { children: [
+		"  ",
+		/* @__PURE__ */ jsxs(Text, {
+			color: "cyan",
+			children: ["↳ ", chunk.toolName]
+		}),
+		chunk.detail ? ` ${chunk.detail}` : ""
+	] });
+	if (chunk.kind === "tool-result") return /* @__PURE__ */ jsxs(Text, { children: [
+		"    ",
+		/* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: "✓"
+		}),
+		" ",
+		chunk.detail
+	] });
+	if (chunk.kind === "error") return /* @__PURE__ */ jsxs(Text, {
+		color: "red",
+		children: ["Error: ", chunk.text]
+	});
+	return null;
+};
+//#endregion
 //#region src/ui/tui/screens/audit/AuditChecksViewer/AreaHeaderRow.tsx
 /** Sub-header row inside the scrollable body — one per area group. */
 const AreaHeaderRow = ({ area, resolved, total }) => /* @__PURE__ */ jsxs(Box, {
@@ -3461,6 +4014,6 @@ const AUDIT_3000_AREA_SLIDES = [
 	}
 ];
 //#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 };
+export { PickerMenu as C, SplitView as D, LoadingBox as E, CardLayout as O, useStdoutDimensions as S, ProgressList as T, EventPlanViewer as _, TAILORED_ROLES as a, ConfirmationInput as b, SEVERITY_LABEL as c, TipsCard as d, LearnCard as f, ScreenContainer as g, TabContainer as h, McpSuggestedPromptsScreen as i, WizardStore as k, SEVERITY_ORDER as l, HNViewer as m, AUDIT_AREA_SLIDES as n, McpScreen as o, ContentSequencer as p, AuditChecksViewer as r, IssueTable as s, AUDIT_3000_AREA_SLIDES as t, ServiceHealthList as u, LogViewer as v, useKeyBindings as w, GroupedPickerMenu as x, ModalOverlay as y };
 
-//# sourceMappingURL=slides-BtDXEXdn.js.map
+//# sourceMappingURL=slides-Dpj4j0w_.js.map