@posthog/wizard 2.52.1 → 2.53.0

package/dist/bin.js

@@ -1,19 +1,19 @@
 #!/usr/bin/env node
-import { H as POSTHOG_DOCS_URL, I as Integration, a as getLogFilePath, bt as regionOption, dt as WIZARD_USER_AGENT, f as getUI, ft as getSkillsBaseUrl, m as LoggingUI, mt as VERSION, p as setUI, r as debug, s as logToFile, vt as headlessOption, yt as isHeadless } from "./debug-BH67OSPW.js";
-import { n as analytics } from "./analytics-DsXLkDwE.js";
-import { r as setEntryCommand } from "./telemetry-3fcP3zSF.js";
-import { a as walkProjectFiles, i as safeReadFile } from "./bounded-fs-bvlHO1PM.js";
-import { n as isUsingTypeScript } from "./setup-utils-QwrY_J01.js";
-import { o as handleApiError } from "./api-Dpnv0jVL.js";
+import { Ct as regionOption, L as Integration, St as isHeadless, U as POSTHOG_DOCS_URL, a as getLogFilePath, f as getUI, ft as WIZARD_USER_AGENT, ht as VERSION, m as LoggingUI, p as setUI, pt as getSkillsBaseUrl, r as debug, s as logToFile, xt as headlessOption } from "./debug-tCr3A18e.js";
+import { n as analytics } from "./analytics-BC3iiS1p.js";
+import { r as setEntryCommand } from "./telemetry-5NqJBWNN.js";
+import { a as walkProjectFiles, i as safeReadFile } from "./bounded-fs-B6Eqbgoj.js";
+import { n as isUsingTypeScript } from "./setup-utils-t0jzKwBE.js";
+import { o as handleApiError } from "./api-CXk-efCU.js";
 import "./wizard-session-BAZql11N.js";
-import { r as runCleanups } from "./wizard-abort-BbsBpCCV.js";
-import { n as isNonInteractiveEnvironment } from "./environment-CPPBK-08.js";
-import { n as runAgent, o as authenticate } from "./agent-runner-CunYPDzL.js";
-import { _ as WIZARD_TOOL_NAMES, b as fetchSkillMenu, l as recoverOrphanedSettingsBackups, p as AgentSignals } from "./agent-interface-oqI_K3-4.js";
-import { S as SETUP_REPORT_FILE, _ as AUDIT_CHECKS_KEY, g as AUDIT_CHECKS_FILE, v as AUDIT_REPORT_FILE } from "./yara-hooks-BGBQ4IcA.js";
-import { i as SPINNER_MESSAGE } from "./registry-B6ubVKTJ.js";
-import { S as gatherFrameworkContext, _ as detectWarehousePrerequisites, a as LINE_CHART_BLOCK, g as WAREHOUSE_ABORT_CASES, h as HEALTH_CHECK_STEP, i as FUNNEL_BLOCK, m as Icons, n as integrationRunStep, o as PRODUCT_SUITE_BLOCK, p as Colors, r as posthogIntegrationConfig, s as StatusPeekTrigger, u as isClearBlock, v as getDetectedWarehouseSources, x as resolveProjectDir, y as detectIntegrationProjects } from "./posthog-integration-BA2aFHGz.js";
-import { n as readApiKeyFromEnv } from "./env-api-key-DDVkPQmo.js";
+import { r as runCleanups } from "./wizard-abort-B1XewmPn.js";
+import { n as isNonInteractiveEnvironment } from "./environment-JwRHoXao.js";
+import { n as runAgent, o as authenticate } from "./agent-runner-CPuubcP_.js";
+import { l as recoverOrphanedSettingsBackups, p as AgentSignals, v as WIZARD_TOOL_NAMES, x as fetchSkillMenu } from "./agent-interface-xWyATfJi.js";
+import { S as SETUP_REPORT_FILE, _ as AUDIT_CHECKS_KEY, g as AUDIT_CHECKS_FILE, v as AUDIT_REPORT_FILE } from "./yara-hooks-Cu0rEw1L.js";
+import { i as SPINNER_MESSAGE } from "./registry-Cg_M-kov.js";
+import { C as gatherFrameworkContext, S as resolveProjectDir, _ as WAREHOUSE_ABORT_CASES, a as LINE_CHART_BLOCK, b as detectIntegrationProjects, d as isClearBlock, g as HEALTH_CHECK_STEP, h as Icons, i as FUNNEL_BLOCK, m as Colors, n as integrationRunStep, o as PRODUCT_SUITE_BLOCK, r as posthogIntegrationConfig, s as StatusPeekTrigger, u as wordWrap, v as detectWarehousePrerequisites, y as getDetectedWarehouseSources } from "./posthog-integration-Bd-kybes.js";
+import { n as readApiKeyFromEnv } from "./env-api-key-cjD4yfGT.js";
 import { satisfies } from "semver";
 import yargs from "yargs";
 import { hideBin } from "yargs/helpers";
@@ -26,7 +26,7 @@ import { spawnSync } from "node:child_process";
 import * as fs$1 from "node:fs";
 import axios from "axios";
 import { z } from "zod";
-import { Box, Text, render, useInput } from "ink";
+import { Box, Text, render, useInput, useStdout } from "ink";
 import { createContext, createElement, useCallback, useContext, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { access, rm } from "node:fs/promises";
@@ -200,7 +200,7 @@ function runProvision(argv) {
 }
 async function provision({ email, region, name, baseUrl, jsonMode }) {
 	try {
-		const { provisionNewAccount } = await import("./provisioning-CtC0Ekeq.js").then((n) => n.n);
+		const { provisionNewAccount } = await import("./provisioning-tkKe6aM4.js").then((n) => n.n);
 		if (!jsonMode) getUI().log.info(`Provisioning account for ${email} in ${region}...`);
 		emitResult(await provisionNewAccount(email, name, region, { baseUrl }), jsonMode);
 		process.exit(0);
@@ -267,22 +267,22 @@ const basicIntegrationCommand = {
 		setEntryCommand("integrate");
 		(async () => {
 			if (isHeadless(argv)) {
-				const { runHeadlessInstall } = await import("./ci-install-BLSCzEZs.js");
+				const { runHeadlessInstall } = await import("./ci-install-CXD2meJ4.js");
 				return runHeadlessInstall(argv);
 			}
 			if (argv.ci) {
-				const { runCIInstall } = await import("./ci-install-BLSCzEZs.js");
+				const { runCIInstall } = await import("./ci-install-CXD2meJ4.js");
 				return runCIInstall(argv);
 			}
 			if (isNonInteractiveEnvironment()) {
-				const { failNonInteractive } = await import("./non-interactive-C3DW7sGO.js");
+				const { failNonInteractive } = await import("./non-interactive-DYvEgWZx.js");
 				return failNonInteractive();
 			}
 			if (argv.playground) {
-				const { runPlayground } = await import("./playground-B4yTvjn4.js");
+				const { runPlayground } = await import("./playground-rG007Ve9.js");
 				return runPlayground();
 			}
-			const { runInteractive } = await import("./interactive-ClJi6jV4.js");
+			const { runInteractive } = await import("./interactive-CM2fMt8l.js");
 			runInteractive(argv);
 		})();
 	}
@@ -3793,12 +3793,12 @@ const mcpAddCommand = {
 function runMcpAdd(argv) {
 	const features = parseFeatures(argv.features);
 	(async () => {
-		const { readApiKeyFromEnv } = await import("./env-api-key-DDVkPQmo.js").then((n) => n.t);
+		const { readApiKeyFromEnv } = await import("./env-api-key-cjD4yfGT.js").then((n) => n.t);
 		const apiKey = argv.apiKey || readApiKeyFromEnv();
 		const debug = argv.debug;
 		const localMcp = argv.local;
 		try {
-			const { startTUI } = await import("./start-tui-DHEtMtnm.js");
+			const { startTUI } = await import("./start-tui-CK3rpaKD.js");
 			const { buildSession } = await import("./wizard-session-C5lZPPEc.js");
 			const tui = startTUI(VERSION, Program.McpAdd);
 			tui.store.session = buildSession({
@@ -3811,7 +3811,7 @@ function runMcpAdd(argv) {
 		} catch (error) {
 			if (!isTUIUnavailable(error)) throw error;
 			setUI(new LoggingUI());
-			const { addMCPServerToClientsStep } = await import("./add-mcp-server-to-clients-C7P4_dhF.js").then((n) => n.r);
+			const { addMCPServerToClientsStep } = await import("./add-mcp-server-to-clients-DmMHsYYM.js").then((n) => n.r);
 			await addMCPServerToClientsStep({
 				local: localMcp,
 				features,
@@ -3850,7 +3850,7 @@ function runMcpRemove(argv) {
 		const debug = argv.debug;
 		const localMcp = argv.local;
 		try {
-			const { startTUI } = await import("./start-tui-DHEtMtnm.js");
+			const { startTUI } = await import("./start-tui-CK3rpaKD.js");
 			const { buildSession } = await import("./wizard-session-C5lZPPEc.js");
 			const tui = startTUI(VERSION, Program.McpRemove);
 			tui.store.session = buildSession({
@@ -3860,7 +3860,7 @@ function runMcpRemove(argv) {
 			});
 		} catch {
 			setUI(new LoggingUI());
-			const { removeMCPServerFromClientsStep } = await import("./add-mcp-server-to-clients-C7P4_dhF.js").then((n) => n.r);
+			const { removeMCPServerFromClientsStep } = await import("./add-mcp-server-to-clients-DmMHsYYM.js").then((n) => n.r);
 			await removeMCPServerFromClientsStep({ local: localMcp });
 		}
 	})();
@@ -3882,7 +3882,7 @@ function runMcpTutorial(argv) {
 		const debug = argv.debug;
 		const localMcp = argv.local;
 		try {
-			const { startTUI } = await import("./start-tui-DHEtMtnm.js");
+			const { startTUI } = await import("./start-tui-CK3rpaKD.js");
 			const { buildSession } = await import("./wizard-session-C5lZPPEc.js");
 			const tui = startTUI(VERSION, Program.McpTutorial);
 			tui.store.session = buildSession({
@@ -3963,10 +3963,10 @@ function runWizard(config, options) {
 	(async () => {
 		try {
 			const installDir = options.installDir || process.cwd();
-			const { startTUI } = await import("./start-tui-DHEtMtnm.js");
+			const { startTUI } = await import("./start-tui-CK3rpaKD.js");
 			const { buildSession, RunPhase } = await import("./wizard-session-C5lZPPEc.js");
-			const { TaskStreamPush } = await import("./task-stream-4I08S7A6.js");
-			const { PostHogDestination } = await import("./posthog-mgz-FQlS.js");
+			const { TaskStreamPush } = await import("./task-stream-5k_cd_Wz.js");
+			const { PostHogDestination } = await import("./posthog-DDLIrku0.js");
 			tui = startTUI(WIZARD_VERSION, config.id);
 			const activeTui = tui;
 			const session = buildSession({
@@ -4031,7 +4031,7 @@ function runWizard(config, options) {
 				if (shown(step)) await advanceStep(step, activeTui.store, config);
 			}
 			else if (skipAgent) {
-				const { getOrAskForProjectData } = await import("./setup-utils-QwrY_J01.js").then((n) => n.r);
+				const { getOrAskForProjectData } = await import("./setup-utils-t0jzKwBE.js").then((n) => n.r);
 				const { projectApiKey, host, accessToken, projectId } = await getOrAskForProjectData({
 					signup: session.signup,
 					ci: session.ci,
@@ -4133,10 +4133,10 @@ function runNonInteractive(config, options, mode) {
 	(async () => {
 		const path = await import("path");
 		const { buildSession, RunPhase, OutroKind } = await import("./wizard-session-C5lZPPEc.js");
-		const { readEnvironment } = await import("./environment-CPPBK-08.js").then((n) => n.t);
-		const { readApiKeyFromEnv } = await import("./env-api-key-DDVkPQmo.js").then((n) => n.t);
-		const { configureLogFileFromEnvironment, logToFile } = await import("./debug-D-lnRFLU.js");
-		const { wizardAbort, WizardError } = await import("./wizard-abort-BEBAXmPp.js");
+		const { readEnvironment } = await import("./environment-JwRHoXao.js").then((n) => n.t);
+		const { readApiKeyFromEnv } = await import("./env-api-key-cjD4yfGT.js").then((n) => n.t);
+		const { configureLogFileFromEnvironment, logToFile } = await import("./debug-Bz-LaIU8.js");
+		const { wizardAbort, WizardError } = await import("./wizard-abort-Cl8D3gW8.js");
 		configureLogFileFromEnvironment();
 		const env = readEnvironment();
 		const apiKey = options.apiKey ?? readApiKeyFromEnv() ?? void 0;
@@ -4168,9 +4168,9 @@ function runNonInteractive(config, options, mode) {
 		let store = null;
 		let taskStream = null;
 		if (mode === "headless") {
-			const { WizardStore } = await import("./store-Cp_jvnNp.js").then((n) => n.n);
-			const { HeadlessUI } = await import("./headless-ui-BJbByiLj.js");
-			const { TaskStreamPush, PostHogDestination } = await import("./task-stream-4I08S7A6.js");
+			const { WizardStore } = await import("./store-qv5UdGQO.js").then((n) => n.n);
+			const { HeadlessUI } = await import("./headless-ui-o1cpGr1W.js");
+			const { TaskStreamPush, PostHogDestination } = await import("./task-stream-5k_cd_Wz.js");
 			store = new WizardStore(config.id);
 			store.session = session;
 			setUI(new HeadlessUI(store));
@@ -4226,7 +4226,7 @@ function runNonInteractive(config, options, mode) {
 					});
 				}
 			}
-			const { runAgent } = await import("./agent-runner-CunYPDzL.js").then((n) => n.t);
+			const { runAgent } = await import("./agent-runner-CPuubcP_.js").then((n) => n.t);
 			await runAgent(config, session);
 			await settleStream(RunPhase.Completed);
 		} catch (error) {
@@ -4512,6 +4512,7 @@ function pickerChildrenToShow(children) {
 * where [!] is black text on accent background.
 */
 const PromptLabel = ({ message }) => {
+	if (!message) return null;
 	return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, {
 		bold: true,
 		color: Colors.accent,
@@ -4547,6 +4548,35 @@ const ConfirmButton = ({ label = "Confirm", focused, count }) => {
 	});
 };
 //#endregion
+//#region src/ui/tui/hooks/useStdoutDimensions.ts
+/**
+* useStdoutDimensions — Returns [columns, rows] and re-renders on terminal resize.
+*
+* Ink's useStdout() does not subscribe to resize events, so layout only updates
+* when something else causes a re-render. This hook listens to the stream's
+* 'resize' event (Node TTY) and updates state so the component re-renders
+* with the new dimensions.
+*/
+function useStdoutDimensions() {
+	const { stdout } = useStdout();
+	const [size, setSize] = useState(() => [stdout.columns || 80, stdout.rows || 24]);
+	useEffect(() => {
+		setSize([stdout.columns || 80, stdout.rows || 24]);
+		const stream = stdout;
+		if (typeof stream.on !== "function") return;
+		const onResize = () => {
+			const c = stdout.columns || 80;
+			const r = stdout.rows || 24;
+			if (c > 0 && r > 0) setSize([c, r]);
+		};
+		stream.on("resize", onResize);
+		return () => {
+			stream.off?.("resize", onResize);
+		};
+	}, [stdout]);
+	return size;
+}
+//#endregion
 //#region src/ui/tui/hooks/keyboard-hints-utils.ts
 /** Default priorities by key type. */
 const DEFAULT_PRIORITY = {
@@ -4706,16 +4736,61 @@ function stepEnabled(options, rows, from, dir) {
 	}
 	return from;
 }
-/** Index of the first enabled option, for the initial focus. */
-function firstEnabled(options) {
-	const idx = options.findIndex((o) => !o.disabled);
-	return idx === -1 ? 0 : idx;
+/** First enabled option in [start, end), for initial focus and for entering
+*  a page from the Confirm button. */
+function firstEnabled(options, start = 0, end = options.length) {
+	for (let i = start; i < end; i++) if (!options[i]?.disabled) return i;
+	return start;
+}
+/** Last enabled option in [start, end), for wrapping from the button onto
+*  the bottom of the page. */
+function lastEnabled(options, start = 0, end = options.length) {
+	for (let i = end - 1; i >= start; i--) if (!options[i]?.disabled) return i;
+	return end - 1;
 }
-/** Index of the last enabled option, for wrapping from the button onto
-*  the bottom of the grid. */
-function lastEnabled(options) {
-	for (let i = options.length - 1; i >= 0; i--) if (!options[i]?.disabled) return i;
-	return options.length - 1;
+/**
+* Rows the surrounding screen or overlay consumes above and below a picker —
+* border + padding, title, prompt text, and the keyboard-hints bar. A
+* deliberately generous estimate: overshooting just shows a few fewer rows,
+* whereas undershooting lets a long list overflow the viewport (the bug this
+* windowing guards against). Mirrors GroupedPickerMenu's budgeting.
+*/
+const CHROME_OVERHEAD = 13;
+/**
+* Max visual rows a picker renders regardless of terminal height. Without a
+* ceiling a tall terminal lets a long list fill the whole viewport, which
+* reads as a wall of options; ~12 rows keeps the menu scannable and leaves
+* known breathing room above and below.
+*/
+const MAX_LIST_ROWS = 12;
+/** Extra rows a multi-select adds below its options: marginTop + Confirm button. */
+const CONFIRM_CHROME = 3;
+/** Width the multi-select wraps option descriptions to (matches the render). */
+const DESCRIPTION_WIDTH = 56;
+/**
+* Pages a single-column option list to the terminal height. The visible page
+* is derived from the focused index — no scroll state — so ↑/↓ flip pages as
+* focus crosses a page edge and n/p jump a whole page. Pages hold a fixed
+* option count sized to the tallest row (`rowCost`), trading a sparser page
+* on mixed-height lists for arithmetic-only paging. Engages only for
+* single-column pickers — multi-column grids already compress vertically.
+*/
+function usePickerViewport(count, rowCost, chromeBelow, enabled, focused) {
+	const [, termRows] = useStdoutDimensions();
+	const budget = Math.max(5, Math.min(termRows - CHROME_OVERHEAD - chromeBelow, MAX_LIST_ROWS));
+	const needsScroll = enabled && count * rowCost > budget;
+	const perPage = needsScroll ? Math.max(1, Math.floor((budget - 2) / rowCost)) : count;
+	const pageCount = Math.max(1, Math.ceil(count / perPage));
+	const start = Math.floor(focused / perPage) * perPage;
+	const end = Math.min(start + perPage, count);
+	return {
+		needsScroll,
+		start,
+		end,
+		hiddenAbove: start,
+		hiddenBelow: count - end,
+		pageStep: (f, dir) => (Math.floor(f / perPage) + dir + pageCount) % pageCount * perPage
+	};
 }
 const PickerMenu = ({ message, options, mode = "single", centered = false, columns = 1, optionMarginBottom = 0, onSelect }) => {
 	if (mode === "multi") return /* @__PURE__ */ jsx(MultiPickerMenu, {
@@ -4739,26 +4814,50 @@ const PickerMenu = ({ message, options, mode = "single", centered = false, colum
 const SinglePickerMenu = ({ message, options, centered = false, columns = 1, optionMarginBottom = 0, onSelect }) => {
 	const [focused, setFocused] = useState(() => firstEnabled(options));
 	const rows = Math.ceil(options.length / columns);
+	const viewport = usePickerViewport(options.length, 1 + optionMarginBottom, 0, columns === 1, focused);
 	useEffect(() => {
 		if (focused >= options.length || options[focused]?.disabled) setFocused(firstEnabled(options));
 	}, [options, focused]);
-	const bindings = [{
-		match: ["upArrow", "downArrow"],
-		label: "↑↓",
-		action: "navigate",
-		handler: (_input, key) => {
-			if (key.upArrow) setFocused(stepEnabled(options, rows, focused, -1));
-			if (key.downArrow) setFocused(stepEnabled(options, rows, focused, 1));
-		}
-	}, {
-		match: "return",
-		label: "enter",
-		action: "select",
-		handler: () => {
-			const selected = options[focused];
-			if (selected && !selected.disabled) onSelect(selected.value);
+	const bindings = [
+		{
+			match: ["upArrow", "downArrow"],
+			label: "↑↓",
+			action: "navigate",
+			handler: (_input, key) => {
+				const dir = key.upArrow ? -1 : 1;
+				if (columns === 1) {
+					const { start, end } = viewport;
+					const span = end - start;
+					let r = focused;
+					for (let i = 0; i < span; i++) {
+						r = start + (r - start + dir + span) % span;
+						if (!options[r]?.disabled) break;
+					}
+					setFocused(r);
+					return;
+				}
+				setFocused(stepEnabled(options, rows, focused, dir));
+			}
+		},
+		...viewport.needsScroll ? [{
+			match: ["n", "p"],
+			label: "n/p",
+			action: "page",
+			handler: (input) => {
+				const target = viewport.pageStep(focused, input === "n" ? 1 : -1);
+				setFocused(options[target]?.disabled ? stepEnabled(options, rows, target, 1) : target);
+			}
+		}] : [],
+		{
+			match: "return",
+			label: "enter",
+			action: "select",
+			handler: () => {
+				const selected = options[focused];
+				if (selected && !selected.disabled) onSelect(selected.value);
+			}
 		}
-	}];
+	];
 	if (columns > 1) bindings.splice(1, 0, {
 		match: ["leftArrow", "rightArrow"],
 		label: "←→",
@@ -4782,41 +4881,55 @@ const SinglePickerMenu = ({ message, options, centered = false, columns = 1, opt
 	useKeyBindings("single-picker", bindings);
 	const columnArrays = [];
 	for (let c = 0; c < columns; c++) columnArrays.push(options.slice(c * rows, c * rows + rows));
+	const align = centered ? "center" : void 0;
+	const renderOption = (opt, flatIdx) => {
+		const isFocused = flatIdx === focused;
+		const base = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;
+		const label = opt.indent ? `  ${base}` : base;
+		return /* @__PURE__ */ jsxs(Box, {
+			gap: 1,
+			marginBottom: optionMarginBottom,
+			children: [
+				/* @__PURE__ */ jsx(Text, {
+					color: isFocused ? Colors.accent : void 0,
+					dimColor: !isFocused,
+					children: isFocused && !opt.header ? Icons.triangleSmallRight : " "
+				}),
+				opt.icon && /* @__PURE__ */ jsx(Text, {
+					color: opt.icon.color,
+					children: opt.icon.glyph
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					color: opt.header ? void 0 : opt.disabled ? Colors.muted : isFocused ? Colors.accent : void 0,
+					bold: opt.header || isFocused && !opt.disabled,
+					dimColor: !opt.header && (!isFocused || opt.disabled),
+					children: label
+				})
+			]
+		}, flatIdx);
+	};
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
-		alignItems: centered ? "center" : void 0,
-		children: [/* @__PURE__ */ jsx(PromptLabel, { message }), /* @__PURE__ */ jsx(Box, {
+		alignItems: align,
+		children: [/* @__PURE__ */ jsx(PromptLabel, { message }), viewport.needsScroll ? /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			children: [
+				/* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: viewport.hiddenAbove > 0 ? `↑ ${viewport.hiddenAbove} more [P] for previous page` : " "
+				}),
+				options.slice(viewport.start, viewport.end).map((opt, relIdx) => renderOption(opt, viewport.start + relIdx)),
+				/* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: viewport.hiddenBelow > 0 ? `↓ ${viewport.hiddenBelow} more [N] for next page` : " "
+				})
+			]
+		}) : /* @__PURE__ */ jsx(Box, {
 			flexDirection: "row",
 			gap: 4,
 			children: columnArrays.map((colOpts, colIdx) => /* @__PURE__ */ jsx(Box, {
 				flexDirection: "column",
-				children: colOpts.map((opt, rowIdx) => {
-					const flatIdx = colIdx * rows + rowIdx;
-					const isFocused = flatIdx === focused;
-					const base = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;
-					const label = opt.indent ? `  ${base}` : base;
-					return /* @__PURE__ */ jsxs(Box, {
-						gap: 1,
-						marginBottom: optionMarginBottom,
-						children: [
-							/* @__PURE__ */ jsx(Text, {
-								color: isFocused ? Colors.accent : void 0,
-								dimColor: !isFocused,
-								children: isFocused && !opt.header ? Icons.triangleSmallRight : " "
-							}),
-							opt.icon && /* @__PURE__ */ jsx(Text, {
-								color: opt.icon.color,
-								children: opt.icon.glyph
-							}),
-							/* @__PURE__ */ jsx(Text, {
-								color: opt.header ? void 0 : opt.disabled ? Colors.muted : isFocused ? Colors.accent : void 0,
-								bold: opt.header || isFocused && !opt.disabled,
-								dimColor: !opt.header && (!isFocused || opt.disabled),
-								children: label
-							})
-						]
-					}, flatIdx);
-				})
+				children: colOpts.map((opt, rowIdx) => renderOption(opt, colIdx * rows + rowIdx))
 			}, colIdx))
 		})]
 	});
@@ -4838,67 +4951,76 @@ const MultiPickerMenu = ({ message, options, centered = false, columns = 1, opti
 	const [onButton, setOnButton] = useState(false);
 	const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
 	const rows = Math.ceil(options.length / columns);
+	const rowCost = options.reduce((max, opt) => Math.max(max, 1 + optionMarginBottom + (opt.description ? wordWrap(opt.description, DESCRIPTION_WIDTH).length : 0)), 1);
+	const viewport = usePickerViewport(options.length, rowCost, CONFIRM_CHROME, columns === 1, focused);
 	useEffect(() => {
 		if (focused >= options.length || options[focused]?.disabled) setFocused(firstEnabled(options));
 	}, [options, focused]);
 	const confirm = () => {
 		onSelect([...selected].sort((a, b) => a - b).map((i) => options[i].value));
 	};
-	const bindings = [{
-		match: ["upArrow", "downArrow"],
-		label: "↑↓",
-		action: "navigate",
-		handler: (_input, key) => {
-			if (key.upArrow) {
+	const bindings = [
+		{
+			match: ["upArrow", "downArrow"],
+			label: "↑↓",
+			action: "navigate",
+			handler: (_input, key) => {
+				const dir = key.upArrow ? -1 : 1;
 				if (onButton) {
 					setOnButton(false);
-					setFocused(lastEnabled(options));
+					setFocused(dir === -1 ? lastEnabled(options, viewport.start, viewport.end) : firstEnabled(options, viewport.start, viewport.end));
 					return;
 				}
-				const col = Math.floor(focused / rows);
-				let r = focused % rows - 1;
-				while (r >= 0 && options[col * rows + r]?.disabled) r--;
-				if (r >= 0) setFocused(col * rows + r);
-				else setOnButton(true);
-			}
-			if (key.downArrow) {
-				if (onButton) {
-					setOnButton(false);
-					setFocused(firstEnabled(options));
+				if (columns === 1) {
+					let r = focused + dir;
+					while (r >= viewport.start && r < viewport.end && options[r]?.disabled) r += dir;
+					if (r >= viewport.start && r < viewport.end) setFocused(r);
+					else setOnButton(true);
 					return;
 				}
 				const col = Math.floor(focused / rows);
 				const row = focused % rows;
 				const colLen = Math.min(rows, options.length - col * rows);
-				let r = row + 1;
-				while (r < colLen && options[col * rows + r]?.disabled) r++;
-				if (r < colLen) setFocused(col * rows + r);
+				let r = row + dir;
+				while (r >= 0 && r < colLen && options[col * rows + r]?.disabled) r += dir;
+				if (r >= 0 && r < colLen) setFocused(col * rows + r);
 				else setOnButton(true);
 			}
-		}
-	}, {
-		match: ["space", "return"],
-		label: "enter",
-		action: "select",
-		handler: () => {
-			if (onButton) {
-				confirm();
-				return;
+		},
+		...viewport.needsScroll ? [{
+			match: ["n", "p"],
+			label: "n/p",
+			action: "page",
+			handler: (input) => {
+				const target = viewport.pageStep(focused, input === "n" ? 1 : -1);
+				setOnButton(false);
+				setFocused(options[target]?.disabled ? stepEnabled(options, rows, target, 1) : target);
 			}
-			if (options[focused]?.disabled) return;
-			setSelected((prev) => {
-				const next = new Set(prev);
-				if (next.has(focused)) {
-					next.delete(focused);
-					return next;
+		}] : [],
+		{
+			match: ["space", "return"],
+			label: "enter",
+			action: "select",
+			handler: () => {
+				if (onButton) {
+					confirm();
+					return;
 				}
-				if (options[focused]?.exclusive) return new Set([focused]);
-				for (const i of next) if (options[i]?.exclusive) next.delete(i);
-				next.add(focused);
-				return next;
-			});
+				if (options[focused]?.disabled) return;
+				setSelected((prev) => {
+					const next = new Set(prev);
+					if (next.has(focused)) {
+						next.delete(focused);
+						return next;
+					}
+					if (options[focused]?.exclusive) return new Set([focused]);
+					for (const i of next) if (options[i]?.exclusive) next.delete(i);
+					next.add(focused);
+					return next;
+				});
+			}
 		}
-	}];
+	];
 	if (columns > 1) bindings.splice(1, 0, {
 		match: ["leftArrow", "rightArrow"],
 		label: "←→",
@@ -4923,57 +5045,72 @@ const MultiPickerMenu = ({ message, options, centered = false, columns = 1, opti
 	useKeyBindings("multi-picker", bindings);
 	const columnArrays = [];
 	for (let c = 0; c < columns; c++) columnArrays.push(options.slice(c * rows, c * rows + rows));
+	const renderOption = (opt, flatIdx) => {
+		const isFocused = !onButton && flatIdx === focused;
+		const isSelected = selected.has(flatIdx);
+		const label = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;
+		const checkbox = isSelected ? Icons.squareFilled : Icons.squareOpen;
+		return /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			marginBottom: optionMarginBottom,
+			children: [/* @__PURE__ */ jsxs(Box, {
+				gap: 1,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						color: isSelected ? "white" : Colors.muted,
+						dimColor: !isFocused && !isSelected,
+						children: checkbox
+					}),
+					opt.icon && /* @__PURE__ */ jsx(Text, {
+						color: opt.icon.color,
+						children: opt.icon.glyph
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						color: opt.disabled ? Colors.muted : isFocused ? Colors.accent : void 0,
+						bold: isFocused && !opt.disabled,
+						dimColor: !isFocused || opt.disabled,
+						children: label
+					})
+				]
+			}), opt.description && /* @__PURE__ */ jsx(Box, {
+				marginLeft: 4,
+				width: DESCRIPTION_WIDTH,
+				children: /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					wrap: "wrap",
+					children: opt.description
+				})
+			})]
+		}, flatIdx);
+	};
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		alignItems: centered ? "center" : void 0,
 		children: [
 			/* @__PURE__ */ jsx(PromptLabel, { message }),
-			/* @__PURE__ */ jsx(Box, {
+			viewport.needsScroll ? /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginLeft: centered ? 0 : 2,
+				marginTop: message ? 1 : 0,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: viewport.hiddenAbove > 0 ? `↑ ${viewport.hiddenAbove} more [P] for previous page` : " "
+					}),
+					options.slice(viewport.start, viewport.end).map((opt, relIdx) => renderOption(opt, viewport.start + relIdx)),
+					/* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: viewport.hiddenBelow > 0 ? `↓ ${viewport.hiddenBelow} more [N] for next page` : " "
+					})
+				]
+			}) : /* @__PURE__ */ jsx(Box, {
 				flexDirection: "row",
 				gap: 4,
 				marginLeft: centered ? 0 : 2,
-				marginTop: 1,
+				marginTop: message ? 1 : 0,
 				children: columnArrays.map((colOpts, colIdx) => /* @__PURE__ */ jsx(Box, {
 					flexDirection: "column",
-					children: colOpts.map((opt, rowIdx) => {
-						const flatIdx = colIdx * rows + rowIdx;
-						const isFocused = !onButton && flatIdx === focused;
-						const isSelected = selected.has(flatIdx);
-						const label = opt.hint ? `${opt.label} (${opt.hint})` : opt.label;
-						const checkbox = isSelected ? Icons.squareFilled : Icons.squareOpen;
-						return /* @__PURE__ */ jsxs(Box, {
-							flexDirection: "column",
-							marginBottom: optionMarginBottom,
-							children: [/* @__PURE__ */ jsxs(Box, {
-								gap: 1,
-								children: [
-									/* @__PURE__ */ jsx(Text, {
-										color: isSelected ? "white" : Colors.muted,
-										dimColor: !isFocused && !isSelected,
-										children: checkbox
-									}),
-									opt.icon && /* @__PURE__ */ jsx(Text, {
-										color: opt.icon.color,
-										children: opt.icon.glyph
-									}),
-									/* @__PURE__ */ jsx(Text, {
-										color: opt.disabled ? Colors.muted : isFocused ? Colors.accent : void 0,
-										bold: isFocused && !opt.disabled,
-										dimColor: !isFocused || opt.disabled,
-										children: label
-									})
-								]
-							}), opt.description && /* @__PURE__ */ jsx(Box, {
-								marginLeft: 4,
-								width: 56,
-								children: /* @__PURE__ */ jsx(Text, {
-									dimColor: true,
-									wrap: "wrap",
-									children: opt.description
-								})
-							})]
-						}, flatIdx);
-					})
+					children: colOpts.map((opt, rowIdx) => renderOption(opt, colIdx * rows + rowIdx))
 				}, colIdx))
 			}),
 			/* @__PURE__ */ jsx(Box, {
@@ -5169,7 +5306,7 @@ async function runDoctorCI(options) {
 	getUI().intro("Welcome to the PostHog setup wizard");
 	getUI().log.info("Running posthog-doctor in CI mode");
 	try {
-		const { getOrAskForProjectData } = await import("./setup-utils-QwrY_J01.js").then((n) => n.r);
+		const { getOrAskForProjectData } = await import("./setup-utils-t0jzKwBE.js").then((n) => n.r);
 		const { host, accessToken, projectId } = await getOrAskForProjectData({
 			signup: false,
 			ci: true,
@@ -5187,7 +5324,7 @@ async function runDoctorCI(options) {
 		for (const issue of sorted) getUI().log.info(`  • [${issue.severity}] ${getKindMeta(issue.kind).title}`);
 		process.exit(1);
 	} catch (error) {
-		const { ApiError } = await import("./api-Dpnv0jVL.js").then((n) => n.n);
+		const { ApiError } = await import("./api-CXk-efCU.js").then((n) => n.n);
 		const message = error instanceof ApiError && error.statusCode === 401 ? "Your PostHog API key is invalid or expired." : error instanceof Error ? error.message : String(error);
 		getUI().log.error(`Doctor failed: ${message}`);
 		process.exit(1);
@@ -5269,7 +5406,7 @@ function runSlackConnect(argv) {
 	(async () => {
 		const debug = argv.debug;
 		try {
-			const { startTUI } = await import("./start-tui-DHEtMtnm.js");
+			const { startTUI } = await import("./start-tui-CK3rpaKD.js");
 			const { buildSession } = await import("./wizard-session-C5lZPPEc.js");
 			const tui = startTUI(VERSION, Program.SlackConnect);
 			tui.store.session = buildSession({
@@ -5552,6 +5689,6 @@ function resolveInstallDir() {
 }
 Wizard.use(basicIntegrationCommand).use(mcpCommand).use(mcpAnalyticsCommand).use(aiObservabilityCommand).use(cliCommand).use(auditCommand).use(doctorCommand).use(migrateCommand).use(revenueCommand).use(warehouseCommand).use(selfDrivingCommand).use(slackCommand).use(uploadSourcemapsCommand).use(skillCommand).init();
 //#endregion
-export { STRIPE_SDKS as S, SOURCE_MAPS_CONTEXT_KEYS as _, ConfirmButton as a, getContentBlocks$3 as b, runWizardCI as c, Program as d, getProgramConfig as f, DISPLAY_NAME as g, AUTOMATABLE_VARIANTS as h, useKeyboardHintsContext as i, runWizard as l, SELF_DRIVING_INTEGRATE_PATH_KEY as m, useKeyBindings as n, PromptLabel as o, detectSelfDrivingIntegrationProjects as p, KeyboardHintsProvider as r, runWizardHeadless as s, PickerMenu as t, PROGRAM_REGISTRY as u, getKindMeta as v, POSTHOG_SDKS as x, fetchHealthIssues as y };
+export { STRIPE_SDKS as C, POSTHOG_SDKS as S, DISPLAY_NAME as _, useStdoutDimensions as a, fetchHealthIssues as b, runWizardHeadless as c, PROGRAM_REGISTRY as d, Program as f, AUTOMATABLE_VARIANTS as g, SELF_DRIVING_INTEGRATE_PATH_KEY as h, useKeyboardHintsContext as i, runWizardCI as l, detectSelfDrivingIntegrationProjects as m, useKeyBindings as n, ConfirmButton as o, getProgramConfig as p, KeyboardHintsProvider as r, PromptLabel as s, PickerMenu as t, runWizard as u, SOURCE_MAPS_CONTEXT_KEYS as v, getContentBlocks$3 as x, getKindMeta as y };
 
 //# sourceMappingURL=bin.js.map