@posthog/wizard 2.20.0 → 2.22.0

package/dist/{slides-BEshbXqG.js → AiOptInRequiredScreen-N6L80szR.js}

@@ -1,13 +1,16 @@
-import { g as SERVICE_LABELS, s as logToFile } from "./debug-BJu_sS4l.js";
+import { M as POSTHOG_APP_URL, Q as getSkillsBaseUrl, g as SERVICE_LABELS, s as logToFile } from "./debug-D8QAez2V.js";
 import { n as isTaskStatus } from "./wizard-ui-YdGFRyu_.js";
-import { r as sessionProperties, t as analytics } from "./analytics-C8lJzXjY.js";
+import { r as sessionProperties, t as analytics } from "./analytics-C_lVPZQT.js";
+import { i as withUtm, n as openTrackedLink } from "./telemetry-CCVjGq7l.js";
+import { n as getCloudUrlFromRegion } from "./urls-BNFpfcN8.js";
+import { a as fetchUserData, i as fetchSlackConnected } from "./api-QI1lO_Bz.js";
 import { i as buildSession } from "./wizard-session-G3VWD6hv.js";
-import { y as AUDIT_SEVERITY_STYLE } from "./agent-interface-B-LAvrNL.js";
-import { c as computeVisibleRange, d as isObjectBlock, f as Colors, l as isClearBlock, p as Icons, s as TextBlock, u as isLinesBlock } from "./posthog-integration-8iTgqy2J.js";
+import { m as fetchSkillMenu, y as AUDIT_SEVERITY_STYLE } from "./agent-interface-DZmVoik2.js";
+import { c as computeVisibleRange, d as isObjectBlock, f as Colors, l as isClearBlock, p as Icons, s as TextBlock, u as isLinesBlock } from "./posthog-integration-mrMF-2IP.js";
 import { a as getProgramConfig, i as Program, l as getKindMeta, r as PROGRAM_REGISTRY } from "./bin.js";
 import { n as AVAILABLE_FEATURES, o as isAllFeaturesSelected, t as ALL_FEATURE_VALUES } from "./defaults-BNWIWzjc.js";
-import * as fs$1 from "fs";
 import opn from "opn";
+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 { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -40,9 +43,40 @@ function createProgramSequence(steps) {
 	return entries;
 }
 //#endregion
+//#region src/lib/programs/ai-opt-in-gate.ts
+/** Step id — also the ScreenId.AiOptIn enum value in screen-sequences. */
+const AI_OPT_IN_STEP_ID = "ai-opt-in";
+function aiApproved(session) {
+	return !!session.apiUser?.organization?.is_ai_data_processing_approved;
+}
+/**
+* Returns the program's steps with the AI opt-in gate injected after
+* `auth`. Programs with `requiresAi: false` or no auth step pass
+* through unchanged — without auth, `apiUser` would never be populated
+* for evaluation anyway.
+*/
+function withAiOptInGate(config) {
+	if (config.requiresAi === false) return config.steps;
+	const authIdx = config.steps.findIndex((s) => s.id === "auth");
+	if (authIdx === -1) return config.steps;
+	const gateStep = {
+		id: AI_OPT_IN_STEP_ID,
+		label: "AI opt-in check",
+		screenId: AI_OPT_IN_STEP_ID,
+		show: (session) => !session.ci && session.apiUser != null && !aiApproved(session),
+		isComplete: (session) => session.ci || aiApproved(session),
+		gate: (session) => session.ci || aiApproved(session)
+	};
+	return [
+		...config.steps.slice(0, authIdx + 1),
+		gateStep,
+		...config.steps.slice(authIdx + 1)
+	];
+}
+//#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)]));
+const PROGRAM_SEQUENCES = Object.fromEntries(PROGRAM_REGISTRY.map((c) => [c.id, createProgramSequence(withAiOptInGate(c))]));
 //#endregion
 //#region src/ui/tui/router.ts
 var WizardRouter = class {
@@ -161,9 +195,15 @@ var WizardStore = class {
 	}
 	/**
 	* Scan program steps for gate predicates and create gate promises.
+	*
+	* Steps are wrapped with withAiOptInGate so the injected ai-opt-in
+	* step's gate registers here — the agent runner awaits it (via
+	* WizardUI.waitForAiOptIn) before any source leaves the machine.
+	* Same wrapper screen-sequences.ts uses, so the gate and its screen
+	* can't drift apart.
 	*/
 	_initFromProgram(program) {
-		const steps = getProgramConfig(program).steps;
+		const steps = withAiOptInGate(getProgramConfig(program));
 		for (const step of steps) if (step.gate) {
 			let resolve;
 			const promise = new Promise((r) => {
@@ -209,6 +249,7 @@ var WizardStore = class {
 			setFrameworkContext: (k, v) => this.setFrameworkContext(k, v),
 			setFrameworkConfig: (i, c) => this.setFrameworkConfig(i, c),
 			setDetectedFramework: (l) => this.setDetectedFramework(l),
+			setSkillId: (id) => this.setSkillId(id),
 			setUnsupportedVersion: (info) => this.setUnsupportedVersion(info),
 			addDiscoveredFeature: (f) => this.addDiscoveredFeature(f),
 			setDetectionComplete: () => this.setDetectionComplete()
@@ -311,6 +352,10 @@ var WizardStore = class {
 		this.$session.setKey("detectedFrameworkLabel", label);
 		this.emitChange();
 	}
+	setSkillId(skillId) {
+		this.$session.setKey("skillId", skillId);
+		this.emitChange();
+	}
 	setUnsupportedVersion(info) {
 		this.$session.setKey("unsupportedVersion", info);
 		this.emitChange();
@@ -455,6 +500,10 @@ var WizardStore = class {
 		this.$session.setKey("authErrorDetail", detail ?? null);
 		this.pushOverlay("auth-error");
 	}
+	/** Push the session-timeout overlay (no dismiss — user must exit). */
+	showSessionTimeout() {
+		this.pushOverlay("session-timeout");
+	}
 	addDiscoveredFeature(feature) {
 		if (!this.session.discoveredFeatures.includes(feature)) {
 			this.session.discoveredFeatures.push(feature);
@@ -583,6 +632,7 @@ var WizardStore = class {
 	_detectTransition() {
 		const next = this.router.resolve(this.session);
 		const prev = this._lastScreen;
+		if (next !== prev) analytics.setTag("$screen_name", next);
 		if (prev !== null && next !== prev) {
 			const hooks = this._enterScreenHooks.get(next);
 			if (hooks) for (const fn of hooks) fn();
@@ -1988,6 +2038,8 @@ const TabContainer = ({ tabs, statusMessage, expandableStatus = false, store })
 			/* @__PURE__ */ jsx(Box, {
 				gap: 1,
 				paddingX: 1,
+				flexWrap: "wrap",
+				flexShrink: 0,
 				children: tabs.map((tab, i) => /* @__PURE__ */ jsx(Text, {
 					inverse: i === activeTab,
 					color: i === activeTab ? Colors.accent : Colors.muted,
@@ -2385,7 +2437,7 @@ const TIPS = [
 		id: "slack",
 		title: "Use PostHog in Slack",
 		description: "Connect the PostHog Slack app to analyze data and ship product changes — deploy flags, open PRs, run queries — just by tagging @PostHog:",
-		url: "https://posthog.com/slack-app"
+		url: "https://posthog.com/slack"
 	},
 	{
 		id: "stripe",
@@ -3807,10 +3859,10 @@ var neutralCrossSell = [{
 	"description": "Built-in error tracking — no separate tool."
 }];
 var slackApp = {
-	"learnMoreUrl": "https://posthog.com/slack-app",
+	"learnMoreUrl": "https://posthog.com/slack",
 	"setupUrl": "https://app.posthog.com/settings/project-integrations#integration-slack",
-	"headline": "Take PostHog to Slack",
-	"pitch": "You can also analyze product data and ship changes.",
+	"headline": "@PostHog in Slack",
+	"pitch": "Ask about your product data, debug issues, and generate PRs without leaving the thread.",
 	"capabilities": ["Tag @PostHog with a bug, edit, or a feature idea. It will spin up a sandboxed environment, plan, edit files, run tests, and open a draft PR.", "Tag @PostHog with any data question. It's the same SQL-writing, statistically-minded assistant as PostHog AI, but it responds where you send work memes."]
 };
 //#endregion
@@ -4015,25 +4067,6 @@ function getSlackAppCard() {
 * forces a successful login first). A defensive throw protects the
 * Running useEffect against a state-machine bug.
 */
-var Phase = /* @__PURE__ */ function(Phase) {
-	Phase["Choose"] = "choose";
-	Phase["Authenticating"] = "authenticating";
-	Phase["Greeting"] = "greeting";
-	Phase["PromptPicker"] = "prompt-picker";
-	Phase["Running"] = "running";
-	Phase["FollowUp"] = "follow-up";
-	/** Final beat on every dismissal — reminds the user how to keep
-	*  talking to PostHog after the tutorial ends. */
-	Phase["Goodbye"] = "goodbye";
-	Phase["Done"] = "done";
-	return Phase;
-}(Phase || {});
-var ChoiceValue = /* @__PURE__ */ function(ChoiceValue) {
-	ChoiceValue["Login"] = "login";
-	ChoiceValue["ConnectSlack"] = "connect-slack";
-	ChoiceValue["Exit"] = "exit";
-	return ChoiceValue;
-}(ChoiceValue || {});
 const MAX_PROMPT_RUNS = 5;
 const FOLLOW_UP_DELAY_MS = 3e3;
 const McpSuggestedPromptsScreen = ({ store, services }) => {
@@ -4195,7 +4228,7 @@ const McpSuggestedPromptsScreen = ({ store, services }) => {
 			setPhase(session.credentials ? "greeting" : "authenticating");
 		} else if (choice === "connect-slack") {
 			analytics.wizardCapture("mcp suggested prompts choose", { choice: "connect-slack" });
-			opn(getSlackAppCard().setupUrl, { wait: false }).catch(() => {});
+			openTrackedLink(getSlackAppCard().setupUrl, "mcp-prompts-slack-setup");
 		} else {
 			analytics.wizardCapture("mcp suggested prompts choose", { choice: "exit" });
 			enterGoodbye();
@@ -5640,6 +5673,681 @@ const AUDIT_3000_AREA_SLIDES = [
 	}
 ];
 //#endregion
-export { CardLayout as A, GroupedPickerMenu as C, ProgressList as D, useKeyBindings as E, LoadingBox as O, ConfirmationInput as S, PickerMenu as T, TabContainer as _, McpSuggestedPromptsScreen as a, LogViewer as b, McpScreen as c, SEVERITY_ORDER as d, ServiceHealthList as f, HNViewer as g, ContentSequencer as h, AuditChecksViewer as i, WizardStore as j, SplitView as k, IssueTable as l, LearnCard as m, AUDIT_AREA_SLIDES as n, TAILORED_ROLES as o, TipsCard as p, VisualBox as r, getSlackAppCard as s, AUDIT_3000_AREA_SLIDES as t, SEVERITY_LABEL as u, ScreenContainer as v, useStdoutDimensions as w, ModalOverlay as x, EventPlanViewer as y };
+//#region src/ui/tui/screens/SlackConnectScreen.tsx
+/**
+* SlackConnectScreen — the dedicated "Connect Slack" step shown after the
+* MCP tutorial (`wizard mcp tutorial`), after a successful install
+* (`wizard mcp add`), at the end of the integration flow, and as the whole
+* program in the standalone `wizard slack` flow.
+*
+* Presents the PostHog Slack app plus role-tailored use-cases. The copy
+* adapts to whether Slack is already connected (polled while the screen
+* is up, held as local state):
+*   • not connected (or unknown) — nudge + "Open Slack setup", which
+*     launches the browser at the integration settings page and keeps
+*     the screen alive; the poll flips it to connected once the user
+*     finishes the manual OAuth step in the browser.
+*   • already connected — confirm it and skip the connect CTA, so users
+*     who already have it aren't nagged.
+* "Skip" / "Done" / esc dismiss the step (`slackStepDismissed`) and let
+* the router advance to exit.
+*
+* The mcp and integration flows arrive here already authenticated. In the
+* standalone `wizard slack` flow the program's `onInit` runs the OAuth
+* while this screen renders the auth-wait state.
+*/
+const POLL_INTERVAL_MS = 3e3;
+const SlackConnectScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const role = store.session.roleAtOrganization;
+	const slack = getSlackAppCard();
+	const setupUrl = withUtm(slack.setupUrl, "slack-connect-setup");
+	const learnMoreUrl = withUtm(slack.learnMoreUrl, "slack-connect-learn-more");
+	const credentials = store.session.credentials;
+	const awaitingLogin = store.router.activeProgram === Program.SlackConnect && !credentials;
+	const connectedState = store.session.slackConnected;
+	const connected = connectedState === true;
+	const known = connectedState !== null || !credentials && !awaitingLogin;
+	const impressionFired = useRef(false);
+	useEffect(() => {
+		if (!known || impressionFired.current) return;
+		impressionFired.current = true;
+		analytics.wizardCapture("slack connect shown", {
+			role,
+			already_connected: connected
+		});
+	}, [
+		known,
+		connected,
+		role
+	]);
+	useEffect(() => {
+		if (!credentials || connected) return;
+		let cancelled = false;
+		let timer;
+		const controller = new AbortController();
+		const check = () => {
+			fetchSlackConnected(credentials.accessToken, credentials.projectId, credentials.host, controller.signal).then((isConnected) => {
+				if (cancelled) return;
+				if (isConnected) {
+					if (store.session.slackConnected === false) analytics.wizardCapture("slack connect completed", { role });
+					store.setSlackConnected(true);
+				} else {
+					if (store.session.slackConnected === null) store.setSlackConnected(false);
+					timer = setTimeout(check, POLL_INTERVAL_MS);
+				}
+			}).catch((err) => {
+				if (cancelled) return;
+				if (store.session.slackConnected === null) store.setSlackConnected(false);
+				analytics.captureException(err instanceof Error ? err : new Error(String(err)), { step: "slack_connected_check" });
+			});
+		};
+		check();
+		return () => {
+			cancelled = true;
+			if (timer) clearTimeout(timer);
+			controller.abort();
+		};
+	}, [
+		credentials,
+		connected,
+		store
+	]);
+	const dismiss = () => {
+		analytics.wizardCapture(connected ? "slack connect done" : "slack connect skipped", {
+			role,
+			connected
+		});
+		store.setSlackStepDismissed();
+	};
+	const handleSelect = (value) => {
+		if ((Array.isArray(value) ? value[0] : value) === "open") {
+			analytics.wizardCapture("slack connect opened", { role });
+			openTrackedLink(setupUrl, "slack-connect-setup");
+			return;
+		}
+		dismiss();
+	};
+	useKeyBindings("slack-connect", [{
+		match: "escape",
+		label: "esc",
+		action: connected ? "done" : "skip",
+		handler: () => dismiss()
+	}]);
+	if (awaitingLogin) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		marginTop: 1,
+		children: [/* @__PURE__ */ jsx(LoadingBox, { message: "Waiting for authentication..." }), store.session.loginUrl && /* @__PURE__ */ jsx(Box, {
+			marginTop: 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: store.session.loginUrl
+				})
+			] })
+		})]
+	});
+	if (credentials && connectedState === null) return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		marginTop: 1,
+		children: /* @__PURE__ */ jsx(LoadingBox, { message: "Checking for an existing Slack connection..." })
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: /* @__PURE__ */ jsxs(Box, {
+			marginTop: 1,
+			flexDirection: "column",
+			children: [
+				connected ? /* @__PURE__ */ jsxs(Text, {
+					bold: true,
+					color: Colors.success,
+					children: [Icons.check, " Slack connected"]
+				}) : /* @__PURE__ */ jsx(Text, {
+					bold: true,
+					color: Colors.accent,
+					children: slack.headline
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					children: /* @__PURE__ */ jsx(Text, { children: connected ? "Slack is connected — here's what you can do:" : slack.pitch })
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					flexDirection: "column",
+					children: slack.capabilities.map((capability, i) => /* @__PURE__ */ jsx(Box, {
+						marginTop: i === 0 ? 0 : 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsxs(Text, {
+							color: "cyan",
+							children: [Icons.diamond, " "]
+						}), capability] })
+					}, i))
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					marginTop: 1,
+					flexDirection: "column",
+					children: [!connected && /* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: ["Connect it: ", /* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: setupUrl
+						})]
+					}), /* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: ["Learn more: ", /* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: learnMoreUrl
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					children: /* @__PURE__ */ jsx(PickerMenu, {
+						options: connected ? [{
+							label: "Done",
+							value: "skip"
+						}] : [{
+							label: "Open Slack setup",
+							value: "open"
+						}, {
+							label: "Skip / Continue",
+							value: "skip"
+						}],
+						onSelect: handleSelect
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/OutroScreen.tsx
+/**
+* OutroScreen — Default post-run summary.
+*
+* Renders the success / error / cancel views from `outroData`. Programs
+* that need a different success view (e.g. with extra summary content)
+* ship their own screen component (see audit/AuditOutroScreen.tsx).
+*/
+const OutroScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	useInput(() => {
+		store.setOutroDismissed();
+	});
+	const outroData = store.session.outroData;
+	if (!outroData) return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Finishing up..."
+		})
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [
+			outroData.kind === "success" && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [
+					/* @__PURE__ */ jsxs(Text, {
+						color: "green",
+						bold: true,
+						children: ["✔ ", outroData.message || "Done!"]
+					}),
+					outroData.body && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: outroData.body
+						})
+					}),
+					outroData.reportFile && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [
+							"Check ",
+							/* @__PURE__ */ jsxs(Text, {
+								bold: true,
+								children: ["./", outroData.reportFile]
+							}),
+							" for details"
+						] })
+					}),
+					outroData.changes && outroData.changes.length > 0 && /* @__PURE__ */ jsxs(Box, {
+						flexDirection: "column",
+						marginTop: 1,
+						children: [/* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							bold: true,
+							children: "What the agent did:"
+						}), outroData.changes.map((change, i) => /* @__PURE__ */ jsxs(Text, { children: ["• ", change] }, i))]
+					}),
+					store.eventPlan.length > 0 && /* @__PURE__ */ jsxs(Box, {
+						flexDirection: "column",
+						marginTop: 1,
+						children: [/* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							bold: true,
+							children: "Events added:"
+						}), store.eventPlan.map((event) => /* @__PURE__ */ jsxs(Text, { children: [
+							"• ",
+							/* @__PURE__ */ jsx(Text, {
+								bold: true,
+								children: event.name
+							}),
+							/* @__PURE__ */ jsxs(Text, {
+								dimColor: true,
+								children: [" ", event.description]
+							})
+						] }, event.name))]
+					}),
+					outroData.dashboardUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [
+							"We've also made you a dashboard:",
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								color: "cyan",
+								children: withUtm(outroData.dashboardUrl, "outro-dashboard")
+							})
+						] })
+					}),
+					outroData.notebookUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [
+							"And uploaded the report to a PostHog notebook:",
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								color: "cyan",
+								children: withUtm(outroData.notebookUrl, "outro-notebook")
+							})
+						] })
+					}),
+					outroData.docsUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [
+							"Learn more:",
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								color: "cyan",
+								children: withUtm(outroData.docsUrl, "outro-docs")
+							})
+						] })
+					}),
+					outroData.continueUrl && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { children: [
+						"Continue onboarding:",
+						" ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: withUtm(outroData.continueUrl, "outro-continue")
+						})
+					] }) }),
+					/* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: "Note: This wizard uses an LLM agent to analyze and modify your project. Please review the changes made."
+						})
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: "How did this work for you? Drop us a line: wizard@posthog.com"
+					})
+				]
+			}),
+			outroData.kind === "error" && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [
+					/* @__PURE__ */ jsxs(Text, {
+						color: "red",
+						bold: true,
+						children: ["✘ ", outroData.message || "An error occurred"]
+					}),
+					outroData.body && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: outroData.body
+						})
+					}),
+					outroData.docsUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: ["Docs: ", /* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: outroData.docsUrl
+						})] })
+					})
+				]
+			}),
+			outroData.kind === "cancel" && /* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				children: /* @__PURE__ */ jsxs(Text, {
+					color: "yellow",
+					children: ["■ ", outroData.message || "Cancelled"]
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: Colors.muted,
+					children: "Press any key to continue"
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/SkillSourceInfo.tsx
+/**
+* Shared "Skill: <id> / URL: <downloadUrl>" block for intro screens.
+*
+* `useSkillEntry` fetches the entry from the skill menu and re-runs when
+* `skillId` or `local` change. The previous fetch is cancelled (its result
+* is ignored) so a session that flips `local=false → true` mid-mount picks
+* up the right base URL.
+*
+* `<SkillSourceInfo>` renders the block, taking the entry as a prop so the
+* caller can reuse the same hook result for additional UI (e.g. showing
+* `skillEntry.name`) without invoking the hook twice.
+*/
+/**
+* Resolve a session skillId against the skill-menu entries.
+*
+* `session.skillId` is seeded with the raw integration id during
+* detection (e.g. 'python'), but the menu publishes integration skills
+* under prefixed ids ('integration-python'); frameworks with variants
+* publish several ('integration-nextjs-app-router', '-pages-router').
+* Match chain: exact id → `integration-<id>` → unique
+* `integration-<id>-*` prefix. Ambiguous variants (≥2 prefix matches)
+* return null — the caller should point at the skills repo instead of
+* guessing the wrong variant.
+*/
+function resolveSkillEntry(entries, skillId) {
+	const exact = entries.find((s) => s.id === skillId);
+	if (exact) return exact;
+	const prefixed = entries.find((s) => s.id === `integration-${skillId}`);
+	if (prefixed) return prefixed;
+	const variants = entries.filter((s) => s.id.startsWith(`integration-${skillId}-`));
+	return variants.length === 1 ? variants[0] : null;
+}
+function useSkillEntry(skillId, local) {
+	const [skillEntry, setSkillEntry] = useState(null);
+	const [fetchFailed, setFetchFailed] = useState(false);
+	useEffect(() => {
+		if (!skillId) {
+			setFetchFailed(true);
+			return;
+		}
+		let cancelled = false;
+		setSkillEntry(null);
+		setFetchFailed(false);
+		fetchSkillMenu(getSkillsBaseUrl(local)).then((menu) => {
+			if (cancelled) return;
+			if (!menu) {
+				setFetchFailed(true);
+				return;
+			}
+			const match = resolveSkillEntry(Object.values(menu.categories).flat(), skillId);
+			if (match) setSkillEntry(match);
+			else setFetchFailed(true);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [skillId, local]);
+	return {
+		skillEntry,
+		fetchFailed
+	};
+}
+const SkillSourceInfo = ({ skillId, skillEntry, fetchFailed }) => /* @__PURE__ */ jsxs(Box, {
+	flexDirection: "column",
+	children: [/* @__PURE__ */ jsxs(Text, { children: [
+		"Skill:",
+		" ",
+		/* @__PURE__ */ jsx(Text, {
+			italic: true,
+			color: "cyan",
+			children: skillId ?? "unknown"
+		})
+	] }), /* @__PURE__ */ jsxs(Text, { children: [
+		"URL:",
+		" ",
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: skillEntry?.downloadUrl ?? (fetchFailed ? "https://github.com/PostHog/context-mill/releases/latest" : "Loading...")
+		})
+	] })]
+});
+//#endregion
+//#region src/ui/tui/screens/AiOptInRequiredScreen.tsx
+/**
+* AiOptInRequiredScreen — Renders when the wizard authenticates against an
+* org whose `is_ai_data_processing_approved` is not `true`. Mirrors Max's
+* strict reading: `null`, `undefined`, and `false` all block.
+*
+* Two variants selected from `apiUser.organization.membership_level`:
+*   - Admin (>= 8): can fix it themselves — [O] opens settings in browser.
+*   - Non-admin: needs to escalate — settings URL is displayed prominently
+*     to copy and share with the admin.
+*
+* Both variants offer [S] (show skill source for BYOAI), [R] (retry —
+* re-fetches user data and re-evaluates the gate without restarting), and
+* [E] (exit).
+*/
+const ORG_ADMIN_LEVEL = 8;
+const SETTINGS_PATH = "settings/organization-details";
+const SETTINGS_ANCHOR = "#organization-ai-consent";
+const AiOptInRequiredScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const { session } = store;
+	const isAdmin = ((session.apiUser?.organization)?.membership_level ?? 0) >= ORG_ADMIN_LEVEL;
+	const variant = isAdmin ? "admin" : "non-admin";
+	const region = session.region ?? "us";
+	const projectId = session.credentials?.projectId;
+	const settingsUrl = projectId != null ? `${POSTHOG_APP_URL}/project/${projectId}/${SETTINGS_PATH}${SETTINGS_ANCHOR}` : `${POSTHOG_APP_URL}/${SETTINGS_PATH}${SETTINGS_ANCHOR}`;
+	const [showSkill, setShowSkill] = useState(false);
+	const [retrying, setRetrying] = useState(false);
+	const [retryError, setRetryError] = useState(null);
+	const { skillEntry } = useSkillEntry(session.skillId, session.localMcp);
+	useEffect(() => {
+		analytics.wizardCapture("ai opt-in shown", { variant });
+	}, [variant]);
+	const handleOpenSettings = () => {
+		analytics.wizardCapture("ai opt-in action", {
+			variant,
+			action: "open_settings"
+		});
+		opn(settingsUrl, { wait: false }).catch(() => {});
+	};
+	const handleShowSkill = () => {
+		analytics.wizardCapture("ai opt-in action", {
+			variant,
+			action: "show_skill"
+		});
+		setShowSkill(true);
+	};
+	const handleRetry = () => {
+		analytics.wizardCapture("ai opt-in action", {
+			variant,
+			action: "retry"
+		});
+		const accessToken = session.credentials?.accessToken;
+		if (!accessToken) {
+			setRetryError("Missing credentials — cannot retry.");
+			return;
+		}
+		setRetrying(true);
+		setRetryError(null);
+		fetchUserData(accessToken, getCloudUrlFromRegion(region)).then((user) => {
+			store.setApiUser(user);
+		}).catch((err) => {
+			setRetryError(err instanceof Error ? err.message : "Retry failed.");
+		}).finally(() => {
+			setRetrying(false);
+		});
+	};
+	const handleExit = () => {
+		analytics.wizardCapture("ai opt-in action", {
+			variant,
+			action: "exit"
+		});
+		process.exit(0);
+	};
+	useKeyBindings("ai-opt-in", [
+		...isAdmin ? [{
+			match: ["o", "O"],
+			label: "O",
+			action: "open settings",
+			handler: handleOpenSettings
+		}] : [],
+		{
+			match: ["s", "S"],
+			label: "S",
+			action: "show skill",
+			handler: handleShowSkill
+		},
+		{
+			match: ["r", "R"],
+			label: "R",
+			action: "retry",
+			handler: handleRetry
+		},
+		{
+			match: ["e", "E"],
+			label: "E",
+			action: "exit",
+			handler: handleExit
+		}
+	]);
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginBottom: 1,
+				children: [/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					color: Colors.accent,
+					children: "PostHog Setup Wizard"
+				}), session.apiUser?.email && /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsxs(Text, {
+					color: "green",
+					children: ["✔", " "]
+				}), /* @__PURE__ */ jsxs(Text, { children: ["Authenticated as ", session.apiUser.email] })] })]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: "yellow",
+					bold: true,
+					children: "⚠ PostHog AI services are disabled for your organization"
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginBottom: 1,
+				width: 68,
+				children: isAdmin ? /* @__PURE__ */ jsxs(Text, { children: [
+					"The wizard uses Anthropic Claude. To proceed, enable",
+					" ",
+					/* @__PURE__ */ jsx(Text, {
+						italic: true,
+						children: "\"Enable PostHog features that use third-party AI services\""
+					}),
+					" ",
+					"in your organization settings."
+				] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, { children: [
+					"The wizard uses Anthropic Claude. Your organization admin needs to enable",
+					" ",
+					/* @__PURE__ */ jsx(Text, {
+						italic: true,
+						children: "\"Enable PostHog features that use third-party AI services\""
+					}),
+					" ",
+					"in organization settings."
+				] }), /* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					children: /* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: "Share this link with your admin:"
+					})
+				})] })
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: settingsUrl
+				})
+			}),
+			showSkill && /* @__PURE__ */ jsxs(Box, {
+				marginBottom: 1,
+				flexDirection: "column",
+				children: [/* @__PURE__ */ jsxs(Text, { children: [
+					"Prefer your own AI? Download",
+					" ",
+					skillEntry ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						"the ",
+						/* @__PURE__ */ jsx(Text, {
+							bold: true,
+							children: skillEntry.id
+						}),
+						" skill"
+					] }) : "the skill for your framework",
+					" ",
+					"and run it in your own agent:"
+				] }), /* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: "https://github.com/PostHog/context-mill/releases/latest"
+				})]
+			}),
+			retrying && /* @__PURE__ */ jsx(Box, {
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsx(LoadingBox, { message: "Re-checking organization settings..." })
+			}),
+			retryError && /* @__PURE__ */ jsx(Box, {
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: "red",
+					children: retryError
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: [
+					isAdmin && /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+						color: Colors.accent,
+						children: "[O]"
+					}), " Open settings in browser"] }),
+					/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+						color: Colors.accent,
+						children: "[S]"
+					}), " Show how to use your own AI"] }),
+					/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+						color: Colors.accent,
+						children: "[R]"
+					}), " Retry (after the toggle is enabled)"] }),
+					/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+						color: Colors.accent,
+						children: "[E]"
+					}), " Exit"] })
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { useKeyBindings as A, EventPlanViewer as C, GroupedPickerMenu as D, ConfirmationInput as E, WizardStore as F, LoadingBox as M, SplitView as N, useStdoutDimensions as O, CardLayout as P, ScreenContainer as S, ModalOverlay as T, TipsCard as _, SlackConnectScreen as a, HNViewer as b, VisualBox as c, TAILORED_ROLES as d, McpScreen as f, ServiceHealthList as g, SEVERITY_ORDER as h, OutroScreen as i, ProgressList as j, PickerMenu as k, AuditChecksViewer as l, SEVERITY_LABEL as m, SkillSourceInfo as n, AUDIT_3000_AREA_SLIDES as o, IssueTable as p, useSkillEntry as r, AUDIT_AREA_SLIDES as s, AiOptInRequiredScreen as t, McpSuggestedPromptsScreen as u, LearnCard as v, LogViewer as w, TabContainer as x, ContentSequencer as y };
 
-//# sourceMappingURL=slides-BEshbXqG.js.map
+//# sourceMappingURL=AiOptInRequiredScreen-N6L80szR.js.map