${escapeHTML(detail)}| " + h + " | "; html += "
|---|
| " + c + " | "; html += "
$1"); // 8. 行内: 粗体 / 行内代码 / 链接 text = text.replace(/\*\*([^*\n]+)\*\*/g, "$1"); text = text.replace(/`([^`\n]+)`/g, "
$1");
text = text.replace(/\[([^\]]+)\]\((https?:[^)]+)\)/g, '$1');
// 9. 段落(双换行分段,单换行保留" + b.replace(/\n/g, "
") + "
' + langLabel + "" + escaped + "";
});
return text;
}
// ========== Skill Studio (全屏编排) ==========
// 真实 Hermes 技能库缓存
let _hermesSkillIndex = null; // [{path, category, name, description, tags, prerequisites, content}]
let _hermesSkillLoading = false;
// Studio 画布状态
let studioState = {
lib: "hermes", // 当前左栏 tab: hermes | builtin | custom
search: "",
flowId: null, // 正在编辑的 flow(可能是 null = 新建)
name: "",
emoji: "🎯",
desc: "",
pre: [], // 选中 skill id/path
exec: [],
post: [],
activePreviewId: null,
};
function studioNewFlow() {
studioState = { lib: studioState.lib, search: "", flowId: null, name: "", emoji: "🎯", desc: "",
pre: [], exec: [], post: [], activePreviewId: null };
document.getElementById("studioFlowName").value = "";
document.getElementById("studioFlowDesc").value = "";
document.getElementById("studioFlowEmoji").value = "🎯";
document.getElementById("studioFlowEmojiPreview").textContent = "🎯";
renderStudioCanvas();
renderStudioPreview(null);
}
// YAML frontmatter 极简解析器(只解 scalar/flow style list)
function parseYamlFrontmatter(text) {
const m = /^---\s*\n([\s\S]*?)\n---\s*\n([\s\S]*)$/.exec(text);
if (!m) return { meta: {}, body: text };
const raw = m[1];
const body = m[2];
const meta = {};
const lines = raw.split("\n");
let currentKey = null;
let buffer = {};
let path = [];
for (const line of lines) {
if (!line.trim() || line.trim().startsWith("#")) continue;
const mKV = /^(\s*)([a-zA-Z_][\w-]*)\s*:\s*(.*)$/.exec(line);
if (!mKV) continue;
const indent = mKV[1].length;
const key = mKV[2];
let val = mKV[3].trim();
if (val === "" || val === null) {
if (indent === 0) { meta[key] = {}; path = [key]; }
continue;
}
if (val.startsWith("[") && val.endsWith("]")) {
val = val.slice(1, -1).split(",").map(s => s.trim().replace(/^["']|["']$/g, "")).filter(Boolean);
} else {
val = val.replace(/^["']|["']$/g, "");
}
if (indent === 0) {
meta[key] = val;
path = [key];
} else {
// 嵌套一层
let cur = meta;
for (const p of path) {
if (typeof cur[p] !== "object") cur[p] = {};
cur = cur[p];
}
cur[key] = val;
}
}
return { meta, body };
}
async function fetchHermesSkillIndex() {
if (_hermesSkillIndex) return _hermesSkillIndex;
if (_hermesSkillLoading) return null;
_hermesSkillLoading = true;
const out = [];
try {
const catsRes = await fetch("/hermes-skills/");
if (!catsRes.ok) throw new Error("HTTP " + catsRes.status);
const cats = await catsRes.json();
for (const cat of cats) {
if (cat.type !== "directory") continue;
// 枚举每个分类下的技能
try {
const listRes = await fetch("/hermes-skills/" + cat.name + "/");
if (!listRes.ok) continue;
const items = await listRes.json();
for (const it of items) {
if (it.type === "directory") {
// 可能是 skill 目录,拉 SKILL.md
const path = cat.name + "/" + it.name;
try {
const mdRes = await fetch("/hermes-skills/" + path + "/SKILL.md");
if (mdRes.ok) {
const text = await mdRes.text();
const { meta, body } = parseYamlFrontmatter(text);
out.push({
id: "hermes:" + path,
path,
category: cat.name,
name: meta.name || it.name,
description: meta.description || "",
version: meta.version || "",
tags: (meta.metadata?.hermes?.tags) || meta.tags || [],
prerequisites: meta.prerequisites || {},
platforms: meta.platforms || [],
body: body.substring(0, 4000),
source: "hermes",
});
}
} catch (e) {}
} else if (it.type === "file" && it.name === "SKILL.md") {
// 分类根下直接就是 SKILL.md
const path = cat.name;
try {
const mdRes = await fetch("/hermes-skills/" + path + "/SKILL.md");
if (mdRes.ok) {
const text = await mdRes.text();
const { meta, body } = parseYamlFrontmatter(text);
out.push({
id: "hermes:" + path,
path,
category: cat.name,
name: meta.name || cat.name,
description: meta.description || "",
version: meta.version || "",
tags: (meta.metadata?.hermes?.tags) || meta.tags || [],
prerequisites: meta.prerequisites || {},
platforms: meta.platforms || [],
body: body.substring(0, 4000),
source: "hermes",
});
}
} catch (e) {}
}
}
} catch (e) {}
}
_hermesSkillIndex = out;
} catch (e) {
_hermesSkillIndex = [];
console.error("[studio] fetch hermes skills failed", e);
} finally {
_hermesSkillLoading = false;
}
return _hermesSkillIndex;
}
function renderStudioLibrary() {
const list = document.getElementById("studioLibrary");
if (!list) return;
const q = (studioState.search || "").toLowerCase();
if (studioState.lib === "hermes") {
if (!_hermesSkillIndex) {
list.innerHTML = '" + escapeHTML(_currentRunId) + "";
setRunsMeta("运行中 · " + _currentRunId.slice(0, 18), "running");
// SSE 订阅事件流
const baseApi = (state.apiBase || "/api/v1").replace(/\/$/, "");
const esUrl = baseApi + "/runs/" + encodeURIComponent(_currentRunId) + "/events";
_runEventSource = new EventSource(esUrl);
_runEventSource.onmessage = (e) => {
try {
const evt = JSON.parse(e.data);
handleRunEvent(evt);
} catch (err) {
addRunEvent("PARSE_ERR", e.data, "err");
}
};
_runEventSource.onerror = () => {
if (_runEventSource) {
_runEventSource.close();
_runEventSource = null;
}
if (_currentRunId) {
setRunsMeta("连接断开", "err");
addRunEvent("SSE_CLOSED", "事件流中断(可能已完成)", "info");
}
document.getElementById("runStartBtn").disabled = false;
document.getElementById("runCancelBtn").style.display = "none";
};
} catch (e) {
addRunEvent("ERROR", e.message || String(e), "err");
setRunsMeta("启动失败", "err");
document.getElementById("runStartBtn").disabled = false;
document.getElementById("runCancelBtn").style.display = "none";
}
}
function handleRunEvent(evt) {
const type = evt.event || evt.type || "event";
const shortType = String(type).replace(/^run\./, "").replace(/^message\./, "msg.");
let cls = "info";
let body = "";
if (/delta/i.test(type)) {
cls = "delta";
body = evt.delta?.content || evt.content || evt.text || "";
} else if (/tool/i.test(type)) {
cls = "tool";
body = evt.tool_name ? (evt.tool_name + " " + (evt.arguments ? JSON.stringify(evt.arguments).slice(0, 200) : "")) : JSON.stringify(evt);
} else if (/completed|done/i.test(type)) {
cls = "ok";
body = "耗时 " + ((Date.now() - _runStartTs) / 1000).toFixed(1) + " 秒";
setRunsMeta("完成 · " + ((Date.now() - _runStartTs) / 1000).toFixed(1) + "s", "done");
document.getElementById("runStartBtn").disabled = false;
document.getElementById("runCancelBtn").style.display = "none";
_currentRunId = null;
} else if (/failed|error/i.test(type)) {
cls = "err";
body = evt.error || evt.message || JSON.stringify(evt);
setRunsMeta("失败", "err");
document.getElementById("runStartBtn").disabled = false;
document.getElementById("runCancelBtn").style.display = "none";
_currentRunId = null;
} else if (/start/i.test(type)) {
cls = "start";
body = "";
} else {
body = JSON.stringify(evt).slice(0, 300);
}
addRunEvent(shortType, body, cls);
}
// ========== Memory (真实 Hermes SOUL.md + sessions 快照) ==========
async function refreshMemory() {
const soulEl = document.getElementById("memorySoul");
const sessEl = document.getElementById("memorySessions");
const cntEl = document.getElementById("memorySessCount");
if (!soulEl || !sessEl) return;
try {
const [soulRes, sessRes] = await Promise.all([
fetch("/memory/SOUL.md", { cache: "no-store" }),
fetch("/memory/sessions.json", { cache: "no-store" }),
]);
soulEl.textContent = soulRes.ok ? await soulRes.text() : "(无 SOUL.md)";
if (sessRes.ok) {
const data = await sessRes.json();
const list = data.sessions || [];
cntEl.textContent = list.length;
sessEl.innerHTML = "";
if (!list.length) {
sessEl.innerHTML = '