From 55e8365cab5aa6d23bff9173341c998b6fed7677 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=B4=E5=A4=A9?= Date: Mon, 13 Apr 2026 15:10:20 +0800 Subject: [PATCH] chore: release v0.13.2 --- CHANGELOG.md | 26 ++ docs/index.html | 18 +- package-lock.json | 4 +- package.json | 2 +- scripts/dev-api.js | 203 +++++++++++- src-tauri/Cargo.lock | 2 +- src-tauri/Cargo.toml | 2 +- src-tauri/src/commands/hermes.rs | 445 +++++++++++++++++++++++++- src-tauri/src/commands/service.rs | 7 +- src-tauri/src/lib.rs | 10 + src-tauri/tauri.conf.json | 2 +- src/engines/hermes/index.js | 19 +- src/engines/hermes/pages/cron.js | 269 +++++++++++++--- src/engines/hermes/pages/dashboard.js | 70 ++-- src/engines/hermes/pages/logs.js | 156 +++++++++ src/engines/hermes/pages/memory.js | 147 +++++++++ src/engines/hermes/pages/skills.js | 145 ++++++++- src/lib/tauri-api.js | 12 + src/locales/modules/engine.js | 54 +++- src/locales/modules/sidebar.js | 1 + src/pages/settings.js | 14 +- src/style/pages.css | 225 +++++++++++++ 22 files changed, 1716 insertions(+), 117 deletions(-) create mode 100644 src/engines/hermes/pages/logs.js create mode 100644 src/engines/hermes/pages/memory.js diff --git a/CHANGELOG.md b/CHANGELOG.md index 64ad7fc..661e435 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,32 @@ 格式遵循 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)， 版本号遵循 [语义化版本](https://semver.org/lang/zh-CN/)。 +## [0.13.2] - 2026-04-13 + +### 新功能 (Features) + +- **Hermes 日志查看器** — 新增 Agent 日志页面，支持文件列表、级别过滤、关键词搜索，左右分栏布局实时浏览日志 +- **Hermes Skills 浏览器** — 新增 Skills 页面，左侧分类列表 + 右侧 Markdown 详情预览 +- **Hermes 记忆编辑器** — 新增记忆文件页面，支持查看和编辑 Agent 笔记（MEMORY.md）与用户画像（USER.md） +- **Hermes 定时任务可视化** — 定时任务页面全新重写：统计卡片、快捷预设按钮（每5分钟/每小时/每天9:00等）、cron 表达式实时人性化预览、SVG 图标操作按钮 + +### 改进 (Improvements) + +- **仪表盘模型配置折叠** — 模型配置区域默认折叠，点击可展开/收起，节省仪表盘空间 +- **定时任务执行反馈** — "立即执行"按钮点击后显示✓/✕状态闪烁，明确告知执行结果 +- **Hermes CLI 命令完整对接** — Rust 后端新增 sessions/logs/skills/memory 全套 CLI 命令，Web 后端同步实现 +- **API 代理认证注入** — `hermes_api_proxy` 自动从 .env 注入 API_SERVER_KEY，解决 Cron 等页面 "Invalid API key" 错误 + +### 修复 (Fixes) + +- **定时任务显示 [object Object]** — 正确解析 Gateway 返回的 schedule 对象（`{kind,expr,display}`），提取 cron 表达式显示 +- **定时任务保存 'str' has no attribute 'get'** — 保存时发送 `{kind:'cron', expr:...}` 对象格式，匹配 Gateway 期望的结构 +- **ClawPanel 误杀外部 Gateway** — `cleanup_zombie_gateway_processes` 不再杀死外部启动的健康 Gateway 进程，改为采纳其 PID +- **croniter 依赖缺失** — `uv tool install` 添加 `--with croniter`，确保定时任务功能开箱即用 +- **API 代理错误提取** — 修复嵌套错误对象（`{error:{message:...}}`）的提取逻辑 + +--- + ## [0.13.1] - 2026-04-13 ### 新功能 (Features) diff --git a/docs/index.html b/docs/index.html index e6115be..dd729e0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -34,7 +34,7 @@ "description": "支持 OpenClaw 和 Hermes Agent 双引擎的多 AI Agent 可视化管理面板，基于 Tauri v2 的跨平台桌面应用。内置晴辰助手支持工具调用，晴辰云 AI 接口一键接入。支持仪表盘监控、多模型配置、Hermes Agent 对话、消息渠道管理、内置 QQ 机器人、实时 AI 聊天、记忆管理、Agent 管理、网关配置、内网穿透等功能。支持 11 种语言。", "url": "https://claw.qt.cool/", "downloadUrl": "https://github.com/qingchencloud/clawpanel/releases/latest", - "softwareVersion": "0.13.0", + "softwareVersion": "0.13.2", "author": { "@type": "Organization", "name": "晴辰云 QingchenCloud", @@ -1155,7 +1155,7 @@
-
v0.12.0 最新版
+
v0.13.2 最新版

下载安装

选择你的操作系统，一键下载安装

@@ -1165,11 +1165,11 @@

macOS

支持 Apple Silicon 和 Intel 芯片

- + Apple Silicon (M1/M2/M3/M4) .dmg - + Intel 芯片 .dmg @@ -1187,15 +1187,15 @@

Windows

支持 Windows 10 及以上版本

- + 安装程序 .exe - + 完整包（含 WebView2） .exe - + MSI 安装包 .msi @@ -1206,11 +1206,11 @@

Linux

支持主流 Linux 发行版

- + 通用版 .AppImage - + Debian / Ubuntu .deb diff --git a/package-lock.json b/package-lock.json index 4a522e2..fe265ec 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "clawpanel", - "version": "0.13.0", + "version": "0.13.2", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "clawpanel", - "version": "0.13.0", + "version": "0.13.2", "license": "AGPL-3.0", "dependencies": { "@tauri-apps/api": "^2.5.0", diff --git a/package.json b/package.json index 3df0ee3..626dd3e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "clawpanel", - "version": "0.13.1", + "version": "0.13.2", "private": true, "description": "ClawPanel - OpenClaw 可视化管理面板，基于 Tauri v2 的跨平台桌面应用", "type": "module", diff --git a/scripts/dev-api.js b/scripts/dev-api.js index f1a1884..61b7a9e 100644 --- a/scripts/dev-api.js +++ b/scripts/dev-api.js @@ -6555,7 +6555,13 @@ const handlers = { const opts = { method: method || 'GET', headers: { 'User-Agent': 'ClawPanel-Web' } } const timeout = (reqPath.includes('/chat/completions') || reqPath.includes('/responses')) ? 120000 : 30000 opts.signal = AbortSignal.timeout(timeout) - if (body && (method === 'POST' || method === 'PATCH')) { + // Auto-inject API_SERVER_KEY from .env if available + try { + const envContent = fs.readFileSync(path.join(hermesHome(), '.env'), 'utf8') + const m = envContent.match(/^API_SERVER_KEY=(.+)$/m) + if (m) opts.headers['Authorization'] = `Bearer ${m[1].trim()}` + } catch {} + if (body && (method === 'POST' || method === 'PATCH' || method === 'PUT' || method === 'DELETE')) { opts.body = typeof body === 'string' ? body : JSON.stringify(body) opts.headers['Content-Type'] = 'application/json' } @@ -6565,7 +6571,7 @@ const handlers = { const resp = await globalThis.fetch(url, opts) const text = await resp.text() let json; try { json = JSON.parse(text) } catch { json = { raw: text } } - if (resp.status >= 400) throw new Error(json?.error || text) + if (resp.status >= 400) throw new Error(json?.error?.message || json?.error || text) return json }, @@ -6705,6 +6711,199 @@ const handlers = { return `Gateway URL 已设置: ${hermesGatewayUrl()}` }, + // ========================================================================= + // Hermes Sessions / Logs / Skills / Memory + // ========================================================================= + + hermes_sessions_list({ source, limit } = {}) { + const args = ['sessions', 'export', '-'] + if (source) args.push('--source', source) + const r = runHermesSilent('hermes', args) + if (!r.ok) return [] + const sessions = [] + for (const line of r.stdout.split('\n')) { + const t = line.trim() + if (!t) continue + try { + const obj = JSON.parse(t) + sessions.push({ + id: obj.session_id || obj.id || '', + title: obj.title || obj.name || '', + source: obj.source || '', + model: obj.model || '', + created_at: obj.created_at || obj.createdAt || '', + updated_at: obj.updated_at || obj.updatedAt || '', + message_count: obj.message_count || (obj.messages ? obj.messages.length : 0), + }) + } catch {} + } + sessions.sort((a, b) => (b.created_at || '').localeCompare(a.created_at || '')) + if (limit && limit > 0) return sessions.slice(0, limit) + return sessions + }, + + hermes_session_detail({ sessionId } = {}) { + if (!sessionId) throw new Error('sessionId is required') + const r = runHermesSilent('hermes', ['sessions', 'export', '-']) + if (!r.ok) throw new Error('Failed to read sessions') + for (const line of r.stdout.split('\n')) { + const t = line.trim() + if (!t) continue + try { + const obj = JSON.parse(t) + if ((obj.session_id || obj.id) === sessionId) { + return { + id: obj.session_id || obj.id, + title: obj.title || obj.name || '', + source: obj.source || '', + model: obj.model || '', + created_at: obj.created_at || '', + messages: (obj.messages || []).map(m => ({ + role: m.role || '', + content: typeof m.content === 'string' ? m.content : JSON.stringify(m.content || ''), + timestamp: m.timestamp || m.created_at || '', + })), + } + } + } catch {} + } + throw new Error('Session not found') + }, + + hermes_session_delete({ sessionId } = {}) { + if (!sessionId) throw new Error('sessionId is required') + const r = runHermesSilent('hermes', ['sessions', 'delete', sessionId, '--yes']) + if (!r.ok) throw new Error(`Failed to delete session: ${r.stderr || 'unknown error'}`) + return 'ok' + }, + + hermes_session_rename({ sessionId, title } = {}) { + if (!sessionId || !title) throw new Error('sessionId and title are required') + const r = runHermesSilent('hermes', ['sessions', 'rename', sessionId, title]) + if (!r.ok) throw new Error(`Failed to rename session: ${r.stderr || 'unknown error'}`) + return 'ok' + }, + + hermes_logs_list() { + const r = runHermesSilent('hermes', ['logs', 'list']) + if (!r.ok) { + // Fallback: read log files from ~/.hermes/logs/ + const logsDir = path.join(hermesHome(), 'logs') + if (!fs.existsSync(logsDir)) return [] + try { + return fs.readdirSync(logsDir) + .filter(f => f.endsWith('.log') || f.endsWith('.txt')) + .map(f => { + const stat = fs.statSync(path.join(logsDir, f)) + return { name: f, size: stat.size, modified: stat.mtime.toISOString() } + }) + .sort((a, b) => b.modified.localeCompare(a.modified)) + } catch { return [] } + } + // Parse CLI output + const files = [] + for (const line of r.stdout.split('\n')) { + const t = line.trim() + if (!t || t.startsWith('─') || t.startsWith('Name') || t.startsWith('=')) continue + const parts = t.split(/\s{2,}/) + if (parts.length >= 1) files.push({ name: parts[0], size: parts[1] || '', modified: parts[2] || '' }) + } + return files + }, + + hermes_logs_read({ name, lines = 200, level } = {}) { + if (!name) throw new Error('log file name is required') + const args = ['logs', name, '-n', String(lines)] + if (level) args.push('--level', level) + const r = runHermesSilent('hermes', args) + if (!r.ok) { + // Fallback: direct file read + const logPath = path.join(hermesHome(), 'logs', name) + if (!fs.existsSync(logPath)) throw new Error(`Log file not found: ${name}`) + const content = fs.readFileSync(logPath, 'utf8') + const allLines = content.split('\n') + const tail = allLines.slice(-lines) + return tail.map(line => { + const m = line.match(/^(\S+\s+\S+)\s+(\w+)\s+(.*)/) + return m ? { timestamp: m[1], level: m[2], message: m[3], raw: line } : { raw: line } + }).filter(e => e.raw.trim()) + } + return r.stdout.split('\n').filter(l => l.trim()).map(line => { + const m = line.match(/^(\S+\s+\S+)\s+(\w+)\s+(.*)/) + return m ? { timestamp: m[1], level: m[2], message: m[3], raw: line } : { raw: line } + }) + }, + + hermes_skills_list() { + const skillsDir = path.join(hermesHome(), 'skills') + if (!fs.existsSync(skillsDir)) return [] + const categories = [] + try { + const entries = fs.readdirSync(skillsDir, { withFileTypes: true }) + for (const entry of entries) { + if (entry.isDirectory()) { + const catDir = path.join(skillsDir, entry.name) + const skills = [] + for (const file of fs.readdirSync(catDir)) { + if (!file.endsWith('.md')) continue + const filePath = path.join(catDir, file) + const content = fs.readFileSync(filePath, 'utf8') + const nameMatch = content.match(/^#\s+(.+)/m) + const descMatch = content.match(/^(?:##\s+)?(?:Description|描述)[:\s]*(.+)/mi) || content.match(/^[^#\n].{10,}/m) + skills.push({ + file: file, + name: nameMatch ? nameMatch[1].trim() : file.replace('.md', ''), + description: descMatch ? descMatch[1].trim().slice(0, 200) : '', + path: filePath, + }) + } + if (skills.length > 0) { + categories.push({ category: entry.name, skills }) + } + } else if (entry.name.endsWith('.md')) { + // Top-level skill + const filePath = path.join(skillsDir, entry.name) + const content = fs.readFileSync(filePath, 'utf8') + const nameMatch = content.match(/^#\s+(.+)/m) + categories.push({ + category: '_root', + skills: [{ file: entry.name, name: nameMatch ? nameMatch[1].trim() : entry.name.replace('.md', ''), description: '', path: filePath }] + }) + } + } + } catch {} + return categories + }, + + hermes_skill_detail({ filePath } = {}) { + if (!filePath) throw new Error('filePath is required') + // Security: ensure path is within hermes skills dir + const skillsDir = path.join(hermesHome(), 'skills') + const resolved = path.resolve(filePath) + if (!resolved.startsWith(skillsDir)) throw new Error('Access denied') + if (!fs.existsSync(resolved)) throw new Error('Skill file not found') + return fs.readFileSync(resolved, 'utf8') + }, + + hermes_memory_read({ type = 'memory' } = {}) { + const home = hermesHome() + const fileName = type === 'user' ? 'USER.md' : 'MEMORY.md' + const filePath = path.join(home, 'memories', fileName) + if (!fs.existsSync(filePath)) return '' + return fs.readFileSync(filePath, 'utf8') + }, + + hermes_memory_write({ type = 'memory', content } = {}) { + if (content == null) throw new Error('content is required') + const home = hermesHome() + const memDir = path.join(home, 'memories') + fs.mkdirSync(memDir, { recursive: true }) + const fileName = type === 'user' ? 'USER.md' : 'MEMORY.md' + const filePath = path.join(memDir, fileName) + fs.writeFileSync(filePath, content, 'utf8') + return 'ok' + }, + async update_hermes() { const uvPath = path.join(uvBinDir(), isWindows ? 'uv.exe' : 'uv') const uv = fs.existsSync(uvPath) ? uvPath : 'uv' diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock index 77c0eef..43fce3e 100644 --- a/src-tauri/Cargo.lock +++ b/src-tauri/Cargo.lock @@ -351,7 +351,7 @@ dependencies = [ [[package]] name = "clawpanel" -version = "0.13.1" +version = "0.13.2" dependencies = [ "base64 0.22.1", "chrono", diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml index fc16b2d..fe83b1f 100644 --- a/src-tauri/Cargo.toml +++ b/src-tauri/Cargo.toml @@ -1,6 +1,6 @@ [package] name = "clawpanel" -version = "0.13.1" +version = "0.13.2" edition = "2021" description = "ClawPanel - OpenClaw 可视化管理面板" authors = ["qingchencloud"] diff --git a/src-tauri/src/commands/hermes.rs b/src-tauri/src/commands/hermes.rs index ec7d862..05dc7c0 100644 --- a/src-tauri/src/commands/hermes.rs +++ b/src-tauri/src/commands/hermes.rs @@ -946,7 +946,7 @@ async fn install_via_uv_tool( }; let mut cmd = tokio::process::Command::new(uv_path); - cmd.args(["tool", "install", "--force", &pkg, "--python", "3.11"]); + cmd.args(["tool", "install", "--force", &pkg, "--python", "3.11", "--with", "croniter"]); // 配置 PyPI 镜像（extras 的依赖仍从 PyPI 下载） if let Some(mirror) = pypi_mirror_url() { @@ -2143,6 +2143,22 @@ pub async fn hermes_api_proxy( ) -> Result { let url = format!("{}{path}", hermes_gateway_url()); + // 读取 API_SERVER_KEY + let api_key = { + let env_path = hermes_home().join(".env"); + let mut key = String::new(); + if let Ok(content) = std::fs::read_to_string(&env_path) { + for line in content.lines() { + let line = line.trim(); + if let Some(val) = line.strip_prefix("API_SERVER_KEY=") { + key = val.trim().to_string(); + break; + } + } + } + key + }; + let timeout = if path.contains("/chat/completions") || path.contains("/responses") { std::time::Duration::from_secs(120) } else { @@ -2167,10 +2183,28 @@ pub async fn hermes_api_proxy( } r } - "DELETE" => client.delete(&url), + "PUT" => { + let mut r = client.put(&url); + if let Some(b) = &body { + r = r.header("Content-Type", "application/json").body(b.clone()); + } + r + } + "DELETE" => { + let mut r = client.delete(&url); + if let Some(b) = &body { + r = r.header("Content-Type", "application/json").body(b.clone()); + } + r + } _ => return Err(format!("不支持的方法: {method}")), }; + // 注入 API_SERVER_KEY 认证 + if !api_key.is_empty() { + req = req.header("Authorization", format!("Bearer {api_key}")); + } + // 注入自定义 headers（如 X-Hermes-Session-Id） if let Some(Value::Object(map)) = &headers { for (k, v) in map { @@ -2190,12 +2224,16 @@ pub async fn hermes_api_proxy( }); if status >= 400 { - // 返回错误信息 + // 提取错误信息：支持 {"error": "msg"} 和 {"error": {"message": "msg"}} 两种格式 let err_msg = json_val .get("error") - .and_then(|v| v.as_str()) - .unwrap_or(&text); - return Err(format!("{err_msg}")); + .and_then(|v| { + v.as_str().map(String::from).or_else(|| { + v.get("message").and_then(|m| m.as_str()).map(String::from) + }) + }) + .unwrap_or_else(|| text.clone()); + return Err(err_msg); } Ok(json_val) @@ -2369,3 +2407,398 @@ pub async fn hermes_agent_run( })); Ok(run_id) } + +// --------------------------------------------------------------------------- +// Hermes Sessions / Logs / Skills / Memory — 文件系统 + CLI 命令 +// --------------------------------------------------------------------------- + +#[tauri::command] +pub async fn hermes_sessions_list( + source: Option, + limit: Option, +) -> Result { + let mut args = vec!["sessions", "export", "-"]; + let source_owned; + if let Some(s) = &source { + source_owned = s.clone(); + args.push("--source"); + args.push(&source_owned); + } + let output = match run_silent("hermes", &args) { + Ok(s) => s, + Err(_) => return Ok(serde_json::json!([])), + }; + let mut sessions: Vec = Vec::new(); + for line in output.lines() { + let t = line.trim(); + if t.is_empty() { + continue; + } + if let Ok(obj) = serde_json::from_str::(t) { + sessions.push(serde_json::json!({ + "id": obj.get("session_id").or(obj.get("id")).and_then(|v| v.as_str()).unwrap_or(""), + "title": obj.get("title").or(obj.get("name")).and_then(|v| v.as_str()).unwrap_or(""), + "source": obj.get("source").and_then(|v| v.as_str()).unwrap_or(""), + "model": obj.get("model").and_then(|v| v.as_str()).unwrap_or(""), + "created_at": obj.get("created_at").or(obj.get("createdAt")).and_then(|v| v.as_str()).unwrap_or(""), + "updated_at": obj.get("updated_at").or(obj.get("updatedAt")).and_then(|v| v.as_str()).unwrap_or(""), + "message_count": obj.get("message_count").and_then(|v| v.as_u64()).unwrap_or(0), + })); + } + } + sessions.sort_by(|a, b| { + let ca = a["created_at"].as_str().unwrap_or(""); + let cb = b["created_at"].as_str().unwrap_or(""); + cb.cmp(ca) + }); + if let Some(lim) = limit { + if lim > 0 { + sessions.truncate(lim); + } + } + Ok(Value::Array(sessions)) +} + +#[tauri::command] +pub async fn hermes_session_detail(session_id: String) -> Result { + let output = run_silent("hermes", &["sessions", "export", "-"]) + .map_err(|e| format!("Failed to read sessions: {e}"))?; + for line in output.lines() { + let t = line.trim(); + if t.is_empty() { + continue; + } + if let Ok(obj) = serde_json::from_str::(t) { + let id = obj + .get("session_id") + .or(obj.get("id")) + .and_then(|v| v.as_str()) + .unwrap_or(""); + if id == session_id { + let messages = obj + .get("messages") + .and_then(|v| v.as_array()) + .map(|arr| { + arr.iter() + .map(|m| { + serde_json::json!({ + "role": m.get("role").and_then(|v| v.as_str()).unwrap_or(""), + "content": m.get("content").map(|c| { + if let Some(s) = c.as_str() { s.to_string() } + else { c.to_string() } + }).unwrap_or_default(), + "timestamp": m.get("timestamp").or(m.get("created_at")).and_then(|v| v.as_str()).unwrap_or(""), + }) + }) + .collect::>() + }) + .unwrap_or_default(); + return Ok(serde_json::json!({ + "id": id, + "title": obj.get("title").or(obj.get("name")).and_then(|v| v.as_str()).unwrap_or(""), + "source": obj.get("source").and_then(|v| v.as_str()).unwrap_or(""), + "model": obj.get("model").and_then(|v| v.as_str()).unwrap_or(""), + "created_at": obj.get("created_at").and_then(|v| v.as_str()).unwrap_or(""), + "messages": messages, + })); + } + } + } + Err("Session not found".into()) +} + +#[tauri::command] +pub async fn hermes_session_delete(session_id: String) -> Result { + run_silent("hermes", &["sessions", "delete", &session_id, "--yes"])?; + Ok("ok".into()) +} + +#[tauri::command] +pub async fn hermes_session_rename(session_id: String, title: String) -> Result { + run_silent("hermes", &["sessions", "rename", &session_id, &title])?; + Ok("ok".into()) +} + +#[tauri::command] +pub async fn hermes_logs_list() -> Result { + let logs_dir = hermes_home().join("logs"); + if !logs_dir.exists() { + return Ok(serde_json::json!([])); + } + let mut files: Vec = Vec::new(); + if let Ok(entries) = std::fs::read_dir(&logs_dir) { + for entry in entries.flatten() { + let name = entry.file_name().to_string_lossy().to_string(); + if !name.ends_with(".log") && !name.ends_with(".txt") && !name.ends_with(".jsonl") { + continue; + } + let (size, modified) = if let Ok(meta) = entry.metadata() { + let sz = meta.len(); + let mt = meta + .modified() + .ok() + .and_then(|t| { + t.duration_since(std::time::UNIX_EPOCH) + .ok() + .map(|d| { + let secs = d.as_secs() as i64; + // Simple ISO-ish format + let dt = chrono_simple(secs); + dt + }) + }) + .unwrap_or_default(); + (sz, mt) + } else { + (0, String::new()) + }; + files.push(serde_json::json!({ + "name": name, + "size": size, + "modified": modified, + })); + } + } + files.sort_by(|a, b| { + let ma = a["modified"].as_str().unwrap_or(""); + let mb = b["modified"].as_str().unwrap_or(""); + mb.cmp(ma) + }); + Ok(Value::Array(files)) +} + +/// Simple timestamp formatter (no chrono crate dependency) +fn chrono_simple(epoch_secs: i64) -> String { + // Use system time formatting via std + let d = std::time::UNIX_EPOCH + std::time::Duration::from_secs(epoch_secs as u64); + // Format as ISO string via debug (rough but functional) + format!("{d:?}") +} + +#[tauri::command] +pub async fn hermes_logs_read( + name: String, + lines: Option, + level: Option, +) -> Result { + let max_lines = lines.unwrap_or(200); + let log_path = hermes_home().join("logs").join(&name); + if !log_path.exists() { + return Err(format!("Log file not found: {name}")); + } + // Security: ensure path is within logs dir + let logs_dir = hermes_home().join("logs"); + let canonical = log_path + .canonicalize() + .map_err(|e| format!("Path error: {e}"))?; + let canonical_dir = logs_dir + .canonicalize() + .map_err(|e| format!("Path error: {e}"))?; + if !canonical.starts_with(&canonical_dir) { + return Err("Access denied".into()); + } + + let content = + std::fs::read_to_string(&canonical).map_err(|e| format!("Failed to read log: {e}"))?; + let all_lines: Vec<&str> = content.lines().collect(); + let start = if all_lines.len() > max_lines { + all_lines.len() - max_lines + } else { + 0 + }; + let tail = &all_lines[start..]; + + let level_upper = level.as_deref().unwrap_or("").to_uppercase(); + let mut entries: Vec = Vec::new(); + // Regex-like manual parsing: "TIMESTAMP LEVEL MESSAGE" + for line in tail { + let t = line.trim(); + if t.is_empty() { + continue; + } + // Try to parse structured log: "2024-01-01 12:00:00 INFO message..." + let parsed = parse_log_line(t); + if !level_upper.is_empty() && level_upper != "ALL" { + if let Some(ref lvl) = parsed.level { + if lvl.to_uppercase() != level_upper { + continue; + } + } else { + continue; // skip raw lines when filtering by level + } + } + entries.push(match (parsed.timestamp, parsed.level, parsed.message) { + (Some(ts), Some(lvl), Some(msg)) => serde_json::json!({ + "timestamp": ts, + "level": lvl, + "message": msg, + "raw": t, + }), + _ => serde_json::json!({ "raw": t }), + }); + } + Ok(Value::Array(entries)) +} + +struct ParsedLogLine { + timestamp: Option, + level: Option, + message: Option, +} + +fn parse_log_line(line: &str) -> ParsedLogLine { + // Pattern: "YYYY-MM-DD HH:MM:SS LEVEL rest..." or "HH:MM:SS LEVEL rest..." + let parts: Vec<&str> = line.splitn(4, char::is_whitespace).collect(); + if parts.len() >= 3 { + // Check if first two parts look like a timestamp + let maybe_date = parts[0]; + let maybe_time = parts[1]; + if (maybe_date.len() == 10 && maybe_date.contains('-')) + && (maybe_time.len() >= 8 && maybe_time.contains(':')) + { + let ts = format!("{maybe_date} {maybe_time}"); + let lvl = parts[2].to_string(); + let msg = if parts.len() > 3 { parts[3].to_string() } else { String::new() }; + return ParsedLogLine { + timestamp: Some(ts), + level: Some(lvl), + message: Some(msg), + }; + } + } + // Fallback: check if first part is time-like + if parts.len() >= 2 && parts[0].contains(':') && parts[0].len() >= 8 { + let ts = parts[0].to_string(); + let lvl = parts[1].to_string(); + let msg = parts[2..].join(" "); + return ParsedLogLine { + timestamp: Some(ts), + level: Some(lvl), + message: Some(msg), + }; + } + ParsedLogLine { + timestamp: None, + level: None, + message: None, + } +} + +#[tauri::command] +pub async fn hermes_skills_list() -> Result { + let skills_dir = hermes_home().join("skills"); + if !skills_dir.exists() { + return Ok(serde_json::json!([])); + } + let mut categories: Vec = Vec::new(); + let entries = + std::fs::read_dir(&skills_dir).map_err(|e| format!("Failed to read skills dir: {e}"))?; + for entry in entries.flatten() { + let ft = match entry.file_type() { + Ok(t) => t, + Err(_) => continue, + }; + let name = entry.file_name().to_string_lossy().to_string(); + if ft.is_dir() { + let cat_dir = skills_dir.join(&name); + let mut skills: Vec = Vec::new(); + if let Ok(files) = std::fs::read_dir(&cat_dir) { + for f in files.flatten() { + let fname = f.file_name().to_string_lossy().to_string(); + if !fname.ends_with(".md") { + continue; + } + let fpath = cat_dir.join(&fname); + let content = std::fs::read_to_string(&fpath).unwrap_or_default(); + let skill_name = content + .lines() + .find(|l| l.starts_with("# ")) + .map(|l| l[2..].trim().to_string()) + .unwrap_or_else(|| fname.trim_end_matches(".md").to_string()); + let description = content + .lines() + .find(|l| { + !l.starts_with('#') && !l.trim().is_empty() && l.trim().len() > 10 + }) + .map(|l| { + let s = l.trim(); + if s.len() > 200 { + format!("{}...", &s[..200]) + } else { + s.to_string() + } + }) + .unwrap_or_default(); + skills.push(serde_json::json!({ + "file": fname, + "name": skill_name, + "description": description, + "path": fpath.to_string_lossy(), + })); + } + } + if !skills.is_empty() { + categories.push(serde_json::json!({ + "category": name, + "skills": skills, + })); + } + } else if name.ends_with(".md") { + let fpath = skills_dir.join(&name); + let content = std::fs::read_to_string(&fpath).unwrap_or_default(); + let skill_name = content + .lines() + .find(|l| l.starts_with("# ")) + .map(|l| l[2..].trim().to_string()) + .unwrap_or_else(|| name.trim_end_matches(".md").to_string()); + categories.push(serde_json::json!({ + "category": "_root", + "skills": [{ + "file": name, + "name": skill_name, + "description": "", + "path": fpath.to_string_lossy(), + }], + })); + } + } + Ok(Value::Array(categories)) +} + +#[tauri::command] +pub async fn hermes_skill_detail(file_path: String) -> Result { + let skills_dir = hermes_home().join("skills"); + let resolved = PathBuf::from(&file_path); + let canonical = resolved + .canonicalize() + .map_err(|e| format!("Path error: {e}"))?; + let canonical_dir = skills_dir + .canonicalize() + .map_err(|e| format!("Path error: {e}"))?; + if !canonical.starts_with(&canonical_dir) { + return Err("Access denied".into()); + } + std::fs::read_to_string(&canonical).map_err(|e| format!("Failed to read skill: {e}")) +} + +#[tauri::command] +pub async fn hermes_memory_read(r#type: Option) -> Result { + let kind = r#type.as_deref().unwrap_or("memory"); + let file_name = if kind == "user" { "USER.md" } else { "MEMORY.md" }; + let file_path = hermes_home().join("memories").join(file_name); + if !file_path.exists() { + return Ok(String::new()); + } + std::fs::read_to_string(&file_path).map_err(|e| format!("Failed to read memory: {e}")) +} + +#[tauri::command] +pub async fn hermes_memory_write(r#type: Option, content: String) -> Result { + let kind = r#type.as_deref().unwrap_or("memory"); + let mem_dir = hermes_home().join("memories"); + std::fs::create_dir_all(&mem_dir).map_err(|e| format!("Failed to create dir: {e}"))?; + let file_name = if kind == "user" { "USER.md" } else { "MEMORY.md" }; + let file_path = mem_dir.join(file_name); + std::fs::write(&file_path, &content).map_err(|e| format!("Failed to write memory: {e}"))?; + Ok("ok".into()) +} diff --git a/src-tauri/src/commands/service.rs b/src-tauri/src/commands/service.rs index 68f8c0a..e2c320c 100644 --- a/src-tauri/src/commands/service.rs +++ b/src-tauri/src/commands/service.rs @@ -1245,11 +1245,12 @@ mod platform { )); kill_process_tree(pid); } else if Some(pid) != our_pid { - // /health 有响应但不是我们启动的 → 旧进程残留 + // /health 有响应但不是当前实例启动的 → 采纳为已知进程，不杀 super::guardian_log(&format!( - "清理残留 Gateway 进程 (PID {pid})：非当前实例" + "检测到外部启动的 Gateway 进程 (PID {pid})：/health 正常响应，已采纳" )); - kill_process_tree(pid); + let mut known = LAST_KNOWN_GATEWAY_PID.lock().unwrap(); + *known = Some(pid); } } } diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs index 66b8efe..e099777 100644 --- a/src-tauri/src/lib.rs +++ b/src-tauri/src/lib.rs @@ -231,6 +231,16 @@ pub fn run() { hermes::hermes_set_gateway_url, hermes::update_hermes, hermes::uninstall_hermes, + hermes::hermes_sessions_list, + hermes::hermes_session_detail, + hermes::hermes_session_delete, + hermes::hermes_session_rename, + hermes::hermes_logs_list, + hermes::hermes_logs_read, + hermes::hermes_skills_list, + hermes::hermes_skill_detail, + hermes::hermes_memory_read, + hermes::hermes_memory_write, ]) .on_window_event(|window, event| { // 关闭窗口时最小化到托盘，不退出应用 diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json index 7a42e7a..3b3bb20 100644 --- a/src-tauri/tauri.conf.json +++ b/src-tauri/tauri.conf.json @@ -1,7 +1,7 @@ { "$schema": "https://raw.githubusercontent.com/tauri-apps/tauri/dev/crates/tauri-config-schema/schema.json", "productName": "ClawPanel", - "version": "0.13.1", + "version": "0.13.2", "identifier": "ai.openclaw.clawpanel", "build": { "frontendDist": "../dist", diff --git a/src/engines/hermes/index.js b/src/engines/hermes/index.js index 6bd6048..bfa9698 100644 --- a/src/engines/hermes/index.js +++ b/src/engines/hermes/index.js @@ -71,17 +71,24 @@ export default { }] } // 就绪后显示完整菜单 - // 仅展示已开发的页面，stub 页面暂时隐藏 return [{ section: t('sidebar.sectionMonitor'), items: [ { route: '/h/dashboard', label: t('sidebar.dashboard'), icon: 'dashboard' }, - { route: '/assistant', label: t('sidebar.assistant'), icon: 'assistant' }, { route: '/h/chat', label: t('sidebar.chat'), icon: 'chat' }, + { route: '/h/logs', label: t('sidebar.logs'), icon: 'logs' }, + ] + }, { + section: t('sidebar.sectionManage'), + items: [ + { route: '/h/skills', label: t('sidebar.skills'), icon: 'skills' }, + { route: '/h/memory', label: t('sidebar.memory'), icon: 'memory' }, + { route: '/h/cron', label: t('sidebar.cron'), icon: 'clock' }, ] }, { section: '', items: [ + { route: '/assistant', label: t('sidebar.assistant'), icon: 'assistant' }, { route: '/settings', label: t('sidebar.settings'), icon: 'settings' }, { route: '/about', label: t('sidebar.about'), icon: 'about' }, ] @@ -90,15 +97,17 @@ export default { getRoutes() { return [ - // Hermes 专属页面（/h/ 前缀）— Phase 2 实现 + // Hermes 专属页面（/h/ 前缀） { path: '/h/setup', loader: () => import('./pages/setup.js') }, { path: '/h/dashboard', loader: () => import('./pages/dashboard.js') }, { path: '/h/chat', loader: () => import('./pages/chat.js') }, + { path: '/h/logs', loader: () => import('./pages/logs.js') }, + { path: '/h/skills', loader: () => import('./pages/skills.js') }, + { path: '/h/memory', loader: () => import('./pages/memory.js') }, + { path: '/h/cron', loader: () => import('./pages/cron.js') }, { path: '/h/services', loader: () => import('./pages/services.js') }, { path: '/h/config', loader: () => import('./pages/config.js') }, { path: '/h/channels', loader: () => import('./pages/channels.js') }, - { path: '/h/cron', loader: () => import('./pages/cron.js') }, - { path: '/h/skills', loader: () => import('./pages/skills.js') }, // 共用页面（引擎无关） { path: '/assistant', loader: () => import('../../pages/assistant.js') }, { path: '/settings', loader: () => import('../../pages/settings.js') }, diff --git a/src/engines/hermes/pages/cron.js b/src/engines/hermes/pages/cron.js index 89f9a98..b7bd419 100644 --- a/src/engines/hermes/pages/cron.js +++ b/src/engines/hermes/pages/cron.js @@ -5,8 +5,65 @@ import { t } from '../../../lib/i18n.js' import { api } from '../../../lib/tauri-api.js' -function escHtml(s) { - return String(s).replace(/&/g, '&').replace(//g, '>') +function esc(s) { + return String(s || '').replace(/&/g, '&').replace(//g, '>') +} +function escAttr(s) { + return String(s || '').replace(/&/g, '&').replace(/"/g, '"').replace(/ s.expr === expr) + if (hit) return hit.text + const parts = expr.split(' ') + if (parts.length !== 5) return expr + const [min, hr, dom, , dow] = parts + if (min === '*' && hr === '*') return t('engine.cronEveryMinute') + if (min.startsWith('*/')) return t('engine.cronEveryNMin').replace('{n}', min.slice(2)) + if (hr === '*' && min === '0') return t('engine.cronHourlyOnTheHour') + if (dow !== '*' && dom === '*') { + const days = ['日', '一', '二', '三', '四', '五', '六'] + const d = parseInt(dow) + return `每周${isNaN(d) ? dow : (days[d] || dow)} ${hr}:${min.padStart(2, '0')}` + } + if (dom !== '*') return `每月${dom}日 ${hr}:${min.padStart(2, '0')}` + if (hr !== '*') return `每天 ${hr}:${min.padStart(2, '0')}` + return expr +} + +// ── SVG Icons ── + +const ICONS = { + clock: ``, + play: ``, + pause: ``, + zap: ``, + edit: ``, + trash: ``, + refresh: ``, + back: ``, } export function render() { @@ -14,22 +71,19 @@ export function render() { el.className = 'page' let jobs = [] - let gwPort = 8642 let gwOnline = false let loading = true - let editingJob = null // null = list view, {} = create/edit form + let editingJob = null let busy = false let errorMsg = '' async function gw(path, opts = {}) { - const method = (opts.method || 'GET').toUpperCase() - return await api.hermesApiProxy(method, path, opts.body || null) + return await api.hermesApiProxy((opts.method || 'GET').toUpperCase(), path, opts.body || null) } async function init() { try { const info = await api.checkHermes() - gwPort = info?.gatewayPort || 8642 gwOnline = !!info?.gatewayRunning } catch (_) {} if (gwOnline) await loadJobs() @@ -48,43 +102,94 @@ export function render() { } } + // ── 主渲染 ── + function draw() { if (editingJob) { drawForm(); return } + const total = jobs.length + const active = jobs.filter(j => !j.paused).length + const paused = total - active el.innerHTML = ` -
+

${t('engine.hermesCronTitle')}

- +
+ + +
- ${errorMsg ? `
${escHtml(errorMsg)}
` : ''} - ${!gwOnline ? `
${t('engine.chatGatewayOffline')}
` : ''} - ${gwOnline && jobs.length === 0 && !loading ? `
${t('engine.cronNoJobs')}
` : ''} - ${gwOnline && jobs.length > 0 ? renderJobList() : ''} + ${errorMsg ? `
${esc(errorMsg)}
` : ''} + ${!gwOnline ? ` +
+
${ICONS.clock.replace('width="14"', 'width="32"').replace('height="14"', 'height="32"')}
+ ${t('engine.chatGatewayOffline')} +
+ ` : ''} + ${gwOnline && !loading ? ` + +
+
+
${t('engine.cronTotal')}
+
${total}
+
+
+
${t('engine.cronRunning')}
+
${active}
+
+
+
${t('engine.cronPaused')}
+
${paused}
+
+
+ ${total === 0 ? ` +
+
${ICONS.clock.replace('width="14"', 'width="40"').replace('height="14"', 'height="40"')}
+
${t('engine.cronNoJobs')}
+
${t('engine.cronNoJobsHint')}
+
+ ` : renderJobList()} + ` : ''} + ${loading ? ` +
+ ${[1,2,3].map(() => '
').join('')} +
+ ${[1,2].map(() => '
').join('')} + ` : ''} ` bindList() } function renderJobList() { - return `
${jobs.map(j => ` -
-
+ return `
${jobs.map(j => { + const expr = extractCronExpr(j.schedule) + const desc = describeCron(j.schedule) + const id = esc(j.id || j.name) + return ` +
+
-
${escHtml(j.name)}
-
${escHtml(j.schedule || '')}
- ${j.prompt ? `
${escHtml(j.prompt)}
` : ''} +
+ ${esc(j.name)} + ${j.paused ? t('engine.cronPaused') : t('engine.cronActive')} +
+
+ ${ICONS.clock} + ${esc(desc)} + ${esc(expr)} +
+ ${j.prompt ? `
${esc(j.prompt)}
` : ''}
-
- ${j.paused ? t('engine.cronPaused') : t('engine.cronActive')} - - - - +
+ + + +
-
- `).join('')}
` +
` + }).join('')}
` } function bindList() { @@ -92,73 +197,144 @@ export function render() { editingJob = { name: '', schedule: '0 9 * * *', prompt: '' } draw() }) + el.querySelector('.hm-cron-refresh')?.addEventListener('click', async () => { + loading = true; draw() + await loadJobs() + loading = false; draw() + }) el.querySelectorAll('.hm-cron-toggle').forEach(btn => { btn.addEventListener('click', async () => { const id = btn.dataset.id const paused = btn.dataset.paused === '1' + btn.disabled = true try { await gw(`/api/jobs/${encodeURIComponent(id)}/${paused ? 'resume' : 'pause'}`, { method: 'POST' }) } catch (_) {} await loadJobs(); draw() }) }) el.querySelectorAll('.hm-cron-run').forEach(btn => { btn.addEventListener('click', async () => { - try { await gw(`/api/jobs/${encodeURIComponent(btn.dataset.id)}/run`, { method: 'POST' }) } catch (_) {} + btn.disabled = true + try { + await gw(`/api/jobs/${encodeURIComponent(btn.dataset.id)}/run`, { method: 'POST' }) + // 成功反馈：短暂闪烁绿色 + btn.style.color = 'var(--success,#22c55e)' + btn.innerHTML = '✓' + setTimeout(() => { btn.innerHTML = ICONS.zap; btn.style.color = ''; btn.disabled = false }, 1500) + } catch (_) { + btn.style.color = 'var(--error)' + btn.innerHTML = '✕' + setTimeout(() => { btn.innerHTML = ICONS.zap; btn.style.color = ''; btn.disabled = false }, 1500) + } }) }) el.querySelectorAll('.hm-cron-edit').forEach(btn => { btn.addEventListener('click', () => { const job = jobs.find(j => (j.id || j.name) === btn.dataset.id) - if (job) { editingJob = { ...job, _editing: true }; draw() } + if (job) { editingJob = { ...job, schedule: extractCronExpr(job.schedule), _editing: true }; draw() } }) }) el.querySelectorAll('.hm-cron-del').forEach(btn => { btn.addEventListener('click', async () => { - if (!confirm(t('engine.cronDelete') + '?')) return + const job = jobs.find(j => (j.id || j.name) === btn.dataset.id) + const msg = t('engine.cronConfirmDelete').replace('{name}', job?.name || btn.dataset.id) + if (!confirm(msg)) return + btn.disabled = true try { await gw(`/api/jobs/${encodeURIComponent(btn.dataset.id)}`, { method: 'DELETE' }) } catch (_) {} await loadJobs(); draw() }) }) } + // ── 创建/编辑表单 ── + function drawForm() { const isEdit = !!editingJob._editing const id = editingJob.id || editingJob.name + const initSchedule = editingJob.schedule || '0 9 * * *' + + const shortcutsHtml = CRON_SHORTCUTS().map(s => { + const selected = s.expr === initSchedule + return `` + }).join('') + el.innerHTML = ` -

${isEdit ? escHtml(editingJob.name) : t('engine.cronCreate')}

- ${errorMsg ? `
${escHtml(errorMsg)}
` : ''} +
+ +

${isEdit ? t('engine.cronEdit') + ' — ' + esc(editingJob.name) : t('engine.cronCreate')}

+
+ ${errorMsg ? `
${esc(errorMsg)}
` : ''}
-
+
+
- - + +
+
- - + +
${shortcutsHtml}
+ +
+ ${ICONS.clock} ${describeCron(initSchedule)} +
+
- - + +
+
- +
` + bindForm(isEdit, id) + } + + function bindForm(isEdit, id) { + el.querySelector('.hm-cron-back')?.addEventListener('click', () => { editingJob = null; errorMsg = ''; draw() }) el.querySelector('.hm-cron-cancel')?.addEventListener('click', () => { editingJob = null; errorMsg = ''; draw() }) + + // 快捷预设 + el.querySelectorAll('.hm-cron-shortcut').forEach(btn => { + btn.addEventListener('click', () => { + el.querySelectorAll('.hm-cron-shortcut').forEach(b => { b.classList.remove('btn-primary'); b.classList.add('btn-secondary') }) + btn.classList.remove('btn-secondary'); btn.classList.add('btn-primary') + const input = el.querySelector('#hm-cron-schedule') + input.value = btn.dataset.expr + updatePreview(btn.dataset.expr) + }) + }) + + // 实时预览 + const schedInput = el.querySelector('#hm-cron-schedule') + schedInput?.addEventListener('input', () => { + const val = schedInput.value.trim() + updatePreview(val) + el.querySelectorAll('.hm-cron-shortcut').forEach(b => { + b.classList.remove('btn-primary'); b.classList.add('btn-secondary') + if (b.dataset.expr === val) { b.classList.remove('btn-secondary'); b.classList.add('btn-primary') } + }) + }) + + // 保存 el.querySelector('.hm-cron-save')?.addEventListener('click', async () => { const name = el.querySelector('#hm-cron-name')?.value?.trim() const schedule = el.querySelector('#hm-cron-schedule')?.value?.trim() const prompt = el.querySelector('#hm-cron-prompt')?.value?.trim() - if (!name || !schedule) { errorMsg = 'Name and schedule are required'; draw(); return } - busy = true; errorMsg = '' + if (!name) { errorMsg = t('engine.cronNameRequired'); draw(); return } + if (!schedule) { errorMsg = t('engine.cronScheduleRequired'); draw(); return } + if (!prompt) { errorMsg = t('engine.cronPromptRequired'); draw(); return } + busy = true; errorMsg = ''; draw() try { if (isEdit) { - await gw(`/api/jobs/${encodeURIComponent(id)}`, { method: 'PATCH', body: JSON.stringify({ schedule, prompt }) }) + await gw(`/api/jobs/${encodeURIComponent(id)}`, { method: 'PATCH', body: JSON.stringify({ schedule: { kind: 'cron', expr: schedule }, prompt }) }) } else { - await gw('/api/jobs', { method: 'POST', body: JSON.stringify({ name, schedule, prompt }) }) + await gw('/api/jobs', { method: 'POST', body: JSON.stringify({ name, schedule: { kind: 'cron', expr: schedule }, prompt }) }) } editingJob = null await loadJobs() @@ -169,6 +345,11 @@ export function render() { }) } + function updatePreview(expr) { + const previewEl = el.querySelector('#hm-cron-preview span') + if (previewEl) previewEl.textContent = describeCron(expr) || expr + } + init() return el } diff --git a/src/engines/hermes/pages/dashboard.js b/src/engines/hermes/pages/dashboard.js index 526ac32..e8b3478 100644 --- a/src/engines/hermes/pages/dashboard.js +++ b/src/engines/hermes/pages/dashboard.js @@ -45,6 +45,7 @@ export function render() { let connectMode = 'local' // local | wsl2 | docker | custom let customGwUrl = '' // 自定义 Gateway URL let connectMsg = '' // 连接区消息 + let modelConfigCollapsed = true // 模型配置默认折叠 // 表单状态（跨 draw 保持，不被覆盖） let formBaseUrl = '' @@ -178,36 +179,41 @@ export function render() {
-
-

${t('engine.dashModelConfig')}

-
- ${HERMES_PROVIDERS.map(p => - `` - ).join('')} +
+
+

${t('engine.dashModelConfig')}

+
-
- - -
-
- - -
-
${cfgMsg}
-
- +
+
+ ${HERMES_PROVIDERS.map(p => + `` + ).join('')} +
+
+ + +
+
+ + +
+
${cfgMsg}
+
+ +
@@ -303,6 +309,12 @@ export function render() { function bind() { el.querySelector('.hm-dash-refresh')?.addEventListener('click', refresh) + // 模型配置折叠/展开 + el.querySelector('.hm-cfg-toggle')?.addEventListener('click', () => { + syncFormFromDom() + modelConfigCollapsed = !modelConfigCollapsed + draw() + }) // Gateway actions el.querySelector('.hm-dash-start')?.addEventListener('click', async () => { actionBusy = true; draw() diff --git a/src/engines/hermes/pages/logs.js b/src/engines/hermes/pages/logs.js new file mode 100644 index 0000000..3e44149 --- /dev/null +++ b/src/engines/hermes/pages/logs.js @@ -0,0 +1,156 @@ +/** + * Hermes Agent 日志查看器 + * 支持按文件/级别/关键字过滤，实时查看 Agent 运行日志 + */ +import { t } from '../../../lib/i18n.js' +import { api } from '../../../lib/tauri-api.js' + +function escHtml(s) { return String(s).replace(/&/g, '&').replace(//g, '>') } + +const LOG_LEVELS = ['ALL', 'DEBUG', 'INFO', 'WARNING', 'ERROR', 'CRITICAL'] +const LEVEL_CLASS = { DEBUG: 'debug', INFO: 'info', WARNING: 'warn', WARN: 'warn', ERROR: 'error', CRITICAL: 'error', FATAL: 'error' } + +export function render() { + const el = document.createElement('div') + el.className = 'hermes-logs-page' + + let logFiles = [] + let activeFile = '' + let entries = [] + let loading = false + let levelFilter = 'ALL' + let searchQuery = '' + let lineLimit = 200 + let autoScroll = true + + async function loadFiles() { + try { + logFiles = await api.hermesLogsList() + if (logFiles.length && !activeFile) activeFile = logFiles[0].name + } catch (e) { + console.error('Failed to load log files:', e) + logFiles = [] + } + } + + async function loadEntries() { + if (!activeFile) { entries = []; draw(); return } + loading = true + draw() + try { + entries = await api.hermesLogsRead(activeFile, lineLimit, levelFilter !== 'ALL' ? levelFilter : null) + } catch (e) { + entries = [{ raw: `⚠️ ${t('engine.logsLoadFailed')}: ${e.message || e}` }] + } + loading = false + draw() + } + + function filteredEntries() { + if (!searchQuery) return entries + const q = searchQuery.toLowerCase() + return entries.filter(e => (e.raw || e.message || '').toLowerCase().includes(q)) + } + + function formatSize(bytes) { + if (typeof bytes === 'string') return bytes + if (bytes < 1024) return bytes + ' B' + if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB' + return (bytes / (1024 * 1024)).toFixed(1) + ' MB' + } + + function draw() { + const filtered = filteredEntries() + el.innerHTML = ` +
+ ${t('engine.hermesLogsTitle')} +
+ + + + +
+
+
+
+
${t('engine.logsFiles')}
+ ${logFiles.length === 0 ? `
${t('engine.logsNoFiles')}
` : ''} + ${logFiles.map(f => ` +
+ ${escHtml(f.name)} + ${formatSize(f.size)} +
+ `).join('')} +
+
+
+
${filtered.length} ${t('engine.logsEntries')}
+
+
+ ${loading ? `
${t('engine.logsLoading')}
` : ''} + ${!loading && filtered.length === 0 ? `
${t('engine.logsEmpty')}
` : ''} + ${!loading ? filtered.map(e => renderEntry(e)).join('') : ''} +
+
+
+ ` + bind() + if (autoScroll && !loading) { + const content = el.querySelector('#hm-logs-content') + if (content) content.scrollTop = content.scrollHeight + } + } + + function renderEntry(e) { + const lvl = (e.level || '').toUpperCase() + const cls = LEVEL_CLASS[lvl] || '' + if (e.timestamp) { + const time = e.timestamp.replace(/^.*?(\d{2}:\d{2}:\d{2}).*$/, '$1') || e.timestamp + return `
+ ${escHtml(time)} + ${escHtml(lvl || '-')} + ${escHtml(e.message || '')} +
` + } + return `
${escHtml(e.raw || '')}
` + } + + function bind() { + el.querySelector('#hm-logs-refresh')?.addEventListener('click', () => loadEntries()) + + el.querySelectorAll('.hm-logs-file-item').forEach(item => { + item.addEventListener('click', () => { + activeFile = item.dataset.file + loadEntries() + }) + }) + + el.querySelector('#hm-logs-level')?.addEventListener('change', (e) => { + levelFilter = e.target.value + loadEntries() + }) + + el.querySelector('#hm-logs-lines')?.addEventListener('change', (e) => { + lineLimit = parseInt(e.target.value) || 200 + loadEntries() + }) + + el.querySelector('#hm-logs-search')?.addEventListener('input', (e) => { + searchQuery = e.target.value + draw() + }) + } + + // Init + async function init() { + await loadFiles() + await loadEntries() + } + init() + + return el +} diff --git a/src/engines/hermes/pages/memory.js b/src/engines/hermes/pages/memory.js new file mode 100644 index 0000000..de159e4 --- /dev/null +++ b/src/engines/hermes/pages/memory.js @@ -0,0 +1,147 @@ +/** + * Hermes Agent 记忆编辑器 + * 读写 ~/.hermes/memories/MEMORY.md 和 USER.md + * 支持 Markdown 预览和编辑模式切换 + */ +import { t } from '../../../lib/i18n.js' +import { api } from '../../../lib/tauri-api.js' + +function escHtml(s) { return String(s).replace(/&/g, '&').replace(//g, '>') } + +function mdToHtml(text) { + return text + .replace(/&/g, '&').replace(//g, '>') + .replace(/```(\w*)\n([\s\S]*?)```/g, '
$2
') + .replace(/`([^`]+)`/g, '$1') + .replace(/\*\*(.+?)\*\*/g, '$1') + .replace(/\*(.+?)\*/g, '$1') + .replace(/^### (.+)$/gm, '

$1

') + .replace(/^## (.+)$/gm, '

$1

') + .replace(/^# (.+)$/gm, '

$1

') + .replace(/^- (.+)$/gm, '
  • $1
    • ') + .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1') + .replace(/\n/g, '
    ') +} + +export function render() { + const el = document.createElement('div') + el.className = 'hermes-memory-page' + + let memoryContent = '' + let userContent = '' + let editingSection = null // null | 'memory' | 'user' + let editBuffer = '' + let loading = true + let saving = false + + async function loadAll() { + loading = true + draw() + try { + const [mem, usr] = await Promise.all([ + api.hermesMemoryRead('memory'), + api.hermesMemoryRead('user'), + ]) + memoryContent = mem || '' + userContent = usr || '' + } catch (e) { + console.error('Failed to load memory:', e) + } + loading = false + draw() + } + + function startEdit(section) { + editingSection = section + editBuffer = section === 'memory' ? memoryContent : userContent + draw() + el.querySelector('#hm-memory-textarea')?.focus() + } + + function cancelEdit() { + const original = editingSection === 'memory' ? memoryContent : userContent + if (editBuffer !== original && !confirm(t('engine.memoryUnsaved'))) return + editingSection = null + editBuffer = '' + draw() + } + + async function save() { + if (!editingSection) return + saving = true + draw() + try { + await api.hermesMemoryWrite(editingSection, editBuffer) + if (editingSection === 'memory') memoryContent = editBuffer + else userContent = editBuffer + editingSection = null + editBuffer = '' + } catch (e) { + alert(`${t('engine.memorySaveFailed')}: ${e.message || e}`) + } + saving = false + draw() + } + + function renderSection(type, title, iconSvg, content) { + const isEditing = editingSection === type + return `
    +
    +
    + ${iconSvg} + ${title} +
    + ${!isEditing ? `` : ''} +
    + ${isEditing ? ` +
    + +
    + + +
    +
    + ` : ` +
    + ${content.trim() ? mdToHtml(content) : `
    ${t('engine.memoryEmpty')}
    `} +
    + `} +
    ` + } + + function draw() { + const notesIcon = '' + const userIcon = '' + + el.innerHTML = ` +
    + ${t('engine.hermesMemoryTitle')} + +
    +
    + ${loading ? `
    ${t('engine.memoryLoading')}
    ` : ` +
    + ${renderSection('memory', t('engine.memoryNotes'), notesIcon, memoryContent)} + ${renderSection('user', t('engine.memoryProfile'), userIcon, userContent)} +
    + `} +
    + ` + bind() + } + + function bind() { + el.querySelector('#hm-memory-refresh')?.addEventListener('click', () => loadAll()) + el.querySelectorAll('.hm-memory-edit-btn').forEach(btn => { + btn.addEventListener('click', () => startEdit(btn.dataset.section)) + }) + el.querySelector('#hm-memory-cancel')?.addEventListener('click', () => cancelEdit()) + el.querySelector('#hm-memory-save')?.addEventListener('click', () => save()) + el.querySelector('#hm-memory-textarea')?.addEventListener('input', (e) => { + editBuffer = e.target.value + }) + } + + loadAll() + return el +} diff --git a/src/engines/hermes/pages/skills.js b/src/engines/hermes/pages/skills.js index ffc2507..9028442 100644 --- a/src/engines/hermes/pages/skills.js +++ b/src/engines/hermes/pages/skills.js @@ -1,16 +1,145 @@ /** - * Hermes Agent Skills 管理 + * Hermes Agent Skills 浏览器 + * 从 ~/.hermes/skills/ 读取技能文件，按分类展示，支持搜索和详情查看 */ import { t } from '../../../lib/i18n.js' +import { api } from '../../../lib/tauri-api.js' + +function escHtml(s) { return String(s).replace(/&/g, '&').replace(//g, '>') } + +function mdToHtml(text) { + return text + .replace(/&/g, '&').replace(//g, '>') + .replace(/```(\w*)\n([\s\S]*?)```/g, '
    $2
    ') + .replace(/`([^`]+)`/g, '$1') + .replace(/\*\*(.+?)\*\*/g, '$1') + .replace(/\*(.+?)\*/g, '$1') + .replace(/^### (.+)$/gm, '

    $1

    ') + .replace(/^## (.+)$/gm, '

    $1

    ') + .replace(/^# (.+)$/gm, '

    $1

    ') + .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1') + .replace(/\n/g, '
    ') +} export function render() { const el = document.createElement('div') - el.className = 'page' - el.innerHTML = ` -

    ${t('engine.hermesSkillsTitle')}

    -
    - ${t('engine.comingSoonPhase2')} -
    - ` + el.className = 'hermes-skills-page' + + let categories = [] + let loading = true + let searchQuery = '' + let activeSkill = null // { category, file, name, path } + let skillContent = '' + let loadingDetail = false + + async function loadSkills() { + loading = true + draw() + try { + categories = await api.hermesSkillsList() + } catch (e) { + console.error('Failed to load skills:', e) + categories = [] + } + loading = false + draw() + } + + async function loadDetail(skill) { + activeSkill = skill + loadingDetail = true + draw() + try { + skillContent = await api.hermesSkillDetail(skill.path) + } catch (e) { + skillContent = `⚠️ ${e.message || e}` + } + loadingDetail = false + draw() + } + + function filteredCategories() { + if (!searchQuery) return categories + const q = searchQuery.toLowerCase() + return categories.map(cat => ({ + ...cat, + skills: cat.skills.filter(s => + s.name.toLowerCase().includes(q) || (s.description || '').toLowerCase().includes(q) + ) + })).filter(cat => cat.skills.length > 0) + } + + function totalSkillCount() { + return categories.reduce((sum, cat) => sum + cat.skills.length, 0) + } + + function draw() { + const filtered = filteredCategories() + el.innerHTML = ` +
    + ${t('engine.hermesSkillsTitle')} +
    + + ${totalSkillCount()} ${t('engine.skillsTotal')} +
    +
    +
    +
    +
    + ${loading ? `
    ${t('engine.skillsLoading')}
    ` : ''} + ${!loading && filtered.length === 0 ? `
    ${t('engine.skillsEmpty')}
    ` : ''} + ${!loading ? filtered.map(cat => ` +
    +
    + ${escHtml(cat.category === '_root' ? t('engine.skillsUncategorized') : cat.category)} + ${cat.skills.length} +
    + ${cat.skills.map(s => ` +
    +
    ${escHtml(s.name)}
    + ${s.description ? `
    ${escHtml(s.description)}
    ` : ''} +
    + `).join('')} +
    + `).join('') : ''} +
    +
    +
    + ${!activeSkill ? `
    + + ${t('engine.skillsSelectHint')} +
    ` : ''} + ${activeSkill && loadingDetail ? `
    ${t('engine.skillsLoading')}
    ` : ''} + ${activeSkill && !loadingDetail ? ` +
    +

    ${escHtml(activeSkill.name)}

    + ${escHtml(activeSkill.file)} +
    +
    ${mdToHtml(skillContent)}
    + ` : ''} +
    +
    + ` + bind() + } + + function bind() { + el.querySelector('#hm-skills-search')?.addEventListener('input', (e) => { + searchQuery = e.target.value + draw() + }) + el.querySelectorAll('.hm-skills-item').forEach(item => { + item.addEventListener('click', () => { + const skillPath = item.dataset.path + // Find the skill object + for (const cat of categories) { + const s = cat.skills.find(s => s.path === skillPath) + if (s) { loadDetail(s); return } + } + }) + }) + } + + loadSkills() return el } diff --git a/src/lib/tauri-api.js b/src/lib/tauri-api.js index ea697cd..9df8b9d 100644 --- a/src/lib/tauri-api.js +++ b/src/lib/tauri-api.js @@ -390,4 +390,16 @@ export const api = { hermesSetGatewayUrl: (url) => invoke('hermes_set_gateway_url', { url: url || null }), updateHermes: () => invoke('update_hermes'), uninstallHermes: (cleanConfig = false) => invoke('uninstall_hermes', { cleanConfig }), + + // Hermes Sessions / Logs / Skills / Memory + hermesSessionsList: (source, limit) => invoke('hermes_sessions_list', { source: source || null, limit: limit || null }), + hermesSessionDetail: (sessionId) => invoke('hermes_session_detail', { sessionId }), + hermesSessionDelete: (sessionId) => invoke('hermes_session_delete', { sessionId }), + hermesSessionRename: (sessionId, title) => invoke('hermes_session_rename', { sessionId, title }), + hermesLogsList: () => invoke('hermes_logs_list'), + hermesLogsRead: (name, lines, level) => invoke('hermes_logs_read', { name, lines: lines || 200, level: level || null }), + hermesSkillsList: () => invoke('hermes_skills_list'), + hermesSkillDetail: (filePath) => invoke('hermes_skill_detail', { filePath }), + hermesMemoryRead: (type) => invoke('hermes_memory_read', { type: type || 'memory' }), + hermesMemoryWrite: (type, content) => invoke('hermes_memory_write', { type: type || 'memory', content }), } diff --git a/src/locales/modules/engine.js b/src/locales/modules/engine.js index 48618c4..2927a03 100644 --- a/src/locales/modules/engine.js +++ b/src/locales/modules/engine.js @@ -163,10 +163,62 @@ export default { cronDelete: _('删除', 'Delete', '刪除'), cronSave: _('保存', 'Save', '儲存'), cronCancel: _('取消', 'Cancel', '取消'), + cronEdit: _('编辑', 'Edit', '編輯'), + cronTotal: _('总任务', 'Total', '總任務'), + cronRunning: _('运行中', 'Running', '運行中'), + cronNoJobsHint: _('点击"创建任务"添加你的第一个定时任务', 'Click "Create Job" to add your first cron job', '點擊「建立任務」添加你的第一個定時任務'), + cronEvery5min: _('每5分钟', 'Every 5 min', '每5分鐘'), + cronEvery15min: _('每15分钟', 'Every 15 min', '每15分鐘'), + cronHourly: _('每小时', 'Hourly', '每小時'), + cronDaily9: _('每天 9:00', 'Daily 9:00', '每天 9:00'), + cronDaily18: _('每天 18:00', 'Daily 18:00', '每天 18:00'), + cronMonday9: _('每周一 9:00', 'Monday 9:00', '每週一 9:00'), + cronMonthly1: _('每月1日 9:00', '1st of Month 9:00', '每月1日 9:00'), + cronEveryMinute: _('每分钟', 'Every minute', '每分鐘'), + cronEveryNMin: _('每 {n} 分钟', 'Every {n} minutes', '每 {n} 分鐘'), + cronHourlyOnTheHour: _('每小时整点', 'Every hour on the hour', '每小時整點'), + cronCustomExpr: _('自定义 cron 表达式', 'Custom cron expression', '自訂 cron 表達式'), + cronPreview: _('预览', 'Preview', '預覽'), + cronConfirmDelete: _('确定要删除任务「{name}」吗？', 'Delete job "{name}"?', '確定要刪除任務「{name}」嗎？'), + cronSaving: _('保存中...', 'Saving...', '儲存中...'), + cronNameRequired: _('请输入任务名称', 'Job name is required', '請輸入任務名稱'), + cronPromptRequired: _('请输入 AI 指令', 'AI prompt is required', '請輸入 AI 指令'), + cronScheduleRequired: _('请选择执行周期', 'Schedule is required', '請選擇執行週期'), + // 日志页面 + hermesLogsTitle: _('Agent 日志', 'Agent Logs', 'Agent 日誌'), + logsRefresh: _('刷新', 'Refresh', '重新整理'), + logsFiles: _('日志文件', 'Log Files', '日誌檔案'), + logsNoFiles: _('暂无日志文件', 'No log files', '暫無日誌檔案'), + logsLines: _('行', 'lines', '行'), + logsSearch: _('搜索日志...', 'Search logs...', '搜尋日誌...'), + logsEntries: _('条记录', 'entries', '條記錄'), + logsLoading: _('加载中...', 'Loading...', '載入中...'), + logsEmpty: _('暂无日志', 'No logs', '暫無日誌'), + logsLoadFailed: _('加载失败', 'Load failed', '載入失敗'), + // Skills 页面 + hermesSkillsTitle: _('Agent Skills', 'Agent Skills', 'Agent Skills'), + skillsTotal: _('个技能', 'skills', '個技能'), + skillsSearch: _('搜索技能...', 'Search skills...', '搜尋技能...'), + skillsLoading: _('加载中...', 'Loading...', '載入中...'), + skillsEmpty: _('暂无技能', 'No skills found', '暫無技能'), + skillsUncategorized: _('未分类', 'Uncategorized', '未分類'), + skillsSelectHint: _('选择一个技能查看详情', 'Select a skill to view details', '選擇一個技能查看詳情'), + // Memory 页面 + hermesMemoryTitle: _('Agent 记忆', 'Agent Memory', 'Agent 記憶'), + memoryNotes: _('笔记', 'Notes', '筆記'), + memoryProfile: _('用户画像', 'User Profile', '用戶畫像'), + memoryEdit: _('编辑', 'Edit', '編輯'), + memoryCancel: _('取消', 'Cancel', '取消'), + memorySave: _('保存', 'Save', '儲存'), + memorySaving: _('保存中...', 'Saving...', '儲存中...'), + memorySaveFailed: _('保存失败', 'Save failed', '儲存失敗'), + memoryLoading: _('加载中...', 'Loading...', '載入中...'), + memoryEmpty: _('暂无内容', 'No content', '暫無內容'), + memoryPlaceholder: _('使用 Markdown 格式编写...', 'Write in Markdown format...', '使用 Markdown 格式編寫...'), + memoryUnsaved: _('有未保存的更改，确定离开？', 'Unsaved changes. Leave anyway?', '有未儲存的變更，確定離開？'), // 其它页面 hermesServicesTitle: _('Hermes 服务', 'Hermes Services', 'Hermes 服務'), hermesConfigTitle: _('Hermes 配置', 'Hermes Config', 'Hermes 配置'), hermesChannelsTitle: _('Hermes 渠道', 'Hermes Channels', 'Hermes 頻道'), - hermesSkillsTitle: _('Hermes Skills', 'Hermes Skills', 'Hermes Skills'), comingSoonPhase2: _('即将在 Phase 2 中推出', 'Coming in Phase 2', '即將在 Phase 2 中推出'), } diff --git a/src/locales/modules/sidebar.js b/src/locales/modules/sidebar.js index 2b56b00..e967adc 100644 --- a/src/locales/modules/sidebar.js +++ b/src/locales/modules/sidebar.js @@ -8,6 +8,7 @@ export default { sectionMonitor: _('监控', 'Monitor', '監控', 'モニター', '모니터링', 'Giám sát', 'Monitoreo', 'Monitoramento', 'Мониторинг', 'Surveillance', 'Überwachung'), sectionConfig: _('配置', 'Config', '設定', '設定', '설정', 'Cấu hình', 'Configuración', 'Configuração', 'Настройки', 'Configuration', 'Konfiguration'), sectionData: _('数据', 'Data', '資料', 'データ', '데이터', 'Dữ liệu', 'Datos', 'Dados', 'Данные', 'Données', 'Daten'), + sectionManage: _('管理', 'Manage', '管理', '管理', '관리', 'Quản lý', 'Gestión', 'Gestão', 'Управление', 'Gestion', 'Verwaltung'), sectionExtension: _('扩展', 'Extensions', '擴充', '拡張', '확장', 'Mở rộng', 'Extensiones', 'Extensões', 'Расширения', '', 'Erweiterungen'), dashboard: _('仪表盘', 'Dashboard', '儀表盤', 'ダッシュボード', '대시보드', 'Bảng điều khiển', 'Panel', 'Painel', 'Панель', 'Tableau de bord'), assistant: _('晴辰助手', 'Assistant', '', 'アシスタント', '어시스턴트', 'Trợ lý', 'Asistente', 'Assistente', 'Ассистент', '', 'Assistent'), diff --git a/src/pages/settings.js b/src/pages/settings.js index 62ab15b..b119650 100644 --- a/src/pages/settings.js +++ b/src/pages/settings.js @@ -8,6 +8,7 @@ import { showConfirm } from '../components/modal.js' import { t, getLang, setLang, getAvailableLangs, onLangChange } from '../lib/i18n.js' import { isMacPlatform } from '../lib/app-state.js' import { renderSidebar } from '../components/sidebar.js' +import { getActiveEngineId } from '../lib/engine-manager.js' const isTauri = !!window.__TAURI_INTERNALS__ @@ -64,6 +65,8 @@ export async function render() { const page = document.createElement('div') page.className = 'page' + const isHermes = getActiveEngineId() === 'hermes' + page.innerHTML = `

    ${t('settings.title')}

    @@ -80,7 +83,7 @@ export async function render() {
    -
    + ${isHermes ? '' : `
    ${t('settings.npmRegistry')}
    @@ -108,7 +111,7 @@ export async function render() {
    ${t('settings.openclawCli')}
    -
    +
    `}
    ${t('settings.language')}
    @@ -128,8 +131,11 @@ export async function render() { } async function loadAll(page) { - const tasks = [loadProxyConfig(page), loadModelProxyConfig(page), loadOpenclawDir(page), loadOpenclawSearchPaths(page), loadDockerDefaults(page), loadGitPath(page), loadCliBinding(page)] - tasks.push(loadRegistry(page)) + const isHermes = getActiveEngineId() === 'hermes' + const tasks = [loadProxyConfig(page), loadModelProxyConfig(page)] + if (!isHermes) { + tasks.push(loadOpenclawDir(page), loadOpenclawSearchPaths(page), loadDockerDefaults(page), loadGitPath(page), loadCliBinding(page), loadRegistry(page)) + } if (window.__TAURI_INTERNALS__) tasks.push(loadAutostart(page)) await Promise.all(tasks) loadLanguageSwitcher(page) diff --git a/src/style/pages.css b/src/style/pages.css index 9e23bad..a8165b2 100644 --- a/src/style/pages.css +++ b/src/style/pages.css @@ -2483,4 +2483,229 @@ } .hermes-spin { animation: hermes-spin 0.8s linear infinite; +} + +/* === Hermes Logs Page === */ +.hermes-logs-page { height: 100%; display: flex; flex-direction: column; } +.hm-logs-header { + display: flex; align-items: center; justify-content: space-between; + padding: 10px 20px; border-bottom: 1px solid var(--border-primary); + flex-shrink: 0; gap: 12px; flex-wrap: wrap; +} +.hm-logs-header-title { font-size: 16px; font-weight: 600; color: var(--text-primary); white-space: nowrap; } +.hm-logs-header-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } +.hm-logs-layout { + display: flex; flex: 1; min-height: 0; gap: 0; +} +.hm-logs-sidebar { + width: 200px; flex-shrink: 0; border-right: 1px solid var(--border-primary); + background: var(--bg-secondary); overflow-y: auto; +} +.hm-logs-sidebar-title { + padding: 12px 14px 8px; font-size: 11px; font-weight: 600; + text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-tertiary); +} +.hm-logs-file-item { + padding: 8px 14px; cursor: pointer; display: flex; flex-direction: column; gap: 2px; + font-size: 13px; color: var(--text-secondary); transition: background 0.15s; + border-left: 2px solid transparent; +} +.hm-logs-file-item:hover { background: var(--bg-tertiary); } +.hm-logs-file-item.active { + background: var(--accent-subtle, rgba(99,102,241,0.06)); color: var(--accent); + font-weight: 500; border-left-color: var(--accent); +} +.hm-logs-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.hm-logs-file-size { font-size: 11px; color: var(--text-tertiary); } +.hm-logs-main { flex: 1; display: flex; flex-direction: column; min-width: 0; } +.hm-logs-toolbar { + display: flex; align-items: center; justify-content: space-between; + padding: 8px 14px; border-bottom: 1px solid var(--border-primary); + background: var(--bg-secondary); gap: 8px; flex-shrink: 0; +} +.hm-logs-filters { display: flex; align-items: center; gap: 8px; flex: 1; } +.hm-logs-select { + padding: 4px 8px; border: 1px solid var(--border-primary); border-radius: var(--radius-sm, 6px); + background: var(--bg-primary); color: var(--text-primary); font-size: 12px; cursor: pointer; + outline: none; transition: border-color 0.15s; +} +.hm-logs-select:focus { border-color: var(--accent); } +.hm-logs-search { + padding: 4px 10px; border: 1px solid var(--border-primary); border-radius: var(--radius-sm, 6px); + background: var(--bg-primary); color: var(--text-primary); font-size: 12px; + flex: 1; max-width: 200px; outline: none; transition: border-color 0.15s; +} +.hm-logs-search:focus { border-color: var(--accent); } +.hm-logs-search::placeholder { color: var(--text-tertiary); } +.hm-logs-count { font-size: 11px; color: var(--text-tertiary); white-space: nowrap; font-variant-numeric: tabular-nums; } +.hm-logs-content { + flex: 1; overflow-y: auto; padding: 4px 0; + font-family: var(--font-mono, 'Consolas', monospace); font-size: 12px; line-height: 1.7; +} +.hm-logs-loading, .hm-logs-empty-content, .hm-logs-empty { + padding: 32px; text-align: center; color: var(--text-tertiary); font-size: 13px; +} +.hm-log-entry { + display: flex; align-items: center; gap: 8px; padding: 2px 20px; + border-left: 2px solid transparent; transition: background 0.1s; +} +.hm-log-entry:hover { background: rgba(0,0,0,0.02); } +.hm-log-entry.error { border-left-color: var(--error, #ef4444); } +.hm-log-entry.warn { border-left-color: var(--warning, #f59e0b); } +.hm-log-time { color: var(--text-tertiary); flex-shrink: 0; font-variant-numeric: tabular-nums; } +.hm-log-level { + flex-shrink: 0; font-weight: 600; text-transform: uppercase; font-size: 10px; + padding: 0 5px; border-radius: 3px; min-width: 44px; text-align: center; + display: inline-flex; align-items: center; justify-content: center; +} +.hm-log-level.info { background: rgba(99,102,241,0.08); color: var(--accent, #6366f1); } +.hm-log-level.debug { background: rgba(0,0,0,0.04); color: var(--text-tertiary); } +.hm-log-level.warn { background: rgba(245,158,11,0.1); color: #d97706; } +.hm-log-level.error { background: rgba(239,68,68,0.1); color: var(--error, #ef4444); } +.hm-log-msg { color: var(--text-secondary); white-space: pre-wrap; word-break: break-all; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; } +.hm-log-entry.error .hm-log-msg { color: var(--error, #ef4444); } +.hm-log-entry.warn .hm-log-msg { color: #d97706; } +.hm-log-entry.raw .hm-log-msg { color: var(--text-tertiary); } + +/* === Hermes Skills Page === */ +.hermes-skills-page { height: 100%; display: flex; flex-direction: column; } +.hm-skills-header { + display: flex; align-items: center; justify-content: space-between; + padding: 10px 20px; border-bottom: 1px solid var(--border-primary); + flex-shrink: 0; gap: 12px; +} +.hm-skills-header-title { font-size: 16px; font-weight: 600; color: var(--text-primary); flex-shrink: 0; } +.hm-skills-header-right { display: flex; align-items: center; gap: 10px; } +.hm-skills-header-search { + width: 200px; padding: 5px 10px; border: 1px solid var(--border-primary); + border-radius: var(--radius-sm, 6px); background: var(--bg-primary); color: var(--text-primary); + font-size: 13px; outline: none; transition: border-color 0.15s; +} +.hm-skills-header-search:focus { border-color: var(--accent); } +.hm-skills-header-search::placeholder { color: var(--text-tertiary); } +.hm-skills-count { font-size: 12px; color: var(--text-tertiary); white-space: nowrap; } +.hm-skills-layout { + display: flex; flex: 1; min-height: 0; gap: 0; +} +.hm-skills-list-panel { + width: 280px; flex-shrink: 0; border-right: 1px solid var(--border-primary); + background: var(--bg-secondary); display: flex; flex-direction: column; overflow: hidden; +} +.hm-skills-list-scroll { flex: 1; overflow-y: auto; } +.hm-skills-loading, .hm-skills-empty { + padding: 32px; text-align: center; color: var(--text-tertiary); font-size: 13px; +} +.hm-skills-category { margin-bottom: 4px; } +.hm-skills-cat-header { + display: flex; align-items: center; justify-content: space-between; + padding: 10px 14px 4px; font-size: 11px; font-weight: 600; + text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-tertiary); +} +.hm-skills-cat-count { + background: var(--bg-tertiary); color: var(--text-tertiary); + font-size: 10px; padding: 1px 6px; border-radius: 10px; +} +.hm-skills-item { + padding: 8px 14px; cursor: pointer; transition: background 0.12s; + border-left: 2px solid transparent; +} +.hm-skills-item:hover { background: var(--bg-tertiary); } +.hm-skills-item.active { + background: var(--accent-subtle, rgba(99,102,241,0.06)); + border-left-color: var(--accent); +} +.hm-skills-item-name { font-size: 13px; font-weight: 500; color: var(--text-primary); } +.hm-skills-item.active .hm-skills-item-name { color: var(--accent); } +.hm-skills-item-desc { + font-size: 12px; color: var(--text-tertiary); margin-top: 2px; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; +} +.hm-skills-detail-panel { + flex: 1; overflow-y: auto; padding: 0; display: flex; flex-direction: column; min-width: 0; +} +.hm-skills-detail-empty, .hm-skills-detail-loading { + flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; + gap: 10px; color: var(--text-tertiary); font-size: 13px; +} +.hm-skills-detail-empty svg { opacity: 0.2; } +.hm-skills-detail-header { + padding: 16px 24px; border-bottom: 1px solid var(--border-primary); + display: flex; align-items: baseline; gap: 12px; flex-shrink: 0; +} +.hm-skills-detail-header h2 { margin: 0; font-size: 18px; font-weight: 600; } +.hm-skills-detail-file { font-size: 12px; color: var(--text-tertiary); } +.hm-skills-detail-content { + padding: 20px 24px; font-size: 14px; line-height: 1.7; color: var(--text-primary); +} +.hm-skills-detail-content pre { + background: var(--bg-secondary); border: 1px solid var(--border-primary); + border-radius: 8px; padding: 12px 16px; overflow-x: auto; font-size: 13px; margin: 8px 0; +} +.hm-skills-detail-content code { + font-family: var(--font-mono, 'Consolas', monospace); font-size: 0.9em; +} +.hm-skills-detail-content code:not(pre code) { + background: rgba(0,0,0,0.06); padding: 1px 5px; border-radius: 4px; +} +.hm-skills-detail-content h2 { font-size: 18px; margin: 16px 0 8px; } +.hm-skills-detail-content h3 { font-size: 15px; margin: 14px 0 6px; } +.hm-skills-detail-content h4 { font-size: 14px; margin: 12px 0 4px; } + +/* === Hermes Memory Page === */ +.hermes-memory-page { height: 100%; display: flex; flex-direction: column; } +.hm-memory-header { + display: flex; align-items: center; justify-content: space-between; + padding: 10px 20px; border-bottom: 1px solid var(--border-primary); + flex-shrink: 0; gap: 12px; +} +.hm-memory-header-title { font-size: 16px; font-weight: 600; color: var(--text-primary); } +.hm-memory-content { flex: 1; overflow: hidden; padding: 16px 20px; display: flex; flex-direction: column; } +.hm-memory-loading { + flex: 1; display: flex; align-items: center; justify-content: center; + color: var(--text-tertiary); font-size: 13px; +} +.hm-memory-sections { display: flex; gap: 16px; flex: 1; min-height: 0; } +.hm-memory-section { + flex: 1; min-height: 0; border: 1px solid var(--border-primary); + border-radius: var(--radius-md, 10px); overflow: hidden; + display: flex; flex-direction: column; +} +.hm-memory-section-header { + display: flex; align-items: center; justify-content: space-between; + padding: 10px 16px; background: var(--bg-secondary); + border-bottom: 1px solid var(--border-primary); flex-shrink: 0; +} +.hm-memory-section-title-row { display: flex; align-items: center; gap: 8px; } +.hm-memory-section-icon { color: var(--text-secondary); display: flex; } +.hm-memory-section-title { font-size: 14px; font-weight: 600; color: var(--text-primary); } +.hm-memory-section-body { + flex: 1; overflow-y: auto; padding: 16px; min-height: 0; + font-size: 14px; line-height: 1.7; color: var(--text-primary); +} +.hm-memory-section-body pre { + background: var(--bg-secondary); border: 1px solid var(--border-primary); + border-radius: 8px; padding: 12px 16px; overflow-x: auto; font-size: 13px; margin: 8px 0; +} +.hm-memory-section-body code { + font-family: var(--font-mono, 'Consolas', monospace); font-size: 0.9em; +} +.hm-memory-section-body code:not(pre code) { + background: rgba(0,0,0,0.06); padding: 1px 5px; border-radius: 4px; +} +.hm-memory-empty { + color: var(--text-tertiary); font-style: italic; font-size: 13px; padding: 12px 0; +} +.hm-memory-editor { + flex: 1; width: 100%; min-height: 0; padding: 12px; + border: 1px solid var(--border-primary); border-radius: var(--radius-sm, 6px); + background: var(--bg-primary); color: var(--text-primary); + font-family: var(--font-mono, 'Consolas', monospace); font-size: 13px; line-height: 1.6; + resize: none; outline: none; box-sizing: border-box; +} +.hm-memory-editor:focus { border-color: var(--accent); } +.hm-memory-edit-wrap { + flex: 1; display: flex; flex-direction: column; padding: 12px 16px; min-height: 0; +} +.hm-memory-edit-actions { + display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; flex-shrink: 0; } \ No newline at end of file