This commit is contained in:
2025-09-05 22:16:06 +08:00
parent 6e834a1a7c
commit 71adf8416a
12 changed files with 1068 additions and 84 deletions

View File

@@ -118,7 +118,7 @@ bun run tauri build # 生产构建
```bash
bun run tauri dev # 启动开发服务器
bunx tsc --noEmit # 类型检查
cd src-tauri && cargo test # Rust 测试
cd src-tauri && cargo test.md # Rust 测试
bun run check # 完整检查
```

View File

@@ -1,5 +1,6 @@
use std::fs;
use std::path::PathBuf;
use std::collections::HashMap;
use serde::{Deserialize, Serialize};
use serde_json::{json, Value};
use dirs::home_dir;
@@ -16,9 +17,27 @@ pub struct ClaudeConfig {
pub model: Option<String>,
#[serde(rename = "apiKeyHelper", skip_serializing_if = "Option::is_none")]
pub api_key_helper: Option<String>,
#[serde(rename = "statusLine", skip_serializing_if = "Option::is_none")]
pub status_line: Option<StatusLineConfig>,
// 使用 flatten 来支持任何其他未知字段
#[serde(flatten)]
pub extra_fields: std::collections::HashMap<String, serde_json::Value>,
}
#[derive(Debug, Clone, Serialize, Deserialize, Default)]
#[derive(Debug, Clone, Serialize, Deserialize)]
pub struct StatusLineConfig {
#[serde(rename = "type", skip_serializing_if = "Option::is_none")]
pub config_type: Option<String>,
#[serde(skip_serializing_if = "Option::is_none")]
pub command: Option<String>,
#[serde(skip_serializing_if = "Option::is_none")]
pub padding: Option<i32>,
// 支持其他可能的 statusLine 字段
#[serde(flatten)]
pub extra_fields: std::collections::HashMap<String, serde_json::Value>,
}
#[derive(Debug, Clone, Serialize, Deserialize)]
pub struct ClaudeEnv {
#[serde(rename = "ANTHROPIC_AUTH_TOKEN", skip_serializing_if = "Option::is_none")]
pub anthropic_auth_token: Option<String>,
@@ -26,6 +45,20 @@ pub struct ClaudeEnv {
pub anthropic_base_url: Option<String>,
#[serde(rename = "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC", skip_serializing_if = "Option::is_none")]
pub disable_nonessential_traffic: Option<String>,
// 使用 flatten 来支持任何其他环境变量
#[serde(flatten)]
pub extra_fields: std::collections::HashMap<String, serde_json::Value>,
}
impl Default for ClaudeEnv {
fn default() -> Self {
Self {
anthropic_auth_token: None,
anthropic_base_url: None,
disable_nonessential_traffic: None,
extra_fields: HashMap::new(),
}
}
}
#[derive(Debug, Clone, Serialize, Deserialize, Default)]
@@ -59,6 +92,8 @@ pub fn read_claude_config() -> Result<ClaudeConfig, String> {
permissions: Some(ClaudePermissions::default()),
model: None,
api_key_helper: None,
status_line: None,
extra_fields: HashMap::new(),
});
}
@@ -146,7 +181,7 @@ pub fn restore_claude_config() -> Result<(), String> {
Ok(())
}
/// 根据中转站配置更新 Claude 配置
/// 根据中转站配置更新 Claude 配置(仅更新 API 相关字段)
pub fn apply_relay_station_to_config(station: &RelayStation) -> Result<(), String> {
// 先备份当前配置
backup_claude_config()?;
@@ -154,17 +189,17 @@ pub fn apply_relay_station_to_config(station: &RelayStation) -> Result<(), Strin
// 读取当前配置
let mut config = read_claude_config()?;
// 更新 API URL
// 更新这三个关键字段,保留其他所有配置不变:
// 1. ANTHROPIC_BASE_URL
config.env.anthropic_base_url = Some(station.api_url.clone());
// 更新 API Token
// 2. ANTHROPIC_AUTH_TOKEN
config.env.anthropic_auth_token = Some(station.system_token.clone());
// 将中转站的 token 也设置到 apiKeyHelper
// 格式echo 'token'
// 3. apiKeyHelper - 设置为 echo 格式
config.api_key_helper = Some(format!("echo '{}'", station.system_token));
// 如果是特定适配器,可能需要特殊处理
// 如果是特定适配器,可能需要特殊处理 URL 格式
match station.adapter.as_str() {
"packycode" => {
// PackyCode 使用原始配置,不做特殊处理
@@ -187,7 +222,7 @@ pub fn apply_relay_station_to_config(station: &RelayStation) -> Result<(), Strin
// 写入更新后的配置
write_claude_config(&config)?;
log::info!("已将中转站 {} 的配置应用到 Claude 配置文件", station.name);
log::info!("已将中转站 {} 的 API 配置apiKeyHelper, ANTHROPIC_BASE_URL, ANTHROPIC_AUTH_TOKEN应用到 Claude 配置文件", station.name);
Ok(())
}

View File

@@ -0,0 +1,337 @@
use serde::{Deserialize, Serialize};
use std::process::{Command, Stdio};
use log::{debug, error, info};
#[derive(Debug, Serialize, Deserialize, Clone)]
pub struct CcrServiceStatus {
pub is_running: bool,
pub port: Option<u16>,
pub endpoint: Option<String>,
pub has_ccr_binary: bool,
pub ccr_version: Option<String>,
pub process_id: Option<u32>,
}
#[derive(Debug, Serialize, Deserialize)]
pub struct CcrServiceInfo {
pub status: CcrServiceStatus,
pub message: String,
}
/// 检查 CCR 是否已安装
#[tauri::command]
pub async fn check_ccr_installation() -> Result<bool, String> {
// 直接尝试执行 ccr --version 命令来检测是否安装
// 这比使用 which 命令更可靠,特别是在打包后的应用中
let output = Command::new("ccr")
.arg("--version")
.stdout(Stdio::piped())
.stderr(Stdio::piped())
.output();
match output {
Ok(result) => Ok(result.status.success()),
Err(e) => {
// 如果命令执行失败,可能是因为 ccr 未安装或不在 PATH 中
debug!("CCR installation check failed: {}", e);
Ok(false)
}
}
}
/// 获取 CCR 版本信息
#[tauri::command]
pub async fn get_ccr_version() -> Result<String, String> {
// 尝试多个版本命令参数
let version_args = vec!["--version", "-v", "version"];
for arg in version_args {
let output = Command::new("ccr")
.arg(arg)
.stdout(Stdio::piped())
.stderr(Stdio::piped())
.output();
if let Ok(result) = output {
if result.status.success() {
let version = String::from_utf8_lossy(&result.stdout);
let trimmed = version.trim().to_string();
if !trimmed.is_empty() {
return Ok(trimmed);
}
}
}
}
Err("Unable to get CCR version".to_string())
}
/// 检查 CCR 服务状态
#[tauri::command]
pub async fn get_ccr_service_status() -> Result<CcrServiceStatus, String> {
// 首先检查 ccr 二进制是否存在
let has_ccr_binary = check_ccr_installation().await.unwrap_or(false);
if !has_ccr_binary {
info!("CCR binary not found in PATH");
return Ok(CcrServiceStatus {
is_running: false,
port: None,
endpoint: None,
has_ccr_binary: false,
ccr_version: None,
process_id: None,
});
}
// 获取版本信息
let ccr_version = get_ccr_version().await.ok();
debug!("CCR version: {:?}", ccr_version);
// 检查服务状态
let output = Command::new("ccr")
.arg("status")
.stdout(Stdio::piped())
.stderr(Stdio::piped())
.output();
let output = match output {
Ok(o) => o,
Err(e) => {
error!("Failed to execute ccr status: {}", e);
return Ok(CcrServiceStatus {
is_running: false,
port: None,
endpoint: None,
has_ccr_binary: true,
ccr_version,
process_id: None,
});
}
};
let status_output = String::from_utf8_lossy(&output.stdout);
let stderr_output = String::from_utf8_lossy(&output.stderr);
debug!("CCR status stdout: {}", status_output);
debug!("CCR status stderr: {}", stderr_output);
// 更宽松的运行状态检测
let is_running = output.status.success() &&
(status_output.contains("Running") ||
status_output.contains("running") ||
status_output.contains("") ||
status_output.contains("Port:"));
// 尝试从输出中提取端口、端点和进程ID信息
let mut port = None;
let mut endpoint = None;
let mut process_id = None;
if is_running {
// 提取端口信息 - 支持多种格式
for line in status_output.lines() {
if line.contains("Port:") || line.contains("port:") {
// 尝试提取端口号
if let Some(port_str) = line.split(':').last() {
// 清理字符串,只保留数字
let cleaned: String = port_str.chars()
.filter(|c| c.is_numeric())
.collect();
if let Ok(port_num) = cleaned.parse::<u16>() {
port = Some(port_num);
break;
}
}
}
}
// 提取API端点信息 - 支持多种格式
for line in status_output.lines() {
if line.contains("API Endpoint:") || line.contains("Endpoint:") || line.contains("http://") || line.contains("https://") {
// 尝试提取URL
if let Some(start) = line.find("http") {
let url_part = &line[start..];
// 找到URL的结束位置空格或行尾
let end = url_part.find(char::is_whitespace).unwrap_or(url_part.len());
let url = &url_part[..end];
if url.contains(":") && (url.contains("localhost") || url.contains("127.0.0.1")) {
endpoint = Some(url.to_string());
break;
}
}
}
}
// 提取进程ID信息 - 支持多种格式
for line in status_output.lines() {
if line.contains("Process ID:") || line.contains("PID:") || line.contains("pid:") {
// 尝试提取PID
if let Some(pid_str) = line.split(':').last() {
// 清理字符串,只保留数字
let cleaned: String = pid_str.chars()
.filter(|c| c.is_numeric())
.collect();
if let Ok(pid_num) = cleaned.parse::<u32>() {
process_id = Some(pid_num);
break;
}
}
}
}
// 如果没有找到具体信息,使用默认值
if port.is_none() {
port = Some(3456);
debug!("Using default port: 3456");
}
if endpoint.is_none() {
let port_num = port.unwrap_or(3456);
endpoint = Some(format!("http://localhost:{}", port_num));
debug!("Using default endpoint: {:?}", endpoint);
}
}
Ok(CcrServiceStatus {
is_running,
port,
endpoint,
has_ccr_binary,
ccr_version,
process_id,
})
}
/// 启动 CCR 服务
#[tauri::command]
pub async fn start_ccr_service() -> Result<CcrServiceInfo, String> {
// 先检查是否已安装
if !check_ccr_installation().await.unwrap_or(false) {
return Err("CCR is not installed. Please install claude-code-router first.".to_string());
}
// 检查当前状态
let current_status = get_ccr_service_status().await?;
if current_status.is_running {
return Ok(CcrServiceInfo {
status: current_status,
message: "CCR service is already running".to_string(),
});
}
// 启动服务
let _output = Command::new("ccr")
.arg("start")
.stdout(Stdio::piped())
.stderr(Stdio::piped())
.spawn()
.map_err(|e| format!("Failed to start ccr service: {}", e))?;
// 等待一下让服务启动
tokio::time::sleep(tokio::time::Duration::from_secs(2)).await;
// 再次检查状态
let new_status = get_ccr_service_status().await?;
if new_status.is_running {
Ok(CcrServiceInfo {
status: new_status,
message: "CCR service started successfully".to_string(),
})
} else {
Err("Failed to start CCR service".to_string())
}
}
/// 停止 CCR 服务
#[tauri::command]
pub async fn stop_ccr_service() -> Result<CcrServiceInfo, String> {
if !check_ccr_installation().await.unwrap_or(false) {
return Err("CCR is not installed".to_string());
}
let output = Command::new("ccr")
.arg("stop")
.output()
.map_err(|e| format!("Failed to stop ccr service: {}", e))?;
if !output.status.success() {
let error = String::from_utf8_lossy(&output.stderr);
return Err(format!("Failed to stop CCR service: {}", error));
}
// 检查新状态
let new_status = get_ccr_service_status().await?;
Ok(CcrServiceInfo {
status: new_status,
message: "CCR service stopped successfully".to_string(),
})
}
/// 重启 CCR 服务
#[tauri::command]
pub async fn restart_ccr_service() -> Result<CcrServiceInfo, String> {
if !check_ccr_installation().await.unwrap_or(false) {
return Err("CCR is not installed".to_string());
}
let output = Command::new("ccr")
.arg("restart")
.output()
.map_err(|e| format!("Failed to restart ccr service: {}", e))?;
if !output.status.success() {
let error = String::from_utf8_lossy(&output.stderr);
return Err(format!("Failed to restart CCR service: {}", error));
}
// 等待服务重启
tokio::time::sleep(tokio::time::Duration::from_secs(3)).await;
// 检查新状态
let new_status = get_ccr_service_status().await?;
Ok(CcrServiceInfo {
status: new_status,
message: "CCR service restarted successfully".to_string(),
})
}
/// 打开 CCR UI
#[tauri::command]
pub async fn open_ccr_ui() -> Result<String, String> {
if !check_ccr_installation().await.unwrap_or(false) {
return Err("CCR is not installed".to_string());
}
// 检查服务状态
let status = get_ccr_service_status().await?;
if !status.is_running {
// 如果服务未运行,尝试启动
let _start_result = start_ccr_service().await?;
// 再等待一下
tokio::time::sleep(tokio::time::Duration::from_secs(2)).await;
}
// 执行 ccr ui 命令
let _output = Command::new("ccr")
.arg("ui")
.spawn()
.map_err(|e| format!("Failed to open ccr ui: {}", e))?;
Ok("CCR UI opening...".to_string())
}
/// 获取 CCR 配置路径
#[tauri::command]
pub async fn get_ccr_config_path() -> Result<String, String> {
let home_dir = dirs::home_dir()
.ok_or("Could not find home directory")?;
let config_path = home_dir
.join(".claude-code-router")
.join("config.json");
Ok(config_path.to_string_lossy().to_string())
}

View File

@@ -14,3 +14,4 @@ pub mod packycode_nodes;
pub mod filesystem;
pub mod git;
pub mod terminal;
pub mod ccr;

View File

@@ -79,6 +79,10 @@ use commands::terminal::{
create_terminal_session, send_terminal_input, close_terminal_session,
list_terminal_sessions, resize_terminal, cleanup_terminal_sessions, TerminalState,
};
use commands::ccr::{
check_ccr_installation, get_ccr_version, get_ccr_service_status, start_ccr_service,
stop_ccr_service, restart_ccr_service, open_ccr_ui, get_ccr_config_path,
};
use process::ProcessRegistryState;
use file_watcher::FileWatcherState;
use std::sync::Mutex;
@@ -417,6 +421,16 @@ fn main() {
list_terminal_sessions,
resize_terminal,
cleanup_terminal_sessions,
// CCR (Claude Code Router)
check_ccr_installation,
get_ccr_version,
get_ccr_service_status,
start_ccr_service,
stop_ccr_service,
restart_ccr_service,
open_ccr_ui,
get_ccr_config_path,
])
.run(tauri::generate_context!())
.expect("error while running tauri application");

View File

@@ -29,6 +29,7 @@ import { useAppLifecycle, useTrackEvent } from "@/hooks";
import { useTranslation } from "@/hooks/useTranslation";
import { WelcomePage } from "@/components/WelcomePage";
import RelayStationManager from "@/components/RelayStationManager";
import { CcrRouterManager } from "@/components/CcrRouterManager";
import i18n from "@/lib/i18n";
type View =
@@ -44,6 +45,7 @@ type View =
| "agent-run-view"
| "mcp"
| "relay-stations"
| "ccr-router"
| "usage-dashboard"
| "project-settings"
| "tabs"; // New view for tab-based interface
@@ -282,6 +284,11 @@ function AppContent() {
<RelayStationManager onBack={() => handleViewChange("welcome")} />
);
case "ccr-router":
return (
<CcrRouterManager onBack={() => handleViewChange("welcome")} />
);
case "cc-agents":
return (
<CCAgents

View File

@@ -0,0 +1,463 @@
import { useState, useEffect } from "react";
import { motion } from "framer-motion";
import { ArrowLeft, Play, Square, RotateCcw, ExternalLink, Download, AlertCircle, CheckCircle, Loader2 } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { Toast, ToastContainer } from "@/components/ui/toast";
import { ccrApi, type CcrServiceStatus } from "@/lib/api";
import { open } from '@tauri-apps/plugin-shell';
interface CcrRouterManagerProps {
onBack: () => void;
}
export function CcrRouterManager({ onBack }: CcrRouterManagerProps) {
const [serviceStatus, setServiceStatus] = useState<CcrServiceStatus | null>(null);
const [loading, setLoading] = useState(true);
const [actionLoading, setActionLoading] = useState(false);
const [toast, setToast] = useState<{ message: string; type: "success" | "error" | "info" } | null>(null);
const [configPath, setConfigPath] = useState<string>("");
useEffect(() => {
loadServiceStatus();
loadConfigPath();
}, []);
const loadServiceStatus = async () => {
try {
setLoading(true);
const status = await ccrApi.getServiceStatus();
setServiceStatus(status);
} catch (error) {
console.error("Failed to load CCR service status:", error);
setToast({
message: `加载CCR服务状态失败: ${error}`,
type: "error"
});
} finally {
setLoading(false);
}
};
const loadConfigPath = async () => {
try {
const path = await ccrApi.getConfigPath();
setConfigPath(path);
} catch (error) {
console.error("Failed to get config path:", error);
}
};
const handleStartService = async () => {
try {
setActionLoading(true);
const result = await ccrApi.startService();
setServiceStatus(result.status);
setToast({
message: result.message,
type: "success"
});
} catch (error) {
console.error("Failed to start CCR service:", error);
setToast({
message: `启动CCR服务失败: ${error}`,
type: "error"
});
} finally {
setActionLoading(false);
}
};
const handleStopService = async () => {
try {
setActionLoading(true);
const result = await ccrApi.stopService();
setServiceStatus(result.status);
setToast({
message: result.message,
type: "success"
});
} catch (error) {
console.error("Failed to stop CCR service:", error);
setToast({
message: `停止CCR服务失败: ${error}`,
type: "error"
});
} finally {
setActionLoading(false);
}
};
const handleRestartService = async () => {
try {
setActionLoading(true);
const result = await ccrApi.restartService();
setServiceStatus(result.status);
setToast({
message: result.message,
type: "success"
});
} catch (error) {
console.error("Failed to restart CCR service:", error);
setToast({
message: `重启CCR服务失败: ${error}`,
type: "error"
});
} finally {
setActionLoading(false);
}
};
const handleOpenUI = async () => {
try {
setActionLoading(true);
// 如果服务未运行,先尝试启动
if (!serviceStatus?.is_running) {
setToast({
message: "检测到服务未运行,正在启动...",
type: "info"
});
const startResult = await ccrApi.startService();
setServiceStatus(startResult.status);
if (!startResult.status.is_running) {
throw new Error("服务启动失败");
}
// 等待服务完全启动
await new Promise(resolve => setTimeout(resolve, 3000));
}
await ccrApi.openUI();
setToast({
message: "正在打开CCR UI...",
type: "info"
});
// 刷新服务状态
setTimeout(() => {
loadServiceStatus();
}, 2000);
} catch (error) {
console.error("Failed to open CCR UI:", error);
setToast({
message: `打开CCR UI失败: ${error}`,
type: "error"
});
} finally {
setActionLoading(false);
}
};
const handleOpenInBrowser = async () => {
try {
// 如果服务未运行,先尝试启动
if (!serviceStatus?.is_running) {
setActionLoading(true);
setToast({
message: "检测到服务未运行,正在启动...",
type: "info"
});
const startResult = await ccrApi.startService();
setServiceStatus(startResult.status);
if (!startResult.status.is_running) {
throw new Error("服务启动失败");
}
// 等待服务完全启动
await new Promise(resolve => setTimeout(resolve, 2000));
setActionLoading(false);
}
if (serviceStatus?.endpoint) {
open(`${serviceStatus.endpoint}/ui/`);
setToast({
message: "正在打开CCR管理界面...",
type: "info"
});
}
} catch (error) {
console.error("Failed to open CCR UI in browser:", error);
setToast({
message: `打开管理界面失败: ${error}`,
type: "error"
});
setActionLoading(false);
}
};
const renderServiceStatus = () => {
if (!serviceStatus) return null;
const statusColor = serviceStatus.is_running ? "bg-green-500" : "bg-red-500";
const statusText = serviceStatus.is_running ? "运行中" : "已停止";
return (
<div className="flex items-center gap-2">
<div className={`w-3 h-3 rounded-full ${statusColor}`}></div>
<span className="font-medium">{statusText}</span>
{serviceStatus.is_running && serviceStatus.port && (
<Badge variant="secondary"> {serviceStatus.port}</Badge>
)}
</div>
);
};
const renderInstallationStatus = () => {
if (!serviceStatus) return null;
return (
<div className="flex items-center gap-2">
{serviceStatus.has_ccr_binary ? (
<>
<CheckCircle className="w-4 h-4 text-green-500" />
<span className="text-green-600"></span>
{serviceStatus.ccr_version && (
<Badge variant="outline">{serviceStatus.ccr_version}</Badge>
)}
</>
) : (
<>
<AlertCircle className="w-4 h-4 text-red-500" />
<span className="text-red-600"></span>
</>
)}
</div>
);
};
if (loading) {
return (
<div className="flex-1 flex items-center justify-center">
<Loader2 className="h-6 w-6 animate-spin" />
</div>
);
}
return (
<div className="flex-1 overflow-y-auto">
<div className="container mx-auto p-6 max-w-4xl">
{/* Header */}
<motion.div
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }}
className="mb-6"
>
<div className="flex items-center gap-3 mb-4">
<Button variant="ghost" size="sm" onClick={onBack}>
<ArrowLeft className="h-4 w-4" />
</Button>
<div>
<h1 className="text-3xl font-bold tracking-tight">CCR </h1>
<p className="mt-1 text-sm text-muted-foreground">
Claude Code Router
</p>
</div>
</div>
</motion.div>
{/* Service Status Card */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.1 }}
className="mb-6"
>
<Card>
<CardHeader>
<CardTitle className="flex items-center justify-between">
<span></span>
<Button
variant="outline"
size="sm"
onClick={loadServiceStatus}
disabled={loading}
>
</Button>
</CardTitle>
<CardDescription>
CCR
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<div className="flex items-center justify-between">
<span className="text-sm font-medium">:</span>
{renderInstallationStatus()}
</div>
<div className="flex items-center justify-between">
<span className="text-sm font-medium">:</span>
{renderServiceStatus()}
</div>
{serviceStatus?.endpoint && (
<div className="flex items-center justify-between">
<span className="text-sm font-medium">:</span>
<Button
variant="link"
size="sm"
onClick={handleOpenInBrowser}
className="p-0 h-auto"
>
{serviceStatus.endpoint}/ui/
<ExternalLink className="w-3 h-3 ml-1" />
</Button>
</div>
)}
{serviceStatus?.process_id && (
<div className="flex items-center justify-between">
<span className="text-sm font-medium"> ID:</span>
<Badge variant="outline">{serviceStatus.process_id}</Badge>
</div>
)}
{configPath && (
<div className="flex items-center justify-between">
<span className="text-sm font-medium">:</span>
<span className="text-xs text-muted-foreground font-mono">
{configPath}
</span>
</div>
)}
</CardContent>
</Card>
</motion.div>
{/* Control Panel */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.2 }}
className="mb-6"
>
<Card>
<CardHeader>
<CardTitle></CardTitle>
<CardDescription>
CCR
</CardDescription>
</CardHeader>
<CardContent>
{serviceStatus?.has_ccr_binary ? (
<div className="flex gap-3 flex-wrap">
{!serviceStatus.is_running ? (
<Button
onClick={handleStartService}
disabled={actionLoading}
className="gap-2"
>
{actionLoading ? (
<Loader2 className="w-4 h-4 animate-spin" />
) : (
<Play className="w-4 h-4" />
)}
</Button>
) : (
<Button
onClick={handleStopService}
disabled={actionLoading}
variant="destructive"
className="gap-2"
>
{actionLoading ? (
<Loader2 className="w-4 h-4 animate-spin" />
) : (
<Square className="w-4 h-4" />
)}
</Button>
)}
<Button
onClick={handleRestartService}
disabled={actionLoading}
variant="outline"
className="gap-2"
>
{actionLoading ? (
<Loader2 className="w-4 h-4 animate-spin" />
) : (
<RotateCcw className="w-4 h-4" />
)}
</Button>
<Button
onClick={handleOpenUI}
disabled={actionLoading}
className="gap-2"
>
{actionLoading ? (
<Loader2 className="w-4 h-4 animate-spin" />
) : (
<ExternalLink className="w-4 h-4" />
)}
{serviceStatus.is_running ? "打开管理界面" : "启动并打开管理界面"}
</Button>
</div>
) : (
<div className="text-center py-8">
<AlertCircle className="w-12 h-12 text-muted-foreground mx-auto mb-4" />
<h3 className="text-lg font-medium mb-2">CCR </h3>
<p className="text-muted-foreground mb-4">
Claude Code Router 使
</p>
<Button
onClick={() => open("https://www.npmjs.com/package/@musistudio/claude-code-router")}
className="gap-2"
>
<Download className="w-4 h-4" />
CCR
</Button>
</div>
)}
</CardContent>
</Card>
</motion.div>
{/* Information Card */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.3 }}
>
<Card>
<CardHeader>
<CardTitle> CCR </CardTitle>
</CardHeader>
<CardContent className="space-y-3 text-sm text-muted-foreground">
<p>
Claude Code Router (CCR) Claude Code LLM
</p>
<ul className="list-disc list-inside space-y-1">
<li> LLM OpenRouterDeepSeekGemini </li>
<li></li>
<li>Web UI 便</li>
<li> Anthropic 使 Claude Code</li>
</ul>
</CardContent>
</Card>
</motion.div>
</div>
{/* Toast Container */}
<ToastContainer>
{toast && (
<Toast
message={toast.message}
type={toast.type}
onDismiss={() => setToast(null)}
/>
)}
</ToastContainer>
</div>
);
}

View File

@@ -1,11 +1,11 @@
import React, { useState } from "react";
import { motion, AnimatePresence } from "framer-motion";
import {
Network,
Globe,
Terminal,
Trash2,
Play,
import {
Network,
Globe,
Terminal,
Trash2,
Play,
CheckCircle,
Loader2,
RefreshCw,
@@ -57,7 +57,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
const [expandedServers, setExpandedServers] = useState<Set<string>>(new Set());
const [copiedServer, setCopiedServer] = useState<string | null>(null);
const [connectedServers] = useState<string[]>([]);
// Analytics tracking
const trackEvent = useTrackEvent();
@@ -103,18 +103,18 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
const handleRemoveServer = async (name: string) => {
try {
setRemovingServer(name);
// Check if server was connected
const wasConnected = connectedServers.includes(name);
await api.mcpRemove(name);
// Track server removal
trackEvent.mcpServerRemoved({
server_name: name,
was_connected: wasConnected
});
onServerRemoved(name);
} catch (error) {
console.error("Failed to remove server:", error);
@@ -131,15 +131,15 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
setTestingServer(name);
const result = await api.mcpTestConnection(name);
const server = servers.find(s => s.name === name);
// Track connection result - result is a string message
trackEvent.mcpServerConnected(name, true, server?.transport || 'unknown');
// TODO: Show result in a toast or modal
console.log("Test result:", result);
} catch (error) {
console.error("Failed to test connection:", error);
console.error("Failed to test.md connection:", error);
trackEvent.mcpConnectionError({
server_name: name,
error_type: 'test_failed',
@@ -202,7 +202,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
const renderServerItem = (server: MCPServer) => {
const isExpanded = expandedServers.has(server.name);
const isCopied = copiedServer === server.name;
return (
<motion.div
key={server.name}
@@ -226,7 +226,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
</Badge>
)}
</div>
{server.command && !isExpanded && (
<div className="flex items-center gap-2">
<p className="text-xs text-muted-foreground font-mono truncate pl-9 flex-1" title={server.command}>
@@ -243,7 +243,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
</Button>
</div>
)}
{server.transport === "sse" && server.url && !isExpanded && (
<div className="overflow-hidden">
<p className="text-xs text-muted-foreground font-mono truncate pl-9" title={server.url}>
@@ -251,14 +251,14 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
</p>
</div>
)}
{Object.keys(server.env).length > 0 && !isExpanded && (
<div className="flex items-center gap-1 text-xs text-muted-foreground pl-9">
<span>{t('mcp.environmentVariablesCount', { count: Object.keys(server.env).length })}</span>
</div>
)}
</div>
<div className="flex items-center gap-2 opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0">
<Button
variant="ghost"
@@ -288,7 +288,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
</Button>
</div>
</div>
{/* Expanded Details */}
{isExpanded && (
<motion.div
@@ -328,7 +328,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
</p>
</div>
)}
{server.args && server.args.length > 0 && (
<div className="space-y-1">
<p className="text-xs font-medium text-muted-foreground">{t('mcp.arguments')}</p>
@@ -342,7 +342,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
</div>
</div>
)}
{server.transport === "sse" && server.url && (
<div className="space-y-1">
<p className="text-xs font-medium text-muted-foreground">{t('mcp.url')}</p>
@@ -351,7 +351,7 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
</p>
</div>
)}
{Object.keys(server.env).length > 0 && (
<div className="space-y-1">
<p className="text-xs font-medium text-muted-foreground">{t('mcp.environmentVariables')}</p>
@@ -433,4 +433,4 @@ export const MCPServerList: React.FC<MCPServerListProps> = ({
)}
</div>
);
};
};

View File

@@ -1,5 +1,5 @@
import { motion } from "framer-motion";
import { Bot, FolderCode, BarChart, ServerCog, FileText, Settings, Network } from "lucide-react";
import { Bot, FolderCode, BarChart, ServerCog, FileText, Settings, Network, Router } from "lucide-react";
import { useTranslation } from "@/hooks/useTranslation";
import { Button } from "@/components/ui/button";
import { ClaudiaLogoMinimal } from "@/components/ClaudiaLogo";
@@ -61,6 +61,15 @@ export function WelcomePage({ onNavigate, onNewSession }: WelcomePageProps) {
bgColor: "bg-orange-500/10",
view: "mcp"
},
{
id: "ccr-router",
icon: Router,
title: t("welcome.ccrRouter"),
subtitle: t("welcome.ccrRouterDesc"),
color: "text-orange-500",
bgColor: "bg-orange-500/10",
view: "ccr-router"
},
{
id: "claude-md",
icon: FileText,
@@ -147,7 +156,7 @@ export function WelcomePage({ onNavigate, onNewSession }: WelcomePageProps) {
</div>
{/* Bottom Feature Cards */}
<div className="grid grid-cols-4 gap-6 mb-10">
<div className="grid grid-cols-5 gap-6 mb-10">
{bottomFeatures.map((feature, index) => (
<motion.div
key={feature.id}

View File

@@ -2,7 +2,7 @@ import { invoke } from "@tauri-apps/api/core";
import type { HooksConfiguration } from '@/types/hooks';
/** Process type for tracking in ProcessRegistry */
export type ProcessType =
export type ProcessType =
| { AgentRun: { agent_id: number; agent_name: string } }
| { ClaudeSession: { session_id: string } };
@@ -451,7 +451,7 @@ export interface ImportServerResult {
// ================================
/** 中转站适配器类型 */
export type RelayStationAdapter =
export type RelayStationAdapter =
| 'packycode' // PackyCode 平台(默认)
| 'newapi' // NewAPI 兼容平台
| 'oneapi' // OneAPI 兼容平台
@@ -459,7 +459,7 @@ export type RelayStationAdapter =
| 'custom'; // 自定义简单配置
/** 认证方式 */
export type AuthMethod =
export type AuthMethod =
| 'bearer_token' // Bearer Token 认证(推荐)
| 'api_key' // API Key 认证
| 'custom'; // 自定义认证方式
@@ -560,7 +560,7 @@ export interface TokenPaginationResponse {
// ============= PackyCode Nodes =============
/** PackyCode 节点类型 */
export type NodeType =
export type NodeType =
| 'direct' // 直连节点
| 'backup' // 备用节点
| 'emergency'; // 紧急节点
@@ -678,13 +678,13 @@ export const api = {
try {
const result = await invoke<{ data: ClaudeSettings }>("get_claude_settings");
console.log("Raw result from get_claude_settings:", result);
// The Rust backend returns ClaudeSettings { data: ... }
// We need to extract the data field
if (result && typeof result === 'object' && 'data' in result) {
return result.data;
}
// If the result is already the settings object, return it
return result as ClaudeSettings;
} catch (error) {
@@ -805,7 +805,7 @@ export const api = {
},
// Agent API methods
/**
* Lists all CC agents
* @returns Promise resolving to an array of agents
@@ -830,17 +830,17 @@ export const api = {
* @returns Promise resolving to the created agent
*/
async createAgent(
name: string,
icon: string,
system_prompt: string,
default_task?: string,
name: string,
icon: string,
system_prompt: string,
default_task?: string,
model?: string,
hooks?: string
): Promise<Agent> {
try {
return await invoke<Agent>('create_agent', {
name,
icon,
return await invoke<Agent>('create_agent', {
name,
icon,
systemPrompt: system_prompt,
defaultTask: default_task,
model,
@@ -864,19 +864,19 @@ export const api = {
* @returns Promise resolving to the updated agent
*/
async updateAgent(
id: number,
name: string,
icon: string,
system_prompt: string,
default_task?: string,
id: number,
name: string,
icon: string,
system_prompt: string,
default_task?: string,
model?: string,
hooks?: string
): Promise<Agent> {
try {
return await invoke<Agent>('update_agent', {
id,
name,
icon,
return await invoke<Agent>('update_agent', {
id,
name,
icon,
systemPrompt: system_prompt,
defaultTask: default_task,
model,
@@ -1545,9 +1545,9 @@ export const api = {
* Tracks a batch of messages for a session for checkpointing
*/
trackSessionMessages: (
sessionId: string,
projectId: string,
projectPath: string,
sessionId: string,
projectId: string,
projectPath: string,
messages: string[]
): Promise<void> =>
invoke("track_session_messages", { sessionId, projectId, projectPath, messages }),
@@ -1662,7 +1662,7 @@ export const api = {
try {
return await invoke<string>("mcp_test_connection", { name });
} catch (error) {
console.error("Failed to test MCP connection:", error);
console.error("Failed to test.md MCP connection:", error);
throw error;
}
},
@@ -2289,13 +2289,13 @@ export const api = {
/**
* Tests relay station connection
* @param stationId - The relay station ID
* @returns Promise resolving to connection test result
* @returns Promise resolving to connection test.md result
*/
async relayStationTestConnection(stationId: string): Promise<ConnectionTestResult> {
try {
return await invoke<ConnectionTestResult>("relay_station_test_connection", { stationId });
} catch (error) {
console.error("Failed to test connection:", error);
console.error("Failed to test.md connection:", error);
throw error;
}
},
@@ -2309,9 +2309,9 @@ export const api = {
* @returns Promise resolving to usage logs
*/
async relayStationGetUsageLogs(
stationId: string,
userId: string,
page?: number,
stationId: string,
userId: string,
page?: number,
size?: number
): Promise<any> {
try {
@@ -2330,8 +2330,8 @@ export const api = {
* @returns Promise resolving to token pagination response
*/
async relayStationListTokens(
stationId: string,
page?: number,
stationId: string,
page?: number,
size?: number
): Promise<TokenPaginationResponse> {
try {
@@ -2350,8 +2350,8 @@ export const api = {
* @returns Promise resolving to created token info
*/
async relayStationCreateToken(
stationId: string,
name: string,
stationId: string,
name: string,
quota?: number
): Promise<TokenInfo> {
try {
@@ -2371,9 +2371,9 @@ export const api = {
* @returns Promise resolving to updated token info
*/
async relayStationUpdateToken(
stationId: string,
tokenId: string,
name?: string,
stationId: string,
tokenId: string,
name?: string,
quota?: number
): Promise<TokenInfo> {
try {
@@ -2400,16 +2400,16 @@ export const api = {
},
// ============= PackyCode Nodes =============
/**
* Tests all PackyCode nodes and returns speed test results
* @returns Promise resolving to array of node speed test results
* Tests all PackyCode nodes and returns speed test.md results
* @returns Promise resolving to array of node speed test.md results
*/
async testAllPackycodeNodes(): Promise<NodeSpeedTestResult[]> {
try {
return await invoke<NodeSpeedTestResult[]>("test_all_packycode_nodes");
} catch (error) {
console.error("Failed to test PackyCode nodes:", error);
console.error("Failed to test.md PackyCode nodes:", error);
throw error;
}
},
@@ -2455,7 +2455,7 @@ export const api = {
},
// ============= File System Watching =============
/**
* Starts watching a directory for file system changes
* @param directoryPath - The directory path to watch
@@ -2486,7 +2486,7 @@ export const api = {
},
// ============= Claude Project Directory Watching =============
/**
* Starts watching Claude project directory for the given project path
* @param projectPath - The project path to find the corresponding Claude directory
@@ -2516,7 +2516,7 @@ export const api = {
},
// ============= Terminal API =============
/**
* Creates a new terminal session using Zellij
* @param workingDirectory - The working directory for the terminal session
@@ -2621,3 +2621,117 @@ export const api = {
}
}
};
// CCR (Claude Code Router) Related Interfaces
export interface CcrServiceStatus {
is_running: boolean;
port?: number;
endpoint?: string;
has_ccr_binary: boolean;
ccr_version?: string;
process_id?: number;
}
export interface CcrServiceInfo {
status: CcrServiceStatus;
message: string;
}
// CCR API methods
export const ccrApi = {
/**
* Check if CCR is installed
*/
async checkInstallation(): Promise<boolean> {
try {
return await invoke<boolean>("check_ccr_installation");
} catch (error) {
console.error("Failed to check CCR installation:", error);
throw error;
}
},
/**
* Get CCR version
*/
async getVersion(): Promise<string> {
try {
return await invoke<string>("get_ccr_version");
} catch (error) {
console.error("Failed to get CCR version:", error);
throw error;
}
},
/**
* Get CCR service status
*/
async getServiceStatus(): Promise<CcrServiceStatus> {
try {
return await invoke<CcrServiceStatus>("get_ccr_service_status");
} catch (error) {
console.error("Failed to get CCR service status:", error);
throw error;
}
},
/**
* Start CCR service
*/
async startService(): Promise<CcrServiceInfo> {
try {
return await invoke<CcrServiceInfo>("start_ccr_service");
} catch (error) {
console.error("Failed to start CCR service:", error);
throw error;
}
},
/**
* Stop CCR service
*/
async stopService(): Promise<CcrServiceInfo> {
try {
return await invoke<CcrServiceInfo>("stop_ccr_service");
} catch (error) {
console.error("Failed to stop CCR service:", error);
throw error;
}
},
/**
* Restart CCR service
*/
async restartService(): Promise<CcrServiceInfo> {
try {
return await invoke<CcrServiceInfo>("restart_ccr_service");
} catch (error) {
console.error("Failed to restart CCR service:", error);
throw error;
}
},
/**
* Open CCR UI
*/
async openUI(): Promise<string> {
try {
return await invoke<string>("open_ccr_ui");
} catch (error) {
console.error("Failed to open CCR UI:", error);
throw error;
}
},
/**
* Get CCR config file path
*/
async getConfigPath(): Promise<string> {
try {
return await invoke<string>("get_ccr_config_path");
} catch (error) {
console.error("Failed to get CCR config path:", error);
throw error;
}
}
};

View File

@@ -125,7 +125,9 @@
"claudeMdDesc": "Edit Claude configuration files",
"settings": "Settings",
"settingsDesc": "App settings and configuration",
"quickStartSession": "Quick Start New Session"
"quickStartSession": "Quick Start New Session",
"ccrRouter": "CCR Router",
"ccrRouterDesc": "Claude Code Router configuration management"
},
"projects": {
"title": "Projects",

View File

@@ -122,7 +122,9 @@
"claudeMdDesc": "编辑 Claude 配置文件",
"settings": "设置",
"settingsDesc": "应用设置和配置",
"quickStartSession": "快速开始新会话"
"quickStartSession": "快速开始新会话",
"ccrRouter": "CCR 路由",
"ccrRouterDesc": "Claude Code Router 配置管理"
},
"projects": {
"title": "项目",