@posthog/wizard 1.36.1 → 2.0.0

package/dist/src/ui/tui/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../../../src/ui/tui/router.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAC;AAEjE,gEAAgE;AAChE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AAGxB,yEAAyE;AAEzE,+CAA+C;AAC/C,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,iDAAsC,CAAA;AACxC,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAKD,yEAAyE;AAEzE,MAAM,OAAO,YAAY;IACf,IAAI,CAAc;IAClB,QAAQ,CAAO;IACf,QAAQ,GAAc,EAAE,CAAC;IAEjC,YAAY,WAAiB,IAAI,CAAC,MAAM;QACtC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACH,OAAO,CAAC,OAAsB;QAC5B,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,CAAC;QAED,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;gBAAE,SAAS;YACjD,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;gBAAE,SAAS;YAC5D,OAAO,KAAK,CAAC,MAAM,CAAC;QACtB,CAAC;QAED,sDAAsD;QACtD,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,CAAC;IAED,oDAAoD;IACpD,IAAI,YAAY;QACd,uDAAuD;QACvD,uEAAuE;QACvE,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,mCAAmC;IACnC,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,8CAA8C;IAC9C,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,CAAC;IAED;;;OAGG;IACH,WAAW,CAAC,OAAgB;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,UAAU;QACR,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACK,cAAc,GAA0B,IAAI,CAAC;IAErD,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,6DAA6D;IAC7D,aAAa,CAAC,GAA0B;QACtC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;IAC5B,CAAC;CACF","sourcesContent":["/**\n * WizardRouter — declarative flow pipelines + overlay stack.\n *\n * Two layers:\n *   Flow cursor    — linear pipeline of screens, advanced with next()\n *   Overlay stack  — interrupts (outage, auth-expired, etc.) that push/pop\n *\n * The visible screen is: top of overlay stack if non-empty, otherwise the flow cursor.\n *\n * Adding a flow screen = append to a pipeline array.\n * Adding an overlay = call pushOverlay() from anywhere.\n * No switch statements, no hardcoded transitions in business logic.\n */\n\nimport type { WizardSession } from '../../lib/wizard-session.js';\nimport { FLOWS, Screen, Flow, type FlowEntry } from './flows.js';\n\n// Re-export so existing imports from './router.js' keep working\nexport { Screen, Flow };\nexport type { FlowEntry };\n\n// ── Screen name taxonomy ──────────────────────────────────────────────\n\n/** Screens that interrupt flows as overlays */\nexport enum Overlay {\n  Outage = 'outage',\n  SettingsOverride = 'settings-override',\n}\n\n/** Union of all screen names */\nexport type ScreenName = Screen | Overlay;\n\n// ── Router ────────────────────────────────────────────────────────────\n\nexport class WizardRouter {\n  private flow: FlowEntry[];\n  private flowName: Flow;\n  private overlays: Overlay[] = [];\n\n  constructor(flowName: Flow = Flow.Wizard) {\n    this.flowName = flowName;\n    this.flow = FLOWS[flowName];\n  }\n\n  /**\n   * Resolve which screen should be active based on session state.\n   * Walks the flow pipeline, skipping hidden entries and completed entries,\n   * returns the first incomplete screen.\n   */\n  resolve(session: WizardSession): ScreenName {\n    if (this.overlays.length > 0) {\n      return this.overlays[this.overlays.length - 1];\n    }\n\n    for (const entry of this.flow) {\n      if (entry.show && !entry.show(session)) continue;\n      if (entry.isComplete && entry.isComplete(session)) continue;\n      return entry.screen;\n    }\n\n    // All entries complete — show the last screen (outro)\n    return this.flow[this.flow.length - 1].screen;\n  }\n\n  /** The screen that should be rendered right now. */\n  get activeScreen(): ScreenName {\n    // Overlays take priority — resolve() handles this too,\n    // but activeScreen is called before session is available in some paths\n    if (this.overlays.length > 0) {\n      return this.overlays[this.overlays.length - 1];\n    }\n    return this.flow[0].screen;\n  }\n\n  /** The name of the active flow. */\n  get activeFlow(): Flow {\n    return this.flowName;\n  }\n\n  /** Whether an overlay is currently active. */\n  get hasOverlay(): boolean {\n    return this.overlays.length > 0;\n  }\n\n  /**\n   * Push an overlay that interrupts the current flow.\n   * The flow resumes when the overlay is dismissed via popOverlay().\n   */\n  pushOverlay(overlay: Overlay): void {\n    this.overlays.push(overlay);\n  }\n\n  /**\n   * Dismiss the topmost overlay. The flow screen underneath resumes.\n   */\n  popOverlay(): void {\n    this.overlays.pop();\n  }\n\n  /**\n   * Direction hint for screen transitions.\n   */\n  private _lastDirection: 'push' | 'pop' | null = null;\n\n  get lastNavDirection(): 'push' | 'pop' | null {\n    return this._lastDirection;\n  }\n\n  /** @internal — called by store wrapper to track direction */\n  _setDirection(dir: 'push' | 'pop' | null): void {\n    this._lastDirection = dir;\n  }\n}\n"]}

package/dist/src/ui/tui/screen-registry.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Screen registry — maps screen names to React components.
+ *
+ * Adding a new screen:
+ *   1. Create the component in screens/
+ *   2. Add an entry here
+ *   3. Add the screen name to the router flow (router.ts)
+ *
+ * App.tsx never needs to change.
+ */
+import type { ReactNode } from 'react';
+import type { WizardStore } from './store.js';
+import { type ScreenName } from './router.js';
+import type { McpInstaller } from './services/mcp-installer.js';
+export interface ScreenServices {
+    mcpInstaller: McpInstaller;
+}
+export declare function createServices(): ScreenServices;
+export declare function createScreens(store: WizardStore, services: ScreenServices): Record<ScreenName, ReactNode>;

package/dist/src/ui/tui/screen-registry.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Screen, Overlay } from './router.js';
+import { OutageScreen } from './screens/OutageScreen.js';
+import { SettingsOverrideScreen } from './screens/SettingsOverrideScreen.js';
+import { IntroScreen } from './screens/IntroScreen.js';
+import { SetupScreen } from './screens/SetupScreen.js';
+import { AuthScreen } from './screens/AuthScreen.js';
+import { RunScreen } from './screens/RunScreen.js';
+import { McpScreen } from './screens/McpScreen.js';
+import { OutroScreen } from './screens/OutroScreen.js';
+import { createMcpInstaller } from './services/mcp-installer.js';
+export function createServices() {
+    return {
+        mcpInstaller: createMcpInstaller(),
+    };
+}
+export function createScreens(store, services) {
+    return {
+        // Overlays
+        [Overlay.Outage]: _jsx(OutageScreen, { store: store }),
+        [Overlay.SettingsOverride]: _jsx(SettingsOverrideScreen, { store: store }),
+        // Wizard flow
+        [Screen.Intro]: _jsx(IntroScreen, { store: store }),
+        [Screen.Setup]: _jsx(SetupScreen, { store: store }),
+        [Screen.Auth]: _jsx(AuthScreen, { store: store }),
+        [Screen.Run]: _jsx(RunScreen, { store: store }),
+        [Screen.Mcp]: _jsx(McpScreen, { store: store, installer: services.mcpInstaller }),
+        [Screen.Outro]: _jsx(OutroScreen, { store: store }),
+        // Standalone MCP flows
+        [Screen.McpAdd]: (_jsx(McpScreen, { store: store, installer: services.mcpInstaller, standalone: true })),
+        [Screen.McpRemove]: (_jsx(McpScreen, { store: store, installer: services.mcpInstaller, mode: "remove", standalone: true })),
+    };
+}
+//# sourceMappingURL=screen-registry.js.map

package/dist/src/ui/tui/screen-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-registry.js","sourceRoot":"","sources":["../../../../src/ui/tui/screen-registry.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAmB,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAOjE,MAAM,UAAU,cAAc;IAC5B,OAAO;QACL,YAAY,EAAE,kBAAkB,EAAE;KACnC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,KAAkB,EAClB,QAAwB;IAExB,OAAO;QACL,WAAW;QACX,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI;QAChD,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,KAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,GAAI;QAEpE,cAAc;QACd,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;QAC7C,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;QAC7C,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI;QAC3C,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI;QACzC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,YAAY,GAAI;QAC3E,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;QAE7C,uBAAuB;QACvB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CACf,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,YAAY,EAAE,UAAU,SAAG,CACzE;QACD,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAClB,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,QAAQ,CAAC,YAAY,EAChC,IAAI,EAAC,QAAQ,EACb,UAAU,SACV,CACH;KACF,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Screen registry — maps screen names to React components.\n *\n * Adding a new screen:\n *   1. Create the component in screens/\n *   2. Add an entry here\n *   3. Add the screen name to the router flow (router.ts)\n *\n * App.tsx never needs to change.\n */\n\nimport type { ReactNode } from 'react';\nimport type { WizardStore } from './store.js';\nimport { Screen, Overlay, type ScreenName } from './router.js';\n\nimport { OutageScreen } from './screens/OutageScreen.js';\nimport { SettingsOverrideScreen } from './screens/SettingsOverrideScreen.js';\nimport { IntroScreen } from './screens/IntroScreen.js';\nimport { SetupScreen } from './screens/SetupScreen.js';\nimport { AuthScreen } from './screens/AuthScreen.js';\nimport { RunScreen } from './screens/RunScreen.js';\nimport { McpScreen } from './screens/McpScreen.js';\nimport { OutroScreen } from './screens/OutroScreen.js';\nimport { createMcpInstaller } from './services/mcp-installer.js';\nimport type { McpInstaller } from './services/mcp-installer.js';\n\nexport interface ScreenServices {\n  mcpInstaller: McpInstaller;\n}\n\nexport function createServices(): ScreenServices {\n  return {\n    mcpInstaller: createMcpInstaller(),\n  };\n}\n\nexport function createScreens(\n  store: WizardStore,\n  services: ScreenServices,\n): Record<ScreenName, ReactNode> {\n  return {\n    // Overlays\n    [Overlay.Outage]: <OutageScreen store={store} />,\n    [Overlay.SettingsOverride]: <SettingsOverrideScreen store={store} />,\n\n    // Wizard flow\n    [Screen.Intro]: <IntroScreen store={store} />,\n    [Screen.Setup]: <SetupScreen store={store} />,\n    [Screen.Auth]: <AuthScreen store={store} />,\n    [Screen.Run]: <RunScreen store={store} />,\n    [Screen.Mcp]: <McpScreen store={store} installer={services.mcpInstaller} />,\n    [Screen.Outro]: <OutroScreen store={store} />,\n\n    // Standalone MCP flows\n    [Screen.McpAdd]: (\n      <McpScreen store={store} installer={services.mcpInstaller} standalone />\n    ),\n    [Screen.McpRemove]: (\n      <McpScreen\n        store={store}\n        installer={services.mcpInstaller}\n        mode=\"remove\"\n        standalone\n      />\n    ),\n  };\n}\n"]}

package/dist/src/ui/tui/screens/AuthScreen.d.ts

@@ -0,0 +1,13 @@
+/**
+ * AuthScreen — Shown while waiting for OAuth authentication.
+ *
+ * Displays framework detection results, beta/disclosure notices,
+ * a waiting spinner, and the login URL when available.
+ * The router resolves past this screen once session.credentials is set.
+ */
+import type { WizardStore } from '../store.js';
+interface AuthScreenProps {
+    store: WizardStore;
+}
+export declare const AuthScreen: ({ store }: AuthScreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/tui/screens/AuthScreen.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AuthScreen — Shown while waiting for OAuth authentication.
+ *
+ * Displays framework detection results, beta/disclosure notices,
+ * a waiting spinner, and the login URL when available.
+ * The router resolves past this screen once session.credentials is set.
+ */
+import { Box, Text } from 'ink';
+import { useSyncExternalStore } from 'react';
+import { LoadingBox } from '../primitives/index.js';
+import { Colors } from '../styles.js';
+export const AuthScreen = ({ store }) => {
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    const { session } = store;
+    const config = session.frameworkConfig;
+    const frameworkLabel = session.detectedFrameworkLabel ?? config?.metadata.name;
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: Colors.accent, children: "PostHog Setup Wizard" }), frameworkLabel && (_jsxs(Text, { children: [_jsxs(Text, { color: "green", children: ['\u2714', " "] }), _jsxs(Text, { children: ["Framework: ", frameworkLabel] })] })), config?.metadata.beta && (_jsxs(Text, { color: "yellow", children: ["[BETA] The ", config.metadata.name, " wizard is in beta. Questions or feedback? Email wizard@posthog.com"] })), config?.metadata.preRunNotice && (_jsx(Text, { color: "yellow", children: config.metadata.preRunNotice }))] }), _jsx(LoadingBox, { message: "Waiting for authentication..." }), session.loginUrl && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "If the browser didn't open, copy and paste this URL:" }), _jsx(Text, { color: "cyan", children: session.loginUrl })] }))] }));
+};
+//# sourceMappingURL=AuthScreen.js.map

package/dist/src/ui/tui/screens/AuthScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthScreen.js","sourceRoot":"","sources":["../../../../../src/ui/tui/screens/AuthScreen.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAMtC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAmB,EAAE,EAAE;IACvD,oBAAoB,CAClB,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAC1B,CAAC;IAEF,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC;IACvC,MAAM,cAAc,GAClB,OAAO,CAAC,sBAAsB,IAAI,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC;IAE1D,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,aACrC,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,aACzC,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,qCAExB,EAEN,cAAc,IAAI,CACjB,MAAC,IAAI,eACH,MAAC,IAAI,IAAC,KAAK,EAAC,OAAO,aAAE,QAAQ,SAAS,EACtC,MAAC,IAAI,8BAAa,cAAc,IAAQ,IACnC,CACR,EAEA,MAAM,EAAE,QAAQ,CAAC,IAAI,IAAI,CACxB,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,4BACN,MAAM,CAAC,QAAQ,CAAC,IAAI,2EAE3B,CACR,EAEA,MAAM,EAAE,QAAQ,CAAC,YAAY,IAAI,CAChC,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,YAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,GAAQ,CAC3D,IACG,EAEN,KAAC,UAAU,IAAC,OAAO,EAAC,+BAA+B,GAAG,EAErD,OAAO,CAAC,QAAQ,IAAI,CACnB,MAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ,aACvC,KAAC,IAAI,IAAC,QAAQ,2EAEP,EACP,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,OAAO,CAAC,QAAQ,GAAQ,IACxC,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * AuthScreen — Shown while waiting for OAuth authentication.\n *\n * Displays framework detection results, beta/disclosure notices,\n * a waiting spinner, and the login URL when available.\n * The router resolves past this screen once session.credentials is set.\n */\n\nimport { Box, Text } from 'ink';\nimport { useSyncExternalStore } from 'react';\nimport type { WizardStore } from '../store.js';\nimport { LoadingBox } from '../primitives/index.js';\nimport { Colors } from '../styles.js';\n\ninterface AuthScreenProps {\n  store: WizardStore;\n}\n\nexport const AuthScreen = ({ store }: AuthScreenProps) => {\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const { session } = store;\n  const config = session.frameworkConfig;\n  const frameworkLabel =\n    session.detectedFrameworkLabel ?? config?.metadata.name;\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold color={Colors.accent}>\n          PostHog Setup Wizard\n        </Text>\n\n        {frameworkLabel && (\n          <Text>\n            <Text color=\"green\">{'\\u2714'} </Text>\n            <Text>Framework: {frameworkLabel}</Text>\n          </Text>\n        )}\n\n        {config?.metadata.beta && (\n          <Text color=\"yellow\">\n            [BETA] The {config.metadata.name} wizard is in beta. Questions or\n            feedback? Email wizard@posthog.com\n          </Text>\n        )}\n\n        {config?.metadata.preRunNotice && (\n          <Text color=\"yellow\">{config.metadata.preRunNotice}</Text>\n        )}\n      </Box>\n\n      <LoadingBox message=\"Waiting for authentication...\" />\n\n      {session.loginUrl && (\n        <Box marginTop={1} flexDirection=\"column\">\n          <Text dimColor>\n            If the browser didn't open, copy and paste this URL:\n          </Text>\n          <Text color=\"cyan\">{session.loginUrl}</Text>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/screens/IntroScreen.d.ts

@@ -0,0 +1,16 @@
+/**
+ * IntroScreen — Welcome, framework detection, and continue/cancel prompt.
+ *
+ * Three states:
+ *   1. Detecting: spinner while bin.ts runs detection
+ *   2. Detection failed: framework picker, then continue/cancel
+ *   3. Detection succeeded: show result, then continue/cancel
+ *
+ * Calls store.completeSetup() which unblocks bin.ts to start runWizard.
+ */
+import type { WizardStore } from '../store.js';
+interface IntroScreenProps {
+    store: WizardStore;
+}
+export declare const IntroScreen: ({ store }: IntroScreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/tui/screens/IntroScreen.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * IntroScreen — Welcome, framework detection, and continue/cancel prompt.
+ *
+ * Three states:
+ *   1. Detecting: spinner while bin.ts runs detection
+ *   2. Detection failed: framework picker, then continue/cancel
+ *   3. Detection succeeded: show result, then continue/cancel
+ *
+ * Calls store.completeSetup() which unblocks bin.ts to start runWizard.
+ */
+import path from 'path';
+import { Box, Text } from 'ink';
+import { useState, useSyncExternalStore } from 'react';
+import { Integration } from '../../../lib/constants.js';
+import { PickerMenu, LoadingBox } from '../primitives/index.js';
+export const IntroScreen = ({ store }) => {
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    const [pickingFramework, setPickingFramework] = useState(false);
+    const [manuallySelected, setManuallySelected] = useState(false);
+    const { session } = store;
+    const config = session.frameworkConfig;
+    const frameworkLabel = session.detectedFrameworkLabel ?? config?.metadata.name;
+    const detecting = !session.detectionComplete;
+    const needsFrameworkPick = session.detectionComplete && !session.frameworkConfig;
+    const showContinue = session.frameworkConfig !== null && !detecting && !pickingFramework;
+    const showDescription = showContinue;
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, alignItems: "center", justifyContent: "center", children: [_jsxs(Box, { flexDirection: "column", alignItems: "center", marginBottom: 1, children: [_jsxs(Text, { bold: true, children: [_jsx(Text, { color: "#1D4AFF", children: '\u2588' }), _jsx(Text, { color: "#F54E00", children: '\u2588' }), _jsx(Text, { color: "#F9BD2B", children: '\u2588' }), detecting ? ' PostHog Wizard starting up' : ' PostHog Wizard 🦔'] }), showDescription && (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "We'll use AI to analyze your project and integrate PostHog." }), _jsx(Text, { dimColor: true, children: ".env* file contents will not leave your machine." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Let's do two hours of work in eight minutes." }) })] }))] }), detecting && (_jsx(Box, { marginY: 1, children: _jsx(LoadingBox, { message: "Detecting project framework..." }) })), needsFrameworkPick && (_jsx(Box, { marginY: 1, children: _jsx(Text, { dimColor: true, children: "Could not auto-detect your framework." }) })), config?.metadata.preRunNotice && (_jsx(Text, { color: "yellow", children: config.metadata.preRunNotice })), (needsFrameworkPick || pickingFramework) && (_jsx(FrameworkPicker, { store: store, onComplete: () => setPickingFramework(false) })), !detecting && !pickingFramework && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsxs(Text, { children: ["Directory ", _jsx(Text, { color: "green", children: '\u2714' }), ' '] }), _jsxs(Text, { children: ['/', path.basename(session.installDir), ' '] })] }), frameworkLabel && (_jsxs(Text, { children: [_jsxs(Text, { children: ["Framework ", _jsx(Text, { color: "green", children: '\u2714' }), ' '] }), _jsxs(Text, { children: [frameworkLabel, !manuallySelected && ' (detected)', ' ', config?.metadata.beta && '[BETA]'] })] })), showContinue && (_jsx(PickerMenu, { options: [
+                            { label: 'Continue', value: 'continue' },
+                            { label: 'Change framework', value: 'framework' },
+                            { label: 'Cancel', value: 'cancel' },
+                        ], onSelect: (value) => {
+                            const choice = Array.isArray(value) ? value[0] : value;
+                            if (choice === 'cancel') {
+                                process.exit(0);
+                            }
+                            else if (choice === 'framework') {
+                                setPickingFramework(true);
+                                setManuallySelected(true);
+                            }
+                            else {
+                                store.completeSetup();
+                            }
+                        } }))] }))] }));
+};
+/** Framework picker shown when auto-detection fails. */
+const FrameworkPicker = ({ store, onComplete, }) => {
+    // Build options from the framework registry (loaded dynamically to avoid circular deps)
+    const options = Object.values(Integration).map((value) => ({
+        label: value,
+        value,
+    }));
+    return (_jsx(PickerMenu, { centered: true, columns: 2, message: "Select your framework", options: options, onSelect: (value) => {
+            const integration = Array.isArray(value) ? value[0] : value;
+            void import('../../../lib/registry.js').then(({ FRAMEWORK_REGISTRY }) => {
+                const config = FRAMEWORK_REGISTRY[integration];
+                store.setFrameworkConfig(integration, config);
+                store.setDetectedFramework(config.metadata.name);
+                onComplete?.();
+            });
+        } }));
+};
+//# sourceMappingURL=IntroScreen.js.map

package/dist/src/ui/tui/screens/IntroScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntroScreen.js","sourceRoot":"","sources":["../../../../../src/ui/tui/screens/IntroScreen.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAMhE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE;IACzD,oBAAoB,CAClB,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAC1B,CAAC;IAEF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC;IACvC,MAAM,cAAc,GAClB,OAAO,CAAC,sBAAsB,IAAI,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC;IAC1D,MAAM,SAAS,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAC7C,MAAM,kBAAkB,GACtB,OAAO,CAAC,iBAAiB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;IACxD,MAAM,YAAY,GAChB,OAAO,CAAC,eAAe,KAAK,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,gBAAgB,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC;IAErC,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,aAEvB,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,aAC7D,MAAC,IAAI,IAAC,IAAI,mBACR,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,YAAE,QAAQ,GAAQ,EACvC,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,YAAE,QAAQ,GAAQ,EACvC,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,YAAE,QAAQ,GAAQ,EACtC,SAAS,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,oBAAoB,IAC5D,EAEN,eAAe,IAAI,CAClB,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,aAC1D,KAAC,IAAI,IAAC,QAAQ,kFAEP,EACP,KAAC,IAAI,IAAC,QAAQ,uEAEP,EACP,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,+DAAoD,GACrD,IACF,CACP,IACG,EAEL,SAAS,IAAI,CACZ,KAAC,GAAG,IAAC,OAAO,EAAE,CAAC,YACb,KAAC,UAAU,IAAC,OAAO,EAAC,gCAAgC,GAAG,GACnD,CACP,EAEA,kBAAkB,IAAI,CACrB,KAAC,GAAG,IAAC,OAAO,EAAE,CAAC,YACb,KAAC,IAAI,IAAC,QAAQ,4DAA6C,GACvD,CACP,EAEA,MAAM,EAAE,QAAQ,CAAC,YAAY,IAAI,CAChC,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,YAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,GAAQ,CAC3D,EAEA,CAAC,kBAAkB,IAAI,gBAAgB,CAAC,IAAI,CAC3C,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAC5C,CACH,EAEA,CAAC,SAAS,IAAI,CAAC,gBAAgB,IAAI,CAClC,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,MAAC,IAAI,eACH,MAAC,IAAI,6BACO,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,QAAQ,GAAQ,EAAC,GAAG,IAC9C,EACP,MAAC,IAAI,eACF,GAAG,EACH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,IAClC,IACF,EACN,cAAc,IAAI,CACjB,MAAC,IAAI,eACH,MAAC,IAAI,6BACO,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,QAAQ,GAAQ,EAAC,GAAG,IAC9C,EACP,MAAC,IAAI,eACF,cAAc,EACd,CAAC,gBAAgB,IAAI,aAAa,EAAE,GAAG,EACvC,MAAM,EAAE,QAAQ,CAAC,IAAI,IAAI,QAAQ,IAC7B,IACF,CACR,EACA,YAAY,IAAI,CACf,KAAC,UAAU,IACT,OAAO,EAAE;4BACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;4BACxC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,EAAE;4BACjD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;yBACrC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;4BACvD,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;gCACxB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;4BAClB,CAAC;iCAAM,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;gCAClC,mBAAmB,CAAC,IAAI,CAAC,CAAC;gCAC1B,mBAAmB,CAAC,IAAI,CAAC,CAAC;4BAC5B,CAAC;iCAAM,CAAC;gCACN,KAAK,CAAC,aAAa,EAAE,CAAC;4BACxB,CAAC;wBACH,CAAC,GACD,CACH,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,wDAAwD;AACxD,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,UAAU,GAIX,EAAE,EAAE;IACH,wFAAwF;IACxF,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzD,KAAK,EAAE,KAAK;QACZ,KAAK;KACN,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,QACR,OAAO,EAAE,CAAC,EACV,OAAO,EAAC,uBAAuB,EAC/B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC5D,KAAK,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAI,CAC1C,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;gBAC/C,KAAK,CAAC,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;gBAC9C,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjD,UAAU,EAAE,EAAE,CAAC;YACjB,CAAC,CACF,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * IntroScreen — Welcome, framework detection, and continue/cancel prompt.\n *\n * Three states:\n *   1. Detecting: spinner while bin.ts runs detection\n *   2. Detection failed: framework picker, then continue/cancel\n *   3. Detection succeeded: show result, then continue/cancel\n *\n * Calls store.completeSetup() which unblocks bin.ts to start runWizard.\n */\n\nimport path from 'path';\nimport { Box, Text } from 'ink';\nimport { useState, useSyncExternalStore } from 'react';\nimport type { WizardStore } from '../store.js';\nimport { Integration } from '../../../lib/constants.js';\nimport { PickerMenu, LoadingBox } from '../primitives/index.js';\n\ninterface IntroScreenProps {\n  store: WizardStore;\n}\n\nexport const IntroScreen = ({ store }: IntroScreenProps) => {\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const [pickingFramework, setPickingFramework] = useState(false);\n  const [manuallySelected, setManuallySelected] = useState(false);\n\n  const { session } = store;\n  const config = session.frameworkConfig;\n  const frameworkLabel =\n    session.detectedFrameworkLabel ?? config?.metadata.name;\n  const detecting = !session.detectionComplete;\n  const needsFrameworkPick =\n    session.detectionComplete && !session.frameworkConfig;\n  const showContinue =\n    session.frameworkConfig !== null && !detecting && !pickingFramework;\n  const showDescription = showContinue;\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      flexGrow={1}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box flexDirection=\"column\" alignItems=\"center\" marginBottom={1}>\n        <Text bold>\n          <Text color=\"#1D4AFF\">{'\\u2588'}</Text>\n          <Text color=\"#F54E00\">{'\\u2588'}</Text>\n          <Text color=\"#F9BD2B\">{'\\u2588'}</Text>\n          {detecting ? ' PostHog Wizard starting up' : ' PostHog Wizard 🦔'}\n        </Text>\n\n        {showDescription && (\n          <Box flexDirection=\"column\" alignItems=\"center\" marginTop={1}>\n            <Text dimColor>\n              We'll use AI to analyze your project and integrate PostHog.\n            </Text>\n            <Text dimColor>\n              .env* file contents will not leave your machine.\n            </Text>\n            <Box marginTop={1}>\n              <Text>Let's do two hours of work in eight minutes.</Text>\n            </Box>\n          </Box>\n        )}\n      </Box>\n\n      {detecting && (\n        <Box marginY={1}>\n          <LoadingBox message=\"Detecting project framework...\" />\n        </Box>\n      )}\n\n      {needsFrameworkPick && (\n        <Box marginY={1}>\n          <Text dimColor>Could not auto-detect your framework.</Text>\n        </Box>\n      )}\n\n      {config?.metadata.preRunNotice && (\n        <Text color=\"yellow\">{config.metadata.preRunNotice}</Text>\n      )}\n\n      {(needsFrameworkPick || pickingFramework) && (\n        <FrameworkPicker\n          store={store}\n          onComplete={() => setPickingFramework(false)}\n        />\n      )}\n\n      {!detecting && !pickingFramework && (\n        <Box flexDirection=\"column\">\n          <Text>\n            <Text>\n              Directory <Text color=\"green\">{'\\u2714'}</Text>{' '}\n            </Text>\n            <Text>\n              {'/'}\n              {path.basename(session.installDir)}{' '}\n            </Text>\n          </Text>\n          {frameworkLabel && (\n            <Text>\n              <Text>\n                Framework <Text color=\"green\">{'\\u2714'}</Text>{' '}\n              </Text>\n              <Text>\n                {frameworkLabel}\n                {!manuallySelected && ' (detected)'}{' '}\n                {config?.metadata.beta && '[BETA]'}\n              </Text>\n            </Text>\n          )}\n          {showContinue && (\n            <PickerMenu\n              options={[\n                { label: 'Continue', value: 'continue' },\n                { label: 'Change framework', value: 'framework' },\n                { label: 'Cancel', value: 'cancel' },\n              ]}\n              onSelect={(value) => {\n                const choice = Array.isArray(value) ? value[0] : value;\n                if (choice === 'cancel') {\n                  process.exit(0);\n                } else if (choice === 'framework') {\n                  setPickingFramework(true);\n                  setManuallySelected(true);\n                } else {\n                  store.completeSetup();\n                }\n              }}\n            />\n          )}\n        </Box>\n      )}\n    </Box>\n  );\n};\n\n/** Framework picker shown when auto-detection fails. */\nconst FrameworkPicker = ({\n  store,\n  onComplete,\n}: {\n  store: WizardStore;\n  onComplete?: () => void;\n}) => {\n  // Build options from the framework registry (loaded dynamically to avoid circular deps)\n  const options = Object.values(Integration).map((value) => ({\n    label: value,\n    value,\n  }));\n\n  return (\n    <PickerMenu<Integration>\n      centered\n      columns={2}\n      message=\"Select your framework\"\n      options={options}\n      onSelect={(value) => {\n        const integration = Array.isArray(value) ? value[0] : value;\n        void import('../../../lib/registry.js').then(\n          ({ FRAMEWORK_REGISTRY }) => {\n            const config = FRAMEWORK_REGISTRY[integration];\n            store.setFrameworkConfig(integration, config);\n            store.setDetectedFramework(config.metadata.name);\n            onComplete?.();\n          },\n        );\n      }}\n    />\n  );\n};\n"]}

package/dist/src/ui/tui/screens/McpScreen.d.ts

@@ -0,0 +1,24 @@
+/**
+ * McpScreen — MCP server install/remove flow.
+ *
+ * Uses an McpInstaller service (passed via props) instead of
+ * importing business logic directly. Testable, no dynamic imports.
+ *
+ * Supports two modes via the `mode` prop:
+ *   - 'install': detect clients → confirm → install
+ *   - 'remove': detect installed clients → confirm → remove
+ *
+ * When done, calls store.setMcpComplete(). The router resolves to outro.
+ */
+import { type WizardStore } from '../store.js';
+import type { McpInstaller } from '../services/mcp-installer.js';
+export type McpMode = 'install' | 'remove';
+interface McpScreenProps {
+    store: WizardStore;
+    installer: McpInstaller;
+    mode?: McpMode;
+    /** When true, exit the process after completion instead of routing to outro. */
+    standalone?: boolean;
+}
+export declare const McpScreen: ({ store, installer, mode, standalone, }: McpScreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/tui/screens/McpScreen.js

@@ -0,0 +1,112 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * McpScreen — MCP server install/remove flow.
+ *
+ * Uses an McpInstaller service (passed via props) instead of
+ * importing business logic directly. Testable, no dynamic imports.
+ *
+ * Supports two modes via the `mode` prop:
+ *   - 'install': detect clients → confirm → install
+ *   - 'remove': detect installed clients → confirm → remove
+ *
+ * When done, calls store.setMcpComplete(). The router resolves to outro.
+ */
+import { Box, Text } from 'ink';
+import { useState, useEffect } from 'react';
+import { useSyncExternalStore } from 'react';
+import { McpOutcome } from '../store.js';
+import { ConfirmationInput, PickerMenu } from '../primitives/index.js';
+import { Colors } from '../styles.js';
+var Phase;
+(function (Phase) {
+    Phase["Detecting"] = "detecting";
+    Phase["Ask"] = "ask";
+    Phase["Pick"] = "pick";
+    Phase["Working"] = "working";
+    Phase["Done"] = "done";
+    Phase["None"] = "none";
+})(Phase || (Phase = {}));
+const markDone = (store, outcome, clients = [], standalone = false) => {
+    store.setMcpComplete(outcome, clients);
+    if (standalone) {
+        process.exit(0);
+    }
+};
+export const McpScreen = ({ store, installer, mode = 'install', standalone = false, }) => {
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    const isRemove = mode === 'remove';
+    const [phase, setPhase] = useState(Phase.Detecting);
+    const [clients, setClients] = useState([]);
+    const [resultClients, setResultClients] = useState([]);
+    useEffect(() => {
+        void (async () => {
+            try {
+                const detected = await installer.detectClients();
+                if (detected.length === 0) {
+                    setPhase(Phase.None);
+                    setTimeout(() => markDone(store, McpOutcome.NoClients, [], standalone), 1500);
+                }
+                else {
+                    setClients(detected);
+                    setPhase(Phase.Ask);
+                }
+            }
+            catch {
+                setPhase(Phase.None);
+                setTimeout(() => markDone(store, McpOutcome.Failed, [], standalone), 1500);
+            }
+        })();
+    }, [installer]); // eslint-disable-line
+    const handleConfirm = () => {
+        if (isRemove) {
+            void doRemove();
+        }
+        else if (clients.length === 1) {
+            void doInstall(clients.map((c) => c.name));
+        }
+        else {
+            setPhase(Phase.Pick);
+        }
+    };
+    const handleSkip = () => {
+        markDone(store, McpOutcome.Skipped, [], standalone);
+    };
+    const doInstall = async (names) => {
+        setPhase(Phase.Working);
+        let result = [];
+        try {
+            result = await installer.install(names);
+            setResultClients(result);
+        }
+        catch {
+            setResultClients([]);
+        }
+        setPhase(Phase.Done);
+        const outcome = result.length > 0 ? McpOutcome.Installed : McpOutcome.Failed;
+        setTimeout(() => markDone(store, outcome, result, standalone), 2000);
+    };
+    const doRemove = async () => {
+        setPhase(Phase.Working);
+        let result = [];
+        try {
+            result = await installer.remove();
+            setResultClients(result);
+        }
+        catch {
+            setResultClients([]);
+        }
+        setPhase(Phase.Done);
+        const outcome = result.length > 0 ? McpOutcome.Installed : McpOutcome.Failed;
+        setTimeout(() => markDone(store, outcome, result, standalone), 2000);
+    };
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Text, { bold: true, color: Colors.accent, children: ["MCP Server ", isRemove ? 'Removal' : 'Setup'] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [phase === Phase.Detecting && (_jsx(Text, { dimColor: true, children: "Detecting supported editors..." })), phase === Phase.None && (_jsxs(Text, { dimColor: true, children: ["No ", isRemove ? 'installed' : 'supported', " MCP clients detected. Skipping..."] })), phase === Phase.Ask && (_jsxs(_Fragment, { children: [_jsxs(Text, { dimColor: true, children: ["Detected: ", clients.map((c) => c.name).join(', ')] }), _jsx(Box, { marginTop: 1, children: _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', cancelLabel: "No thanks", onConfirm: handleConfirm, onCancel: handleSkip }) })] })), phase === Phase.Pick && (_jsx(PickerMenu, { message: "Select editor to install MCP server", options: clients.map((c) => ({
+                            label: c.name,
+                            value: c.name,
+                        })), mode: "multi", onSelect: (selected) => {
+                            const names = Array.isArray(selected) ? selected : [selected];
+                            void doInstall(names);
+                        } })), phase === Phase.Working && (_jsxs(Text, { dimColor: true, children: [isRemove ? 'Removing' : 'Installing', " MCP server..."] })), phase === Phase.Done && (_jsx(Box, { flexDirection: "column", children: resultClients.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: "green", bold: true, children: ['\u2714', " MCP server", ' ', isRemove ? 'removed from' : 'installed for', ":"] }), resultClients.map((name, i) => (_jsxs(Text, { children: [' ', '\u2022', " ", name] }, i)))] })) : (_jsxs(Text, { dimColor: true, children: [isRemove ? 'Removal' : 'Installation', " skipped."] })) }))] })] }));
+};
+//# sourceMappingURL=McpScreen.js.map

package/dist/src/ui/tui/screens/McpScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpScreen.js","sourceRoot":"","sources":["../../../../../src/ui/tui/screens/McpScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * McpScreen — MCP server install/remove flow.\n *\n * Uses an McpInstaller service (passed via props) instead of\n * importing business logic directly. Testable, no dynamic imports.\n *\n * Supports two modes via the `mode` prop:\n *   - 'install': detect clients → confirm → install\n *   - 'remove': detect installed clients → confirm → remove\n *\n * When done, calls store.setMcpComplete(). The router resolves to outro.\n */\n\nimport { Box, Text } from 'ink';\nimport { useState, useEffect } from 'react';\nimport { useSyncExternalStore } from 'react';\nimport { type WizardStore, McpOutcome } from '../store.js';\nimport { ConfirmationInput, PickerMenu } from '../primitives/index.js';\nimport { Colors } from '../styles.js';\nimport type { McpInstaller, McpClientInfo } from '../services/mcp-installer.js';\n\nexport type McpMode = 'install' | 'remove';\n\ninterface McpScreenProps {\n  store: WizardStore;\n  installer: McpInstaller;\n  mode?: McpMode;\n  /** When true, exit the process after completion instead of routing to outro. */\n  standalone?: boolean;\n}\n\nenum Phase {\n  Detecting = 'detecting',\n  Ask = 'ask',\n  Pick = 'pick',\n  Working = 'working',\n  Done = 'done',\n  None = 'none',\n}\n\nconst markDone = (\n  store: WizardStore,\n  outcome: McpOutcome,\n  clients: string[] = [],\n  standalone = false,\n) => {\n  store.setMcpComplete(outcome, clients);\n  if (standalone) {\n    process.exit(0);\n  }\n};\n\nexport const McpScreen = ({\n  store,\n  installer,\n  mode = 'install',\n  standalone = false,\n}: McpScreenProps) => {\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const isRemove = mode === 'remove';\n\n  const [phase, setPhase] = useState<Phase>(Phase.Detecting);\n  const [clients, setClients] = useState<McpClientInfo[]>([]);\n  const [resultClients, setResultClients] = useState<string[]>([]);\n\n  useEffect(() => {\n    void (async () => {\n      try {\n        const detected = await installer.detectClients();\n        if (detected.length === 0) {\n          setPhase(Phase.None);\n          setTimeout(\n            () => markDone(store, McpOutcome.NoClients, [], standalone),\n            1500,\n          );\n        } else {\n          setClients(detected);\n          setPhase(Phase.Ask);\n        }\n      } catch {\n        setPhase(Phase.None);\n        setTimeout(\n          () => markDone(store, McpOutcome.Failed, [], standalone),\n          1500,\n        );\n      }\n    })();\n  }, [installer]); // eslint-disable-line\n\n  const handleConfirm = () => {\n    if (isRemove) {\n      void doRemove();\n    } else if (clients.length === 1) {\n      void doInstall(clients.map((c) => c.name));\n    } else {\n      setPhase(Phase.Pick);\n    }\n  };\n\n  const handleSkip = () => {\n    markDone(store, McpOutcome.Skipped, [], standalone);\n  };\n\n  const doInstall = async (names: string[]) => {\n    setPhase(Phase.Working);\n    let result: string[] = [];\n    try {\n      result = await installer.install(names);\n      setResultClients(result);\n    } catch {\n      setResultClients([]);\n    }\n    setPhase(Phase.Done);\n    const outcome =\n      result.length > 0 ? McpOutcome.Installed : McpOutcome.Failed;\n    setTimeout(() => markDone(store, outcome, result, standalone), 2000);\n  };\n\n  const doRemove = async () => {\n    setPhase(Phase.Working);\n    let result: string[] = [];\n    try {\n      result = await installer.remove();\n      setResultClients(result);\n    } catch {\n      setResultClients([]);\n    }\n    setPhase(Phase.Done);\n    const outcome =\n      result.length > 0 ? McpOutcome.Installed : McpOutcome.Failed;\n    setTimeout(() => markDone(store, outcome, result, standalone), 2000);\n  };\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      <Text bold color={Colors.accent}>\n        MCP Server {isRemove ? 'Removal' : 'Setup'}\n      </Text>\n\n      <Box marginTop={1} flexDirection=\"column\">\n        {phase === Phase.Detecting && (\n          <Text dimColor>Detecting supported editors...</Text>\n        )}\n\n        {phase === Phase.None && (\n          <Text dimColor>\n            No {isRemove ? 'installed' : 'supported'} MCP clients detected.\n            Skipping...\n          </Text>\n        )}\n\n        {phase === Phase.Ask && (\n          <>\n            <Text dimColor>\n              Detected: {clients.map((c) => c.name).join(', ')}\n            </Text>\n            <Box marginTop={1}>\n              <ConfirmationInput\n                message={\n                  isRemove\n                    ? 'Remove the PostHog MCP server from your editor?'\n                    : 'Install the PostHog MCP server to your editor?'\n                }\n                confirmLabel={isRemove ? 'Remove MCP' : 'Install MCP'}\n                cancelLabel=\"No thanks\"\n                onConfirm={handleConfirm}\n                onCancel={handleSkip}\n              />\n            </Box>\n          </>\n        )}\n\n        {phase === Phase.Pick && (\n          <PickerMenu\n            message=\"Select editor to install MCP server\"\n            options={clients.map((c) => ({\n              label: c.name,\n              value: c.name,\n            }))}\n            mode=\"multi\"\n            onSelect={(selected) => {\n              const names = Array.isArray(selected) ? selected : [selected];\n              void doInstall(names);\n            }}\n          />\n        )}\n\n        {phase === Phase.Working && (\n          <Text dimColor>\n            {isRemove ? 'Removing' : 'Installing'} MCP server...\n          </Text>\n        )}\n\n        {phase === Phase.Done && (\n          <Box flexDirection=\"column\">\n            {resultClients.length > 0 ? (\n              <>\n                <Text color=\"green\" bold>\n                  {'\\u2714'} MCP server{' '}\n                  {isRemove ? 'removed from' : 'installed for'}:\n                </Text>\n                {resultClients.map((name, i) => (\n                  <Text key={i}>\n                    {' '}\n                    {'\\u2022'} {name}\n                  </Text>\n                ))}\n              </>\n            ) : (\n              <Text dimColor>\n                {isRemove ? 'Removal' : 'Installation'} skipped.\n              </Text>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/screens/OutageScreen.d.ts

@@ -0,0 +1,10 @@
+/**
+ * OutageScreen — Shown when Claude/Anthropic services are degraded.
+ * Reads session.serviceStatus and provides a ConfirmationInput to continue or exit.
+ */
+import type { WizardStore } from '../store.js';
+interface OutageScreenProps {
+    store: WizardStore;
+}
+export declare const OutageScreen: ({ store }: OutageScreenProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/ui/tui/screens/OutageScreen.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * OutageScreen — Shown when Claude/Anthropic services are degraded.
+ * Reads session.serviceStatus and provides a ConfirmationInput to continue or exit.
+ */
+import { Box, Text } from 'ink';
+import { useSyncExternalStore } from 'react';
+import { ConfirmationInput } from '../primitives/index.js';
+export const OutageScreen = ({ store }) => {
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    const serviceStatus = store.session.serviceStatus;
+    if (!serviceStatus) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ['\u26A0', " Claude/Anthropic services are experiencing issues."] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "yellow", children: "Status:" }), " ", serviceStatus.description] }), _jsxs(Text, { children: [_jsx(Text, { color: "yellow", children: "Status page:" }), ' ', _jsx(Text, { color: "cyan", children: serviceStatus.statusPageUrl })] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "The wizard may not work reliably while services are affected." })] }), _jsx(ConfirmationInput, { message: "Continue anyway?", onConfirm: () => store.popOverlay(), onCancel: () => process.exit(0) })] }));
+};
+//# sourceMappingURL=OutageScreen.js.map

package/dist/src/ui/tui/screens/OutageScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutageScreen.js","sourceRoot":"","sources":["../../../../../src/ui/tui/screens/OutageScreen.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC3D,oBAAoB,CAClB,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAC1B,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;IAElD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,aACrC,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,aACzC,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,mBACtB,QAAQ,2DACJ,EACP,KAAC,IAAI,oBAAS,EACd,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,wBAAe,OAAE,aAAa,CAAC,WAAW,IACzD,EACP,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,6BAAoB,EAAC,GAAG,EAC5C,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,aAAa,CAAC,aAAa,GAAQ,IAClD,EACP,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,QAAQ,oFAEP,IACH,EAEN,KAAC,iBAAiB,IAChB,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAC/B,IACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * OutageScreen — Shown when Claude/Anthropic services are degraded.\n * Reads session.serviceStatus and provides a ConfirmationInput to continue or exit.\n */\n\nimport { Box, Text } from 'ink';\nimport { useSyncExternalStore } from 'react';\nimport type { WizardStore } from '../store.js';\nimport { ConfirmationInput } from '../primitives/index.js';\n\ninterface OutageScreenProps {\n  store: WizardStore;\n}\n\nexport const OutageScreen = ({ store }: OutageScreenProps) => {\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const serviceStatus = store.session.serviceStatus;\n\n  if (!serviceStatus) {\n    return null;\n  }\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text color=\"yellow\" bold>\n          {'\\u26A0'} Claude/Anthropic services are experiencing issues.\n        </Text>\n        <Text> </Text>\n        <Text>\n          <Text color=\"yellow\">Status:</Text> {serviceStatus.description}\n        </Text>\n        <Text>\n          <Text color=\"yellow\">Status page:</Text>{' '}\n          <Text color=\"cyan\">{serviceStatus.statusPageUrl}</Text>\n        </Text>\n        <Text> </Text>\n        <Text dimColor>\n          The wizard may not work reliably while services are affected.\n        </Text>\n      </Box>\n\n      <ConfirmationInput\n        message=\"Continue anyway?\"\n        onConfirm={() => store.popOverlay()}\n        onCancel={() => process.exit(0)}\n      />\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/screens/OutroScreen.d.ts

@@ -0,0 +1,11 @@
+/**
+ * OutroScreen — Summary after the agent run.
+ * Reads store.session.outroData to render success, error, or cancel view.
+ * Keeps the process alive until the user presses a key to exit.
+ */
+import type { WizardStore } from '../store.js';
+interface OutroScreenProps {
+    store: WizardStore;
+}
+export declare const OutroScreen: ({ store }: OutroScreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/tui/screens/OutroScreen.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * OutroScreen — Summary after the agent run.
+ * Reads store.session.outroData to render success, error, or cancel view.
+ * Keeps the process alive until the user presses a key to exit.
+ */
+import { Box, Text, useInput } from 'ink';
+import { useSyncExternalStore } from 'react';
+import { OutroKind } from '../../../lib/wizard-session.js';
+import { Colors } from '../styles.js';
+export const OutroScreen = ({ store }) => {
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    useInput(() => {
+        process.exit(0);
+    });
+    const outroData = store.session.outroData;
+    if (!outroData) {
+        return (_jsx(Box, { flexDirection: "column", flexGrow: 1, children: _jsx(Text, { dimColor: true, children: "Finishing up..." }) }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [outroData.kind === OutroKind.Success && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", bold: true, children: ['\u2714', " Successfully installed PostHog!"] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Check ", _jsx(Text, { bold: true, children: "./posthog-setup-report.md" }), " for details about your integration"] }) }), outroData.changes && outroData.changes.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "What the agent did:" }), outroData.changes.map((change, i) => (_jsxs(Text, { children: ['\u2022', " ", change] }, i)))] })), store.eventPlan.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Events added:" }), store.eventPlan.map((event) => (_jsxs(Text, { children: ['\u2022', " ", _jsx(Text, { bold: true, children: event.name }), _jsxs(Text, { dimColor: true, children: [" ", event.description] })] }, event.name)))] })), outroData.docsUrl && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Learn more: ", _jsx(Text, { color: "cyan", children: outroData.docsUrl })] }) })), outroData.continueUrl && (_jsx(Box, { children: _jsxs(Text, { children: ["Continue onboarding:", ' ', _jsx(Text, { color: "cyan", children: outroData.continueUrl })] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Note: This wizard uses an LLM agent to analyze and modify your project. Please review the changes made." }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "How did this work for you? Drop us a line: wizard@posthog.com" }) })] })), outroData.kind === OutroKind.Error && (_jsx(Box, { flexDirection: "column", children: _jsxs(Text, { color: "red", bold: true, children: ['\u2718', " ", outroData.message || 'An error occurred'] }) })), outroData.kind === OutroKind.Cancel && (_jsx(Box, { flexDirection: "column", children: _jsxs(Text, { color: "yellow", children: ['\u25A0', " ", outroData.message || 'Cancelled'] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: Colors.muted, children: "Press any key to exit" }) })] }));
+};
+//# sourceMappingURL=OutroScreen.js.map

package/dist/src/ui/tui/screens/OutroScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutroScreen.js","sourceRoot":"","sources":["../../../../../src/ui/tui/screens/OutroScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * OutroScreen — Summary after the agent run.\n * Reads store.session.outroData to render success, error, or cancel view.\n * Keeps the process alive until the user presses a key to exit.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport { useSyncExternalStore } from 'react';\nimport type { WizardStore } from '../store.js';\nimport { OutroKind } from '../../../lib/wizard-session.js';\nimport { Colors } from '../styles.js';\n\ninterface OutroScreenProps {\n  store: WizardStore;\n}\n\nexport const OutroScreen = ({ store }: OutroScreenProps) => {\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  useInput(() => {\n    process.exit(0);\n  });\n\n  const outroData = store.session.outroData;\n\n  if (!outroData) {\n    return (\n      <Box flexDirection=\"column\" flexGrow={1}>\n        <Text dimColor>Finishing up...</Text>\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      {outroData.kind === OutroKind.Success && (\n        <Box flexDirection=\"column\">\n          <Text color=\"green\" bold>\n            {'\\u2714'} Successfully installed PostHog!\n          </Text>\n\n          <Box marginTop={1}>\n            <Text>\n              Check <Text bold>./posthog-setup-report.md</Text> for details\n              about your integration\n            </Text>\n          </Box>\n\n          {outroData.changes && outroData.changes.length > 0 && (\n            <Box flexDirection=\"column\" marginTop={1}>\n              <Text color=\"cyan\" bold>\n                What the agent did:\n              </Text>\n              {outroData.changes.map((change, i) => (\n                <Text key={i}>\n                  {'\\u2022'} {change}\n                </Text>\n              ))}\n            </Box>\n          )}\n\n          {store.eventPlan.length > 0 && (\n            <Box flexDirection=\"column\" marginTop={1}>\n              <Text color=\"cyan\" bold>\n                Events added:\n              </Text>\n              {store.eventPlan.map((event) => (\n                <Text key={event.name}>\n                  {'\\u2022'} <Text bold>{event.name}</Text>\n                  <Text dimColor> {event.description}</Text>\n                </Text>\n              ))}\n            </Box>\n          )}\n\n          {outroData.docsUrl && (\n            <Box marginTop={1}>\n              <Text>\n                Learn more: <Text color=\"cyan\">{outroData.docsUrl}</Text>\n              </Text>\n            </Box>\n          )}\n\n          {outroData.continueUrl && (\n            <Box>\n              <Text>\n                Continue onboarding:{' '}\n                <Text color=\"cyan\">{outroData.continueUrl}</Text>\n              </Text>\n            </Box>\n          )}\n\n          <Box marginTop={1}>\n            <Text dimColor>\n              Note: This wizard uses an LLM agent to analyze and modify your\n              project. Please review the changes made.\n            </Text>\n          </Box>\n          <Box>\n            <Text dimColor>\n              How did this work for you? Drop us a line: wizard@posthog.com\n            </Text>\n          </Box>\n        </Box>\n      )}\n\n      {outroData.kind === OutroKind.Error && (\n        <Box flexDirection=\"column\">\n          <Text color=\"red\" bold>\n            {'\\u2718'} {outroData.message || 'An error occurred'}\n          </Text>\n        </Box>\n      )}\n\n      {outroData.kind === OutroKind.Cancel && (\n        <Box flexDirection=\"column\">\n          <Text color=\"yellow\">\n            {'\\u25A0'} {outroData.message || 'Cancelled'}\n          </Text>\n        </Box>\n      )}\n\n      <Box marginTop={1}>\n        <Text color={Colors.muted}>Press any key to exit</Text>\n      </Box>\n    </Box>\n  );\n};\n"]}

package/dist/src/ui/tui/screens/RunScreen.d.ts

@@ -0,0 +1,16 @@
+/**
+ * RunScreen — Tabbed observational view of the agent run.
+ *
+ * Two tabs:
+ *   - Status: SplitView with LearnCard (left) + ProgressList (right)
+ *   - Logs: LogViewer tailing the wizard log file
+ *
+ * No prompts — the agent runs headlessly.
+ * LearnCard shows animated educational content and reacts to discovered features.
+ */
+import type { WizardStore } from '../store.js';
+interface RunScreenProps {
+    store: WizardStore;
+}
+export declare const RunScreen: ({ store }: RunScreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/tui/screens/RunScreen.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * RunScreen — Tabbed observational view of the agent run.
+ *
+ * Two tabs:
+ *   - Status: SplitView with LearnCard (left) + ProgressList (right)
+ *   - Logs: LogViewer tailing the wizard log file
+ *
+ * No prompts — the agent runs headlessly.
+ * LearnCard shows animated educational content and reacts to discovered features.
+ */
+import { useSyncExternalStore } from 'react';
+import { Box } from 'ink';
+import { TabContainer, SplitView, ProgressList, LogViewer, EventPlanViewer, HNViewer, } from '../primitives/index.js';
+import { ADDITIONAL_FEATURE_LABELS } from '../../../lib/wizard-session.js';
+import { LearnCard } from '../components/LearnCard.js';
+import { TipsCard } from '../components/TipsCard.js';
+import { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';
+const LOG_FILE = '/tmp/posthog-wizard.log';
+export const RunScreen = ({ store }) => {
+    useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+    const [columns] = useStdoutDimensions();
+    const progressItems = store.tasks.map((t) => ({
+        label: t.label,
+        activeForm: t.activeForm,
+        status: t.status,
+    }));
+    // When all tasks are done but the queue has features, show a transitional item
+    const queue = store.session.additionalFeatureQueue;
+    const allDone = progressItems.length > 0 &&
+        progressItems.every((t) => t.status === 'completed');
+    if (allDone && queue.length > 0) {
+        const nextLabel = ADDITIONAL_FEATURE_LABELS[queue[0]];
+        progressItems.push({
+            label: `Set up ${nextLabel}`,
+            activeForm: `Setting up ${nextLabel}...`,
+            status: 'in_progress',
+        });
+    }
+    const statuses = store.statusMessages.length > 0 ? store.statusMessages : undefined;
+    const leftPane = store.learnCardComplete ? (_jsx(TipsCard, { store: store })) : (_jsx(LearnCard, { store: store, onComplete: () => store.setLearnCardComplete() }));
+    const progressList = _jsx(ProgressList, { items: progressItems, title: "Tasks" });
+    // On narrow terminals, drop the learn pane and show only progress
+    const statusComponent = columns < 80 ? (_jsx(Box, { flexDirection: "column", flexGrow: 1, children: progressList })) : (_jsx(SplitView, { left: leftPane, right: progressList }));
+    const tabs = [
+        {
+            id: 'status',
+            label: 'Status',
+            component: statusComponent,
+        },
+        ...(store.eventPlan.length > 0
+            ? [
+                {
+                    id: 'events',
+                    label: 'Event plan',
+                    component: _jsx(EventPlanViewer, { events: store.eventPlan }),
+                },
+            ]
+            : []),
+        {
+            id: 'logs',
+            label: 'Tail logs',
+            component: _jsx(LogViewer, { filePath: LOG_FILE }),
+        },
+        {
+            id: 'hn',
+            label: 'HN',
+            component: _jsx(HNViewer, {}),
+        },
+    ];
+    return (_jsx(TabContainer, { tabs: tabs, statusMessage: statuses, expandableStatus: true, store: store }));
+};
+//# sourceMappingURL=RunScreen.js.map

package/dist/src/ui/tui/screens/RunScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunScreen.js","sourceRoot":"","sources":["../../../../../src/ui/tui/screens/RunScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * RunScreen — Tabbed observational view of the agent run.\n *\n * Two tabs:\n *   - Status: SplitView with LearnCard (left) + ProgressList (right)\n *   - Logs: LogViewer tailing the wizard log file\n *\n * No prompts — the agent runs headlessly.\n * LearnCard shows animated educational content and reacts to discovered features.\n */\n\nimport { useSyncExternalStore } from 'react';\nimport { Box } from 'ink';\nimport type { WizardStore } from '../store.js';\nimport {\n  TabContainer,\n  SplitView,\n  ProgressList,\n  LogViewer,\n  EventPlanViewer,\n  HNViewer,\n} from '../primitives/index.js';\nimport type { ProgressItem } from '../primitives/index.js';\nimport { ADDITIONAL_FEATURE_LABELS } from '../../../lib/wizard-session.js';\nimport { LearnCard } from '../components/LearnCard.js';\nimport { TipsCard } from '../components/TipsCard.js';\nimport { useStdoutDimensions } from '../hooks/useStdoutDimensions.js';\n\nconst LOG_FILE = '/tmp/posthog-wizard.log';\n\ninterface RunScreenProps {\n  store: WizardStore;\n}\n\nexport const RunScreen = ({ store }: RunScreenProps) => {\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const [columns] = useStdoutDimensions();\n\n  const progressItems: ProgressItem[] = store.tasks.map((t) => ({\n    label: t.label,\n    activeForm: t.activeForm,\n    status: t.status,\n  }));\n\n  // When all tasks are done but the queue has features, show a transitional item\n  const queue = store.session.additionalFeatureQueue;\n  const allDone =\n    progressItems.length > 0 &&\n    progressItems.every((t) => t.status === 'completed');\n  if (allDone && queue.length > 0) {\n    const nextLabel = ADDITIONAL_FEATURE_LABELS[queue[0]];\n    progressItems.push({\n      label: `Set up ${nextLabel}`,\n      activeForm: `Setting up ${nextLabel}...`,\n      status: 'in_progress',\n    });\n  }\n\n  const statuses =\n    store.statusMessages.length > 0 ? store.statusMessages : undefined;\n\n  const leftPane = store.learnCardComplete ? (\n    <TipsCard store={store} />\n  ) : (\n    <LearnCard store={store} onComplete={() => store.setLearnCardComplete()} />\n  );\n  const progressList = <ProgressList items={progressItems} title=\"Tasks\" />;\n\n  // On narrow terminals, drop the learn pane and show only progress\n  const statusComponent =\n    columns < 80 ? (\n      <Box flexDirection=\"column\" flexGrow={1}>\n        {progressList}\n      </Box>\n    ) : (\n      <SplitView left={leftPane} right={progressList} />\n    );\n\n  const tabs = [\n    {\n      id: 'status',\n      label: 'Status',\n      component: statusComponent,\n    },\n    ...(store.eventPlan.length > 0\n      ? [\n          {\n            id: 'events',\n            label: 'Event plan',\n            component: <EventPlanViewer events={store.eventPlan} />,\n          },\n        ]\n      : []),\n    {\n      id: 'logs',\n      label: 'Tail logs',\n      component: <LogViewer filePath={LOG_FILE} />,\n    },\n    {\n      id: 'hn',\n      label: 'HN',\n      component: <HNViewer />,\n    },\n  ];\n\n  return (\n    <TabContainer\n      tabs={tabs}\n      statusMessage={statuses}\n      expandableStatus\n      store={store}\n    />\n  );\n};\n"]}