Feat(UI) apkt 2592 make wui ux by reown clickable

[Dargon789]

Description

Please include a brief summary of the change.

Type of change

• Chore (non-breaking change that addresses non-functional tasks, maintenance, or code quality improvements)
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Associated Issues

For Linear issues: Closes APKT-xxx
For GH issues: closes #...

Showcase (Optional)

If there is a UI change include the screenshots with before and after state.
If new feature is being introduced, include the link to demo recording.

Checklist

• Code in this PR is covered by automated tests (Unit tests, E2E tests)
• My changes generate no new warnings
• I have reviewed my own code
• I have filled out all required sections
• I have tested my changes on the preview link
• Approver of this PR confirms that the changes are tested on the preview link

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[sourcery-ai]

Sorry, we are unable to review this pull request

The GitHub API does not allow us to fetch diffs exceeding 300 files, and this pull request has 2849

[snyk-io]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scanner	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[gemini-code-assist]

Summary of Changes

Hello @Dargon789, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request significantly expands the capabilities of the Reown AppKit ecosystem by integrating Bitcoin and TON networks into the browser extension, providing a more versatile multi-chain experience. Concurrently, the demo application has been extensively refactored to offer dynamic and persistent configuration options for chains, networks, and wallet features, enhancing its utility for showcasing AppKit's flexibility. These changes are complemented by robust new end-to-end tests and comprehensive updates to developer tooling and documentation, aiming to improve development workflows and maintain code quality across the project.

Highlights

• Multi-Chain Support in Browser Extension: The browser extension now fully supports Bitcoin (BIP122) and TON (The Open Network) chains, alongside existing EVM and Solana networks. This includes new UI elements for chain selection, dedicated core providers for Bitcoin and TON, and updated balance fetching logic.
• Demo Application Refactor and Dynamic Configuration: The demo application has undergone a significant refactor, introducing dynamic configuration capabilities for chains, networks, and wallet features. Users can now enable/disable specific chains and networks, reorder connect methods and wallet features, and customize social login options, with state persisted via URL parameters.
• Enhanced End-to-End Testing: New Playwright end-to-end tests have been added for the demo application, covering critical user flows such as email connections, wallet connections, and dynamic network configuration, ensuring the stability and correctness of the new features.
• Developer Tooling and Documentation: The repository now includes comprehensive developer tooling and documentation, such as new .cursor/commands and .cursor/rules for standardized development practices, Dependabot configuration for automated dependency updates, bundle size tracking with size-limit, and a detailed CONTRIBUTING.md guide.
• Core Package Updates and Dependencies: Dependencies across the monorepo have been updated, including React/React-DOM to version 19.1.2, and various @reown/appkit-* packages to 1.8.0. The browser extension's webpack.config.js now includes necessary polyfills and WebAssembly support for TON integration.

Ignored Files

• Ignored by pattern: .github/workflows/** (15)
  • .github/workflows/changesets.yml
  • .github/workflows/cta.yml
  • .github/workflows/devin_docs_update.yml
  • .github/workflows/devin_secure_site_update.yml
  • .github/workflows/devin_staking_dashboard_update.yml
  • .github/workflows/devin_unity_cdn_update.yml
  • .github/workflows/pr_checks.yml
  • .github/workflows/publish-prerelease.yml
  • .github/workflows/publish_canary.yml
  • .github/workflows/release-canary.yml
  • .github/workflows/release-publish.yml
  • .github/workflows/release-start.yml
  • .github/workflows/ui_tests.yml
  • .github/workflows/unit_tests.yml
  • .github/workflows/visual_regression_tests.yml

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request introduces significant updates across the AppKit monorepo, focusing on enhanced wallet functionality, improved developer tooling, and better project maintenance. Key changes include adding Bitcoin and TON support to the browser extension, implementing a new useAppKitWallets hook for custom UI, and deferring Coinbase SDK initialization in ethers adapters. Bug fixes address issues with profile wallet tab order, in-app browser wallet buttons, and Base Account SDK connections. Project infrastructure is updated with new Dependabot configurations for automated dependency management, size-limit for bundle size tracking, and new Cursor rules for code quality and development processes. ESLint and GitHub issue templates are also refined. Review comments highlight the need for safer error handling in the Bitcoin provider by explicitly checking for undefined private keys, logging errors in the TON provider's event listener, and adding a TODO comment for Bitcoin balance fetching. Additionally, a suggestion was made to cast node to HTMLElement in DemoPage.ts to avoid @ts-expect-error and to wrap several context provider functions in useCallback for performance optimization.