@posthog/wizard 2.20.0 → 2.21.0

package/dist/{slides-BEshbXqG.js → OutroScreen-CqF6SdBo.js}

@@ -1,9 +1,10 @@
-import { g as SERVICE_LABELS, s as logToFile } from "./debug-BJu_sS4l.js";
+import { g as SERVICE_LABELS, s as logToFile } from "./debug-h7Z9zEbD.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-Bl5DPj_0.js";
+import { i as fetchSlackConnected } from "./api-DuA0_88V.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 { y as AUDIT_SEVERITY_STYLE } from "./agent-interface-DE7txTqh.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-ChdwFPMj.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";
@@ -1988,6 +1989,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,
@@ -4028,12 +4031,12 @@ var Phase = /* @__PURE__ */ function(Phase) {
 	Phase["Done"] = "done";
 	return Phase;
 }(Phase || {});
-var ChoiceValue = /* @__PURE__ */ function(ChoiceValue) {
+var ChoiceValue$1 = /* @__PURE__ */ function(ChoiceValue) {
 	ChoiceValue["Login"] = "login";
 	ChoiceValue["ConnectSlack"] = "connect-slack";
 	ChoiceValue["Exit"] = "exit";
 	return ChoiceValue;
-}(ChoiceValue || {});
+}(ChoiceValue$1 || {});
 const MAX_PROMPT_RUNS = 5;
 const FOLLOW_UP_DELAY_MS = 3e3;
 const McpSuggestedPromptsScreen = ({ store, services }) => {
@@ -5640,6 +5643,327 @@ 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`) and after a successful install
+* (`wizard mcp add`).
+*
+* 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.
+*/
+var ChoiceValue = /* @__PURE__ */ function(ChoiceValue) {
+	ChoiceValue["Open"] = "open";
+	ChoiceValue["Skip"] = "skip";
+	return ChoiceValue;
+}(ChoiceValue || {});
+const POLL_INTERVAL_MS = 3e3;
+const SlackConnectScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const role = store.session.roleAtOrganization;
+	const slack = getSlackAppCard();
+	useEffect(() => {
+		analytics.wizardCapture("slack connect shown", { role });
+	}, []);
+	const connected = store.session.slackConnected === true;
+	const credentials = store.session.credentials;
+	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) store.setSlackConnected(true);
+				else timer = setTimeout(check, POLL_INTERVAL_MS);
+			}).catch((err) => {
+				if (cancelled) return;
+				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("slack connect skipped", {
+			role,
+			connected
+		});
+		store.setSlackStepDismissed();
+	};
+	const handleSelect = (value) => {
+		if ((Array.isArray(value) ? value[0] : value) === "open") {
+			analytics.wizardCapture("slack connect opened", { role });
+			opn(slack.setupUrl, { wait: false }).catch(() => {});
+			return;
+		}
+		dismiss();
+	};
+	useKeyBindings("slack-connect", [{
+		match: "escape",
+		label: "esc",
+		action: connected ? "done" : "skip",
+		handler: () => dismiss()
+	}]);
+	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: slack.setupUrl
+						})]
+					}), /* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: ["Learn more: ", /* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: slack.learnMoreUrl
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					children: /* @__PURE__ */ jsx(PickerMenu, {
+						options: connected ? [{
+							label: "Done",
+							value: "skip"
+						}] : [{
+							label: "Open Slack setup",
+							value: "open"
+						}, {
+							label: "Skip",
+							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: outroData.dashboardUrl
+							})
+						] })
+					}),
+					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: outroData.notebookUrl
+							})
+						] })
+					}),
+					outroData.docsUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: ["Learn more: ", /* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: outroData.docsUrl
+						})] })
+					}),
+					outroData.continueUrl && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { children: [
+						"Continue onboarding:",
+						" ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: outroData.continueUrl
+						})
+					] }) }),
+					/* @__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
+export { SplitView as A, ConfirmationInput as C, useKeyBindings as D, PickerMenu as E, WizardStore as M, ProgressList as O, ModalOverlay as S, useStdoutDimensions as T, HNViewer as _, VisualBox as a, EventPlanViewer as b, TAILORED_ROLES as c, SEVERITY_LABEL as d, SEVERITY_ORDER as f, ContentSequencer as g, LearnCard as h, AUDIT_AREA_SLIDES as i, CardLayout as j, LoadingBox as k, McpScreen as l, TipsCard as m, SlackConnectScreen as n, AuditChecksViewer as o, ServiceHealthList as p, AUDIT_3000_AREA_SLIDES as r, McpSuggestedPromptsScreen as s, OutroScreen as t, IssueTable as u, TabContainer as v, GroupedPickerMenu as w, LogViewer as x, ScreenContainer as y };
 
-//# sourceMappingURL=slides-BEshbXqG.js.map
+//# sourceMappingURL=OutroScreen-CqF6SdBo.js.map