[MNY-352] Playground: add swap widget iframe

[MananTank]

---

PR-Codex overview

This PR introduces enhancements to the SwapWidgetPlayground, allowing for integration with both iframe and react types. It modifies how themes and options are handled, improves URL management, and updates iframe handling for better user experience.

Detailed summary

• Added integrationType to SwapWidgetPlaygroundOptions.
• Conditional rendering of ColorFormGroup based on integrationType.
• Created getPreviewSrc function to manage iframe URLs.
• Updated persistTokenSelections handling in various components.
• Introduced SwapWidgetPlaygroundAsync for async loading.
• Refactored RightSection to conditionally render iframe or SwapWidget.
• Implemented URL update logic based on selected integration type.
• Enhanced code generation for iframe and react integration types.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[linear]

MNY-352 add swap widget iframe playground

[changeset-bot]

⚠️ No Changeset found

Latest commit: f497b61

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

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

Project	Deployment	Review	Updated (UTC)
docs-v2	Ready	Preview, Comment	Jan 5, 2026 9:52pm
thirdweb_playground	Ready	Preview, Comment	Jan 5, 2026 9:52pm
thirdweb-www	Ready	Preview, Comment	Jan 5, 2026 9:52pm

2 Skipped Deployments

Project	Deployment	Review	Updated (UTC)
nebula	Skipped		Jan 5, 2026 9:52pm
wallet-ui	Skipped		Jan 5, 2026 9:52pm

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

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.

---

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

[MananTank]

• [MNY-352] Playground: add swap widget iframe #8605 👈 (View in Graphite)
• [MNY-351] Portal: Add swap widget iframe docs #8604
• [MNY-344] Dashboard: Add swap-widget iframe #8603
• main

---

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

• merge-queue - adds this PR to the back of the merge queue
• hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 53.19%. Comparing base (f344fb5) to head (f497b61).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #8605   +/-   ##
=======================================
  Coverage   53.19%   53.19%           
=======================================
  Files         922      922           
  Lines       61480    61480           
  Branches     4032     4032           
=======================================
  Hits        32706    32706           
  Misses      28676    28676           
  Partials       98       98           

Flag	Coverage Δ
packages	53.19% <ø> (ø)

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

size-limit report 📦

Path	Size
@thirdweb-dev/nexus (esm)	105.66 KB (0%)
@thirdweb-dev/nexus (cjs)	319.47 KB (0%)

[graphite-app]

Merge activity

• Jan 5, 9:40 PM UTC: MananTank added this pull request to the Graphite merge queue.
• Jan 5, 9:52 PM UTC: Merged by the Graphite merge queue.