Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
89c71fbfe6 | ||
|
|
7c88099ce1 | ||
|
|
cf9707326c | ||
|
|
93c5720769 | ||
|
|
a0e36e928d | ||
|
|
fc09a29b9f | ||
|
|
24d37fbbf4 | ||
|
|
54110316b4 | ||
|
|
75e48bc4c6 | ||
|
|
b2f6e7a166 | ||
|
|
90cc4a16d2 |
No files matched your search
@@ -79,13 +79,44 @@ jobs:
|
||||
releaseBody: |
|
||||
## ${{ github.ref_name }}
|
||||
|
||||
### 本次更新
|
||||
|
||||
- **高级设置**:原「子代理设置」升级为「高级设置」,聚合子代理模型指定、实验功能开关与 WebUI 快捷入口
|
||||
- **仪表盘热力图双击弹窗**:双击热力图方块即可查看当日模型用量分布,每种模型展示 Token / 请求次数 / 费用 / 命中率
|
||||
- **子代理模型指定(实验功能)**:为子代理绑定次主力模型,不再默认继承主模型;实验开关改为滑动开关并修复开启态隐形
|
||||
- **兼容 kimi-code 0.33+(v2 引擎)**:`loop_control` 写入新键名 `max_attempts_per_step`,旧配置自动迁移并保留旧键兼容 `KIMI_CODE_LEGACY_FLAG=1`;hooks 候选补充新事件
|
||||
- models.dev 模型数据同步;官网企业版视觉升级;出品公司标识统一
|
||||
|
||||
### Downloads by platform
|
||||
|
||||
- **Windows**: `.msi` installer
|
||||
- **macOS**: `.dmg` (unsigned — first launch needs right-click → Open) + `.app`
|
||||
- **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` → 打开 → 弹窗中点「打开」(或 系统设置 → 隐私与安全性 → 仍要打开)
|
||||
|
||||
Full changelog: see commit history.
|
||||
prerelease: ${{ contains(github.ref_name, '-rc') || contains(github.ref_name, '-beta') || contains(github.ref_name, '-alpha') }}
|
||||
overwrite: true
|
||||
args: ${{ matrix.args }}
|
||||
|
||||
upload-macos-script:
|
||||
name: Attach macOS install script
|
||||
needs: build
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
- name: Upload install-macos.sh to release
|
||||
env:
|
||||
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
run: gh release upload "${{ github.ref_name }}" scripts/install-macos.sh --clobber
|
||||
@@ -55,7 +55,13 @@
|
||||
## 下载
|
||||
|
||||
- **Windows**: [GitHub Releases](https://github.com/billowliu2/KimiSwitch/releases/latest) → `.msi`
|
||||
- **macOS**: [GitHub Releases](https://github.com/billowliu2/KimiSwitch/releases/latest) → `.dmg`(**未签名** —— 首次启动请右键 → 打开绕过 Gatekeeper)
|
||||
- **macOS**: [GitHub Releases](https://github.com/billowliu2/KimiSwitch/releases/latest) → `.dmg`(**未签名**,仅 Apple Silicon / M 系列芯片)。安装请下载 Release 附带的 `install-macos.sh` 一键处理:
|
||||
|
||||
```bash
|
||||
bash install-macos.sh
|
||||
```
|
||||
|
||||
或手动:把 `Kimi Switch.app` 拖入「应用程序」→ 右键 → 打开 → 点「打开」绕过 Gatekeeper。
|
||||
- **Linux**: [GitHub Releases](https://github.com/billowliu2/KimiSwitch/releases/latest) → `.deb` / `.AppImage` / `.rpm`
|
||||
|
||||
历史版本(v0.5.x 及之前)请前往 [git.codingplan.site 仓库](https://git.codingplan.site/admin/KimiCodeSwitch/releases)。
|
||||
|
||||
+3
-1
@@ -26,7 +26,9 @@ npm run tauri build -- --bundles app,dmg
|
||||
|
||||
Output: `src-tauri/target/release/bundle/{macos,dmg}/`.
|
||||
|
||||
Unsigned: first launch requires right-click → Open to bypass Gatekeeper.
|
||||
Unsigned (no Developer ID account): downloaded copies are blocked by Gatekeeper.
|
||||
For end users, attach `install-macos.sh` (auto-uploaded to each Release) or instruct:
|
||||
right-click → Open, or `xattr -cr "/Applications/Kimi Switch.app"`.
|
||||
|
||||
### Linux (native)
|
||||
|
||||
|
||||
+1
-1
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "kimiswitch",
|
||||
"private": true,
|
||||
"version": "0.7.1",
|
||||
"version": "0.7.4",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
## v0.7.1
|
||||
|
||||
### 实验功能设置:子代理模型配置
|
||||
|
||||
- 新增「子代理模型(次主力模型)」设置:选择次主力模型后,子代理默认绑定该模型,不再继承主模型
|
||||
- 仅保存模型引用,子代理直接继承所选模型的上下文长度与思考模式,无需补丁配置
|
||||
- 界面只读展示继承的上下文长度与思考模式
|
||||
|
||||
### 仪表盘用量统计
|
||||
|
||||
- 识别子代理请求(`__secondary__`):归为「子代理模型(估算)」独立展示,并缓存次主力模型定价,删除配置后历史记录仍稳定估算
|
||||
- 自定义网关模型(未收录 models.dev)按官方同名模型跨 provider 匹配价格,不再落入兜底估算
|
||||
|
||||
### Downloads by platform
|
||||
|
||||
- **Windows**: `.msi` installer
|
||||
- **macOS**: `.dmg` (unsigned — first launch needs right-click → Open) + `.app`
|
||||
- **Linux**: `.deb` / `.AppImage` / `.rpm`
|
||||
@@ -0,0 +1,39 @@
|
||||
## v0.7.2
|
||||
|
||||
### 高级设置与 WebUI(本次新增)
|
||||
|
||||
- 「子代理设置」升级为「**高级设置**」:聚合子代理模型指定、实验功能开关与 WebUI 快捷入口
|
||||
- 新增 **Kimi Code WebUI 快捷打开**:高级设置页可将新版 Web 界面以独立窗口在应用内打开,也可在系统浏览器打开(kimi-code 0.33+ 内置 code-app;需要 kimi 命令在 PATH 中)
|
||||
|
||||
### 子代理模型指定(实验功能)
|
||||
|
||||
- 新增「子代理模型(次主力模型)」指定:在实验功能设置中为子代理选择次主力模型后,子代理默认绑定该模型,不再继承主模型
|
||||
- 实验开关改为滑动开关,修复开启态因样式缺失而不可见的问题
|
||||
- 仅保存模型引用,子代理直接继承所选模型的上下文长度与思考模式
|
||||
|
||||
### 模型数据与发布
|
||||
|
||||
- models.dev 模型列表与价格数据同步更新
|
||||
- 兼容 kimi-code 0.33+(v2 引擎):`loop_control` 改用新键名 `max_attempts_per_step`(旧配置自动迁移,并保留旧键兼容 `KIMI_CODE_LEGACY_FLAG=1`)
|
||||
- 官网企业版视觉升级;出品公司标识统一为 codingplan.site
|
||||
- macOS 发布优化:Release 附带 `install-macos.sh` 一键安装脚本(见下方说明)
|
||||
|
||||
### Downloads by platform
|
||||
|
||||
- **Windows**: `.msi` installer
|
||||
- **macOS**: `.dmg` + `.app`(未签名,仅 Apple Silicon / M 系列芯片)
|
||||
- **Linux**: `.deb` / `.AppImage` / `.rpm`
|
||||
|
||||
### macOS 安装说明(无开发者账号签名,需一次手动绕过)
|
||||
|
||||
> 原因:macOS 包未做 Developer ID 签名与公证(无 Apple 开发者账号),系统会拦截从网络下载的未签名应用(Gatekeeper)。`install-macos.sh` 通过清除「下载隔离」属性绕过该拦截,不影响功能与安全。
|
||||
|
||||
1. 下载 `Kimi.Switch_0.7.2_aarch64.dmg`,双击挂载后把 `Kimi Switch.app` 拖入「应用程序」文件夹
|
||||
2. 下载本 Release 附带的 `install-macos.sh`,在终端运行:
|
||||
|
||||
```bash
|
||||
bash install-macos.sh
|
||||
```
|
||||
|
||||
脚本会自动清除下载隔离属性并启动应用,只需执行一次,之后正常使用。
|
||||
3. 手动替代方案:右键 `Kimi Switch.app` → 打开 → 弹窗点「打开」;或 系统设置 → 隐私与安全性 → 仍要打开
|
||||
@@ -0,0 +1,33 @@
|
||||
## v0.7.3
|
||||
|
||||
### Kimi Code WebUI 应用内嵌窗口(本次新增)
|
||||
|
||||
- 高级设置页「在应用内打开」:新版 Web 界面以**独立顶层窗口**打开(1100×750、可缩放、居中),不再跳转到外部浏览器
|
||||
- **单例**:窗口最多一个,重复点击自动聚焦;最小化后再次打开可恢复
|
||||
- **服务器自动管理**:复用已在运行的 `kimi web` 本地服务(不重复拉起);自己启动的服务器在窗口关闭或应用退出时自动清理,不留残留进程
|
||||
- 两个入口并存:「在应用内打开」+「在浏览器打开」(浏览器入口复用已运行的本地服务器,直接打开 `http://127.0.0.1:58627`)
|
||||
|
||||
### 修复与打磨
|
||||
|
||||
- 窗口创建失败(快速双击竞态)时不再泄漏 `kimi web` 进程
|
||||
- WebUI 说明文案与发布说明同步更新
|
||||
|
||||
### Downloads by platform
|
||||
|
||||
- **Windows**: `.msi` installer
|
||||
- **macOS**: `.dmg` + `.app`(未签名,仅 Apple Silicon / M 系列芯片)
|
||||
- **Linux**: `.deb` / `.AppImage` / `.rpm`
|
||||
|
||||
### macOS 安装说明(无开发者账号签名,需一次手动绕过)
|
||||
|
||||
> 原因:macOS 包未做 Developer ID 签名与公证(无 Apple 开发者账号),系统会拦截从网络下载的未签名应用(Gatekeeper)。`install-macos.sh` 通过清除「下载隔离」属性绕过该拦截,不影响功能与安全。
|
||||
|
||||
1. 下载 `Kimi.Switch_0.7.3_aarch64.dmg`,双击挂载后把 `Kimi Switch.app` 拖入「应用程序」文件夹
|
||||
2. 下载本 Release 附带的 `install-macos.sh`,在终端运行:
|
||||
|
||||
```bash
|
||||
bash install-macos.sh
|
||||
```
|
||||
|
||||
脚本会自动清除下载隔离属性并启动应用,只需执行一次,之后正常使用。
|
||||
3. 手动替代方案:右键 `Kimi Switch.app` → 打开 → 弹窗点「打开」;或 系统设置 → 隐私与安全性 → 仍要打开
|
||||
@@ -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` → 打开 → 弹窗点「打开」;或 系统设置 → 隐私与安全性 → 仍要打开
|
||||
@@ -0,0 +1,48 @@
|
||||
#!/bin/bash
|
||||
# install-macos.sh — Kimi Switch macOS 一键安装辅助脚本
|
||||
#
|
||||
# 背景:macOS 包未做 Developer ID 签名(无开发者账号),从网络下载后会被
|
||||
# Gatekeeper 的「下载隔离(quarantine)」属性拦截。本脚本清除该属性后启动应用。
|
||||
#
|
||||
# 用法(把 Kimi Switch.app 拖入「应用程序」文件夹后执行):
|
||||
# bash install-macos.sh
|
||||
#
|
||||
# 若脚本提示找不到应用,请先手动把 Kimi Switch.app 拖到 /Applications 再运行。
|
||||
|
||||
set -e
|
||||
|
||||
APP_NAME="Kimi Switch"
|
||||
APP_PATH="/Applications/${APP_NAME}.app"
|
||||
DOWNLOADED_DMG_NAME="KimiSwitch.dmg"
|
||||
|
||||
if [ ! -d "$APP_PATH" ]; then
|
||||
echo "❌ 未找到 ${APP_PATH}"
|
||||
echo ""
|
||||
echo "请先把「${APP_NAME}.app」拖到「应用程序」文件夹,再重新运行本脚本:"
|
||||
echo " 1. 双击下载的 ${DOWNLOADED_DMG_NAME}(磁盘映像会自动挂载)"
|
||||
echo " 2. 把其中的 Kimi Switch.app 拖入「应用程序」文件夹"
|
||||
echo " 3. 回到终端重新运行:bash install-macos.sh"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
echo "① 清除「下载隔离」属性(Gatekeeper 拦截的来源)..."
|
||||
xattr -cr "$APP_PATH" 2>/dev/null || true
|
||||
echo " 完成"
|
||||
|
||||
echo "② 验证代码签名状态:"
|
||||
if codesign -dv "$APP_PATH" 2>&1 | grep -q "Signature=adhoc"; then
|
||||
echo " Signature=adhoc(正常,ad-hoc 签名,右键打开即可运行)"
|
||||
else
|
||||
echo " (未检测到签名信息,属正常,不影响本脚本的运行方式)"
|
||||
fi
|
||||
|
||||
echo "③ 正在启动「${APP_NAME}」..."
|
||||
open "$APP_PATH"
|
||||
echo ""
|
||||
echo "✅ 启动完成。"
|
||||
echo ""
|
||||
echo "如果仍提示「无法验证开发者」,请按下面任一种方式再试:"
|
||||
echo " a) 右键 ${APP_NAME}.app → 打开 → 在弹出的提示中点「打开」"
|
||||
echo " b) 系统设置 → 隐私与安全性 → 滚动到「安全性」→ 点「仍要打开」"
|
||||
echo ""
|
||||
echo "首次启动后应用即可正常使用,之后无需重复本操作。"
|
||||
Generated
+1
-1
@@ -1958,7 +1958,7 @@ dependencies = [
|
||||
|
||||
[[package]]
|
||||
name = "kimiswitch"
|
||||
version = "0.7.1"
|
||||
version = "0.7.4"
|
||||
dependencies = [
|
||||
"anyhow",
|
||||
"chrono",
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
[package]
|
||||
name = "kimiswitch"
|
||||
version = "0.7.1"
|
||||
version = "0.7.4"
|
||||
description = "Kimi Switch - model config manager"
|
||||
authors = ["you"]
|
||||
authors = ["codingplan.site"]
|
||||
edition = "2021"
|
||||
|
||||
[build-dependencies]
|
||||
|
||||
@@ -7,6 +7,7 @@ use serde::Serialize;
|
||||
use std::collections::HashMap;
|
||||
use std::sync::{Mutex, OnceLock};
|
||||
use std::time::{Duration, Instant};
|
||||
use tauri::Manager;
|
||||
use tauri_plugin_opener::OpenerExt;
|
||||
|
||||
fn fmt_anyhow(err: anyhow::Error) -> String {
|
||||
@@ -949,6 +950,193 @@ pub fn open_installer(app: tauri::AppHandle, path: String) -> Result<(), String>
|
||||
.open_path(&path, None::<&str>)
|
||||
.map_err(|e| e.to_string())
|
||||
}
|
||||
|
||||
/// Open the Kimi Code WebUI in the system default browser. Reuses an
|
||||
/// already-running local `kimi web` server (embedded window, terminal, …);
|
||||
/// otherwise spawns `kimi web`, which starts the server and opens the browser.
|
||||
#[tauri::command]
|
||||
pub async fn open_kimi_web(app: tauri::AppHandle) -> Result<(), String> {
|
||||
if kimi_web_alive(Duration::from_millis(800)).await {
|
||||
// Server already running — just open the browser at the local origin.
|
||||
return app
|
||||
.opener()
|
||||
.open_url(kimi_web_url(), None::<&str>)
|
||||
.map_err(|e| e.to_string());
|
||||
}
|
||||
let mut cmd = std::process::Command::new("kimi");
|
||||
cmd.arg("web");
|
||||
#[cfg(windows)]
|
||||
{
|
||||
use std::os::windows::process::CommandExt;
|
||||
// CREATE_NO_WINDOW: avoid a console window flashing next to the GUI.
|
||||
cmd.creation_flags(0x08000000);
|
||||
}
|
||||
cmd.spawn()
|
||||
.map(|_| ())
|
||||
.map_err(|e| {
|
||||
if e.kind() == std::io::ErrorKind::NotFound {
|
||||
"kimi executable not found on PATH — install Kimi Code CLI first".to_string()
|
||||
} else {
|
||||
format!("failed to start `kimi web`: {e}")
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Kimi Code WebUI — embedded in-app window
|
||||
//
|
||||
// `open_kimi_web_embedded` opens the Kimi Code Web UI inside a dedicated,
|
||||
// independent top-level window (no parent/child relationship with the main
|
||||
// window). At most one such window exists: re-invoking focuses it. The local
|
||||
// `kimi web` server is reused when already running; otherwise one is spawned
|
||||
// (`--no-open`) and terminated when the window closes or the app exits.
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
/// Shared state for the embedded WebUI window and the server we may have spawned.
|
||||
#[derive(Default)]
|
||||
pub struct KimiWebState {
|
||||
/// The embedded WebUI window (at most one).
|
||||
window: Mutex<Option<tauri::WebviewWindow>>,
|
||||
/// The `kimi web` child spawned by this app (None when reusing a server).
|
||||
child: Mutex<Option<std::process::Child>>,
|
||||
}
|
||||
|
||||
const KIMI_WEB_PORT: u16 = 58627;
|
||||
const KIMI_WEB_ORIGIN: &str = "http://127.0.0.1:58627";
|
||||
const KIMI_WEB_WINDOW_LABEL: &str = "kimi-web-ui";
|
||||
|
||||
/// Build the Web UI URL; the home-wide bearer token rides in the `#token=`
|
||||
/// fragment (same as the `kimi web` ready banner, see kimi-code
|
||||
/// `cli/sub/web/access-urls.ts`).
|
||||
fn kimi_web_url() -> String {
|
||||
let token = dirs::home_dir()
|
||||
.map(|h| h.join(".kimi-code").join("server.token"))
|
||||
.and_then(|p| std::fs::read_to_string(p).ok())
|
||||
.map(|s| s.trim().to_string())
|
||||
.filter(|s| !s.is_empty());
|
||||
match token {
|
||||
Some(t) => format!("{KIMI_WEB_ORIGIN}/#token={t}"),
|
||||
None => format!("{KIMI_WEB_ORIGIN}/"),
|
||||
}
|
||||
}
|
||||
|
||||
/// Best-effort probe of the local Kimi web server root.
|
||||
async fn kimi_web_alive(timeout: Duration) -> bool {
|
||||
let Ok(client) = reqwest::Client::builder().timeout(timeout).build() else {
|
||||
return false;
|
||||
};
|
||||
client
|
||||
.get(KIMI_WEB_ORIGIN)
|
||||
.send()
|
||||
.await
|
||||
.map(|r| r.status().is_success())
|
||||
.unwrap_or(false)
|
||||
}
|
||||
|
||||
/// Kill the `kimi web` server spawned by this app (no-op when reusing one).
|
||||
pub fn kill_spawned_kimi_web(state: &tauri::State<'_, KimiWebState>) {
|
||||
if let Ok(mut guard) = state.child.lock() {
|
||||
if let Some(mut child) = guard.take() {
|
||||
let _ = child.kill();
|
||||
let _ = child.wait();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Open the Kimi Code WebUI in an embedded, independent top-level window.
|
||||
#[tauri::command]
|
||||
pub async fn open_kimi_web_embedded(
|
||||
app: tauri::AppHandle,
|
||||
state: tauri::State<'_, KimiWebState>,
|
||||
) -> Result<(), String> {
|
||||
// Singleton: focus the existing window instead of creating a second one.
|
||||
if let Ok(guard) = state.window.lock() {
|
||||
if let Some(w) = guard.as_ref() {
|
||||
if w.is_visible().unwrap_or(false) {
|
||||
let _ = w.unminimize();
|
||||
let _ = w.set_focus();
|
||||
return Ok(());
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Reuse an already-running server, otherwise spawn `kimi web --no-open`.
|
||||
if !kimi_web_alive(Duration::from_millis(800)).await {
|
||||
let mut cmd = std::process::Command::new("kimi");
|
||||
cmd.args(["web", "--no-open", "--port", &KIMI_WEB_PORT.to_string()]);
|
||||
#[cfg(windows)]
|
||||
{
|
||||
use std::os::windows::process::CommandExt;
|
||||
cmd.creation_flags(0x08000000); // CREATE_NO_WINDOW — no console flash
|
||||
}
|
||||
let child = cmd.spawn().map_err(|e| {
|
||||
if e.kind() == std::io::ErrorKind::NotFound {
|
||||
"kimi executable not found on PATH — install Kimi Code CLI first".to_string()
|
||||
} else {
|
||||
format!("failed to start `kimi web`: {e}")
|
||||
}
|
||||
})?;
|
||||
if let Ok(mut guard) = state.child.lock() {
|
||||
*guard = Some(child);
|
||||
}
|
||||
}
|
||||
|
||||
// Wait for the server to come up (fresh start takes a moment).
|
||||
if !kimi_web_alive(Duration::from_secs(8)).await {
|
||||
kill_spawned_kimi_web(&state);
|
||||
return Err(format!("kimi web did not come up within 8s ({KIMI_WEB_ORIGIN})"));
|
||||
}
|
||||
|
||||
// Create the window on the main thread (required on macOS).
|
||||
let url: tauri::Url = match kimi_web_url().parse() {
|
||||
Ok(u) => u,
|
||||
Err(_) => return Err("invalid kimi web url".to_string()),
|
||||
};
|
||||
let app = app.clone();
|
||||
tauri::async_runtime::spawn(async move {
|
||||
let builder_app = app.clone();
|
||||
let _ = app.run_on_main_thread(move || {
|
||||
match tauri::WebviewWindowBuilder::new(
|
||||
&builder_app,
|
||||
KIMI_WEB_WINDOW_LABEL,
|
||||
tauri::WebviewUrl::External(url),
|
||||
)
|
||||
.title("Kimi Code WebUI")
|
||||
.inner_size(1100.0, 750.0)
|
||||
.resizable(true)
|
||||
.center()
|
||||
.build()
|
||||
{
|
||||
Ok(window) => {
|
||||
// Track the window for the singleton check.
|
||||
if let Ok(mut guard) = builder_app.state::<KimiWebState>().window.lock() {
|
||||
*guard = Some(window.clone());
|
||||
}
|
||||
// Clean up when the window closes: forget it and stop the
|
||||
// `kimi web` server we spawned (reused servers are untouched).
|
||||
let w = window.clone();
|
||||
window.on_window_event(move |event| match event {
|
||||
tauri::WindowEvent::Destroyed => {
|
||||
let app = w.app_handle().clone();
|
||||
let state = app.state::<KimiWebState>();
|
||||
if let Ok(mut guard) = state.window.lock() {
|
||||
*guard = None;
|
||||
}
|
||||
kill_spawned_kimi_web(&state);
|
||||
}
|
||||
_ => {}
|
||||
});
|
||||
}
|
||||
Err(_) => {
|
||||
// Window creation failed (e.g. rapid double-click racing
|
||||
// the singleton check): don't leak the server we spawned.
|
||||
kill_spawned_kimi_web(&builder_app.state::<KimiWebState>());
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
Ok(())
|
||||
}
|
||||
/// Preference for Linux is AppImage (portable, no install). If the preferred
|
||||
/// extension is not present, returns None so the UI can fall back to
|
||||
/// "open release page" instead of guessing a less-preferred format.
|
||||
|
||||
@@ -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
|
||||
pub by_model: HashMap<String, u64>,
|
||||
/// Per-model structured breakdown (tokens / requests / cost / cacheHitRate).
|
||||
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) +=
|
||||
r.input_other + r.output + r.input_cache_read + r.input_cache_creation;
|
||||
day_models.entry(r.model.clone()).or_default().add(r);
|
||||
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>()))
|
||||
|
||||
+13
-2
@@ -109,6 +109,8 @@ pub fn run() {
|
||||
commands::download_update,
|
||||
commands::open_installer,
|
||||
commands::open_external_url,
|
||||
commands::open_kimi_web,
|
||||
commands::open_kimi_web_embedded,
|
||||
commands::kimi_oauth_start,
|
||||
commands::kimi_oauth_poll,
|
||||
commands::get_experimental_env_status,
|
||||
@@ -122,6 +124,15 @@ pub fn run() {
|
||||
dashboard::delete_workspace,
|
||||
dashboard::get_session_preview,
|
||||
])
|
||||
.run(tauri::generate_context!())
|
||||
.expect("error while running tauri application");
|
||||
.manage(commands::KimiWebState::default())
|
||||
.build(tauri::generate_context!())
|
||||
.expect("error while running tauri application")
|
||||
.run(|app: &tauri::AppHandle, event| {
|
||||
// Ensure a `kimi web` server spawned for the embedded WebUI window
|
||||
// is stopped when the app exits (windows already destroyed first).
|
||||
if let tauri::RunEvent::Exit = event {
|
||||
let state = app.state::<commands::KimiWebState>();
|
||||
commands::kill_spawned_kimi_web(&state);
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"productName": "Kimi Switch",
|
||||
"version": "0.7.1",
|
||||
"version": "0.7.4",
|
||||
"identifier": "com.kimiswitch.app",
|
||||
"build": {
|
||||
"beforeDevCommand": "npm run dev",
|
||||
@@ -37,6 +37,7 @@
|
||||
"icons/icon.ico",
|
||||
"icons/icon.icns"
|
||||
],
|
||||
"publisher": "codingplan.site",
|
||||
"windows": {
|
||||
"webviewInstallMode": {
|
||||
"type": "downloadBootstrapper"
|
||||
|
||||
@@ -24,7 +24,18 @@ const PERMISSION_LABELS: Record<(typeof PERMISSION_DECISIONS)[number], Translati
|
||||
ask: "permissionAsk",
|
||||
};
|
||||
|
||||
const COMMON_EVENTS = ["PreToolUse", "PostToolUse"] as const;
|
||||
// kimi-code 0.33+ added TurnStarted / UserPromptQueued / TaskStarted /
|
||||
// SessionHeartbeat hook events (plus SessionStart / SessionEnd).
|
||||
const COMMON_EVENTS = [
|
||||
"PreToolUse",
|
||||
"PostToolUse",
|
||||
"TurnStarted",
|
||||
"UserPromptQueued",
|
||||
"TaskStarted",
|
||||
"SessionHeartbeat",
|
||||
"SessionStart",
|
||||
"SessionEnd",
|
||||
] as const;
|
||||
|
||||
export function AgentSettingsPanel({ rawOther, onChange }: AgentSettingsPanelProps) {
|
||||
const { t } = useTranslation();
|
||||
@@ -91,9 +102,18 @@ export function AgentSettingsPanel({ rawOther, onChange }: AgentSettingsPanelPro
|
||||
|
||||
<Card title={t("loopControlSettings")}>
|
||||
<NumberField
|
||||
label={t("maxRetriesPerStep")}
|
||||
value={settings.loop_control?.max_retries_per_step ?? 3}
|
||||
onChange={(v) => updateLoopControl({ max_retries_per_step: v })}
|
||||
label={t("maxAttemptsPerStep")}
|
||||
value={
|
||||
settings.loop_control?.max_attempts_per_step ??
|
||||
settings.loop_control?.max_retries_per_step ??
|
||||
3
|
||||
}
|
||||
onChange={(v) =>
|
||||
updateLoopControl({
|
||||
max_attempts_per_step: v,
|
||||
max_retries_per_step: v,
|
||||
})
|
||||
}
|
||||
/>
|
||||
<NumberField
|
||||
label={t("reservedContextSize")}
|
||||
|
||||
@@ -15,7 +15,7 @@ import {
|
||||
setSecondaryModelOnly,
|
||||
type ExperimentalFlagDef,
|
||||
} from "../lib/subagent-settings";
|
||||
import { Card, Checkbox } from "./ui/controls";
|
||||
import { Card, Toggle } from "./ui/controls";
|
||||
|
||||
interface SubagentSettingsPageProps {
|
||||
/** config.raw_other — hosts the `[experimental]` and `[secondary_model]` sections. */
|
||||
@@ -71,6 +71,7 @@ export function SubagentSettingsPage({
|
||||
: isFlagLockedByEnv(env, secondaryFlag)
|
||||
? forcedEnvValue(env, secondaryFlag)
|
||||
: flags["secondary-model"] === true;
|
||||
const secondaryLocked = masterOn || isFlagLockedByEnv(env, secondaryFlag);
|
||||
|
||||
const aliasList = Object.keys(models).sort();
|
||||
|
||||
@@ -127,10 +128,10 @@ export function SubagentSettingsPage({
|
||||
🔒 {t("lockedByEnv")}
|
||||
</span>
|
||||
)}
|
||||
<Checkbox
|
||||
label=""
|
||||
<Toggle
|
||||
checked={on}
|
||||
disabled={locked}
|
||||
ariaLabel={t(labels.name)}
|
||||
onChange={(checked) =>
|
||||
onChange(setExperimentalFlag(rawOther, flag.id, checked))
|
||||
}
|
||||
@@ -160,17 +161,41 @@ export function SubagentSettingsPage({
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Subagent: experimental flag + secondary model in one card */}
|
||||
{/* Kimi Code WebUI quick open */}
|
||||
<Card title={t("webuiSection")}>
|
||||
<p className="text-xs text-content-muted">{t("webuiDesc")}</p>
|
||||
<div className="mt-3 flex flex-wrap gap-2">
|
||||
<button
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
try {
|
||||
await invoke("open_kimi_web_embedded");
|
||||
} catch (err) {
|
||||
alert(err instanceof Error ? err.message : String(err));
|
||||
}
|
||||
}}
|
||||
className="px-3 py-1.5 text-sm rounded bg-blue-600 text-white hover:bg-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
>
|
||||
{t("openWebUIEmbedded")}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
try {
|
||||
await invoke("open_kimi_web");
|
||||
} catch (err) {
|
||||
alert(err instanceof Error ? err.message : String(err));
|
||||
}
|
||||
}}
|
||||
className="px-3 py-1.5 text-sm border border-border rounded hover:bg-hover-2 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
>
|
||||
{t("openWebUIBrowser")}
|
||||
</button>
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
{/* Subagent: secondary model picker + inherited settings */}
|
||||
<Card title={t("secondaryModelSection")}>
|
||||
{renderFlagRow(secondaryFlag)}
|
||||
<div className="border-t border-border" />
|
||||
|
||||
{!secondaryEnabled && (
|
||||
<div className="bg-amber-100 dark:bg-amber-900/20 border border-amber-300 dark:border-amber-500/30 rounded-lg px-3 py-2 text-sm text-amber-800 dark:text-amber-400">
|
||||
{t("secondaryModelDisabledHint")}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<label className="flex items-center gap-3 text-sm text-content-primary">
|
||||
<span className="text-content-muted">{t("secondaryModelLabel")}</span>
|
||||
<select
|
||||
@@ -200,21 +225,44 @@ export function SubagentSettingsPage({
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<div className="border-t border-border" />
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex-1 min-w-0">
|
||||
<div className="text-xs text-content-muted">
|
||||
{t(FLAG_LABELS[secondaryFlag.id].desc)}
|
||||
<code className="ml-2">{secondaryFlag.envVar}</code>
|
||||
</div>
|
||||
</div>
|
||||
{secondaryLocked && (
|
||||
<span className="text-xs text-content-muted shrink-0">
|
||||
🔒 {t("lockedByEnv")}
|
||||
</span>
|
||||
)}
|
||||
<Toggle
|
||||
checked={secondaryEnabled}
|
||||
disabled={secondaryLocked}
|
||||
ariaLabel={t(FLAG_LABELS[secondaryFlag.id].name)}
|
||||
onChange={(checked) =>
|
||||
onChange(setExperimentalFlag(rawOther, secondaryFlag.id, checked))
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{secondary.model !== undefined && (
|
||||
<div className="rounded-lg border border-border bg-input/40 px-3 py-2 space-y-1.5">
|
||||
<div className="flex items-center gap-3 text-sm">
|
||||
<span className="text-content-muted w-24 shrink-0">
|
||||
<div className="rounded-lg border border-border bg-input/40 px-3 py-2.5 space-y-2">
|
||||
<div className="flex items-baseline gap-2 text-sm">
|
||||
<span className="shrink-0 text-content-muted">
|
||||
{t("secondaryModelInheritedContext")}
|
||||
</span>
|
||||
<span className="text-content-primary">
|
||||
<span className="font-medium text-content-primary">
|
||||
{inheritedContext ? fmtContext(inheritedContext) : "—"}
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-3 text-sm">
|
||||
<span className="text-content-muted w-24 shrink-0">
|
||||
<div className="flex items-baseline gap-2 text-sm">
|
||||
<span className="shrink-0 text-content-muted">
|
||||
{t("secondaryModelInheritedEffort")}
|
||||
</span>
|
||||
<span className="text-content-primary">
|
||||
<span className="font-medium text-content-primary">
|
||||
{inheritedEffort ? effortLabel(inheritedEffort) : "—"}
|
||||
</span>
|
||||
</div>
|
||||
@@ -224,7 +272,6 @@ export function SubagentSettingsPage({
|
||||
</div>
|
||||
)}
|
||||
|
||||
<p className="text-xs text-content-muted">{t("secondaryModelHint")}</p>
|
||||
<p className="text-xs text-content-muted">{t("secondaryModelPriorityHint")}</p>
|
||||
</Card>
|
||||
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
pct: (tokens / total) * 100,
|
||||
tokens: row.totalTokens,
|
||||
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">
|
||||
<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-content-primary" title={s.model}>{modelName(s.model)}</span>
|
||||
<span className="shrink-0 text-xs text-content-muted tabular-nums">
|
||||
{fmtTokens(s.tokens)} <span className="text-content-muted">· {s.pct.toFixed(1)}%</span>
|
||||
</span>
|
||||
</div>
|
||||
<div className="mt-1 h-1.5 w-full overflow-hidden rounded-full bg-border">
|
||||
<div className="h-full rounded-full transition-all" style={{ width: `${Math.max(2, s.pct)}%`, backgroundColor: modelColor(i) }} />
|
||||
</div>
|
||||
<div key={s.model} className="rounded-lg bg-hover/50 px-3 py-2">
|
||||
<div className="flex items-center gap-2 text-sm">
|
||||
<span className="inline-block h-2.5 w-2.5 rounded-sm shrink-0" style={{ backgroundColor: modelColor(i) }} />
|
||||
<span className="truncate flex-1 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>
|
||||
</div>
|
||||
<div className="mt-1.5 h-1.5 w-full overflow-hidden rounded-full bg-border">
|
||||
<div className="h-full rounded-full transition-all" style={{ width: `${Math.max(2, s.pct)}%`, backgroundColor: modelColor(i) }} />
|
||||
</div>
|
||||
<div className="mt-1.5 flex flex-wrap gap-x-4 gap-y-0.5 text-xs text-content-muted tabular-nums">
|
||||
<span>{t("totalTokens")}: <span className="text-content-primary font-medium">{fmtTokens(s.tokens)}</span></span>
|
||||
<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>
|
||||
))}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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 }}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -42,6 +42,39 @@ export function Checkbox({
|
||||
);
|
||||
}
|
||||
|
||||
/** Pill-style toggle switch with a sliding knob. */
|
||||
export function Toggle({
|
||||
checked,
|
||||
disabled,
|
||||
onChange,
|
||||
ariaLabel,
|
||||
}: {
|
||||
checked: boolean;
|
||||
disabled?: boolean;
|
||||
onChange: (checked: boolean) => void;
|
||||
ariaLabel?: string;
|
||||
}) {
|
||||
return (
|
||||
<button
|
||||
type="button"
|
||||
role="switch"
|
||||
aria-checked={checked}
|
||||
aria-label={ariaLabel}
|
||||
disabled={disabled}
|
||||
onClick={() => onChange(!checked)}
|
||||
className={`relative h-5 w-9 shrink-0 rounded-full transition-colors duration-200 focus:ring-2 focus:ring-blue-500 focus:outline-none ${
|
||||
checked ? "bg-blue-600" : "bg-border"
|
||||
} ${disabled ? "cursor-not-allowed opacity-50" : ""}`}
|
||||
>
|
||||
<span
|
||||
className={`absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-white shadow-sm transition-transform duration-200 ${
|
||||
checked ? "translate-x-4" : "translate-x-0"
|
||||
}`}
|
||||
/>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
export function NumberField({
|
||||
label,
|
||||
value,
|
||||
|
||||
+10
-3
@@ -136,7 +136,7 @@ export const enTranslations: Record<TranslationKey, string> = {
|
||||
thinkingMax: "Max",
|
||||
thinkingContextHint: "Thinking uses more context. Ensure the model context length and reserved size are sufficient.",
|
||||
loopControlSettings: "Loop Control",
|
||||
maxRetriesPerStep: "Max retries per step",
|
||||
maxAttemptsPerStep: "Max attempts per step",
|
||||
reservedContextSize: "Reserved context size",
|
||||
backgroundSettings: "Background Tasks",
|
||||
maxRunningTasks: "Max running tasks",
|
||||
@@ -449,8 +449,8 @@ export const enTranslations: Record<TranslationKey, string> = {
|
||||
trendLineTooltip: "{date}\nTokens: {tokens}\nCache hit: {cache}\nRequests: {req}",
|
||||
trendLineNoData: "No data",
|
||||
|
||||
// Subagent settings page (experimental flags + secondary model)
|
||||
subagentSettings: "Subagent Settings",
|
||||
// Advanced settings page (WebUI quick open + experimental flags + secondary model)
|
||||
subagentSettings: "Advanced Settings",
|
||||
experimentalFlags: "Experimental Features",
|
||||
otherExperimentalFlags: "Other Experimental Features",
|
||||
experimentalFlagsHint:
|
||||
@@ -478,4 +478,11 @@ export const enTranslations: Record<TranslationKey, string> = {
|
||||
"Second model config bound to subagents by default; when unset, subagents inherit the primary model. Only the model reference is stored; subagents inherit all of that model's settings",
|
||||
secondaryModelPriorityHint:
|
||||
"Priority: explicit tool model param > profile model_preference > this config > inherit primary model",
|
||||
|
||||
// Kimi Code WebUI quick open
|
||||
webuiSection: "Kimi Code WebUI",
|
||||
webuiDesc:
|
||||
"Open the new Web UI in an independent in-app window, or in your system browser (built into kimi-code 0.33+). Requires the kimi CLI on PATH.",
|
||||
openWebUIEmbedded: "Open in App",
|
||||
openWebUIBrowser: "Open in Browser",
|
||||
};
|
||||
+10
-3
@@ -134,7 +134,7 @@ export const zhTranslations = {
|
||||
thinkingMax: "最大",
|
||||
thinkingContextHint: "启用思考会占用更多上下文,请确保模型上下文长度和预留空间足够。",
|
||||
loopControlSettings: "循环控制",
|
||||
maxRetriesPerStep: "单步重试次数",
|
||||
maxAttemptsPerStep: "单步最大尝试次数",
|
||||
reservedContextSize: "上下文预留大小",
|
||||
backgroundSettings: "后台任务",
|
||||
maxRunningTasks: "最大并发数",
|
||||
@@ -444,8 +444,8 @@ export const zhTranslations = {
|
||||
trendLineTooltip: "{date}\nToken: {tokens}\n命中率: {cache}\n请求: {req}",
|
||||
trendLineNoData: "暂无数据",
|
||||
|
||||
// Subagent settings page (experimental flags + secondary model)
|
||||
subagentSettings: "子代理设置",
|
||||
// Advanced settings page (WebUI quick open + experimental flags + secondary model)
|
||||
subagentSettings: "高级设置",
|
||||
experimentalFlags: "实验功能开关",
|
||||
otherExperimentalFlags: "其他实验功能",
|
||||
experimentalFlagsHint:
|
||||
@@ -473,6 +473,13 @@ export const zhTranslations = {
|
||||
"子代理默认绑定的第二份模型配置;未配置时子代理继承主模型;仅保存模型引用,子代理继承该模型的全部设置",
|
||||
secondaryModelPriorityHint:
|
||||
"优先级:工具显式 model 参数 > 子代理 profile 的 model_preference > 本配置 > 继承主模型",
|
||||
|
||||
// Kimi Code WebUI quick open
|
||||
webuiSection: "Kimi Code WebUI",
|
||||
webuiDesc:
|
||||
"以独立窗口在应用内打开新版 Web 界面,也可以选择在系统浏览器打开(kimi-code 0.33+ 内置 code-app;需要 kimi 命令在 PATH 中)。",
|
||||
openWebUIEmbedded: "在应用内打开",
|
||||
openWebUIBrowser: "在浏览器打开",
|
||||
} as const;
|
||||
|
||||
export type TranslationKey = keyof typeof zhTranslations;
|
||||
@@ -7,7 +7,7 @@ const DEFAULT_SETTINGS: AgentSettings = {
|
||||
keep: "all",
|
||||
},
|
||||
loop_control: {
|
||||
max_retries_per_step: 3,
|
||||
max_attempts_per_step: 3,
|
||||
reserved_context_size: 50000,
|
||||
},
|
||||
background: {
|
||||
@@ -32,15 +32,29 @@ function getSection<T>(rawOther: unknown, key: string): T | undefined {
|
||||
}
|
||||
|
||||
export function getAgentSettings(rawOther: unknown): AgentSettings {
|
||||
const sectionLoop = getSection<AgentSettings["loop_control"]>(
|
||||
rawOther,
|
||||
"loop_control"
|
||||
);
|
||||
const loop: AgentSettings["loop_control"] = {
|
||||
...DEFAULT_SETTINGS.loop_control,
|
||||
...sectionLoop,
|
||||
};
|
||||
// kimi-code 0.33+ (v2 engine) renamed max_retries_per_step →
|
||||
// max_attempts_per_step; migrate legacy values so they still show and edit.
|
||||
if (
|
||||
sectionLoop &&
|
||||
sectionLoop.max_attempts_per_step === undefined &&
|
||||
sectionLoop.max_retries_per_step !== undefined
|
||||
) {
|
||||
loop.max_attempts_per_step = sectionLoop.max_retries_per_step;
|
||||
}
|
||||
return {
|
||||
thinking: {
|
||||
...DEFAULT_SETTINGS.thinking,
|
||||
...getSection<AgentSettings["thinking"]>(rawOther, "thinking"),
|
||||
},
|
||||
loop_control: {
|
||||
...DEFAULT_SETTINGS.loop_control,
|
||||
...getSection<AgentSettings["loop_control"]>(rawOther, "loop_control"),
|
||||
},
|
||||
loop_control: loop,
|
||||
background: {
|
||||
...DEFAULT_SETTINGS.background,
|
||||
...getSection<AgentSettings["background"]>(rawOther, "background"),
|
||||
|
||||
+2205
-407
File diff suppressed because it is too large.
Load diff
+1862
-334
File diff suppressed because it is too large.
Load diff
@@ -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>>;
|
||||
}
|
||||
|
||||
@@ -97,6 +97,11 @@ export interface ThinkingConfig {
|
||||
}
|
||||
|
||||
export interface LoopControlConfig {
|
||||
/** v2 engine key (kimi-code 0.33+): `max_retries_per_step` was renamed. */
|
||||
max_attempts_per_step?: number;
|
||||
/** v2 engine key (kimi-code 0.33+): `max_steps_per_run` was renamed. */
|
||||
max_steps_per_turn?: number;
|
||||
/** Legacy v1 key — written in sync so KIMI_CODE_LEGACY_FLAG=1 still works. */
|
||||
max_retries_per_step?: number;
|
||||
reserved_context_size?: number;
|
||||
}
|
||||
|
||||
Generated
+10
@@ -9,6 +9,7 @@
|
||||
"version": "0.6.7",
|
||||
"dependencies": {
|
||||
"@fontsource/fira-code": "^5.3.0",
|
||||
"@fontsource/geist": "^5.3.0",
|
||||
"@fontsource/inter": "^5.3.0",
|
||||
"@phosphor-icons/react": "^2.1.10",
|
||||
"react": "^18.3.1",
|
||||
@@ -722,6 +723,15 @@
|
||||
"url": "https://github.com/sponsors/ayuhito"
|
||||
}
|
||||
},
|
||||
"node_modules/@fontsource/geist": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/geist/-/geist-5.3.0.tgz",
|
||||
"integrity": "sha512-u03ftlfVwb05uijq2jGDJ03/HKGqMKaNFk7KOhkpBUex8+BhrAOfMs/XciJ2UUNUX9fEsZbZQld/RWMA2oFU7g==",
|
||||
"license": "OFL-1.1",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ayuhito"
|
||||
}
|
||||
},
|
||||
"node_modules/@fontsource/inter": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.3.0.tgz",
|
||||
|
||||
@@ -10,6 +10,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@fontsource/fira-code": "^5.3.0",
|
||||
"@fontsource/geist": "^5.3.0",
|
||||
"@fontsource/inter": "^5.3.0",
|
||||
"@phosphor-icons/react": "^2.1.10",
|
||||
"react": "^18.3.1",
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { recommendLinks } from "../data/recommendLinks";
|
||||
import { useLang } from "../i18n";
|
||||
import { asset } from "../lib/asset";
|
||||
@@ -12,14 +13,68 @@ const logoFor: Record<string, string> = {
|
||||
"基元律动": "logos/tokenrhythm.svg",
|
||||
};
|
||||
|
||||
// 下载统计:只拉 GitHub(公开 API 带 CORS),镜像站 Gitea 未开 CORS 不计入。
|
||||
const STATS_URL =
|
||||
"https://api.github.com/repos/billowliu2/KimiSwitch/releases?per_page=100";
|
||||
const STATS_CACHE_KEY = "kimi-switch-downloads";
|
||||
const STATS_CACHE_TTL = 60 * 60 * 1000; // 1 hour
|
||||
|
||||
/** GitHub Release 全部资产 download_count 之和;拉取失败返回 null(不展示)。 */
|
||||
function useDownloadCount(): number | null {
|
||||
const [count, setCount] = useState<number | null>(null);
|
||||
useEffect(() => {
|
||||
let cancelled = false;
|
||||
try {
|
||||
const cached = localStorage.getItem(STATS_CACHE_KEY);
|
||||
if (cached) {
|
||||
const { ts, total } = JSON.parse(cached) as { ts: number; total: number };
|
||||
if (Date.now() - ts < STATS_CACHE_TTL) {
|
||||
setCount(total);
|
||||
return;
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
/* ignore corrupt cache */
|
||||
}
|
||||
fetch(STATS_URL)
|
||||
.then((r) => (r.ok ? r.json() : Promise.reject(new Error(String(r.status)))))
|
||||
.then((releases: Array<{ assets?: Array<{ download_count?: number }> }>) => {
|
||||
if (cancelled) return;
|
||||
const total = (releases ?? []).reduce(
|
||||
(sum, rel) =>
|
||||
sum +
|
||||
(rel.assets ?? []).reduce((s, a) => s + (a.download_count ?? 0), 0),
|
||||
0
|
||||
);
|
||||
setCount(total);
|
||||
try {
|
||||
localStorage.setItem(
|
||||
STATS_CACHE_KEY,
|
||||
JSON.stringify({ ts: Date.now(), total })
|
||||
);
|
||||
} catch {
|
||||
/* ignore quota errors */
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
/* 拉取失败则不显示 */
|
||||
});
|
||||
return () => {
|
||||
cancelled = true;
|
||||
};
|
||||
}, []);
|
||||
return count;
|
||||
}
|
||||
|
||||
export default function Footer() {
|
||||
const { t } = useLang();
|
||||
const downloadCount = useDownloadCount();
|
||||
return (
|
||||
<footer className="border-t border-border py-12">
|
||||
<div className="container-page space-y-8">
|
||||
{/* 推荐链接 */}
|
||||
<div>
|
||||
<h3 className="mb-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground">
|
||||
<h3 className="mb-4 text-sm font-semibold text-muted-foreground">
|
||||
{t.footer.recommend}
|
||||
</h3>
|
||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||||
@@ -32,9 +87,10 @@ export default function Footer() {
|
||||
href={link.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="group flex items-start gap-3 rounded-xl border border-border bg-card p-4 transition-all hover:-translate-y-0.5 hover:border-primary/50"
|
||||
className="group flex items-start gap-3 rounded-2xl border border-border bg-card p-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40"
|
||||
style={{ boxShadow: "var(--shadow-soft)" }}
|
||||
>
|
||||
<div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border bg-white">
|
||||
<div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-xl border border-border bg-white">
|
||||
{logo ? (
|
||||
<img
|
||||
src={asset(logo)}
|
||||
@@ -48,11 +104,11 @@ export default function Footer() {
|
||||
)}
|
||||
</div>
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="font-semibold group-hover:text-primary">
|
||||
<div className="font-semibold tracking-tight group-hover:text-primary">
|
||||
{link.name}
|
||||
</div>
|
||||
{text && (
|
||||
<p className="mt-1 line-clamp-3 text-xs text-muted-foreground">
|
||||
<p className="mt-1 line-clamp-3 text-xs leading-relaxed text-muted-foreground">
|
||||
{text}
|
||||
</p>
|
||||
)}
|
||||
@@ -85,6 +141,15 @@ export default function Footer() {
|
||||
{t.footer.mirror}
|
||||
</a>{" "}
|
||||
· MIT License
|
||||
{downloadCount !== null && (
|
||||
<>
|
||||
{" "}
|
||||
·{" "}
|
||||
<span className="opacity-60">
|
||||
{t.footer.downloads.replace("{n}", downloadCount.toLocaleString())}
|
||||
</span>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
<div className="text-xs opacity-80">
|
||||
{t.footer.creditBefore}
|
||||
|
||||
@@ -11,7 +11,7 @@ export default function Nav() {
|
||||
{ to: "/download", label: t.nav.download },
|
||||
];
|
||||
return (
|
||||
<header className="sticky top-0 z-40 border-b border-border bg-background/80 backdrop-blur">
|
||||
<header className="sticky top-0 z-40 border-b border-border bg-background/70 backdrop-blur-md">
|
||||
<div className="container-page flex h-14 items-center justify-between gap-4">
|
||||
<NavLink
|
||||
to="/"
|
||||
|
||||
@@ -25,12 +25,12 @@ export default function SectionShell({ id, title, subtitle, children }: SectionS
|
||||
<div className="mb-12 max-w-3xl">
|
||||
<h2
|
||||
id={`${id}-title`}
|
||||
className="text-3xl font-bold tracking-tight md:text-4xl"
|
||||
className="text-3xl font-bold tracking-[-0.03em] md:text-4xl"
|
||||
>
|
||||
{title}
|
||||
</h2>
|
||||
{subtitle && (
|
||||
<p className="mt-3 text-base text-muted-foreground">{subtitle}</p>
|
||||
<p className="mt-3 text-base leading-relaxed text-muted-foreground">{subtitle}</p>
|
||||
)}
|
||||
</div>
|
||||
{children}
|
||||
|
||||
+105
-10
@@ -16,10 +16,10 @@ const zh = {
|
||||
performance: "性能",
|
||||
changelog: "更新日志",
|
||||
download: "下载",
|
||||
downloadBtn: "下载 v0.7.0",
|
||||
downloadBtn: "下载 v0.7.4",
|
||||
},
|
||||
hero: {
|
||||
badge: "v0.7.0 · 开源 MIT · Windows / macOS / Linux",
|
||||
badge: "v0.7.4 · 开源 MIT · Windows / macOS / Linux",
|
||||
titleBefore: "统一管理你的",
|
||||
titleAccent: "AI 供应商",
|
||||
titleAfter: "",
|
||||
@@ -140,6 +140,48 @@ 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",
|
||||
items: [
|
||||
"高级设置新增 Kimi Code WebUI 应用内嵌窗口:新版 Web 界面以独立顶层窗口打开(单例、可缩放、居中),不再跳转外部浏览器",
|
||||
"WebUI 两个入口并存:应用内独立窗口 / 系统浏览器(复用已运行的 kimi web 服务器,不重复拉起)",
|
||||
"服务器进程自动管理:自己启动的服务器随窗口关闭/应用退出清理,不留残留;窗口创建失败不再泄漏进程",
|
||||
"最小化窗口再次打开可恢复;发布说明文案同步更新",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.7.2",
|
||||
date: "2026-08-07",
|
||||
items: [
|
||||
"「子代理设置」升级为「高级设置」:聚合子代理模型指定、实验功能开关与 WebUI 快捷入口",
|
||||
"新增 Kimi Code WebUI 快捷打开:高级设置页可将新版 Web 界面以独立窗口在应用内打开,也可在系统浏览器打开(kimi-code 0.33+)",
|
||||
"子代理模型指定(实验功能):设置中为子代理选择次主力模型,子代理不再默认继承主模型",
|
||||
"实验开关改为滑动开关,修复开启态因样式缺失而不可见的问题",
|
||||
"兼容 kimi-code 0.33+(v2 引擎):循环控制改用新键 max_attempts_per_step,旧配置自动迁移",
|
||||
"models.dev 模型列表与价格数据同步更新",
|
||||
"官网企业版视觉升级;出品公司标识统一为 codingplan.site",
|
||||
"macOS 安装优化:Release 附带 install-macos.sh 一键脚本,自动清除下载隔离,免去手动右键打开",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.7.1",
|
||||
date: "2026-08-05",
|
||||
items: [
|
||||
"实验功能设置新增「子代理模型(次主力模型)」配置:选择后子代理绑定该模型,不再继承主模型",
|
||||
"仪表盘用量统计识别子代理请求(__secondary__)独立展示,并缓存次主力模型定价",
|
||||
"自定义网关模型按官方同名模型跨 provider 匹配价格,不再落入兜底估算",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.7.0",
|
||||
date: "2026-08-02",
|
||||
@@ -164,6 +206,15 @@ const zh = {
|
||||
"仪表盘性能再优化:价格解析记忆化缓存,扫描从秒级降到百毫秒级;右上角新增加载耗时/数据量跟踪",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.6.7",
|
||||
date: "2026-08-01",
|
||||
items: [
|
||||
"应用内置 Kimi 授权登录(Device Code Flow,等同 kimi login):浏览器授权即用,无需命令行",
|
||||
"授权后凭据自动写入,15 分钟过期自动续期,用量查询直接可用",
|
||||
"修复外链打开问题:授权页 / 设置页超链接统一走 Rust 侧 opener 命令(更可靠)",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.6.8",
|
||||
date: "2026-08-01",
|
||||
@@ -260,7 +311,7 @@ const zh = {
|
||||
},
|
||||
download: {
|
||||
title: "下载 Kimi Switch",
|
||||
subtitle: "当前版本 v0.7.0 · Windows / macOS / Linux 三平台已发布",
|
||||
subtitle: "当前版本 v0.7.4 · Windows / macOS / Linux 三平台已发布",
|
||||
autoUpdate: "应用内置自动检测更新,新版本发布后在设置页一键升级。",
|
||||
ready: "已发布",
|
||||
wip: "开发中",
|
||||
@@ -268,7 +319,7 @@ const zh = {
|
||||
mirrorBtn: "镜像下载",
|
||||
items: [
|
||||
{ id: "windows", name: "Windows", ready: true, note: ".msi 安装包,系统托盘常驻" },
|
||||
{ id: "macos", name: "macOS", ready: true, note: ".dmg 安装包(Apple Silicon),未签名需右键打开" },
|
||||
{ id: "macos", name: "macOS", ready: true, note: ".dmg 安装包(Apple Silicon),未签名:下载 install-macos.sh 后运行 bash install-macos.sh 一键安装" },
|
||||
{ id: "linux", name: "Linux", ready: true, note: ".deb / .AppImage / .rpm 三格式" },
|
||||
],
|
||||
},
|
||||
@@ -303,6 +354,7 @@ const zh = {
|
||||
footer: {
|
||||
recommend: "推荐供应商",
|
||||
mirror: "国内镜像",
|
||||
downloads: "GitHub 累计下载 {n} 次",
|
||||
creditBefore: "仪表盘与会话管理功能基于 ",
|
||||
creditAfter: " (MIT, © JochenYang) 移植",
|
||||
recommendText: {
|
||||
@@ -310,7 +362,7 @@ const zh = {
|
||||
"智谱 GLM":
|
||||
"通过我的邀请链接注册 BigModel.cn,即可获得 2000 万 Tokens 大礼包,畅享新一代旗舰模型 GLM-5.2",
|
||||
DeepSeek: "",
|
||||
OpenCodeGo: "",
|
||||
OpenCodeGo: "好友订阅后,您可获得 $5,对方也可获得 $5。",
|
||||
MiniMax:
|
||||
"MiniMax Token Plan:订阅套餐解锁最新模型,好友订阅享 9 折 + Builder 权益,邀请人得 10% 返利",
|
||||
基元律动: "",
|
||||
@@ -328,10 +380,10 @@ const en: Dict = {
|
||||
performance: "Performance",
|
||||
changelog: "Changelog",
|
||||
download: "Download",
|
||||
downloadBtn: "Download v0.7.0",
|
||||
downloadBtn: "Download v0.7.4",
|
||||
},
|
||||
hero: {
|
||||
badge: "v0.7.0 · 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: "",
|
||||
@@ -452,6 +504,48 @@ 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",
|
||||
items: [
|
||||
"Advanced Settings gains an embedded Kimi Code WebUI window: the new Web UI opens in an independent top-level window (singleton, resizable, centered) instead of the external browser",
|
||||
"Two WebUI entries coexist: in-app independent window / system browser (reuses an already-running kimi web server, no duplicate spawn)",
|
||||
"Server process is managed automatically: servers we start are cleaned up when the window closes or the app exits; a failed window creation no longer leaks the process",
|
||||
"Re-opening focuses and restores a minimized window; release notes wording synced",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.7.2",
|
||||
date: "2026-08-07",
|
||||
items: [
|
||||
"Subagent settings upgraded to an Advanced Settings page: subagent model assignment, experimental toggles and a WebUI quick launcher",
|
||||
"New Kimi Code WebUI quick open: open the new Web UI in an independent in-app window from Advanced Settings, or in your system browser (kimi-code 0.33+)",
|
||||
"Subagent model assignment (experimental): pick a secondary model for subagents so they no longer inherit the main model by default",
|
||||
"Experiment toggle converted to a sliding switch, fixing the invisible enabled state",
|
||||
"Compatible with kimi-code 0.33+ (v2 engine): loop control now writes max_attempts_per_step with auto-migration",
|
||||
"models.dev model list and pricing snapshot synced",
|
||||
"Enterprise-style website refresh; publisher identity unified as codingplan.site",
|
||||
"macOS install polish: releases now ship install-macos.sh, a one-click script that clears the download quarantine",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.7.1",
|
||||
date: "2026-08-05",
|
||||
items: [
|
||||
"Experimental settings gain a secondary-model picker for subagents, decoupling them from the main model",
|
||||
"Dashboard usage stats identify subagent requests (__secondary__) and show them separately with cached secondary-model pricing",
|
||||
"Custom gateway models match prices against the same-named official model across providers",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "v0.7.0",
|
||||
date: "2026-08-02",
|
||||
@@ -580,7 +674,7 @@ const en: Dict = {
|
||||
},
|
||||
download: {
|
||||
title: "Download Kimi Switch",
|
||||
subtitle: "Current version v0.7.0 · 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",
|
||||
@@ -588,7 +682,7 @@ const en: Dict = {
|
||||
mirrorBtn: "China mirror",
|
||||
items: [
|
||||
{ id: "windows", name: "Windows", ready: true, note: ".msi installer, lives in the system tray" },
|
||||
{ id: "macos", name: "macOS", ready: true, note: ".dmg installer (Apple Silicon), unsigned - right-click to open" },
|
||||
{ id: "macos", name: "macOS", ready: true, note: ".dmg installer (Apple Silicon), unsigned: download install-macos.sh and run bash install-macos.sh for one-click install" },
|
||||
{ id: "linux", name: "Linux", ready: true, note: ".deb / .AppImage / .rpm" },
|
||||
],
|
||||
},
|
||||
@@ -623,6 +717,7 @@ const en: Dict = {
|
||||
footer: {
|
||||
recommend: "Recommended Providers",
|
||||
mirror: "China mirror",
|
||||
downloads: "Total GitHub downloads: {n}",
|
||||
creditBefore: "Dashboard & session management adapted from ",
|
||||
creditAfter: " (MIT, © JochenYang)",
|
||||
recommendText: {
|
||||
@@ -630,7 +725,7 @@ const en: Dict = {
|
||||
"智谱 GLM":
|
||||
"Register on BigModel.cn via my invite link and get a 20M token gift pack for the new GLM-5.2 flagship",
|
||||
DeepSeek: "",
|
||||
OpenCodeGo: "",
|
||||
OpenCodeGo: "When a friend subscribes, you get $5 and they get $5.",
|
||||
MiniMax:
|
||||
"MiniMax Token Plan: subscribe to unlock the latest models. Friends get 10% off, inviters get 10% rebate",
|
||||
基元律动: "",
|
||||
|
||||
+53
-15
@@ -1,8 +1,8 @@
|
||||
@import "@fontsource/inter/400.css";
|
||||
@import "@fontsource/inter/500.css";
|
||||
@import "@fontsource/inter/600.css";
|
||||
@import "@fontsource/inter/700.css";
|
||||
@import "@fontsource/inter/800.css";
|
||||
@import "@fontsource/geist/400.css";
|
||||
@import "@fontsource/geist/500.css";
|
||||
@import "@fontsource/geist/600.css";
|
||||
@import "@fontsource/geist/700.css";
|
||||
@import "@fontsource/geist/800.css";
|
||||
@import "@fontsource/fira-code/400.css";
|
||||
@import "@fontsource/fira-code/500.css";
|
||||
|
||||
@@ -26,6 +26,11 @@
|
||||
--primary: 221 83% 53%;
|
||||
--primary-foreground: 0 0% 100%;
|
||||
--ring: 221 83% 53%;
|
||||
/* 克制分层阴影(色相一致的 tinted shadow,非荧光发光) */
|
||||
--shadow-soft: 0 1px 2px hsl(240 9% 11% / 0.05),
|
||||
0 8px 24px hsl(240 9% 11% / 0.06);
|
||||
--shadow-lift: 0 1px 2px hsl(240 9% 11% / 0.05),
|
||||
0 12px 36px hsl(240 9% 11% / 0.1);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
@@ -42,6 +47,10 @@
|
||||
--primary: 217 91% 60%;
|
||||
--primary-foreground: 0 0% 100%;
|
||||
--ring: 217 91% 60%;
|
||||
--shadow-soft: 0 1px 2px hsl(222 47% 2% / 0.5),
|
||||
0 8px 24px hsl(222 47% 2% / 0.45);
|
||||
--shadow-lift: 0 1px 2px hsl(222 47% 2% / 0.5),
|
||||
0 12px 36px hsl(222 47% 2% / 0.55);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -59,8 +68,8 @@
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
background-image:
|
||||
linear-gradient(to right, hsl(var(--primary) / 0.05) 1px, transparent 1px),
|
||||
linear-gradient(to bottom, hsl(var(--primary) / 0.05) 1px, transparent 1px);
|
||||
linear-gradient(to right, hsl(var(--primary) / 0.04) 1px, transparent 1px),
|
||||
linear-gradient(to bottom, hsl(var(--primary) / 0.04) 1px, transparent 1px);
|
||||
background-size: 44px 44px;
|
||||
mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 75%);
|
||||
}
|
||||
@@ -68,6 +77,21 @@
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* 选中色与键盘焦点(无障碍) */
|
||||
::selection {
|
||||
background: hsl(var(--primary) / 0.16);
|
||||
}
|
||||
:focus-visible {
|
||||
outline: 2px solid hsl(var(--ring));
|
||||
outline-offset: 2px;
|
||||
}
|
||||
/* 展示标题:更紧字距 + 防孤词 */
|
||||
h1,
|
||||
h2 {
|
||||
text-wrap: balance;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
}
|
||||
|
||||
@layer components {
|
||||
@@ -75,27 +99,41 @@
|
||||
@apply mx-auto w-full max-w-6xl px-6;
|
||||
}
|
||||
.btn {
|
||||
@apply inline-flex items-center justify-center gap-2 rounded-xl px-5 py-2.5 text-sm font-medium transition-colors;
|
||||
@apply inline-flex items-center justify-center gap-2 rounded-xl px-5 py-2.5 text-sm font-medium transition-all duration-200;
|
||||
}
|
||||
.btn-primary {
|
||||
@apply btn bg-primary text-primary-foreground hover:opacity-90;
|
||||
box-shadow: 0 0 20px hsl(var(--primary) / 0.35);
|
||||
@apply btn bg-primary text-primary-foreground hover:bg-primary/90 hover:-translate-y-px active:translate-y-0 active:scale-[0.98];
|
||||
box-shadow: 0 1px 2px hsl(var(--primary) / 0.3),
|
||||
0 6px 16px hsl(var(--primary) / 0.22);
|
||||
}
|
||||
.btn-primary:hover {
|
||||
box-shadow: 0 1px 2px hsl(var(--primary) / 0.3),
|
||||
0 10px 24px hsl(var(--primary) / 0.3);
|
||||
}
|
||||
.btn-ghost {
|
||||
@apply btn border border-border text-foreground hover:bg-accent;
|
||||
@apply btn border border-border bg-card/60 text-foreground hover:border-foreground/25 hover:bg-accent active:scale-[0.98];
|
||||
}
|
||||
.card {
|
||||
@apply rounded-xl border border-border bg-card p-6 transition-shadow;
|
||||
@apply rounded-2xl border border-border bg-card p-6;
|
||||
box-shadow: var(--shadow-soft);
|
||||
transition:
|
||||
box-shadow 0.3s ease,
|
||||
transform 0.3s ease,
|
||||
border-color 0.3s ease;
|
||||
}
|
||||
.card:hover {
|
||||
box-shadow: 0 0 28px hsl(var(--primary) / 0.12);
|
||||
box-shadow: var(--shadow-lift);
|
||||
}
|
||||
/* 截图容器:限定最大宽高,避免撑满页面 */
|
||||
.screenshot {
|
||||
@apply overflow-hidden rounded-xl border border-border bg-muted;
|
||||
box-shadow: 0 0 36px hsl(var(--primary) / 0.1);
|
||||
@apply overflow-hidden rounded-2xl border border-border bg-muted;
|
||||
box-shadow: var(--shadow-lift);
|
||||
}
|
||||
.screenshot > img {
|
||||
@apply block h-auto w-full;
|
||||
}
|
||||
/* 图标容器:统一的蓝色徽标容器 */
|
||||
.icon-chip {
|
||||
@apply flex h-10 w-10 items-center justify-center rounded-xl border border-primary/20 bg-primary/10 text-primary;
|
||||
}
|
||||
}
|
||||
@@ -10,20 +10,24 @@ export default function CTA() {
|
||||
className="py-24"
|
||||
>
|
||||
<div className="container-page">
|
||||
<div className="relative overflow-hidden rounded-xl border border-primary/25 bg-gradient-to-r from-primary/10 via-primary/5 to-violet-500/10 p-12 text-center md:p-16">
|
||||
{/* 科技风光晕 */}
|
||||
<div className="card relative overflow-hidden p-12 text-center md:p-16">
|
||||
{/* 克制同色系光晕 + 顶部强调线(去紫,保持页面调性) */}
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="pointer-events-none absolute -top-24 left-1/2 h-64 w-[480px] -translate-x-1/2 rounded-full bg-primary/15 blur-3xl"
|
||||
className="pointer-events-none absolute -top-24 left-1/2 h-64 w-[480px] -translate-x-1/2 rounded-full bg-primary/10 blur-3xl"
|
||||
/>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-primary/40 to-transparent"
|
||||
/>
|
||||
<div className="relative">
|
||||
<h2
|
||||
id="cta-title"
|
||||
className="text-3xl font-bold tracking-tight md:text-5xl"
|
||||
className="text-3xl font-bold tracking-[-0.03em] md:text-5xl"
|
||||
>
|
||||
{t.cta.title}
|
||||
</h2>
|
||||
<p className="mt-4 text-base text-muted-foreground md:text-lg">
|
||||
<p className="mx-auto mt-4 max-w-2xl text-base text-muted-foreground md:text-lg">
|
||||
{t.cta.subtitle}
|
||||
</p>
|
||||
<div className="mt-8 flex flex-wrap justify-center gap-3">
|
||||
|
||||
@@ -18,12 +18,38 @@ function cacheKey(embedded: ChangelogEntry[]) {
|
||||
return `kimi-switch-changelog-${embedded[0]?.version ?? "v1"}`;
|
||||
}
|
||||
|
||||
/** Parse a GitHub release body into bullet items. */
|
||||
/** Compare semantic versions like "v0.7.1" for descending order. */
|
||||
function compareVersionsDesc(a: string, b: string): number {
|
||||
const parse = (v: string) =>
|
||||
v.replace(/^v/, "").split(".").map((n) => Number(n) || 0);
|
||||
const pa = parse(a);
|
||||
const pb = parse(b);
|
||||
for (let i = 0; i < 3; i++) {
|
||||
const da = pa[i] ?? 0;
|
||||
const db = pb[i] ?? 0;
|
||||
if (da !== db) return db - da;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
/** Parse a GitHub release body into bullet items, stripping markdown syntax
|
||||
* and the release-template "Downloads by platform" section (changelog entries
|
||||
* are about changes, not installers). */
|
||||
function parseBody(body: string): string[] {
|
||||
return body
|
||||
.split("\n")
|
||||
.map((l) => l.replace(/^\s*[-*]\s+/, "").trim())
|
||||
.filter((l) => l.length > 0 && l !== "---");
|
||||
const items: string[] = [];
|
||||
for (const raw of body.split("\n")) {
|
||||
const line = raw.replace(/^\s*[-*]\s+/, "").trim();
|
||||
if (line.length === 0 || line === "---") continue;
|
||||
// Drop the release template's download section and everything after it.
|
||||
if (/downloads?\s+by\s+platform/i.test(line)) break;
|
||||
const cleaned = line
|
||||
.replace(/^#{1,6}\s+/, "") // markdown heading markers
|
||||
.replace(/\*\*(.+?)\*\*/g, "$1") // bold
|
||||
.replace(/`([^`]+)`/g, "$1") // inline code
|
||||
.trim();
|
||||
if (cleaned.length > 0) items.push(cleaned);
|
||||
}
|
||||
return items;
|
||||
}
|
||||
|
||||
async function fetchReleases(): Promise<ChangelogEntry[]> {
|
||||
@@ -94,12 +120,13 @@ export default function Changelog() {
|
||||
}, []);
|
||||
|
||||
// 远端拉到的版本优先显示(含未翻译的新版本),内置列表补齐缺失版本。
|
||||
// 合并后按版本倒序排序,避免未翻译版本被无脑塞到最前导致时间轴顺序错乱。
|
||||
const entries: ChangelogEntry[] = [
|
||||
...(remote ?? []).filter(
|
||||
(r) => !embedded.some((e) => e.version === r.version),
|
||||
),
|
||||
...embedded,
|
||||
];
|
||||
].sort((a, b) => compareVersionsDesc(a.version, b.version));
|
||||
|
||||
return (
|
||||
<SectionShell
|
||||
@@ -107,16 +134,16 @@ export default function Changelog() {
|
||||
title={t.changelog.title}
|
||||
subtitle={t.changelog.subtitle}
|
||||
>
|
||||
<ol className="relative space-y-8 border-l border-border pl-8">
|
||||
<ol className="relative space-y-10 border-l border-border pl-7">
|
||||
{entries.map((e) => (
|
||||
<li key={e.version} className="relative">
|
||||
<span className="absolute -left-[37px] top-1.5 h-2.5 w-2.5 rounded-full bg-primary" />
|
||||
<span className="absolute -left-[34px] top-[5px] h-3 w-3 rounded-full border-2 border-background bg-primary ring-4 ring-primary/10" />
|
||||
<div className="flex flex-wrap items-baseline gap-3">
|
||||
<h3 className="font-mono text-lg font-semibold">{e.version}</h3>
|
||||
<h3 className="font-mono text-lg font-semibold tracking-tight">{e.version}</h3>
|
||||
<time className="text-xs text-muted-foreground">{e.date}</time>
|
||||
</div>
|
||||
{e.items.length > 0 && (
|
||||
<ul className="mt-2 list-disc space-y-1 pl-5 text-sm text-muted-foreground">
|
||||
<ul className="mt-2 list-disc space-y-1 pl-5 text-sm leading-relaxed text-muted-foreground">
|
||||
{e.items.map((item) => (
|
||||
<li key={item}>{item}</li>
|
||||
))}
|
||||
|
||||
@@ -8,25 +8,27 @@ const icons: Record<string, Icon> = {
|
||||
linux: LinuxLogo,
|
||||
};
|
||||
|
||||
const VERSION = "0.7.0";
|
||||
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, e.g. Kimi.Switch_0.7.0_x64_en-US.msi). */
|
||||
* 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.0_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.0_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.0_amd64.deb") },
|
||||
{ label: ".AppImage", href: dl("Kimi.Switch_0.7.0_amd64.AppImage") },
|
||||
{ label: ".rpm", href: dl("Kimi.Switch-0.7.0-1.x86_64.rpm") },
|
||||
{ label: ".deb", href: dl("Kimi.Switch_0.7.4_amd64.deb") },
|
||||
{ label: ".AppImage", href: dl("Kimi.Switch_0.7.4_amd64.AppImage") },
|
||||
{ label: ".rpm", href: dl("Kimi.Switch-0.7.4-1.x86_64.rpm") },
|
||||
],
|
||||
};
|
||||
|
||||
@@ -45,14 +47,14 @@ export default function Download() {
|
||||
return (
|
||||
<div key={p.id} className="card flex flex-col">
|
||||
<div className="mb-3 flex items-center justify-between">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl border border-primary/25 bg-primary/10 text-primary">
|
||||
<div className="icon-chip">
|
||||
<Icon className="h-5 w-5" weight="duotone" />
|
||||
</div>
|
||||
<span className="rounded-full border border-primary/25 bg-primary/10 px-2.5 py-0.5 text-xs font-medium text-primary">
|
||||
<span className="rounded-md border border-primary/20 bg-primary/10 px-2 py-0.5 text-[11px] font-medium tracking-wide text-primary">
|
||||
{t.download.ready}
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="mb-2 text-lg font-semibold">{p.name}</h3>
|
||||
<h3 className="mb-2 text-lg font-semibold tracking-tight">{p.name}</h3>
|
||||
<p className="text-sm text-muted-foreground">{p.note}</p>
|
||||
<div className="mt-4 flex flex-wrap gap-2">
|
||||
{links.map((l) => (
|
||||
|
||||
@@ -59,10 +59,10 @@ export default function Features() {
|
||||
/>
|
||||
</div>
|
||||
<div className="p-6">
|
||||
<div className="mb-3 flex h-10 w-10 items-center justify-center rounded-xl border border-primary/25 bg-primary/10 text-primary">
|
||||
<div className="icon-chip mb-3">
|
||||
<Icon className="h-5 w-5" weight="duotone" />
|
||||
</div>
|
||||
<h3 className="mb-2 text-lg font-semibold">{f.title}</h3>
|
||||
<h3 className="mb-2 text-lg font-semibold tracking-tight">{f.title}</h3>
|
||||
<p className="text-sm leading-relaxed text-muted-foreground">
|
||||
{f.desc}
|
||||
</p>
|
||||
|
||||
@@ -23,29 +23,29 @@ export default function Hero() {
|
||||
aria-labelledby="hero-title"
|
||||
className="relative overflow-hidden pt-16 pb-20 md:pt-24"
|
||||
>
|
||||
{/* 科技风光晕 */}
|
||||
{/* 克制的同色系光晕(去紫,统一蓝色 + 中性) */}
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="pointer-events-none absolute -top-32 right-[-10%] h-[420px] w-[420px] rounded-full bg-primary/15 blur-3xl"
|
||||
className="pointer-events-none absolute -top-32 right-[-10%] h-[420px] w-[420px] rounded-full bg-primary/10 blur-3xl"
|
||||
/>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="pointer-events-none absolute -left-40 top-1/2 h-[320px] w-[320px] rounded-full bg-violet-500/10 blur-3xl"
|
||||
className="pointer-events-none absolute -left-40 top-1/2 h-[320px] w-[320px] rounded-full bg-primary/5 blur-3xl"
|
||||
/>
|
||||
<div className="container-page relative grid grid-cols-1 gap-10 md:grid-cols-2 md:items-center">
|
||||
<div>
|
||||
<div {...reveal(0)}>
|
||||
<span className="inline-block rounded-full border border-primary/25 bg-primary/10 px-3 py-1 text-xs font-medium text-primary">
|
||||
<span className="inline-block rounded-full border border-primary/25 bg-primary/10 px-3 py-1 text-xs font-medium tracking-wide text-primary">
|
||||
{t.hero.badge}
|
||||
</span>
|
||||
</div>
|
||||
<h1
|
||||
id="hero-title"
|
||||
{...reveal(100, "mt-4 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl")}
|
||||
{...reveal(100, "mt-5 text-4xl font-bold leading-[1.05] tracking-[-0.03em] md:text-5xl lg:text-6xl")}
|
||||
>
|
||||
{t.hero.titleBefore}
|
||||
<br />
|
||||
<span className="whitespace-nowrap bg-gradient-to-r from-blue-500 to-violet-500 bg-clip-text text-transparent">
|
||||
<span className="whitespace-nowrap text-primary">
|
||||
{t.hero.titleAccent}
|
||||
</span>
|
||||
{t.hero.titleAfter}
|
||||
|
||||
@@ -65,7 +65,7 @@ function Counter({
|
||||
const v = useCountUp(target, inView);
|
||||
return (
|
||||
<div ref={ref} className="card text-center">
|
||||
<div className="font-mono text-4xl font-bold tracking-tight tabular-nums">
|
||||
<div className="font-mono text-4xl font-bold tracking-[-0.03em] tabular-nums">
|
||||
{v.toFixed(decimals)}
|
||||
{suffix}
|
||||
</div>
|
||||
|
||||
@@ -21,10 +21,10 @@ export default function Privacy() {
|
||||
const Icon = icons[it.id] ?? Database;
|
||||
return (
|
||||
<div key={it.id} className="card">
|
||||
<div className="mb-3 flex h-10 w-10 items-center justify-center rounded-xl border border-primary/25 bg-primary/10 text-primary">
|
||||
<div className="icon-chip mb-3">
|
||||
<Icon className="h-5 w-5" weight="duotone" />
|
||||
</div>
|
||||
<h3 className="mb-2 text-lg font-semibold">{it.title}</h3>
|
||||
<h3 className="mb-2 text-lg font-semibold tracking-tight">{it.title}</h3>
|
||||
<p className="text-sm leading-relaxed text-muted-foreground">
|
||||
{it.desc}
|
||||
</p>
|
||||
|
||||
@@ -27,7 +27,7 @@ export default {
|
||||
},
|
||||
fontFamily: {
|
||||
sans: [
|
||||
"Inter",
|
||||
"Geist",
|
||||
"-apple-system",
|
||||
"BlinkMacSystemFont",
|
||||
'"Segoe UI"',
|
||||
|
||||
Reference in new issue
Block a user