@posthog/wizard 2.9.0 → 2.10.0

package/dist/start-playground-B8qCLu7U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-playground-B8qCLu7U.js","names":["path"],"sources":["../src/ui/tui/playground/demos/WelcomeDemo.tsx","../src/ui/tui/playground/demos/LayoutDemo.tsx","../src/ui/tui/playground/demos/InputDemo.tsx","../src/ui/tui/playground/demos/ProgressDemo.tsx","../src/ui/tui/playground/demos/LogDemo.tsx","../src/ui/tui/playground/demos/RunScreenDemo.tsx","../src/ui/tui/playground/demos/HealthCheckDemo.tsx","../src/ui/tui/playground/demos/ModalDemo.tsx","../src/ui/tui/playground/demos/McpDemo.tsx","../src/ui/tui/playground/demos/KeyboardHintsDemo.tsx","../src/ui/tui/playground/PlaygroundApp.tsx","../src/ui/tui/playground/start-playground.ts"],"sourcesContent":["/**\n * WelcomeDemo — Splash screen. Press enter to push the tabbed view.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport type { WizardStore } from '../../store.js';\nimport { Colors, Icons } from '../../styles.js';\n\ninterface WelcomeDemoProps {\n  store: WizardStore;\n}\n\nexport const WelcomeDemo = ({ store }: WelcomeDemoProps) => {\n  useInput((_input, key) => {\n    if (key.return) {\n      store.completeSetup();\n    }\n  });\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      alignItems=\"center\"\n    >\n      <Text bold color={Colors.accent}>\n        {Icons.diamond} PostHog Setup Wizard layout primitives playground\n      </Text>\n      <Box height={1} />\n      <Text>Layout primitives for the PostHog Setup Wizard TUI.</Text>\n      <Text dimColor>\n        CardLayout, SplitView, TabContainer, ProgressList, and more.\n      </Text>\n      <Box height={1} />\n      <Text color={Colors.primary}>\n        Press enter to continue {Icons.triangleRight}\n      </Text>\n    </Box>\n  );\n};\n","/**\n * LayoutDemo — Demonstrates CardLayout + SplitView.\n * Cycles alignment enums with keyboard shortcuts.\n */\n\nimport { Box, Text, useInput } from 'ink';\nimport { useState } from 'react';\nimport { CardLayout, SplitView } from '../../primitives/index.js';\nimport { HAlign, VAlign, Colors } from '../../styles.js';\n\nconst hAligns = [HAlign.Left, HAlign.Center, HAlign.Right];\nconst vAligns = [VAlign.Top, VAlign.Center, VAlign.Bottom];\nconst hLabels = ['Left', 'Center', 'Right'];\nconst vLabels = ['Top', 'Center', 'Bottom'];\n\nexport const LayoutDemo = () => {\n  const [hIdx, setHIdx] = useState(0);\n  const [vIdx, setVIdx] = useState(0);\n\n  useInput((input) => {\n    if (input === 'h') setHIdx((i) => (i + 1) % hAligns.length);\n    if (input === 'v') setVIdx((i) => (i + 1) % vAligns.length);\n  });\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      <Text bold color={Colors.accent}>\n        Layout Demo\n      </Text>\n      <Text dimColor>\n        Press [h] to cycle hAlign ({hLabels[hIdx]}), [v] to cycle vAlign (\n        {vLabels[vIdx]})\n      </Text>\n      <Box height={1} />\n      <SplitView\n        left={\n          <CardLayout hAlign={hAligns[hIdx]} vAlign={vAligns[vIdx]}>\n            <Box borderStyle=\"single\" borderColor={Colors.primary} paddingX={1}>\n              <Text color={Colors.primary}>Left Pane</Text>\n            </Box>\n          </CardLayout>\n        }\n        right={\n          <CardLayout hAlign={HAlign.Center} vAlign={VAlign.Center}>\n            <Box borderStyle=\"single\" borderColor={Colors.accent} paddingX={1}>\n              <Text color={Colors.accent}>Right Pane</Text>\n            </Box>\n          </CardLayout>\n        }\n      />\n    </Box>\n  );\n};\n","/**\n * InputDemo — Demonstrates PickerMenu (single + multi) and ConfirmationInput.\n */\n\nimport { Box, Text } from 'ink';\nimport { useState } from 'react';\nimport { PickerMenu, ConfirmationInput } from '../../primitives/index.js';\nimport { Colors } from '../../styles.js';\n\nenum DemoStep {\n  Single = 'single',\n  Multi = 'multi',\n  Confirm = 'confirm',\n  Done = 'done',\n}\n\nexport const InputDemo = () => {\n  const [step, setStep] = useState<DemoStep>(DemoStep.Single);\n  const [results, setResults] = useState<string[]>([]);\n\n  if (step === DemoStep.Single) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text bold color={Colors.accent}>\n          Input Demo — Single Select\n        </Text>\n        <Box height={1} />\n        <PickerMenu\n          message=\"Pick a color\"\n          options={[\n            { label: 'Red', value: 'red', hint: 'warm' },\n            { label: 'Blue', value: 'blue', hint: 'cool' },\n            { label: 'Green', value: 'green', hint: 'natural' },\n          ]}\n          onSelect={(value) => {\n            setResults((prev) => [...prev, `Single: ${value}`]);\n            setStep(DemoStep.Multi);\n          }}\n        />\n      </Box>\n    );\n  }\n\n  if (step === DemoStep.Multi) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text bold color={Colors.accent}>\n          Input Demo — Multi Select\n        </Text>\n        <Box height={1} />\n        <PickerMenu\n          message=\"Pick toppings\"\n          mode=\"multi\"\n          options={[\n            { label: 'Cheese', value: 'cheese' },\n            { label: 'Pepperoni', value: 'pepperoni' },\n            { label: 'Mushrooms', value: 'mushrooms' },\n            { label: 'Onions', value: 'onions' },\n          ]}\n          onSelect={(values) => {\n            const arr = Array.isArray(values) ? values : [values];\n            setResults((prev) => [...prev, `Multi: ${arr.join(', ')}`]);\n            setStep(DemoStep.Confirm);\n          }}\n        />\n      </Box>\n    );\n  }\n\n  if (step === DemoStep.Confirm) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text bold color={Colors.accent}>\n          Input Demo — Confirmation\n        </Text>\n        <Box height={1} />\n        <ConfirmationInput\n          message=\"Are you satisfied with your choices?\"\n          onConfirm={() => {\n            setResults((prev) => [...prev, 'Confirmed: Yes']);\n            setStep(DemoStep.Done);\n          }}\n          onCancel={() => {\n            setResults((prev) => [...prev, 'Confirmed: No']);\n            setStep(DemoStep.Done);\n          }}\n        />\n      </Box>\n    );\n  }\n\n  // done\n  return (\n    <Box flexDirection=\"column\">\n      <Text bold color={Colors.accent}>\n        Input Demo — Results\n      </Text>\n      <Box height={1} />\n      {results.map((r, i) => (\n        <Text key={i} color={Colors.success}>\n          {'\\u2714'} {r}\n        </Text>\n      ))}\n      <Box height={1} />\n      <Text dimColor>Switch away from this tab and back to restart.</Text>\n    </Box>\n  );\n};\n","/**\n * ProgressDemo — Demonstrates ProgressList + LoadingBox.\n * Auto-animates task progression through states.\n */\n\nimport { Box, Text } from 'ink';\nimport { useState, useEffect } from 'react';\nimport { ProgressList, LoadingBox } from '../../primitives/index.js';\nimport type { ProgressItem } from '../../primitives/index.js';\nimport { Colors } from '../../styles.js';\n\nconst INITIAL_ITEMS: ProgressItem[] = [\n  {\n    label: 'Detect framework',\n    activeForm: 'Detecting framework',\n    status: 'pending',\n  },\n  {\n    label: 'Install dependencies',\n    activeForm: 'Installing dependencies',\n    status: 'pending',\n  },\n  {\n    label: 'Configure PostHog',\n    activeForm: 'Configuring PostHog',\n    status: 'pending',\n  },\n  {\n    label: 'Add analytics provider',\n    activeForm: 'Adding analytics provider',\n    status: 'pending',\n  },\n  { label: 'Verify setup', activeForm: 'Verifying setup', status: 'pending' },\n];\n\nexport const ProgressDemo = () => {\n  const [items, setItems] = useState<ProgressItem[]>(INITIAL_ITEMS);\n  const [tick, setTick] = useState(0);\n\n  useEffect(() => {\n    const timer = setInterval(() => {\n      setTick((t) => t + 1);\n    }, 1500);\n    return () => clearInterval(timer);\n  }, []);\n\n  useEffect(() => {\n    // Cycle: each tick advances the \"active\" task\n    const total = INITIAL_ITEMS.length;\n    // After all tasks complete, restart\n    const cycle = tick % (total + 2); // +2 for a pause at the end\n\n    setItems(\n      INITIAL_ITEMS.map((item, i) => {\n        if (i < cycle) return { ...item, status: 'completed' as const };\n        if (i === cycle) return { ...item, status: 'in_progress' as const };\n        return { ...item, status: 'pending' as const };\n      }),\n    );\n  }, [tick]);\n\n  const allDone = items.every((i) => i.status === 'completed');\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      <Text bold color={Colors.accent}>\n        Progress Demo\n      </Text>\n      <Text dimColor>Tasks auto-advance every 1.5s (cycles continuously)</Text>\n      <Box height={1} />\n      <ProgressList items={items} title=\"Setup in progress:\" />\n      <Box height={1} />\n      {!allDone && <LoadingBox message=\"Working...\" />}\n      {allDone && (\n        <Text color={Colors.success} bold>\n          {'\\u2714'} All tasks complete! Restarting...\n        </Text>\n      )}\n    </Box>\n  );\n};\n","/**\n * LogDemo — Demonstrates LogViewer.\n * Writes demo log lines to a temp file, then tails it.\n */\n\nimport { Box, Text } from 'ink';\nimport { useEffect, useState } from 'react';\nimport * as fs from 'fs';\nimport * as path from 'path';\nimport * as os from 'os';\nimport { LogViewer } from '../../primitives/index.js';\nimport { Colors } from '../../styles.js';\n\nconst DEMO_LOG_PATH = path.join(os.tmpdir(), 'posthog-playground.log');\n\nconst LOG_MESSAGES = [\n  '[info] Playground started',\n  '[info] Initializing demo components...',\n  '[debug] Loading primitives barrel export',\n  '[info] ScreenContainer mounted',\n  '[info] TabContainer initialized with 6 tabs',\n  '[debug] LayoutDemo: hAlign=Left, vAlign=Top',\n  '[info] NavigationDemo: screenStack depth = 1',\n  '[warn] TabDemo: arrow key conflict with outer container',\n  '[info] InputDemo: waiting for user selection',\n  '[info] ProgressDemo: tick 0, cycling tasks',\n  '[debug] LogViewer: watching file for changes',\n  '[info] All demos loaded successfully',\n];\n\nexport const LogDemo = () => {\n  const [ready, setReady] = useState(false);\n\n  useEffect(() => {\n    // Write initial log content\n    fs.writeFileSync(DEMO_LOG_PATH, LOG_MESSAGES.join('\\n') + '\\n');\n    setReady(true);\n\n    // Append lines periodically\n    let lineNum = LOG_MESSAGES.length;\n    const timer = setInterval(() => {\n      lineNum++;\n      const msg = `[info] Demo log line #${lineNum} — ${new Date().toISOString()}\\n`;\n      fs.appendFileSync(DEMO_LOG_PATH, msg);\n    }, 2000);\n\n    return () => {\n      clearInterval(timer);\n      try {\n        fs.unlinkSync(DEMO_LOG_PATH);\n      } catch {\n        // ignore\n      }\n    };\n  }, []);\n\n  return (\n    <Box flexDirection=\"column\" flexGrow={1}>\n      <Text bold color={Colors.accent}>\n        Log Demo\n      </Text>\n      <Text dimColor>Tailing {DEMO_LOG_PATH} (new line every 2s)</Text>\n      <Box height={1} />\n      {ready && <LogViewer filePath={DEMO_LOG_PATH} height={15} />}\n    </Box>\n  );\n};\n","/**\n * RunScreenDemo — Renders the real RunScreen with a mock store.\n * Tasks auto-advance every 1.5s. Discovered features (Stripe, LLM)\n * are pre-populated so conditional tips appear.\n */\n\nimport { useEffect, useRef, useSyncExternalStore } from 'react';\nimport { WizardStore, TaskStatus } from '../../store.js';\nimport { DiscoveredFeature } from '../../../../lib/wizard-session.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 { LearnCard } from '../../components/LearnCard.js';\nimport { TipsCard } from '../../components/TipsCard.js';\n\nconst MOCK_TASKS = [\n  {\n    label: 'Checking project structure and finding files for event tracking',\n    activeForm: 'Checking project structure',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Verify PostHog dependencies',\n    activeForm: 'Verifying PostHog dependencies',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Generate events plan (.posthog-events.json)',\n    activeForm: 'Generating events plan',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Install posthog-js and posthog-node packages',\n    activeForm: 'Installing packages',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Set up environment variables',\n    activeForm: 'Setting up environment variables',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Create instrumentation-client.ts',\n    activeForm: 'Creating instrumentation-client.ts',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Update next.config with rewrites',\n    activeForm: 'Updating next.config',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Create posthog-server.ts',\n    activeForm: 'Creating posthog-server.ts',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n  {\n    label: 'Add PostHog capture events to project files',\n    activeForm: 'Adding capture events',\n    status: TaskStatus.Pending,\n    done: false,\n  },\n];\n\nconst MOCK_EVENTS = [\n  { name: 'page_viewed', description: 'Fires when a user views any page' },\n  {\n    name: 'button_clicked',\n    description: 'Fires when the CTA button is clicked',\n  },\n  {\n    name: 'form_submitted',\n    description: 'Fires when the contact form is submitted',\n  },\n  {\n    name: 'signup_started',\n    description: 'Fires when a user begins the signup flow',\n  },\n];\n\ninterface RunScreenDemoProps {\n  store: WizardStore;\n}\n\nexport const RunScreenDemo = ({ store }: RunScreenDemoProps) => {\n  const tickRef = useRef(0);\n  const lastStatusRef = useRef('');\n\n  // Seed the store with mock data on mount\n  useEffect(() => {\n    store.addDiscoveredFeature(DiscoveredFeature.Stripe);\n    store.addDiscoveredFeature(DiscoveredFeature.LLM);\n    store.setEventPlan(MOCK_EVENTS);\n    store.pushStatus('Checking project structure.');\n    lastStatusRef.current = 'Checking project structure.';\n\n    // Set initial tasks\n    const initial = MOCK_TASKS.map((t, i) =>\n      i === 0 ? { ...t, status: TaskStatus.InProgress } : t,\n    );\n    store.setTasks(initial);\n  }, []);\n\n  // Auto-advance tasks every 1.5s\n  useEffect(() => {\n    const timer = setInterval(() => {\n      tickRef.current += 1;\n      const tick = tickRef.current;\n      const total = MOCK_TASKS.length;\n      const cycle = tick % (total + 3); // +3 for pause at end before restart\n\n      const tasks = MOCK_TASKS.map((t, i) => {\n        if (i < cycle)\n          return { ...t, status: TaskStatus.Completed, done: true };\n        if (i === cycle)\n          return { ...t, status: TaskStatus.InProgress, done: false };\n        return { ...t, status: TaskStatus.Pending, done: false };\n      });\n\n      store.setTasks(tasks);\n\n      // Only push status when the message actually changes\n      if (cycle < total) {\n        const msg = MOCK_TASKS[cycle].activeForm + '...';\n        if (msg !== lastStatusRef.current) {\n          store.pushStatus(msg);\n          lastStatusRef.current = msg;\n        }\n      }\n    }, 1500);\n\n    return () => clearInterval(timer);\n  }, []);\n\n  useSyncExternalStore(\n    (cb) => store.subscribe(cb),\n    () => store.getSnapshot(),\n  );\n\n  const progressItems: ProgressItem[] = store.tasks.map((t) => ({\n    label: t.label,\n    activeForm: t.activeForm,\n    status: t.status,\n  }));\n\n  const statuses =\n    store.statusMessages.length > 0 ? store.statusMessages : undefined;\n\n  const tabs = [\n    {\n      id: 'status',\n      label: 'Status',\n      component: (\n        <SplitView\n          left={\n            store.learnCardComplete ? (\n              <TipsCard store={store} />\n            ) : (\n              <LearnCard\n                store={store}\n                onComplete={() => store.setLearnCardComplete()}\n              />\n            )\n          }\n          right={<ProgressList items={progressItems} title=\"Tasks\" />}\n        />\n      ),\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=\"/tmp/posthog-wizard.log\" />,\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","/**\n * HealthCheckDemo — Playground demo for health check UI components.\n *\n * Shows the ModalOverlay with ServiceHealthList, cycling through states:\n *   1. Checking (spinner) — 2 seconds\n *   2. Blocking outage modal (Anthropic down, npm degraded)\n *\n * Renders components directly (not HealthCheckScreen) to avoid useInput\n * conflicts with TabContainer's key handling.\n */\n\nimport { useEffect, useState } from 'react';\nimport { Box, Text } from 'ink';\nimport { LoadingBox, ModalOverlay } from '../../primitives/index.js';\nimport { Icons } from '../../styles.js';\nimport { ServiceHealthList } from '../../components/ServiceHealthList.js';\nimport { getBlockingServiceKeys } from '../../../../lib/health-checks/readiness.js';\nimport { ServiceHealthStatus } from '../../../../lib/health-checks/types.js';\nimport type { AllServicesHealth } from '../../../../lib/health-checks/types.js';\n\nconst HEALTHY = { status: ServiceHealthStatus.Healthy } as const;\n\nconst MOCK_HEALTH: AllServicesHealth = {\n  anthropic: { status: ServiceHealthStatus.Down, rawIndicator: 'major' },\n  posthogOverall: HEALTHY,\n  posthogComponents: { status: ServiceHealthStatus.Healthy },\n  github: HEALTHY,\n  npmOverall: {\n    status: ServiceHealthStatus.Degraded,\n    rawIndicator: 'minor',\n  },\n  npmComponents: {\n    status: ServiceHealthStatus.Degraded,\n    degradedOrDownComponents: [\n      {\n        name: 'Registry API',\n        status: ServiceHealthStatus.Degraded,\n        rawStatus: 'degraded_performance',\n      },\n    ],\n  },\n  cloudflareOverall: HEALTHY,\n  cloudflareComponents: { status: ServiceHealthStatus.Healthy },\n  llmGateway: HEALTHY,\n  mcp: HEALTHY,\n  githubReleases: HEALTHY,\n};\n\nexport const HealthCheckDemo = () => {\n  const [showOutage, setShowOutage] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setShowOutage(true), 2000);\n    return () => clearTimeout(timer);\n  }, []);\n\n  if (!showOutage) {\n    return (\n      <Box\n        flexDirection=\"column\"\n        flexGrow={1}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n      >\n        <LoadingBox message=\"Checking service status...\" />\n      </Box>\n    );\n  }\n\n  const blockingKeys = getBlockingServiceKeys(MOCK_HEALTH);\n\n  return (\n    <ModalOverlay\n      borderColor=\"red\"\n      title={`${Icons.warning} Ongoing service disruptions`}\n      width={72}\n      footer={\n        <Box marginLeft={2}>\n          <Text dimColor>\n            Continue [Enter] / Exit [Esc] (disabled in playground)\n          </Text>\n        </Box>\n      }\n    >\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Box marginBottom={1}>\n          <Text>\n            <Text color=\"red\">{Icons.squareFilled}</Text>\n            <Text dimColor> Down </Text>\n            <Text color=\"#DC9300\">{Icons.squareFilled}</Text>\n            <Text dimColor> Degraded</Text>\n          </Text>\n        </Box>\n\n        <ServiceHealthList\n          health={MOCK_HEALTH}\n          filterKeys={blockingKeys}\n          showHealthy={false}\n        />\n      </Box>\n\n      <Text dimColor>\n        The wizard may not work reliably while services are affected.\n      </Text>\n    </ModalOverlay>\n  );\n};\n","/**\n * ModalDemo — Playground demo for the ModalOverlay primitive.\n *\n * Shows several modal variants: info, warning, error, and one with feedback text.\n */\n\nimport { Box, Text } from 'ink';\nimport { ModalOverlay } from '../../primitives/index.js';\nimport { Icons } from '../../styles.js';\n\nexport const ModalDemo = () => {\n  return (\n    <Box flexDirection=\"column\" gap={1} flexGrow={1}>\n      <ModalOverlay borderColor=\"cyan\" title=\"Info Modal\" width={60}>\n        <Text>A simple informational modal with default styling.</Text>\n      </ModalOverlay>\n\n      <ModalOverlay\n        borderColor=\"#DC9300\"\n        title={`${Icons.warning} Warning Modal`}\n        width={60}\n        feedback=\"Something needs your attention.\"\n      >\n        <Text>This modal includes a feedback message shown in yellow.</Text>\n      </ModalOverlay>\n\n      <ModalOverlay\n        borderColor=\"red\"\n        title={`${Icons.warning} Error Modal`}\n        width={60}\n        footer={\n          <Box marginLeft={2}>\n            <Text dimColor>\n              Continue [Enter] / Exit [Esc] (disabled in playground)\n            </Text>\n          </Box>\n        }\n      >\n        <Text>This modal has a footer section below a divider.</Text>\n      </ModalOverlay>\n    </Box>\n  );\n};\n","/**\n * McpDemo — Playground demo for the MCP client selection screen.\n *\n * Uses a mock McpInstaller that simulates detecting three editors,\n * a short install delay, and a successful result.\n */\n\nimport { WizardStore } from '../../store.js';\nimport { McpScreen } from '../../screens/McpScreen.js';\nimport type { McpInstaller } from '../../services/mcp-installer.js';\n\nconst MOCK_CLIENTS = [\n  { name: 'VS Code' },\n  { name: 'Cursor' },\n  { name: 'Windsurf' },\n];\n\nfunction createMockInstaller(): McpInstaller {\n  return {\n    async detectClients() {\n      await new Promise((r) => setTimeout(r, 800));\n      return MOCK_CLIENTS;\n    },\n    async install(clientNames) {\n      await new Promise((r) => setTimeout(r, 1500));\n      return clientNames;\n    },\n    async remove() {\n      await new Promise((r) => setTimeout(r, 1000));\n      return MOCK_CLIENTS.map((c) => c.name);\n    },\n  };\n}\n\ninterface McpDemoProps {\n  store: WizardStore;\n}\n\nexport const McpDemo = ({ store }: McpDemoProps) => {\n  return (\n    <McpScreen store={store} installer={createMockInstaller()} mode=\"install\" />\n  );\n};\n","/**\n * KeyboardHintsDemo — Demonstrates the KeyboardHintsBar with all input types.\n *\n * Cycles through SinglePicker, MultiPicker, GroupedPicker, and Confirmation\n * so the user can see the hints bar update automatically for each component.\n * The bar appears at the bottom of the screen and dismisses 3s after the\n * first keypress, then reappears when the component changes.\n */\n\nimport { Box, Text } from 'ink';\nimport { useState, type ReactNode } from 'react';\nimport {\n  PickerMenu,\n  GroupedPickerMenu,\n  ConfirmationInput,\n} from '../../primitives/index.js';\nimport { Colors } from '../../styles.js';\n\nenum DemoStep {\n  SingleSelect = 'single',\n  MultiSelect = 'multi',\n  GroupedSelect = 'grouped',\n  Confirmation = 'confirm',\n  Done = 'done',\n}\n\nconst STEP_LABELS: Record<DemoStep, string> = {\n  [DemoStep.SingleSelect]: 'Single Select — hints: ↑↓ navigate, enter select',\n  [DemoStep.MultiSelect]:\n    'Multi Select — hints: ↑↓ navigate, space toggle, enter confirm',\n  [DemoStep.GroupedSelect]:\n    'Grouped Select — hints: ↑↓ navigate, space toggle, a toggle all, enter confirm',\n  [DemoStep.Confirmation]:\n    'Confirmation — hints: ←→ switch, enter confirm, esc cancel',\n  [DemoStep.Done]: 'Done',\n};\n\nexport const KeyboardHintsDemo = () => {\n  const [step, setStep] = useState<DemoStep>(DemoStep.SingleSelect);\n  const [log, setLog] = useState<string[]>([]);\n\n  const addLog = (msg: string) => setLog((prev) => [...prev.slice(-4), msg]);\n\n  if (step === DemoStep.SingleSelect) {\n    return (\n      <Wrapper step={step} log={log}>\n        <PickerMenu\n          message=\"Pick a framework\"\n          options={[\n            { label: 'Next.js', value: 'next' },\n            { label: 'React', value: 'react' },\n            { label: 'Vue', value: 'vue' },\n            { label: 'Svelte', value: 'svelte' },\n          ]}\n          columns={2}\n          onSelect={(v) => {\n            addLog(`Single: ${String(v)}`);\n            setStep(DemoStep.MultiSelect);\n          }}\n        />\n      </Wrapper>\n    );\n  }\n\n  if (step === DemoStep.MultiSelect) {\n    return (\n      <Wrapper step={step} log={log}>\n        <PickerMenu\n          message=\"Pick features to enable\"\n          mode=\"multi\"\n          options={[\n            { label: 'Analytics', value: 'analytics' },\n            { label: 'Session Replay', value: 'replay' },\n            { label: 'Feature Flags', value: 'flags' },\n            { label: 'Surveys', value: 'surveys' },\n          ]}\n          onSelect={(values) => {\n            const arr = Array.isArray(values) ? values : [values];\n            addLog(`Multi: ${arr.join(', ')}`);\n            setStep(DemoStep.GroupedSelect);\n          }}\n        />\n      </Wrapper>\n    );\n  }\n\n  if (step === DemoStep.GroupedSelect) {\n    return (\n      <Wrapper step={step} log={log}>\n        <GroupedPickerMenu\n          message=\"Select integrations\"\n          groups={{\n            Frontend: [\n              { label: 'React SDK', value: 'react-sdk' },\n              { label: 'Web Analytics', value: 'web-analytics' },\n            ],\n            Backend: [\n              { label: 'Node SDK', value: 'node-sdk' },\n              { label: 'Python SDK', value: 'python-sdk' },\n            ],\n            Tooling: [\n              { label: 'MCP Server', value: 'mcp' },\n              { label: 'CLI', value: 'cli' },\n            ],\n          }}\n          onSelect={(values) => {\n            addLog(`Grouped: ${values.join(', ')}`);\n            setStep(DemoStep.Confirmation);\n          }}\n        />\n      </Wrapper>\n    );\n  }\n\n  if (step === DemoStep.Confirmation) {\n    return (\n      <Wrapper step={step} log={log}>\n        <ConfirmationInput\n          message=\"Apply these settings?\"\n          onConfirm={() => {\n            addLog('Confirmed!');\n            setStep(DemoStep.Done);\n          }}\n          onCancel={() => {\n            addLog('Cancelled');\n            setStep(DemoStep.Done);\n          }}\n        />\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper step={step} log={log}>\n      <Text dimColor>\n        All steps complete. Switch away from this tab and back to restart.\n      </Text>\n    </Wrapper>\n  );\n};\n\nconst Wrapper = ({\n  step,\n  log,\n  children,\n}: {\n  step: DemoStep;\n  log: string[];\n  children: ReactNode;\n}) => (\n  <Box flexDirection=\"column\">\n    <Text bold color={Colors.accent}>\n      Keyboard Hints Demo\n    </Text>\n    <Text dimColor>{STEP_LABELS[step]}</Text>\n    <Box height={1} />\n    {children}\n    {log.length > 0 && (\n      <>\n        <Box height={1} />\n        <Text dimColor>Log:</Text>\n        {log.map((entry, i) => (\n          <Text key={i} color={Colors.muted}>\n            {' '}\n            {entry}\n          </Text>\n        ))}\n      </>\n    )}\n  </Box>\n);\n","/**\n * PlaygroundApp — Root component for the primitives playground.\n *\n * Two screens mirroring the real wizard flow:\n *   intro → (press enter) → run (tabbed demo view)\n */\n\nimport { ScreenContainer, TabContainer } from '../primitives/index.js';\nimport type { WizardStore } from '../store.js';\nimport { WelcomeDemo } from './demos/WelcomeDemo.js';\nimport { LayoutDemo } from './demos/LayoutDemo.js';\nimport { InputDemo } from './demos/InputDemo.js';\nimport { ProgressDemo } from './demos/ProgressDemo.js';\nimport { LogDemo } from './demos/LogDemo.js';\nimport { RunScreenDemo } from './demos/RunScreenDemo.js';\nimport { HealthCheckDemo } from './demos/HealthCheckDemo.js';\nimport { ModalDemo } from './demos/ModalDemo.js';\nimport { McpDemo } from './demos/McpDemo.js';\nimport { KeyboardHintsDemo } from './demos/KeyboardHintsDemo.js';\n\ninterface PlaygroundAppProps {\n  store: WizardStore;\n}\n\nexport const PlaygroundApp = ({ store }: PlaygroundAppProps) => {\n  const tabs = [\n    { id: 'layout', label: 'Layout', component: <LayoutDemo /> },\n    { id: 'input', label: 'Input', component: <InputDemo /> },\n    { id: 'progress', label: 'Progress', component: <ProgressDemo /> },\n    { id: 'logs', label: 'Logs', component: <LogDemo /> },\n    {\n      id: 'run',\n      label: 'RunScreen',\n      component: <RunScreenDemo store={store} />,\n    },\n    {\n      id: 'health',\n      label: 'HealthCheck',\n      component: <HealthCheckDemo />,\n    },\n    {\n      id: 'modal',\n      label: 'Modal',\n      component: <ModalDemo />,\n    },\n    {\n      id: 'mcp',\n      label: 'MCP',\n      component: <McpDemo store={store} />,\n    },\n    {\n      id: 'hints',\n      label: 'KeyHints',\n      component: <KeyboardHintsDemo />,\n    },\n  ];\n\n  return (\n    <ScreenContainer\n      store={store}\n      screens={{\n        intro: <WelcomeDemo store={store} />,\n        run: (\n          <TabContainer\n            tabs={tabs}\n            statusMessage=\"Primitives Playground — use arrow keys to switch tabs\"\n          />\n        ),\n      }}\n    />\n  );\n};\n","/**\n * start-playground.ts — Launches the TUI primitives playground.\n */\n\nimport { render } from 'ink';\nimport { createElement } from 'react';\nimport { WizardStore } from '../store.js';\nimport { PlaygroundApp } from './PlaygroundApp.js';\n\nexport function startPlayground(version: string): void {\n  const store = new WizardStore();\n  store.version = version;\n\n  // Pre-fill session so the router skips auth and lands on 'run' after intro\n  store.setCredentials({\n    accessToken: 'fake',\n    projectApiKey: 'fake',\n    host: 'https://app.posthog.com',\n    projectId: 0,\n  });\n\n  const { unmount, waitUntilExit } = render(\n    createElement(PlaygroundApp, { store }),\n  );\n\n  void waitUntilExit().then(() => {\n    unmount();\n    process.exit(0);\n  });\n}\n"],"mappings":"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"}