@posthog/wizard 2.24.0 → 2.24.1

package/dist/{AiOptInRequiredScreen-DPn1CCeD.js → AiOptInRequiredScreen-_33FOcVo.js}

@@ -1,12 +1,13 @@
-import { M as POSTHOG_APP_URL, Q as getSkillsBaseUrl, g as SERVICE_LABELS, s as logToFile, y as getBlockingServiceKeys } from "./debug-BUdVZP84.js";
+import { M as POSTHOG_APP_URL, Q as getSkillsBaseUrl, g as SERVICE_LABELS, s as logToFile, y as getBlockingServiceKeys } from "./debug-DxA_f5QT.js";
 import { n as isTaskStatus } from "./wizard-ui-YdGFRyu_.js";
-import { r as sessionProperties, t as analytics } from "./analytics-BOWrR4qd.js";
-import { i as withUtm, n as openTrackedLink } from "./telemetry-8zMpaIuK.js";
-import { n as getCloudUrlFromRegion } from "./urls-BUfvQmU4.js";
-import { a as fetchUserData, i as fetchSlackConnected } from "./api-RXTR8yZo.js";
+import { r as sessionProperties, t as analytics } from "./analytics-CUr82BDl.js";
+import { i as withUtm, n as openTrackedLink } from "./telemetry-ycqCpNPr.js";
+import { t as getOrAskForProjectData } from "./setup-utils-0U-_Md2G.js";
+import { n as getCloudUrlFromRegion } from "./urls-C8aJWvgh.js";
+import { a as fetchUserData, i as fetchSlackConnected } from "./api-CI3Z74NG.js";
 import { i as buildSession } from "./wizard-session-G3VWD6hv.js";
-import { m as fetchSkillMenu, y as AUDIT_SEVERITY_STYLE } from "./agent-interface-CysYcZl5.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-Bz3HWkHn.js";
+import { m as fetchSkillMenu, y as AUDIT_SEVERITY_STYLE } from "./agent-interface-D1vtN6Wn.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-DexZ2uHU.js";
 import { a as PromptLabel, c as PROGRAM_REGISTRY, i as useKeyboardHintsContext, l as Program, m as getKindMeta, n as useKeyBindings, r as KeyboardHintsProvider, t as PickerMenu, u as getProgramConfig } from "./bin.js";
 import { n as AVAILABLE_FEATURES, o as isAllFeaturesSelected, t as ALL_FEATURE_VALUES } from "./defaults-BNWIWzjc.js";
 import opn from "opn";
@@ -3719,7 +3720,7 @@ const McpSuggestedPromptsScreen = ({ store, services }) => {
 	const kit = getRolePrompts(session.roleAtOrganization, session.integration);
 	const crossSell = useMemo(() => getCrossSellPrompts(session.roleAtOrganization), [session.roleAtOrganization]);
 	const greeting = useMemo(() => getRoleGreeting(session.roleAtOrganization), [session.roleAtOrganization]);
-	const [phase, setPhase] = useState(() => store.session.credentials ? "choose" : "authenticating");
+	const [phase, setPhase] = useState("choose");
 	const [loginError, setLoginError] = useState(null);
 	const startedTutorialRef = useRef(false);
 	const [runningPrompt, setRunningPrompt] = useState(null);
@@ -3761,28 +3762,6 @@ const McpSuggestedPromptsScreen = ({ store, services }) => {
 		services,
 		store
 	]);
-	const credentials = session.credentials;
-	const slackConnected = session.slackConnected;
-	useEffect(() => {
-		if (!credentials || slackConnected !== null) return;
-		let cancelled = false;
-		const controller = new AbortController();
-		services.checkSlackConnected(credentials, controller.signal).then((connected) => {
-			if (!cancelled) store.setSlackConnected(connected);
-		}).catch((err) => {
-			if (cancelled) return;
-			analytics.captureException(err instanceof Error ? err : new Error(String(err)), { step: "slack_connected_check" });
-		});
-		return () => {
-			cancelled = true;
-			controller.abort();
-		};
-	}, [
-		credentials,
-		slackConnected,
-		services,
-		store
-	]);
 	useEffect(() => {
 		if (phase !== "running") return;
 		if (!runningPrompt) return;
@@ -3870,9 +3849,6 @@ const McpSuggestedPromptsScreen = ({ store, services }) => {
 			analytics.wizardCapture("mcp suggested prompts choose", { choice: "login" });
 			startedTutorialRef.current = true;
 			setPhase(session.credentials ? "greeting" : "authenticating");
-		} else if (choice === "connect-slack") {
-			analytics.wizardCapture("mcp suggested prompts choose", { choice: "connect-slack" });
-			openTrackedLink(getSlackAppCard().setupUrl, "mcp-prompts-slack-setup");
 		} else {
 			analytics.wizardCapture("mcp suggested prompts choose", { choice: "exit" });
 			enterGoodbye();
@@ -3945,7 +3921,6 @@ const McpSuggestedPromptsScreen = ({ store, services }) => {
 			children: [
 				phase === "choose" && /* @__PURE__ */ jsx(ChoosePhase, {
 					error: loginError,
-					slackConnected,
 					onSelect: handleChoice
 				}),
 				phase === "authenticating" && /* @__PURE__ */ jsx(AuthenticatingPhase, { loginUrl: session.loginUrl }),
@@ -4008,7 +3983,7 @@ const McpSuggestedPromptsScreen = ({ store, services }) => {
 		})
 	});
 };
-const ChoosePhase = ({ error, slackConnected, onSelect }) => {
+const ChoosePhase = ({ error, onSelect }) => {
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		children: [
@@ -4047,57 +4022,18 @@ const ChoosePhase = ({ error, slackConnected, onSelect }) => {
 					}), " And lots more..."] })
 				]
 			}),
-			/* @__PURE__ */ jsx(Box, {
-				marginTop: 1,
-				flexDirection: "column",
-				children: slackConnected ? /* @__PURE__ */ jsxs(Text, { children: [
-					/* @__PURE__ */ jsx(Text, {
-						color: Colors.success,
-						children: Icons.check
-					}),
-					" Slack is connected — analyze data and ship product changes there by tagging",
-					" ",
-					/* @__PURE__ */ jsx(Text, {
-						bold: true,
-						children: "@PostHog"
-					}),
-					"."
-				] }) : /* @__PURE__ */ jsxs(Text, { children: [
-					"You can also connect PostHog to Slack, so you can analyze data and ship product changes there by tagging ",
-					/* @__PURE__ */ jsx(Text, {
-						bold: true,
-						children: "@PostHog"
-					}),
-					"."
-				] })
-			}),
 			/* @__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"
-					},
-					slackConnected ? {
-						label: "Already connected to Slack",
-						value: "connect-slack",
-						icon: {
-							glyph: Icons.check,
-							color: Colors.success
-						},
-						disabled: true
-					} : {
-						label: "Connect Slack now",
-						value: "connect-slack"
-					},
-					{
-						label: "Exit",
-						value: "exit"
-					}
-				],
+				options: [{
+					label: "Start MCP tutorial",
+					value: "login"
+				}, {
+					label: "Exit",
+					value: "exit"
+				}],
 				onSelect
 			}) }),
 			error && /* @__PURE__ */ jsx(Box, {
@@ -5166,9 +5102,11 @@ const AUDIT_AREA_SLIDES = [
 * "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.
+* The mcp and integration flows arrive here already authenticated. The
+* standalone `wizard slack` flow lands without credentials and only
+* triggers OAuth when the user explicitly picks "Open Slack setup" —
+* once authed, the connected-state poll lets the screen flip to the
+* "Slack connected" copy without nagging users who already have it.
 */
 const POLL_INTERVAL_MS = 3e3;
 const SlackConnectScreen = ({ store }) => {
@@ -5178,10 +5116,16 @@ const SlackConnectScreen = ({ store }) => {
 	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 [phase, setPhase] = useState("nudge");
+	const [loginError, setLoginError] = useState(null);
+	const [setupOpened, setSetupOpened] = useState(false);
+	const openSlackSetup = () => {
+		openTrackedLink(setupUrl, "slack-connect-setup");
+		setSetupOpened(true);
+	};
+	const known = connectedState !== null;
 	const impressionFired = useRef(false);
 	useEffect(() => {
 		if (!known || impressionFired.current) return;
@@ -5195,6 +5139,12 @@ const SlackConnectScreen = ({ store }) => {
 		connected,
 		role
 	]);
+	const nudgeImpressionFired = useRef(false);
+	useEffect(() => {
+		if (credentials || nudgeImpressionFired.current) return;
+		nudgeImpressionFired.current = true;
+		analytics.wizardCapture("slack connect nudge shown", { role });
+	}, [credentials, role]);
 	useEffect(() => {
 		if (!credentials || connected) return;
 		let cancelled = false;
@@ -5228,27 +5178,83 @@ const SlackConnectScreen = ({ store }) => {
 		store
 	]);
 	const dismiss = () => {
-		analytics.wizardCapture(connected ? "slack connect done" : "slack connect skipped", {
+		if (connected) analytics.wizardCapture("slack connect done", { role });
+		else analytics.wizardCapture("slack connect skipped", {
 			role,
-			connected
+			connection_state: credentials ? "not_connected" : "unknown"
 		});
 		store.setSlackStepDismissed();
 	};
 	const handleSelect = (value) => {
 		if ((Array.isArray(value) ? value[0] : value) === "open") {
 			analytics.wizardCapture("slack connect opened", { role });
-			openTrackedLink(setupUrl, "slack-connect-setup");
+			setLoginError(null);
+			if (credentials) {
+				openSlackSetup();
+				return;
+			}
+			setPhase("authenticating");
 			return;
 		}
 		dismiss();
 	};
+	useEffect(() => {
+		if (phase !== "authenticating") return;
+		let cancelled = false;
+		(async () => {
+			try {
+				const data = await getOrAskForProjectData({
+					signup: false,
+					ci: false,
+					apiKey: void 0,
+					projectId: void 0,
+					programId: Program.SlackConnect
+				});
+				if (cancelled) return;
+				store.setCredentials({
+					accessToken: data.accessToken,
+					projectApiKey: data.projectApiKey,
+					host: data.host,
+					projectId: data.projectId
+				});
+				store.setRoleAtOrganization(data.roleAtOrganization);
+				store.setApiUser(data.user);
+				store.setLoginUrl(null);
+				openSlackSetup();
+				setPhase("nudge");
+			} catch (err) {
+				if (cancelled) return;
+				const message = err instanceof Error ? err.message : String(err);
+				logToFile(`[SlackConnectScreen] login failed: ${message}`);
+				analytics.captureException(err instanceof Error ? err : new Error(String(err)), { step: "slack_connect_login" });
+				store.setLoginUrl(null);
+				setLoginError(message);
+				setPhase("nudge");
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		phase,
+		role,
+		setupUrl,
+		store
+	]);
 	useKeyBindings("slack-connect", [{
 		match: "escape",
 		label: "esc",
-		action: connected ? "done" : "skip",
-		handler: () => dismiss()
+		action: phase === "authenticating" ? "cancel" : connected ? "done" : "skip",
+		handler: () => {
+			if (phase === "authenticating") {
+				store.setLoginUrl(null);
+				setPhase("nudge");
+				return;
+			}
+			dismiss();
+		}
 	}]);
-	if (awaitingLogin) return /* @__PURE__ */ jsxs(Box, {
+	if (phase === "authenticating") return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		marginTop: 1,
@@ -5274,6 +5280,7 @@ const SlackConnectScreen = ({ store }) => {
 		marginTop: 1,
 		children: /* @__PURE__ */ jsx(LoadingBox, { message: "Checking for an existing Slack connection..." })
 	});
+	const awaitingBrowser = setupOpened && !connected;
 	return /* @__PURE__ */ jsx(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
@@ -5285,6 +5292,10 @@ const SlackConnectScreen = ({ store }) => {
 					bold: true,
 					color: Colors.success,
 					children: [Icons.check, " Slack connected"]
+				}) : awaitingBrowser ? /* @__PURE__ */ jsx(Text, {
+					bold: true,
+					color: Colors.accent,
+					children: "Finish connecting Slack"
 				}) : /* @__PURE__ */ jsx(Text, {
 					bold: true,
 					color: Colors.accent,
@@ -5292,7 +5303,7 @@ const SlackConnectScreen = ({ store }) => {
 				}),
 				/* @__PURE__ */ jsx(Box, {
 					marginTop: 1,
-					children: /* @__PURE__ */ jsx(Text, { children: connected ? "Slack is connected — here's what you can do:" : slack.pitch })
+					children: /* @__PURE__ */ jsx(Text, { children: connected ? "Slack is connected — here's what you can do:" : awaitingBrowser ? "We've opened PostHog's Slack setup page in your browser. Authorize the Slack app there — we'll detect the connection automatically and continue." : slack.pitch })
 				}),
 				/* @__PURE__ */ jsx(Box, {
 					marginTop: 1,
@@ -5310,7 +5321,7 @@ const SlackConnectScreen = ({ store }) => {
 					flexDirection: "column",
 					children: [!connected && /* @__PURE__ */ jsxs(Text, {
 						dimColor: true,
-						children: ["Connect it: ", /* @__PURE__ */ jsx(Text, {
+						children: [awaitingBrowser ? "Setup page: " : "Connect it: ", /* @__PURE__ */ jsx(Text, {
 							color: "cyan",
 							children: setupUrl
 						})]
@@ -5328,6 +5339,12 @@ const SlackConnectScreen = ({ store }) => {
 						options: connected ? [{
 							label: "Done",
 							value: "skip"
+						}] : awaitingBrowser ? [{
+							label: "Re-open Slack setup",
+							value: "open"
+						}, {
+							label: "Skip / Continue",
+							value: "skip"
 						}] : [{
 							label: "Open Slack setup",
 							value: "open"
@@ -5337,6 +5354,17 @@ const SlackConnectScreen = ({ store }) => {
 						}],
 						onSelect: handleSelect
 					})
+				}),
+				loginError && /* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					children: /* @__PURE__ */ jsxs(Text, {
+						color: "red",
+						children: [
+							"Login failed: ",
+							loginError,
+							". Try again or skip."
+						]
+					})
 				})
 			]
 		})
@@ -5377,6 +5405,28 @@ const OutroScreen = ({ store }) => {
 						bold: true,
 						children: ["✔ ", outroData.message || "Done!"]
 					}),
+					outroData.dashboardUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [
+							"Dashboard:",
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								color: "cyan",
+								children: withUtm(outroData.dashboardUrl, "outro-dashboard")
+							})
+						] })
+					}),
+					outroData.notebookUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [
+							"Notebook:",
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								color: "cyan",
+								children: withUtm(outroData.notebookUrl, "outro-notebook")
+							})
+						] })
+					}),
 					outroData.body && /* @__PURE__ */ jsx(Box, {
 						marginTop: 1,
 						children: /* @__PURE__ */ jsx(Text, {
@@ -5423,28 +5473,6 @@ const OutroScreen = ({ store }) => {
 							})
 						] }, 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: [
@@ -5824,4 +5852,4 @@ const AiOptInRequiredScreen = ({ store }) => {
 //#endregion
 export { SplitView as A, LogViewer as C, useStdoutDimensions as D, GroupedPickerMenu as E, WizardStore as M, ProgressList as O, EventPlanViewer as S, ConfirmationInput as T, LearnCard as _, SlackConnectScreen as a, TabContainer as b, AuditChecksViewer as c, McpScreen as d, IssueTable as f, TipsCard as g, ServiceHealthList as h, OutroScreen as i, CardLayout as j, LoadingBox as k, McpSuggestedPromptsScreen as l, SEVERITY_ORDER as m, SkillSourceInfo as n, AUDIT_AREA_SLIDES as o, SEVERITY_LABEL as p, useSkillEntry as r, VisualBox as s, AiOptInRequiredScreen as t, TAILORED_ROLES as u, ContentSequencer as v, ModalOverlay as w, ScreenContainer as x, HNViewer as y };
 
-//# sourceMappingURL=AiOptInRequiredScreen-DPn1CCeD.js.map
+//# sourceMappingURL=AiOptInRequiredScreen-_33FOcVo.js.map