Merge branch 'dev' into test

package.json

@@ -22,6 +22,7 @@
     "classnames": "^2.5.1",
     "dexie": "^4.4.3",
     "lottie-react": "^2.4.1",
+    "lucide-react": "^1.18.0",
     "next": "16.2.7",
     "next-auth": "^4.24.14",
     "ofetch": "^1.5.1",

pnpm-lock.yaml

@@ -26,6 +26,9 @@ importers:
       lottie-react:
         specifier: ^2.4.1
         version: 2.4.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      lucide-react:
+        specifier: ^1.18.0
+        version: 1.18.0(react@19.2.4)
       next:
         specifier: 16.2.7
         version: 16.2.7(@babel/core@7.29.7)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -2051,6 +2054,11 @@ packages:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
     engines: {node: '>=10'}
 
+  lucide-react@1.18.0:
+    resolution: {integrity: sha512-LZDb7H/0YfM+RJncD0hDQRCAu+vSGODqpe35TuVI8EuXaRjkczbsx7p8dY4J87F/MUSj6bpYqeI8nw8qXaAdmA==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
@@ -4966,6 +4974,10 @@ snapshots:
     dependencies:
       yallist: 4.0.0
 
+  lucide-react@1.18.0(react@19.2.4):
+    dependencies:
+      react: 19.2.4
+
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5

src/app/auth/components/auth-panel.tsx

@@ -1,16 +1,6 @@
 "use client";
 /**
  * 认证面板：顶层 switch（Facebook / Email）+ 悬浮返回按钮
- *
- * 原始 Dart: lib/ui/auth/widgets/auth_panel.dart
- *
- * 行为对齐：
- *   - 状态机：`authPanelMode`（"facebook" | "email"）由 XState 管理
- *   - 切换派发 `AuthPanelModeChanged`
- *   - 悬浮返回按钮（40×40 白圆，top:20, left:20）：
- *     - facebook 模式：`router.back()`
- *     - email 模式：派发 `AuthPanelModeChanged(facebook)`
- *   - Email 面板的弹层 Facebook 按钮同样派发 `AuthPanelModeChanged(facebook)`
  */
 import { useRouter } from "next/navigation";
 

src/app/chat/components/chat-header.tsx

@@ -2,15 +2,10 @@
 /**
  * ChatHeader 顶部栏
  *
- * 原始 Dart: lib/ui/chat/widgets/chat_header.dart（112 行）
+ * 图标：lucide-react <Lock />（游客 banner）+ <Menu />（菜单按钮）
- *
+ *   tree-shakable，currentColor 继承父 color
- * 两种模式：
- *   - 游客模式（isGuest=true）：渲染 `GuestBanner` 提示注册（点击 → /auth）
- *   - 登录模式（isGuest=false）：渲染 `MenuButton`（点击 → push 到 /sidebar）
- *
- * 注意：菜单按钮直接 push 到侧边栏路由，不打开下拉菜单
- * （Dart 端 `MenuButton(onTap: _goSidebar)` 行为）。
  */
+import { Lock, Menu } from "lucide-react";
 import { useRouter } from "next/navigation";
 
 import { ROUTES } from "@/router/routes";
@@ -33,9 +28,7 @@ export function ChatHeader({ isGuest }: ChatHeaderProps) {
           onClick={() => router.push(ROUTES.auth)}
           aria-label="Sign up to unlock more features"
         >
-          <span className={styles.guestBannerIcon} aria-hidden="true">
+          <Lock className={styles.guestBannerIcon} size={16} aria-hidden="true" />
-            🔒
-          </span>
           <span>Sign up to unlock more features</span>
         </button>
       </header>
@@ -52,9 +45,7 @@ export function ChatHeader({ isGuest }: ChatHeaderProps) {
           onClick={() => router.push(ROUTES.sidebar)}
           aria-label="Menu"
         >
-          <span className={styles.menuIcon} aria-hidden="true">
+          <Menu className={styles.menuIcon} size={24} aria-hidden="true" />
-            ☰
-          </span>
         </button>
       </div>
     </header>

src/app/chat/components/chat-send-button.tsx

@@ -7,7 +7,11 @@
  * 视觉：
  *   - 默认：粉色背景 + 渐变边缘
  *   - 聚焦 / 激活：完整 primaryGradient（accent → 透明）
+ *
+ * 图标：lucide-react <Send />（tree-shakable，currentColor 继承父 color）
  */
+import { ArrowUp, Send } from "lucide-react";
+
 import styles from "./chat-send-button.module.css";
 
 export interface ChatSendButtonProps {
@@ -24,9 +28,7 @@ export function ChatSendButton({ disabled, onClick }: ChatSendButtonProps) {
       onClick={onClick}
       aria-label="Send message"
     >
-      <span className={styles.icon} aria-hidden="true">
+      <ArrowUp className={styles.icon} size={24} aria-hidden="true" />
-        ↑
-      </span>
     </button>
   );
 }

src/app/splash/components/splash-button.tsx

@@ -1,16 +1,6 @@
 "use client";
 /**
  * Splash 底部按钮组
- *
- * 本组件是 splash 鉴权流程的纯 UI 入口：
- *   - 消费 `useAuthState` / `useAuthDispatch`（仅用于 isLoading 显示 + 派事件）
- *   - Skip 按钮 = 显式游客登录入口（派发 `AuthGuestLoginSubmitted`）
- *   - 社交登录按钮仅派发 `AuthFacebookLoginSubmitted` 事件，由状态机负责调 NextAuth
- *
- * 派事件策略（单事件）：
- *   - 派业务事件（`AuthGuestLoginSubmitted` / `AuthFacebookLoginSubmitted`）→ 状态机开始跑
- *   - `pendingRedirect: true` 在登录成功 onDone 里自动置（auth-machine.ts `onLoginSuccess` helper）
- *   - splash-screen 看到 flag=true + loginStatus 非 notLoggedIn → 跳 /chat
  */
 import { useAuthDispatch, useAuthState } from "@/stores/auth/auth-context";
 import { LoadingIndicator } from "@/app/_components/core/loading-indicator";