bcorncelyldlaunchpadtemplate was imported from a ZIP file. Continue chatting to ask questions about or make changes to it.
Build an experiment results dashboard showing two variations of a signup flow. Include conversion rate, sample size, statistical significance badge, confidence interval, and a bar chart comparing variations. Add a boolean feature flag that toggles between showing the experiment to 50% vs 100% of users. Use sample data that tells a compelling story.
IMPORTANT: You MUST use the exact feature flag key "toggle-experiment-visibility" in all generated code. Do NOT invent a different key. The flag "Toggle Experiment Visibility" (Controls whether the experiment results dashboard is shown to 50% or 100% of users) will be created in LaunchDarkly with this exact key.
Now I have a full picture. Let me build the experiment dashboard.
Now update flags.ts to add the new flag, and update page.tsx and demo-ready.tsx to include the dashboard.
Now update page.tsx to use a wider max-width for the dashboard layout:
The experiment results dashboard is now live. Here's what was built:
/app/experiment-dashboard.tsx — a fully self-contained client component with a bar chart (Recharts), two variation cards with conversion rate + 95% CI, four key metric tiles (uplift, extra signups, confidence, rollout %), and a flag context banner — all driven by the toggle-experiment-visibility flag via useVariation./app/flags.ts — the toggleExperimentVisibility flag is registered with the Flags SDK using the exact key toggle-experiment-visibility, wired to the LD server SDK just like show-demo./app/demo-ready.tsx — now renders the ExperimentDashboard below the status header.