feat: v1.1.0 账号化重构 + 三级 Webhook + 设置中心 + Vite 工具链

- 账号化:节点更名账号,/nodes -> /accounts;添加账号直达 Cloudflare OAuth,自动创建账号并同步账号下全部域名(catch-all 邮箱随同步创建)
- 域名:移除手工添加;点击域名『设置 Email Workers』= 部署账号级 Email Worker + Email Routing + catch-all;支持按账号筛选
- Webhook 三级模型:邮箱 -> 域名 -> 全局,收信取第一个命中者;支持自定义请求头与 key(默认 Authorization: Bearer <key>,兼做 X-WmailHub-Signature 签名);独立 webhooks 实体与 /webhooks、/keys 页面删除,Key 管理收进设置模态窗口
- 设置中心:全局 Webhook / 默认 Node Ingress 地址 / 修改密码 / API & MCP Keys(生成、撤销、删除)
- UI:Header 标题副标题紧凑化(修复溢出),LOGO 加版本号 tag(v1.1.0 取自 package.json),各列表页搜索框
- 工具链:前端构建 Bun.build -> Vite(vite 8 + @vitejs/plugin-react)
- 后端:/api/settings、POST /api/domains/:id/setup、0002 迁移(投递行固化三级目标配置);MCP 去 list_webhooks(5 工具);迁移执行器加 _migrations 记录
- 测试:44/44(新增 settings 套件、webhook 三级优先级/SSRF/签名);UI 冒烟 11/11

console/frontend/src/App.tsx

@@ -1,45 +1,41 @@
-/** 应用框架:100vh 布局(侧栏 + 顶栏大标题 + 内容区滚动),会话守卫 */
+/** 应用框架:100vh 布局(侧栏 + 顶栏页面标题 + 内容区滚动),会话守卫 + 设置入口 */
 import { useEffect, useState } from "react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
-import { Avatar, Dropdown, Layout, Menu } from "antd";
+import { Avatar, Button, Dropdown, Layout, Menu, Tooltip } from "antd";
 import {
   DashboardOutlined,
   MailOutlined,
   CloudServerOutlined,
   GlobalOutlined,
-  BellOutlined,
-  KeyOutlined,
+  SettingOutlined,
   UserOutlined,
   LogoutOutlined,
 } from "@ant-design/icons";
 import { health, logout, me } from "./api.ts";
+import { SettingsModal } from "./components/SettingsModal.tsx";
 
 const { Sider, Header, Content } = Layout;
 
 /** # 成员变量: 侧栏菜单项 **/
 const MENU_ITEMS = [
   { key: "/", icon: <DashboardOutlined />, label: "概览" },
-  { key: "/nodes", icon: <CloudServerOutlined />, label: "节点 Nodes" },
+  { key: "/accounts", icon: <CloudServerOutlined />, label: "账号 Accounts" },
   { key: "/domains", icon: <GlobalOutlined />, label: "域名 Domains" },
   { key: "/mailboxes", icon: <MailOutlined />, label: "邮箱 Mailboxes" },
   { key: "/emails", icon: <MailOutlined />, label: "邮件 Emails" },
-  { key: "/webhooks", icon: <BellOutlined />, label: "Webhooks" },
-  { key: "/keys", icon: <KeyOutlined />, label: "API / MCP Keys" },
 ];
 
 /** # 成员变量: 路由 -> 页面标题/副标题 **/
 const PAGE_META: Record<string, { title: string; subtitle: string }> = {
-  "/": { title: "概览", subtitle: "节点、邮件与投递总览" },
-  "/nodes": { title: "节点管理", subtitle: "通过 Cloudflare OAuth 自动安装的转发节点" },
-  "/domains": { title: "域名管理", subtitle: "接入 Email Routing 的收件域名" },
-  "/mailboxes": { title: "邮箱管理", subtitle: "收件地址与保留策略" },
+  "/": { title: "概览", subtitle: "账号、域名与邮件总览" },
+  "/accounts": { title: "账号", subtitle: "通过 Cloudflare OAuth 接入的 Cloudflare 账号" },
+  "/domains": { title: "域名", subtitle: "OAuth 自动同步的收件域名与 Email Workers" },
+  "/mailboxes": { title: "邮箱", subtitle: "收件地址、保留策略与邮箱级 Webhook" },
   "/emails": { title: "邮件", subtitle: "已接收邮件(默认保留 1 天)" },
-  "/webhooks": { title: "Webhooks", subtitle: "邮件事件推送与投递日志" },
-  "/keys": { title: "API / MCP Keys", subtitle: "wmh_ 前缀凭据,仅创建时可见" },
 };
 
 /** # 函数
- * 应用框架组件:未登录跳 /login;顶栏展示页面标题 + 版本号(package.json 来源)
+ * 应用框架组件:未登录跳 /login;顶栏展示页面标题 + 设置入口;侧栏品牌带版本号
  */
 export function App() {
   const navigate = useNavigate();
@@ -47,6 +43,7 @@ export function App() {
   const [ready, setReady] = useState(false);
   const [username, setUsername] = useState("");
   const [version, setVersion] = useState("");
+  const [settingsOpen, setSettingsOpen] = useState(false);
 
   useEffect(() => {
     void (async () => {
@@ -70,6 +67,8 @@ export function App() {
         <div className="brand">
           <img src="/logo.svg" alt="WmailHub" />
           <span className="name">WmailHub</span>
+          {/* 版本号小一号、居上对齐(来源 package.json) */}
+          {version && <span className="brand-version">v{version}</span>}
         </div>
         <Menu
           mode="inline"
@@ -81,12 +80,19 @@ export function App() {
       </Sider>
       <Layout>
         <Header className="app-header">
-          <div>
+          <div className="header-meta">
             <div className="title">{meta.title}</div>
             <div className="subtitle">{meta.subtitle}</div>
           </div>
           <div style={{ display: "flex", alignItems: "center", gap: 14 }}>
-            <span className="muted mono">v{version}</span>
+            <Tooltip title="设置(全局 Webhook / Ingress / 密码 / API & MCP Keys)">
+              <Button
+                type="text"
+                icon={<SettingOutlined />}
+                onClick={() => setSettingsOpen(true)}
+                aria-label="设置"
+              />
+            </Tooltip>
             {/* Dropdown 子元素必须是 DOM 元素(antd v6 坑),所以外包 div */}
             <div>
               <Dropdown
@@ -116,6 +122,7 @@ export function App() {
           <Outlet />
         </Content>
       </Layout>
+      <SettingsModal open={settingsOpen} onClose={() => setSettingsOpen(false)} />
     </Layout>
   );
 }