@posthog/wizard 2.10.3 → 2.11.0

package/dist/{McpScreen-23GY1pWz.js → McpScreen-DvUncZBi.js}

@@ -1,8 +1,10 @@
-import { n as analytics, r as sessionProperties } from "./analytics-xANpxdVL.js";
-import { r as buildSession } from "./wizard-session-Db6R023m.js";
-import { t as SERVICE_LABELS } from "./readiness-BAgN8xAg.js";
-import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-DoVkE0gW.js";
-import { i as WORKFLOW_STEPS, t as WizardRouter } from "./router-D5A1Sb4p.js";
+import { n as analytics, r as sessionProperties } from "./analytics-D3rY3TaN.js";
+import { n as isTaskStatus } from "./wizard-ui-BExOjdjA.js";
+import { r as buildSession } from "./wizard-session-D5bggSsu.js";
+import { t as SERVICE_LABELS } from "./readiness-gQvQNCeL.js";
+import { n as getKindMeta } from "./bin.js";
+import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-CPH6eWhN.js";
+import { i as WORKFLOW_STEPS, t as WizardRouter } from "./router-SgzmfLGi.js";
 import * as fs$1 from "fs";
 import { Box, Text, measureElement, useInput, useStdout } from "ink";
 import { Component, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -33,6 +35,7 @@ var WizardStore = class {
 	$learnCardBlockIdx = atom(0);
 	$learnCardComplete = atom(false);
 	$version = atom(0);
+	_onTasksChanged = null;
 	/** Last screen seen — used to detect screen transitions for analytics. */
 	_lastScreen = null;
 	/** Hooks run when transitioning onto a screen. */
@@ -414,16 +417,24 @@ var WizardStore = class {
 		this.emitChange();
 	}
 	syncTodos(todos) {
-		const incoming = todos.map((t) => ({
-			label: t.content,
-			activeForm: t.activeForm,
-			status: t.status || "pending",
-			done: t.status === "completed"
-		}));
+		const incoming = todos.map((t) => {
+			const status = isTaskStatus(t.status) ? t.status : "pending";
+			return {
+				label: t.content,
+				activeForm: t.activeForm,
+				status,
+				done: status === "completed"
+			};
+		});
 		const incomingLabels = new Set(incoming.map((t) => t.label));
 		const retained = this.$tasks.get().filter((t) => t.done && !incomingLabels.has(t.label));
 		this.$tasks.set([...retained, ...incoming]);
 		this.emitChange();
+		this._onTasksChanged?.();
+	}
+	/** Register a listener for task state changes (e.g. task stream push). */
+	set onTasksChanged(fn) {
+		this._onTasksChanged = fn;
 	}
 	subscribe(callback) {
 		return this.$version.listen(() => callback());
@@ -3185,6 +3196,120 @@ const ServiceHealthList = ({ health, filterKeys, showHealthy = true }) => {
 	});
 };
 //#endregion
+//#region src/ui/tui/screens/doctor/IssueTable.tsx
+const SEVERITY_ORDER = [
+	"critical",
+	"warning",
+	"info"
+];
+const SEVERITY_COLOR = {
+	critical: Colors.error,
+	warning: Colors.accent,
+	info: Colors.primary
+};
+const SEVERITY_LABEL = {
+	critical: "Critical",
+	warning: "Warning",
+	info: "Info"
+};
+const ICON_COL = 2;
+const ROW_GAP = 2;
+const NARROW_TERM_THRESHOLD = 90;
+const MAX_DOCS_WIDTH = 50;
+const MIN_DOCS_WIDTH = 20;
+function computeDocsWidth(termCols) {
+	if (termCols < NARROW_TERM_THRESHOLD) return 0;
+	const inner = termCols - 12;
+	return Math.min(MAX_DOCS_WIDTH, Math.max(MIN_DOCS_WIDTH, Math.floor(inner * .45)));
+}
+const IssueTable = ({ issues }) => {
+	const [termCols] = useStdoutDimensions();
+	const docsWidth = computeDocsWidth(termCols);
+	const grouped = {};
+	for (const issue of issues) (grouped[issue.severity] ??= []).push(issue);
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		children: SEVERITY_ORDER.map((sev) => {
+			const list = grouped[sev];
+			if (!list || list.length === 0) return null;
+			return /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: [/* @__PURE__ */ jsxs(Text, {
+					bold: true,
+					color: SEVERITY_COLOR[sev],
+					children: [
+						SEVERITY_LABEL[sev],
+						" (",
+						list.length,
+						")"
+					]
+				}), list.map((issue) => /* @__PURE__ */ jsx(IssueRow, {
+					issue,
+					docsWidth
+				}, issue.id))]
+			}, sev);
+		})
+	});
+};
+const IssueRow = ({ issue, docsWidth }) => {
+	const meta = getKindMeta(issue.kind);
+	const sevColor = SEVERITY_COLOR[issue.severity];
+	if (docsWidth === 0) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+			width: ICON_COL,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: sevColor,
+				children: Icons.squareFilled
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			flexGrow: 1,
+			flexShrink: 1,
+			overflow: "hidden",
+			children: /* @__PURE__ */ jsx(Text, {
+				wrap: "truncate",
+				children: meta.title
+			})
+		})] }), /* @__PURE__ */ jsx(Box, {
+			paddingLeft: ICON_COL,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: Colors.primary,
+				wrap: "truncate",
+				children: meta.docsUrl
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsx(Box, {
+			width: ICON_COL,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: sevColor,
+				children: Icons.squareFilled
+			})
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			flexGrow: 1,
+			flexShrink: 1,
+			overflow: "hidden",
+			marginRight: ROW_GAP,
+			children: /* @__PURE__ */ jsx(Text, {
+				wrap: "truncate",
+				children: meta.title
+			})
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			width: docsWidth,
+			flexShrink: 0,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: Colors.primary,
+				wrap: "truncate",
+				children: meta.docsUrl
+			})
+		})
+	] });
+};
+//#endregion
 //#region src/ui/tui/screens/McpScreen.tsx
 /**
 * McpScreen — MCP server install/remove flow.
@@ -3209,6 +3334,7 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	const [clients, setClients] = useState([]);
 	const [selectedClientNames, setSelectedClientNames] = useState([]);
 	const [resultClients, setResultClients] = useState([]);
+	const [pluginClients, setPluginClients] = useState([]);
 	useEffect(() => {
 		(async () => {
 			try {
@@ -3241,16 +3367,19 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	};
 	const doInstall = async (names, features) => {
 		setPhase("working");
-		let result = [];
+		let mcpResult = [];
+		let pluginResult = [];
 		try {
-			result = await installer.install(names, features, store.session.apiKey);
-			setResultClients(result);
-		} catch {
-			setResultClients([]);
-		}
+			mcpResult = await installer.install(names, features, store.session.apiKey);
+		} catch {}
+		try {
+			pluginResult = await installer.installPlugins(names);
+		} catch {}
+		setResultClients(mcpResult);
+		setPluginClients(pluginResult);
 		setPhase("done");
-		const outcome = result.length > 0 ? "installed" : "failed";
-		setTimeout(() => markDone(store, outcome, result), 2e3);
+		const outcome = mcpResult.length > 0 ? "installed" : "failed";
+		setTimeout(() => markDone(store, outcome, mcpResult), 2e3);
 	};
 	const doRemove = async () => {
 		setPhase("working");
@@ -3294,8 +3423,8 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 				}), /* @__PURE__ */ jsx(Box, {
 					marginTop: 1,
 					children: /* @__PURE__ */ jsx(ConfirmationInput, {
-						message: isRemove ? "Remove the PostHog MCP server from your editor?" : "Install the PostHog MCP server to your editor?",
-						confirmLabel: isRemove ? "Remove MCP" : "Install MCP",
+						message: `${isRemove ? "Remove" : "Install"} the PostHog MCP server${clients.some((c) => c.supportsPlugin) ? " and plugin" : ""}?`,
+						confirmLabel: isRemove ? "Remove" : "Install",
 						cancelLabel: "No thanks",
 						onConfirm: handleConfirm,
 						onCancel: handleSkip
@@ -3332,6 +3461,7 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 						children: [
 							"✔",
 							" MCP server",
+							!isRemove && pluginClients.length > 0 ? " and plugin" : "",
 							" ",
 							isRemove ? "removed from" : "installed for",
 							":"
@@ -3351,6 +3481,6 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	});
 };
 //#endregion
-export { SplitView as _, HNViewer as a, Icons as b, EventPlanViewer as c, ConfirmationInput as d, GroupedPickerMenu as f, LoadingBox as g, ProgressList as h, LearnCard as i, LogViewer as l, PickerMenu as m, ServiceHealthList as n, TabContainer as o, useStdoutDimensions as p, TipsCard as r, ScreenContainer as s, McpScreen as t, ModalOverlay as u, CardLayout as v, WizardStore as x, Colors as y };
+export { Icons as C, Colors as S, PickerMenu as _, ServiceHealthList as a, SplitView as b, HNViewer as c, EventPlanViewer as d, LogViewer as f, useStdoutDimensions as g, GroupedPickerMenu as h, SEVERITY_ORDER as i, TabContainer as l, ConfirmationInput as m, IssueTable as n, TipsCard as o, ModalOverlay as p, SEVERITY_LABEL as r, LearnCard as s, McpScreen as t, ScreenContainer as u, ProgressList as v, WizardStore as w, CardLayout as x, LoadingBox as y };
 
-//# sourceMappingURL=McpScreen-23GY1pWz.js.map
+//# sourceMappingURL=McpScreen-DvUncZBi.js.map