@posthog/wizard 2.52.1 → 2.53.0

package/dist/{playground-B4yTvjn4.js → playground-rG007Ve9.js}

@@ -1,10 +1,10 @@
-import { l as WIZARD_LOG_FILE, mt as VERSION, v as getBlockingServiceKeys } from "./debug-BH67OSPW.js";
-import { s as HostResolution } from "./setup-utils-QwrY_J01.js";
+import { ht as VERSION, l as WIZARD_LOG_FILE, v as getBlockingServiceKeys } from "./debug-tCr3A18e.js";
+import { s as HostResolution } from "./setup-utils-t0jzKwBE.js";
 import "./wizard-session-BAZql11N.js";
-import { m as Icons, p as Colors } from "./posthog-integration-BA2aFHGz.js";
-import { a as ConfirmButton, b as getContentBlocks, f as getProgramConfig, t as PickerMenu, u as PROGRAM_REGISTRY } from "./bin.js";
-import { t as WizardStore } from "./store-Cp_jvnNp.js";
-import { A as ConfirmationInput, C as TabContainer, E as LogViewer, F as SplitView, I as CardLayout, N as ProgressList, P as LoadingBox, S as HNViewer, T as EventPlanViewer, b as LearnCard, c as SlackConnectScreen, d as AuditChecksViewer, f as McpSuggestedPromptsScreen, h as IssueTable, j as GroupedPickerMenu, k as ModalOverlay, l as AUDIT_AREA_SLIDES, m as McpScreen, n as releaseTerminal, o as OutroScreen, p as TAILORED_ROLES, r as AiOptInRequiredScreen, t as enterDarkTerminal, v as ServiceHealthList, w as ScreenContainer, x as ContentSequencer, y as TipsCard } from "./terminal-D4A6Hmkf.js";
+import { h as Icons, m as Colors } from "./posthog-integration-Bd-kybes.js";
+import { d as PROGRAM_REGISTRY, o as ConfirmButton, p as getProgramConfig, t as PickerMenu, x as getContentBlocks } from "./bin.js";
+import { t as WizardStore } from "./store-qv5UdGQO.js";
+import { A as LogViewer, C as TipsCard, D as TabContainer, E as HNViewer, F as GroupedPickerMenu, I as ProgressList, L as LoadingBox, N as ModalOverlay, O as ScreenContainer, P as ConfirmationInput, R as SplitView, S as ServiceHealthList, T as ContentSequencer, _ as TAILORED_ROLES, c as SlackConnectScreen, d as AuditChecksViewer, h as assembleProfile, k as EventPlanViewer, l as AUDIT_AREA_SLIDES, m as McpSuggestedPromptsScreen, n as releaseTerminal, o as OutroScreen, p as seededProfile, r as AiOptInRequiredScreen, t as enterDarkTerminal, v as McpScreen, w as LearnCard, y as IssueTable, z as CardLayout } from "./terminal-q-Sd8CdO.js";
 import * as fs$1 from "fs";
 import * as path$1 from "path";
 import * as os from "os";
@@ -146,6 +146,48 @@ const LayoutDemo = () => {
 /**
 * InputDemo — Demonstrates PickerMenu (single + multi) and ConfirmationInput.
 */
+const LONG_OPTIONS = [
+	"None of these",
+	"GitHub Issues",
+	"Linear",
+	"Jira",
+	"GitLab",
+	"Gitea",
+	"Shortcut",
+	"Sentry",
+	"Rollbar",
+	"Bugsnag",
+	"Honeybadger",
+	"Raygun",
+	"Zendesk",
+	"Freshdesk",
+	"Freshservice",
+	"Front",
+	"Gorgias",
+	"Kustomer",
+	"Dixa",
+	"Plain",
+	"pganalyze",
+	"Snyk",
+	"SonarQube",
+	"Semgrep",
+	"Rapid7 InsightVM",
+	"Featurebase",
+	"Frill",
+	"Aha",
+	"UserVoice",
+	"Productboard",
+	"Canny",
+	"AskNicely",
+	"Retently",
+	"Appfigures",
+	"AppFollow",
+	"Judge.me",
+	"Google Search Console"
+].map((label) => ({
+	label,
+	value: label.toLowerCase().replace(/\s+/g, "-")
+}));
 const InputDemo = () => {
 	const [step, setStep] = useState("single");
 	const [results, setResults] = useState([]);
@@ -217,6 +259,27 @@ const InputDemo = () => {
 				onSelect: (values) => {
 					const arr = Array.isArray(values) ? values : [values];
 					setResults((prev) => [...prev, `Multi: ${arr.join(", ")}`]);
+					setStep("multi-long");
+				}
+			})
+		]
+	});
+	if (step === "multi-long") return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				color: Colors.accent,
+				children: "Input Demo — Multi Select (long, scrolls)"
+			}),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(PickerMenu, {
+				message: "Which of these do you use? (↑/↓ to scroll)",
+				mode: "multi",
+				options: LONG_OPTIONS,
+				onSelect: (values) => {
+					const arr = Array.isArray(values) ? values : [values];
+					setResults((prev) => [...prev, `Multi (long): ${arr.length} picked`]);
 					setStep("confirm");
 				}
 			})
@@ -1742,13 +1805,17 @@ const McpDemo = ({ store }) => {
 * suggested-prompts screen.
 *
 * Mounts the real McpSuggestedPromptsScreen with mock services so every
-* phase (Choose → Authenticating → Greeting → PromptPicker → Running →
-* FollowUp) can be previewed without touching the network. The Greeting
-* phase auto-advances; FollowUp re-enters Running when a follow-up is
-* picked, building a conversation tree up to MAX_PROMPT_RUNS deep.
+* phase (Choose → Authenticating → Scouting → [SeedOffer → Seeding] →
+* Greeting → PromptPicker → Running → FollowUp → Goodbye) can be previewed
+* without touching the network. The Greeting phase auto-advances; FollowUp
+* re-enters Running when a follow-up is picked, building a conversation
+* tree up to MAX_PROMPT_RUNS deep.
 *
 *   R   cycle role         (null → founder → product → ... → data → null)
 *   F   cycle framework    (null → nextjs → vue → swift → django → null)
+*   T   cycle data tier    (rich → sparse → empty) — drives the scout:
+*                          rich → generated quests from real events;
+*                          empty → seed-offer fork; sparse → safe read.
 *   X   remount the screen (useful after Exit)
 *
 *   O   OAuth outcome:     success | error
@@ -1756,11 +1823,14 @@ const McpDemo = ({ store }) => {
 *   S   stream script:     short-text | with-tools | mid-stream-error
 *   C   chunk delay:       50ms | 200ms | 800ms
 *
-* Tip: switch S to "with-tools" and the FollowUp picker after the run
-* will show context-aware suggestions based on the last tool. The mock
-* calls are CLI-mode `exec` chunks (`mcp__posthog-wizard__exec` + a
-* `call <tool> …` command), so they exercise getFollowUps' inner-tool
-* extraction.
+* Tips:
+*  - Set T to "empty" to walk the seed-events fork (SeedOffer → Seeding),
+*    which lands on a rich seeded profile.
+*  - Switch S to "with-tools" and the FollowUp picker after the run will
+*    show context-aware suggestions based on the last tool. The mock
+*    calls are CLI-mode `exec` chunks (`mcp__posthog-wizard__exec` + a
+*    `call <tool> …` command), so they exercise getFollowUps' inner-tool
+*    extraction.
 */
 const FAMILY_INTEGRATIONS = [
 	null,
@@ -1780,6 +1850,50 @@ const CHUNK_DELAYS_MS = [
 	200,
 	800
 ];
+const PROBE_TIER_CYCLE = [
+	"rich",
+	"sparse",
+	"empty"
+];
+const NO_PRODUCTS = {
+	sessionReplay: false,
+	surveys: false,
+	featureFlags: false,
+	experiments: false,
+	dataWarehouse: false
+};
+function mockProfile(tier) {
+	if (tier === "empty") return assembleProfile([], NO_PRODUCTS);
+	if (tier === "sparse") return assembleProfile([{
+		name: "$pageview",
+		count: 12
+	}, {
+		name: "clicked",
+		count: 5
+	}], NO_PRODUCTS);
+	return assembleProfile([
+		{
+			name: "$pageview",
+			count: 100
+		},
+		{
+			name: "feature_used",
+			count: 21
+		},
+		{
+			name: "signed_up",
+			count: 10
+		},
+		{
+			name: "activated",
+			count: 7
+		},
+		{
+			name: "upgraded_to_paid",
+			count: 3
+		}
+	], NO_PRODUCTS);
+}
 const LOGIN_OUTCOMES = ["success", "error"];
 const STREAM_SCRIPTS = [
 	"short-text",
@@ -1919,7 +2033,15 @@ function createMockServices(store, configRef) {
 				}
 			};
 		},
-		runPromptStreaming: ({ signal }) => mockStream(configRef, signal)
+		runPromptStreaming: ({ signal }) => mockStream(configRef, signal),
+		probeProjectData: async () => {
+			await delay(800);
+			return mockProfile(configRef.current.tier);
+		},
+		seedDemoEvents: async ({ baseProfile }) => {
+			await delay(1500);
+			return seededProfile(baseProfile, /* @__PURE__ */ new Date());
+		}
 	};
 }
 async function* mockStream(configRef, signal) {
@@ -1935,6 +2057,7 @@ async function* mockStream(configRef, signal) {
 const McpSuggestedPromptsDemo = ({ store }) => {
 	const [roleIdx, setRoleIdx] = useState(2);
 	const [familyIdx, setFamilyIdx] = useState(1);
+	const [tierIdx, setTierIdx] = useState(0);
 	const [resetKey, setResetKey] = useState(0);
 	const [loginOutcomeIdx, setLoginOutcomeIdx] = useState(0);
 	const [loginDelayIdx, setLoginDelayIdx] = useState(1);
@@ -1942,12 +2065,14 @@ const McpSuggestedPromptsDemo = ({ store }) => {
 	const [chunkDelayIdx, setChunkDelayIdx] = useState(1);
 	const role = ROLE_CYCLE[roleIdx];
 	const integration = FAMILY_INTEGRATIONS[familyIdx];
+	const tier = PROBE_TIER_CYCLE[tierIdx];
 	const loginOutcome = LOGIN_OUTCOMES[loginOutcomeIdx];
 	const loginDelayMs = LOGIN_DELAYS_MS[loginDelayIdx];
 	const script = STREAM_SCRIPTS[scriptIdx];
 	const chunkDelayMs = CHUNK_DELAYS_MS[chunkDelayIdx];
 	const configRef = useRef({
 		role,
+		tier,
 		loginOutcome,
 		loginDelayMs,
 		script,
@@ -1955,6 +2080,7 @@ const McpSuggestedPromptsDemo = ({ store }) => {
 	});
 	configRef.current = {
 		role,
+		tier,
 		loginOutcome,
 		loginDelayMs,
 		script,
@@ -1972,6 +2098,9 @@ const McpSuggestedPromptsDemo = ({ store }) => {
 		} else if (input === "F" || input === "f") {
 			setFamilyIdx((i) => (i + 1) % FAMILY_INTEGRATIONS.length);
 			setResetKey((k) => k + 1);
+		} else if (input === "T" || input === "t") {
+			setTierIdx((i) => (i + 1) % PROBE_TIER_CYCLE.length);
+			setResetKey((k) => k + 1);
 		} else if (input === "X" || input === "x") {
 			store.setCredentials(null);
 			store.setRoleAtOrganization(null);
@@ -1988,7 +2117,7 @@ const McpSuggestedPromptsDemo = ({ store }) => {
 		children: [
 			/* @__PURE__ */ jsx(Text, {
 				dimColor: true,
-				children: "R role · F framework · X reset · O oauth · L login-delay · S script · C chunk-delay"
+				children: "R role · F framework · T data-tier · X reset · O oauth · L login-delay · S script · C chunk-delay"
 			}),
 			/* @__PURE__ */ jsxs(Text, {
 				dimColor: true,
@@ -1997,6 +2126,8 @@ const McpSuggestedPromptsDemo = ({ store }) => {
 					String(role),
 					" · integration=",
 					integration ?? "unknown",
+					" · tier=",
+					tier,
 					" · login=",
 					loginOutcome,
 					"/",
@@ -2706,6 +2837,205 @@ const AiOptInDemo = ({ variant }) => {
 	});
 };
 //#endregion
+//#region src/ui/tui/playground/demos/AskModalDemo.tsx
+/**
+* AskModalDemo — Pickers rendered inside an ask-style ModalOverlay, the way
+* WizardAskScreen composes them: prompt paragraph in the modal body, then a
+* label-less PickerMenu. Exercises the viewport height cap (MAX_LIST_ROWS)
+* and the no-label spacing (no stray blank lines under the paragraph).
+*/
+const DESCRIBED_OPTIONS = [
+	{
+		label: "Session replay",
+		value: "replay",
+		description: "Record and replay real user sessions to see exactly what happened before an error or a rage click."
+	},
+	{
+		label: "Feature flags",
+		value: "flags",
+		description: "Roll features out gradually, target by cohort, and kill misbehaving code paths without a deploy."
+	},
+	{
+		label: "Error tracking",
+		value: "errors",
+		description: "Capture exceptions with stack traces and source maps."
+	}
+];
+const GROUPED = {
+	"Issue trackers": [
+		{
+			label: "GitHub Issues",
+			value: "github"
+		},
+		{
+			label: "Linear",
+			value: "linear"
+		},
+		{
+			label: "Jira",
+			value: "jira"
+		},
+		{
+			label: "Shortcut",
+			value: "shortcut"
+		}
+	],
+	"Error monitoring": [
+		{
+			label: "Sentry",
+			value: "sentry"
+		},
+		{
+			label: "Rollbar",
+			value: "rollbar"
+		},
+		{
+			label: "Bugsnag",
+			value: "bugsnag"
+		},
+		{
+			label: "Honeybadger",
+			value: "honeybadger"
+		}
+	],
+	"Support desks": [
+		{
+			label: "Zendesk",
+			value: "zendesk"
+		},
+		{
+			label: "Freshdesk",
+			value: "freshdesk"
+		},
+		{
+			label: "Front",
+			value: "front"
+		},
+		{
+			label: "Intercom",
+			value: "intercom"
+		}
+	],
+	Observability: [
+		{
+			label: "Datadog",
+			value: "datadog"
+		},
+		{
+			label: "New Relic",
+			value: "newrelic"
+		},
+		{
+			label: "Grafana",
+			value: "grafana"
+		},
+		{
+			label: "Splunk",
+			value: "splunk"
+		}
+	]
+};
+/** Mirrors WizardAskScreen's shape: paragraph body, then a label-less input. */
+const AskModal = ({ prompt, children }) => /* @__PURE__ */ jsxs(ModalOverlay, {
+	borderColor: Colors.accent,
+	title: `${Icons.diamond} self-driving-setup`,
+	titleColor: Colors.accent,
+	width: 72,
+	children: [/* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		children: /* @__PURE__ */ jsx(Text, { children: prompt })
+	}), /* @__PURE__ */ jsx(Box, {
+		marginTop: 1,
+		children
+	})]
+});
+const AskModalDemo = () => {
+	const [step, setStep] = useState("multi-long");
+	const [results, setResults] = useState([]);
+	const advance = (result, next) => {
+		setResults((prev) => [...prev, result]);
+		setStep(next);
+	};
+	if (step === "multi-long") return /* @__PURE__ */ jsx(AskModal, {
+		prompt: "Self-driving can also watch your other tools and investigate and fix the problems they surface. Which of these do you use?",
+		children: /* @__PURE__ */ jsx(PickerMenu, {
+			mode: "multi",
+			options: LONG_OPTIONS,
+			onSelect: (values) => {
+				advance(`Multi (long): ${(Array.isArray(values) ? values : [values]).length} picked`, "multi-descriptions");
+			}
+		}, step)
+	});
+	if (step === "multi-descriptions") return /* @__PURE__ */ jsx(AskModal, {
+		prompt: "Besides analytics, which PostHog products should the agent set up while it's in the codebase?",
+		children: /* @__PURE__ */ jsx(PickerMenu, {
+			mode: "multi",
+			optionMarginBottom: 1,
+			options: DESCRIBED_OPTIONS,
+			onSelect: (values) => {
+				advance(`Multi (descriptions): ${(Array.isArray(values) ? values : [values]).join(", ") || "none"}`, "single");
+			}
+		}, step)
+	});
+	if (step === "single") return /* @__PURE__ */ jsx(AskModal, {
+		prompt: "Your project has both an app and a marketing site. Which one should the agent instrument first?",
+		children: /* @__PURE__ */ jsx(PickerMenu, {
+			options: [
+				{
+					label: "The app",
+					value: "app",
+					hint: "src/app"
+				},
+				{
+					label: "The marketing site",
+					value: "marketing",
+					hint: "www/"
+				},
+				{
+					label: "Both, app first",
+					value: "both"
+				}
+			],
+			onSelect: (value) => {
+				advance(`Single: ${String(value)}`, "grouped");
+			}
+		})
+	});
+	if (step === "grouped") return /* @__PURE__ */ jsx(AskModal, {
+		prompt: "Grouped variant of the same ask — categories with headers, everything pre-selected:",
+		children: /* @__PURE__ */ jsx(GroupedPickerMenu, {
+			groups: GROUPED,
+			onSelect: (values) => {
+				advance(`Grouped: ${values.length} kept`, "done");
+			}
+		})
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				color: Colors.accent,
+				children: "Ask Modal Demo — Results"
+			}),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			results.map((r, i) => /* @__PURE__ */ jsxs(Text, {
+				color: Colors.success,
+				children: [
+					"✔",
+					" ",
+					r
+				]
+			}, i)),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Switch away from this tab and back to restart."
+			})
+		]
+	});
+};
+//#endregion
 //#region src/ui/tui/playground/PlaygroundApp.tsx
 /**
 * PlaygroundApp — Root component for the primitives playground.
@@ -2730,6 +3060,11 @@ const PlaygroundApp = ({ store }) => {
 						label: "Input",
 						component: /* @__PURE__ */ jsx(InputDemo, {})
 					},
+					{
+						id: "ask-modal",
+						label: "Ask modal",
+						component: /* @__PURE__ */ jsx(AskModalDemo, {})
+					},
 					{
 						id: "progress",
 						label: "Progress",
@@ -2843,4 +3178,4 @@ function runPlayground() {
 //#endregion
 export { runPlayground };
 
-//# sourceMappingURL=playground-B4yTvjn4.js.map
+//# sourceMappingURL=playground-rG007Ve9.js.map