设置面板
10 个标签页的设置中心，涵盖从银行连接、云备份到主题自定义、AI 模型管理和自动更新的方方面面。
标签页概览
| # | 标签页 | 图标 | 用途 |
|---|---|---|---|
| 1 | 连接 | Link | Akahu 银行连接设置 |
| 2 | 云端 | Cloud | Cloudflare 备份和 Workers AI |
| 3 | 主题 | Palette | 浏览和应用视觉主题 |
| 4 | 强调色 | Droplet | 覆盖强调色 |
| 5 | 字体排版 | Type | 字体系列和大小 |
| 6 | 界面 | Sliders | 面板圆角、间距、密度、效果 |
| 7 | 布局 | Layout | 保存/加载面板排列 |
| 8 | 数据 | Database | 商户 Logo 管理 |
| 9 | AI | Brain | 模型目录和 AI 配置 |
| 10 | 关于 | Info | 版本、更新、系统信息 |
1. 连接
设置和管理 Akahu 开放银行连接。
| 元素 | 详情 |
|---|---|
| App Token 字段 | Akahu 应用令牌（带显示/隐藏切换） |
| User Token 字段 | Akahu 用户令牌（带显示/隐藏切换） |
| 测试连接 | 验证令牌是否有效 |
| 断开连接 | 移除存储的令牌 |
| 设置指南 | 分步说明（创建账户、获取令牌、连接） |
| 支持的银行 | ANZ、ASB、BNZ、Kiwibank、Westpac |
连接状态指示器显示：已连接、未连接或错误状态。
2. 云端
Cloudflare D1 备份和 Workers AI 配置。
| 元素 | 详情 |
|---|---|
| 备份密钥 | Cloudflare Worker 的 API 密钥（带复制/生成） |
| 备份/恢复 | 手动触发备份和从云端恢复 |
| 备份历史 | 之前的云备份列表 |
| Workers AI 切换 | 启用 Cloudflare Workers AI（Llama 3.1 8B，每天 3 次免费请求） |
| Worker URL 覆盖 | 自定义 Worker 端点 URL |
| 云端 API 密钥 | 各提供商特定的密钥（按提供商字段） |
3. 主题
浏览并应用 20+ 内置主题。
| 元素 | 详情 |
|---|---|
| 风格过滤 | 按风格浏览主题（深色、浅色、多彩等） |
| 主题卡片 | 显示每个主题调色板的颜色预览卡片 |
| 收藏 | 星标主题以固定到收藏区 |
| 最近使用 | 快速访问最近应用的主题 |
| 当前指示器 | 当前主题高亮显示 |
可用主题包括：Midnight、Cyberpunk、Ocean、Emerald、Sunset、Nord、Rose、Mono、Mono Light、Catppuccin（Mocha、Macchiato、Frappe、Latte）、Dracula、Tokyo Night、Gruvbox、Kanagawa、Solarized、Alucard、Neon、Sepia。
4. 强调色
覆盖整个 UI 的默认强调色。
| 元素 | 详情 |
|---|---|
| 预设颜色 | 12+ 个预设强调色选项 |
| 自定义十六进制 | 输入任何十六进制颜色值 |
| 实时预览 | 按钮、标记和进度条预览实时更新 |
| 重置为默认 | 恢复主题的原始强调色 |
强调色通过 --color-accent CSS 变量传递，影响所有主题化组件。
5. 字体排版
字体系列和大小配置。
| 元素 | 详情 |
|---|---|
| 字体系列 | 按类别分组（等宽、无衬线等） |
| 字体预览 | 每种字体以 "$1,234.56" 示例展示数字渲染效果 |
| 字体大小 | 小 / 中 / 大（分段控件） |
默认字体：JetBrains Mono。
6. 界面
微调面板外观和动画。
| 设置 | 选项 |
|---|---|
| 面板圆角 | 面板容器的边框圆角 |
| 间距 | 面板之间的间隙 |
| 密度 | 紧凑 / 正常 / 舒适 |
| 动画速度 | 过渡效果的速度倍率 |
| 视觉效果 | 独立切换：模糊、阴影、发光、减少动画 |
| 恢复默认 | 将所有界面设置恢复为默认值 |
7. 布局
保存和恢复面板排列方式。
| 元素 | 详情 |
|---|---|
| 保存布局 | 命名并保存当前面板排列 |
| 加载布局 | 应用之前保存的布局 |
| 布局列表 | 所有已保存的布局，带应用/删除功能 |
| 重置为默认 | 恢复出厂面板排列 |
8. 数据
商户 Logo 覆盖率和管理。
| 元素 | 详情 |
|---|---|
| 覆盖率统计 | 已匹配 Logo 的商户百分比 |
| 补充填充按钮 | 触发未匹配商户的 Logo 解析 |
| 重新解析 | 强制重新获取所有商户 Logo |
| 已匹配表格 | 成功解析 Logo 的商户 |
| 未匹配表格 | 没有 Logo 的商户（补充填充候选） |
9. AI
模型管理和 AI 系统配置。
| 元素 | 详情 |
|---|---|
| 模型目录 | 按层级分组的模型（路由、增强、视觉） |
| 下载/删除 | 按模型下载（带进度条），或删除以释放空间 |
| 模型大小 | 每个模型的文件大小（使用 formatBytes） |
| 嵌入模型状态 | 向量嵌入模型的状态 |
| 云端 API 密钥 | Anthropic/OpenAI 密钥输入 |
| Workers AI | Cloudflare Workers AI 切换和状态 |
| 大脑/记忆查看器 | Freddy 大脑状态和记忆文件的可展开视图（商户映射、修正日志） |
模型层级：
- 路由层 —— 小型模型（Qwen3 0.6B）用于意图分类
- 增强层 —— 中型模型（1.5B--3B）用于复杂查询
- 视觉层 —— MobileNet V4 Small 用于文档/图像分类
10. 关于
版本信息和自动更新控件。
| 元素 | 详情 |
|---|---|
| 应用版本 | 当前 APP_VERSION |
| 检查更新 | 手动检查更新按钮 |
| 下载更新 | 在后台下载可用更新 |
| 安装更新 | 安装并重启 |
| macOS 警告 | 关于 macOS 上未签名应用警告的说明（直到获得 Developer ID 证书） |
| 更新状态 | 更新过程各阶段的状态消息 |
数据来源
| 状态管理 | 字段 |
|---|---|
useFinanceStore | 连接状态、账户 |
useThemeStore | 当前主题、收藏、最近主题、UI 偏好 |
useLayoutStore | 保存的布局 |
useChatStore | AI 状态、模型状态 |