feat(dashboard): v0.7.4 — 热力图双击弹窗展示当日模型用量（Token/请求/费用/命中率）+ by_model 结构化升级

.github/workflows/release.yml

@@ -82,7 +82,7 @@ jobs:
             ### 本次更新
 
             - **高级设置**：原「子代理设置」升级为「高级设置」，聚合子代理模型指定、实验功能开关与 WebUI 快捷入口
-            - **Kimi Code WebUI 应用内嵌窗口**：高级设置页可将新版 Web 界面以**独立顶层窗口**在应用内打开（单例、可缩放，关闭自动清理服务器进程），也可在系统浏览器打开（复用已运行的本地服务器）
+            - **仪表盘热力图双击弹窗**：双击热力图方块即可查看当日模型用量分布，每种模型展示 Token / 请求次数 / 费用 / 命中率
             - **子代理模型指定（实验功能）**：为子代理绑定次主力模型，不再默认继承主模型；实验开关改为滑动开关并修复开启态隐形
             - **兼容 kimi-code 0.33+（v2 引擎）**：`loop_control` 写入新键名 `max_attempts_per_step`，旧配置自动迁移并保留旧键兼容 `KIMI_CODE_LEGACY_FLAG=1`；hooks 候选补充新事件
             - models.dev 模型数据同步；官网企业版视觉升级；出品公司标识统一

package.json

@@ -1,7 +1,7 @@
 {
   "name": "kimiswitch",
   "private": true,
-  "version": "0.7.3",
+  "version": "0.7.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

release-notes-v0.7.4.md

@@ -0,0 +1,30 @@
+## v0.7.4
+
+### 仪表盘热力图双击弹窗（本次新增）
+
+- 热力图方块**双击**即可弹窗查看当日模型用量分布
+- 每种模型独立展示：**Token 用量 / 请求次数 / 费用 / 缓存命中率**（此前仅有 token 数）
+- 范围外日期（不在当前 7d / 30d / all 范围内的方块）不可双击、无放大效果
+- 弹窗内 Escape / 点击遮罩 / 关闭按钮均可关闭
+
+### 数据结构升级
+
+- 后端 `[dashboard] by_model` 从纯 token 数升级为结构化对象（含 requests / cost / cacheHitRate），弹窗和柱状图双击均展示全量指标
+
+### Downloads by platform
+
+- **Windows**: `.msi` installer
+- **macOS**: `.dmg` + `.app`（未签名，仅 Apple Silicon / M 系列芯片）
+- **Linux**: `.deb` / `.AppImage` / `.rpm`
+
+### macOS 安装说明（无开发者账号签名，需一次手动绕过）
+
+1. 下载 `Kimi.Switch_*.dmg`，双击挂载后把 `Kimi Switch.app` 拖入「应用程序」文件夹
+2. 下载本 Release 附带的 `install-macos.sh`，在终端运行：
+
+   ```bash
+   bash install-macos.sh
+   ```
+
+   脚本会自动清除下载隔离属性并启动应用，只需执行一次，之后正常使用。
+3. 手动替代方案：右键 `Kimi Switch.app` → 打开 → 弹窗点「打开」；或 系统设置 → 隐私与安全性 → 仍要打开

src-tauri/Cargo.lock

@@ -1958,7 +1958,7 @@ dependencies = [
 
 [[package]]
 name = "kimiswitch"
-version = "0.7.3"
+version = "0.7.4"
 dependencies = [
  "anyhow",
  "chrono",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "kimiswitch"
-version = "0.7.3"
+version = "0.7.4"
 description = "Kimi Switch - model config manager"
 authors = ["codingplan.site"]
 edition = "2021"

src-tauri/src/dashboard.rs

@@ -132,8 +132,8 @@ pub struct DailyRow {
     pub cost_usd: f64,
     pub total_tokens: u64,
     pub cache_hit_rate: f64,
-    /// Per-model token breakdown for stacked-bar rendering
+    /// Per-model structured breakdown (tokens / requests / cost / cacheHitRate).
-    pub by_model: HashMap<String, u64>,
+    pub by_model: HashMap<String, TotalsRow>,
     /// Per-provider token breakdown for stacked-bar rendering
     pub by_provider: HashMap<String, u64>,
     /// Per-provider, per-model nested token breakdown (provider → model → tokens),
@@ -980,7 +980,7 @@ fn aggregate(records: &[UsageRecord], range: &str, now_ms: u64) -> RangeStats {
     }
 
     let mut totals = TotalsRow::default();
-    let mut by_day: HashMap<String, (TotalsRow, HashMap<String, u64>, HashMap<String, HashMap<String, u64>>)> = HashMap::new();
+    let mut by_day: HashMap<String, (TotalsRow, HashMap<String, TotalsRow>, HashMap<String, HashMap<String, u64>>)> = HashMap::new();
     let mut by_model: HashMap<String, (ModelRow, TotalsRow)> = HashMap::new();
 
     for r in &filtered {
@@ -988,8 +988,7 @@ fn aggregate(records: &[UsageRecord], range: &str, now_ms: u64) -> RangeStats {
         let dk = day_key(r.time);
         let (day_totals, day_models, day_prov_models) = by_day.entry(dk.clone()).or_default();
         day_totals.add(r);
-        *day_models.entry(r.model.clone()).or_insert(0) +=
+        day_models.entry(r.model.clone()).or_default().add(r);
-            r.input_other + r.output + r.input_cache_read + r.input_cache_creation;
         let provider_key = r.provider.clone().unwrap_or_else(|| "unknown".to_string());
         *day_prov_models
             .entry(provider_key)
@@ -1024,12 +1023,22 @@ fn aggregate(records: &[UsageRecord], range: &str, now_ms: u64) -> RangeStats {
         .map(|(date, (t, by_model, by_provider_model))| {
             let ti = t.input_other + t.input_cache_read + t.input_cache_creation;
             let ch = if ti > 0 { t.input_cache_read as f64 / ti as f64 } else { 0.0 };
+            // Per-model cache_hit_rate (not cumulative; computed from the
+            // model's own input token split).
+            let by_model_finalized: HashMap<String, TotalsRow> = by_model
+                .into_iter()
+                .map(|(k, mut mt)| {
+                    let mi = mt.input_other + mt.input_cache_read + mt.input_cache_creation;
+                    mt.cache_hit_rate = if mi > 0 { mt.input_cache_read as f64 / mi as f64 } else { 0.0 };
+                    (k, mt)
+                })
+                .collect();
             DailyRow {
                 date, requests: t.requests,
                 input_other: t.input_other, output: t.output,
                 input_cache_read: t.input_cache_read, input_cache_creation: t.input_cache_creation,
                 cost_usd: t.cost_usd, total_tokens: t.total_tokens, cache_hit_rate: ch,
-                by_model,
+                by_model: by_model_finalized,
                 by_provider: by_provider_model
                     .iter()
                     .map(|(p, m)| (p.clone(), m.values().sum::<u64>()))

src-tauri/tauri.conf.json

@@ -1,6 +1,6 @@
 {
   "productName": "Kimi Switch",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "identifier": "com.kimiswitch.app",
   "build": {
     "beforeDevCommand": "npm run dev",

src/components/dashboard/DailyBars.tsx

@@ -97,7 +97,12 @@ export function DailyBars({ daily, dimension, names, unknownProviderLabel }: Dai
           const h = Math.max(4, Math.round(((d.totalTokens || 0) / max) * 170));
           const total = d.totalTokens || 1;
 
-          const breakdown = dimension === "provider" ? d.byProvider : d.byModel;
+          const breakdown =
+            dimension === "provider"
+              ? d.byProvider
+              : Object.fromEntries(
+                  Object.entries(d.byModel || {}).map(([k, v]) => [k, v.totalTokens])
+                );
           const segments = Object.entries(breakdown || {})
             .map(([key, tokens]) => ({
               key,

src/components/dashboard/DailyDetailModal.tsx

@@ -48,12 +48,15 @@ export function DailyDetailModal({ day, dimension, colorMap, unknownProviderLabe
   const total = day.totalTokens || 1;
   const isProvider = dimension === "provider";
 
-  // Flat per-model breakdown (model tab)
+  // Flat per-model breakdown (model tab) — structured TotalsRow per model
   const modelSegments = Object.entries(day.byModel || {})
-    .map(([model, tokens]) => ({
+    .map(([model, row]) => ({
       model,
-      tokens,
+      tokens: row.totalTokens,
-      pct: (tokens / total) * 100,
+      requests: row.requests,
+      costUsd: row.costUsd,
+      cacheHitRate: row.cacheHitRate,
+      pct: ((row.totalTokens || 0) / total) * 100,
     }))
     .sort((a, b) => b.tokens - a.tokens);
 
@@ -165,20 +168,22 @@ export function DailyDetailModal({ day, dimension, colorMap, unknownProviderLabe
               {modelSegments.length === 0 ? (
                 <div className="py-6 text-center text-sm text-content-muted">{t("noData")}</div>
               ) : (
-                <div className="space-y-1.5 max-h-72 overflow-y-auto pr-1">
+                <div className="space-y-2 max-h-72 overflow-y-auto pr-1">
                   {modelSegments.map((s, i) => (
-                    <div key={s.model} className="flex items-center gap-3 text-sm">
+                    <div key={s.model} className="rounded-lg bg-hover/50 px-3 py-2">
-                      <span className="inline-block h-2.5 w-2.5 rounded-sm shrink-0" style={{ backgroundColor: modelColor(i) }} />
+                      <div className="flex items-center gap-2 text-sm">
-                      <div className="min-w-0 flex-1">
+                        <span className="inline-block h-2.5 w-2.5 rounded-sm shrink-0" style={{ backgroundColor: modelColor(i) }} />
-                        <div className="flex items-baseline justify-between gap-2">
+                        <span className="truncate flex-1 text-content-primary" title={s.model}>{modelName(s.model)}</span>
-                          <span className="truncate text-content-primary" title={s.model}>{modelName(s.model)}</span>
+                        <span className="shrink-0 text-xs text-content-muted tabular-nums">{s.pct.toFixed(1)}%</span>
-                          <span className="shrink-0 text-xs text-content-muted tabular-nums">
+                      </div>
-                            {fmtTokens(s.tokens)} <span className="text-content-muted">· {s.pct.toFixed(1)}%</span>
+                      <div className="mt-1.5 h-1.5 w-full overflow-hidden rounded-full bg-border">
-                          </span>
+                        <div className="h-full rounded-full transition-all" style={{ width: `${Math.max(2, s.pct)}%`, backgroundColor: modelColor(i) }} />
-                        </div>
+                      </div>
-                        <div className="mt-1 h-1.5 w-full overflow-hidden rounded-full bg-border">
+                      <div className="mt-1.5 flex flex-wrap gap-x-4 gap-y-0.5 text-xs text-content-muted tabular-nums">
-                          <div className="h-full rounded-full transition-all" style={{ width: `${Math.max(2, s.pct)}%`, backgroundColor: modelColor(i) }} />
+                        <span>{t("totalTokens")}: <span className="text-content-primary font-medium">{fmtTokens(s.tokens)}</span></span>
-                        </div>
+                        <span>{t("requests")}: <span className="text-content-primary font-medium">{s.requests.toLocaleString()}</span></span>
+                        {s.costUsd > 0 && <span>{t("cost")}: <span className="text-content-primary font-medium">{money(s.costUsd)}</span></span>}
+                        <span>{t("cacheHitRate")}: <span className="text-content-primary font-medium">{fmtPct(s.cacheHitRate)}</span></span>
                       </div>
                     </div>
                   ))}

src/components/dashboard/DashboardPage.tsx

@@ -1,11 +1,14 @@
-import { useState, type ReactNode } from "react";
+import { useMemo, useState, type ReactNode } from "react";
+import { createPortal } from "react-dom";
 import { useDashboard, type DashboardRange } from "../../hooks/useDashboard";
 import { useCurrency } from "../../hooks/useCurrency";
 import { useTranslation } from "../../i18n";
 import { fmtInt, fmtPct, fmtTime, fmtTokens } from "../../lib/dashboard-format";
-import { DailyBars } from "./DailyBars";
+import { DailyBars, modelColor } from "./DailyBars";
+import { DailyDetailModal } from "./DailyDetailModal";
 import { Heatmap } from "./Heatmap";
 import { TrendLineChart } from "./TrendLineChart";
+import type { DailyRow, HeatmapCell } from "../../types/dashboard";
 
 const RANGES: DashboardRange[] = ["today", "7d", "30d", "all"];
 
@@ -56,6 +59,14 @@ export function DashboardPage() {
   const [showAllModels, setShowAllModels] = useState(false);
   const [recentPage, setRecentPage] = useState(1);
   const [trendTab, setTrendTab] = useState<"daily" | "model" | "provider">("daily");
+  const [heatmapSelected, setHeatmapSelected] = useState<DailyRow | null>(null);
+
+  const daily = data?.stats.daily ?? [];
+  const detailDates = useMemo(() => new Set(daily.map((d) => d.date)), [daily]);
+  const heatmapColorMap = useMemo(() => {
+    const unique = [...new Set(daily.flatMap((d) => Object.keys(d.byModel || {})))];
+    return Object.fromEntries(unique.map((m, i) => [m, modelColor(i)]));
+  }, [daily]);
 
   const RANGE_LABELS: Record<DashboardRange, string> = {
     today: t("rangeToday"),
@@ -92,13 +103,17 @@ export function DashboardPage() {
   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);
 
+  const onHeatmapCellDoubleClick = (cell: HeatmapCell) => {
+    const row = daily.find((d) => d.date === cell.date);
+    if (row) setHeatmapSelected(row);
+  };
+
   // Recent pagination
   const RECENT_PAGE_SIZE = 30;
   const recentTotal = data.stats.recentTotal;
@@ -206,7 +221,7 @@ export function DashboardPage() {
 
       {/* Heatmap — full row */}
       <Card title={t("cardHeatmap")} subtitle={t("cardHeatmapSub")}>
-        <Heatmap heatmap={heatmap} />
+        <Heatmap heatmap={heatmap} detailDates={detailDates} onCellDoubleClick={onHeatmapCellDoubleClick} />
       </Card>
 
       {/* Usage-trend tabs + Model table side by side */}
@@ -451,6 +466,19 @@ export function DashboardPage() {
           {data.meta.home}
         </div>
       </div>
+
+      {/* Heatmap double-click detail modal */}
+      {heatmapSelected &&
+        createPortal(
+          <DailyDetailModal
+            day={heatmapSelected}
+            dimension="model"
+            colorMap={heatmapColorMap}
+            unknownProviderLabel={t("providerUnknown")}
+            onClose={() => setHeatmapSelected(null)}
+          />,
+          document.body,
+        )}
     </div>
   );
 }

src/components/dashboard/Heatmap.tsx

@@ -7,6 +7,10 @@ import type { HeatmapCell, HeatmapData } from "../../types/dashboard";
 
 interface HeatmapProps {
   heatmap: HeatmapData;
+  /** Set of dates (YYYY-MM-DD) that have detail data in the current range. */
+  detailDates?: Set<string>;
+  /** Called when a cell with detail data is double-clicked. */
+  onCellDoubleClick?: (cell: HeatmapCell) => void;
 }
 
 const LEVEL_BG = [
@@ -30,7 +34,7 @@ interface HoverState {
   y: number;
 }
 
-export function Heatmap({ heatmap }: HeatmapProps) {
+export function Heatmap({ heatmap, detailDates, onCellDoubleClick }: HeatmapProps) {
   const { t, lang } = useTranslation();
   const cells = heatmap?.cells || [];
   const monthLabels = heatmap?.monthLabels || [];
@@ -172,6 +176,7 @@ export function Heatmap({ heatmap }: HeatmapProps) {
                       );
                     }
                     const level = cell.level ?? 0;
+                    const hasDetail = detailDates ? detailDates.has(cell.date) : level > 0;
                     return (
                       <button
                         key={cell.date}
@@ -182,7 +187,8 @@ export function Heatmap({ heatmap }: HeatmapProps) {
                         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]}`}
+                        onDoubleClick={hasDetail && onCellDoubleClick ? () => onCellDoubleClick(cell) : undefined}
+                        className={`rounded-[3px] ring-1 ring-inset ring-white/5 transition-transform outline-none ${LEVEL_BG[level] || LEVEL_BG[0]} ${hasDetail && onCellDoubleClick ? "cursor-pointer hover:scale-[1.35] focus:scale-[1.35]" : "cursor-default"}`}
                         style={{ width: CELL, height: CELL }}
                       />
                     );

src/types/dashboard.ts

@@ -13,7 +13,8 @@ export interface TotalsRow {
 
 export interface DailyRow extends TotalsRow {
   date: string;
-  byModel: Record<string, number>;
+  /** Per-model structured breakdown (tokens / requests / cost / cacheHitRate). */
+  byModel: Record<string, TotalsRow>;
   byProvider: Record<string, number>;
   byProviderModel: Record<string, Record<string, number>>;
 }

website/src/i18n.tsx

@@ -16,10 +16,10 @@ const zh = {
     performance: "性能",
     changelog: "更新日志",
     download: "下载",
-    downloadBtn: "下载 v0.7.3",
+    downloadBtn: "下载 v0.7.4",
   },
   hero: {
-    badge: "v0.7.3 · 开源 MIT · Windows / macOS / Linux",
+    badge: "v0.7.4 · 开源 MIT · Windows / macOS / Linux",
     titleBefore: "统一管理你的",
     titleAccent: "AI 供应商",
     titleAfter: "",
@@ -140,6 +140,15 @@ const zh = {
     syncedNote: "数据已同步 GitHub Releases",
     fallbackNote: "内置版本记录",
     entries: [
+      {
+        version: "v0.7.4",
+        date: "2026-08-09",
+        items: [
+          "仪表盘热力图双击弹窗：双击方块查看当日模型用量分布，每种模型展示 Token / 请求次数 / 费用 / 命中率",
+          "后端 by_model 数据结构升级：从纯 token 数升级为结构化对象，柱状图双击弹窗也同步展示全量指标",
+          "范围外日期不可双击、无放大效果",
+        ],
+      },
       {
         version: "v0.7.3",
         date: "2026-08-07",
@@ -302,7 +311,7 @@ const zh = {
   },
   download: {
     title: "下载 Kimi Switch",
-    subtitle: "当前版本 v0.7.3 · Windows / macOS / Linux 三平台已发布",
+    subtitle: "当前版本 v0.7.4 · Windows / macOS / Linux 三平台已发布",
     autoUpdate: "应用内置自动检测更新，新版本发布后在设置页一键升级。",
     ready: "已发布",
     wip: "开发中",
@@ -371,10 +380,10 @@ const en: Dict = {
     performance: "Performance",
     changelog: "Changelog",
     download: "Download",
-    downloadBtn: "Download v0.7.3",
+    downloadBtn: "Download v0.7.4",
   },
   hero: {
-    badge: "v0.7.3 · Open source MIT · Windows / macOS / Linux",
+    badge: "v0.7.4 · Open source MIT · Windows / macOS / Linux",
     titleBefore: "One app for all your ",
     titleAccent: "AI providers",
     titleAfter: "",
@@ -495,6 +504,15 @@ const en: Dict = {
     syncedNote: "Synced from GitHub Releases",
     fallbackNote: "Built-in release notes",
     entries: [
+      {
+        version: "v0.7.4",
+        date: "2026-08-09",
+        items: [
+          "Dashboard heatmap double-click: click any heatmap cell to see per-model breakdown with Token / requests / cost / cache hit rate",
+          "Backend by_model data structure upgraded from plain token counts to structured objects; bar chart double-click modal also shows full metrics",
+          "Out-of-range dates are not double-clickable and have no hover zoom",
+        ],
+      },
       {
         version: "v0.7.3",
         date: "2026-08-07",
@@ -656,7 +674,7 @@ const en: Dict = {
   },
   download: {
     title: "Download Kimi Switch",
-    subtitle: "Current version v0.7.3 · Windows, macOS and Linux now released",
+    subtitle: "Current version v0.7.4 · Windows, macOS and Linux now released",
     autoUpdate: "Built-in update detection: upgrade in one click from Settings when a new version ships.",
     ready: "Available",
     wip: "In development",

website/src/sections/Download.tsx

@@ -8,27 +8,27 @@ const icons: Record<string, Icon> = {
   linux: LinuxLogo,
 };
 
-const VERSION = "0.7.3";
+const VERSION = "0.7.4";
 const GITHUB = "https://github.com/billowliu2/KimiSwitch";
 const MIRROR_RELEASES = "https://git.codingplan.site/admin/KimiCodeSwitch/releases";
 const dl = (file: string) => `${GITHUB}/releases/download/v${VERSION}/${file}`;
 
 /** Per-platform download assets for the current release (names match the CI
- *  release workflow exactly — verified against the published v0.7.3 assets:
+ *  release workflow exactly — verified against the published v0.7.4 assets:
  *  tauri-bundler on CI produces `Kimi.Switch_…` (dots) on every platform). */
 const assets: Record<string, { label: string; href: string }[]> = {
   windows: [
-    { label: "MSI", href: dl("Kimi.Switch_0.7.3_x64_en-US.msi") },
+    { label: "MSI", href: dl("Kimi.Switch_0.7.4_x64_en-US.msi") },
     { label: "镜像", href: MIRROR_RELEASES },
   ],
   macos: [
-    { label: "Apple Silicon (.dmg)", href: dl("Kimi.Switch_0.7.3_aarch64.dmg") },
+    { label: "Apple Silicon (.dmg)", href: dl("Kimi.Switch_0.7.4_aarch64.dmg") },
     { label: "安装脚本", href: dl("install-macos.sh") },
   ],
   linux: [
-    { label: ".deb", href: dl("Kimi.Switch_0.7.3_amd64.deb") },
+    { label: ".deb", href: dl("Kimi.Switch_0.7.4_amd64.deb") },
-    { label: ".AppImage", href: dl("Kimi.Switch_0.7.3_amd64.AppImage") },
+    { label: ".AppImage", href: dl("Kimi.Switch_0.7.4_amd64.AppImage") },
-    { label: ".rpm", href: dl("Kimi.Switch-0.7.3-1.x86_64.rpm") },
+    { label: ".rpm", href: dl("Kimi.Switch-0.7.4-1.x86_64.rpm") },
   ],
 };