Add interactive customization widgets to Chat in Your App guide

[oatsandsugar]

Summary

• Add CustomizePanel with SelectField for starting point selection (new project / existing Next.js / existing Next.js + MooseStack)
• Add CheckboxGroup for optional Amazon sample dataset toggle
• Wrap tutorial sections in ConditionalContent based on user selection
• Replace ToggleBlock components with ConditionalContent for sample dataset examples
• Collapse decision tree: D1 (has existing app?) and D2 (has MooseStack?) into single 3-way selector

Decision Tree Simplification

Original Decisions	Collapsed To
D1: Has existing Next.js?	Row 1-3 of SelectField
D2: Already has MooseStack?	Row 3 vs Row 2 of SelectField
D3: Using sample dataset?	CheckboxGroup option

Test plan

• Visit http://localhost:3000/guides/chat-in-your-app
• Verify CustomizePanel renders with SelectField and CheckboxGroup
• Select "New project from template" → Tutorial 1 content visible
• Select "Existing Next.js app" → Tutorial 2 with full backend setup visible
• Select "Existing Next.js + MooseStack" → Tutorial 2 with MCP-only setup visible
• Toggle "Use Amazon sample dataset" → Sample dataset examples appear/disappear

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs-v2	Ready	Preview, Comment	Jan 30, 2026 3:42pm

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

• ✅ Full review completed - (🔄 Check again to review again)

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch oatsandsugar/chat-guide-customization

Tip

🧪 Unit Test Generation v2 is now available!

We have significantly improved our unit test generation capabilities.

To enable: Add this to your .coderabbit.yaml configuration:

reviews:
  finishing_touches:
    unit_tests:
      enabled: true

Try it out by using the @coderabbitai generate unit tests command on your code files or under ✨ Finishing Touches on the walkthrough!

Have feedback? Share your thoughts on our Discord thread!

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[okane16]

MCP setup is missing here

[okane16]

we should create a shared component for this since its used in 3+ places and bound to be more