docs: update README with v0.3.0 release notes, add dashboard & sessions features, thanks to kimicode-dashboard

feat: v0.3.0 re-release - add dashboard & sessions, hide pi option
- Usage dashboard: KPIs, model split, daily bars, year heatmap, recent requests - Sessions management: list/preview/archive/delete with streaming preview - Double-click daily bar opens per-model breakdown modal - Paginated recent requests (30/page) - Hide pi option from nav (kept code, just removed from UI) - Timezone fixes: today/day_key/heatmap now use local calendar day - Streaming preview with 20MB byte cap + 500-char frontend clip - README attribution to kimicode-dashboard (MIT, JochenYang)
2026-07-28 09:53:48 +08:00 · 2026-07-28 09:16:21 +08:00 · 2026-07-27 22:36:42 +08:00 · 2026-07-25 17:33:30 +08:00
28 changed files with 6052 additions and 115 deletions
@@ -8,6 +8,7 @@
 [![React](https://img.shields.io/badge/React-18-61dafb?logo=react)](https://react.dev)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.5-3178c6?logo=typescript)](https://www.typescriptlang.org)
 [![Rust](https://img.shields.io/badge/Rust-2021-ed764d?logo=rust)](https://www.rust-lang.org)
 [![Version](https://img.shields.io/badge/release-v0.3.0-brightgreen)](https://git.codingplan.site/admin/KimiCodeSwitch)
 [![License](https://img.shields.io/badge/license-MIT-green)](./LICENSE)
 ---
@@ -40,7 +41,7 @@
 Kimi Switch 提供统一的图形界面：
 - 统一图形界面，分别管理 Kimi Code 和 Pi 两套 Agent 配置，顶部 Tab 切换
- 一键切换供应商，自动写入对应 Agent 的原生配置
+- 一键切换供应商，更新对应 Agent 原生配置的 `default_model`，保留全部供应商
 - 一键拉取模型列表（OpenAI / Anthropic / Google GenAI）
 - 切换后给出 `/reload` 提示，确保 Kimi Code 会话立即生效
@@ -59,7 +60,8 @@ Kimi Switch 提供统一的图形界面：
 | **i18n** | 简体中文 / English，运行时切换 |
 | **自动备份** | 写入 Kimi Code / Pi 原生配置前自动备份，按时间戳命名，保留最近 7 天（见 `src-tauri/src/config_io.rs`） |
 | **快捷键** | Ctrl+S 保存、Ctrl+R 重载、Ctrl+O 打开配置目录 |
-| **校验（预留）** | i18n 已定义错误文案（名称重复、凭证缺失、Vertex 字段缺失等），后端 `validators.rs` 为占位实现，尚未接线 |
+| **用量仪表盘** | Token 用量统计、每日趋势（按模型分色）、全年热力图、最近请求翻页、双击查看模型分布 |
 | **会话管理** | 按工作区浏览、预览、归档、批量删除会话，逐行流式读取防崩溃（20MB 上限 + 500 字符折叠） |
 | **未保存提示** | 关闭窗口前检测未保存修改，标题栏加 `*` 前缀 |
 ## 架构总览
@@ -96,10 +98,11 @@ Kimi Switch 提供统一的图形界面：
 **关键设计**：
- Kimi Switch 维护自己的 SQLite 数据库存**完整配置**（所有供应商 + 所有模型，含未激活的）
+- 对 Kimi Code，`config.toml` 是供应商/模型数据的**权威来源**：所有供应商和模型始终全量保留，`default_model` 决定哪个生效（与 CLI 原生 `/provider` 行为一致）
- 点「切换使用」时只把**当前激活的供应商**写入 Agent 原生配置，其他不写
+- SQLite 只存 Kimi Switch 专有元数据（备注、官网、每个供应商记住的默认模型），并在 `config.toml` 不完整时兜底
- 这样 Kimi Code / Pi 始终只看到一个活跃供应商，不会被托管/OAuth 默认值干扰
+- 加载时以 `config.toml` 为准，因此通过 `/provider` 在 CLI 端增/改/删的供应商都会被正确反映，切换不再覆盖丢失
- `raw_other` 字段透传未知键，保证前后往返不丢字段
+- `raw_other` 字段透传未知键（含 `[oauth]` 段），保证前后往返不丢字段
 - Pi 的行为不变：切换时仍只写活跃供应商到 `models.json`
 ## 支持的供应商类型
@@ -118,8 +121,8 @@ Kimi Switch 提供统一的图形界面：
 | 文件 | 用途 | 备份 |
 | --- | --- | --- |
-| `%USERPROFILE%\.kimi-switch\kimi-switch.db` | Kimi Switch 自己的 SQLite 数据库，存全量配置 | — |
+| `%USERPROFILE%\.kimi-switch\kimi-switch.db` | Kimi Switch 自己的 SQLite 数据库，存元数据（备注/官网/记住的模型）+ 迁移兜底 | — |
-| `%USERPROFILE%\.kimi-code\config.toml` | Kimi Code CLI 的 TOML 配置（**切换时写入**） | 同目录下 `backups/config.toml.bak.{YYYYMMDD_HHMMSS}`，保留 7 天 |
+| `%USERPROFILE%\.kimi-code\config.toml` | Kimi Code CLI 的 TOML 配置（**权威数据源，切换/保存时写入**） | 同目录下 `backups/config.toml.bak.{YYYYMMDD_HHMMSS}`，保留 7 天 |
 | `%USERPROFILE%\.pi\agent\models.json` | Pi 的供应商+模型配置（**切换时写入**） | 同目录下 `backups/models.json.bak.{YYYYMMDD_HHMMSS}`，保留 7 天 |
 | `%USERPROFILE%\.pi\agent\settings.json` | Pi 的默认供应商/模型（**切换时写入**） | 同目录下 `backups/settings.json.bak.{YYYYMMDD_HHMMSS}`，保留 7 天 |
 | `localStorage[kimi-switch-agent]` | 前端记住上次选中的 Agent（kimi_code / pi） | — |
@@ -213,9 +216,9 @@ npm run dev
 | 命令 | 说明 |
 | --- | --- |
-| `load_agent_config_command(agent)` | 加载配置：优先 SQLite，为空则从 Agent 原生配置导入 |
+| `load_agent_config_command(agent)` | 加载配置：Kimi Code 以 `config.toml` 为权威数据源，SQLite 补充元数据；Pi 优先 SQLite |
-| `save_agent_config_command(agent, config)` | 保存全量配置到 SQLite |
+| `save_agent_config_command(agent, config)` | 保存到 SQLite；Kimi Code 同时写入 `config.toml` |
-| `activate_agent_config_command(agent)` | 把当前激活的供应商写入 Agent 原生配置 |
+| `activate_agent_config_command(agent)` | 全量写入 Agent 原生配置（Kimi Code 写全部供应商，`default_model` 决定生效项；Pi 仅写活跃供应商） |
 | `open_agent_config_dir(agent)` | 用系统资源管理器打开 Agent 配置目录 |
 | `get_app_version()` | 返回 `Cargo.toml` 版本号 |
 | `list_provider_models(provider)` | 调供应商 API 拉取模型列表（异步） |
@@ -241,7 +244,7 @@ npm run dev
 | 快捷键 | 作用 |
 | --- | --- |
-| `Ctrl + S` | 保存当前修改到 SQLite |
+| `Ctrl + S` | 保存当前修改到 SQLite + config.toml（Kimi Code） |
 | `Ctrl + R` | 重新读取配置（未保存时会提示） |
 | `Ctrl + O` | 打开当前 Agent 的配置目录 |
@@ -283,10 +286,20 @@ npm run tauri-build
 产物位置：
- `src-tauri/target/release/bundle/msi/Kimi Switch_0.1.0_x64_en-US.msi`
+- `src-tauri/target/release/bundle/msi/Kimi Switch_0.3.0_x64_en-US.msi`
 Windows 安装包（MSI），含 WebView2 bootstrapper 自动下载。`nsis` 已禁用，目前只产 MSI。
 ### 发布版本
 **v0.3.0** — 新增用量仪表盘与会话管理功能（基于 [kimicode-dashboard](https://github.com/JochenYang/kimicode-dashboard) 移植，感谢原作者 [JochenYang](https://github.com/JochenYang) 的开源贡献）：
 - 用量仪表盘：8 项 KPI、每日趋势图（按模型分色堆叠柱状图，双击查看模型分布弹窗）、全年热力图（按 Token 量 5 级着色，鼠标悬浮 tooltip）、最近请求翻页（30 条/页）
 - 会话管理：按工作区隔离浏览、预览会话内容（流式逐行读取防崩溃，20MB 字节上限，500 字符折叠可展开）、归档/取消归档/批量删除
 - 时间线修复：`today` 范围、每日热力图和 `day_key` 分桶改用本地时区日历日，UTC+8 用户跨零点后不再数据错位
 - 隐藏 Pi 选项：左侧导航栏 Pi 入口已移除（代码保留，仅 UI 隐藏）
 - 支持供应商：Kimi / Anthropic / OpenAI / OpenAI Responses / Google GenAI / Vertex AI
 ### 首次打包
 首次运行会下载：
@@ -303,7 +316,7 @@ A: 在 Kimi Code 会话里执行 `/reload`（Kimi Code CLI 才会重新读取 `~
 A: 关闭窗口前会弹原生 `beforeunload` 提示，标题栏也会显示 `*` 前缀。
 **Q: 怎么备份/迁移我的配置？**
-A: 备份 `%USERPROFILE%\.kimi-switch\kimi-switch.db` 即可，里面存了全量配置（含未激活的供应商）。
+A: 对 Kimi Code，`config.toml` 本身就是全量配置的权威来源，直接备份它即可；SQLite 存额外的备注/官网等元数据，需要时一并备份 `kimi-switch.db`。对 Pi，备份 `kimi-switch.db`。
 **Q: Vertex AI 为什么不能拉取模型列表？**
 A: Vertex 需要 GCP project/location 凭证，当前实现留了 TODO，等 GCP SDK 集成后再补。
@@ -325,6 +338,10 @@ A: 代码不依赖 Windows 专属 API，但 `tauri.conf.json` 的 bundle 目标
 - [Tauri](https://tauri.app) — 桌面应用框架
 - 设计文档见 `docs/superpowers/specs/`，实施计划见 `docs/superpowers/plans/`
 ## 致谢
 用量仪表盘与会话管理功能基于 [kimicode-dashboard](https://github.com/JochenYang/kimicode-dashboard)（MIT 许可证，© JochenYang）移植。原始项目实现了 Kimi Code CLI 的本地 Token 用量统计与会话管理，本项目的 Rust 后端（`src-tauri/src/dashboard.rs`）、前端仪表盘（`src/components/dashboard/`）以及会话管理页（`src/components/sessions/`）均源自该项目，感谢原作者的开源贡献。
 ---
 许可证：MIT，详见 [LICENSE](./LICENSE)。Copyright (c) 2026 CodingPlan.site
@@ -8,6 +8,7 @@
 [![React](https://img.shields.io/badge/React-18-61dafb?logo=react)](https://react.dev)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.5-3178c6?logo=typescript)](https://www.typescriptlang.org)
 [![Rust](https://img.shields.io/badge/Rust-2021-ed764d?logo=rust)](https://www.rust-lang.org)
 [![Version](https://img.shields.io/badge/release-v0.3.0-brightgreen)](https://git.codingplan.site/admin/KimiCodeSwitch)
 [![License](https://img.shields.io/badge/license-MIT-green)](./LICENSE)
 ---
@@ -40,7 +41,7 @@
 Kimi Switch provides a unified GUI:
 - One unified interface to manage two separate agent configs (Kimi Code and Pi), switched via a top tab
- One-click provider switching that writes the active provider into the target agent's native config
+- One-click provider switching that updates `default_model` in the target agent's native config while preserving all providers
 - One-click model-list fetching (OpenAI / Anthropic / Google GenAI)
 - A `/reload` hint after switching so Kimi Code sessions take effect immediately
@@ -96,10 +97,11 @@ Kimi Switch provides a unified GUI:
 **Key design points**:
- Kimi Switch keeps its own SQLite database for the **full config** (all providers + all models, including inactive ones)
+- For Kimi Code, `config.toml` is the **authoritative source** for provider/model data: all providers and models are always written in full, and `default_model` selects the active one (matching the CLI's native `/provider` behaviour)
- Clicking "Switch to" writes **only the active provider** into the agent's native config; the others are not written
+- SQLite stores only Kimi Switch-private metadata (notes, official URLs, per-provider remembered default model) and acts as a fallback when `config.toml` is incomplete
- This way Kimi Code / Pi always see exactly one active provider and are never confused by managed/OAuth defaults
+- On load, `config.toml` takes precedence, so providers added/edited/deleted via the CLI's `/provider` are correctly reflected — switching no longer overwrites or loses them
- The `raw_other` field passes unknown keys through untouched, so round-trips never lose fields
+- The `raw_other` field passes unknown keys through untouched (including `[oauth]` blocks), so round-trips never lose fields
 - Pi behaviour is unchanged: switching still writes only the active provider to `models.json`
 ## Supported Provider Types
@@ -118,8 +120,8 @@ Credential precedence: the `api_key` field wins over the same-named key in the `
 | File | Purpose | Backup |
 | --- | --- | --- |
-| `%USERPROFILE%\.kimi-switch\kimi-switch.db` | Kimi Switch's own SQLite database holding the full config | — |
+| `%USERPROFILE%\.kimi-switch\kimi-switch.db` | Kimi Switch's own SQLite database, holding metadata (notes/official URLs/remembered models) + migration fallback | — |
-| `%USERPROFILE%\.kimi-code\config.toml` | Kimi Code CLI's TOML config (**written on switch**) | `backups/config.toml.bak.{YYYYMMDD_HHMMSS}` next to it, kept 7 days |
+| `%USERPROFILE%\.kimi-code\config.toml` | Kimi Code CLI's TOML config (**authoritative source, written on switch/save**) | `backups/config.toml.bak.{YYYYMMDD_HHMMSS}` next to it, kept 7 days |
 | `%USERPROFILE%\.pi\agent\models.json` | Pi's provider+model config (**written on switch**) | `backups/models.json.bak.{YYYYMMDD_HHMMSS}` next to it, kept 7 days |
 | `%USERPROFILE%\.pi\agent\settings.json` | Pi's default provider/model (**written on switch**) | `backups/settings.json.bak.{YYYYMMDD_HHMMSS}` next to it, kept 7 days |
 | `localStorage[kimi-switch-agent]` | Frontend remembers the last selected agent (kimi_code / pi) | — |
@@ -213,9 +215,9 @@ Good for pure UI debugging.
 | Command | Description |
 | --- | --- |
-| `load_agent_config_command(agent)` | Load config: SQLite first, falling back to the agent's native config on first use |
+| `load_agent_config_command(agent)` | Load config: Kimi Code reads `config.toml` as the authoritative source, enriched with SQLite metadata; Pi reads SQLite first |
-| `save_agent_config_command(agent, config)` | Save the full config to SQLite |
+| `save_agent_config_command(agent, config)` | Save to SQLite; for Kimi Code also writes `config.toml` |
-| `activate_agent_config_command(agent)` | Write the active provider into the agent's native config |
+| `activate_agent_config_command(agent)` | Write to the agent's native config (Kimi Code writes all providers — `default_model` picks the active one; Pi writes only the active provider) |
 | `open_agent_config_dir(agent)` | Open the agent's config dir in the system file manager |
 | `get_app_version()` | Return the `Cargo.toml` version |
 | `list_provider_models(provider)` | Fetch model list from the provider API (async) |
@@ -241,7 +243,7 @@ Good for pure UI debugging.
 | Shortcut | Action |
 | --- | --- |
-| `Ctrl + S` | Save current changes to SQLite |
+| `Ctrl + S` | Save current changes to SQLite + config.toml (Kimi Code) |
 | `Ctrl + R` | Reload config (prompts if unsaved) |
 | `Ctrl + O` | Open the current agent's config dir |
@@ -283,10 +285,20 @@ npm run tauri-build
 Output:
- `src-tauri/target/release/bundle/msi/Kimi Switch_0.1.0_x64_en-US.msi`
+- `src-tauri/target/release/bundle/msi/Kimi Switch_0.3.0_x64_en-US.msi`
 A Windows installer (MSI) with the WebView2 bootstrapper embedded for auto-download. `nsis` is disabled; only MSI is produced.
 ### v0.3.0 Release Notes
 New dashboard and session management features, ported from [kimicode-dashboard](https://github.com/JochenYang/kimicode-dashboard) (MIT, © JochenYang). Many thanks to the original author for their open-source contribution.
 - **Dashboard**: 8 KPI cards, daily trend chart (per-model stacked bars, double-click for per-model breakdown modal), full-year heatmap (5-level token coloring with hover tooltip), paginated recent requests (30/page)
 - **Session management**: browse by workspace, preview (streaming line-by-line read, 20MB byte cap, 500-char collapse with expand toggle), archive/unarchive/bulk delete
 - **Timezone fix**: `today` range, heatmap, and `day_key` now use the local calendar day — UTC+8 users no longer see empty data after midnight
 - **Pi option hidden**: the Pi tab has been removed from the navigation bar (code preserved, UI only)
 - **Supported providers**: Kimi / Anthropic / OpenAI / OpenAI Responses / Google GenAI / Vertex AI
 ### First build
 The first run downloads:
@@ -303,7 +315,7 @@ A: Run `/reload` inside the Kimi Code session (the CLI only re-reads `~/.kimi-co
 A: A native `beforeunload` prompt appears before closing, and the title bar shows a `*` prefix.
 **Q: How do I back up / migrate my config?**
-A: Back up `%USERPROFILE%\.kimi-switch\kimi-switch.db`; it holds the full config (including inactive providers).
+A: For Kimi Code, `config.toml` itself is the authoritative full config — back it up directly. SQLite holds extra metadata (notes, official URLs); back up `kimi-switch.db` too if you need those. For Pi, back up `kimi-switch.db`.
 **Q: Why can't Vertex AI fetch the model list?**
 A: Vertex requires GCP project/location credentials. The current implementation leaves a TODO pending GCP SDK integration.
@@ -325,6 +337,10 @@ A: The code doesn't depend on Windows-only APIs, but `tauri.conf.json` only targ
 - [Tauri](https://tauri.app) — the desktop app framework
 - Design specs in `docs/superpowers/specs/`, implementation plans in `docs/superpowers/plans/`
 ## Credits
 The usage dashboard and session manager are ported from [kimicode-dashboard](https://github.com/JochenYang/kimicode-dashboard) (MIT License, © JochenYang). The original project implements local token usage analytics and session management for Kimi Code CLI. The Rust backend (`src-tauri/src/dashboard.rs`), dashboard UI (`src/components/dashboard/`), and sessions page (`src/components/sessions/`) in this project are derived from that work. Many thanks to the original author.
 ---
 License: MIT, see [LICENSE](./LICENSE). Copyright (c) 2026 CodingPlan.site
@@ -1,11 +1,13 @@
 {
  "name": "kimiswitch",
  "private": true,
-  "version": "0.2.0",
+  "version": "0.3.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "prebuild": "node scripts/fetch-models-dev.mjs || echo fetch-models-dev failed, using existing snapshot",
    "build": "tsc && vite build",
    "fetch-models-dev": "node scripts/fetch-models-dev.mjs",
    "preview": "vite preview",
    "tauri": "tauri",
    "tauri-dev": "tauri dev",
@@ -0,0 +1,57 @@
 #!/usr/bin/env node
 /**
 * Fetch the latest model reference data from models.dev and write a compact
 * snapshot to src/lib/models-dev.json.
 *
 * Run manually (`npm run fetch-models-dev`) or automatically before builds
 * (`prebuild`). Requires network access to models.dev.
 */
 import { writeFile, mkdir } from "node:fs/promises";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 const SOURCE_URL = "https://models.dev/models.json";
 const ROOT = join(dirname(fileURLToPath(import.meta.url)), "..");
 const OUTPUT = join(ROOT, "src", "lib", "models-dev.json");
 const res = await fetch(SOURCE_URL, {
  headers: { Accept: "application/json" },
  signal: AbortSignal.timeout(30_000),
 });
 if (!res.ok) {
  throw new Error(`GET ${SOURCE_URL} returned HTTP ${res.status}`);
 }
 /** @type {Record<string, any>} */
 const raw = await res.json();
 // Keep only the fields the app needs; the raw file carries benchmarks,
 // descriptions, etc. that would bloat the bundle.
 const snapshot = {};
 for (const [key, m] of Object.entries(raw)) {
  if (!m || typeof m !== "object") continue;
  const entry = {};
  if (typeof m.name === "string") entry.name = m.name;
  // context 0 means "not applicable" (image/audio models) — treat as missing
  // so callers fall back to regex defaults instead of storing 0.
  if (typeof m.limit?.context === "number" && m.limit.context > 0) {
    entry.context = m.limit.context;
  }
  if (m.reasoning === true) entry.reasoning = true;
  if (m.tool_call === true) entry.tool_call = true;
  if (m.structured_output === true) entry.structured_output = true;
  const input = m.modalities?.input;
  if (Array.isArray(input)) {
    if (input.includes("image")) entry.image = true;
    if (input.includes("video")) entry.video = true;
  }
  snapshot[key] = entry;
 }
 await mkdir(dirname(OUTPUT), { recursive: true });
 await writeFile(OUTPUT, JSON.stringify(snapshot, null, 2) + "\n", "utf8");
 console.log(
  `models-dev snapshot: ${Object.keys(snapshot).length} models -> ${OUTPUT}`,
 );
@@ -1091,6 +1091,12 @@ dependencies = [
 "percent-encoding",
 ]
 [[package]]
 name = "fs_extra"
 version = "1.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "42703706b716c37f96a77aea830392ad231f44c9e9a67872fa5548707e11b11c"
 [[package]]
 name = "futures-channel"
 version = "0.3.32"
@@ -1952,12 +1958,14 @@ dependencies = [
 [[package]]
 name = "kimiswitch"
-version = "0.1.0"
+version = "0.3.0"
 dependencies = [
 "anyhow",
 "chrono",
 "dirs 5.0.1",
 "fs_extra",
 "indexmap 2.14.0",
 "regex",
 "reqwest 0.12.28",
 "rusqlite",
 "serde",
@@ -1965,7 +1973,9 @@ dependencies = [
 "tauri",
 "tauri-build",
 "tauri-plugin-opener",
 "tauri-plugin-single-instance",
 "toml 0.8.23",
 "walkdir",
 ]
 [[package]]
@@ -3773,6 +3783,22 @@ dependencies = [
 "zbus",
 ]
 [[package]]
 name = "tauri-plugin-single-instance"
 version = "2.4.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b3214becf9ef5783c0ae99a3bb25adf5353a7a16ebf53e74b909e29205735c6c"
 dependencies = [
 "serde",
 "serde_json",
 "tauri",
 "thiserror 2.0.18",
 "tokio",
 "tracing",
 "windows-sys 0.60.2",
 "zbus",
 ]
 [[package]]
 name = "tauri-runtime"
 version = "2.11.3"
@@ -4883,6 +4909,15 @@ dependencies = [
 "windows-targets 0.52.6",
 ]
 [[package]]
 name = "windows-sys"
 version = "0.60.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f2f500e4d28234f72040990ec9d39e3a6b950f9f22d3dba18416c35882612bcb"
 dependencies = [
 "windows-targets 0.53.5",
 ]
 [[package]]
 name = "windows-sys"
 version = "0.61.2"
@@ -4931,13 +4966,30 @@ dependencies = [
 "windows_aarch64_gnullvm 0.52.6",
 "windows_aarch64_msvc 0.52.6",
 "windows_i686_gnu 0.52.6",
- "windows_i686_gnullvm",
+ "windows_i686_gnullvm 0.52.6",
 "windows_i686_msvc 0.52.6",
 "windows_x86_64_gnu 0.52.6",
 "windows_x86_64_gnullvm 0.52.6",
 "windows_x86_64_msvc 0.52.6",
 ]
 [[package]]
 name = "windows-targets"
 version = "0.53.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4945f9f551b88e0d65f3db0bc25c33b8acea4d9e41163edf90dcd0b19f9069f3"
 dependencies = [
 "windows-link 0.2.1",
 "windows_aarch64_gnullvm 0.53.1",
 "windows_aarch64_msvc 0.53.1",
 "windows_i686_gnu 0.53.1",
 "windows_i686_gnullvm 0.53.1",
 "windows_i686_msvc 0.53.1",
 "windows_x86_64_gnu 0.53.1",
 "windows_x86_64_gnullvm 0.53.1",
 "windows_x86_64_msvc 0.53.1",
 ]
 [[package]]
 name = "windows-threading"
 version = "0.1.0"
@@ -4974,6 +5026,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
 [[package]]
 name = "windows_aarch64_gnullvm"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a9d8416fa8b42f5c947f8482c43e7d89e73a173cead56d044f6a56104a6d1b53"
 [[package]]
 name = "windows_aarch64_msvc"
 version = "0.42.2"
@@ -4992,6 +5050,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
 [[package]]
 name = "windows_aarch64_msvc"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b9d782e804c2f632e395708e99a94275910eb9100b2114651e04744e9b125006"
 [[package]]
 name = "windows_i686_gnu"
 version = "0.42.2"
@@ -5010,12 +5074,24 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
 [[package]]
 name = "windows_i686_gnu"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "960e6da069d81e09becb0ca57a65220ddff016ff2d6af6a223cf372a506593a3"
 [[package]]
 name = "windows_i686_gnullvm"
 version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
 [[package]]
 name = "windows_i686_gnullvm"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "fa7359d10048f68ab8b09fa71c3daccfb0e9b559aed648a8f95469c27057180c"
 [[package]]
 name = "windows_i686_msvc"
 version = "0.42.2"
@@ -5034,6 +5110,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
 [[package]]
 name = "windows_i686_msvc"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1e7ac75179f18232fe9c285163565a57ef8d3c89254a30685b57d83a38d326c2"
 [[package]]
 name = "windows_x86_64_gnu"
 version = "0.42.2"
@@ -5052,6 +5134,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
 [[package]]
 name = "windows_x86_64_gnu"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9c3842cdd74a865a8066ab39c8a7a473c0778a3f29370b5fd6b4b9aa7df4a499"
 [[package]]
 name = "windows_x86_64_gnullvm"
 version = "0.42.2"
@@ -5070,6 +5158,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
 [[package]]
 name = "windows_x86_64_gnullvm"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0ffa179e2d07eee8ad8f57493436566c7cc30ac536a3379fdf008f47f6bb7ae1"
 [[package]]
 name = "windows_x86_64_msvc"
 version = "0.42.2"
@@ -5088,6 +5182,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
 [[package]]
 name = "windows_x86_64_msvc"
 version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d6bbff5f0aada427a1e5a6da5f1f98158182f26556f345ac9e04d36d0ebed650"
 [[package]]
 name = "winnow"
 version = "0.5.40"
@@ -1,6 +1,6 @@
 [package]
 name = "kimiswitch"
-version = "0.2.0"
+version = "0.3.0"
 description = "Kimi Switch - model config manager"
 authors = ["you"]
 edition = "2021"
@@ -11,11 +11,15 @@ tauri-build = { version = "2.0.0", features = [] }
 [dependencies]
 tauri = { version = "2.0.0", features = ["tray-icon"] }
 tauri-plugin-opener = "2.0.0"
 tauri-plugin-single-instance = "2.0.0"
 serde = { version = "1.0", features = ["derive"] }
 serde_json = "1.0"
 indexmap = { version = "2.2", features = ["serde"] }
-chrono = "0.4"
+chrono = { version = "0.4", features = ["serde"] }
 anyhow = "1.0"
 regex = "1"
 walkdir = "2"
 fs_extra = "1"
 reqwest = { version = "0.12", features = ["json", "rustls-tls"], default-features = false }
 dirs = "5.0"
 toml = "0.8"
@@ -18,15 +18,61 @@ pub fn debug_log(message: String) {
 #[tauri::command]
 pub fn load_agent_config_command(agent: Agent) -> Result<Config, String> {
-    // Load from Kimi Switch's own SQLite database first.
+    // Load Kimi Switch's own SQLite database (metadata + migration fallback).
-    match db::load_config(&agent) {
+    let db_config = db::load_config(&agent).ok();
-        Ok(config) if !config.providers.is_empty() => Ok(config),
+
        _ => {
            // Fallback to the agent's native config on first use.
    match agent {
-                Agent::KimiCode => crate::kimi_code_io::load_kimi_code_config_as_config()
+        Agent::KimiCode => {
-                    .map_err(fmt_anyhow),
+            // config.toml is the authoritative source for provider/model data
            // because the user can add or edit providers at any time via the
            // CLI's /provider command. SQLite only enriches with Kimi
            // Switch-private metadata (note, official_url, remembered default
            // model) and fills gaps when config.toml is incomplete.
            let mut config = crate::kimi_code_io::load_kimi_code_config_as_config()
                .map_err(fmt_anyhow)?;
            if let Some(db) = &db_config {
                // Enrich config.toml providers with SQLite metadata.
                for (name, p) in config.providers.iter_mut() {
                    if let Some(db_p) = db.providers.get(name) {
                        p.note = db_p.note.clone();
                        p.official_url = db_p.official_url.clone();
                        // Restore the remembered per-provider default model
                        // (Kimi-Switch-private, stored in raw_other).
                        if let Some(dm) = db_p.raw_other.get("default_model") {
                            match &mut p.raw_other {
                                serde_json::Value::Object(obj) => {
                                    obj.insert("default_model".to_string(), dm.clone());
                                }
                                _ => {
                                    let mut obj = serde_json::Map::new();
                                    obj.insert("default_model".to_string(), dm.clone());
                                    p.raw_other = serde_json::Value::Object(obj);
                                }
                            }
                        }
                    }
                }
                // Migration safety: include providers/models that exist in
                // SQLite but not in config.toml (e.g. after upgrading from the
                // old single-provider-write behaviour).
                for (name, p) in &db.providers {
                    config.providers.entry(name.clone()).or_insert_with(|| p.clone());
                }
                for (alias, m) in &db.models {
                    config.models.entry(alias.clone()).or_insert_with(|| m.clone());
                }
            }
            Ok(config)
        }
        Agent::Pi => {
            // Pi: SQLite first, fall back to native config on first use.
            if let Some(config) = db_config {
                if !config.providers.is_empty() {
                    return Ok(config);
                }
            }
            let file = pi_io::load_pi_models().map_err(fmt_anyhow)?;
            let mut config = pi_io::pi_file_to_config(&file);
            if config.default_model.is_none() {
@@ -46,25 +92,34 @@ pub fn load_agent_config_command(agent: Agent) -> Result<Config, String> {
        }
    }
 }
    }
 }
 #[tauri::command]
 pub fn save_agent_config_command(agent: Agent, config: Config) -> Result<(), String> {
    // Save the full Kimi Switch configuration to local SQLite.
-    db::save_config(&agent, &config).map_err(fmt_anyhow)
+    db::save_config(&agent, &config).map_err(fmt_anyhow)?;
    // For Kimi Code, config.toml is the authoritative provider store, so
    // persist changes there immediately — not only on activation. This
    // ensures edits (Ctrl+S) survive a restart even without switching.
    if matches!(agent, Agent::KimiCode) {
        crate::kimi_code_io::save_config_as_kimi_code(&config).map_err(fmt_anyhow)?;
    }
    Ok(())
 }
 #[tauri::command]
 pub fn activate_agent_config_command(agent: Agent) -> Result<(), String> {
-    // Load the full config from SQLite and write only the active provider
+    match agent {
-    // to the agent's native config file.
+        Agent::KimiCode => {
            // No-op: save_agent_config_command already writes config.toml for
            // Kimi Code. Avoiding a second write here prevents a redundant disk
            // write + backup on every switch.
            Ok(())
        }
        Agent::Pi => {
            // Load the full config from SQLite and write only the active
            // provider to Pi's native config files.
            let config = db::load_config(&agent).map_err(fmt_anyhow)?;
            let active_config = build_active_config(&config);
    match agent {
        Agent::KimiCode => crate::kimi_code_io::save_config_as_kimi_code(&active_config)
            .map_err(fmt_anyhow),
        Agent::Pi => {
            let file = pi_io::config_to_pi_file(&active_config);
            pi_io::save_pi_models(&file).map_err(fmt_anyhow)?;
@@ -87,9 +142,10 @@ fn active_provider_and_model(config: &Config) -> Option<(String, String)> {
 }
 fn build_active_config(config: &Config) -> Config {
-    // Only the provider explicitly marked as active is written to the agent's
+    // Used only by Pi: writes only the provider explicitly marked as active
-    // native config. This ensures Kimi Code / Pi follow Kimi Switch's choice
+    // to Pi's native config so Pi follows Kimi Switch's selection instead of
-    // instead of falling back to a managed/native provider.
+    // falling back to another provider. Kimi Code does not use this — it
    // writes all providers and selects via default_model.
    let providers: IndexMap<String, Provider> = config
        .providers
        .iter()
@@ -174,8 +174,13 @@ pub fn kimi_code_to_config(value: &TomlValue) -> Config {
                rest.remove("api_key");
                rest.remove("managed");
                rest.remove("enabled");
                rest.remove("oauth");
                rest.remove("env");
                // NOTE: `oauth` is intentionally kept in raw_other so that the
                // exact `storage`/`key` block round-trips verbatim on export.
                // Previously it was stripped here and regenerated on export
                // with a key derived from the provider name, which corrupted
                // the managed:kimi-code credential reference (e.g.
                // "oauth/kimi-code" became "oauth/managed-kimi-code").
                toml_value_to_json(&TomlValue::Table(rest))
            };
@@ -234,11 +239,10 @@ pub fn config_to_kimi_code(config: &Config, existing: Option<&TomlValue>) -> Tom
    let mut providers_table = Table::new();
    for (name, provider) in &config.providers {
-        // Only write the active provider to Kimi Code config so the agent
+        // Write ALL providers to Kimi Code config. The active provider is
-        // follows Kimi Switch's selection.
+        // selected via `default_model`, so keeping the full list matches the
-        if !provider.active {
+        // CLI's native multi-provider behavior and prevents data loss when
-            continue;
+        // switching.
        }
        let mut pt = Table::new();
        pt.insert("type".to_string(), TomlValue::String(provider.provider_type.as_str().to_string()));
        if let Some(base_url) = provider.base_url.clone().filter(|s| !s.is_empty()) {
@@ -273,6 +277,10 @@ pub fn config_to_kimi_code(config: &Config, existing: Option<&TomlValue>) -> Tom
        if let TomlValue::Table(mut extra) = json_to_toml(&provider.raw_other).unwrap_or(TomlValue::Table(Table::new())) {
            extra.remove("oauth");
            extra.remove("env");
            // Strip Kimi-Switch-private field: the remembered per-provider
            // default model is stored in raw_other.default_model and must NOT
            // leak into the agent's config.toml.
            extra.remove("default_model");
            for (k, v) in extra {
                pt.insert(k, v);
            }
@@ -281,19 +289,10 @@ pub fn config_to_kimi_code(config: &Config, existing: Option<&TomlValue>) -> Tom
    }
    root.insert("providers".to_string(), TomlValue::Table(providers_table));
-    // Collect provider names that survived the filter above.
+    // Write all models — each provider's models are kept so the CLI's
-    let active_provider_names: std::collections::HashSet<&str> = config
+    // /provider command can list and switch between them.
        .providers
        .values()
        .filter(|p| p.active)
        .map(|p| p.name.as_str())
        .collect();
    let mut models_table = Table::new();
    for (alias, model) in &config.models {
        if !active_provider_names.contains(model.provider.as_str()) {
            continue;
        }
        let mut mt = Table::new();
        mt.insert("provider".to_string(), TomlValue::String(model.provider.clone()));
        mt.insert("model".to_string(), TomlValue::String(model.model.clone()));
@@ -587,4 +586,140 @@ api_key = ""
            }
        }
    }
    #[test]
    fn kimi_code_oauth_key_roundtrip() {
        // Regression: importing then exporting managed:kimi-code must preserve
        // the exact oauth key "oauth/kimi-code". Previously the oauth block
        // was dropped on import and regenerated on export as
        // "oauth/managed-kimi-code", breaking the official subscription.
        let toml_str = r#"
 default_model = "kimi-code/k3"
 [providers."managed:kimi-code"]
 type = "kimi"
 api_key = ""
 base_url = "https://api.kimi.com/coding/v1"
 [providers."managed:kimi-code".oauth]
 storage = "file"
 key = "oauth/kimi-code"
 [models."kimi-code/k3"]
 provider = "managed:kimi-code"
 model = "k3"
 max_context_size = 1048576
 "#;
        let value: TomlValue = toml_str.parse().unwrap();
        let config = kimi_code_to_config(&value);
        // Export back to TOML.
        let exported = config_to_kimi_code(&config, None);
        let root = exported.as_table().unwrap();
        let providers = root.get("providers").unwrap().as_table().unwrap();
        let managed = providers.get("managed:kimi-code").unwrap().as_table().unwrap();
        let oauth = managed.get("oauth").unwrap().as_table().unwrap();
        assert_eq!(
            oauth.get("key").and_then(|v| v.as_str()),
            Some("oauth/kimi-code"),
            "oauth key must round-trip verbatim, not be regenerated"
        );
        assert_eq!(
            oauth.get("storage").and_then(|v| v.as_str()),
            Some("file")
        );
    }
    #[test]
    fn kimi_code_export_writes_all_providers() {
        // Regression: inactive providers must still be written to config.toml
        // so that switching does not wipe the provider list.
        let mut providers = IndexMap::new();
        providers.insert(
            "active-one".to_string(),
            Provider {
                name: "active-one".to_string(),
                provider_type: ProviderType::Anthropic,
                base_url: Some("https://a.example.com".to_string()),
                api_key: Some("sk-a".to_string()),
                env: IndexMap::new(),
                note: None,
                official_url: None,
                managed: false,
                enabled: true,
                active: true,
                raw_other: Value::Null,
            },
        );
        providers.insert(
            "inactive-one".to_string(),
            Provider {
                name: "inactive-one".to_string(),
                provider_type: ProviderType::Openai,
                base_url: Some("https://b.example.com".to_string()),
                api_key: Some("sk-b".to_string()),
                env: IndexMap::new(),
                note: None,
                official_url: None,
                managed: false,
                enabled: true,
                active: false,
                raw_other: Value::Null,
            },
        );
        let config = Config {
            default_model: None,
            providers,
            models: IndexMap::new(),
            raw_other: Value::Null,
        };
        let exported = config_to_kimi_code(&config, None);
        let root = exported.as_table().unwrap();
        let providers_table = root.get("providers").unwrap().as_table().unwrap();
        assert_eq!(providers_table.len(), 2, "both providers must be written");
        assert!(providers_table.contains_key("active-one"));
        assert!(providers_table.contains_key("inactive-one"));
    }
    #[test]
    fn kimi_code_export_strips_private_default_model() {
        // The remembered per-provider default model (raw_other.default_model)
        // is a Kimi-Switch-private field and must NOT leak into config.toml.
        let mut providers = IndexMap::new();
        providers.insert(
            "p".to_string(),
            Provider {
                name: "p".to_string(),
                provider_type: ProviderType::Anthropic,
                base_url: None,
                api_key: Some("sk-x".to_string()),
                env: IndexMap::new(),
                note: None,
                official_url: None,
                managed: false,
                enabled: true,
                active: true,
                raw_other: serde_json::json!({"default_model": "some-alias"}),
            },
        );
        let config = Config {
            default_model: None,
            providers,
            models: IndexMap::new(),
            raw_other: Value::Null,
        };
        let exported = config_to_kimi_code(&config, None);
        let root = exported.as_table().unwrap();
        let provider = root
            .get("providers").unwrap()
            .as_table().unwrap()
            .get("p").unwrap()
            .as_table().unwrap();
        assert!(
            !provider.contains_key("default_model"),
            "private default_model must not leak into config.toml"
        );
    }
 }
@@ -1,5 +1,6 @@
 pub mod commands;
 pub mod config_io;
 pub mod dashboard;
 pub mod db;
 pub mod kimi_code_io;
 pub mod models;
@@ -11,6 +12,16 @@ use tauri::Manager;
 pub fn run() {
    tauri::Builder::default()
        // Single instance: must be registered before other plugins. When a
        // second process is launched, this callback runs in the existing
        // instance and simply brings its window back (including from tray).
        .plugin(tauri_plugin_single_instance::init(|app, _args, _cwd| {
            if let Some(window) = app.get_webview_window("main") {
                let _ = window.unminimize();
                let _ = window.show();
                let _ = window.set_focus();
            }
        }))
        .plugin(tauri_plugin_opener::init())
        .setup(|app| {
            println!("[Tauri] Setup started");
@@ -89,6 +100,15 @@ pub fn run() {
            commands::get_app_version,
            commands::list_provider_models,
            commands::debug_log,
            dashboard::get_paths,
            dashboard::get_prices,
            dashboard::get_summary,
            dashboard::list_sessions,
            dashboard::archive_session,
            dashboard::unarchive_session,
            dashboard::delete_session,
            dashboard::delete_workspace,
            dashboard::get_session_preview,
        ])
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
@@ -1,6 +1,6 @@
 {
  "productName": "Kimi Switch",
-  "version": "0.2.0",
+  "version": "0.3.0",
  "identifier": "com.kimiswitch.app",
  "build": {
    "beforeDevCommand": "npm run dev",
@@ -4,8 +4,11 @@ import { getCurrentWindow } from "@tauri-apps/api/window";
 import { useConfig } from "./hooks/useConfig";
 import { ProviderList } from "./components/ProviderList";
 import { ProviderEdit } from "./components/ProviderEdit";
 import { DashboardPage } from "./components/dashboard/DashboardPage";
 import { SessionsPage } from "./components/sessions/SessionsPage";
 import { useTranslation } from "./i18n";
 import { getDefaultMaxContextSize } from "./lib/model-defaults";
 import { getModelRef } from "./lib/models-dev";
 import type { Agent, Model, Provider } from "./types";
 const AGENT_STORAGE_KEY = "kimi-switch-agent";
@@ -34,24 +37,19 @@ function findFirstModelForProvider(models: Record<string, Model>, providerName:
  return null;
 }
 const AGENTS: { key: Agent; label: string }[] = [
  { key: "kimi_code", label: "Kimi Code" },
  { key: "pi", label: "Pi" },
 ];
 function getInitialAgent(): Agent {
  try {
    const stored = localStorage.getItem(AGENT_STORAGE_KEY) as Agent | null;
-    if (stored === "kimi_code" || stored === "pi") return stored;
+    if (stored === "kimi_code") return stored;
  } catch {
    // ignore
  }
-  return "pi";
+  return "kimi_code";
 }
 export default function App() {
  const { t, lang, setLang } = useTranslation();
-  const [agent, setAgentState] = useState<Agent>(getInitialAgent);
+  const [agent] = useState<Agent>(getInitialAgent);
  const {
    config,
    dirty,
@@ -62,21 +60,11 @@ export default function App() {
    updateConfig,
  } = useConfig(agent);
-  const [view, setView] = useState<"list" | "edit">("list");
+  const [view, setView] = useState<"list" | "edit" | "dashboard" | "sessions">("list");
  const [editingProvider, setEditingProvider] = useState<string>("");
  const [loadTimeout, setLoadTimeout] = useState(false);
  const [switchMessage, setSwitchMessage] = useState<string | null>(null);
  const setAgent = (next: Agent) => {
    setAgentState(next);
    try {
      localStorage.setItem(AGENT_STORAGE_KEY, next);
    } catch {
      // ignore
    }
    setView("list");
    setEditingProvider("");
  };
  useEffect(() => {
    if (!loading) {
@@ -242,26 +230,31 @@ export default function App() {
        }
      }
-      // Only the selected provider is active. All other providers (including
+      // Rebuild providers with the selected one moved to the front so it is
-      // Kimi native/managed and custom) are deactivated so the target agent
+      // visually prioritised. All others are deactivated.
      // follows Kimi Switch's choice exactly.
      const providers: Record<string, Provider> = {};
-      for (const [key, p] of Object.entries(cfg.providers)) {
+      providers[name] = { ...target, active: true };
        providers[key] = { ...p, active: key === name };
      }
-      // Remember the active provider's current default model (if it belongs to
+      // Remember the old active provider's current default model (if it
-      // that provider) so switching back later restores the user's choice.
+      // belongs to that provider) so switching back later restores the user's
-      if (activeProviderName && cfg.default_model) {
+      // choice.
-        const activeProvider = providers[activeProviderName];
+      if (activeProviderName && activeProviderName !== name && cfg.default_model) {
-        if (activeProvider && cfg.models[cfg.default_model]?.provider === activeProviderName) {
+        const oldActive = cfg.providers[activeProviderName];
        if (oldActive && cfg.models[cfg.default_model]?.provider === activeProviderName) {
          providers[activeProviderName] = setProviderDefaultModel(
-            activeProvider,
+            { ...oldActive, active: false },
            cfg.default_model
          );
        }
      }
      // Add remaining providers (skip selected and old-active if already added).
      for (const [key, p] of Object.entries(cfg.providers)) {
        if (key === name) continue;
        if (providers[key]) continue;
        providers[key] = { ...p, active: false };
      }
      // Prefer the target provider's remembered default model; fall back to
      // its first model when there is no saved preference or it is invalid.
      let default_model = getProviderDefaultModel(target);
@@ -315,7 +308,10 @@ export default function App() {
          ...m,
          alias,
          provider: provider.name,
-          max_context_size: m.max_context_size ?? getDefaultMaxContextSize(m.model),
+          max_context_size:
            m.max_context_size ??
            getModelRef(m.model)?.context ??
            getDefaultMaxContextSize(m.model),
        };
      }
@@ -368,20 +364,39 @@ export default function App() {
    <div className="flex flex-col h-full bg-[#0f0f11] text-[#e5e5e7]">
      <header className="flex items-center justify-between gap-3 px-4 py-3 border-b border-[#2a2a2e] bg-[#16161a]">
        <div className="flex items-center bg-[#1f1f23] border border-[#2a2a2e] rounded p-0.5">
          {AGENTS.map(({ key, label }) => (
          <button
              key={key}
            type="button"
-              onClick={() => setAgent(key)}
+            onClick={() => setView("list")}
            className={`px-3 py-1 text-sm rounded transition-colors ${
-                agent === key
+              view === "list" || view === "edit"
                ? "bg-blue-600 text-white"
                : "text-gray-400 hover:text-[#e5e5e7]"
            }`}
          >
-              {label}
+            {t("providers")}
          </button>
          <button
            type="button"
            onClick={() => setView("dashboard")}
            className={`px-3 py-1 text-sm rounded transition-colors ${
              view === "dashboard"
                ? "bg-blue-600 text-white"
                : "text-gray-400 hover:text-[#e5e5e7]"
            }`}
          >
            {t("dashboard")}
          </button>
          <button
            type="button"
            onClick={() => setView("sessions")}
            className={`px-3 py-1 text-sm rounded transition-colors ${
              view === "sessions"
                ? "bg-blue-600 text-white"
                : "text-gray-400 hover:text-[#e5e5e7]"
            }`}
          >
            {t("sessions")}
          </button>
          ))}
        </div>
        <div className="flex items-center gap-2">
          <select
@@ -409,7 +424,11 @@ export default function App() {
      )}
      <main className="flex-1 overflow-hidden relative">
-        {view === "list" ? (
+        {view === "dashboard" ? (
          <DashboardPage />
        ) : view === "sessions" ? (
          <SessionsPage />
        ) : view === "list" ? (
          <ProviderList
            providers={providers}
            defaultModel={config.default_model}
@@ -519,6 +538,7 @@ export default function App() {
        )}
      </main>
      {view !== "dashboard" && view !== "sessions" && (
      <footer className="flex items-center justify-between px-4 py-2 border-t border-[#2a2a2e] bg-[#16161a] text-sm">
        <div className="flex items-center gap-2 min-w-0">
          {dirty && (
@@ -566,6 +586,7 @@ export default function App() {
          </button>
        </div>
      </footer>
      )}
    </div>
  );
 }
@@ -3,6 +3,7 @@ import { invoke } from "@tauri-apps/api/core";
 import { useTranslation } from "../i18n";
 import type { TranslationKey } from "../i18n/zh";
 import { getDefaultMaxContextSize } from "../lib/model-defaults";
 import { capabilitiesFromRef, getModelRef } from "../lib/models-dev";
 import { AgentSettingsPanel } from "./AgentSettingsPanel";
 import type { Agent, DiscoveredModel, Model, Provider, ProviderType } from "../types";
@@ -400,15 +401,24 @@ function ModelMapping({
    for (const dm of discovered) {
      if (!selected.has(dm.id)) continue;
      const alias = dm.id.replace(/[^a-zA-Z0-9_-]/g, "-");
-      const max_context_size = dm.max_context_size ?? getDefaultMaxContextSize(dm.id);
+      const ref = getModelRef(dm.id);
      // Priority: API-provided value > models.dev reference > regex fallback
      const max_context_size =
        dm.max_context_size ?? ref?.context ?? getDefaultMaxContextSize(dm.id);
      toAdd.push({
        alias,
        provider: provider.name,
        model: dm.id,
        max_context_size,
-        display_name: dm.display_name,
+        display_name: dm.display_name ?? ref?.name ?? null,
        supports_1m: max_context_size >= 1_000_000,
-        capabilities: fetchThinking ? ["thinking"] : [],
+        // Reference data wins when available; otherwise keep the old
        // fetchThinking-checkbox behavior as the fallback.
        capabilities: ref
          ? capabilitiesFromRef(ref)
          : fetchThinking
            ? ["thinking"]
            : [],
      });
    }
    onBulkAdd(toAdd);
@@ -0,0 +1,143 @@
 import { useMemo, useState } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "../../i18n";
 import { fmtPct, fmtTokens, fmtUsd } from "../../lib/dashboard-format";
 import type { DailyRow } from "../../types/dashboard";
 import { DailyDetailModal } from "./DailyDetailModal";
 interface DailyBarsProps {
  daily: DailyRow[];
  /** Ordered model names for the colour palette & legend */
  modelNames: string[];
 }
 /** Deterministic colour palette — one hue per model index */
 const PALETTE = [
  "#3b82f6", // blue
  "#22c55e", // green
  "#f97316", // orange
  "#a855f7", // purple
  "#ec4899", // pink
  "#eab308", // yellow
  "#06b6d4", // cyan
  "#f43f5e", // rose
  "#84cc16", // lime
  "#8b5cf6", // violet
 ];
 export function modelColor(index: number): string {
  return PALETTE[index % PALETTE.length];
 }
 /** Short display name for a raw model id */
 function shortModel(model: string): string {
  const bare = model.includes("/") ? model.split("/").pop()! : model;
  return bare;
 }
 export function DailyBars({ daily, modelNames }: DailyBarsProps) {
  const { t } = useTranslation();
  const [selected, setSelected] = useState<DailyRow | null>(null);
  const colorMap = useMemo(() => {
    const map: Record<string, string> = {};
    modelNames.forEach((m, i) => {
      map[m] = modelColor(i);
    });
    return map;
  }, [modelNames]);
  if (!daily?.length) {
    return (
      <div className="flex h-48 items-center justify-center text-sm text-gray-500">
        {t("noData")}
      </div>
    );
  }
  const max = Math.max(...daily.map((d) => d.totalTokens || 0), 1);
  return (
    <div className="space-y-3">
      {/* Legend */}
      <div className="flex flex-wrap gap-x-4 gap-y-1">
        {modelNames.map((m) => (
          <span key={m} className="flex items-center gap-1.5 text-[11px] text-gray-400">
            <span
              className="inline-block h-2.5 w-2.5 rounded-sm"
              style={{ backgroundColor: colorMap[m] }}
            />
            {shortModel(m)}
          </span>
        ))}
      </div>
      {/* Bars */}
      <div className="flex h-52 items-end gap-1 overflow-x-auto px-0.5 pb-1">
        {daily.map((d) => {
          const h = Math.max(4, Math.round(((d.totalTokens || 0) / max) * 170));
          const total = d.totalTokens || 1;
          // Build stacked segments sorted by token count (largest at bottom)
          const segments = Object.entries(d.byModel || {})
            .map(([model, tokens]) => ({
              model,
              tokens,
              color: colorMap[model] || "#6b7280",
              height: Math.max(1, Math.round((tokens / total) * h)),
            }))
            .sort((a, b) => b.tokens - a.tokens);
          const tooltipLines = [
            d.date,
            `总 Token: ${fmtTokens(d.totalTokens)} · ${fmtUsd(d.costUsd)} · hit ${fmtPct(d.cacheHitRate)}`,
            ...segments.map(
              (s) => `${shortModel(s.model)}: ${fmtTokens(s.tokens)}`
            ),
            "",
            t("doubleClickHint"),
          ].join("\n");
          return (
            <button
              key={d.date}
              type="button"
              title={tooltipLines}
              onDoubleClick={() => setSelected(d)}
              className="group flex min-w-[18px] flex-1 flex-col items-center gap-1.5 border-0 bg-transparent p-0 cursor-help"
            >
              <div
                className="w-full flex flex-col-reverse rounded-t-md rounded-b-sm overflow-hidden transition-transform group-hover:scale-105 group-active:scale-95"
                style={{ height: h }}
              >
                {segments.map((s) => (
                  <div
                    key={s.model}
                    className="w-full transition-opacity group-hover:opacity-80"
                    style={{
                      height: s.height,
                      backgroundColor: s.color,
                    }}
                  />
                ))}
              </div>
              <span className="whitespace-nowrap text-[10px] text-gray-500">
                {d.date.slice(5)}
              </span>
            </button>
          );
        })}
      </div>
      {selected &&
        createPortal(
          <DailyDetailModal
            day={selected}
            colorMap={colorMap}
            onClose={() => setSelected(null)}
          />,
          document.body
        )}
    </div>
  );
 }
@@ -0,0 +1,202 @@
 import { useEffect } from "react";
 import { useTranslation } from "../../i18n";
 import { fmtPct, fmtTokens, fmtUsd } from "../../lib/dashboard-format";
 import type { DailyRow } from "../../types/dashboard";
 import { modelColor } from "./DailyBars";
 interface DailyDetailModalProps {
  day: DailyRow;
  /** model name → colour hex */
  colorMap: Record<string, string>;
  onClose: () => void;
 }
 function shortModel(model: string): string {
  const bare = model.includes("/") ? model.split("/").pop()! : model;
  return bare;
 }
 export function DailyDetailModal({ day, colorMap, onClose }: DailyDetailModalProps) {
  const { t } = useTranslation();
  // ESC to close
  useEffect(() => {
    const onKey = (e: KeyboardEvent) => {
      if (e.key === "Escape") onClose();
    };
    window.addEventListener("keydown", onKey);
    return () => window.removeEventListener("keydown", onKey);
  }, [onClose]);
  // Lock background scroll while modal is open
  useEffect(() => {
    const prev = document.body.style.overflow;
    document.body.style.overflow = "hidden";
    return () => {
      document.body.style.overflow = prev;
    };
  }, []);
  const total = day.totalTokens || 1;
  const segments = Object.entries(day.byModel || {})
    .map(([model, tokens]) => ({
      model,
      tokens,
      pct: (tokens / total) * 100,
      color: colorMap[model] || "#6b7280",
    }))
    .sort((a, b) => b.tokens - a.tokens);
  return (
    <div
      className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm p-4"
      onClick={onClose}
      role="dialog"
      aria-modal="true"
      aria-label={day.date}
    >
      <div
        className="w-full max-w-lg rounded-xl border border-[#2a2a2e] bg-[#16161a] shadow-2xl"
        onClick={(e) => e.stopPropagation()}
      >
        {/* Header */}
        <div className="flex items-start justify-between border-b border-[#2a2a2e] px-5 py-3.5">
          <div>
            <div className="text-[11px] uppercase tracking-wider text-gray-500">
              {t("dayDetail")}
            </div>
            <div className="mt-0.5 text-lg font-semibold text-[#e5e5e7]">
              {day.date}
            </div>
          </div>
          <button
            type="button"
            onClick={onClose}
            aria-label={t("close")}
            className="rounded-md p-1 text-gray-500 hover:bg-[#2a2a2e] hover:text-gray-200 transition-colors"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="18"
              height="18"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              strokeWidth="2"
              strokeLinecap="round"
              strokeLinejoin="round"
            >
              <path d="M18 6L6 18M6 6l12 12" />
            </svg>
          </button>
        </div>
        {/* Day summary chips */}
        <div className="grid grid-cols-2 gap-2 px-5 py-3 sm:grid-cols-4">
          <SummaryChip
            label={t("totalTokens")}
            value={fmtTokens(day.totalTokens)}
            tone="default"
          />
          <SummaryChip
            label={t("cost")}
            value={fmtUsd(day.costUsd)}
            tone="orange"
          />
          <SummaryChip
            label={t("requests")}
            value={Math.round(day.requests).toLocaleString()}
            tone="blue"
          />
          <SummaryChip
            label={t("cacheHitRate")}
            value={fmtPct(day.cacheHitRate)}
            tone="green"
          />
        </div>
        {/* Per-model breakdown */}
        <div className="px-5 pb-4">
          <div className="mb-2 text-[11px] uppercase tracking-wider text-gray-500">
            {t("modelDistribution")} · {segments.length}
          </div>
          {segments.length === 0 ? (
            <div className="py-6 text-center text-sm text-gray-500">
              {t("noData")}
            </div>
          ) : (
            <div className="space-y-1.5 max-h-72 overflow-y-auto pr-1">
              {segments.map((s, i) => (
                <div key={s.model} className="flex items-center gap-3 text-sm">
                  <span
                    className="inline-block h-2.5 w-2.5 rounded-sm shrink-0"
                    style={{ backgroundColor: modelColor(i) }}
                  />
                  <div className="min-w-0 flex-1">
                    <div className="flex items-baseline justify-between gap-2">
                      <span
                        className="truncate text-[#e5e5e7]"
                        title={s.model}
                      >
                        {shortModel(s.model)}
                      </span>
                      <span className="shrink-0 text-xs text-gray-400 tabular-nums">
                        {fmtTokens(s.tokens)}{" "}
                        <span className="text-gray-500">
                          · {s.pct.toFixed(1)}%
                        </span>
                      </span>
                    </div>
                    <div className="mt-1 h-1.5 w-full overflow-hidden rounded-full bg-[#2a2a2e]">
                      <div
                        className="h-full rounded-full transition-all"
                        style={{
                          width: `${Math.max(2, s.pct)}%`,
                          backgroundColor: modelColor(i),
                        }}
                      />
                    </div>
                  </div>
                </div>
              ))}
            </div>
          )}
        </div>
        {/* Footer hint */}
        <div className="border-t border-[#2a2a2e] px-5 py-2 text-[11px] text-gray-500">
          {t("modalEscHint")}
        </div>
      </div>
    </div>
  );
 }
 function SummaryChip({
  label,
  value,
  tone,
 }: {
  label: string;
  value: string;
  tone: "default" | "orange" | "blue" | "green";
 }) {
  const valueClass =
    tone === "orange"
      ? "text-orange-400"
      : tone === "blue"
        ? "text-blue-400"
        : tone === "green"
          ? "text-emerald-400"
          : "text-[#e5e5e7]";
  return (
    <div className="rounded-md bg-[#1c1c20] px-3 py-2">
      <div className="text-[10px] uppercase tracking-wider text-gray-500">
        {label}
      </div>
      <div className={`mt-0.5 text-sm font-semibold tabular-nums ${valueClass}`}>
        {value}
      </div>
    </div>
  );
 }
@@ -0,0 +1,367 @@
 import { useState, type ReactNode } from "react";
 import { useDashboard, type DashboardRange } from "../../hooks/useDashboard";
 import { fmtInt, fmtPct, fmtTime, fmtTokens, fmtUsd } from "../../lib/dashboard-format";
 import { DailyBars } from "./DailyBars";
 import { Heatmap } from "./Heatmap";
 const RANGES: { value: DashboardRange; label: string }[] = [
  { value: "today", label: "今天" },
  { value: "7d", label: "7 天" },
  { value: "30d", label: "30 天" },
  { value: "all", label: "全部" },
 ];
 function Card({
  title,
  subtitle,
  children,
 }: {
  title: string;
  subtitle?: string;
  children: ReactNode;
 }) {
  return (
    <div className="rounded-xl border border-[#2a2a2e] bg-[#16161a]">
      <div className="border-b border-[#2a2a2e] px-4 py-2.5 flex items-baseline justify-between">
        <h3 className="text-sm font-medium text-[#e5e5e7]">{title}</h3>
        {subtitle && <span className="text-xs text-gray-500">{subtitle}</span>}
      </div>
      <div className="p-4">{children}</div>
    </div>
  );
 }
 function KpiCard({ label, value, sub }: { label: string; value: string; sub?: string }) {
  return (
    <div className="rounded-xl border border-[#2a2a2e] bg-[#16161a] p-3">
      <div className="text-[11px] text-gray-500">{label}</div>
      <div className="mt-1 text-lg font-semibold text-[#e5e5e7] tracking-tight">
        {value}
      </div>
      {sub && <div className="mt-0.5 text-[11px] text-gray-500">{sub}</div>}
    </div>
  );
 }
 export function DashboardPage() {
  const { range, changeRange, data, loading, error, refresh } = useDashboard();
  const [showAllModels, setShowAllModels] = useState(false);
  const [recentPage, setRecentPage] = useState(1);
  if (loading && !data) {
    return (
      <div className="flex h-full items-center justify-center text-gray-500">
        <div className="animate-spin h-8 w-8 border-2 border-blue-500 border-t-transparent rounded-full" />
      </div>
    );
  }
  if (error) {
    return (
      <div className="flex h-full items-center justify-center">
        <div className="text-center">
          <div className="text-red-400 mb-2">加载失败</div>
          <div className="text-sm text-gray-500">{error}</div>
          <button
            onClick={() => refresh()}
            className="mt-4 px-4 py-2 rounded bg-blue-600 hover:bg-blue-700 text-white text-sm"
          >
            重试
          </button>
        </div>
      </div>
    );
  }
  if (!data) return null;
  const totals = data.stats.totals;
  const daily = data.stats.daily;
  const models = data.stats.models;
  const recent = data.stats.recent;
  const heatmap = data.heatmap;
  const rangeTotals = data.rangeTotals;
  const visibleModels = showAllModels ? models : models.slice(0, 8);
  // Recent pagination
  const RECENT_PAGE_SIZE = 30;
  const recentTotal = data.stats.recentTotal;
  const recentTotalPages = Math.max(1, Math.ceil(recent.length / RECENT_PAGE_SIZE));
  const recentCurrentPage = Math.min(recentPage, recentTotalPages);
  const recentStart = (recentCurrentPage - 1) * RECENT_PAGE_SIZE;
  const recentPageRows = recent.slice(recentStart, recentStart + RECENT_PAGE_SIZE);
  // Ordered model names for chart colour mapping
  const modelNames = models.map((m) => m.model);
  const kpiItems = [
    { label: "请求数", value: fmtInt(totals.requests) },
    { label: "非缓存输入", value: fmtTokens(totals.inputOther), sub: fmtInt(totals.inputOther) },
    { label: "输出", value: fmtTokens(totals.output), sub: fmtInt(totals.output) },
    { label: "缓存读", value: fmtTokens(totals.inputCacheRead), sub: fmtInt(totals.inputCacheRead) },
    { label: "缓存创建", value: fmtTokens(totals.inputCacheCreation), sub: fmtInt(totals.inputCacheCreation) },
    { label: "缓存命中", value: fmtPct(totals.cacheHitRate) },
    { label: "总 Token", value: fmtTokens(totals.totalTokens), sub: fmtInt(totals.totalTokens) },
    { label: "预估费用", value: fmtUsd(totals.costUsd) },
  ];
  return (
    <div className="h-full overflow-auto p-4 space-y-4">
      {/* Range tabs + refresh */}
      <div className="flex items-center justify-between">
        <div className="flex items-center bg-[#1f1f23] border border-[#2a2a2e] rounded p-0.5">
          {RANGES.map((r) => (
            <button
              key={r.value}
              type="button"
              onClick={() => changeRange(r.value)}
              className={`px-3 py-1 text-sm rounded transition-colors ${
                range === r.value
                  ? "bg-blue-600 text-white"
                  : "text-gray-400 hover:text-[#e5e5e7]"
              }`}
            >
              {r.label}
            </button>
          ))}
        </div>
        <button
          type="button"
          onClick={() => refresh()}
          disabled={loading}
          className="px-3 py-1.5 text-sm border border-[#2a2a2e] rounded hover:bg-[#252529] text-gray-400 hover:text-[#e5e5e7] disabled:opacity-50"
        >
          {loading ? "刷新中…" : "↻ 刷新"}
        </button>
      </div>
      {/* Range overview cards */}
      <div className="grid grid-cols-2 gap-3 lg:grid-cols-4">
        {RANGES.map((r) => {
          const tot = rangeTotals[r.value];
          if (!tot) return null;
          const active = range === r.value;
          return (
            <button
              key={r.value}
              type="button"
              onClick={() => changeRange(r.value)}
              className={`rounded-xl border p-4 text-left transition-colors ${
                active
                  ? "border-blue-500/50 ring-1 ring-blue-500/30 bg-blue-900/10"
                  : "border-[#2a2a2e] bg-[#16161a] hover:border-[#3a3a42] hover:bg-[#1c1c20]"
              }`}
            >
              <div className="text-xs text-gray-500">{r.label}</div>
              <div className="mt-1 text-lg font-semibold text-[#e5e5e7] tracking-tight">
                {fmtTokens(tot.totalTokens)}
              </div>
              <div className="mt-1 text-[11px] text-gray-500">
                {fmtInt(tot.requests)} 次 · {fmtUsd(tot.costUsd)} · {fmtPct(tot.cacheHitRate)}
              </div>
            </button>
          );
        })}
      </div>
      {/* KPI strip */}
      <div className="grid grid-cols-2 gap-3 sm:grid-cols-4 xl:grid-cols-8">
        {kpiItems.map((item) => (
          <KpiCard key={item.label} label={item.label} value={item.value} sub={item.sub} />
        ))}
      </div>
      {/* Heatmap — full-year strip, fixed-size cells, centered */}
      <Card title="全年热力图" subtitle="按 Token 量着色">
        <Heatmap heatmap={heatmap} />
      </Card>
      {/* Charts + Model side table */}
      <div className="grid gap-4 lg:grid-cols-[1.2fr_1fr]">
        <Card
          title="每日用量趋势"
          subtitle={
            daily.length > 30
              ? `近 30 天 · 共 ${daily.length} 天`
              : `按模型着色 · ${daily.length} 天`
          }
        >
          <DailyBars
            daily={daily.length > 30 ? daily.slice(-30) : daily}
            modelNames={modelNames}
          />
        </Card>
        <Card title="模型用量" subtitle={`${models.length} 个模型`}>
          {models.length === 0 ? (
            <div className="py-8 text-center text-sm text-gray-500">暂无数据</div>
          ) : (
            <div className="max-h-[360px] overflow-auto">
              <table className="w-full text-sm">
                <thead className="sticky top-0 bg-[#16161a]">
                  <tr className="text-left text-xs text-gray-500 border-b border-[#2a2a2e]">
                    <th className="pb-2 pr-3 font-normal">模型</th>
                    <th className="pb-2 pr-3 font-normal text-right">请求</th>
                    <th className="pb-2 pr-3 font-normal text-right">Token</th>
                    <th className="pb-2 pr-3 font-normal text-right">缓存命中</th>
                    <th className="pb-2 font-normal text-right">费用</th>
                  </tr>
                </thead>
                <tbody>
                  {visibleModels.map((m) => (
                    <tr
                      key={m.model}
                      className="border-b border-[#2a2a2e]/50 hover:bg-[#1c1c20]"
                    >
                      <td className="py-2 pr-3">
                        <div className="flex items-center gap-2">
                          <span
                            className="inline-block h-2.5 w-2.5 rounded-sm shrink-0"
                            style={{
                              backgroundColor:
                                models.indexOf(m) < 10
                                  ? ["#3b82f6","#22c55e","#f97316","#a855f7","#ec4899","#eab308","#06b6d4","#f43f5e","#84cc16","#8b5cf6"][models.indexOf(m)]
                                  : "#6b7280",
                            }}
                          />
                          <div className="min-w-0">
                            <div className="text-[#e5e5e7] truncate">{m.modelDisplay || m.model}</div>
                            {m.costEstimated && (
                              <span className="text-[10px] text-yellow-600">估算</span>
                            )}
                          </div>
                        </div>
                      </td>
                      <td className="py-2 pr-3 text-right text-gray-400">{fmtInt(m.requests)}</td>
                      <td className="py-2 pr-3 text-right text-gray-400">{fmtTokens(m.totalTokens)}</td>
                      <td className="py-2 pr-3 text-right text-gray-400">{fmtPct(m.cacheHitRate)}</td>
                      <td className="py-2 text-right text-orange-400">{fmtUsd(m.costUsd)}</td>
                    </tr>
                  ))}
                </tbody>
              </table>
              {models.length > 8 && (
                <button
                  type="button"
                  onClick={() => setShowAllModels(!showAllModels)}
                  className="mt-3 text-sm text-blue-500 hover:text-blue-400"
                >
                  {showAllModels ? "收起" : `展开全部 (${models.length})`}
                </button>
              )}
            </div>
          )}
        </Card>
      </div>
      {/* Recent requests */}
      <Card
        title="最近请求"
        subtitle={
          recentTotal > recent.length
            ? `显示前 ${recent.length} / ${fmtInt(recentTotal)} 条`
            : `${recent.length} 条`
        }
      >
        {recent.length === 0 ? (
          <div className="py-8 text-center text-sm text-gray-500">暂无数据</div>
        ) : (
          <>
            <div className="overflow-auto">
              <table className="w-full text-sm">
                <thead className="sticky top-0 bg-[#16161a]">
                  <tr className="text-left text-xs text-gray-500 border-b border-[#2a2a2e]">
                    <th className="pb-2 pr-4 font-normal">时间</th>
                    <th className="pb-2 pr-4 font-normal">模型</th>
                    <th className="pb-2 pr-4 font-normal text-right">输入</th>
                    <th className="pb-2 pr-4 font-normal text-right">输出</th>
                    <th className="pb-2 pr-4 font-normal text-right">缓存读</th>
                    <th className="pb-2 font-normal text-right">费用</th>
                  </tr>
                </thead>
                <tbody>
                  {recentPageRows.map((r, i) => (
                    <tr key={recentStart + i} className="border-b border-[#2a2a2e]/50 hover:bg-[#1c1c20]">
                      <td className="py-1.5 pr-4 text-gray-500 whitespace-nowrap">
                        {fmtTime(r.time)}
                      </td>
                      <td className="py-1.5 pr-4 text-[#e5e5e7]">{r.modelDisplay || r.model}</td>
                      <td className="py-1.5 pr-4 text-right text-gray-400">{fmtTokens(r.inputOther)}</td>
                      <td className="py-1.5 pr-4 text-right text-gray-400">{fmtTokens(r.output)}</td>
                      <td className="py-1.5 pr-4 text-right text-gray-400">{fmtTokens(r.inputCacheRead)}</td>
                      <td className="py-1.5 text-right text-orange-400">{fmtUsd(r.costUsd)}</td>
                    </tr>
                  ))}
                </tbody>
              </table>
            </div>
            {/* Pagination footer */}
            <div className="mt-2 flex items-center justify-between gap-2 border-t border-[#2a2a2e] pt-2 text-xs text-gray-500">
              <span>
                第 {fmtInt(recentCurrentPage)} / {fmtInt(recentTotalPages)} 页 ·{" "}
                {fmtInt(recentStart + 1)}–{fmtInt(Math.min(recentStart + RECENT_PAGE_SIZE, recent.length))} 条 ·{" "}
                每页 {RECENT_PAGE_SIZE} 条
              </span>
              <div className="flex items-center gap-1">
                <button
                  type="button"
                  disabled={recentCurrentPage <= 1}
                  onClick={() => setRecentPage(1)}
                  className="px-2 py-1 rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-40 disabled:cursor-not-allowed"
                  aria-label="首页"
                >
                  «
                </button>
                <button
                  type="button"
                  disabled={recentCurrentPage <= 1}
                  onClick={() => setRecentPage((p) => Math.max(1, p - 1))}
                  className="px-2 py-1 rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-40 disabled:cursor-not-allowed"
                  aria-label="上一页"
                >
                  ‹
                </button>
                <button
                  type="button"
                  disabled={recentCurrentPage >= recentTotalPages}
                  onClick={() => setRecentPage((p) => Math.min(recentTotalPages, p + 1))}
                  className="px-2 py-1 rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-40 disabled:cursor-not-allowed"
                  aria-label="下一页"
                >
                  ›
                </button>
                <button
                  type="button"
                  disabled={recentCurrentPage >= recentTotalPages}
                  onClick={() => setRecentPage(recentTotalPages)}
                  className="px-2 py-1 rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-40 disabled:cursor-not-allowed"
                  aria-label="末页"
                >
                  »
                </button>
              </div>
            </div>
          </>
        )}
      </Card>
      {/* Attribution footer */}
      <div className="text-xs text-gray-500 pb-2">
        扫描 {data.meta.filesScanned} 个文件 · {fmtInt(data.meta.recordCount)} 条记录 ·{" "}
        {data.meta.home}
        <br />
        仪表盘功能基于{" "}
        <a
          href="https://github.com/JochenYang/kimicode-dashboard"
          target="_blank"
          rel="noopener noreferrer"
          className="text-blue-500 hover:text-blue-400 underline"
        >
          kimicode-dashboard
        </a>{" "}
        （MIT，© JochenYang）移植
      </div>
    </div>
  );
 }
@@ -0,0 +1,255 @@
 import { useEffect, useMemo, useRef, useState, type MouseEvent } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "../../i18n";
 import { fmtPct, fmtTokens, fmtUsd } from "../../lib/dashboard-format";
 import type { HeatmapCell, HeatmapData } from "../../types/dashboard";
 interface HeatmapProps {
  heatmap: HeatmapData;
 }
 const LEVEL_BG = [
  "bg-[#1a1a1e]", // 0 — empty / no usage
  "bg-emerald-900/55",
  "bg-emerald-700/65",
  "bg-emerald-500/85",
  "bg-emerald-400",
 ];
 const DOW_LABELS_ZH = ["日", "一", "二", "三", "四", "五", "六"];
 const DOW_LABELS_EN = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
 const CELL = 12; // px
 const GAP = 3; // px
 const LABEL_W = 28; // dow label column width
 interface HoverState {
  cell: HeatmapCell;
  x: number; // viewport coords
  y: number;
 }
 export function Heatmap({ heatmap }: HeatmapProps) {
  const { t, lang } = useTranslation();
  const cells = heatmap?.cells || [];
  const monthLabels = heatmap?.monthLabels || [];
  const dowLabels = lang === "zh" ? DOW_LABELS_ZH : DOW_LABELS_EN;
  const weekCount = useMemo(() => {
    if (!cells.length) return 0;
    return Math.max(...cells.map((c) => c.weekIndex)) + 1;
  }, [cells]);
  const grid = useMemo(() => {
    const cols: (HeatmapCell | null)[][] = Array.from(
      { length: weekCount },
      () => Array(7).fill(null)
    );
    for (const c of cells) {
      if (c.weekIndex >= 0 && c.weekIndex < weekCount) {
        cols[c.weekIndex][c.dow] = c;
      }
    }
    return cols;
  }, [cells, weekCount]);
  // Tooltip state with 120ms enter delay, matching reference (delayDuration=120)
  const [hover, setHover] = useState<HoverState | null>(null);
  const enterTimer = useRef<number | null>(null);
  const leaveTimer = useRef<number | null>(null);
  useEffect(() => {
    return () => {
      if (enterTimer.current) window.clearTimeout(enterTimer.current);
      if (leaveTimer.current) window.clearTimeout(leaveTimer.current);
    };
  }, []);
  const showTooltip = (cell: HeatmapCell, e?: MouseEvent) => {
    if (leaveTimer.current) {
      window.clearTimeout(leaveTimer.current);
      leaveTimer.current = null;
    }
    enterTimer.current = window.setTimeout(() => {
      if (e) {
        setHover({ cell, x: e.clientX, y: e.clientY });
      } else {
        // Keyboard focus path — fall back to last known position
        setHover((prev) => (prev ? { ...prev, cell } : { cell, x: 0, y: 0 }));
      }
    }, 120);
  };
  const moveTooltip = (cell: HeatmapCell, e: MouseEvent) => {
    if (hover && hover.cell.date === cell.date) {
      setHover({ cell, x: e.clientX, y: e.clientY });
    }
  };
  const showTooltipFromFocus = (cell: HeatmapCell) => showTooltip(cell);
  const hideTooltip = () => {
    if (enterTimer.current) {
      window.clearTimeout(enterTimer.current);
      enterTimer.current = null;
    }
    leaveTimer.current = window.setTimeout(() => {
      setHover(null);
    }, 60);
  };
  if (!cells.length) {
    return (
      <div className="flex h-28 items-center justify-center text-sm text-gray-500">
        {t("noData")}
      </div>
    );
  }
  return (
    <div className="space-y-2">
      {/* Fixed-size year strip, centered; scrolls horizontally only when the card is narrower than the strip */}
      <div className="overflow-x-auto pb-1">
        <div
          className="mx-auto w-fit"
          style={{ minWidth: LABEL_W + weekCount * (CELL + GAP) }}
        >
          {/* month labels */}
          <div
            className="mb-1 grid"
            style={{
              gridTemplateColumns: `${LABEL_W}px repeat(${weekCount}, ${CELL}px)`,
              columnGap: GAP,
            }}
          >
            <div />
            {Array.from({ length: weekCount }, (_, wi) => {
              const label = monthLabels.find((m) => m.weekIndex === wi);
              return (
                <div
                  key={wi}
                  className="text-[10px] leading-none text-gray-500 whitespace-nowrap overflow-visible"
                >
                  {label ? label.label : ""}
                </div>
              );
            })}
          </div>
          <div className="flex" style={{ gap: GAP }}>
            {/* dow labels */}
            <div
              className="flex flex-col pr-0"
              style={{ width: LABEL_W, gap: GAP }}
            >
              {dowLabels.map((d, i) => (
                <div
                  key={d}
                  className={`flex items-center text-[10px] text-gray-500 ${
                    i % 2 === 1 ? "opacity-100" : "opacity-0"
                  }`}
                  style={{ height: CELL }}
                >
                  {d}
                </div>
              ))}
            </div>
            {/* cells */}
            <div className="flex" style={{ gap: GAP }}>
              {grid.map((week, wi) => (
                <div key={wi} className="flex flex-col" style={{ gap: GAP }}>
                  {week.map((cell, di) => {
                    if (!cell) {
                      return (
                        <div
                          key={`${wi}-${di}`}
                          className="rounded-[3px] bg-transparent"
                          style={{ width: CELL, height: CELL }}
                        />
                      );
                    }
                    const level = cell.level ?? 0;
                    return (
                      <button
                        key={cell.date}
                        type="button"
                        aria-label={cell.date}
                        onMouseEnter={(e) => showTooltip(cell, e)}
                        onMouseMove={(e) => moveTooltip(cell, e)}
                        onMouseLeave={hideTooltip}
                        onFocus={() => showTooltipFromFocus(cell)}
                        onBlur={hideTooltip}
                        className={`rounded-[3px] ring-1 ring-inset ring-white/5 transition-transform hover:scale-[1.35] focus:scale-[1.35] outline-none ${LEVEL_BG[level] || LEVEL_BG[0]}`}
                        style={{ width: CELL, height: CELL }}
                      />
                    );
                  })}
                </div>
              ))}
            </div>
          </div>
        </div>
      </div>
      <div className="flex items-center justify-between gap-3 text-[11px] text-gray-500">
        <span>
          {heatmap.start} → {heatmap.end}
        </span>
        <div className="flex items-center gap-1.5">
          <span>{t("heatLess")}</span>
          {[0, 1, 2, 3, 4].map((lv) => (
            <div
              key={lv}
              className={`h-3 w-3 rounded-[3px] ring-1 ring-inset ring-white/5 ${LEVEL_BG[lv]}`}
            />
          ))}
          <span>{t("heatMore")}</span>
        </div>
      </div>
      {hover &&
        createPortal(
          <HeatmapTooltip state={hover} />,
          document.body
        )}
    </div>
  );
 }
 function HeatmapTooltip({ state }: { state: HoverState }) {
  const { t } = useTranslation();
  const { cell, x, y } = state;
  // Position above the cursor with a small offset; flip below if too close to top.
  const offset = 14;
  const style: React.CSSProperties = {
    position: "fixed",
    top: y - offset,
    left: x,
    transform: "translate(-50%, -100%)",
    zIndex: 9999,
    pointerEvents: "none",
  };
  return (
    <div
      style={style}
      className="rounded-md border border-gray-700 bg-gray-900 px-3 py-1.5 text-xs text-gray-100 shadow-xl"
      role="tooltip"
    >
      <div className="font-medium text-gray-50">{cell.date}</div>
      <div className="text-gray-400">
        {fmtTokens(cell.totalTokens)} · {fmtUsd(cell.costUsd)} ·{" "}
        {fmtInt(cell.requests)} {t("requests")}
      </div>
      <div className="text-gray-400">
        {t("cacheHitRate")}: {fmtPct(cell.cacheHitRate)}
      </div>
    </div>
  );
 }
 // Local int formatter (same style as DailyBars in this project)
 function fmtInt(n: number): string {
  return Math.round(n).toLocaleString();
 }
@@ -0,0 +1,763 @@
 import { useMemo, useState } from "react";
 import { useSessions } from "../../hooks/useSessions";
 import { fmtInt, fmtTime } from "../../lib/dashboard-format";
 import { useTranslation } from "../../i18n";
 import type { SessionRow, WorkspaceRow } from "../../types/sessions";
 function fmtBytes(n: number): string {
  const v = Number(n) || 0;
  if (v < 1024) return `${v} B`;
  if (v < 1024 * 1024) return `${(v / 1024).toFixed(1)} KB`;
  if (v < 1024 * 1024 * 1024) return `${(v / (1024 * 1024)).toFixed(1)} MB`;
  return `${(v / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
 function parseTime(value: string | number | null | undefined): number {
  if (value == null || value === "") return 0;
  if (typeof value === "number") return value > 1e12 ? value : value * 1000;
  const ms = Date.parse(value);
  return Number.isFinite(ms) ? ms : 0;
 }
 function rowKey(row: SessionRow): string {
  return `${row.workspaceId}/${row.id}`;
 }
 type ConfirmState =
  | { mode: "one"; row: SessionRow }
  | { mode: "bulk"; rows: SessionRow[] }
  | { mode: "workspace"; workspace: WorkspaceRow }
  | null;
 type PreviewState = {
  loading: boolean;
  error: string | null;
  messages: { role: string; time: number | null; text: string }[];
  truncated: boolean;
  row: SessionRow;
 } | null;
 export function SessionsPage() {
  const { t, lang } = useTranslation();
  const locale = lang === "zh" ? "zh" : "en";
  const {
    status,
    setStatus,
    workspace,
    setWorkspace,
    data,
    loading,
    error,
    setError,
    refresh,
    archiveSession,
    unarchiveSession,
    deleteSession,
    deleteWorkspace,
    getPreview,
  } = useSessions();
  const [selected, setSelected] = useState<Set<string>>(new Set());
  const [busyId, setBusyId] = useState<string | null>(null);
  const [confirm, setConfirm] = useState<ConfirmState>(null);
  const [confirmBusy, setConfirmBusy] = useState(false);
  const [preview, setPreview] = useState<PreviewState>(null);
  const workspaces = data?.workspaces ?? [];
  const sessions = data?.sessions ?? [];
  const workspaceMap = useMemo(() => {
    const m = new Map<string, WorkspaceRow>();
    for (const w of workspaces) m.set(w.id, w);
    return m;
  }, [workspaces]);
  const allKeys = useMemo(() => sessions.map(rowKey), [sessions]);
  const allSelected = allKeys.length > 0 && allKeys.every((k) => selected.has(k));
  const someSelected = allKeys.some((k) => selected.has(k)) && !allSelected;
  const toggleSelect = (row: SessionRow) => {
    const key = rowKey(row);
    setSelected((prev) => {
      const next = new Set(prev);
      if (next.has(key)) next.delete(key);
      else next.add(key);
      return next;
    });
  };
  const toggleSelectAll = () => {
    if (allSelected) setSelected(new Set());
    else setSelected(new Set(allKeys));
  };
  const onArchive = async (row: SessionRow) => {
    const key = rowKey(row);
    setBusyId(key);
    try {
      await archiveSession(row.workspaceId, row.id);
      setSelected(new Set());
    } catch (e) {
      setError(e instanceof Error ? e.message : String(e));
    } finally {
      setBusyId(null);
    }
  };
  const onUnarchive = async (row: SessionRow) => {
    const key = rowKey(row);
    setBusyId(key);
    try {
      await unarchiveSession(row.workspaceId, row.id);
      setSelected(new Set());
    } catch (e) {
      setError(e instanceof Error ? e.message : String(e));
    } finally {
      setBusyId(null);
    }
  };
  const openPreview = async (row: SessionRow) => {
    setPreview({
      loading: true,
      error: null,
      messages: [],
      truncated: false,
      row,
    });
    try {
      const res = await getPreview(row.workspaceId, row.id, row.status);
      setPreview({
        loading: false,
        error: null,
        messages: res.messages,
        truncated: res.truncated,
        row,
      });
    } catch (e) {
      setPreview({
        loading: false,
        error: e instanceof Error ? e.message : String(e),
        messages: [],
        truncated: false,
        row,
      });
    }
  };
  const bulkArchive = async () => {
    const rows = sessions.filter((s) => selected.has(rowKey(s)) && s.status === "active");
    for (const row of rows) {
      try {
        await archiveSession(row.workspaceId, row.id);
      } catch (e) {
        setError(e instanceof Error ? e.message : String(e));
        break;
      }
    }
    setSelected(new Set());
  };
  const bulkUnarchive = async () => {
    const rows = sessions.filter((s) => selected.has(rowKey(s)) && s.status === "archived");
    for (const row of rows) {
      try {
        await unarchiveSession(row.workspaceId, row.id);
      } catch (e) {
        setError(e instanceof Error ? e.message : String(e));
        break;
      }
    }
    setSelected(new Set());
  };
  const runConfirm = async () => {
    if (!confirm) return;
    setConfirmBusy(true);
    try {
      if (confirm.mode === "one") {
        await deleteSession(confirm.row.workspaceId, confirm.row.id, confirm.row.status);
      } else if (confirm.mode === "bulk") {
        for (const row of confirm.rows) {
          await deleteSession(row.workspaceId, row.id, row.status);
        }
      } else if (confirm.mode === "workspace") {
        await deleteWorkspace(confirm.workspace.id);
        if (workspace === confirm.workspace.id) setWorkspace("all");
      }
      setConfirm(null);
      setSelected(new Set());
    } catch (e) {
      setError(e instanceof Error ? e.message : String(e));
    } finally {
      setConfirmBusy(false);
    }
  };
  const totalSessions = workspaces.reduce(
    (a, w) => a + (w.activeCount || 0) + (w.archivedCount || 0),
    0
  );
  return (
    <div className="flex h-full flex-col overflow-hidden p-4 space-y-3">
      <div className="flex shrink-0 flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
        <div>
          <h2 className="text-lg font-semibold text-[#e5e5e7]">{t("sessionsTitle")}</h2>
          <p className="mt-1 max-w-[60ch] text-sm text-gray-500">{t("sessionsSubtitle")}</p>
        </div>
        <button
          type="button"
          onClick={() => refresh()}
          disabled={loading}
          className="px-3 py-1.5 text-sm rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-50"
        >
          {loading ? t("refreshing") : t("refresh")}
        </button>
      </div>
      {error && (
        <div className="shrink-0 rounded-lg border border-red-500/40 bg-red-900/20 px-4 py-3 text-sm text-red-300">
          {error}
        </div>
      )}
      <div className="grid min-h-0 flex-1 gap-3 lg:grid-cols-[260px_1fr]">
        {/* Workspace rail */}
        <div className="flex min-h-0 flex-col overflow-hidden rounded-xl border border-[#2a2a2e] bg-[#16161a]">
          <div className="shrink-0 border-b border-[#2a2a2e] px-4 py-2.5">
            <div className="text-sm font-medium text-[#e5e5e7]">{t("workspaces")}</div>
            <div className="text-xs text-gray-500 mt-0.5">{t("workspaceIsolatedHint")}</div>
          </div>
          <div className="flex min-h-0 flex-1 flex-col p-2 overflow-hidden">
            <button
              type="button"
              onClick={() => setWorkspace("all")}
              className={`flex w-full shrink-0 items-center justify-between rounded-md px-3 py-2 text-left text-sm transition-colors ${
                workspace === "all"
                  ? "bg-blue-600/20 text-[#e5e5e7]"
                  : "text-gray-400 hover:bg-[#1f1f23] hover:text-[#e5e5e7]"
              }`}
            >
              <span>{t("allWorkspaces")}</span>
              <span className="text-xs tabular-nums">{fmtInt(totalSessions, locale)}</span>
            </button>
            <div className="min-h-0 flex-1 space-y-1 overflow-y-auto mt-1">
              {workspaces.map((w) => {
                const total = (w.activeCount || 0) + (w.archivedCount || 0);
                const isEmpty = total === 0 || w.empty;
                return (
                  <div
                    key={w.id}
                    className={`group flex items-start gap-1 rounded-md ${
                      workspace === w.id ? "bg-blue-600/20" : "hover:bg-[#1f1f23]"
                    }`}
                  >
                    <button
                      type="button"
                      onClick={() => setWorkspace(w.id)}
                      className={`flex min-w-0 flex-1 flex-col gap-0.5 px-3 py-2 text-left ${
                        workspace === w.id ? "text-[#e5e5e7]" : "text-gray-400 group-hover:text-[#e5e5e7]"
                      }`}
                      title={w.root || w.id}
                    >
                      <div className="flex items-center justify-between gap-2">
                        <span className="truncate text-sm font-medium">{w.name || w.id}</span>
                        <span className="shrink-0 text-[11px] tabular-nums">
                          {isEmpty ? (
                            <span className="rounded border border-[#2a2a2e] px-1.5 py-0 text-[10px] text-gray-500">
                              {t("emptyWorkspace")}
                            </span>
                          ) : (
                            <>
                              {w.activeCount || 0}
                              {w.archivedCount ? `/${w.archivedCount}` : ""}
                            </>
                          )}
                        </span>
                      </div>
                      {w.root && (
                        <span className="truncate font-mono text-[10px] opacity-70">{w.root}</span>
                      )}
                    </button>
                    {isEmpty && (
                      <button
                        type="button"
                        className="mt-1 mr-1 h-7 w-7 shrink-0 rounded text-red-400/80 opacity-70 hover:bg-red-900/30 hover:text-red-300 group-hover:opacity-100"
                        title={t("deleteWorkspace")}
                        onClick={(e) => {
                          e.stopPropagation();
                          setConfirm({ mode: "workspace", workspace: w });
                        }}
                      >
                        ×
                      </button>
                    )}
                  </div>
                );
              })}
              {!workspaces.length && !loading && (
                <div className="px-3 py-6 text-center text-xs text-gray-500">{t("noSessions")}</div>
              )}
            </div>
          </div>
        </div>
        {/* Sessions table */}
        <div className="flex min-h-0 flex-col space-y-3 overflow-hidden">
          <div className="flex shrink-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
            <div className="flex items-center bg-[#1f1f23] border border-[#2a2a2e] rounded p-0.5">
              {(
                [
                  ["active", t("statusActive")],
                  ["archived", t("statusArchived")],
                  ["all", t("statusAll")],
                ] as const
              ).map(([value, label]) => (
                <button
                  key={value}
                  type="button"
                  onClick={() => {
                    setStatus(value);
                    setSelected(new Set());
                  }}
                  className={`px-3 py-1 text-sm rounded transition-colors ${
                    status === value
                      ? "bg-blue-600 text-white"
                      : "text-gray-400 hover:text-[#e5e5e7]"
                  }`}
                >
                  {label}
                </button>
              ))}
            </div>
            <div className="flex flex-wrap items-center gap-2">
              {sessions.length > 0 && (
                <button
                  type="button"
                  onClick={toggleSelectAll}
                  className="px-2 py-1 text-xs text-gray-400 hover:text-[#e5e5e7]"
                >
                  {allSelected ? t("deselectAll") : t("selectAll")}
                </button>
              )}
              {selected.size > 0 && (
                <>
                  <span className="text-xs text-gray-500">
                    {t("selectedCount", { n: String(selected.size) })}
                  </span>
                  {status !== "archived" && (
                    <button
                      type="button"
                      onClick={bulkArchive}
                      className="px-2 py-1 text-xs rounded border border-[#2a2a2e] hover:bg-[#252529]"
                    >
                      {t("archive")}
                    </button>
                  )}
                  {status !== "active" && (
                    <button
                      type="button"
                      onClick={bulkUnarchive}
                      className="px-2 py-1 text-xs rounded border border-[#2a2a2e] hover:bg-[#252529]"
                    >
                      {t("unarchive")}
                    </button>
                  )}
                  <button
                    type="button"
                    onClick={() => {
                      const rows = sessions.filter((s) => selected.has(rowKey(s)));
                      if (rows.length) setConfirm({ mode: "bulk", rows });
                    }}
                    className="px-2 py-1 text-xs rounded border border-red-500/30 text-red-300 hover:bg-red-900/20"
                  >
                    {t("delete")}
                  </button>
                </>
              )}
              <select
                value={workspace}
                onChange={(e) => setWorkspace(e.target.value)}
                className="bg-[#1f1f23] border border-[#2a2a2e] rounded px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:outline-none max-w-[200px]"
              >
                <option value="all">{t("allWorkspaces")}</option>
                {workspaces.map((w) => (
                  <option key={w.id} value={w.id}>
                    {w.name || w.id}
                  </option>
                ))}
              </select>
            </div>
          </div>
          <div className="flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border border-[#2a2a2e] bg-[#16161a]">
            <div className="shrink-0 border-b border-[#2a2a2e] px-4 py-2.5">
              <div className="text-sm font-medium text-[#e5e5e7]">
                {workspace === "all"
                  ? t("allWorkspaces")
                  : workspaceMap.get(workspace)?.name || workspace}
              </div>
              <div className="text-xs text-gray-500 mt-0.5">
                {t("sessionsInView", { n: String(sessions.length) })}
                {workspace !== "all" ? ` · ${t("isolatedToWorkspace")}` : ""}
              </div>
            </div>
            <div className="min-h-0 flex-1 overflow-auto">
              <table className="w-full text-sm">
                <thead className="sticky top-0 z-10 bg-[#16161a] text-left text-gray-500 border-b border-[#2a2a2e]">
                  <tr>
                    <th className="w-10 px-3 py-2 font-normal">
                      <input
                        ref={(el) => {
                          if (el) el.indeterminate = someSelected;
                        }}
                        type="checkbox"
                        className="h-4 w-4 accent-blue-600"
                        checked={allSelected}
                        disabled={!sessions.length}
                        onChange={toggleSelectAll}
                        aria-label={t("selectAll")}
                      />
                    </th>
                    <th className="px-2 py-2 font-normal">{t("sessionTitle")}</th>
                    <th className="px-2 py-2 font-normal">{t("workspace")}</th>
                    <th className="px-2 py-2 font-normal">{t("status")}</th>
                    <th className="px-2 py-2 font-normal text-right">{t("size")}</th>
                    <th className="px-2 py-2 font-normal">{t("updated")}</th>
                    <th className="px-2 py-2 font-normal text-right">{t("actions")}</th>
                  </tr>
                </thead>
                <tbody>
                  {sessions.length === 0 ? (
                    <tr>
                      <td colSpan={7} className="py-10 text-center text-gray-500">
                        {loading ? t("scanning") : t("noSessions")}
                      </td>
                    </tr>
                  ) : (
                    sessions.map((row) => {
                      const key = rowKey(row);
                      const ws = workspaceMap.get(row.workspaceId);
                      const busy = busyId === key;
                      return (
                        <tr
                          key={key}
                          className="border-b border-[#2a2a2e]/50 hover:bg-[#1c1c20]"
                        >
                          <td className="px-3 py-2">
                            <input
                              type="checkbox"
                              className="h-4 w-4 accent-blue-600"
                              checked={selected.has(key)}
                              onChange={() => toggleSelect(row)}
                            />
                          </td>
                          <td className="px-2 py-2 max-w-[280px]">
                            <div className="flex min-w-0 flex-col gap-0.5">
                              <button
                                type="button"
                                className="truncate text-left font-medium text-[#e5e5e7] hover:text-blue-400 hover:underline"
                                title={row.title || t("openPreview")}
                                onClick={() => openPreview(row)}
                              >
                                {row.title || row.id}
                              </button>
                              <span className="truncate font-mono text-[10px] text-gray-500" title={row.id}>
                                {row.id}
                              </span>
                              {row.workDir && (
                                <span
                                  className="truncate font-mono text-[10px] text-gray-500/80"
                                  title={row.workDir}
                                >
                                  {row.workDir}
                                </span>
                              )}
                            </div>
                          </td>
                          <td className="px-2 py-2 max-w-[160px]">
                            <span className="truncate text-sm text-gray-400">
                              {ws?.name || row.workspaceId}
                            </span>
                          </td>
                          <td className="px-2 py-2 whitespace-nowrap">
                            {row.status === "archived" ? (
                              <span className="rounded-md bg-amber-900/30 text-amber-300 px-2 py-0.5 text-xs">
                                {t("statusArchived")}
                              </span>
                            ) : (
                              <span className="rounded-md bg-emerald-900/30 text-emerald-300 px-2 py-0.5 text-xs">
                                {t("statusActive")}
                              </span>
                            )}
                          </td>
                          <td className="px-2 py-2 text-right tabular-nums text-gray-400">
                            {fmtBytes(row.bytes)}
                          </td>
                          <td className="px-2 py-2 whitespace-nowrap tabular-nums text-gray-400">
                            {fmtTime(parseTime(row.updatedAt), locale)}
                          </td>
                          <td className="px-2 py-2 text-right">
                            <div className="flex justify-end gap-1">
                              {row.status === "active" ? (
                                <button
                                  type="button"
                                  disabled={busy}
                                  onClick={() => onArchive(row)}
                                  title={t("archive")}
                                  className="px-2 py-1 text-xs rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-50"
                                >
                                  {t("archive")}
                                </button>
                              ) : (
                                <button
                                  type="button"
                                  disabled={busy}
                                  onClick={() => onUnarchive(row)}
                                  title={t("unarchive")}
                                  className="px-2 py-1 text-xs rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-50"
                                >
                                  {t("unarchive")}
                                </button>
                              )}
                              <button
                                type="button"
                                disabled={busy}
                                onClick={() => setConfirm({ mode: "one", row })}
                                title={t("delete")}
                                className="px-2 py-1 text-xs rounded border border-red-500/30 text-red-300 hover:bg-red-900/20 disabled:opacity-50"
                              >
                                {t("delete")}
                              </button>
                            </div>
                          </td>
                        </tr>
                      );
                    })
                  )}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      {/* Attribution */}
      <div className="text-xs text-gray-500 pb-2">
        {data?.home && <>{data.home}</>}
        <br />
        会话管理功能基于{" "}
        <a
          href="https://github.com/JochenYang/kimicode-dashboard"
          target="_blank"
          rel="noopener noreferrer"
          className="text-blue-500 hover:text-blue-400 underline"
        >
          kimicode-dashboard
        </a>{" "}
        （MIT，© JochenYang）移植
      </div>
      {/* Confirm dialog */}
      {confirm && (
        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4">
          <div className="w-full max-w-md rounded-xl border border-[#2a2a2e] bg-[#16161a] shadow-xl">
            <div className="space-y-3 p-5">
              <h3 className="text-base font-semibold text-[#e5e5e7]">
                {confirm.mode === "bulk"
                  ? t("confirmBulkTitle")
                  : confirm.mode === "workspace"
                    ? t("confirmDeleteWorkspaceTitle")
                    : t("confirmDeleteTitle")}
              </h3>
              <p className="text-sm text-gray-400">
                {confirm.mode === "bulk"
                  ? t("confirmBulkDelete", { n: String(confirm.rows.length) })
                  : confirm.mode === "workspace"
                    ? t("confirmDeleteWorkspace")
                    : t("confirmDeleteSession")}
              </p>
              {confirm.mode === "one" && (
                <div className="rounded-md border border-[#2a2a2e] bg-[#1f1f23] px-3 py-2.5">
                  <div className="truncate text-sm font-medium">
                    {confirm.row.title || confirm.row.id}
                  </div>
                  <div className="mt-1 break-all font-mono text-[11px] text-gray-500">
                    {confirm.row.id}
                  </div>
                </div>
              )}
              {confirm.mode === "bulk" && (
                <div className="rounded-md border border-[#2a2a2e] bg-[#1f1f23] px-3 py-2.5 text-sm text-gray-400">
                  {t("selectedCount", { n: String(confirm.rows.length) })}
                </div>
              )}
              {confirm.mode === "workspace" && (
                <div className="rounded-md border border-[#2a2a2e] bg-[#1f1f23] px-3 py-2.5">
                  <div className="truncate text-sm font-medium">
                    {confirm.workspace.name || confirm.workspace.id}
                  </div>
                  {confirm.workspace.root && (
                    <div className="mt-1 break-all font-mono text-[11px] text-gray-500">
                      {confirm.workspace.root}
                    </div>
                  )}
                  <div className="mt-1 font-mono text-[11px] text-gray-500">
                    {confirm.workspace.id}
                  </div>
                </div>
              )}
            </div>
            <div className="flex justify-end gap-2 border-t border-[#2a2a2e] bg-[#121214] px-5 py-3">
              <button
                type="button"
                disabled={confirmBusy}
                onClick={() => setConfirm(null)}
                className="px-3 py-1.5 text-sm rounded border border-[#2a2a2e] hover:bg-[#252529] disabled:opacity-50"
              >
                {t("cancel")}
              </button>
              <button
                type="button"
                disabled={confirmBusy}
                onClick={runConfirm}
                className="px-3 py-1.5 text-sm rounded bg-red-600 text-white hover:bg-red-500 disabled:opacity-50"
              >
                {confirmBusy
                  ? t("refreshing")
                  : confirm.mode === "workspace"
                    ? t("deleteWorkspace")
                    : t("deleteForever")}
              </button>
            </div>
          </div>
        </div>
      )}
      {/* Preview dialog */}
      {preview && (
        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4">
          <div className="flex w-full max-w-2xl max-h-[min(80vh,36rem)] flex-col overflow-hidden rounded-xl border border-[#2a2a2e] bg-[#16161a] shadow-xl">
            <div className="shrink-0 space-y-2 border-b border-[#2a2a2e] p-5">
              <h3 className="text-base font-semibold text-[#e5e5e7]">{t("previewTitle")}</h3>
              <p className="text-sm text-gray-500">{t("previewHint")}</p>
              <div className="text-xs text-gray-500">
                <div className="truncate font-medium text-[#e5e5e7]">
                  {preview.row.title || preview.row.id}
                </div>
                <div className="mt-0.5 break-all font-mono opacity-80">{preview.row.id}</div>
              </div>
            </div>
            <div className="min-h-0 flex-1 space-y-3 overflow-y-auto p-5">
              {preview.loading && (
                <div className="flex items-center justify-center gap-2 py-10 text-sm text-gray-500">
                  <div className="animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" />
                  {t("scanning")}
                </div>
              )}
              {preview.error && (
                <div className="rounded-md border border-red-500/40 bg-red-900/20 px-3 py-2 text-sm text-red-300">
                  {preview.error}
                </div>
              )}
              {!preview.loading && !preview.error && !preview.messages.length && (
                <div className="py-10 text-center text-sm text-gray-500">{t("previewEmpty")}</div>
              )}
              {preview.messages.map((m, i) => {
                const roleLabel =
                  m.role === "user"
                    ? t("roleUser")
                    : m.role === "assistant"
                      ? t("roleAssistant")
                      : m.role === "system"
                        ? t("roleSystem")
                        : m.role;
                return (
                  <PreviewMessageCard
                    key={`${m.role}-${i}`}
                    role={m.role}
                    roleLabel={roleLabel}
                    time={m.time}
                    text={m.text}
                    locale={locale}
                  />
                );
              })}
              {preview.truncated && (
                <div className="text-center text-xs text-gray-500">{t("previewTruncated")}</div>
              )}
            </div>
            <div className="shrink-0 flex justify-end border-t border-[#2a2a2e] bg-[#121214] px-5 py-3">
              <button
                type="button"
                onClick={() => setPreview(null)}
                className="px-3 py-1.5 text-sm rounded border border-[#2a2a2e] hover:bg-[#252529]"
              >
                {t("cancel")}
              </button>
            </div>
          </div>
        </div>
      )}
    </div>
  );
 }
 // Per-message card with 500-char collapse + expand toggle.
 // Renders long texts lazily — prevents huge <pre> blocks from bloating the DOM.
 const PREVIEW_TEXT_LIMIT = 500;
 function PreviewMessageCard({
  role,
  roleLabel,
  time,
  text,
  locale,
 }: {
  role: string;
  roleLabel: string;
  time: number | null;
  text: string;
  locale: string;
 }) {
  const [expanded, setExpanded] = useState(false);
  const isLong = text.length > PREVIEW_TEXT_LIMIT;
  const visible = expanded || !isLong ? text : text.slice(0, PREVIEW_TEXT_LIMIT);
  return (
    <div
      className={`rounded-lg border border-[#2a2a2e] px-3 py-2.5 ${
        role === "user"
          ? "bg-blue-600/10"
          : role === "assistant"
            ? "bg-[#1f1f23]"
            : "bg-[#16161a]"
      }`}
    >
      <div className="mb-1 flex items-center justify-between gap-2 text-[11px] text-gray-500">
        <span className="font-medium text-gray-300">{roleLabel}</span>
        {time ? (
          <span className="tabular-nums">{fmtTime(time, locale)}</span>
        ) : null}
      </div>
      <pre className="whitespace-pre-wrap break-words font-sans text-sm leading-relaxed text-gray-200">
        {visible}
        {!expanded && isLong && (
          <span className="text-gray-500"> …</span>
        )}
      </pre>
      {isLong && (
        <button
          type="button"
          onClick={() => setExpanded((v) => !v)}
          className="mt-1 text-[11px] text-blue-400 hover:text-blue-300 hover:underline"
        >
          {expanded
            ? `收起 · ${text.length.toLocaleString()} 字符`
            : `展开全文 · ${text.length.toLocaleString()} 字符`}
        </button>
      )}
    </div>
  );
 }
@@ -48,11 +48,16 @@ export function useConfig(agent: Agent): UseConfigReturn {
  }, [refresh]);
  const updateConfig = useCallback((updater: (config: Config) => Config) => {
-    setConfig((prev) => {
+    // Compute next state synchronously from the ref (always current) and set
-      const next = prev ? updater(prev) : prev;
+    // the ref BEFORE setConfig. Previously the ref was updated inside the
    // setConfig updater, which React 18 defers — so save() reading the ref
    // immediately after would get a stale value.
    const prev = configRef.current;
    if (prev) {
      const next = updater(prev);
      configRef.current = next;
-      return next;
+      setConfig(next);
-    });
+    }
    setDirty(true);
  }, []);
@@ -0,0 +1,54 @@
 import { useCallback, useEffect, useState } from "react";
 import { invoke } from "@tauri-apps/api/core";
 import type { SummaryResult } from "../types/dashboard";
 export type DashboardRange = "today" | "7d" | "30d" | "all";
 const RANGE_STORAGE_KEY = "kimi-switch-dashboard-range";
 export function useDashboard() {
  const [range, setRange] = useState<DashboardRange>(() => {
    try {
      const stored = localStorage.getItem(RANGE_STORAGE_KEY) as DashboardRange | null;
      if (stored === "today" || stored === "7d" || stored === "30d" || stored === "all") {
        return stored;
      }
    } catch {
      // ignore
    }
    return "30d";
  });
  const [data, setData] = useState<SummaryResult | null>(null);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const refresh = useCallback(async () => {
    setLoading(true);
    setError(null);
    try {
      const result = await invoke<SummaryResult>("get_summary", { range });
      setData(result);
    } catch (err) {
      const msg = err instanceof Error ? err.message : String(err);
      setError(msg);
    } finally {
      setLoading(false);
    }
  }, [range]);
  useEffect(() => {
    refresh();
  }, [refresh]);
  const changeRange = useCallback((next: DashboardRange) => {
    setRange(next);
    try {
      localStorage.setItem(RANGE_STORAGE_KEY, next);
    } catch {
      // ignore
    }
  }, []);
  return { range, changeRange, data, loading, error, refresh };
 }
@@ -0,0 +1,107 @@
 import { useCallback, useEffect, useState } from "react";
 import { invoke } from "@tauri-apps/api/core";
 import type {
  ActionResponse,
  PreviewResult,
  SessionStatusFilter,
  SessionsResult,
 } from "../types/sessions";
 export function useSessions() {
  const [status, setStatus] = useState<SessionStatusFilter>("active");
  const [workspace, setWorkspace] = useState<string>("all");
  const [data, setData] = useState<SessionsResult | null>(null);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const refresh = useCallback(async () => {
    setLoading(true);
    setError(null);
    try {
      const result = await invoke<SessionsResult>("list_sessions", {
        status,
        workspace: workspace === "all" ? null : workspace,
      });
      setData(result);
    } catch (err) {
      setData(null);
      setError(err instanceof Error ? err.message : String(err));
    } finally {
      setLoading(false);
    }
  }, [status, workspace]);
  useEffect(() => {
    refresh();
  }, [refresh]);
  const archiveSession = useCallback(
    async (workspaceId: string, sessionId: string) => {
      await invoke<ActionResponse>("archive_session", { workspaceId, sessionId });
      await refresh();
    },
    [refresh]
  );
  const unarchiveSession = useCallback(
    async (workspaceId: string, sessionId: string) => {
      await invoke<ActionResponse>("unarchive_session", {
        workspaceId,
        sessionId,
      });
      await refresh();
    },
    [refresh]
  );
  const deleteSession = useCallback(
    async (workspaceId: string, sessionId: string, sessionStatus?: string) => {
      await invoke<ActionResponse>("delete_session", {
        workspaceId,
        sessionId,
        status: sessionStatus ?? null,
      });
      await refresh();
    },
    [refresh]
  );
  const deleteWorkspace = useCallback(
    async (workspaceId: string) => {
      await invoke<ActionResponse>("delete_workspace", {
        workspaceId,
        confirm: true,
      });
      await refresh();
    },
    [refresh]
  );
  const getPreview = useCallback(
    async (workspaceId: string, sessionId: string, sessionStatus?: string) => {
      return invoke<PreviewResult>("get_session_preview", {
        workspaceId,
        sessionId,
        status: sessionStatus ?? null,
      });
    },
    []
  );
  return {
    status,
    setStatus,
    workspace,
    setWorkspace,
    data,
    loading,
    error,
    setError,
    refresh,
    archiveSession,
    unarchiveSession,
    deleteSession,
    deleteWorkspace,
    getPreview,
  };
 }
@@ -20,6 +20,8 @@ export const enTranslations: Record<TranslationKey, string> = {
  // Provider list
  providers: "Providers",
  dashboard: "Dashboard",
  sessions: "Sessions",
  addProvider: "Add Provider",
  noProviders: "No providers yet",
  addFirstProvider: "Add first provider",
@@ -131,6 +133,71 @@ export const enTranslations: Record<TranslationKey, string> = {
  capToolUse: "Tool Use",
  customCapabilities: "Other capabilities (comma-separated)",
  // Sessions
  sessionsTitle: "Sessions",
  sessionsSubtitle:
    "Browse, preview, archive, or delete Kimi Code sessions by workspace. Archiving keeps data on disk.",
  workspaces: "Workspaces",
  workspaceIsolatedHint: "Sessions are isolated per workspace",
  allWorkspaces: "All workspaces",
  emptyWorkspace: "Empty",
  deleteWorkspace: "Delete workspace",
  noSessions: "No sessions",
  statusActive: "Active",
  statusArchived: "Archived",
  statusAll: "All",
  selectAll: "Select all",
  deselectAll: "Deselect all",
  selectedCount: "{n} selected",
  archive: "Archive",
  unarchive: "Unarchive",
  sessionTitle: "Session",
  workspace: "Workspace",
  status: "Status",
  size: "Size",
  updated: "Updated",
  actions: "Actions",
  sessionsInView: "{n} sessions",
  isolatedToWorkspace: "this workspace only",
  openPreview: "Open preview",
  scanning: "Scanning…",
  refresh: "Refresh",
  refreshing: "Refreshing…",
  refreshed: "Refreshed",
  cancel: "Cancel",
  confirmDeleteTitle: "Delete session forever?",
  confirmDeleteSession:
    "This cannot be undone. Prefer archive if you only want it out of the way.",
  confirmBulkTitle: "Delete selected forever?",
  confirmBulkDelete: "Permanently delete {n} sessions. This cannot be undone.",
  confirmDeleteWorkspaceTitle: "Delete empty workspace?",
  confirmDeleteWorkspace: "Only workspaces with no sessions can be removed.",
  deleteForever: "Delete forever",
  previewTitle: "Session preview",
  previewHint:
    "Roles and truncated text only — secrets and raw tool dumps are omitted.",
  previewEmpty: "No previewable messages",
  previewTruncated: "Preview truncated",
  roleUser: "User",
  roleAssistant: "Assistant",
  roleSystem: "System",
  // Heatmap
  noData: "No data",
  heatLess: "Less",
  heatMore: "More",
  requests: "Requests",
  cacheHitRate: "Cache hit rate",
  // Daily detail modal
  dayDetail: "Daily usage detail",
  close: "Close",
  totalTokens: "Total tokens",
  cost: "Cost",
  modelDistribution: "Model distribution",
  modalEscHint: "Press Esc or click outside to close",
  doubleClickHint: "Double-click for details",
  // Languages
  language: "Language",
  zh: "中文",
@@ -18,6 +18,8 @@ export const zhTranslations = {
  // Provider list
  providers: "供应商",
  dashboard: "用量仪表盘",
  sessions: "会话管理",
  addProvider: "添加供应商",
  noProviders: "暂无供应商",
  addFirstProvider: "添加第一个供应商",
@@ -129,6 +131,68 @@ export const zhTranslations = {
  capToolUse: "工具调用",
  customCapabilities: "其他能力（逗号分隔）",
  // Sessions
  sessionsTitle: "会话管理",
  sessionsSubtitle: "按工作区查看、预览、归档或删除 Kimi Code 会话。归档不会删除数据。",
  workspaces: "工作区",
  workspaceIsolatedHint: "会话按工作区隔离存储",
  allWorkspaces: "全部工作区",
  emptyWorkspace: "空",
  deleteWorkspace: "删除工作区",
  noSessions: "暂无会话",
  statusActive: "活跃",
  statusArchived: "已归档",
  statusAll: "全部",
  selectAll: "全选",
  deselectAll: "取消全选",
  selectedCount: "已选 {n} 项",
  archive: "归档",
  unarchive: "取消归档",
  sessionTitle: "会话",
  workspace: "工作区",
  status: "状态",
  size: "大小",
  updated: "更新时间",
  actions: "操作",
  sessionsInView: "共 {n} 个会话",
  isolatedToWorkspace: "当前工作区",
  openPreview: "打开预览",
  scanning: "扫描中…",
  refresh: "刷新",
  refreshing: "刷新中…",
  refreshed: "已刷新",
  cancel: "取消",
  confirmDeleteTitle: "永久删除会话？",
  confirmDeleteSession: "删除后无法恢复。若只是暂时不用，请改用归档。",
  confirmBulkTitle: "批量永久删除？",
  confirmBulkDelete: "将永久删除 {n} 个会话，此操作无法撤销。",
  confirmDeleteWorkspaceTitle: "删除空工作区？",
  confirmDeleteWorkspace: "仅允许删除没有任何会话的工作区。",
  deleteForever: "永久删除",
  previewTitle: "会话预览",
  previewHint: "仅展示角色与截断后的文本，不会暴露密钥或工具原始输出。",
  previewEmpty: "没有可预览的消息",
  previewTruncated: "预览已截断",
  roleUser: "用户",
  roleAssistant: "助手",
  roleSystem: "系统",
  // Heatmap
  noData: "暂无数据",
  heatLess: "少",
  heatMore: "多",
  requests: "请求",
  cacheHitRate: "缓存命中率",
  // Daily detail modal
  dayDetail: "每日用量详情",
  close: "关闭",
  totalTokens: "总 Token",
  cost: "费用",
  modelDistribution: "模型用量分布",
  modalEscHint: "按 Esc 或点击外部关闭",
  doubleClickHint: "双击查看详情",
  // Languages
  language: "语言",
  zh: "中文",
@@ -0,0 +1,38 @@
 // Formatting helpers for the dashboard — ported from kimicode-dashboard/web/src/format.js
 export function fmtInt(n: number, locale = "en"): string {
  return new Intl.NumberFormat(locale === "zh" ? "zh-CN" : "en-US").format(
    Math.round(Number(n) || 0)
  );
 }
 export function fmtTokens(n: number): string {
  const v = Number(n) || 0;
  if (v >= 1e9) return (v / 1e9).toFixed(2) + "B";
  if (v >= 1e6) return (v / 1e6).toFixed(2) + "M";
  if (v >= 1e3) return (v / 1e3).toFixed(1) + "K";
  return String(Math.round(v));
 }
 export function fmtUsd(n: number): string {
  const v = Number(n) || 0;
  if (v === 0) return "$0.00";
  if (v < 0.01) return "$" + v.toFixed(4);
  if (v < 1) return "$" + v.toFixed(3);
  return "$" + v.toFixed(2);
 }
 export function fmtPct(n: number): string {
  return ((Number(n) || 0) * 100).toFixed(1) + "%";
 }
 export function fmtTime(ms: number, locale = "en"): string {
  if (!ms) return "—";
  return new Date(ms).toLocaleString(locale === "zh" ? "zh-CN" : "en-US", {
    month: "2-digit",
    day: "2-digit",
    hour: "2-digit",
    minute: "2-digit",
    hour12: false,
  });
 }
@@ -0,0 +1,57 @@
 import snapshot from "./models-dev.json";
 /**
 * Compact per-model reference data from models.dev
 * (see scripts/fetch-models-dev.mjs).
 */
 export interface ModelRef {
  name?: string;
  context?: number;
  reasoning?: boolean;
  tool_call?: boolean;
  structured_output?: boolean;
  image?: boolean;
  video?: boolean;
 }
 const data: Record<string, ModelRef> = snapshot;
 // models.dev keys are "<lab>/<model>" and may be mixed-case (e.g.
 // "minimax/MiniMax-M3"), while provider APIs return bare model ids
 // (e.g. "kimi-k2.5"). Index lowercase for tolerant matching.
 const byLowerKey: Record<string, ModelRef> = {};
 for (const [key, value] of Object.entries(data)) {
  byLowerKey[key.toLowerCase()] = value;
 }
 /**
 * Look up reference data for a provider model id.
 * Matches exact key first, then any "<lab>/<id>" suffix.
 * Returns undefined when nothing matches — callers fall back to
 * getDefaultMaxContextSize / manual capabilities.
 */
 export function getModelRef(modelId: string): ModelRef | undefined {
  const id = modelId.trim().toLowerCase();
  if (!id) return undefined;
  const exact = byLowerKey[id];
  if (exact) return exact;
  const suffix = `/${id}`;
  for (const [key, value] of Object.entries(byLowerKey)) {
    if (key.endsWith(suffix)) return value;
  }
  return undefined;
 }
 /**
 * Map reference data to Kimi Code capability flags.
 * Multimodal (image_in/video_in) comes from models.dev input modalities;
 * always_thinking cannot be derived and stays manual.
 */
 export function capabilitiesFromRef(ref: ModelRef): string[] {
  const caps: string[] = [];
  if (ref.reasoning) caps.push("thinking");
  if (ref.tool_call) caps.push("tool_use");
  if (ref.image) caps.push("image_in");
  if (ref.video) caps.push("video_in");
  return caps;
 }
@@ -0,0 +1,108 @@
 // Dashboard types — match the Rust structs in src-tauri/src/dashboard.rs (camelCase serde)
 export interface TotalsRow {
  requests: number;
  inputOther: number;
  output: number;
  inputCacheRead: number;
  inputCacheCreation: number;
  costUsd: number;
  totalTokens: number;
  cacheHitRate: number;
 }
 export interface DailyRow extends TotalsRow {
  date: string;
  byModel: Record<string, number>;
 }
 export interface ModelRow extends TotalsRow {
  model: string;
  modelDisplay: string;
  modelResolved: string;
  priceId: string;
  costEstimated: boolean;
 }
 export interface RecentRow {
  time: number;
  model: string;
  modelDisplay: string;
  modelResolved: string;
  inputOther: number;
  output: number;
  inputCacheRead: number;
  inputCacheCreation: number;
  totalTokens: number;
  costUsd: number;
  costEstimated: boolean;
  priceId: string;
  fromEnv: boolean;
 }
 export interface RangeStats {
  range: string;
  totals: TotalsRow;
  daily: DailyRow[];
  models: ModelRow[];
  recent: RecentRow[];
  recentTotal: number;
  recentLimit: number;
 }
 export interface HeatmapCell {
  date: string;
  dow: number;
  weekIndex: number;
  requests: number;
  totalTokens: number;
  costUsd: number;
  cacheHitRate: number;
  level: number;
 }
 export interface MonthLabel {
  weekIndex: number;
  label: string;
 }
 export interface HeatmapData {
  weeks: number;
  start: string;
  end: string;
  maxTokens: number;
  cells: HeatmapCell[];
  monthLabels: MonthLabel[];
 }
 export interface ScanMeta {
  filesScanned: number;
  linesSeen: number;
  recordCount: number;
  home: string;
  sessionsRoot: string;
  errors: string[];
 }
 export interface AllModelRow {
  model: string;
  modelDisplay: string;
  requests: number;
  totalTokens: number;
  costUsd: number;
  costEstimated: boolean;
  cacheHitRate: number;
 }
 export interface SummaryResult {
  home: string;
  valid: boolean;
  scannedAt: number;
  meta: ScanMeta;
  range: string;
  stats: RangeStats;
  heatmap: HeatmapData;
  allModels: AllModelRow[];
  allModelCount: number;
  rangeTotals: Record<string, TotalsRow>;
 }
@@ -0,0 +1,61 @@
 // Session management types — match Rust structs in dashboard.rs (camelCase serde)
 export interface WorkspaceRow {
  id: string;
  name: string;
  root: string | null;
  createdAt: string | null;
  lastOpenedAt: string | null;
  activeCount: number;
  archivedCount: number;
  empty: boolean;
 }
 export interface SessionRow {
  id: string;
  workspaceId: string;
  status: "active" | "archived" | string;
  title: string | null;
  workDir: string | null;
  createdAt: string | null;
  updatedAt: string | null;
  bytes: number;
  files: number;
 }
 export interface SessionsResult {
  home: string;
  archiveRoot: string;
  workspaces: WorkspaceRow[];
  sessions: SessionRow[];
 }
 export interface ActionResponse {
  ok: boolean;
  workspaceId: string;
  sessionId: string;
  status?: string | null;
  path?: string | null;
  deleted?: boolean | null;
 }
 export interface PreviewMessage {
  role: string;
  time: number | null;
  text: string;
 }
 export interface PreviewResult {
  workspaceId: string;
  sessionId: string;
  status: string;
  title: string | null;
  workDir: string | null;
  createdAt: string | null;
  updatedAt: string | null;
  messageCount: number;
  truncated: boolean;
  messages: PreviewMessage[];
 }
 export type SessionStatusFilter = "active" | "archived" | "all";
Author	SHA1	Message	Date
KimiSwitch Dev	14d48500bf	docs: update README with v0.3.0 release notes, add dashboard & sessions features, thanks to kimicode-dashboard	2026-07-28 09:53:48 +08:00
KimiSwitch Dev	32de98bff5	feat: v0.3.0 re-release - add dashboard & sessions, hide pi option - Usage dashboard: KPIs, model split, daily bars, year heatmap, recent requests - Sessions management: list/preview/archive/delete with streaming preview - Double-click daily bar opens per-model breakdown modal - Paginated recent requests (30/page) - Hide pi option from nav (kept code, just removed from UI) - Timezone fixes: today/day_key/heatmap now use local calendar day - Streaming preview with 20MB byte cap + 500-char frontend clip - README attribution to kimicode-dashboard (MIT, JochenYang)	2026-07-28 09:16:21 +08:00
KimiSwitch Dev	139af18826	feat: v0.3.0 - fix provider data loss, oauth corruption & switch UX Bug fixes: - Fix config.toml wiped to single provider on switch (now writes all providers) - Fix managed:kimi-code oauth key corruption (oauth/kimi-code was rewritten to oauth/managed-kimi-code, breaking the official subscription) - Fix default_model not switching due to React 18 deferred state update (updateConfig now sets configRef synchronously before setConfig) - Strip KimiSwitch-private default_model from config.toml provider output Architecture: - config.toml is now the authoritative source for Kimi Code provider data - SQLite stores only metadata (notes, official URLs, remembered models) - Load reconciles config.toml with SQLite for external /provider changes - Activate is a no-op for KimiCode (save already writes config.toml) Features: - Selected provider moves to top of list on switch - Add models-dev context size lookup - Add tauri-plugin-single-instance Tests: - 3 new regression tests: oauth key round-trip, all-providers write, private default_model strip	2026-07-27 22:36:42 +08:00
KimiSwitch Dev	5806fac056	chore: sync Cargo.lock version to 0.2.0	2026-07-25 17:33:30 +08:00