diff --git a/explorer/.npmrc b/explorer/.npmrc
new file mode 100644
index 0000000000..1efb3ee459
--- /dev/null
+++ b/explorer/.npmrc
@@ -0,0 +1,3 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
+auto-install-peers=true
diff --git a/explorer/README.md b/explorer/README.md
new file mode 100644
index 0000000000..ccfd8ab31b
--- /dev/null
+++ b/explorer/README.md
@@ -0,0 +1,27 @@
+# Lynx Explorer
+
+The official app for testing and exploring Lynx. It is featured in Lynx Quick Start Guide at <https://lynxjs.org/guide/start/quick-start.html>.
+
+The dir consists of two main parts:
+1. Native mobile applications (Android/iOS) that provide the runtime environment
+2. ReactLynx-based web applications that run inside the native apps
+
+## Building the Native Apps
+
+If you want to build and run the native mobile applications from source, please refer to the platform-specific dirs and guides:
+
+### android/
+Contains the native Android apps that integrated Lynx. See [Android Build Guide](android/README.md) for instructions.
+
+### darwin/
+Contains the native iOS apps that integrated Lynx. See [iOS Build Guide](darwin/ios/README.md) for instructions.
+
+## Developing the Bundled Lynx Projects
+
+If you already have a built Lynx Explorer app (or any other Lynx-integrated environment), you can focus on developing the Lynx screens that run inside it. There are currently two screens: 
+
+### homepage/
+Contains the home screen of Lynx Explorer implemented with ReactLynx. This is the entry point of the application.
+
+### showcase/
+Contains the showcase screen of Lynx Explorer implemented with ReactLynx. This demonstrates various Lynx features and capabilities by integrating the official Lynx examples at <https://github.com/lynx-family/lynx-examples>.
diff --git a/explorer/android/README.md b/explorer/android/README.md
index 7c4623d3ae..fcedbcee83 100644
--- a/explorer/android/README.md
+++ b/explorer/android/README.md
@@ -1,13 +1,13 @@
-# Build Lynx Explorer
+# Building Lynx Explorer for Android
 
-This document will help you build LynxExplorer for Android on MacOS, Linux and Windows.
+This document provides instructions for building the Lynx Explorer Android app from source. If you just want to try out Lynx, you can download the pre-built APK from the releases page instead.
 
-## System requirements
+## System Requirements
 
 - 100GB or more of disk space
 - Git/Python3(>=3.9) installed
 
-## Install dependencies
+## Install Dependencies
 
 The following dependencies are needed:
 
@@ -98,7 +98,7 @@ Add the following statement to your environment configuration file (it may be ~/
     [Environment]::SetEnvironmentVariable('PATH', "$JDK_PATH;$EXISTING_PATH", 'User')
     ```
 
-### Android development environment
+### Android Development Environment
 
 Configuring the Android development environment required by Lynx includes the following step:
 
@@ -122,8 +122,7 @@ If you have NOT installed the Android SDK before, you can set ANDROID_HOME to th
     [Environment]::SetEnvironmentVariable('ANDROID_HOME', $path-to-android-sdk, 'User')
     ```
 
-
-### Python library
+### Python Library
 
 We recommend using pyenv to manage python environment.
 To install pyenv: 
@@ -138,9 +137,9 @@ pyenv install 3.9 # or higher
 pyenv global 3.9 # or higher
 ```
 
-## Get the code
+## Get the Code
 
-### Pull the repository
+### Pull the Repository
 
 Pull the code from the Github repository and specify the path(`src/lynx`) to avoid contaminating the directory when installing dependencies.
 
@@ -148,7 +147,7 @@ Pull the code from the Github repository and specify the path(`src/lynx`) to avo
 git clone https://github.com/lynx-family/lynx.git src/lynx
 ```
 
-### Get the dependent files
+### Get the Dependent Files
 
 After getting the project repository, execute the following commands in the root directory of the project to get the project dependent files.
 
@@ -168,7 +167,7 @@ After getting the project repository, execute the following commands in the root
     tools\hab.ps1 sync .
     ```
 
-### Install the Android components
+### Install the Android Components
 
 Execute the following commands, which will install the Android components required by Lynx, including the Android SDK/NDK. During the execution process, your authorization might be required.
 
@@ -176,33 +175,33 @@ Execute the following commands, which will install the Android components requir
 python3 tools/android_tools/prepare_android_build.py
 ```
 
-## Compile and run
+## Build and Run
 
 You can compile LynxExplorer through the command line terminal or Android Studio. The following two methods are introduced respectively.
 
-### Method 1: Compile and run using Android Studio
+### Method 1: Build and Run using Android Studio
 
-#### Open the project
+#### Open the Project
 
-1.Use Android Studio to open the `/explorer/android` directory of the project.
+1. Use Android Studio to open the `/explorer/android` directory of the project.
 
-2.Make sure that the JDK used by your Android Studio points to the JDK 11 installed in the above steps: 
+2. Make sure that the JDK used by your Android Studio points to the JDK 11 installed in the above steps: 
 
-1. Open Settings > Build,Execution,Deployment > Build Tools > Gradle, modify the Default Gradle JDK.
-2. Fill in the path of your JAVA_HOME. If you follow the JDK configuration steps above, it is likely to be
-    - `/Library/Java/JavaVirtualMachines/zulu-11.jdk/Contents/Home` on MacOS.
-    - `/usr/lib/jvm/java-11-openjdk-amd64` on Linux.
-    - `C:\Program Files\ojdkbuild\java-11-openjdk-11.0.15-1` on Windows.
+    1. Open Settings > Build,Execution,Deployment > Build Tools > Gradle, modify the Default Gradle JDK.
+    2. Fill in the path of your JAVA_HOME. If you follow the JDK configuration steps above, it is likely to be
+        - `/Library/Java/JavaVirtualMachines/zulu-11.jdk/Contents/Home` on MacOS.
+        - `/usr/lib/jvm/java-11-openjdk-amd64` on Linux.
+        - `C:\Program Files\ojdkbuild\java-11-openjdk-11.0.15-1` on Windows.
 
-3.Trigger Gradle sync.
+3. Trigger Gradle sync.
 
-#### Compile and run
+#### Build and Run
 
 Select the `LynxExplorer` module and click the `Run` button to experience LynxExplorer on your device.
 
-### Method 2: Compile and run using the command line
+### Method 2: Build and Run using the Command Line
 
-#### Compile
+#### Build
 
 Enter the `explorer/android` directory from the project root directory and execute the following command.
 
@@ -217,9 +216,9 @@ This command will generate LynxExplorer-noasan-debug.apk in the `lynx_explorer/b
 
 You can install the above .apk file on your device using the adb command.
 
-````
+```
 adb install lynx_explorer/build/outputs/apk/noasan/debug/LynxExplorer-noasan-debug.apk
-````
+```
 
 If the adb command is not found, you can add the path to the adb command in the environment configuration file(~/.zshrc or ~/.bash_profile or ~/.bashrc):
 
diff --git a/explorer/darwin/ios/README.md b/explorer/darwin/ios/README.md
index d5992fdf0a..98f92edb25 100644
--- a/explorer/darwin/ios/README.md
+++ b/explorer/darwin/ios/README.md
@@ -1,13 +1,13 @@
-# Build Lynx Explorer for iOS
+# Building Lynx Explorer for iOS
 
-This document will help you build LynxExplorer for iOS on macOS.
+This document provides instructions for building the Lynx Explorer iOS app from source. If you just want to try out Lynx, you can download the pre-built app from the releases page instead.
 
-## System requirements
+## System Requirements
 
 - 100GB or more of disk space
 - Git/Python3(>=3.9)/Ruby(>=2.7, <3.4) installed
 
-## Install dependencies
+## Install Dependencies
 
 The following dependencies are needed:
 
@@ -23,7 +23,7 @@ Lynx requires Xcode 15.0 or later. It is recommended to keep Xcode up to date. Y
 - Open Xcode->Settings->Locations, to make sure the `Command Line Tools` are configured
 - You can run `xcode-select -p` in the terminal, and if it prints a correct path, it's configure successfully.
 
-### Python library
+### Python Library
 
 The yaml dependency needs to be installed to execute some auto-generation logic.
 
@@ -35,9 +35,9 @@ source venv/bin/activate
 pip3 install pyyaml
 ```
 
-## Get the source code
+## Get the Source Code
 
-### Pull the repository
+### Pull the Repository
 
 Pull the code from the Github repository and specify the path(`src/lynx`) to avoid contaminating the directory when installing dependencies.
 
@@ -45,7 +45,7 @@ Pull the code from the Github repository and specify the path(`src/lynx`) to avo
 git clone https://github.com/lynx-family/lynx.git src/lynx
 ```
 
-### Install third-party library
+### Install Third-party Library
 
 Run the following commands from the root of the repository to install the dependencies.
 
@@ -67,7 +67,7 @@ cd explorer/darwin/ios/lynx_explorer
 
 ## Troubleshooting
 
-### Using a Personal Team to run on device
+### Using a Personal Team to Run on Device
 
 By default, the project doesn't configure the "Team" for signing. If you want to change it to your Personal Team (associated with your Apple ID), follow these steps:
 
@@ -76,11 +76,10 @@ By default, the project doesn't configure the "Team" for signing. If you want to
 3. Update the "Bundle Identifier" from `com.lynx.LynxExplorer` to a unique identifier like `com.<your-name>.LynxExplorer`. This step ensures the identifier is unique and available for your use.
 4. Enable the "Automatically manage signing" option to allow Xcode to handle the app signing process automatically.
 
-### Handle error when installing ruby gems
+### Handle Error when Installing Ruby Gems
 
 When running `./bundle_install.sh` command, if you encounter the following problems: *Bundler::GemNotFound: Your bundle is lock to xxx, but that version could not be found in any of the sources listed in Gemfile...* You can try running the following commands to fix the problem:
 ```
 SDKROOT=/Library/Developer/CommandLineTools/SDKs/MacOSX.sdk bundle install
 ./bundle_install.sh
 ```
-
diff --git a/explorer/darwin/ios/lynx_explorer/bundle_install.sh b/explorer/darwin/ios/lynx_explorer/bundle_install.sh
index 4dcdf673cb..8a4b841037 100755
--- a/explorer/darwin/ios/lynx_explorer/bundle_install.sh
+++ b/explorer/darwin/ios/lynx_explorer/bundle_install.sh
@@ -20,7 +20,7 @@ usage() {
 build_card_resources() {
     # build home page card
     pushd $root_dir/explorer/homepage
-    pnpm install
+    pnpm install --no-frozen-lockfile
     pnpm run build
     cp $root_dir/explorer/homepage/dist/main.lynx.bundle $root_dir/explorer/darwin/ios/lynx_explorer/LynxExplorer/Resource/homepage.lynx.bundle
     popd
diff --git a/explorer/homepage/build.py b/explorer/homepage/build.py
index 98e188fe12..3fffd99507 100644
--- a/explorer/homepage/build.py
+++ b/explorer/homepage/build.py
@@ -12,5 +12,5 @@
 from tools.js_tools.pnpm_helper import run_pnpm_command
 
 # Install dependencies and build
-run_pnpm_command(['pnpm', 'install'], os.getcwd())
+run_pnpm_command(['pnpm', 'install', '--frozen-lockfile'], os.getcwd())
 run_pnpm_command(['pnpm', 'build'], os.getcwd())
diff --git a/explorer/homepage/components/homepage/index.tsx b/explorer/homepage/components/homepage/index.tsx
index 96aac39ed0..882ea7daa4 100644
--- a/explorer/homepage/components/homepage/index.tsx
+++ b/explorer/homepage/components/homepage/index.tsx
@@ -2,16 +2,17 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
-import { Component } from '@lynx-js/react';
+import { useState } from '@lynx-js/react';
 import './index.scss';
 
-import ExplorerIcon from '@assets/images/explorer.png?inline';
 import ExplorerIconDark from '@assets/images/explorer-dark.png?inline';
-import ForwardIcon from '@assets/images/forward.png?inline';
+import ExplorerIcon from '@assets/images/explorer.png?inline';
 import ForwardIconDark from '@assets/images/forward-dark.png?inline';
-import ScanIcon from '@assets/images/scan.png?inline';
+import ForwardIcon from '@assets/images/forward.png?inline';
 import ScanIconDark from '@assets/images/scan-dark.png?inline';
+import ScanIcon from '@assets/images/scan.png?inline';
 import ShowcaseIcon from '@assets/images/showcase.png?inline';
+import type { InputEvent } from '../../typing';
 
 interface HomePageProps {
   showPage: boolean;
@@ -20,8 +21,10 @@ interface HomePageProps {
   withNotchScreen: (className: string) => string;
 }
 
-export default class HomePage extends Component<HomePageProps> {
-  icons = {
+export default function HomePage(props: HomePageProps) {
+  const [inputValue, setInputValue] = useState('');
+
+  const icons = {
     Scan: {
       Dark: ScanIconDark,
       Light: ScanIcon,
@@ -34,29 +37,28 @@ export default class HomePage extends Component<HomePageProps> {
       Dark: ExplorerIconDark,
       Light: ExplorerIcon,
     },
-  };
-
-  inputValue: string = '';
+  } as const;
 
-  constructor(props: HomePageProps) {
-    super(props);
-  }
+  type Theme = 'Dark' | 'Light';
 
-  openScan = () => {
+  const openScan = () => {
+    'background only';
     NativeModules.ExplorerModule.openScan();
   };
 
-  openSchema = () => {
-    NativeModules.ExplorerModule.openSchema(this.inputValue);
+  const openSchema = () => {
+    'background only';
+    NativeModules.ExplorerModule.openSchema(inputValue);
   };
 
-  openShowcasePage = () => {
+  const openShowcasePage = () => {
+    'background only';
     const theme =
-      this.props.currentTheme == 'Auto'
+      props.currentTheme === 'Auto'
         ? lynx.__globalProps.theme
-        : this.props.currentTheme;
-    const titleColor = theme == 'Dark' ? 'FFFFFF' : '000000';
-    const barColor = theme == 'Dark' ? '181D25' : 'F0F2F5';
+        : props.currentTheme;
+    const titleColor = theme === 'Dark' ? 'FFFFFF' : '000000';
+    const barColor = theme === 'Dark' ? '181D25' : 'F0F2F5';
     const backButtonStyle = theme.toLowerCase();
 
     const query = `title=Showcase&title_color=${titleColor}&bar_color=${barColor}&back_button_style=${backButtonStyle}`;
@@ -65,101 +67,96 @@ export default class HomePage extends Component<HomePageProps> {
     );
   };
 
-  handleInput = (event: any) => {
+  const handleInput = (event: InputEvent) => {
+    'background only';
     const currentValue = event.detail.value.trim();
-    this.inputValue = currentValue;
+    setInputValue(currentValue);
   };
 
-  icon(name: string) {
-    const { currentTheme } = this.props;
+  const getIcon = (name: keyof typeof icons) => {
+    const { currentTheme } = props;
     if (currentTheme !== 'Auto') {
-      return this.icons[name][currentTheme];
+      return icons[name][currentTheme as Theme];
     }
-    return this.icons[name][lynx.__globalProps.theme];
-  }
+    return icons[name][lynx.__globalProps.theme as Theme];
+  };
 
-  textColor() {
-    const { currentTheme } = this.props;
+  const getTextColor = () => {
+    const { currentTheme } = props;
     if (currentTheme !== 'Auto') {
-      return currentTheme == 'Dark' ? '#FFFFFF' : '#000000';
-    }
-    return lynx.__globalProps.theme == 'Dark' ? '#FFFFFF' : '#000000';
-  }
-
-  render() {
-    const { showPage, withTheme, withNotchScreen } = this.props;
-    if (!showPage) {
-      return <></>;
+      return currentTheme === 'Dark' ? '#FFFFFF' : '#000000';
     }
+    return lynx.__globalProps.theme === 'Dark' ? '#FFFFFF' : '#000000';
+  };
 
-    return (
-      <view clip-radius="true" className={withTheme('page')}>
-        <view className={withNotchScreen('page-header')}>
-          <image
-            src={this.icon('Explorer')}
-            className="logo"
-            mode="aspectFit"
-          />
-          <text className={withTheme('home-title')}>Lynx Explorer</text>
-          <view className="scan">
-            {(() => {
-              if (SystemInfo.platform == 'iOS') {
-                return <></>;
-              }
-              return (
-                <image
-                  src={this.icon('Scan')}
-                  className="scan-icon"
-                  bindtap={this.openScan}
-                  accessibility-element={true}
-                  accessibility-label="Open Scan"
-                  accessibility-traits="button"
-                />
-              );
-            })()}
-          </view>
-        </view>
+  const { showPage, withTheme, withNotchScreen } = props;
+  if (!showPage) {
+    return <></>;
+  }
 
-        <view className={withTheme('input-card-url')}>
-          <text className={withTheme('bold-text')}>Card URL</text>
-          <input
-            className="input-box"
-            bindinput={this.handleInput}
-            placeholder="Enter Card URL"
-            text-color={this.textColor()}
-          />
-          <view
-            className={withTheme('connect-button')}
-            bindtap={this.openSchema}
-            accessibility-element={true}
-            accessibility-label="Open Schema"
-            accessibility-traits="button"
-          >
-            <text
-              style="line-height: 22px; color: #ffffff; font-size: 16px"
-              accessibility-element={false}
-            >
-              Go
-            </text>
-          </view>
+  return (
+    <view clip-radius="true" className={withTheme('page')}>
+      <view className={withNotchScreen('page-header')}>
+        <image src={getIcon('Explorer')} className="logo" mode="aspectFit" />
+        <text className={withTheme('home-title')}>Lynx Explorer</text>
+        <view className="scan">
+          {(() => {
+            if (SystemInfo.platform === 'iOS') {
+              return <></>;
+            }
+            return (
+              <image
+                src={getIcon('Scan')}
+                className="scan-icon"
+                bindtap={openScan}
+                accessibility-element={true}
+                accessibility-label="Open Scan"
+                accessibility-traits="button"
+              />
+            );
+          })()}
         </view>
+      </view>
 
+      <view className={withTheme('input-card-url')}>
+        <text className={withTheme('bold-text')}>Card URL</text>
+        <input
+          className="input-box"
+          bindinput={handleInput}
+          placeholder="Enter Card URL"
+          text-color={getTextColor()}
+        />
         <view
-          className={withTheme('showcase')}
-          bindtap={this.openShowcasePage}
+          className={withTheme('connect-button')}
+          bindtap={openSchema}
           accessibility-element={true}
-          accessibility-label="Open Show Cases"
+          accessibility-label="Open Schema"
           accessibility-traits="button"
         >
-          <image src={ShowcaseIcon} className="showcase-icon" />
-          <text className={withTheme('text')} accessibility-element={false}>
-            Showcase
+          <text
+            style="line-height: 22px; color: #ffffff; font-size: 16px"
+            accessibility-element={false}
+          >
+            Go
           </text>
-          <view style="margin: auto 5% auto auto; justify-content: center">
-            <image src={this.icon('Forward')} className="forward-icon" />
-          </view>
         </view>
       </view>
-    );
-  }
+
+      <view
+        className={withTheme('showcase')}
+        bindtap={openShowcasePage}
+        accessibility-element={true}
+        accessibility-label="Open Show Cases"
+        accessibility-traits="button"
+      >
+        <image src={ShowcaseIcon} className="showcase-icon" />
+        <text className={withTheme('text')} accessibility-element={false}>
+          Showcase
+        </text>
+        <view style="margin: auto 5% auto auto; justify-content: center">
+          <image src={getIcon('Forward')} className="forward-icon" />
+        </view>
+      </view>
+    </view>
+  );
 }
diff --git a/explorer/homepage/components/navigator/index.tsx b/explorer/homepage/components/navigator/index.tsx
index e17b89cf3d..27b5ea4cd2 100644
--- a/explorer/homepage/components/navigator/index.tsx
+++ b/explorer/homepage/components/navigator/index.tsx
@@ -2,17 +2,16 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
-import { Component } from '@lynx-js/react';
 import './index.scss';
 
-import homeIcon from '@assets/images/home.png?inline';
 import homeIconDark from '@assets/images/home-dark.png?inline';
-import selectedHomeIcon from '@assets/images/home-selected.png?inline';
 import selectedHomeIconDark from '@assets/images/home-selected-dark.png?inline';
-import settingsIcon from '@assets/images/settings.png?inline';
+import selectedHomeIcon from '@assets/images/home-selected.png?inline';
+import homeIcon from '@assets/images/home.png?inline';
 import settingsIconDark from '@assets/images/settings-dark.png?inline';
-import selectedSettingsIcon from '@assets/images/settings-selected.png?inline';
 import selectedSettingsIconDark from '@assets/images/settings-selected-dark.png?inline';
+import selectedSettingsIcon from '@assets/images/settings-selected.png?inline';
+import settingsIcon from '@assets/images/settings.png?inline';
 
 interface NavigatorProps {
   showHomePage: boolean;
@@ -23,8 +22,11 @@ interface NavigatorProps {
   openSettingsPage: () => void;
 }
 
-export default class Navigator extends Component<NavigatorProps, unknown> {
-  icons = {
+type IconName = 'home' | 'settings';
+type ThemeType = 'Dark' | 'Light';
+
+export default function Navigator(props: NavigatorProps) {
+  const icons = {
     home: {
       selected: {
         Dark: selectedHomeIconDark,
@@ -45,52 +47,43 @@ export default class Navigator extends Component<NavigatorProps, unknown> {
         Light: settingsIcon,
       },
     },
-  };
+  } as const;
 
-  constructor(props: any) {
-    super(props);
-  }
-
-  icon(name: string, selected: boolean) {
-    const { currentTheme } = this.props;
+  const getIcon = (name: IconName, selected: boolean) => {
+    const { currentTheme } = props;
     if (currentTheme !== 'Auto') {
-      return this.icons[name][selected ? 'selected' : 'unselected'][
-        currentTheme
+      return icons[name][selected ? 'selected' : 'unselected'][
+        currentTheme as ThemeType
       ];
     }
-    return this.icons[name][selected ? 'selected' : 'unselected'][
-      lynx.__globalProps.theme
+    return icons[name][selected ? 'selected' : 'unselected'][
+      lynx.__globalProps.theme as ThemeType
     ];
-  }
+  };
 
-  render() {
-    return (
-      <view clip-radius="true" className={this.props.withTheme('navigator')}>
-        <view
-          className="button"
-          bindtap={this.props.openHomePage}
-          accessibility-element={true}
-          accessibility-label="Show Home Page"
-          accessibility-traits="button"
-        >
-          <image
-            src={this.icon('home', this.props.showHomePage)}
-            className="icon"
-          />
-        </view>
-        <view
-          className="button"
-          bindtap={this.props.openSettingsPage}
-          accessibility-element={true}
-          accessibility-label="Show Settings Page"
-          accessibility-traits="button"
-        >
-          <image
-            src={this.icon('settings', this.props.showSettingsPage)}
-            className="icon"
-          />
-        </view>
+  return (
+    <view clip-radius="true" className={props.withTheme('navigator')}>
+      <view
+        className="button"
+        bindtap={props.openHomePage}
+        accessibility-element={true}
+        accessibility-label="Show Home Page"
+        accessibility-traits="button"
+      >
+        <image src={getIcon('home', props.showHomePage)} className="icon" />
+      </view>
+      <view
+        className="button"
+        bindtap={props.openSettingsPage}
+        accessibility-element={true}
+        accessibility-label="Show Settings Page"
+        accessibility-traits="button"
+      >
+        <image
+          src={getIcon('settings', props.showSettingsPage)}
+          className="icon"
+        />
       </view>
-    );
-  }
+    </view>
+  );
 }
diff --git a/explorer/homepage/components/settingspage/index.tsx b/explorer/homepage/components/settingspage/index.tsx
index 7e4f7fded7..f8d22a8627 100644
--- a/explorer/homepage/components/settingspage/index.tsx
+++ b/explorer/homepage/components/settingspage/index.tsx
@@ -2,21 +2,20 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
-import { Component, useState } from '@lynx-js/react';
+import { useState } from '@lynx-js/react';
 import './index.scss';
 
-import ForwardIcon from '@assets/images/forward.png?inline';
-import ForwardDarkIcon from '@assets/images/forward-dark.png?inline';
 import AutoDarkIcon from '@assets/images/auto-dark.png?inline';
 import AutoLightIcon from '@assets/images/auto.png?inline';
 import DarkDarkIcon from '@assets/images/dark-dark.png?inline';
 import DarkLightIcon from '@assets/images/dark.png?inline';
+import ForwardDarkIcon from '@assets/images/forward-dark.png?inline';
+import ForwardIcon from '@assets/images/forward.png?inline';
 import LightDarkIcon from '@assets/images/light-dark.png?inline';
 import LightLightIcon from '@assets/images/light.png?inline';
 
 interface SettingsPageProps {
   showPage: boolean;
-
   themes: string[];
   currentTheme: string;
   setTheme: (theme: string) => void;
@@ -24,11 +23,10 @@ interface SettingsPageProps {
   withNotchScreen: (className: string) => string;
 }
 
-export default class SettingsPage extends Component<
-  SettingsPageProps,
-  unknown
-> {
-  icons = {
+export default function SettingsPage(props: SettingsPageProps) {
+  const [listAsyncRender, setListAsyncRender] = useState(false);
+
+  const icons = {
     Auto: {
       Dark: AutoDarkIcon,
       Light: AutoLightIcon,
@@ -45,127 +43,125 @@ export default class SettingsPage extends Component<
       Dark: ForwardDarkIcon,
       Light: ForwardIcon,
     },
-  };
+  } as const;
 
-  constructor(props: any) {
-    super(props);
-  }
+  type Theme = 'Dark' | 'Light';
 
-  openDevtoolSwitchPage = () => {
+  const openDevtoolSwitchPage = () => {
     NativeModules.ExplorerModule.openDevtoolSwitchPage();
   };
 
-  icon(name: string) {
-    const { currentTheme } = this.props;
+  const getIcon = (name: keyof typeof icons) => {
+    const { currentTheme } = props;
     if (currentTheme !== 'Auto') {
-      return this.icons[name][currentTheme];
+      return icons[name][currentTheme as Theme];
     }
-    return this.icons[name][lynx.__globalProps.theme];
-  }
+    return icons[name][lynx.__globalProps.theme as Theme];
+  };
 
-  render() {
-    const { showPage } = this.props;
-    const { themes, currentTheme, withTheme, withNotchScreen } = this.props;
-    const [listAsyncRender, setListAsyncRender] = useState(false);
-    if (!showPage) {
-      return <></>;
-    }
+  const { showPage, themes, currentTheme, withTheme, withNotchScreen } = props;
+  if (!showPage) {
+    return <></>;
+  }
 
-    return (
-      <view clip-radius="true" className={withTheme('page')}>
-        <view className={withNotchScreen('page-header')}>
-          <text className={withTheme('title')}>Settings</text>
-        </view>
+  return (
+    <view clip-radius="true" className={withTheme('page')}>
+      <view className={withNotchScreen('page-header')}>
+        <text className={withTheme('title')}>Settings</text>
+      </view>
 
-        <view style="margin: 0px 5% 0px 5%; height: 5%">
-          <text className={withTheme('sub-title')}>Theme</text>
-        </view>
-        <view className={withTheme('theme')}>
-          {themes.map((theme) => {
-            return (
+      <view style="margin: 0px 5% 0px 5%; height: 5%">
+        <text className={withTheme('sub-title')}>Theme</text>
+      </view>
+      <view className={withTheme('theme')}>
+        {themes.map((theme) => {
+          return (
+            <view
+              key={theme}
+              className="option-item"
+              bindtap={() => props.setTheme(theme)}
+              accessibility-element={true}
+              accessibility-label={`Set Theme ${theme}`}
+              accessibility-traits="button"
+            >
+              <image
+                src={getIcon(theme as keyof typeof icons)}
+                className="option-icon"
+              />
+              <text className={withTheme('text')}>{theme}</text>
               <view
-                className="option-item"
-                bindtap={() => this.props.setTheme(theme)}
-                accessibility-element={true}
-                accessibility-label={`Set Theme ${theme}`}
-                accessibility-traits="button"
+                className={
+                  currentTheme === theme
+                    ? withTheme('radio-button-container-active')
+                    : withTheme('radio-button-container-inactive')
+                }
               >
-                <image src={this.icon(theme)} className="option-icon" />
-                <text className={withTheme('text')}>{theme}</text>
-                <view
-                  className={
-                    currentTheme == theme
-                      ? withTheme('radio-button-container-active')
-                      : withTheme('radio-button-container-inactive')
-                  }
-                >
-                  {currentTheme == theme ? (
-                    <view className={withTheme('radio-button-active')} />
-                  ) : (
-                    <view className={withTheme('radio-button')} />
-                  )}
-                </view>
+                {currentTheme === theme ? (
+                  <view className={withTheme('radio-button-active')} />
+                ) : (
+                  <view className={withTheme('radio-button')} />
+                )}
               </view>
-            );
-          })}
-        </view>
+            </view>
+          );
+        })}
+      </view>
 
-        <view style="margin: 3% 5% 0px 5%; height: 5%">
-          <text className={withTheme('sub-title')}>DevTool</text>
+      <view style="margin: 3% 5% 0px 5%; height: 5%">
+        <text className={withTheme('sub-title')}>DevTool</text>
+      </view>
+      <view
+        className={withTheme('devtool')}
+        bindtap={openDevtoolSwitchPage}
+        accessibility-element={true}
+        accessibility-label="Lynx DevTool Switches"
+        accessibility-traits="button"
+      >
+        <text className={withTheme('text')} accessibility-element={false}>
+          Lynx DevTool Switches
+        </text>
+        <view style="margin: auto 5% auto auto; justify-content: center">
+          <image src={getIcon('Forward')} className="forward-icon" />
         </view>
+      </view>
+
+      <view style="margin: 3% 5% 0px 5%; height: 5%">
+        <text className={withTheme('sub-title')}>Render Strategy</text>
+      </view>
+      <view
+        className={withTheme('theme')}
+        style="height: 8%;justify-content:center"
+      >
         <view
-          className={withTheme('devtool')}
-          bindtap={this.openDevtoolSwitchPage}
+          className="option-item"
+          bindtap={() => {
+            NativeModules.ExplorerModule.setThreadMode(
+              !listAsyncRender ? 1 : 0
+            );
+            setListAsyncRender(!listAsyncRender);
+          }}
           accessibility-element={true}
-          accessibility-label="Lynx DevTool Switches"
+          accessibility-label={'List Async Render'}
           accessibility-traits="button"
         >
-          <text className={withTheme('text')} accessibility-element={false}>
-            Lynx DevTool Switches
+          <text className={withTheme('text')}>
+            {'Enable List Async Render'}
           </text>
-          <view style="margin: auto 5% auto auto; justify-content: center">
-            <image src={this.icon('Forward')} className="forward-icon" />
-          </view>
-        </view>
-
-        <view style="margin: 3% 5% 0px 5%; height: 5%">
-          <text className={withTheme('sub-title')}>Render Strategy</text>
-        </view>
-        <view
-          className={withTheme('theme')}
-          style="height: 8%;justify-content:center"
-        >
           <view
-            className="option-item"
-            bindtap={() => {
-              NativeModules.ExplorerModule.setThreadMode(
-                !listAsyncRender ? 1 : 0
-              );
-              setListAsyncRender(!listAsyncRender);
-            }}
-            accessibility-element={true}
-            accessibility-label={`List Async Render`}
-            accessibility-traits="button"
+            className={
+              listAsyncRender
+                ? withTheme('radio-button-container-active')
+                : withTheme('radio-button-container-inactive')
+            }
           >
-            <text className={withTheme('text')}>
-              {'Enable List Async Render'}
-            </text>
-            <view
-              className={
-                listAsyncRender
-                  ? withTheme('radio-button-container-active')
-                  : withTheme('radio-button-container-inactive')
-              }
-            >
-              {listAsyncRender ? (
-                <view className={withTheme('radio-button-active')} />
-              ) : (
-                <view className={withTheme('radio-button')} />
-              )}
-            </view>
+            {listAsyncRender ? (
+              <view className={withTheme('radio-button-active')} />
+            ) : (
+              <view className={withTheme('radio-button')} />
+            )}
           </view>
         </view>
       </view>
-    );
-  }
+    </view>
+  );
 }
diff --git a/explorer/homepage/index.tsx b/explorer/homepage/index.tsx
index bf3d6e36b4..5eb7b300c4 100644
--- a/explorer/homepage/index.tsx
+++ b/explorer/homepage/index.tsx
@@ -2,7 +2,7 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
-import { Component, root } from '@lynx-js/react';
+import { root, useState } from '@lynx-js/react';
 
 import HomePage from '@components/homepage';
 import Navigator from '@components/navigator';
@@ -11,92 +11,89 @@ import SettingsPage from '@components/settingspage';
 interface ContainerPageState {
   showHomePage: boolean;
   showSettingsPage: boolean;
-
   themes: string[];
   currentTheme: string;
 }
 
-export default class Explorer extends Component<unknown, ContainerPageState> {
-  constructor() {
-    super(null);
-    this.state = {
-      showHomePage: true,
-      showSettingsPage: false,
-      themes: ['Auto', 'Light', 'Dark'],
-      currentTheme: lynx.__globalProps.preferredTheme || 'Auto',
-    };
-  }
+export default function Explorer() {
+  const [state, setState] = useState<ContainerPageState>({
+    showHomePage: true,
+    showSettingsPage: false,
+    themes: ['Auto', 'Light', 'Dark'],
+    currentTheme: lynx.__globalProps.preferredTheme || 'Auto',
+  });
 
-  openHomePage = () => {
-    if (this.state.showHomePage) {
+  const openHomePage = () => {
+    if (state.showHomePage) {
       return;
     }
-    this.setState({
+    setState((prev) => ({
+      ...prev,
       showHomePage: true,
       showSettingsPage: false,
-    });
+    }));
   };
 
-  openSettingsPage = () => {
-    if (this.state.showSettingsPage) {
+  const openSettingsPage = () => {
+    if (state.showSettingsPage) {
       return;
     }
-    this.setState({
+    setState((prev) => ({
+      ...prev,
       showHomePage: false,
       showSettingsPage: true,
-    });
+    }));
   };
 
-  setTheme = (theme: string) => {
-    if (this.state.currentTheme == theme) {
+  const setTheme = (theme: string) => {
+    if (state.currentTheme === theme) {
       return;
     }
 
-    this.setState({
+    setState((prev) => ({
+      ...prev,
       currentTheme: theme,
-    });
+    }));
 
     NativeModules.ExplorerModule.saveThemePreferences('preferredTheme', theme);
   };
 
-  withTheme = (className: string) => {
-    const { currentTheme } = this.state;
+  const withTheme = (className: string) => {
+    const { currentTheme } = state;
     if (currentTheme !== 'Auto') {
       return `${className}__${currentTheme.toLowerCase()}`;
     }
     return `${className}__${lynx.__globalProps.theme.toLowerCase()}`;
   };
 
-  withNotchScreen = (className: string) => {
+  const withNotchScreen = (className: string) => {
     return lynx.__globalProps.isNotchScreen ? `${className}__notch` : className;
   };
 
-  render() {
-    return (
-      <view clip-radius="true" style="height: 100%">
-        <HomePage
-          currentTheme={this.state.currentTheme}
-          withNotchScreen={this.withNotchScreen}
-          withTheme={this.withTheme}
-          showPage={this.state.showHomePage}
-        />
-        <SettingsPage
-          themes={this.state.themes}
-          currentTheme={this.state.currentTheme}
-          withNotchScreen={this.withNotchScreen}
-          withTheme={this.withTheme}
-          setTheme={this.setTheme}
-          showPage={this.state.showSettingsPage}
-        />
-        <Navigator
-          {...this.state}
-          withTheme={this.withTheme}
-          openHomePage={this.openHomePage}
-          openSettingsPage={this.openSettingsPage}
-        />
-      </view>
-    );
-  }
+  return (
+    <view clip-radius="true" style={{ height: '100%' }}>
+      <HomePage
+        currentTheme={state.currentTheme}
+        withNotchScreen={withNotchScreen}
+        withTheme={withTheme}
+        showPage={state.showHomePage}
+      />
+      <SettingsPage
+        themes={state.themes}
+        currentTheme={state.currentTheme}
+        withNotchScreen={withNotchScreen}
+        withTheme={withTheme}
+        setTheme={setTheme}
+        showPage={state.showSettingsPage}
+      />
+      <Navigator
+        {...state}
+        withTheme={withTheme}
+        openHomePage={openHomePage}
+        openSettingsPage={openSettingsPage}
+      />
+    </view>
+  );
 }
 
 root.render(<Explorer />);
diff --git a/explorer/homepage/package.json b/explorer/homepage/package.json
index f3e7d38452..9a223b9c2e 100644
--- a/explorer/homepage/package.json
+++ b/explorer/homepage/package.json
@@ -2,23 +2,24 @@
   "name": "homepage",
   "version": "0.0.1",
   "license": "Apache-2.0",
+  "type": "module",
+  "private": true,
   "scripts": {
     "build": "rspeedy build",
     "build:dev": "rspeedy build --mode=development",
     "dev": "rspeedy dev"
   },
   "dependencies": {
-    "@lynx-js/react": "^0.105.0"
+    "@lynx-js/react": "0.107.0"
   },
   "devDependencies": {
-    "@lynx-js/qrcode-rsbuild-plugin": "^0.3.3",
-    "@lynx-js/react-rsbuild-plugin": "^0.9.8",
-    "@lynx-js/rspeedy": "^0.9.3",
+    "@lynx-js/qrcode-rsbuild-plugin": "0.3.6",
+    "@lynx-js/react-rsbuild-plugin": "0.9.8",
+    "@lynx-js/rspeedy": "0.9.3",
+    "@lynx-js/types": "3.3.0",
     "@rsbuild/core": "^1.1.11",
     "@rsbuild/plugin-sass": "^1.1.2",
-    "@rspack/core": "^1.3.7",
-    "@types/react": "^18.3.2",
-    "prettier": "3.4.2",
-    "webpack": "^5.0.0"
+    "@types/react": "18.3.18",
+    "prettier": "3.4.2"
   }
 }
diff --git a/explorer/homepage/tsconfig.json b/explorer/homepage/tsconfig.json
new file mode 100644
index 0000000000..571b6fba68
--- /dev/null
+++ b/explorer/homepage/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "@lynx-js/react",
+
+    "module": "esnext",
+    "moduleResolution": "bundler",
+
+    "strict": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+
+    "paths": {
+      "@components/*": ["components/*"],
+      "@assets/*": ["assets/*"]
+    },
+    "baseUrl": "."
+  },
+  "exclude": ["dist/"]
+}
diff --git a/explorer/homepage/typing.d.ts b/explorer/homepage/typing.d.ts
index 86ca7febf3..6f74a8692a 100644
--- a/explorer/homepage/typing.d.ts
+++ b/explorer/homepage/typing.d.ts
@@ -2,15 +2,68 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
-declare module "*.png?inline";
-
-declare let NativeModules: {
-  ExplorerModule: {
-    openScan(): void;
-    openSchema(url: string): void;
-    getSettingInfo(): any;
-    setThreadMode(index: number): void;
-    openDevtoolSwitchPage(): void;
-    saveThemePreferences(key: string, value: string): void;
+/**
+ * Type declarations specific to this project.
+ *
+ * These types must be declared in their original scope to avoid conflicts
+ * and prevent being overridden by '@lynx-js/react' type imports.
+ */
+
+import type { BaseEvent, StandardProps } from '@lynx-js/types';
+
+declare global {
+  declare module '*.png?inline';
+
+  declare let NativeModules: {
+    ExplorerModule: {
+      openScan(): void;
+      openSchema(url: string): void;
+      getSettingInfo(): Record<string, unknown>;
+      setThreadMode(index: number): void;
+      openDevtoolSwitchPage(): void;
+      saveThemePreferences(key: string, value: string): void;
+    };
   };
-};
+}
+
+declare module '@lynx-js/types' {
+  interface GlobalProps {
+    preferredTheme?: string;
+    theme: string;
+    isNotchScreen: boolean;
+  }
+
+  interface IntrinsicElements extends Lynx.IntrinsicElements {
+    input: InputProps;
+  }
+}
+
+export interface InputProps extends StandardProps {
+  /**
+   * CSS class name for the input element
+   */
+  className?: string;
+
+  /**
+   * Event handler for input changes
+   */
+  bindinput?: (e: InputEvent) => void;
+
+  /**
+   * Event handler for blur events
+   */
+  bindblur?: (e: BlurEvent) => void;
+
+  /**
+   * Placeholder text when input is empty
+   */
+  placeholder?: string;
+
+  /**
+   * Text color of the input
+   */
+  'text-color'?: string;
+}
+
+export type InputEvent = BaseEvent<'input', { value: string }>;
+export type BlurEvent = BaseEvent<'blur', { value: string }>;
diff --git a/explorer/package.json b/explorer/package.json
new file mode 100644
index 0000000000..1d1c42bbed
--- /dev/null
+++ b/explorer/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "lynx-explorer",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "build:homepage": "pnpm --filter homepage build",
+    "build:showcase": "pnpm --filter showcase build",
+    "build": "pnpm run build:homepage && pnpm run build:showcase"
+  }
+}
diff --git a/explorer/showcase/menu/package.json b/explorer/showcase/menu/package.json
index a12465fca0..457ff5a335 100644
--- a/explorer/showcase/menu/package.json
+++ b/explorer/showcase/menu/package.json
@@ -8,17 +8,18 @@
     "dev": "rspeedy dev"
   },
   "dependencies": {
-    "@lynx-js/react": "0.105.0",
+    "@lynx-js/react": "0.107.0",
     "react-dom": "^19.0.0",
     "react-router-dom": "6",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@lynx-js/qrcode-rsbuild-plugin": "^0.3.3",
+    "@lynx-js/qrcode-rsbuild-plugin": "0.3.6",
     "@lynx-js/react-rsbuild-plugin": "0.9.8",
     "@lynx-js/rspeedy": "0.9.3",
+    "@lynx-js/types": "3.3.0",
     "@rsbuild/plugin-sass": "^1.1.2",
-    "@types/react": "^18.3.2",
+    "@types/react": "18.3.18",
     "prettier": "3.4.2"
   }
 }
diff --git a/explorer/showcase/package.json b/explorer/showcase/package.json
index bdbabbb98c..cbc3a60987 100644
--- a/explorer/showcase/package.json
+++ b/explorer/showcase/package.json
@@ -1,16 +1,12 @@
 {
   "name": "showcase",
-  "version": "1.0.0",
-  "description": "Showcases for lynx explorer",
-  "author": "Lynx Authors",
+  "version": "0.0.1",
   "license": "Apache-2.0",
+  "type": "module",
   "private": true,
   "scripts": {
     "build": "pnpm --filter @showcase/menu run build"
   },
-  "engines": {
-    "node": ">=18"
-  },
   "dependencies": {
     "@lynx-example/animation": "0.3.0",
     "@lynx-example/css": "0.3.0",
@@ -22,5 +18,8 @@
     "@lynx-example/scroll-view": "0.3.0",
     "@lynx-example/text": "0.3.0",
     "@lynx-example/view": "0.3.0"
+  },
+  "devDependencies": {
+    "@lynx-js/qrcode-rsbuild-plugin": "0.3.6"
   }
 }
diff --git a/explorer/showcase/pnpm-lock.yaml b/explorer/showcase/pnpm-lock.yaml
index b4e17e9ce7..5c3a2742a1 100644
--- a/explorer/showcase/pnpm-lock.yaml
+++ b/explorer/showcase/pnpm-lock.yaml
@@ -14,6 +14,7 @@ importers:
       '@lynx-example/scroll-view': 0.3.0
       '@lynx-example/text': 0.3.0
       '@lynx-example/view': 0.3.0
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
     dependencies:
       '@lynx-example/animation': 0.3.0
       '@lynx-example/css': 0.3.0
@@ -25,28 +26,32 @@ importers:
       '@lynx-example/scroll-view': 0.3.0
       '@lynx-example/text': 0.3.0
       '@lynx-example/view': 0.3.0
+    devDependencies:
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
 
   menu:
     specifiers:
-      '@lynx-js/qrcode-rsbuild-plugin': ^0.3.3
-      '@lynx-js/react': 0.105.0
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+      '@lynx-js/react': 0.107.0
       '@lynx-js/react-rsbuild-plugin': 0.9.8
       '@lynx-js/rspeedy': 0.9.3
+      '@lynx-js/types': 3.3.0
       '@rsbuild/plugin-sass': ^1.1.2
-      '@types/react': ^18.3.2
+      '@types/react': 18.3.18
       prettier: 3.4.2
       react-dom: ^19.0.0
       react-router-dom: '6'
       zustand: ^5.0.3
     dependencies:
-      '@lynx-js/react': 0.105.0_@types+react@18.3.18
+      '@lynx-js/react': 0.107.0_smdqjdvvdjbjwyrr673xzocrfm
       react-dom: 19.0.0
       react-router-dom: 6.28.2_react-dom@19.0.0
       zustand: 5.0.3_@types+react@18.3.18
     devDependencies:
-      '@lynx-js/qrcode-rsbuild-plugin': 0.3.3
-      '@lynx-js/react-rsbuild-plugin': 0.9.8_@lynx-js+react@0.105.0
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+      '@lynx-js/react-rsbuild-plugin': 0.9.8_@lynx-js+react@0.107.0
       '@lynx-js/rspeedy': 0.9.3
+      '@lynx-js/types': 3.3.0
       '@rsbuild/plugin-sass': 1.2.0
       '@types/react': 18.3.18
       prettier: 3.4.2
@@ -71,21 +76,6 @@ packages:
     resolution: {integrity: sha512-tFQoXHJdkEOSwj5tRIZSPNUuXK3RaR7T1nUrPgbYX1pUbvqqaaZAsfo+NXBPsz5rZMSKVFrgK1WL8Q/MSLvprg==}
     dev: true
 
-  /@clack/core/0.4.1:
-    resolution: {integrity: sha512-Pxhij4UXg8KSr7rPek6Zowm+5M22rbd2g1nfojHJkxp5YkFqiZ2+YLEM/XGVIzvGOcM0nqjIFxrpDwWRZYWYjA==}
-    dependencies:
-      picocolors: 1.1.1
-      sisteransi: 1.0.5
-    dev: true
-
-  /@clack/prompts/0.10.0:
-    resolution: {integrity: sha512-H3rCl6CwW1NdQt9rE3n373t7o5cthPv7yUoxF2ytZvyvlJv89C5RYMJu83Hed8ODgys5vpBU0GKxIRG83jd8NQ==}
-    dependencies:
-      '@clack/core': 0.4.1
-      picocolors: 1.1.1
-      sisteransi: 1.0.5
-    dev: true
-
   /@discoveryjs/json-ext/0.5.7:
     resolution: {integrity: sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==}
     engines: {node: '>=10.0.0'}
@@ -251,13 +241,9 @@ packages:
       css-tree: 3.1.0
     dev: true
 
-  /@lynx-js/qrcode-rsbuild-plugin/0.3.3:
-    resolution: {integrity: sha512-0Kkr2TWqIicgUrc3VJcCEzhuuaYLdFWdcIXJIZ1shChsuH9nRJCFqG29bfGlqLK5P3KV5WImXvF/+sC93KEPMw==}
+  /@lynx-js/qrcode-rsbuild-plugin/0.3.6:
+    resolution: {integrity: sha512-Ba7O0PPd5uB/Oraqt/OHzr4nZ2LcZ1QhSJ9c4OMzZJU3z4DZ0sFnXUKirN5vBTPUJU7ak1Xo7gce+BDxKDco+Q==}
     engines: {node: '>=18'}
-    dependencies:
-      '@clack/prompts': 0.10.0
-      picocolors: 1.1.1
-      qrcode-terminal: 0.12.0
     dev: true
 
   /@lynx-js/react-alias-rsbuild-plugin/0.9.8:
@@ -273,10 +259,10 @@ packages:
     peerDependencies:
       '@lynx-js/react-webpack-plugin': ^0.3.0 || ^0.4.0 || ^0.5.0 || ^0.6.0
     dependencies:
-      '@lynx-js/react-webpack-plugin': 0.6.12_n6reo457asavhbiluf3jdyba3e
+      '@lynx-js/react-webpack-plugin': 0.6.12_o66m7vpldtthz3u3zprr2bidr4
     dev: true
 
-  /@lynx-js/react-rsbuild-plugin/0.9.8_@lynx-js+react@0.105.0:
+  /@lynx-js/react-rsbuild-plugin/0.9.8_@lynx-js+react@0.107.0:
     resolution: {integrity: sha512-SzHlW8JjEIcVREdWLlmgZ20ccV9wy7a/8wSmr5rXdC/ofBi7dNySsaaZKLQP9jGSl8GkuAuV/7SkCfO+dBqByA==}
     engines: {node: '>=18'}
     peerDependencies:
@@ -286,10 +272,10 @@ packages:
         optional: true
     dependencies:
       '@lynx-js/css-extract-webpack-plugin': 0.5.3_b7ec2zvp5zocbp52glrt6wg7xy
-      '@lynx-js/react': 0.105.0_@types+react@18.3.18
+      '@lynx-js/react': 0.107.0_smdqjdvvdjbjwyrr673xzocrfm
       '@lynx-js/react-alias-rsbuild-plugin': 0.9.8
       '@lynx-js/react-refresh-webpack-plugin': 0.3.2_7audffj57tknge2rlry6jcnpwe
-      '@lynx-js/react-webpack-plugin': 0.6.12_n6reo457asavhbiluf3jdyba3e
+      '@lynx-js/react-webpack-plugin': 0.6.12_o66m7vpldtthz3u3zprr2bidr4
       '@lynx-js/runtime-wrapper-webpack-plugin': 0.0.9
       '@lynx-js/template-webpack-plugin': 0.6.10
       '@lynx-js/web-webpack-plugin': 0.6.6_b7ec2zvp5zocbp52glrt6wg7xy
@@ -298,7 +284,7 @@ packages:
       - webpack
     dev: true
 
-  /@lynx-js/react-webpack-plugin/0.6.12_n6reo457asavhbiluf3jdyba3e:
+  /@lynx-js/react-webpack-plugin/0.6.12_o66m7vpldtthz3u3zprr2bidr4:
     resolution: {integrity: sha512-Rk6HB12WPJTg3OkBaqFZn8EGtfWVaFQVROtr+hMwnQbgU5r3wP8gPZLBmdnH/xUNLhJGKw0YadluTbotG87XiQ==}
     engines: {node: '>=18'}
     peerDependencies:
@@ -308,7 +294,7 @@ packages:
       '@lynx-js/react':
         optional: true
     dependencies:
-      '@lynx-js/react': 0.105.0_@types+react@18.3.18
+      '@lynx-js/react': 0.107.0_smdqjdvvdjbjwyrr673xzocrfm
       '@lynx-js/template-webpack-plugin': 0.6.10
       '@lynx-js/webpack-runtime-globals': 0.0.5
       tiny-invariant: 1.3.3
@@ -326,8 +312,8 @@ packages:
       preact: /@hongzhiyuan/preact/10.24.0-319c684e
     dev: false
 
-  /@lynx-js/react/0.105.0_@types+react@18.3.18:
-    resolution: {integrity: sha512-xGXoB4ETdWHl3t8tVRfdOig8fNCKyGNqbi1uDAvC2KJPvIPMG2MuPM5HC7FacDx+P1WEkAO/eFKJnTgikzAj1Q==}
+  /@lynx-js/react/0.107.0_smdqjdvvdjbjwyrr673xzocrfm:
+    resolution: {integrity: sha512-nheLQcObZ1cjHo4OTiejJ2+0ceAlhxm3qeEDkFXgG81DnAqApxKkqCCSz43r7oAZ1qx0XHVIufb9PnMxoGv0eQ==}
     peerDependencies:
       '@lynx-js/types': '*'
       '@types/react': ^18
@@ -335,6 +321,7 @@ packages:
       '@lynx-js/types':
         optional: true
     dependencies:
+      '@lynx-js/types': 3.3.0
       '@types/react': 18.3.18
       preact: /@hongzhiyuan/preact/10.24.0-319c684e
 
@@ -392,6 +379,11 @@ packages:
       object.groupby: 1.0.3
     dev: true
 
+  /@lynx-js/types/3.3.0:
+    resolution: {integrity: sha512-URUszZQBFGumpNDXm4FoLMMSSZAgH+NBvBOaERe8UWrnH0XB9Z8N2sAj28jfg57G+eZpRasbvu/ZR6NzFe5feQ==}
+    dependencies:
+      csstype: 3.1.3
+
   /@lynx-js/web-style-transformer/0.3.0:
     resolution: {integrity: sha512-UpXNSVOYH+CYUJuv5VU0xCf1iUiMNhY8Scj8OSS/Ny+D4dylu0L8J1hUklqvTiCvCopiE+yQCFCqXemFCZlKcg==}
     dev: true
@@ -2647,11 +2639,6 @@ packages:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
     dev: true
 
-  /qrcode-terminal/0.12.0:
-    resolution: {integrity: sha512-EXtzRZmC+YGmGlDFbXKxQiMZNwCLEO6BANKXG4iCtSIM0yqc/pappSx3RIKr4r0uh5JsBckOXeKrB3Iz7mdQpQ==}
-    hasBin: true
-    dev: true
-
   /qs/6.13.0:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
@@ -3112,10 +3099,6 @@ packages:
       totalist: 3.0.1
     dev: true
 
-  /sisteransi/1.0.5:
-    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
-    dev: true
-
   /socket.io-adapter/2.5.5:
     resolution: {integrity: sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==}
     dependencies:
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b9008318a9..2a9101c8f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -103,30 +103,85 @@ importers:
       '@lynx-dev/logbox-types': link:../../../base_devtool/js_libraries/logbox-types
       '@rsbuild/core': 1.3.11
 
+  explorer:
+    specifiers: {}
+
   explorer/homepage:
     specifiers:
-      '@lynx-js/qrcode-rsbuild-plugin': ^0.3.3
-      '@lynx-js/react': ^0.105.0
-      '@lynx-js/react-rsbuild-plugin': ^0.9.8
-      '@lynx-js/rspeedy': ^0.9.3
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+      '@lynx-js/react': 0.107.0
+      '@lynx-js/react-rsbuild-plugin': 0.9.8
+      '@lynx-js/rspeedy': 0.9.3
+      '@lynx-js/types': 3.3.0
       '@rsbuild/core': ^1.1.11
       '@rsbuild/plugin-sass': ^1.1.2
-      '@rspack/core': ^1.3.7
-      '@types/react': ^18.3.2
+      '@types/react': 18.3.18
       prettier: 3.4.2
-      webpack: ^5.0.0
     dependencies:
-      '@lynx-js/react': 0.105.0_@types+react@18.3.18
+      '@lynx-js/react': 0.107.0_smdqjdvvdjbjwyrr673xzocrfm
     devDependencies:
-      '@lynx-js/qrcode-rsbuild-plugin': 0.3.3
-      '@lynx-js/react-rsbuild-plugin': 0.9.8_zcbwsvuiewjsvr7u7rdavoy3l4
-      '@lynx-js/rspeedy': 0.9.3_sus26jvjudweq6paaguycridwi
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+      '@lynx-js/react-rsbuild-plugin': 0.9.8_@lynx-js+react@0.107.0
+      '@lynx-js/rspeedy': 0.9.3
+      '@lynx-js/types': 3.3.0
       '@rsbuild/core': 1.3.11
-      '@rsbuild/plugin-sass': 1.1.2_@rsbuild+core@1.3.11
-      '@rspack/core': 1.3.7
+      '@rsbuild/plugin-sass': 1.3.1_@rsbuild+core@1.3.11
+      '@types/react': 18.3.18
+      prettier: 3.4.2
+
+  explorer/showcase:
+    specifiers:
+      '@lynx-example/animation': 0.3.0
+      '@lynx-example/css': 0.3.0
+      '@lynx-example/fetch': 0.3.0
+      '@lynx-example/image': 0.3.0
+      '@lynx-example/layout': 0.3.0
+      '@lynx-example/lazy-bundle': 0.3.0
+      '@lynx-example/list': 0.3.0
+      '@lynx-example/scroll-view': 0.3.0
+      '@lynx-example/text': 0.3.0
+      '@lynx-example/view': 0.3.0
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+    dependencies:
+      '@lynx-example/animation': 0.3.0
+      '@lynx-example/css': 0.3.0
+      '@lynx-example/fetch': 0.3.0
+      '@lynx-example/image': 0.3.0
+      '@lynx-example/layout': 0.3.0
+      '@lynx-example/lazy-bundle': 0.3.0
+      '@lynx-example/list': 0.3.0
+      '@lynx-example/scroll-view': 0.3.0
+      '@lynx-example/text': 0.3.0
+      '@lynx-example/view': 0.3.0
+    devDependencies:
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+
+  explorer/showcase/menu:
+    specifiers:
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+      '@lynx-js/react': 0.107.0
+      '@lynx-js/react-rsbuild-plugin': 0.9.8
+      '@lynx-js/rspeedy': 0.9.3
+      '@lynx-js/types': 3.3.0
+      '@rsbuild/plugin-sass': ^1.1.2
+      '@types/react': 18.3.18
+      prettier: 3.4.2
+      react-dom: ^19.0.0
+      react-router-dom: '6'
+      zustand: ^5.0.3
+    dependencies:
+      '@lynx-js/react': 0.107.0_smdqjdvvdjbjwyrr673xzocrfm
+      react-dom: 19.1.0
+      react-router-dom: 6.30.1_react-dom@19.1.0
+      zustand: 5.0.5_@types+react@18.3.18
+    devDependencies:
+      '@lynx-js/qrcode-rsbuild-plugin': 0.3.6
+      '@lynx-js/react-rsbuild-plugin': 0.9.8_@lynx-js+react@0.107.0
+      '@lynx-js/rspeedy': 0.9.3
+      '@lynx-js/types': 3.3.0
+      '@rsbuild/plugin-sass': 1.3.1
       '@types/react': 18.3.18
       prettier: 3.4.2
-      webpack: 5.99.7
 
   js_libraries/lynx-core:
     specifiers:
@@ -307,8 +362,8 @@ packages:
     dependencies:
       regenerator-runtime: 0.14.1
 
-  /@bufbuild/protobuf/2.2.3:
-    resolution: {integrity: sha512-tFQoXHJdkEOSwj5tRIZSPNUuXK3RaR7T1nUrPgbYX1pUbvqqaaZAsfo+NXBPsz5rZMSKVFrgK1WL8Q/MSLvprg==}
+  /@bufbuild/protobuf/2.5.1:
+    resolution: {integrity: sha512-lut4UTvKL8tqtend0UDu7R79/n9jA7Jtxf77RNPbxtmWqfWI4qQ9bTjf7KCS4vfqLmpQbuHr1ciqJumAgJODdw==}
     dev: true
 
   /@clack/core/0.4.1:
@@ -772,32 +827,11 @@ packages:
       chalk: 4.1.2
     dev: true
 
-  /@jridgewell/gen-mapping/0.3.8:
-    resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.25
-    dev: true
-
   /@jridgewell/resolve-uri/3.1.2:
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
     dev: true
 
-  /@jridgewell/set-array/1.2.1:
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
-    dev: true
-
-  /@jridgewell/source-map/0.3.6:
-    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      '@jridgewell/trace-mapping': 0.3.25
-    dev: true
-
   /@jridgewell/sourcemap-codec/1.5.0:
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
     dev: true
@@ -809,35 +843,108 @@ packages:
       '@jridgewell/sourcemap-codec': 1.5.0
     dev: true
 
-  /@lynx-js/chunk-loading-webpack-plugin/0.2.0:
-    resolution: {integrity: sha512-3IPqRVQCESxXnF23KvCRm7OvwYKOFFVjsMMJbV2l+tWVGIUp508uc3LYTsQivynPKcwT7NqtjPW7rfVVapmZzg==}
+  /@lynx-example/animation/0.3.0:
+    resolution: {integrity: sha512-ydAIo67d9aO1tqFKKEJ05cLzlGIJ2Qj3jZZ+BIOYId1ZnFdR/kl3XVRJCoYglnV16VJ5zj0vl4e56zg5o+nvxg==}
+    dependencies:
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-example/css/0.3.0:
+    resolution: {integrity: sha512-bdFZ5/3nGUrVgqz0z8bnyc9sp0jhG7Gj2R/gszLPEkNmG26m9WLCXQGK959a1y91TVDI+l7uNgeVfvKht9ik2g==}
+    dependencies:
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-example/fetch/0.3.0:
+    resolution: {integrity: sha512-lwIxQullHmX4ai77naQyWFFRU+vaVUNGT+5AthcFFiKL2zdmrpv9waUqfQ38suMfRpmc4+gAJetF/b6duVfPRw==}
     engines: {node: '>=18'}
-    peerDependencies:
-      '@rspack/core': ^1.3.0
     dependencies:
-      '@lynx-js/webpack-runtime-globals': 0.0.5
-    dev: true
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
 
-  /@lynx-js/chunk-loading-webpack-plugin/0.2.0_@rspack+core@1.3.7:
-    resolution: {integrity: sha512-3IPqRVQCESxXnF23KvCRm7OvwYKOFFVjsMMJbV2l+tWVGIUp508uc3LYTsQivynPKcwT7NqtjPW7rfVVapmZzg==}
+  /@lynx-example/image/0.3.0:
+    resolution: {integrity: sha512-UDn1KZ6+Mg+hD8KBh0VUMJ6SKegG/8XXypiyD+L/kgd6Dtpo24pkPIoMp4C1DUiY4CpilGwkFJQwyGlUUR7L+w==}
     engines: {node: '>=18'}
-    peerDependencies:
-      '@rspack/core': ^1.3.0
     dependencies:
-      '@lynx-js/webpack-runtime-globals': 0.0.5
-      '@rspack/core': 1.3.7
-    dev: true
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
 
-  /@lynx-js/css-extract-webpack-plugin/0.5.3_b4teautulb27je7s4rygfkqdoa:
-    resolution: {integrity: sha512-CxDRQX1F35T3bKaZYT6dCV4C5SzQTzXUwViypKbCTu3QiAUhVLlHzvh/7xKMw+7bPlowrr03vOjpqMjsrlHSEQ==}
+  /@lynx-example/layout/0.3.0:
+    resolution: {integrity: sha512-LuqX4tXfBtaFWKQiIAvcbuZMhXd4LD0M8oS8wI5XR2RTf5Vxy9SMW6Hhed8Fza3Aq0Wx7mmqHP/FXQgO1/Q4kg==}
+    dependencies:
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-example/lazy-bundle/0.3.0:
+    resolution: {integrity: sha512-tK1p4p3iun3t4eECohOI8Xj7+v+4KE+T6ZFEBJTmgddoLWZKsSNSK6apbAS7+bBb/SXKnx9pvECGilru8g0oPw==}
     engines: {node: '>=18'}
-    peerDependencies:
-      '@lynx-js/template-webpack-plugin': ^0.5.0 || ^0.6.0
     dependencies:
-      '@lynx-js/template-webpack-plugin': 0.6.10
-      mini-css-extract-plugin: 2.9.2_webpack@5.99.7
+      '@lynx-js/react': 0.105.0
     transitivePeerDependencies:
-      - webpack
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-example/list/0.3.0:
+    resolution: {integrity: sha512-fdgfhXadW4/cYQA0C6GrFmR1rIgqgNDE4SZpFa6XA8GLI9CwXMtWEI+PM1mfzfEAyjjzN6Cdeeuxha3z4F471A==}
+    dependencies:
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-example/scroll-view/0.3.0:
+    resolution: {integrity: sha512-9jgVBr0BjaDlYkhgVttWM9CLr+0xnCTzTKmBQ7I6x/g63S7wjTMdvK16UK6rEERNeouygEwvVmgOzzUZ4eHKIA==}
+    engines: {node: '>=18'}
+    dependencies:
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-example/text/0.3.0:
+    resolution: {integrity: sha512-kF0QvjOuxr1OR0vdhB09U50AGXNn4HOL3Wtx5BZ7CUnj4bhx5zoEniscssTYM524YNMd+9JFbVVc1vBC4qWVMA==}
+    dependencies:
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-example/view/0.3.0:
+    resolution: {integrity: sha512-V9xlzKYABUL/gJiGWksvjmMD/LWkOfv0AHafox2Ufsk4miOjPQpLoGfWXvnamDr+7ZFxKuFvGlUhbgyoSVGroA==}
+    engines: {node: '>=18'}
+    dependencies:
+      '@lynx-js/react': 0.105.0
+    transitivePeerDependencies:
+      - '@lynx-js/types'
+      - '@types/react'
+    dev: false
+
+  /@lynx-js/chunk-loading-webpack-plugin/0.2.0:
+    resolution: {integrity: sha512-3IPqRVQCESxXnF23KvCRm7OvwYKOFFVjsMMJbV2l+tWVGIUp508uc3LYTsQivynPKcwT7NqtjPW7rfVVapmZzg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@rspack/core': ^1.3.0
+    dependencies:
+      '@lynx-js/webpack-runtime-globals': 0.0.5
     dev: true
 
   /@lynx-js/css-extract-webpack-plugin/0.5.3_b7ec2zvp5zocbp52glrt6wg7xy:
@@ -867,6 +974,11 @@ packages:
       qrcode-terminal: 0.12.0
     dev: true
 
+  /@lynx-js/qrcode-rsbuild-plugin/0.3.6:
+    resolution: {integrity: sha512-Ba7O0PPd5uB/Oraqt/OHzr4nZ2LcZ1QhSJ9c4OMzZJU3z4DZ0sFnXUKirN5vBTPUJU7ak1Xo7gce+BDxKDco+Q==}
+    engines: {node: '>=18'}
+    dev: true
+
   /@lynx-js/react-alias-rsbuild-plugin/0.9.8:
     resolution: {integrity: sha512-rCb6nmZ9wEMA+uVejg9KffEUYHLOQ/QXFA9FfTgnQMx/usvgTo9rvvHEXYKj/xSyfs9rxpBipL/aOFib2vRj9g==}
     engines: {node: '>=18'}
@@ -880,7 +992,7 @@ packages:
     peerDependencies:
       '@lynx-js/react-webpack-plugin': ^0.3.0 || ^0.4.0 || ^0.5.0 || ^0.6.0
     dependencies:
-      '@lynx-js/react-webpack-plugin': 0.6.12_n6reo457asavhbiluf3jdyba3e
+      '@lynx-js/react-webpack-plugin': 0.6.12_o66m7vpldtthz3u3zprr2bidr4
     dev: true
 
   /@lynx-js/react-rsbuild-plugin/0.9.8_@lynx-js+react@0.105.0:
@@ -905,7 +1017,7 @@ packages:
       - webpack
     dev: true
 
-  /@lynx-js/react-rsbuild-plugin/0.9.8_zcbwsvuiewjsvr7u7rdavoy3l4:
+  /@lynx-js/react-rsbuild-plugin/0.9.8_@lynx-js+react@0.107.0:
     resolution: {integrity: sha512-SzHlW8JjEIcVREdWLlmgZ20ccV9wy7a/8wSmr5rXdC/ofBi7dNySsaaZKLQP9jGSl8GkuAuV/7SkCfO+dBqByA==}
     engines: {node: '>=18'}
     peerDependencies:
@@ -914,11 +1026,11 @@ packages:
       '@lynx-js/react':
         optional: true
     dependencies:
-      '@lynx-js/css-extract-webpack-plugin': 0.5.3_b4teautulb27je7s4rygfkqdoa
-      '@lynx-js/react': 0.105.0_@types+react@18.3.18
+      '@lynx-js/css-extract-webpack-plugin': 0.5.3_b7ec2zvp5zocbp52glrt6wg7xy
+      '@lynx-js/react': 0.107.0_smdqjdvvdjbjwyrr673xzocrfm
       '@lynx-js/react-alias-rsbuild-plugin': 0.9.8
       '@lynx-js/react-refresh-webpack-plugin': 0.3.2_7audffj57tknge2rlry6jcnpwe
-      '@lynx-js/react-webpack-plugin': 0.6.12_n6reo457asavhbiluf3jdyba3e
+      '@lynx-js/react-webpack-plugin': 0.6.12_o66m7vpldtthz3u3zprr2bidr4
       '@lynx-js/runtime-wrapper-webpack-plugin': 0.0.9
       '@lynx-js/template-webpack-plugin': 0.6.10
       '@lynx-js/web-webpack-plugin': 0.6.6_b7ec2zvp5zocbp52glrt6wg7xy
@@ -937,13 +1049,29 @@ packages:
       '@lynx-js/react':
         optional: true
     dependencies:
-      '@lynx-js/react': 0.105.0_@types+react@18.3.18
+      '@lynx-js/react': 0.105.0_un33ygyl7dn5fzxyspuuibqjzq
       '@lynx-js/template-webpack-plugin': 0.6.10
       '@lynx-js/webpack-runtime-globals': 0.0.5
       tiny-invariant: 1.3.3
     dev: true
 
-  /@lynx-js/react/0.105.0_@types+react@18.3.18:
+  /@lynx-js/react-webpack-plugin/0.6.12_o66m7vpldtthz3u3zprr2bidr4:
+    resolution: {integrity: sha512-Rk6HB12WPJTg3OkBaqFZn8EGtfWVaFQVROtr+hMwnQbgU5r3wP8gPZLBmdnH/xUNLhJGKw0YadluTbotG87XiQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@lynx-js/react': ^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0 || ^0.107.0
+      '@lynx-js/template-webpack-plugin': ^0.4.0 || ^0.5.0 || ^0.6.0
+    peerDependenciesMeta:
+      '@lynx-js/react':
+        optional: true
+    dependencies:
+      '@lynx-js/react': 0.107.0_smdqjdvvdjbjwyrr673xzocrfm
+      '@lynx-js/template-webpack-plugin': 0.6.10
+      '@lynx-js/webpack-runtime-globals': 0.0.5
+      tiny-invariant: 1.3.3
+    dev: true
+
+  /@lynx-js/react/0.105.0:
     resolution: {integrity: sha512-xGXoB4ETdWHl3t8tVRfdOig8fNCKyGNqbi1uDAvC2KJPvIPMG2MuPM5HC7FacDx+P1WEkAO/eFKJnTgikzAj1Q==}
     peerDependencies:
       '@lynx-js/types': '*'
@@ -952,8 +1080,8 @@ packages:
       '@lynx-js/types':
         optional: true
     dependencies:
-      '@types/react': 18.3.18
       preact: /@hongzhiyuan/preact/10.24.0-319c684e
+    dev: false
 
   /@lynx-js/react/0.105.0_un33ygyl7dn5fzxyspuuibqjzq:
     resolution: {integrity: sha512-xGXoB4ETdWHl3t8tVRfdOig8fNCKyGNqbi1uDAvC2KJPvIPMG2MuPM5HC7FacDx+P1WEkAO/eFKJnTgikzAj1Q==}
@@ -968,38 +1096,20 @@ packages:
       '@types/react': 18.3.18
       preact: /@hongzhiyuan/preact/10.24.0-319c684e
 
-  /@lynx-js/rspeedy/0.9.3:
-    resolution: {integrity: sha512-2wwEVRkx37ITavXC210tWA5yMuQe+jbGqfJ9U056bkgJNcjHlpsobTTooxaF+uHnhDfeqll7OeCn05lyfNoxBA==}
-    engines: {node: '>=18'}
-    hasBin: true
+  /@lynx-js/react/0.107.0_smdqjdvvdjbjwyrr673xzocrfm:
+    resolution: {integrity: sha512-nheLQcObZ1cjHo4OTiejJ2+0ceAlhxm3qeEDkFXgG81DnAqApxKkqCCSz43r7oAZ1qx0XHVIufb9PnMxoGv0eQ==}
     peerDependencies:
-      typescript: 5.1.6 - 5.8.x
+      '@lynx-js/types': '*'
+      '@types/react': ^18
     peerDependenciesMeta:
-      typescript:
+      '@lynx-js/types':
         optional: true
     dependencies:
-      '@lynx-js/chunk-loading-webpack-plugin': 0.2.0
-      '@lynx-js/webpack-dev-transport': 0.1.2
-      '@lynx-js/websocket': 0.0.4
-      '@rsbuild/core': 1.3.11
-      '@rsbuild/plugin-css-minimizer': 1.0.2_@rsbuild+core@1.3.11
-      '@rsdoctor/rspack-plugin': 1.0.2_@rsbuild+core@1.3.11
-    transitivePeerDependencies:
-      - '@parcel/css'
-      - '@rspack/core'
-      - '@swc/css'
-      - bufferutil
-      - clean-css
-      - csso
-      - debug
-      - esbuild
-      - lightningcss
-      - supports-color
-      - utf-8-validate
-      - webpack
-    dev: true
+      '@lynx-js/types': 3.3.0
+      '@types/react': 18.3.18
+      preact: /@hongzhiyuan/preact/10.24.0-319c684e
 
-  /@lynx-js/rspeedy/0.9.3_sus26jvjudweq6paaguycridwi:
+  /@lynx-js/rspeedy/0.9.3:
     resolution: {integrity: sha512-2wwEVRkx37ITavXC210tWA5yMuQe+jbGqfJ9U056bkgJNcjHlpsobTTooxaF+uHnhDfeqll7OeCn05lyfNoxBA==}
     engines: {node: '>=18'}
     hasBin: true
@@ -1009,12 +1119,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@lynx-js/chunk-loading-webpack-plugin': 0.2.0_@rspack+core@1.3.7
+      '@lynx-js/chunk-loading-webpack-plugin': 0.2.0
       '@lynx-js/webpack-dev-transport': 0.1.2
       '@lynx-js/websocket': 0.0.4
       '@rsbuild/core': 1.3.11
-      '@rsbuild/plugin-css-minimizer': 1.0.2_r37dq5nmxegpj3tzf5lsmzhcxy
-      '@rsdoctor/rspack-plugin': 1.0.2_a2rvvs6qdjyxqvoxa5uhpp5iwq
+      '@rsbuild/plugin-css-minimizer': 1.0.2_@rsbuild+core@1.3.11
+      '@rsdoctor/rspack-plugin': 1.0.2_@rsbuild+core@1.3.11
     transitivePeerDependencies:
       - '@parcel/css'
       - '@rspack/core'
@@ -1053,6 +1163,11 @@ packages:
       object.groupby: 1.0.3
     dev: true
 
+  /@lynx-js/types/3.3.0:
+    resolution: {integrity: sha512-URUszZQBFGumpNDXm4FoLMMSSZAgH+NBvBOaERe8UWrnH0XB9Z8N2sAj28jfg57G+eZpRasbvu/ZR6NzFe5feQ==}
+    dependencies:
+      csstype: 3.1.3
+
   /@lynx-js/web-style-transformer/0.3.0:
     resolution: {integrity: sha512-UpXNSVOYH+CYUJuv5VU0xCf1iUiMNhY8Scj8OSS/Ny+D4dylu0L8J1hUklqvTiCvCopiE+yQCFCqXemFCZlKcg==}
     dev: true
@@ -1182,6 +1297,11 @@ packages:
       reselect: 4.1.8
     dev: false
 
+  /@remix-run/router/1.23.0:
+    resolution: {integrity: sha512-O3rHJzAQKamUz1fvE0Qaw0xSFqsA/yafi2iqeE0pvdFtCO1viYx8QL6f3Ln/aCCTLxs68SLf0KPM9eSeM8yBnA==}
+    engines: {node: '>=14.0.0'}
+    dev: false
+
   /@rollup/rollup-android-arm-eabi/4.40.0:
     resolution: {integrity: sha512-+Fbls/diZ0RDerhE8kyC6hjADCXA1K4yVNlH0EYfd2XjyH0UGgzaQ8MlT0pCXAThfxv3QUAczHaL+qSv1E4/Cg==}
     cpu: [arm]
@@ -1391,27 +1511,6 @@ packages:
       - webpack
     dev: true
 
-  /@rsbuild/plugin-css-minimizer/1.0.2_r37dq5nmxegpj3tzf5lsmzhcxy:
-    resolution: {integrity: sha512-x695i5PHWI9uV9VA1Dun66G0DeJMgxbt3wEk4eHZMz9pi6n8Dah6BHG2WcloYAEi7yVoUcPIGXDdag27s2B+4A==}
-    peerDependencies:
-      '@rsbuild/core': 1.x || ^1.0.1-beta.0
-    peerDependenciesMeta:
-      '@rsbuild/core':
-        optional: true
-    dependencies:
-      '@rsbuild/core': 1.3.11
-      css-minimizer-webpack-plugin: 5.0.1_webpack@5.99.7
-      reduce-configs: 1.1.0
-    transitivePeerDependencies:
-      - '@parcel/css'
-      - '@swc/css'
-      - clean-css
-      - csso
-      - esbuild
-      - lightningcss
-      - webpack
-    dev: true
-
   /@rsbuild/plugin-less/1.1.1_@rsbuild+core@1.3.11:
     resolution: {integrity: sha512-Gkp73c9p4CQs2dB4BVCmw/cJ6JpIaWbsKcmZqyr+tlsKqZvZn9aYU+Zx4qWSqPR8I5zatiV2Lh15ObL9CCnlXw==}
     peerDependencies:
@@ -1466,17 +1565,29 @@ packages:
       react-refresh: 0.16.0
     dev: true
 
-  /@rsbuild/plugin-sass/1.1.2_@rsbuild+core@1.3.11:
-    resolution: {integrity: sha512-h/7WZbRloMxAAt/X52Pbyy3cNEIAKSSl39WG1VSoIBx6agW9qSLRx7zhRf1YlNt3C5G0n1pgDLpvtJSynqZ8OQ==}
+  /@rsbuild/plugin-sass/1.3.1:
+    resolution: {integrity: sha512-hyqsMyI/XPntdL3xRRC25SIkWUWA9I7gVG46K9a8+xJVLJfLp8rHR1sKtc8JYOSPBIXcYwtzHIA9ib1gS2kRUQ==}
+    peerDependencies:
+      '@rsbuild/core': 1.x
+    dependencies:
+      deepmerge: 4.3.1
+      loader-utils: 2.0.4
+      postcss: 8.5.3
+      reduce-configs: 1.1.0
+      sass-embedded: 1.89.0
+    dev: true
+
+  /@rsbuild/plugin-sass/1.3.1_@rsbuild+core@1.3.11:
+    resolution: {integrity: sha512-hyqsMyI/XPntdL3xRRC25SIkWUWA9I7gVG46K9a8+xJVLJfLp8rHR1sKtc8JYOSPBIXcYwtzHIA9ib1gS2kRUQ==}
     peerDependencies:
       '@rsbuild/core': 1.x
     dependencies:
       '@rsbuild/core': 1.3.11
       deepmerge: 4.3.1
       loader-utils: 2.0.4
-      postcss: 8.4.49
+      postcss: 8.5.3
       reduce-configs: 1.1.0
-      sass-embedded: 1.83.1
+      sass-embedded: 1.89.0
     dev: true
 
   /@rsdoctor/client/1.0.2:
@@ -1511,34 +1622,6 @@ packages:
       - webpack
     dev: true
 
-  /@rsdoctor/core/1.0.2_a2rvvs6qdjyxqvoxa5uhpp5iwq:
-    resolution: {integrity: sha512-hmQKph86wqtnCAyPmGuj/DYCiCrEvgihlJsqGgEvOfNFuh17P7ixz6oIQY498vFTM64/g/GBIh8LDuKhyWlgjQ==}
-    dependencies:
-      '@rsbuild/plugin-check-syntax': 1.3.0_@rsbuild+core@1.3.11
-      '@rsdoctor/graph': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/sdk': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/types': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/utils': 1.0.2_sus26jvjudweq6paaguycridwi
-      axios: 1.9.0
-      browserslist-load-config: 1.0.0
-      enhanced-resolve: 5.12.0
-      filesize: 10.1.6
-      fs-extra: 11.3.0
-      lodash: 4.17.21
-      path-browserify: 1.0.1
-      semver: 7.6.3
-      source-map: 0.7.4
-      webpack-bundle-analyzer: 4.10.2
-    transitivePeerDependencies:
-      - '@rsbuild/core'
-      - '@rspack/core'
-      - bufferutil
-      - debug
-      - supports-color
-      - utf-8-validate
-      - webpack
-    dev: true
-
   /@rsdoctor/graph/1.0.2:
     resolution: {integrity: sha512-DaQiMWuSwCNS5cXPbIQfO9cT4Y2PMY8UMzc37jsxHont+2a2WC+R/p+kaxQFDLKVHCTmznnNEJ7Q6sPrEpewFA==}
     dependencies:
@@ -1555,22 +1638,6 @@ packages:
       - webpack
     dev: true
 
-  /@rsdoctor/graph/1.0.2_sus26jvjudweq6paaguycridwi:
-    resolution: {integrity: sha512-DaQiMWuSwCNS5cXPbIQfO9cT4Y2PMY8UMzc37jsxHont+2a2WC+R/p+kaxQFDLKVHCTmznnNEJ7Q6sPrEpewFA==}
-    dependencies:
-      '@rsdoctor/types': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/utils': 1.0.2_sus26jvjudweq6paaguycridwi
-      lodash.unionby: 4.8.0
-      socket.io: 4.8.1
-      source-map: 0.7.4
-    transitivePeerDependencies:
-      - '@rspack/core'
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-      - webpack
-    dev: true
-
   /@rsdoctor/rspack-plugin/1.0.2_@rsbuild+core@1.3.11:
     resolution: {integrity: sha512-uNoLVas7qndQvs5fEmTSi+KpfefrHlQ7UB1b2sLEBXdxIzCNlR9+PplWlqiOTvwuUr1p3/nPCRu1Uqp/cuHelA==}
     peerDependencies:
@@ -1591,27 +1658,6 @@ packages:
       - webpack
     dev: true
 
-  /@rsdoctor/rspack-plugin/1.0.2_a2rvvs6qdjyxqvoxa5uhpp5iwq:
-    resolution: {integrity: sha512-uNoLVas7qndQvs5fEmTSi+KpfefrHlQ7UB1b2sLEBXdxIzCNlR9+PplWlqiOTvwuUr1p3/nPCRu1Uqp/cuHelA==}
-    peerDependencies:
-      '@rspack/core': '*'
-    dependencies:
-      '@rsdoctor/core': 1.0.2_a2rvvs6qdjyxqvoxa5uhpp5iwq
-      '@rsdoctor/graph': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/sdk': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/types': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/utils': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rspack/core': 1.3.7
-      lodash: 4.17.21
-    transitivePeerDependencies:
-      - '@rsbuild/core'
-      - bufferutil
-      - debug
-      - supports-color
-      - utf-8-validate
-      - webpack
-    dev: true
-
   /@rsdoctor/sdk/1.0.2:
     resolution: {integrity: sha512-fNZJESXoOdA4iooDlZ8g+e8DzHgqHOA/PgT5977O7xC6SYes0+yo8/4JVP2HGnYUhZtKTDv6mR3xbnZy358h5w==}
     dependencies:
@@ -1639,33 +1685,6 @@ packages:
       - webpack
     dev: true
 
-  /@rsdoctor/sdk/1.0.2_sus26jvjudweq6paaguycridwi:
-    resolution: {integrity: sha512-fNZJESXoOdA4iooDlZ8g+e8DzHgqHOA/PgT5977O7xC6SYes0+yo8/4JVP2HGnYUhZtKTDv6mR3xbnZy358h5w==}
-    dependencies:
-      '@rsdoctor/client': 1.0.2
-      '@rsdoctor/graph': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/types': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@rsdoctor/utils': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@types/fs-extra': 11.0.4
-      body-parser: 1.20.3
-      cors: 2.8.5
-      dayjs: 1.11.13
-      fs-extra: 11.3.0
-      json-cycle: 1.5.0
-      lodash: 4.17.21
-      open: 8.4.2
-      sirv: 2.0.4
-      socket.io: 4.8.1
-      source-map: 0.7.4
-      tapable: 2.2.1
-    transitivePeerDependencies:
-      - '@rspack/core'
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-      - webpack
-    dev: true
-
   /@rsdoctor/types/1.0.2:
     resolution: {integrity: sha512-MNg+1g8+I7k19C2SNQiziIuM1jURUwzaPuM4lDpXwey64egHYIIfMuuMICGH0zMq81hOwf5pqr5E/bxchbGAUA==}
     peerDependencies:
@@ -1681,23 +1700,6 @@ packages:
       source-map: 0.7.4
     dev: true
 
-  /@rsdoctor/types/1.0.2_sus26jvjudweq6paaguycridwi:
-    resolution: {integrity: sha512-MNg+1g8+I7k19C2SNQiziIuM1jURUwzaPuM4lDpXwey64egHYIIfMuuMICGH0zMq81hOwf5pqr5E/bxchbGAUA==}
-    peerDependencies:
-      '@rspack/core': '*'
-      webpack: 5.x
-    peerDependenciesMeta:
-      '@rspack/core':
-        optional: true
-    dependencies:
-      '@rspack/core': 1.3.7
-      '@types/connect': 3.4.38
-      '@types/estree': 1.0.5
-      '@types/tapable': 2.2.7
-      source-map: 0.7.4
-      webpack: 5.99.7
-    dev: true
-
   /@rsdoctor/utils/1.0.2:
     resolution: {integrity: sha512-TjkZfP0jXGgWm/qFSKbGJANkYzo668fDjbr/YP/RVOKbj+ORi+3q5ieLdDghacM2coXG2xDYrYUmPPKsXU90pg==}
     dependencies:
@@ -1724,32 +1726,6 @@ packages:
       - webpack
     dev: true
 
-  /@rsdoctor/utils/1.0.2_sus26jvjudweq6paaguycridwi:
-    resolution: {integrity: sha512-TjkZfP0jXGgWm/qFSKbGJANkYzo668fDjbr/YP/RVOKbj+ORi+3q5ieLdDghacM2coXG2xDYrYUmPPKsXU90pg==}
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      '@rsdoctor/types': 1.0.2_sus26jvjudweq6paaguycridwi
-      '@types/estree': 1.0.5
-      acorn: 8.14.0
-      acorn-import-attributes: 1.9.5_acorn@8.14.0
-      acorn-walk: 8.3.4
-      chalk: 4.1.2
-      connect: 3.7.0
-      deep-eql: 4.1.4
-      envinfo: 7.14.0
-      filesize: 10.1.6
-      fs-extra: 11.3.0
-      get-port: 5.1.1
-      json-stream-stringify: 3.0.1
-      lines-and-columns: 2.0.4
-      rslog: 1.2.3
-      strip-ansi: 6.0.1
-    transitivePeerDependencies:
-      - '@rspack/core'
-      - supports-color
-      - webpack
-    dev: true
-
   /@rspack/binding-darwin-arm64/1.3.6:
     resolution: {integrity: sha512-Ejf2m01lQEM30qkyRZmGbuKzUGdTuirVs9yE8GBCvs3q3GsGQRVkYlQNtuvVtXyvF9TlfW+N6nInoheRpsvBfA==}
     cpu: [arm64]
@@ -1758,14 +1734,6 @@ packages:
     dev: true
     optional: true
 
-  /@rspack/binding-darwin-arm64/1.3.7:
-    resolution: {integrity: sha512-/5k4H0M7vvu7uorhc0OQKdQ7ybcjcJA//ptfYB646Ca/XY8FI1T/H88prPNrLNu97FGqUT4QWo5AHj01XymfDw==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@rspack/binding-darwin-x64/1.3.6:
     resolution: {integrity: sha512-VR3aJbKNjqrBbxEQRXJriQxA98eHvbb6uTiZi5nCKMmBjeFrAiRWhbogiLehCtMrcKVzsvtX1U7qT/JusWXa4w==}
     cpu: [x64]
@@ -1774,14 +1742,6 @@ packages:
     dev: true
     optional: true
 
-  /@rspack/binding-darwin-x64/1.3.7:
-    resolution: {integrity: sha512-/eNcZFDHxo5RVmIxgVM5zxCXmufeWpvviWJMDjhycS175nJb6103YWpu6H0lHgbj0GnHM/Q2VjVRFNhaGbXqdA==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@rspack/binding-linux-arm64-gnu/1.3.6:
     resolution: {integrity: sha512-xleG9XJp6BoURNhSrbz9Wnig2I3xQxKj3Sk/MynPYXMGVBF9wUbgUpvrdIlm5wenwxGpLftpPdXkI9bkf6+5JQ==}
     cpu: [arm64]
@@ -1790,56 +1750,24 @@ packages:
     dev: true
     optional: true
 
-  /@rspack/binding-linux-arm64-gnu/1.3.7:
-    resolution: {integrity: sha512-bSxA4MgGOdSvf/nTqNMuLeeyWS4Okh1iPskGuyAv/Sdf7cGbflUyZe6+w7A9BZEFR0CVTfj3f8kt73N+lu72Kg==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@rspack/binding-linux-arm64-musl/1.3.6:
     resolution: {integrity: sha512-P27mxcL0cu5wBDFjoQrvRIpisraoA+hmVuOoeCvC/FT7aUIfLNzt94eCLZqAtZ7J7kNFoDXgJwCx3gAf1D0JdA==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rspack/binding-linux-arm64-musl/1.3.7:
-    resolution: {integrity: sha512-i6QK6YodCA5R8/ShRylkyunwvNcRx/Q7af14jSCa7TPOi6pPoDUL2pmwGcJBk1uPc2wjQwAMZzfJjTWNjEyW2Q==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rspack/binding-linux-x64-gnu/1.3.6:
-    resolution: {integrity: sha512-vDXC/29U26uYaSNJ9wttdykz+VPU6qbpBMHjS6aQWtp3kUYnI3w11f4HvzZYr9c1UbfQBFemljBuz/3elQPrNQ==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rspack/binding-linux-x64-gnu/1.3.7:
-    resolution: {integrity: sha512-6AmOHLOv4XAK7Y5cFDBtnetIZ44MqG8Q6wZ20zjql/khTxsRZa/edis/eUppGb8fy5gzi+qqSAznEZ+Qj3LMrQ==}
-    cpu: [x64]
+    cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rspack/binding-linux-x64-musl/1.3.6:
-    resolution: {integrity: sha512-utNCoMVmveoGxVuswugsKpyToP5wAk/8tN5CiuWgNsnYc8szFfXEENJet1x1YmxB8C+TqqbiNpsgwba5ckNFdw==}
+  /@rspack/binding-linux-x64-gnu/1.3.6:
+    resolution: {integrity: sha512-vDXC/29U26uYaSNJ9wttdykz+VPU6qbpBMHjS6aQWtp3kUYnI3w11f4HvzZYr9c1UbfQBFemljBuz/3elQPrNQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rspack/binding-linux-x64-musl/1.3.7:
-    resolution: {integrity: sha512-rPt0c9UHp5AxWHhjziEtd2uwiWyzM4UZLFJV6hawBWOoIQf2uLSl3fp0HTqxpslfTh3uo5ymhHN/bV48m5THzg==}
+  /@rspack/binding-linux-x64-musl/1.3.6:
+    resolution: {integrity: sha512-utNCoMVmveoGxVuswugsKpyToP5wAk/8tN5CiuWgNsnYc8szFfXEENJet1x1YmxB8C+TqqbiNpsgwba5ckNFdw==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
@@ -1854,14 +1782,6 @@ packages:
     dev: true
     optional: true
 
-  /@rspack/binding-win32-arm64-msvc/1.3.7:
-    resolution: {integrity: sha512-+Db7NGBzad1dCcSm94uARkIIhbVv1+BXAl1duLBnYQMfqsu/pirsInE9wbp7WVUbSl2hmdRi9MYgWACjoReo4g==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@rspack/binding-win32-ia32-msvc/1.3.6:
     resolution: {integrity: sha512-JrB0CbM+wKVBVjAeBBy2j9Lh1yUcikgh3fxIiWcFwhWxsDTnQwmIV5yIFCoXPeJP0m4a67s1Biuf9Z0LETy+7Q==}
     cpu: [ia32]
@@ -1870,14 +1790,6 @@ packages:
     dev: true
     optional: true
 
-  /@rspack/binding-win32-ia32-msvc/1.3.7:
-    resolution: {integrity: sha512-VPqqC0U6FolGoonmZYBBiFyWjQ4+X+e/l/t4QZP2DRonlpE418+MdCxq2ldVGgvtxwERNlz61zxEX9yh/8KOfw==}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@rspack/binding-win32-x64-msvc/1.3.6:
     resolution: {integrity: sha512-JROZTgWAdY14jZEhw6Pzf5Kr8LlYA9XlifooV7I0vnj0z5z0T5iXNM/Pvd/SIwy+5wV8CQRYJUKg1KHL9h+9Nw==}
     cpu: [x64]
@@ -1886,14 +1798,6 @@ packages:
     dev: true
     optional: true
 
-  /@rspack/binding-win32-x64-msvc/1.3.7:
-    resolution: {integrity: sha512-zi9tKxlq85lSYTb1sbEluLjZlkbjuoJoy2TaNzVlfNkmiJ6EiqBbyCWoPPBJRP6HQ9pG25W0y4NWKp7iVhiBvg==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@rspack/binding/1.3.6:
     resolution: {integrity: sha512-+HCDkav5Szq6aKLYLeWPirjQf0pVkYEMMP8BS8Q7YnGMSTYikfwpkyGXcFuzjkq1BzKz30iOjPimB+HcBHdIWg==}
     optionalDependencies:
@@ -1908,20 +1812,6 @@ packages:
       '@rspack/binding-win32-x64-msvc': 1.3.6
     dev: true
 
-  /@rspack/binding/1.3.7:
-    resolution: {integrity: sha512-jSXLktIGmNNZssxT+fjZ31IyUO7lRoFrFO+XuqKlMpbnHE8yCrpaHE6rLyDPVO4Vnl6xx/df8usUXtZwIc4jrw==}
-    optionalDependencies:
-      '@rspack/binding-darwin-arm64': 1.3.7
-      '@rspack/binding-darwin-x64': 1.3.7
-      '@rspack/binding-linux-arm64-gnu': 1.3.7
-      '@rspack/binding-linux-arm64-musl': 1.3.7
-      '@rspack/binding-linux-x64-gnu': 1.3.7
-      '@rspack/binding-linux-x64-musl': 1.3.7
-      '@rspack/binding-win32-arm64-msvc': 1.3.7
-      '@rspack/binding-win32-ia32-msvc': 1.3.7
-      '@rspack/binding-win32-x64-msvc': 1.3.7
-    dev: true
-
   /@rspack/core/1.3.6_@swc+helpers@0.5.17:
     resolution: {integrity: sha512-U1YB1GEyNKvzUwqwxzZ3QeqKFU7HKTSGEQk2NpDVgj47uvLgtlMhyqA15aykGNwIu6Jtql59dCp+Qlw6UwP05w==}
     engines: {node: '>=16.0.0'}
@@ -1938,21 +1828,6 @@ packages:
       caniuse-lite: 1.0.30001715
     dev: true
 
-  /@rspack/core/1.3.7:
-    resolution: {integrity: sha512-InXnEmImLKkxzkY7XaAozycjMvS5myf/o3zu1rw5tNq3ONxWvW0QOHVTcrF0FbeKQ/jCOFSfdaoFjbXjdUs38w==}
-    engines: {node: '>=16.0.0'}
-    peerDependencies:
-      '@swc/helpers': '>=0.5.1'
-    peerDependenciesMeta:
-      '@swc/helpers':
-        optional: true
-    dependencies:
-      '@module-federation/runtime-tools': 0.13.0
-      '@rspack/binding': 1.3.7
-      '@rspack/lite-tapable': 1.0.1
-      caniuse-lite: 1.0.30001715
-    dev: true
-
   /@rspack/lite-tapable/1.0.1:
     resolution: {integrity: sha512-VynGOEsVw2s8TAlLf/uESfrgfrq2+rcXB1muPJYBWbsm1Oa6r5qVQhjA5ggM6z/coYPrsVMgovl3Ff7Q7OCp1w==}
     engines: {node: '>=16.0.0'}
@@ -2011,13 +1886,6 @@ packages:
       '@types/node': 18.7.2
     dev: true
 
-  /@types/eslint-scope/3.7.7:
-    resolution: {integrity: sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==}
-    dependencies:
-      '@types/eslint': 7.29.0
-      '@types/estree': 1.0.7
-    dev: true
-
   /@types/eslint/7.29.0:
     resolution: {integrity: sha512-VNcvioYDH8/FxaeTKkM4/TiTwt6pBV9E3OfGmvaw8tPl0rrHCJ4Ll15HRT+pMiFAf/MLQvAzC+6RzUMEL9Ceng==}
     dependencies:
@@ -2208,120 +2076,6 @@ packages:
       tinyrainbow: 1.2.0
     dev: true
 
-  /@webassemblyjs/ast/1.14.1:
-    resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
-    dependencies:
-      '@webassemblyjs/helper-numbers': 1.13.2
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-    dev: true
-
-  /@webassemblyjs/floating-point-hex-parser/1.13.2:
-    resolution: {integrity: sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==}
-    dev: true
-
-  /@webassemblyjs/helper-api-error/1.13.2:
-    resolution: {integrity: sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==}
-    dev: true
-
-  /@webassemblyjs/helper-buffer/1.14.1:
-    resolution: {integrity: sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==}
-    dev: true
-
-  /@webassemblyjs/helper-numbers/1.13.2:
-    resolution: {integrity: sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==}
-    dependencies:
-      '@webassemblyjs/floating-point-hex-parser': 1.13.2
-      '@webassemblyjs/helper-api-error': 1.13.2
-      '@xtuc/long': 4.2.2
-    dev: true
-
-  /@webassemblyjs/helper-wasm-bytecode/1.13.2:
-    resolution: {integrity: sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==}
-    dev: true
-
-  /@webassemblyjs/helper-wasm-section/1.14.1:
-    resolution: {integrity: sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==}
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-buffer': 1.14.1
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/wasm-gen': 1.14.1
-    dev: true
-
-  /@webassemblyjs/ieee754/1.13.2:
-    resolution: {integrity: sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==}
-    dependencies:
-      '@xtuc/ieee754': 1.2.0
-    dev: true
-
-  /@webassemblyjs/leb128/1.13.2:
-    resolution: {integrity: sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==}
-    dependencies:
-      '@xtuc/long': 4.2.2
-    dev: true
-
-  /@webassemblyjs/utf8/1.13.2:
-    resolution: {integrity: sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==}
-    dev: true
-
-  /@webassemblyjs/wasm-edit/1.14.1:
-    resolution: {integrity: sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==}
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-buffer': 1.14.1
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/helper-wasm-section': 1.14.1
-      '@webassemblyjs/wasm-gen': 1.14.1
-      '@webassemblyjs/wasm-opt': 1.14.1
-      '@webassemblyjs/wasm-parser': 1.14.1
-      '@webassemblyjs/wast-printer': 1.14.1
-    dev: true
-
-  /@webassemblyjs/wasm-gen/1.14.1:
-    resolution: {integrity: sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==}
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/ieee754': 1.13.2
-      '@webassemblyjs/leb128': 1.13.2
-      '@webassemblyjs/utf8': 1.13.2
-    dev: true
-
-  /@webassemblyjs/wasm-opt/1.14.1:
-    resolution: {integrity: sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==}
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-buffer': 1.14.1
-      '@webassemblyjs/wasm-gen': 1.14.1
-      '@webassemblyjs/wasm-parser': 1.14.1
-    dev: true
-
-  /@webassemblyjs/wasm-parser/1.14.1:
-    resolution: {integrity: sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==}
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-api-error': 1.13.2
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/ieee754': 1.13.2
-      '@webassemblyjs/leb128': 1.13.2
-      '@webassemblyjs/utf8': 1.13.2
-    dev: true
-
-  /@webassemblyjs/wast-printer/1.14.1:
-    resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@xtuc/long': 4.2.2
-    dev: true
-
-  /@xtuc/ieee754/1.2.0:
-    resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
-    dev: true
-
-  /@xtuc/long/4.2.2:
-    resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
-    dev: true
-
   /abort-controller/3.0.0:
     resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
     engines: {node: '>=6.5'}
@@ -2700,10 +2454,6 @@ packages:
     resolution: {integrity: sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==}
     dev: true
 
-  /buffer-from/1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
-    dev: true
-
   /buffer-xor/1.0.3:
     resolution: {integrity: sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==}
     dev: true
@@ -2813,11 +2563,6 @@ packages:
     engines: {node: '>= 16'}
     dev: true
 
-  /chrome-trace-event/1.0.4:
-    resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
-    engines: {node: '>=6.0'}
-    dev: true
-
   /ci-info/3.9.0:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
@@ -2865,10 +2610,6 @@ packages:
       delayed-stream: 1.0.0
     dev: true
 
-  /commander/2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: true
-
   /commander/7.2.0:
     resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
@@ -3056,40 +2797,6 @@ packages:
       serialize-javascript: 6.0.2
     dev: true
 
-  /css-minimizer-webpack-plugin/5.0.1_webpack@5.99.7:
-    resolution: {integrity: sha512-3caImjKFQkS+ws1TGcFn0V1HyDJFq1Euy589JlD6/3rV2kj+w7r5G9WDMgSHvpvXHNZ2calVypZWuEDQd9wfLg==}
-    engines: {node: '>= 14.15.0'}
-    peerDependencies:
-      '@parcel/css': '*'
-      '@swc/css': '*'
-      clean-css: '*'
-      csso: '*'
-      esbuild: '*'
-      lightningcss: '*'
-      webpack: ^5.0.0
-    peerDependenciesMeta:
-      '@parcel/css':
-        optional: true
-      '@swc/css':
-        optional: true
-      clean-css:
-        optional: true
-      csso:
-        optional: true
-      esbuild:
-        optional: true
-      lightningcss:
-        optional: true
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.25
-      cssnano: 6.1.2_postcss@8.5.3
-      jest-worker: 29.7.0
-      postcss: 8.5.3
-      schema-utils: 4.3.2
-      serialize-javascript: 6.0.2
-      webpack: 5.99.7
-    dev: true
-
   /css-select/5.1.0:
     resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
     dependencies:
@@ -3716,31 +3423,6 @@ packages:
     resolution: {integrity: sha512-+TQ+x4JdTnDoFEXXb3fDvfGOwnyNV7duH8fXWTPD1ieaBmB8omj7Gw/pMBBu4uI2uJCCU8APDaQJzWuXnTsH4A==}
     dev: true
 
-  /eslint-scope/5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-    dev: true
-
-  /esrecurse/4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
-  /estraverse/4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-    dev: true
-
-  /estraverse/5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-    dev: true
-
   /estree-walker/3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
@@ -3940,10 +3622,6 @@ packages:
       is-glob: 4.0.3
     dev: true
 
-  /glob-to-regexp/0.4.1:
-    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
-    dev: true
-
   /globalthis/1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -4143,8 +3821,8 @@ packages:
     resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==}
     dev: false
 
-  /immutable/5.0.3:
-    resolution: {integrity: sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==}
+  /immutable/5.1.2:
+    resolution: {integrity: sha512-qHKXW1q6liAk1Oys6umoaZbDRqjcjgSrbnrifHsfsttza7zcvRAsL7mMV6xWcyhwQy7Xj5v4hhbr6b+iDYwlmQ==}
     dev: true
 
   /indent-string/4.0.0:
@@ -4431,15 +4109,6 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /jest-worker/27.5.1:
-    resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
-    engines: {node: '>= 10.13.0'}
-    dependencies:
-      '@types/node': 18.7.2
-      merge-stream: 2.0.0
-      supports-color: 8.1.1
-    dev: true
-
   /jest-worker/29.7.0:
     resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -4529,11 +4198,6 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dev: true
 
-  /loader-runner/4.3.0:
-    resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==}
-    engines: {node: '>=6.11.5'}
-    dev: true
-
   /loader-utils/2.0.4:
     resolution: {integrity: sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==}
     engines: {node: '>=8.9.0'}
@@ -4735,17 +4399,6 @@ packages:
       tapable: 2.2.1
     dev: true
 
-  /mini-css-extract-plugin/2.9.2_webpack@5.99.7:
-    resolution: {integrity: sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==}
-    engines: {node: '>= 12.13.0'}
-    peerDependencies:
-      webpack: ^5.0.0
-    dependencies:
-      schema-utils: 4.3.2
-      tapable: 2.2.1
-      webpack: 5.99.7
-    dev: true
-
   /minimalistic-assert/1.0.1:
     resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
     dev: true
@@ -4800,10 +4453,6 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
-  /neo-async/2.6.2:
-    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
-    dev: true
-
   /node-releases/2.0.19:
     resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
     dev: true
@@ -5342,15 +4991,6 @@ packages:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
 
-  /postcss/8.4.49:
-    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.8
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-    dev: true
-
   /postcss/8.5.3:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
@@ -6042,6 +5682,14 @@ packages:
       react: 18.3.1
       scheduler: 0.23.2
 
+  /react-dom/19.1.0:
+    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
+    peerDependencies:
+      react: ^19.1.0
+    dependencies:
+      scheduler: 0.26.0
+    dev: false
+
   /react-is/16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -6115,6 +5763,18 @@ packages:
       tiny-warning: 1.0.3
     dev: true
 
+  /react-router-dom/6.30.1_react-dom@19.1.0:
+    resolution: {integrity: sha512-llKsgOkZdbPU1Eg3zK8lCn+sjD9wMRZZPuzmdWWX5SUs8OFkN5HnFVC0u5KMeMaC9aoancFI/KoLuKPqN+hxHw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
+    dependencies:
+      '@remix-run/router': 1.23.0
+      react-dom: 19.1.0
+      react-router: 6.30.1
+    dev: false
+
   /react-router/5.1.2_react@18.3.1:
     resolution: {integrity: sha512-yjEuMFy1ONK246B+rsa0cUam5OeAQ8pyclRDgpxuSCrAlJ1qN9uZ5IgyKC7gQg0w8OM50NXHEegPh/ks9YuR2A==}
     peerDependencies:
@@ -6133,6 +5793,15 @@ packages:
       tiny-warning: 1.0.3
     dev: true
 
+  /react-router/6.30.1:
+    resolution: {integrity: sha512-X1m21aEmxGXqENEPG3T6u0Th7g0aS4ZmoNynhbs+Cn+q+QGTLt+d5IQ2bHAXKzKcxGJjxACpVbnYQSCRcfxHlQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+    dependencies:
+      '@remix-run/router': 1.23.0
+    dev: false
+
   /react/18.3.1:
     resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
@@ -6330,8 +5999,8 @@ packages:
       queue-microtask: 1.2.3
     dev: true
 
-  /rxjs/7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+  /rxjs/7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
     dependencies:
       tslib: 2.5.0
     dev: true
@@ -6376,8 +6045,8 @@ packages:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
     dev: true
 
-  /sass-embedded-android-arm/1.83.1:
-    resolution: {integrity: sha512-FKfrmwDG84L5cfn8fmIew47qnCFFUdcoOTCzOw8ROItkRhLLH0hnIm6gEpG5T6OFf6kxzUxvE9D0FvYQUznZrw==}
+  /sass-embedded-android-arm/1.89.0:
+    resolution: {integrity: sha512-s6jxkEZQQrtyIGZX6Sbcu7tEixFG2VkqFgrX11flm/jZex7KaxnZtFace+wnYAgHqzzYpx0kNzJUpT+GXxm8CA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [android]
@@ -6385,8 +6054,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-android-arm64/1.83.1:
-    resolution: {integrity: sha512-S63rlLPGCA9FCqYYOobDJrwcuBX0zbSOl7y0jT9DlfqeqNOkC6NIT1id6RpMFCs3uhd4gbBS2E/5WPv5J5qwbw==}
+  /sass-embedded-android-arm64/1.89.0:
+    resolution: {integrity: sha512-pr4R3p5R+Ul9ZA5nzYbBJQFJXW6dMGzgpNBhmaToYDgDhmNX5kg0mZAUlGLHvisLdTiR6oEfDDr9QI6tnD2nqA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [android]
@@ -6394,8 +6063,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-android-ia32/1.83.1:
-    resolution: {integrity: sha512-AGlY2vFLJhF2hN0qOz12f4eDs6x0b5BUapOpgfRrqQLHIfJhxkvi39bInsiBgQ57U0jb4I7AaS2e2e+sj7+Rqw==}
+  /sass-embedded-android-ia32/1.89.0:
+    resolution: {integrity: sha512-GoNnNGYmp1F0ZMHqQbAurlQsjBMZKtDd5H60Ruq86uQFdnuNqQ9wHKJsJABxMnjfAn60IjefytM5PYTMcAmbfA==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [android]
@@ -6403,8 +6072,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-android-riscv64/1.83.1:
-    resolution: {integrity: sha512-OyU4AnfAUVd/wBaT60XvHidmQdaEsVUnxvI71oyPM/id1v97aWTZX3SmGkwGb7uA/q6Soo2uNalgvOSNJn7PwA==}
+  /sass-embedded-android-riscv64/1.89.0:
+    resolution: {integrity: sha512-di+i4KkKAWTNksaQYTqBEERv46qV/tvv14TPswEfak7vcTQ2pj2mvV4KGjLYfU2LqRkX/NTXix9KFthrzFN51Q==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [android]
@@ -6412,8 +6081,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-android-x64/1.83.1:
-    resolution: {integrity: sha512-NY5rwffhF4TnhXVErZnfFIjHqU3MNoWxCuSHumRN3dDI8hp8+IF59W5+Qw9AARlTXvyb+D0u5653aLSea5F40w==}
+  /sass-embedded-android-x64/1.89.0:
+    resolution: {integrity: sha512-1cRRDAnmAS1wLaxfFf6PCHu9sKW8FNxdM7ZkanwxO9mztrCu/uvfqTmaurY9+RaKvPus7sGYFp46/TNtl/wRjg==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [android]
@@ -6421,8 +6090,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-darwin-arm64/1.83.1:
-    resolution: {integrity: sha512-w1SBcSkIgIWgUfB7IKcPoTbSwnS3Kag5PVv3e3xfW6ZCsDweYZLQntUd2WGgaoekdm1uIbVuvPxnDH2t880iGQ==}
+  /sass-embedded-darwin-arm64/1.89.0:
+    resolution: {integrity: sha512-EUNUzI0UkbQ6dASPyf09S3x7fNT54PjyD594ZGTY14Yh4qTuacIj27ckLmreAJNNu5QxlbhyYuOtz+XN5bMMxA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [darwin]
@@ -6430,8 +6099,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-darwin-x64/1.83.1:
-    resolution: {integrity: sha512-RWrmLtUhEP5kvcGOAFdr99/ebZ/eW9z3FAktLldvgl2k96WSTC1Zr2ctL0E+Y+H3uLahEZsshIFk6RkVIRKIsA==}
+  /sass-embedded-darwin-x64/1.89.0:
+    resolution: {integrity: sha512-23R8zSuB31Fq/MYpmQ38UR2C26BsYb66VVpJgWmWl/N+sgv/+l9ECuSPMbYNgM3vb9TP9wk9dgL6KkiCS5tAyg==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [darwin]
@@ -6439,8 +6108,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-arm/1.83.1:
-    resolution: {integrity: sha512-y7rHuRgjg2YM284rin068PsEdthPljSGb653Slut5Wba4A2IP11UNVraSl6Je2AYTuoPRjQX0g7XdsrjXlzC3g==}
+  /sass-embedded-linux-arm/1.89.0:
+    resolution: {integrity: sha512-KAzA1XD74d8/fiJXxVnLfFwfpmD2XqUJZz+DL6ZAPNLH1sb+yCP7brktaOyClDc/MBu61JERdHaJjIZhfX0Yqw==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
@@ -6448,8 +6117,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-arm64/1.83.1:
-    resolution: {integrity: sha512-HVIytzj8OO18fmBY6SVRIYErcJ+Nd9a5RNF6uArav/CqvwPLATlUV8dwqSyWQIzSsQUhDF/vFIlJIoNLKKzD3A==}
+  /sass-embedded-linux-arm64/1.89.0:
+    resolution: {integrity: sha512-g9Lp57qyx51ttKj0AN/edV43Hu1fBObvD7LpYwVfs6u3I95r0Adi90KujzNrUqXxJVmsfUwseY8kA8zvcRjhYA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -6457,8 +6126,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-ia32/1.83.1:
-    resolution: {integrity: sha512-/pc+jHllyvfaYYLTRCoXseRc4+V3Z7IDPqsviTcfVdICAoR9mgK2RtIuIZanhm1NP/lDylDOgvj1NtjcA2dNvg==}
+  /sass-embedded-linux-ia32/1.89.0:
+    resolution: {integrity: sha512-5fxBeXyvBr3pb+vyrx9V6yd7QDRXkAPbwmFVVhjqshBABOXelLysEFea7xokh/tM8JAAQ4O8Ls3eW3Eojb477g==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [linux]
@@ -6466,8 +6135,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-musl-arm/1.83.1:
-    resolution: {integrity: sha512-sFM8GXOVoeR91j9MiwNRcFXRpTA7u4185SaGuvUjcRMb84mHvtWOJPGDvgZqbWdVClBRJp6J7+CShliWngy/og==}
+  /sass-embedded-linux-musl-arm/1.89.0:
+    resolution: {integrity: sha512-0Q1JeEU4/tzH7fwAwarfIh+Swn3aXG/jPhVsZpbR1c1VzkeaPngmXdmLJcVXsdb35tjk84DuYcFtJlE1HYGw4Q==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
@@ -6475,8 +6144,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-musl-arm64/1.83.1:
-    resolution: {integrity: sha512-wjSIYYqdIQp3DjliSTYNFg04TVqQf/3Up/Stahol0Qf/TTjLkjHHtT2jnDaZI5GclHi2PVJqQF3wEGB8bGJMzQ==}
+  /sass-embedded-linux-musl-arm64/1.89.0:
+    resolution: {integrity: sha512-50oelrOtN64u15vJN9uJryIuT0+UPjyeoq0zdWbY8F7LM9294Wf+Idea+nqDUWDCj1MHndyPFmR1mjeuRouJhw==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -6484,8 +6153,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-musl-ia32/1.83.1:
-    resolution: {integrity: sha512-iwhTH5gwmoGt3VH6dn4WV8N6eWvthKAvUX5XPURq7e9KEsc7QP8YNHagwaAJh7TAPopb32buyEg6oaUmzxUI+Q==}
+  /sass-embedded-linux-musl-ia32/1.89.0:
+    resolution: {integrity: sha512-ILWqpTd+0RdsSw977iVAJf4CLetIbcQgLQf17ycS1N4StZKVRZs1bBfZhg/f/HU/4p5HondPAwepgJepZZdnFA==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [linux]
@@ -6493,8 +6162,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-musl-riscv64/1.83.1:
-    resolution: {integrity: sha512-FjFNWHU1n0Q6GpK1lAHQL5WmzlPjL8DTVLkYW2A/dq8EsutAdi3GfpeyWZk9bte8kyWdmPUWG3BHlnQl22xdoA==}
+  /sass-embedded-linux-musl-riscv64/1.89.0:
+    resolution: {integrity: sha512-n2V+Tdjj7SAuiuElJYhWiHjjB1YU0cuFvL1/m5K+ecdNStfHFWIzvBT6/vzQnBOWjI4eZECNVuQ8GwGWCufZew==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
@@ -6502,8 +6171,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-musl-x64/1.83.1:
-    resolution: {integrity: sha512-BUfYR5TIDvgGHWhxSIKwTJocXU88ECZ0BW89RJqtvr7m83fKdf5ylTFCOieU7BwcA7SORUeZzcQzVFIdPUM3BQ==}
+  /sass-embedded-linux-musl-x64/1.89.0:
+    resolution: {integrity: sha512-KOHJdouBK3SLJKZLnFYzuxs3dn+6jaeO3p4p1JUYAcVfndcvh13Sg2sLGfOfpg7Og6ws2Nnqnx0CyL26jPJ7ag==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
@@ -6511,8 +6180,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-riscv64/1.83.1:
-    resolution: {integrity: sha512-KOBGSpMrJi8y+H+za3vAAVQImPUvQa5eUrvTbbOl+wkU7WAGhOu8xrxgmYYiz3pZVBBcfRjz4I2jBcDFKJmWSw==}
+  /sass-embedded-linux-riscv64/1.89.0:
+    resolution: {integrity: sha512-0A/UWeKX6MYhVLWLkdX3NPKHO+mvIwzaf6TxGCy3vS3TODWaeDUeBhHShAr7YlOKv5xRGxf7Gx7FXCPV0mUyMA==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
@@ -6520,8 +6189,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-linux-x64/1.83.1:
-    resolution: {integrity: sha512-swUsMHKqlEU9dZQ/I5WADDaXz+QkmJS27x/Oeh+oz41YgZ0ppKd0l4Vwjn0LgOQn+rxH1zLFv6xXDycvj68F/w==}
+  /sass-embedded-linux-x64/1.89.0:
+    resolution: {integrity: sha512-dRBoOFPDWctHPYK3hTk3YzyX/icVrXiw7oOjbtpaDr6JooqIWBe16FslkWyvQzdmfOFy80raKVjgoqT7DsznkQ==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
@@ -6529,8 +6198,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-win32-arm64/1.83.1:
-    resolution: {integrity: sha512-6lONEBN5TaFD5L/y68zUugryXqm4RAFuLdaOPeZQRu+7ay/AmfhtFYfE5gRssnIcIx1nlcoq7zA3UX+SN2jo1Q==}
+  /sass-embedded-win32-arm64/1.89.0:
+    resolution: {integrity: sha512-RnlVZ14hC/W7ubzvhqnbGfjU5PFNoFP/y5qycgCy+Mezb0IKbWvZ2Lyzux8TbL3OIjOikkNpfXoNQrX706WLAA==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [win32]
@@ -6538,8 +6207,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-win32-ia32/1.83.1:
-    resolution: {integrity: sha512-HxZDkAE9n6Gb8Rz6xd67VHuo5FkUSQ4xPb7cHKa4pE0ndwH5Oc0uEhbqjJobpgmnuTm1rQYNU2nof1sFhy2MFA==}
+  /sass-embedded-win32-ia32/1.89.0:
+    resolution: {integrity: sha512-eFe9VMNG+90nuoE3eXDy+38+uEHGf7xcqalq5+0PVZfR+H9RlaEbvIUNflZV94+LOH8Jb4lrfuekhHgWDJLfSg==}
     engines: {node: '>=14.0.0'}
     cpu: [ia32]
     os: [win32]
@@ -6547,8 +6216,8 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded-win32-x64/1.83.1:
-    resolution: {integrity: sha512-5Q0aPfUaqRek8Ee1AqTUIC0o6yQSA8QwyhCgh7upsnHG3Ltm8pkJOYjzm+UgYPJeoMNppDjdDlRGQISE7qzd4g==}
+  /sass-embedded-win32-x64/1.89.0:
+    resolution: {integrity: sha512-AaGpr5R6MLCuSvkvDdRq49ebifwLcuGPk0/10hbYw9nh3jpy2/CylYubQpIpR4yPcuD1wFwFqufTXC3HJYGb0g==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [win32]
@@ -6556,40 +6225,40 @@ packages:
     dev: true
     optional: true
 
-  /sass-embedded/1.83.1:
-    resolution: {integrity: sha512-LdKG6nxLEzpXbMUt0if12PhUNonGvy91n7IWHOZRZjvA6AWm9oVdhpO+KEXN/Sc+jjGvQeQcav9+Z8DwmII/pA==}
+  /sass-embedded/1.89.0:
+    resolution: {integrity: sha512-EDrK1el9zdgJFpocCGlxatDWaP18tJBWoM1hxzo2KJBvjdmBichXI6O6KlQrigvQPO3uJ8DfmFmAAx7s7CG6uw==}
     engines: {node: '>=16.0.0'}
     hasBin: true
     dependencies:
-      '@bufbuild/protobuf': 2.2.3
+      '@bufbuild/protobuf': 2.5.1
       buffer-builder: 0.2.0
       colorjs.io: 0.5.2
-      immutable: 5.0.3
-      rxjs: 7.8.1
+      immutable: 5.1.2
+      rxjs: 7.8.2
       supports-color: 8.1.1
       sync-child-process: 1.0.2
       varint: 6.0.0
     optionalDependencies:
-      sass-embedded-android-arm: 1.83.1
-      sass-embedded-android-arm64: 1.83.1
-      sass-embedded-android-ia32: 1.83.1
-      sass-embedded-android-riscv64: 1.83.1
-      sass-embedded-android-x64: 1.83.1
-      sass-embedded-darwin-arm64: 1.83.1
-      sass-embedded-darwin-x64: 1.83.1
-      sass-embedded-linux-arm: 1.83.1
-      sass-embedded-linux-arm64: 1.83.1
-      sass-embedded-linux-ia32: 1.83.1
-      sass-embedded-linux-musl-arm: 1.83.1
-      sass-embedded-linux-musl-arm64: 1.83.1
-      sass-embedded-linux-musl-ia32: 1.83.1
-      sass-embedded-linux-musl-riscv64: 1.83.1
-      sass-embedded-linux-musl-x64: 1.83.1
-      sass-embedded-linux-riscv64: 1.83.1
-      sass-embedded-linux-x64: 1.83.1
-      sass-embedded-win32-arm64: 1.83.1
-      sass-embedded-win32-ia32: 1.83.1
-      sass-embedded-win32-x64: 1.83.1
+      sass-embedded-android-arm: 1.89.0
+      sass-embedded-android-arm64: 1.89.0
+      sass-embedded-android-ia32: 1.89.0
+      sass-embedded-android-riscv64: 1.89.0
+      sass-embedded-android-x64: 1.89.0
+      sass-embedded-darwin-arm64: 1.89.0
+      sass-embedded-darwin-x64: 1.89.0
+      sass-embedded-linux-arm: 1.89.0
+      sass-embedded-linux-arm64: 1.89.0
+      sass-embedded-linux-ia32: 1.89.0
+      sass-embedded-linux-musl-arm: 1.89.0
+      sass-embedded-linux-musl-arm64: 1.89.0
+      sass-embedded-linux-musl-ia32: 1.89.0
+      sass-embedded-linux-musl-riscv64: 1.89.0
+      sass-embedded-linux-musl-x64: 1.89.0
+      sass-embedded-linux-riscv64: 1.89.0
+      sass-embedded-linux-x64: 1.89.0
+      sass-embedded-win32-arm64: 1.89.0
+      sass-embedded-win32-ia32: 1.89.0
+      sass-embedded-win32-x64: 1.89.0
     dev: true
 
   /scheduler/0.23.2:
@@ -6597,6 +6266,10 @@ packages:
     dependencies:
       loose-envify: 1.4.0
 
+  /scheduler/0.26.0:
+    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
+    dev: false
+
   /schema-utils/4.3.2:
     resolution: {integrity: sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==}
     engines: {node: '>= 10.13.0'}
@@ -6797,18 +6470,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /source-map-support/0.5.21:
-    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
-    dependencies:
-      buffer-from: 1.1.2
-      source-map: 0.6.1
-    dev: true
-
-  /source-map/0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /source-map/0.7.4:
     resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
     engines: {node: '>= 8'}
@@ -7013,41 +6674,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /terser-webpack-plugin/5.3.14_webpack@5.99.7:
-    resolution: {integrity: sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==}
-    engines: {node: '>= 10.13.0'}
-    peerDependencies:
-      '@swc/core': '*'
-      esbuild: '*'
-      uglify-js: '*'
-      webpack: ^5.1.0
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      esbuild:
-        optional: true
-      uglify-js:
-        optional: true
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.25
-      jest-worker: 27.5.1
-      schema-utils: 4.3.2
-      serialize-javascript: 6.0.2
-      terser: 5.39.0
-      webpack: 5.99.7
-    dev: true
-
-  /terser/5.39.0:
-    resolution: {integrity: sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      '@jridgewell/source-map': 0.3.6
-      acorn: 8.14.0
-      commander: 2.20.3
-      source-map-support: 0.5.21
-    dev: true
-
   /throttle-debounce/5.0.2:
     resolution: {integrity: sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==}
     engines: {node: '>=12.22'}
@@ -7485,14 +7111,6 @@ packages:
       loose-envify: 1.4.0
     dev: true
 
-  /watchpack/2.4.2:
-    resolution: {integrity: sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.11
-    dev: true
-
   /webpack-bundle-analyzer/4.10.2:
     resolution: {integrity: sha512-vJptkMm9pk5si4Bv922ZbKLV8UTT4zib4FPgXMhgzUny0bfDDkLXAVQs3ly3fS4/TN9ROFtb0NFrm04UXFE/Vw==}
     engines: {node: '>= 10.13.0'}
@@ -7515,51 +7133,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /webpack-sources/3.2.3:
-    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
-    engines: {node: '>=10.13.0'}
-    dev: true
-
-  /webpack/5.99.7:
-    resolution: {integrity: sha512-CNqKBRMQjwcmKR0idID5va1qlhrqVUKpovi+Ec79ksW8ux7iS1+A6VqzfZXgVYCFRKl7XL5ap3ZoMpwBJxcg0w==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    peerDependencies:
-      webpack-cli: '*'
-    peerDependenciesMeta:
-      webpack-cli:
-        optional: true
-    dependencies:
-      '@types/eslint-scope': 3.7.7
-      '@types/estree': 1.0.7
-      '@types/json-schema': 7.0.15
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/wasm-edit': 1.14.1
-      '@webassemblyjs/wasm-parser': 1.14.1
-      acorn: 8.14.0
-      browserslist: 4.24.3
-      chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.18.1
-      es-module-lexer: 1.6.0
-      eslint-scope: 5.1.1
-      events: 3.3.0
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.11
-      json-parse-even-better-errors: 2.3.1
-      loader-runner: 4.3.0
-      mime-types: 2.1.35
-      neo-async: 2.6.2
-      schema-utils: 4.3.2
-      tapable: 2.2.1
-      terser-webpack-plugin: 5.3.14_webpack@5.99.7
-      watchpack: 2.4.2
-      webpack-sources: 3.2.3
-    transitivePeerDependencies:
-      - '@swc/core'
-      - esbuild
-      - uglify-js
-    dev: true
-
   /which-boxed-primitive/1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -7668,3 +7241,24 @@ packages:
     resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
     engines: {node: '>=10'}
     dev: true
+
+  /zustand/5.0.5_@types+react@18.3.18:
+    resolution: {integrity: sha512-mILtRfKW9xM47hqxGIxCv12gXusoY/xTSHBYApXozR0HmQv299whhBeeAcRy+KrPPybzosvJBCOmVjq6x12fCg==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      '@types/react': '>=18.0.0'
+      immer: '>=9.0.6'
+      react: '>=18.0.0'
+      use-sync-external-store: '>=1.2.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+      use-sync-external-store:
+        optional: true
+    dependencies:
+      '@types/react': 18.3.18
+    dev: false
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index c146f2cbd6..2e9a7bd9f0 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -5,6 +5,17 @@ packages:
   - devtool/base_devtool/js_libraries/logbox
   - devtool/lynx_devtool/resources/devtool-switch
   - devtool/lynx_devtool/resources/lynx-error-parser
+  - explorer
   - explorer/homepage
+  - explorer/showcase
+  - explorer/showcase/menu
   # base devtool
   - 'lynx/devtool/base_devtool/js_libraries/logbox'
+
+catalog:
+  '@lynx-js/qrcode-rsbuild-plugin': '0.3.6'
+  '@lynx-js/rspeedy': '0.9.3'
+  '@lynx-js/react': '0.107.0'
+  '@lynx-js/react-rsbuild-plugin': '0.9.8'
+  '@lynx-js/types': '3.3.0'
+  '@types/react': '18.3.18'