npm - @songsid/agend - Versions diffs - 2.0.11-beta.4 → 2.0.11-beta.41 - Mend

@songsid/agend 2.0.11-beta.4 → 2.0.11-beta.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/channel/adapters/discord.d.ts +2 -0
package/dist/channel/adapters/discord.js +45 -36
package/dist/channel/adapters/discord.js.map +1 -1
package/dist/channel/adapters/telegram.js +1 -0
package/dist/channel/adapters/telegram.js.map +1 -1
package/dist/channel/factory.d.ts +4 -0
package/dist/channel/factory.js +1 -0
package/dist/channel/factory.js.map +1 -1
package/dist/channel/mcp-tools.js +3 -0
package/dist/channel/mcp-tools.js.map +1 -1
package/dist/channel/tool-router.js +29 -2
package/dist/channel/tool-router.js.map +1 -1
package/dist/channel/types.d.ts +2 -0
package/dist/classic-channel-manager.d.ts +59 -12
package/dist/classic-channel-manager.js +121 -30
package/dist/classic-channel-manager.js.map +1 -1
package/dist/cli.js +94 -7
package/dist/cli.js.map +1 -1
package/dist/config-validator.d.ts +20 -0
package/dist/config-validator.js +154 -0
package/dist/config-validator.js.map +1 -0
package/dist/fleet-manager.d.ts +29 -6
package/dist/fleet-manager.js +454 -258
package/dist/fleet-manager.js.map +1 -1
package/dist/instance-lifecycle.d.ts +1 -1
package/dist/instance-lifecycle.js +15 -13
package/dist/instance-lifecycle.js.map +1 -1
package/dist/locale.d.ts +19 -0
package/dist/locale.js +179 -0
package/dist/locale.js.map +1 -0
package/dist/outbound-schemas.d.ts +1 -0
package/dist/outbound-schemas.js +1 -0
package/dist/outbound-schemas.js.map +1 -1
package/dist/quickstart.js +252 -16
package/dist/quickstart.js.map +1 -1
package/dist/scheduler/scheduler.js +8 -2
package/dist/scheduler/scheduler.js.map +1 -1
package/dist/service-installer.d.ts +1 -0
package/dist/service-installer.js +2 -1
package/dist/service-installer.js.map +1 -1
package/dist/settings-api.d.ts +33 -0
package/dist/settings-api.js +283 -0
package/dist/settings-api.js.map +1 -0
package/dist/topic-commands.d.ts +14 -0
package/dist/topic-commands.js +78 -16
package/dist/topic-commands.js.map +1 -1
package/dist/types.d.ts +2 -0
package/dist/ui/settings.html +617 -0
package/dist/ui/view.html +300 -39
package/dist/view-api.d.ts +9 -0
package/dist/view-api.js +101 -40
package/dist/view-api.js.map +1 -1
package/package.json +1 -1
package/templates/systemd.service.ejs +2 -1

package/dist/ui/settings.html ADDED Viewed

@@ -0,0 +1,617 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>AgEnD Settings</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  :root {
+    --bg:#ffffff; --card:#f9fafb; --border:#e5e7eb; --fg:#111827; --muted:#6b7280;
+    --accent:#2563eb; --accent-hover:#1d4ed8; --green:#059669; --red:#dc2626;
+    --radius:8px; --radius-sm:6px;
+  }
+  body { background: var(--bg); color: var(--fg); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.5; padding-bottom: 60px; }
+  header { display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 20; }
+  header h1 { font-size: 18px; font-weight: 700; }
+  .grow { flex: 1; }
+  main { max-width: 860px; margin: 0 auto; padding: 24px; }
+  section { margin-bottom: 28px; }
+  .sec-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
+  .sec-head h2 { font-size: 16px; font-weight: 600; }
+  .sec-head .grow { flex: 1; }
+  .card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
+  .card.empty { padding: 16px; color: var(--muted); }
+  .item { padding: 9px 16px; border-bottom: 1px solid var(--border); }
+  .item:last-child { border-bottom: none; }
+  .item-row { display: flex; align-items: center; gap: 10px; min-height: 24px; }
+  .group-head { display: flex; align-items: center; gap: 8px; padding: 7px 16px; cursor: pointer; font-size: 12px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .3px; background: #f3f4f6; border-bottom: 1px solid var(--border); user-select: none; }
+  .group-head:hover { color: var(--fg); }
+  .group-head .caret { width: 12px; flex: 0 0 12px; font-size: 10px; }
+  .group-head .gcount { color: var(--muted); font-weight: 400; }
+  .item .del-btn { visibility: hidden; }
+  .item:hover .del-btn { visibility: visible; }
+  .dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 9px; background: #9ca3af; }
+  .dot.running { background: var(--green); } .dot.crashed { background: var(--red); } .dot.stopped { background: #9ca3af; }
+  .name { font-weight: 600; }
+  .tag { font-size: 12px; color: var(--muted); background: #eef2ff; color: #3730a3; padding: 1px 7px; border-radius: 10px; }
+  .tag.persona { background: #fdf2f8; color: #9d174d; }
+  .tag.tg { background: #e0f2fe; color: #075985; }
+  .sub { font-size: 13px; color: var(--muted); margin-top: 3px; margin-left: 19px; }
+  .spacer { flex: 1; }
+  button { font-family: inherit; font-size: 13px; border-radius: var(--radius-sm); padding: 6px 12px; border: 1px solid var(--border); background: #fff; color: var(--fg); cursor: pointer; }
+  button:hover { background: #f3f4f6; }
+  button.primary { background: var(--accent); color: #fff; border-color: var(--accent); font-weight: 600; }
+  button.primary:hover { background: var(--accent-hover); }
+  button.ghost { border-color: transparent; background: transparent; color: var(--muted); }
+  button.ghost:hover { background: #f3f4f6; color: var(--fg); }
+  button.danger { color: var(--red); }
+  button.danger:hover { background: #fef2f2; }
+  button.sm { padding: 4px 9px; font-size: 12px; }
+  label { display: block; font-size: 12px; font-weight: 500; color: var(--muted); margin: 10px 0 4px; }
+  input[type=text], select { width: 100%; font-family: inherit; font-size: 13px; padding: 8px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: #fff; color: var(--fg); }
+  input:focus, select:focus { outline: 2px solid #bfdbfe; border-color: var(--accent); }
+  .edit { padding: 14px 16px; background: #fff; border-top: 1px solid var(--border); }
+  .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+  .actions { display: flex; gap: 8px; margin-top: 12px; align-items: center; flex-wrap: wrap; }
+  .chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
+  .chip { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 3px 6px 3px 10px; font-size: 12px; }
+  .chip .x { cursor: pointer; color: var(--muted); font-weight: 700; } .chip .x:hover { color: var(--red); }
+  .chip-add { display: flex; gap: 6px; margin-top: 6px; max-width: 320px; }
+  .field { padding: 12px 16px; border-bottom: 1px solid var(--border); }
+  .field:last-child { border-bottom: none; }
+  .msg { font-size: 12px; margin-left: 4px; }
+  .msg .e { color: var(--red); } .msg .w { color: #b45309; } .msg .s { color: var(--green); }
+  .hint { font-size: 12px; color: var(--muted); margin-top: 6px; }
+  .adv-body { display: none; padding: 14px 16px; }
+  .adv-body.open { display: block; }
+  .toolbar { display: flex; gap: 6px; align-items: center; margin-bottom: 8px; flex-wrap: wrap; }
+  .seg { display: inline-flex; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; }
+  .seg button { border: none; border-radius: 0; }
+  .seg button.on { background: var(--accent); color: #fff; }
+  textarea { width: 100%; min-height: 380px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 1.5; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 10px; color: var(--fg); background: #fff; resize: vertical; }
+  pre.preview { background: #f9fafb; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 1.5; overflow: auto; max-height: 480px; white-space: pre; min-height: 380px; }
+  .banner { display: none; padding: 10px 24px; font-size: 13px; background: #ecfdf5; color: var(--green); border-bottom: 1px solid var(--border); }
+  .help-btn { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--border); background: #f3f4f6; cursor: pointer; font-size: 16px; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
+  .help-btn:hover { background: var(--accent); border-color: var(--accent); }
+  .help-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.3); display: none; z-index: 40; }
+  .help-backdrop.open { display: block; }
+  .help-panel { position: fixed; top: 0; right: 0; height: 100%; width: 380px; max-width: 90vw; background: var(--bg); border-left: 1px solid var(--border); box-shadow: -8px 0 24px rgba(0,0,0,.12); transform: translateX(100%); transition: transform .2s ease; z-index: 50; overflow-y: auto; padding: 20px 22px; }
+  .help-panel.open { transform: translateX(0); }
+  .help-panel h3 { font-size: 16px; margin-bottom: 8px; }
+  .help-panel h4 { font-size: 14px; margin: 16px 0 6px; color: var(--accent); }
+  .help-panel ul { margin: 0 0 8px 18px; }
+  .help-panel li { font-size: 13px; margin: 3px 0; }
+  .help-panel .close { position: absolute; top: 14px; right: 16px; cursor: pointer; color: var(--muted); font-size: 22px; line-height: 1; background: none; border: none; }
+  .help-panel .tip { margin-top: 16px; padding: 10px 12px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: 13px; }
+</style>
+</head>
+<body>
+<header>
+  <h1 data-i18n="title">⚙️ AgEnD Settings</h1>
+  <span id="verBadge" title="What's New" style="font-size:12px;color:var(--muted);cursor:pointer;padding:2px 8px;border:1px solid var(--border);border-radius:12px">v…</span>
+  <div class="grow"></div>
+  <button class="help-btn" id="langBtn" title="Language">🌐</button>
+  <button class="help-btn" id="helpBtn" title="Help">ℹ️</button>
+  <button id="reloadBtn" class="primary" data-i18n="reloadFleet" title="Apply saved config to running instances (SIGHUP)">↻ Reload Fleet</button>
+</header>
+<div class="help-backdrop" id="helpBackdrop"></div>
+<aside class="help-panel" id="helpPanel">
+  <button class="close" id="helpClose" title="Close">×</button>
+  <div id="helpContent"></div>
+</aside>
+<div class="banner" id="banner"></div>
+<main>
+  <section>
+    <div class="sec-head"><h2 data-i18n="myAgents">🤖 My Agents</h2><div class="grow"></div><input type="text" id="agentSearch" data-i18n-ph="searchPh" placeholder="🔍 Search…" style="width:180px;margin-right:8px"><button class="sm" id="newAgentBtn" data-i18n="new">+ New</button></div>
+    <div id="newAgent"></div>
+    <div class="card" id="agents"></div>
+  </section>
+  <section id="classicSection">
+    <div class="sec-head"><h2 data-i18n="classicChannels">🎮 ClassicBot Channels</h2></div>
+    <div class="card" id="classicList"></div>
+  </section>
+  <section>
+    <div class="sec-head"><h2 data-i18n="bots">🔌 Bots</h2><div class="grow"></div><button class="sm" id="newBotBtn" data-i18n="add">+ Add</button></div>
+    <div id="newBot"></div>
+    <div class="card" id="bots"></div>
+  </section>
+  <section>
+    <div class="sec-head"><h2 data-i18n="general">⚙️ General Settings</h2></div>
+    <div class="card" id="general"></div>
+  </section>
+  <section>
+    <div class="sec-head"><h2 data-i18n="whatsNew">🆕 What's New</h2><div class="grow"></div><button class="sm" id="wnToggle" data-i18n="expand">▶ Expand</button></div>
+    <div class="card"><div class="adv-body" id="wnBody"></div></div>
+  </section>
+  <section>
+    <div class="sec-head"><h2 data-i18n="advanced">📋 Advanced</h2><div class="grow"></div><button class="sm" id="advToggle" data-i18n="expand">▶ Expand</button></div>
+    <div class="card"><div class="adv-body" id="advBody"></div></div>
+  </section>
+</main>
+<script>
+(() => {
+  "use strict";
+  const token = new URLSearchParams(location.search).get("token") || "";
+  const $ = (id) => document.getElementById(id);
+  const el = (tag, attrs = {}, ...kids) => { const e = document.createElement(tag); for (const k in attrs) { if (k === "class") e.className = attrs[k]; else if (k === "html") e.innerHTML = attrs[k]; else if (k.startsWith("on")) e.addEventListener(k.slice(2), attrs[k]); else e.setAttribute(k, attrs[k]); } for (const c of kids) if (c != null) e.append(c); return e; };
+  const esc = (s) => String(s).replace(/[&<>]/g, c => ({ "&":"&amp;","<":"&lt;",">":"&gt;" }[c]));
+  const BACKENDS = ["claude-code", "kiro-cli", "codex", "opencode", "gemini-cli", "antigravity"];
+  // ── i18n ──
+  const I18N = {
+    en: {
+      title: "⚙️ AgEnD Settings", reloadFleet: "↻ Reload Fleet", myAgents: "🤖 My Agents", bots: "🔌 Bots", classicChannels: "🎮 ClassicBot Channels", noClassic: "No ClassicBot channels — start one with /start in a chat.",
+      general: "⚙️ General Settings", whatsNew: "🆕 What's New", advanced: "📋 Advanced",
+      expand: "▶ Expand", collapse: "▼ Collapse", new: "+ New", add: "+ Add", searchPh: "🔍 Search…",
+      edit: "Edit", close: "Close", save: "Save", cancel: "Cancel", create: "Create", start: "Start", stop: "Stop",
+      backend: "Backend", model: "Model", workingDir: "Working directory", channelBinding: "Channel binding",
+      description: "Description", systemPrompt: "System prompt", tags: "Tags", generalTopicField: "General topic (fleet dispatcher)",
+      language: "Language (bot replies)", defaultBackend: "Default backend", defaultModel: "Default model", allowedUsers: "Allowed users (primary bot)",
+      classicAdmins: "ClassicBot admins", allowedGuilds: "Allowed guilds", type: "Type", adapterId: "Adapter id",
+      tokenEnv: "Bot token env var", groupId: "Group / guild id", nameField: "Name",
+      envHint: "Put the actual token in ~/.agend/.env under this env var, then Reload Fleet.",
+      noAgents: "No agents yet — click + New.", noBots: "No bots configured.", online: "✅ Online",
+      currentVersion: "Current version",
+      helpTitle: "📖 Help", tipReload: "💡 Click [↻ Reload Fleet] after changes to apply them.",
+      wnIntro: "Recent highlights:", releaseNotes: "📄 View full Release Notes →",
+    },
+    "zh-TW": {
+      title: "⚙️ AgEnD 設定", reloadFleet: "↻ 重新載入", myAgents: "🤖 我的 Agent", bots: "🔌 機器人", classicChannels: "🎮 ClassicBot 頻道", noClassic: "沒有 ClassicBot 頻道 — 在聊天中用 /start 建立。",
+      general: "⚙️ 一般設定", whatsNew: "🆕 更新重點", advanced: "📋 進階",
+      expand: "▶ 展開", collapse: "▼ 收合", new: "+ 新增", add: "+ 加入", searchPh: "🔍 搜尋…",
+      edit: "編輯", close: "關閉", save: "儲存", cancel: "取消", create: "建立", start: "啟動", stop: "停止",
+      backend: "後端", model: "模型", workingDir: "工作目錄", channelBinding: "頻道綁定",
+      description: "描述", systemPrompt: "System prompt", tags: "標籤", generalTopicField: "General topic（fleet 分派器）",
+      language: "語言（bot 回覆）", defaultBackend: "預設後端", defaultModel: "預設模型", allowedUsers: "允許使用者（主 bot）",
+      classicAdmins: "ClassicBot 管理員", allowedGuilds: "允許的伺服器", type: "類型", adapterId: "Adapter id",
+      tokenEnv: "Bot token 環境變數", groupId: "群組 / guild id", nameField: "名稱",
+      envHint: "把實際 token 放到 ~/.agend/.env 的這個環境變數下，然後點重新載入。",
+      noAgents: "還沒有 agent — 點 + 新增。", noBots: "尚未設定機器人。", online: "✅ 上線",
+      currentVersion: "目前版本",
+      helpTitle: "📖 使用說明", tipReload: "💡 修改後點 [↻ 重新載入] 讓設定生效。",
+      wnIntro: "近期更新重點：", releaseNotes: "📄 查看完整 Release Notes →",
+    },
+  };
+  const HELP = {
+    en: [["🤖 My Agents", ["[+ New] add an agent (name, backend, working directory)", "[Edit] change settings (backend, model, tags, systemPrompt)", "[Start/Stop] run or stop an agent", "🗑️ delete an agent (shows on hover, needs confirm)", "🔍 search — live-filter the list"]],
+         ["🔌 Bots", ["[+ Add] add a Discord/TG bot", "🗑️ remove a bot"]],
+         ["⚙️ General Settings", ["Edit global backend/model, allowed users, ClassicBot admins", "Click [Save]"]],
+         ["📋 Advanced", ["Edit YAML/JSON directly", "[⬇ fleet.yaml] download a backup"]]],
+    "zh-TW": [["🤖 我的 Agent", ["[+ 新增] 新增 agent（name、backend、working directory）", "[編輯] 修改設定（backend、model、tags、systemPrompt）", "[啟動/停止] 啟動或停止 agent", "🗑️ 刪除 agent（hover 顯示，需確認）", "🔍 搜尋 — 即時過濾列表"]],
+              ["🔌 機器人", ["[+ 加入] 加入 Discord/TG bot", "🗑️ 移除 bot"]],
+              ["⚙️ 一般設定", ["修改全域 backend/model、允許使用者、ClassicBot 管理員", "點 [儲存]"]],
+              ["📋 進階", ["直接編輯 YAML/JSON", "[⬇ fleet.yaml] 下載備份"]]],
+  };
+  const WHATSNEW = [
+    "Settings redesign — user-flow sections, white theme, i18n (EN / 繁中)",
+    "What's New panel + info help panel + ClassicBot channels list",
+    "Same-channel multi-bot ClassicBot; per-bot cancel-button + react fixes",
+    "/view avatar & ctx% fixes; config validator + `agend validate` + validate_config MCP tool",
+  ];
+  let lang = localStorage.getItem("agend_lang") || (navigator.language && navigator.language.toLowerCase().startsWith("zh") ? "zh-TW" : "en");
+  if (!I18N[lang]) lang = "en";
+  const t = (k) => (I18N[lang] && I18N[lang][k]) || I18N.en[k] || k;
+  function applyStaticI18n() {
+    document.querySelectorAll("[data-i18n]").forEach(e => { e.textContent = t(e.getAttribute("data-i18n")); });
+    document.querySelectorAll("[data-i18n-ph]").forEach(e => { e.setAttribute("placeholder", t(e.getAttribute("data-i18n-ph"))); });
+    // toggle labels that carry expand/collapse state
+    for (const [id, body] of [["advToggle", "advBody"], ["wnToggle", "wnBody"]]) {
+      const b = $(body); if (b) $(id).textContent = b.classList.contains("open") ? t("collapse") : t("expand");
+    }
+    renderHelp();
+  }
+  function renderHelp() {
+    const host = $("helpContent"); if (!host) return; host.innerHTML = "";
+    host.append(el("h3", {}, t("helpTitle")));
+    for (const [h, items] of (HELP[lang] || HELP.en)) {
+      host.append(el("h4", {}, h));
+      const ul = el("ul"); for (const it of items) ul.append(el("li", {}, it)); host.append(ul);
+    }
+    host.append(el("div", { class: "tip" }, t("tipReload")));
+  }
+  const CH_TYPES = ["discord", "telegram"];
+  // ── YAML (config subset; round-trip verified) ──
+  function toYaml(value, indent = 0) {
+    const pad = "  ".repeat(indent);
+    const scalar = (v) => { if (v === null || v === undefined) return "null"; if (typeof v === "boolean" || typeof v === "number") return String(v); const s = String(v); if (s === "") return '""'; if (/^(true|false|null|~|-?\d+(\.\d+)?)$/i.test(s) || /[:#\[\]{}&*!|>'"%@`]/.test(s) || /^[\s-]/.test(s) || /\s$/.test(s) || s.includes("\n")) return '"' + s.replace(/\\/g, "\\\\").replace(/"/g, '\\"') + '"'; return s; };
+    if (Array.isArray(value)) { if (!value.length) return "[]"; return value.map(item => { if (item !== null && typeof item === "object") { const d = toYaml(item, indent + 1); const lines = d.split("\n"); return pad + "- " + lines[0].slice((indent + 1) * 2) + (lines.length > 1 ? "\n" + lines.slice(1).join("\n") : ""); } return pad + "- " + scalar(item); }).join("\n"); }
+    if (value !== null && typeof value === "object") { const keys = Object.keys(value); if (!keys.length) return "{}"; return keys.map(k => { const v = value[k]; if (v !== null && typeof v === "object" && (Array.isArray(v) ? v.length : Object.keys(v).length)) return pad + k + ":\n" + toYaml(v, indent + 1); if (v !== null && typeof v === "object") return pad + k + ": " + (Array.isArray(v) ? "[]" : "{}"); return pad + k + ": " + scalar(v); }).join("\n"); }
+    return pad + scalar(value);
+  }
+  function parseScalar(s) { s = s.trim(); if (s === "" || s === "~" || s === "null") return null; if (s === "true") return true; if (s === "false") return false; if (/^-?\d+$/.test(s)) return parseInt(s, 10); if (/^-?\d+\.\d+$/.test(s)) return parseFloat(s); if (s.startsWith('"') && s.endsWith('"')) return s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, "\\"); if (s.startsWith("'") && s.endsWith("'")) return s.slice(1, -1); if (s === "[]") return []; if (s === "{}") return {}; return s; }
+  function fromYaml(text) {
+    const lines = [];
+    for (const raw of text.replace(/\r/g, "").split("\n")) { let inS = false, inD = false, out = ""; for (let i = 0; i < raw.length; i++) { const c = raw[i]; if (c === "'" && !inD) inS = !inS; else if (c === '"' && !inS) inD = !inD; else if (c === "#" && !inS && !inD) break; out += c; } if (out.trim() === "") continue; lines.push({ indent: out.match(/^ */)[0].length, text: out.trim() }); }
+    let pos = 0;
+    function block() { if (pos >= lines.length) return null; const first = lines[pos]; if (first.text.startsWith("- ")) { const arr = []; while (pos < lines.length && lines[pos].indent === first.indent && lines[pos].text.startsWith("- ")) { const at = lines[pos].indent, rest = lines[pos].text.slice(2); if (rest.includes(":") && !/^".*"$/.test(rest) && !rest.startsWith("[") && !rest.startsWith("{")) { lines[pos] = { indent: at + 2, text: rest }; arr.push(map(at + 2)); } else { arr.push(parseScalar(rest)); pos++; } } return arr; } return map(first.indent); }
+    function map(indent) { const obj = {}; while (pos < lines.length && lines[pos].indent === indent) { const line = lines[pos].text, ci = line.indexOf(":"); if (ci < 0) { pos++; continue; } const key = line.slice(0, ci).trim(), val = line.slice(ci + 1).trim(); if (val === "") { pos++; if (pos < lines.length && lines[pos].indent > indent) obj[key] = block(); else obj[key] = null; } else { obj[key] = parseScalar(val); pos++; } } return obj; }
+    return block();
+  }
+  // ── API ──
+  async function api(path, opts = {}) {
+    const headers = Object.assign({ "X-Agend-Token": token }, opts.headers || {});
+    if (opts.body) headers["Content-Type"] = "application/json";
+    const r = await fetch(path, Object.assign({}, opts, { headers }));
+    let body = null; try { body = await r.json(); } catch {}
+    return { ok: r.ok, status: r.status, body };
+  }
+  function resultMsg(elm, res) {
+    const b = res.body || {}; let html = "";
+    if (b.errors && b.errors.length) html += b.errors.map(e => `<span class="e">✗ ${esc(e.path ? e.path + ": " : "")}${esc(e.message)}</span>`).join(" ");
+    if (b.warnings && b.warnings.length) html += " " + b.warnings.map(w => `<span class="w">⚠ ${esc(w.message)}</span>`).join(" ");
+    if (res.ok) html = `<span class="s">✓ Saved</span>` + (html ? " " + html : "");
+    else if (!html) html = `<span class="e">✗ ${esc((b && b.error) || ("HTTP " + res.status))}</span>`;
+    elm.innerHTML = html;
+  }
+  // ── State ──
+  const state = { fleet: {}, classic: {}, classicStatus: {}, live: {}, fleetUp: false, advFmt: "yaml", advEdit: false, collapsedGroups: new Set(), version: "", newAgentOpen: false, newBotOpen: false };
+  const channels = () => state.fleet.channels || (state.fleet.channel ? [state.fleet.channel] : []);
+  const channelIds = () => channels().map(c => c.id || c.type).filter(Boolean);
+  const chLabel = (i) => i === 0 ? "primary" : "persona";
+  function chById(id) { return channels().find(c => (c.id || c.type) === id); }
+  function chipList(arr, onChange, placeholder) {
+    const box = el("div"); const chips = el("div", { class: "chips" });
+    const redraw = () => { chips.innerHTML = ""; arr.forEach((v, i) => chips.append(el("span", { class: "chip" }, String(v), el("span", { class: "x", onclick: () => { arr.splice(i, 1); redraw(); onChange && onChange(); } }, "×")))); };
+    const inp = el("input", { type: "text", placeholder: placeholder || "add…" });
+    const add = () => { const v = inp.value.trim(); if (v) { arr.push(/^-?\d+$/.test(v) ? Number(v) : v); inp.value = ""; redraw(); onChange && onChange(); } };
+    inp.addEventListener("keydown", e => { if (e.key === "Enter") { e.preventDefault(); add(); } });
+    box.append(chips, el("div", { class: "chip-add" }, inp, el("button", { class: "sm", onclick: add }, "+ Add")));
+    redraw(); return box;
+  }
+  function select(value, options) { const s = el("select"); for (const o of options) { const opt = el("option", {}, o); opt.value = o; if (o === value) opt.selected = true; s.append(opt); } return s; }
+  // ── My Agents ──
+  let editing = null;
+  function agentChannelLabel(inst) {
+    if (inst.general_topic) return "general";
+    if (!inst.channel_id) return "";
+    const idx = channels().findIndex(c => (c.id || c.type) === inst.channel_id);
+    const ch = channels()[idx];
+    return ch ? `${ch.type} (${chLabel(idx)})` : inst.channel_id;
+  }
+  // Display name: profile display_name → else strip the -t<topicId> suffix.
+  const shortName = (name, inst) => (inst && inst.display_name) || name.replace(/-t\d+$/, "");
+  const STATUS_TEXT = { running: "🟢 Running", crashed: "🔴 Crashed", stopped: "⚪ Stopped" };
+  const STATUS_ORDER = { running: 0, crashed: 1, stopped: 2 };
+  const groupOf = (inst) => (inst.tags && inst.tags[0]) || "Other";
+  function compactRow(name, inst) {
+    const st = state.live[name]?.status || "stopped";
+    const running = st === "running";
+    const short = shortName(name, inst);
+    const chTag = agentChannelLabel(inst);
+    const item = el("div", { class: "item" });
+    // Single fixed-height line: dot + short name + backend + channel tag + actions.
+    // Full ID lives in the tooltip and the Edit form; working dir only in Edit.
+    item.append(el("div", { class: "item-row" },
+      el("span", { class: "dot " + st, title: STATUS_TEXT[st] || st }),
+      el("span", { class: "name", title: name }, short),
+      el("span", { class: "sub", style: "margin:0" }, inst.backend || state.fleet.defaults?.backend || "claude-code"),
+      chTag ? el("span", { class: "tag" + (chTag.includes("persona") ? " persona" : chTag.includes("telegram") ? " tg" : "") }, chTag) : null,
+      el("span", { class: "spacer" }),
+      el("button", { class: "sm ghost", onclick: () => { editing = editing === name ? null : name; renderAgents(); } }, editing === name ? t("close") : t("edit")),
+      el("button", { class: "sm", onclick: () => toggleAgent(name, running) }, running ? t("stop") : t("start")),
+      el("button", { class: "sm danger del-btn", title: t("close"), onclick: () => delAgent(name) }, "🗑️"),
+    ));
+    if (editing === name) item.append(agentEditForm(name, inst));
+    return item;
+  }
+  function renderAgents() {
+    const host = $("agents"); host.innerHTML = "";
+    const insts = state.fleet.instances || {};
+    if (!Object.keys(insts).length) { host.className = "card empty"; host.textContent = t("noAgents"); return; }
+    const filter = ($("agentSearch")?.value || "").trim().toLowerCase();
+    let names = Object.keys(insts);
+    if (filter) names = names.filter(n => n.toLowerCase().includes(filter) || shortName(n, insts[n]).toLowerCase().includes(filter));
+    if (!names.length) { host.className = "card empty"; host.textContent = "No agents match \"" + filter + "\"."; return; }
+    host.className = "card";
+    // Group by first tag; "Other" sorts last. Within a group: Running → Crashed
+    // → Stopped, then name.
+    const groups = {};
+    for (const n of names) (groups[groupOf(insts[n])] ??= []).push(n);
+    const gnames = Object.keys(groups).sort((a, b) => a === "Other" ? 1 : b === "Other" ? -1 : a.localeCompare(b));
+    for (const g of gnames) {
+      const members = groups[g].sort((a, b) => {
+        const sa = STATUS_ORDER[state.live[a]?.status || "stopped"], sb = STATUS_ORDER[state.live[b]?.status || "stopped"];
+        return sa !== sb ? sa - sb : a.localeCompare(b);
+      });
+      const collapsed = state.collapsedGroups.has(g) && !filter; // searching expands all
+      host.append(el("div", { class: "group-head", onclick: () => { state.collapsedGroups.has(g) ? state.collapsedGroups.delete(g) : state.collapsedGroups.add(g); renderAgents(); } },
+        el("span", { class: "caret" }, collapsed ? "▶" : "▼"), el("span", {}, g), el("span", { class: "gcount" }, `(${members.length})`)));
+      if (collapsed) continue;
+      for (const name of members) host.append(compactRow(name, insts[name]));
+    }
+  }
+  function agentEditForm(name, inst) {
+    const box = el("div", { class: "edit" });
+    const fBackend = select(inst.backend || state.fleet.defaults?.backend || "claude-code", BACKENDS);
+    const fModel = el("input", { type: "text", value: inst.model || "", placeholder: "(inherit default)" });
+    const fWd = el("input", { type: "text", value: inst.working_directory || "" });
+    const fChan = select(inst.channel_id || "", ["", ...channelIds()]);
+    const fDesc = el("input", { type: "text", value: inst.description || "" });
+    const fSys = el("input", { type: "text", value: inst.systemPrompt || "", placeholder: "e.g. file:prompts/dev.md" });
+    const tags = [...(inst.tags || [])];
+    const fGeneral = el("input", { type: "checkbox" }); fGeneral.checked = !!inst.general_topic;
+    const msg = el("span", { class: "msg" });
+    box.append(
+      el("div", { class: "sub", style: "margin:0 0 8px" }, "ID: " + name),
+      el("div", { class: "grid2" }, el("div", {}, el("label", {}, t("backend")), fBackend), el("div", {}, el("label", {}, t("model")), fModel)),
+      el("label", {}, t("workingDir")), fWd,
+      el("div", { class: "grid2" }, el("div", {}, el("label", {}, t("channelBinding")), fChan), el("div", {}, el("label", {}, t("description")), fDesc)),
+      el("label", {}, t("systemPrompt")), fSys,
+      el("label", {}, t("tags")), chipList(tags, null, "tag"),
+      el("label", { style: "display:flex;align-items:center;gap:8px;cursor:pointer" }, fGeneral, el("span", {}, t("generalTopicField"))),
+      el("div", { class: "actions" },
+        el("button", { class: "primary sm", onclick: async () => {
+          const patch = {
+            backend: fBackend.value, model: fModel.value || undefined,
+            working_directory: fWd.value, channel_id: fChan.value || undefined,
+            description: fDesc.value || undefined, systemPrompt: fSys.value || undefined,
+            tags: tags.length ? tags : undefined, general_topic: fGeneral.checked,
+          };
+          const res = await api(`/api/settings/fleet/instances/${encodeURIComponent(name)}`, { method: "PATCH", body: JSON.stringify(patch) });
+          resultMsg(msg, res); if (res.ok) await reload();
+        } }, t("save")),
+        el("button", { class: "sm ghost", onclick: () => { editing = null; renderAgents(); } }, t("cancel")),
+        msg),
+    );
+    return box;
+  }
+  async function toggleAgent(name, running) {
+    if (running) await api(`/stop/${encodeURIComponent(name)}`, { method: "POST" });
+    else await api(`/api/instance/${encodeURIComponent(name)}/start`, { method: "POST" });
+    setTimeout(reloadLive, 800);
+  }
+  async function delAgent(name) {
+    if (!confirm(`Delete agent "${name}"? (config removed; running daemon stops on next Reload)`)) return;
+    const res = await api(`/api/settings/fleet/instances/${encodeURIComponent(name)}`, { method: "DELETE" });
+    if (res.ok) await reload(); else alert((res.body && res.body.error) || "Delete failed");
+  }
+  function renderNewAgent(open) {
+    const host = $("newAgent"); host.innerHTML = "";
+    if (!open) return;
+    const box = el("div", { class: "card", style: "margin-bottom:12px" });
+    const fName = el("input", { type: "text", placeholder: "agent name" });
+    const fBackend = select(state.fleet.defaults?.backend || "claude-code", BACKENDS);
+    const fWd = el("input", { type: "text", placeholder: "~/Projects/… (optional)" });
+    const fChan = select("", ["", ...channelIds()]);
+    const msg = el("span", { class: "msg" });
+    box.append(el("div", { class: "edit", style: "border:none" },
+      el("div", { class: "grid2" }, el("div", {}, el("label", {}, t("nameField")), fName), el("div", {}, el("label", {}, t("backend")), fBackend)),
+      el("div", { class: "grid2" }, el("div", {}, el("label", {}, t("workingDir")), fWd), el("div", {}, el("label", {}, t("channelBinding")), fChan)),
+      el("div", { class: "actions" }, el("button", { class: "primary sm", onclick: async () => {
+        const name = fName.value.trim(); if (!name) { msg.innerHTML = `<span class="e">✗ name required</span>`; return; }
+        const body = { working_directory: fWd.value, backend: fBackend.value, channel_id: fChan.value || undefined };
+        const res = await api(`/api/settings/fleet/instances/${encodeURIComponent(name)}`, { method: "POST", body: JSON.stringify(body) });
+        resultMsg(msg, res); if (res.ok) { state.newAgentOpen = false; $("newAgentBtn").textContent = t("new"); renderNewAgent(false); await reload(); }
+      } }, t("create")), el("button", { class: "sm ghost", onclick: () => { state.newAgentOpen = false; $("newAgentBtn").textContent = t("new"); renderNewAgent(false); } }, t("cancel")), msg),
+    ));
+    host.append(box);
+  }
+  // ── Bots ──
+  function renderBots() {
+    const host = $("bots"); host.innerHTML = ""; const chs = channels();
+    if (!chs.length) { host.className = "card empty"; host.textContent = t("noBots"); return; }
+    host.className = "card";
+    chs.forEach((ch, i) => {
+      const item = el("div", { class: "item" });
+      const type = ch.type || "?";
+      item.append(el("div", { class: "item-row" },
+        el("span", { class: "name" }, type === "telegram" ? "Telegram" : "Discord"),
+        el("span", { class: "tag" + (i === 0 ? "" : " persona") + (type === "telegram" ? " tg" : "") }, chLabel(i)),
+        el("span", { class: "sub", style: "margin:0" }, ch.bot_token_env || "(no token env)"),
+        el("span", { class: "spacer" }),
+        el("span", { style: "color:var(--green);font-size:13px" }, state.fleetUp ? t("online") : "—"),
+        el("button", { class: "sm danger", onclick: () => delBot(i) }, "🗑️"),
+      ));
+      host.append(item);
+    });
+  }
+  // ── ClassicBot Channels (read-only; created dynamically via /start /stop) ──
+  function renderClassic() {
+    const host = $("classicList"); if (!host) return; host.innerHTML = "";
+    const chans = Object.values(state.classic?.channels || {});
+    if (!chans.length) { host.className = "card empty"; host.textContent = t("noClassic"); return; }
+    const filter = ($("agentSearch")?.value || "").trim().toLowerCase();
+    let list = chans;
+    if (filter) list = list.filter(c => String(c.name || "").toLowerCase().includes(filter) || String(c.instanceName || "").toLowerCase().includes(filter));
+    if (!list.length) { host.className = "card empty"; host.textContent = "—"; return; }
+    host.className = "card";
+    list.sort((a, b) => {
+      const sa = STATUS_ORDER[state.classicStatus[a.instanceName] || "stopped"], sb = STATUS_ORDER[state.classicStatus[b.instanceName] || "stopped"];
+      return sa !== sb ? sa - sb : String(a.name || "").localeCompare(String(b.name || ""));
+    });
+    for (const c of list) {
+      const st = state.classicStatus[c.instanceName] || "stopped";
+      const adapter = c.adapterId || "discord";
+      host.append(el("div", { class: "item" }, el("div", { class: "item-row" },
+        el("span", { class: "dot " + st, title: STATUS_TEXT[st] || st }),
+        el("span", { class: "name", title: c.instanceName || "" }, c.name || c.instanceName || "?"),
+        el("span", { class: "sub", style: "margin:0" }, c.backend || state.classic?.defaults?.backend || "claude-code"),
+        el("span", { class: "tag" + (adapter !== "discord" ? " persona" : "") }, adapter),
+        c.collab ? el("span", { class: "tag", style: "background:#ecfdf5;color:#065f46" }, "collab") : null,
+      )));
+    }
+  }
+  async function saveChannels(msgEl) {
+    const res = await api("/api/settings/fleet/channels", { method: "PUT", body: JSON.stringify(channels()) });
+    if (msgEl) resultMsg(msgEl, res);
+    return res;
+  }
+  async function delBot(i) {
+    const chs = channels(); const ch = chs[i];
+    if (!confirm(`Remove bot "${ch.type} (${chLabel(i)})"? (the token in .env is left untouched)`)) return;
+    chs.splice(i, 1);
+    state.fleet.channels = chs; delete state.fleet.channel;
+    const res = await saveChannels(); if (res.ok) await reload(); else alert((res.body && res.body.error) || "Failed");
+  }
+  function renderNewBot(open) {
+    const host = $("newBot"); host.innerHTML = ""; if (!open) return;
+    const box = el("div", { class: "card", style: "margin-bottom:12px" });
+    const fType = select("discord", CH_TYPES);
+    const fId = el("input", { type: "text", placeholder: "adapter id (e.g. persona1)" });
+    const fEnv = el("input", { type: "text", placeholder: "BOT_TOKEN_ENV" });
+    const fGroup = el("input", { type: "text", placeholder: "guild / supergroup id" });
+    const msg = el("span", { class: "msg" });
+    box.append(el("div", { class: "edit", style: "border:none" },
+      el("div", { class: "grid2" }, el("div", {}, el("label", {}, t("type")), fType), el("div", {}, el("label", {}, t("adapterId")), fId)),
+      el("div", { class: "grid2" }, el("div", {}, el("label", {}, t("tokenEnv")), fEnv), el("div", {}, el("label", {}, t("groupId")), fGroup)),
+      el("div", { class: "hint" }, t("envHint")),
+      el("div", { class: "actions" }, el("button", { class: "primary sm", onclick: async () => {
+        if (!fEnv.value.trim()) { msg.innerHTML = `<span class="e">✗ token env required</span>`; return; }
+        const chs = channels();
+        chs.push({ id: fId.value.trim() || undefined, type: fType.value, bot_token_env: fEnv.value.trim(), group_id: fGroup.value.trim() || undefined, access: { mode: "locked", allowed_users: [] } });
+        state.fleet.channels = chs; delete state.fleet.channel;
+        const res = await saveChannels(msg); if (res.ok) { state.newBotOpen = false; $("newBotBtn").textContent = t("add"); renderNewBot(false); await reload(); }
+      } }, t("save")), el("button", { class: "sm ghost", onclick: () => { state.newBotOpen = false; $("newBotBtn").textContent = t("add"); renderNewBot(false); } }, t("cancel")), msg),
+    ));
+    host.append(box);
+  }
+  // ── General Settings ──
+  function renderGeneral() {
+    const host = $("general"); host.innerHTML = "";
+    state.fleet.defaults = state.fleet.defaults || {};
+    state.classic.defaults = state.classic.defaults || {};
+    const d = state.fleet.defaults, c = state.classic.defaults;
+    const primary = channels()[0];
+    if (primary) primary.access = primary.access || { mode: "locked", allowed_users: [] };
+    const allowedUsers = primary ? (primary.access.allowed_users = primary.access.allowed_users || []) : [];
+    c.admin_users = c.admin_users || []; c.allowed_guilds = c.allowed_guilds || [];
+    const fBackend = select(d.backend || "claude-code", BACKENDS);
+    const fModel = el("input", { type: "text", value: d.model || "", placeholder: "e.g. claude-opus-4-8" });
+    const fLocale = el("select");
+    [["en", "English"], ["zh-TW", "繁體中文 (zh-TW)"]].forEach(([v, lbl]) => { const o = el("option", {}, lbl); o.value = v; if ((d.locale || "") === v) o.selected = true; fLocale.append(o); });
+    const msg = el("span", { class: "msg" });
+    host.append(
+      el("div", { class: "field" }, el("label", {}, t("language")), fLocale),
+      el("div", { class: "field" }, el("label", {}, t("defaultBackend")), fBackend),
+      el("div", { class: "field" }, el("label", {}, t("defaultModel")), fModel),
+      el("div", { class: "field" }, el("label", {}, t("allowedUsers")), chipList(allowedUsers, null, "user id")),
+      el("div", { class: "field" }, el("label", {}, t("classicAdmins")), chipList(c.admin_users, null, "user id")),
+      el("div", { class: "field" }, el("label", {}, t("allowedGuilds")), chipList(c.allowed_guilds, null, "guild id")),
+      el("div", { class: "field" }, el("div", { class: "actions" }, el("button", { class: "primary", onclick: async () => {
+        d.backend = fBackend.value; d.model = fModel.value || undefined; d.locale = fLocale.value;
+        const r1 = await api("/api/settings/fleet/defaults", { method: "PUT", body: JSON.stringify({ backend: d.backend, model: d.model, locale: d.locale }) });
+        let r2 = { ok: true, body: {} };
+        if (primary) r2 = await saveChannels();
+        const r3 = await api("/api/settings/classic/defaults", { method: "PUT", body: JSON.stringify({ backend: c.backend, admin_users: c.admin_users, allowed_guilds: c.allowed_guilds }) });
+        const bad = [r1, r2, r3].find(r => !r.ok);
+        resultMsg(msg, bad || { ok: true, body: { warnings: [...(r1.body?.warnings || []), ...(r3.body?.warnings || [])] } });
+      } }, t("save")), msg)),
+    );
+  }
+  // ── What's New ──
+  function renderWhatsNew() {
+    const host = $("wnBody"); host.innerHTML = "";
+    host.append(el("div", { class: "sub", style: "margin:0 0 8px" }, `${t("currentVersion")}: ${state.version || "?"}`));
+    host.append(el("div", { style: "font-size:13px;margin-bottom:6px" }, t("wnIntro")));
+    const ul = el("ul", { style: "margin:0 0 0 18px" });
+    for (const line of WHATSNEW) ul.append(el("li", { style: "font-size:13px;margin:4px 0" }, line));
+    host.append(ul);
+    // Beta builds have no per-tag release page → link to the latest release.
+    const v = state.version || "";
+    const url = !v || v.includes("-") ? "https://github.com/songsid/AgEnD/releases/latest" : `https://github.com/songsid/AgEnD/releases/tag/v${v}`;
+    host.append(el("div", { style: "margin-top:10px" }, el("a", { href: url, target: "_blank", rel: "noopener", style: "color:var(--accent);font-size:13px;text-decoration:none" }, t("releaseNotes"))));
+  }
+  // ── Advanced (YAML/JSON) ──
+  const fleetModel = () => ({ ...(state.fleet.channels ? { channels: state.fleet.channels } : state.fleet.channel ? { channel: state.fleet.channel } : {}), defaults: state.fleet.defaults || {}, instances: state.fleet.instances || {} });
+  function renderAdvanced() {
+    const host = $("advBody"); host.innerHTML = "";
+    const fmt = state.advFmt; const model = fleetModel();
+    const ser = fmt === "yaml" ? toYaml(model) : JSON.stringify(model, null, 2);
+    const msg = el("div", { class: "msg", style: "margin-top:8px" });
+    const toolbar = el("div", { class: "toolbar" },
+      el("div", { class: "seg" },
+        el("button", { class: "sm" + (fmt === "yaml" ? " on" : ""), onclick: () => { state.advFmt = "yaml"; renderAdvanced(); } }, "YAML"),
+        el("button", { class: "sm" + (fmt === "json" ? " on" : ""), onclick: () => { state.advFmt = "json"; renderAdvanced(); } }, "JSON")),
+      el("button", { class: "sm", onclick: () => { state.advEdit = !state.advEdit; renderAdvanced(); } }, state.advEdit ? "View" : "Edit"),
+      el("button", { class: "sm", onclick: () => navigator.clipboard.writeText(ser).then(() => { msg.innerHTML = `<span class="s">Copied</span>`; }) }, "Copy"),
+      el("button", { class: "sm", onclick: () => { const blob = new Blob([toYaml(fleetModel())], { type: "text/plain" }); const a = el("a", { href: URL.createObjectURL(blob), download: "fleet.yaml" }); a.click(); URL.revokeObjectURL(a.href); } }, "⬇ fleet.yaml"),
+    );
+    host.append(toolbar);
+    if (state.advEdit) {
+      const ta = el("textarea"); ta.value = ser;
+      host.append(ta, el("div", { class: "actions" }, el("button", { class: "primary sm", onclick: async () => {
+        let parsed; try { parsed = fmt === "yaml" ? fromYaml(ta.value) : JSON.parse(ta.value || "{}"); } catch (e) { msg.innerHTML = `<span class="e">✗ ${esc(e.message)}</span>`; return; }
+        await applyFullModel(parsed, msg);
+      } }, "Apply & Save"), msg));
+    } else {
+      const pre = el("pre", { class: "preview" }); pre.textContent = ser; host.append(pre, msg);
+    }
+  }
+  // Apply the edited full model: PUT defaults + channels, and diff instances.
+  async function applyFullModel(m, msg) {
+    if (!m || typeof m !== "object") { msg.innerHTML = `<span class="e">✗ expected a mapping</span>`; return; }
+    const results = [];
+    if (m.defaults) results.push(await api("/api/settings/fleet/defaults", { method: "PUT", body: JSON.stringify(m.defaults) }));
+    const chs = m.channels || (m.channel ? [m.channel] : null);
+    if (chs) results.push(await api("/api/settings/fleet/channels", { method: "PUT", body: JSON.stringify(chs) }));
+    if (m.instances && typeof m.instances === "object") {
+      const cur = state.fleet.instances || {};
+      for (const [n, cfg] of Object.entries(m.instances)) {
+        const exists = !!cur[n];
+        results.push(await api(`/api/settings/fleet/instances/${encodeURIComponent(n)}`, { method: exists ? "PATCH" : "POST", body: JSON.stringify(cfg) }));
+      }
+      for (const n of Object.keys(cur)) if (!(n in m.instances)) results.push(await api(`/api/settings/fleet/instances/${encodeURIComponent(n)}`, { method: "DELETE" }));
+    }
+    const bad = results.find(r => !r.ok);
+    resultMsg(msg, bad || { ok: true, body: {} });
+    if (!bad) { state.advEdit = false; await reload(); }
+  }
+  // ── Load / render ──
+  function renderAll() { renderAgents(); renderClassic(); renderBots(); renderGeneral(); renderWhatsNew(); renderAdvanced(); applyStaticI18n(); }
+  async function reloadLive() {
+    const f = await api("/api/fleet");
+    state.fleetUp = f.ok;
+    state.live = {}; if (f.ok && f.body?.instances) for (const i of f.body.instances) state.live[i.name] = { status: i.status };
+    // /api/fleet is fleet-config only; classic instance statuses come from the
+    // merged roster (/api/profiles, open GET).
+    const pr = await api("/api/profiles");
+    state.classicStatus = {}; if (pr.ok && Array.isArray(pr.body)) for (const r of pr.body) state.classicStatus[r.instance_name] = r.status;
+    if (f.ok && f.body?.version) { state.version = f.body.version; $("verBadge").textContent = "v" + state.version; }
+    renderAgents(); renderBots(); renderClassic();
+  }
+  async function reload() {
+    const f = await api("/api/settings/fleet");
+    if (!f.ok) { $("banner").style.display = "block"; $("banner").style.background = "#fef2f2"; $("banner").style.color = "var(--red)"; $("banner").textContent = "Failed to load config — check the token in the URL."; return; }
+    state.fleet = f.body || {};
+    const c = await api("/api/settings/classic"); state.classic = c.body || {};
+    await reloadLive();
+    renderAll();
+  }
+  const setHelp = (open) => { $("helpPanel").classList.toggle("open", open); $("helpBackdrop").classList.toggle("open", open); };
+  $("helpBtn").onclick = () => setHelp(!$("helpPanel").classList.contains("open"));
+  $("helpClose").onclick = () => setHelp(false);
+  $("helpBackdrop").onclick = () => setHelp(false);
+  $("langBtn").onclick = () => { lang = lang === "en" ? "zh-TW" : "en"; localStorage.setItem("agend_lang", lang); renderAll(); };
+  $("verBadge").onclick = () => { const b = $("wnBody"); b.classList.add("open"); $("wnToggle").textContent = t("collapse"); b.scrollIntoView({ behavior: "smooth" }); };
+  $("agentSearch").oninput = () => { renderAgents(); renderClassic(); };
+  $("newAgentBtn").onclick = () => { state.newAgentOpen = !state.newAgentOpen; $("newAgentBtn").textContent = state.newAgentOpen ? t("cancel") : t("new"); renderNewAgent(state.newAgentOpen); };
+  $("newBotBtn").onclick = () => { state.newBotOpen = !state.newBotOpen; $("newBotBtn").textContent = state.newBotOpen ? t("cancel") : t("add"); renderNewBot(state.newBotOpen); };
+  $("advToggle").onclick = () => { const b = $("advBody"); const open = !b.classList.contains("open"); b.classList.toggle("open", open); $("advToggle").textContent = open ? t("collapse") : t("expand"); };
+  $("wnToggle").onclick = () => { const b = $("wnBody"); const open = !b.classList.contains("open"); b.classList.toggle("open", open); $("wnToggle").textContent = open ? t("collapse") : t("expand"); };
+  $("reloadBtn").onclick = async () => { const r = await api("/api/settings/reload", { method: "POST" }); const b = $("banner"); b.style.display = "block"; b.style.background = "#ecfdf5"; b.style.color = "var(--green)"; b.textContent = r.ok ? "✓ Reload signal sent — instances reconciling." : "Reload failed."; setTimeout(() => b.style.display = "none", 4000); setTimeout(reloadLive, 1500); };
+  reload();
+})();
+</script>
+</body>
+</html>