@kevin5251984/guild 0.2.12 → 0.2.14

package/src/public/chat.html

@@ -8,7 +8,7 @@
     <link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32" />
     <link rel="icon" href="/favicon-16.png" type="image/png" sizes="16x16" />
     <title>Guild — 大廳</title>
-    <link rel="stylesheet" href="/chat.css?v=stack-clip" />
+    <link rel="stylesheet" href="/chat.css?v=press-enamel" />
     <script src="/i18n.js"></script>
     <script src="/md.js"></script>
   </head>
@@ -192,10 +192,9 @@
         <div class="traj-bar">
           <strong data-i18n="trace">Trajectory</strong>
           <span class="traj-src" id="traj-src"></span>
-          <input id="traj-q" placeholder="搜尋 system / tool / spawn / 結果" data-i18n-placeholder="search.traj" autocomplete="off" />
+          <input id="traj-q" placeholder="搜尋 system / tool / 結果" data-i18n-placeholder="search.traj" autocomplete="off" />
           <button type="button" class="traj-close" id="traj-close" aria-label="關閉" data-i18n-aria="close">×</button>
         </div>
-        <div class="traj-kinds" id="traj-kinds"></div>
         <div class="traj-main">
           <div class="traj-list" id="traj-list"></div>
           <div class="traj-detail" id="traj-detail"></div>
@@ -342,26 +341,6 @@
         const glyph = Array.from(String(name).replace(/\s+/g, ""))[0] || "?";
         return glyph;
       }
-      function portraitUrl(bot) {
-        const p = bot && typeof bot.portrait === "string" ? bot.portrait.trim() : "";
-        return p.indexOf("/generated/") === 0 ? p : "";
-      }
-      function avatarFace(bot, name) {
-        const url = portraitUrl(bot);
-        if (url) return '<img alt="" src="' + escapeHtml(url) + '">';
-        return escapeHtml(initials((bot && bot.name) || name || "?"));
-      }
-      function avatarClass(bot, extra) {
-        return (extra || "avatar") + (portraitUrl(bot) ? " has-photo" : "");
-      }
-      function paintAvatarEl(el, bot) {
-        if (!el) return;
-        const url = portraitUrl(bot);
-        el.classList.toggle("has-photo", Boolean(url));
-        el.style.background = bot ? hue(bot.handle) : "#333";
-        if (url) el.innerHTML = '<img alt="" src="' + escapeHtml(url) + '">';
-        else el.textContent = bot ? initials(bot.name) : "?";
-      }
       function escapeHtml(value) {
         return String(value)
           .replace(/&/g, "&amp;")
@@ -410,7 +389,7 @@
         if (name === "read") return t("read");
         if (name === "write") return t("write");
         if (name === "list") return t("list");
-        if (name === "spawn" || name === "read_spawn") return t("spawn");
+        if (name === "spawn") return t("spawn");
         return name || "Tool";
       }
       function parseExitCode(output) {
@@ -566,7 +545,6 @@
           usage.input || usage.output
             ? t("stats.inOut", {
                 in: formatCount(usage.input || 0),
-                cache: formatCount(usage.cacheRead || 0),
                 out: formatCount(usage.output || 0),
               })
             : usage.estimated
@@ -712,7 +690,7 @@
             error: err,
           });
         }
-        if (part.name === "spawn" || part.name === "read_spawn") {
+        if (part.name === "spawn") {
           return disclosureRow({
             title: t("spawn"),
             icon: iconWrench(),
@@ -1312,12 +1290,10 @@
         const stack = bots
           .map(
             (bot) =>
-              '<span class="' +
-              avatarClass(bot) +
-              '" style="background:' +
+              '<span class="avatar" style="background:' +
               hue(bot.handle) +
               '">' +
-              avatarFace(bot) +
+              escapeHtml(initials(bot.name)) +
               "</span>",
           )
           .join("");
@@ -1412,12 +1388,10 @@
               href: "#d/" + encodeURIComponent(bot.id),
               on: state.kind === "dm" && state.id === bot.id,
               av:
-                '<span class="' +
-                avatarClass(bot) +
-                '" style="background:' +
+                '<span class="avatar" style="background:' +
                 hue(bot.handle) +
                 '">' +
-                avatarFace(bot) +
+                escapeHtml(initials(bot.name)) +
                 "</span>",
               name: bot.name,
               updatedAt: bot.updatedAt,
@@ -1447,14 +1421,12 @@
                 ? '<span class="meta">' + t("members.addDisabled") + "</span>"
                 : "";
         return (
-          '<div class="members-row"><button type="button" class="' +
-          avatarClass(bot, "avatar sm") +
-          '" data-bot-id="' +
+          '<div class="members-row"><button type="button" class="avatar sm" data-bot-id="' +
           escapeHtml(bot.id) +
           '" style="background:' +
           hue(bot.handle) +
           '">' +
-          avatarFace(bot) +
+          escapeHtml(initials(bot.name)) +
           '</button><span class="who"><strong>' +
           escapeHtml(bot.name) +
           "</strong><em>@" +
@@ -1473,8 +1445,9 @@
           document.getElementById("subtitle").textContent = "";
           wrap.hidden = true;
           document.getElementById("members-pop").hidden = true;
+          av.textContent = bot ? initials(bot.name) : "?";
+          av.style.background = bot ? hue(bot.handle) : "#333";
           av.classList.remove("hash-av");
-          paintAvatarEl(av, bot);
           if (bot) {
             av.setAttribute("href", "#");
             av.setAttribute("data-bot-id", bot.id);
@@ -1494,8 +1467,6 @@
         const members = ch ? ch.members || [] : [];
         const locked = isGeneralChannel(ch);
         document.getElementById("subtitle").textContent = "";
-        av.classList.remove("has-photo");
-        av.innerHTML = "";
         av.textContent = "#";
         av.style.background = "";
         av.classList.add("hash-av");
@@ -1506,12 +1477,10 @@
         document.getElementById("members-stack").innerHTML = shown
           .map(
             (bot) =>
-              '<span class="' +
-              avatarClass(bot) +
-              '" style="background:' +
+              '<span class="avatar" style="background:' +
               hue(bot.handle) +
               '">' +
-              avatarFace(bot) +
+              escapeHtml(initials(bot.name)) +
               "</span>",
           )
           .join("");
@@ -1648,16 +1617,14 @@
         const botAttr = ' data-bot-id="' + escapeHtml(bot.id) + '"';
         return {
           av:
-            '<button type="button" class="' +
-            avatarClass(bot) +
-            '"' +
+            '<button type="button" class="avatar"' +
             botAttr +
             ' title="' +
             escapeHtml(bot.name) +
             '" style="background:' +
             hue(bot.handle) +
             '">' +
-            avatarFace(bot) +
+            escapeHtml(initials(bot.name)) +
             "</button>",
           head:
             '<div class="msg-head"><button type="button" class="name"' +
@@ -1944,9 +1911,8 @@
           fromBottom <= root.clientHeight + 80;
         const rows = threadMessages();
         if (!rows.length && !currentRoomBusy()) {
-          root.innerHTML = hallHasModel()
-            ? '<div class="empty-thread">' + t("noMessages") + "</div>"
-            : setupThreadHtml();
+          root.innerHTML =
+            '<div class="empty-thread">' + t("noMessages") + "</div>";
           syncThreadChrome();
           return;
         }
@@ -2047,27 +2013,16 @@
               const botAttr = bot
                 ? ' data-bot-id="' + escapeHtml(bot.id) + '"'
                 : "";
-              const av = bot
-                ? '<button type="button" class="' +
-                  avatarClass(bot) +
-                  '"' +
-                  botAttr +
-                  ' title="' +
-                  escapeHtml(name) +
-                  '" style="background:' +
-                  hue(handle || name) +
-                  '">' +
-                  avatarFace(bot, name) +
-                  "</button>"
-                : '<button type="button" class="avatar"' +
-                  botAttr +
-                  ' title="' +
-                  escapeHtml(name) +
-                  '" style="background:' +
-                  hue(handle || name) +
-                  '">' +
-                  escapeHtml(initials(name)) +
-                  "</button>";
+              const av =
+                '<button type="button" class="avatar"' +
+                botAttr +
+                ' title="' +
+                escapeHtml(name) +
+                '" style="background:' +
+                hue(handle || name) +
+                '">' +
+                escapeHtml(initials(name)) +
+                "</button>";
               const head =
                 '<div class="msg-head"><button type="button" class="name"' +
                 botAttr +
@@ -2300,12 +2255,10 @@
           bots
             .map(
               (bot) =>
-                '<span class="' +
-                avatarClass(bot, "queue-av") +
-                '" style="background:' +
+                '<span class="queue-av" style="background:' +
                 hue(bot.handle) +
                 '">' +
-                avatarFace(bot) +
+                escapeHtml(initials(bot.name)) +
                 "</span>",
             )
             .join("") +
@@ -2876,7 +2829,8 @@
       }
       function showBotCard(bot, anchor) {
         if (!bot || !anchor) return;
-        paintAvatarEl(document.getElementById("bot-card-av"), bot);
+        document.getElementById("bot-card-av").textContent = initials(bot.name);
+        document.getElementById("bot-card-av").style.background = hue(bot.handle);
         document.getElementById("bot-card-name").textContent = bot.name;
         document.getElementById("bot-card-handle").textContent = "@" + bot.handle;
         document.getElementById("bot-card-bio").textContent =
@@ -4524,12 +4478,10 @@
             return (
               '<button type="button" data-assign="' +
               escapeHtml(bot.id) +
-              '"><span class="' +
-              avatarClass(bot, "avatar sm") +
-              '" style="background:' +
+              '"><span class="avatar sm" style="background:' +
               hue(bot.handle) +
               '">' +
-              avatarFace(bot) +
+              escapeHtml(initials(bot.name)) +
               '</span><span class="assign-copy"><strong>' +
               escapeHtml(bot.name) +
               "</strong><span>@" +
@@ -4757,7 +4709,6 @@
             name: bot.name,
             hint: "@" + bot.handle,
             glyph: initials(bot.name),
-            photo: portraitUrl(bot),
             color: hue(bot.handle),
             outside: false,
           })),
@@ -4769,7 +4720,6 @@
               ? t("members.full", { max: CHANNEL_ROSTER_CAP })
               : "@" + bot.handle,
             glyph: initials(bot.name),
-            photo: portraitUrl(bot),
             color: hue(bot.handle),
             outside: true,
           })),
@@ -4791,10 +4741,6 @@
       function pickerItemHtml(row, index, selected) {
         const on = index === selected ? " on" : "";
         const avStyle = row.color ? "background:" + row.color : "";
-        const photo = row.photo ? String(row.photo) : "";
-        const glyphInner = photo
-          ? '<img alt="" src="' + escapeHtml(photo) + '">'
-          : escapeHtml(row.glyph);
         const badge = row.badge
           ? '<span class="out">' + escapeHtml(row.badge) + "</span>"
           : row.outside
@@ -4805,12 +4751,10 @@
           on +
           '" data-mention="' +
           index +
-          '"><span class="mention-glyph' +
-          (photo ? " has-photo" : "") +
-          '" style="' +
+          '"><span class="mention-glyph" style="' +
           avStyle +
           '">' +
-          glyphInner +
+          escapeHtml(row.glyph) +
           "</span><span><strong>" +
           escapeHtml(row.name) +
           "</strong><em>" +
@@ -5210,31 +5154,6 @@
         if (kind === "oauth") return { mark: "⌁", tone: "" };
         return { mark: "●", tone: "" };
       }
-      function hallHasModel() {
-        return allModels().some((row) => row.ready);
-      }
-      function setupThreadHtml() {
-        return (
-          '<div class="empty-thread setup-thread">' +
-          '<p class="setup-kicker">' +
-          t("setup.kicker") +
-          "</p>" +
-          '<p class="setup-title">' +
-          t("setup.needModel") +
-          "</p>" +
-          '<p class="setup-body">' +
-          t("setup.needModelBody") +
-          "</p>" +
-          '<p class="setup-acts">' +
-          '<a href="/settings/subs">' +
-          t("setup.subs") +
-          "</a>" +
-          '<a href="/settings/keys">' +
-          t("setup.keys") +
-          "</a>" +
-          "</p></div>"
-        );
-      }
       function allModels() {
         const rows = [];
         for (const p of modelCfg.picker || []) {
@@ -5415,7 +5334,6 @@
         modelCfg = await fetch("/settings/models").then((r) => r.json());
         renderModelList();
         renderNav();
-        if (!(state.messages || []).length && !currentRoomBusy()) renderThread();
       }
       async function applyChatModel(ref) {
         if (state.kind !== "dm") return;
@@ -5520,7 +5438,6 @@
       let trajFollow = true;
       let trajLive = false;
       let trajFetch = 0;
-      let trajKind = "";
       function trajUrl() {
         return state.kind === "dm"
           ? "/dms/" + encodeURIComponent(state.id) + "/trajectory"
@@ -5547,62 +5464,6 @@
         if (bot) return bot.name + " @" + bot.handle;
         return event.botId;
       }
-      function trajKindLabel(kind) {
-        if (kind === "spawn") return t("spawn");
-        if (kind === "skill") return t("skill");
-        return String(kind || "").toUpperCase();
-      }
-      function trajKindAliases(kind) {
-        if (kind === "spawn") {
-          return "spawn subagent sub-agent sub agent 子代理";
-        }
-        return "";
-      }
-      function trajSpawnCount() {
-        return trajEvents.filter((event) => event.kind === "spawn").length;
-      }
-      function paintTrajSrc() {
-        const src = document.getElementById("traj-src");
-        const base = src.dataset.base || t("trace.log");
-        const n = trajSpawnCount();
-        const spawnBit = n ? " · " + n + " " + t("spawn") : "";
-        src.textContent =
-          (trajLive ? t("trace.live") + " · " : "") + base + spawnBit;
-        src.classList.toggle("live", trajLive);
-      }
-      function renderTrajKinds() {
-        const el = document.getElementById("traj-kinds");
-        const counts = {};
-        trajEvents.forEach((event) => {
-          counts[event.kind] = (counts[event.kind] || 0) + 1;
-        });
-        const keys = ["", "spawn", "tool", "skill", "thinking", "assistant"];
-        el.innerHTML = keys
-          .map((kind) => {
-            const n = kind ? counts[kind] || 0 : trajEvents.length;
-            const label = kind ? trajKindLabel(kind) : t("trace.filter.all");
-            return (
-              '<button type="button" class="traj-filter' +
-              (kind === "spawn" ? " spawn" : "") +
-              (trajKind === kind ? " on" : "") +
-              '" data-kind="' +
-              escapeHtml(kind) +
-              '">' +
-              escapeHtml(label) +
-              " " +
-              n +
-              "</button>"
-            );
-          })
-          .join("");
-        el.querySelectorAll("[data-kind]").forEach((btn) => {
-          btn.addEventListener("click", () => {
-            trajKind = btn.getAttribute("data-kind") || "";
-            trajFollow = true;
-            renderTrajList();
-          });
-        });
-      }
       function renderTrajDetail(event) {
         const el = document.getElementById("traj-detail");
         if (!event) {
@@ -5617,7 +5478,7 @@
           : "";
         el.innerHTML =
           "<h3>" +
-          escapeHtml(trajKindLabel(event.kind)) +
+          escapeHtml(String(event.kind || "").toUpperCase()) +
           "</h3><p class='meta'>" +
           escapeHtml(
             [trajActorLabel(event), when, "turn " + (event.turnId || "")]
@@ -5638,15 +5499,11 @@
             : "");
       }
       function renderTrajList() {
-        renderTrajKinds();
         const q = document.getElementById("traj-q").value.trim().toLowerCase();
         const rows = trajEvents.filter((event) => {
-          if (trajKind && event.kind !== trajKind) return false;
           if (!q) return true;
           const hay = [
             event.kind,
-            trajKindLabel(event.kind),
-            trajKindAliases(event.kind),
             trajActor(event),
             trajActorLabel(event),
             event.botId || "",
@@ -5677,12 +5534,10 @@
               ? Array.from(String(bot.name || bot.handle || "?").trim())[0] || "?"
               : Array.from(t("you"))[0] || "?";
             const av = bot
-              ? '<span class="' +
-                avatarClass(bot, "traj-av") +
-                '" style="background:' +
+              ? '<span class="traj-av" style="background:' +
                 hue(bot.handle) +
                 '">' +
-                (portraitUrl(bot) ? avatarFace(bot) : escapeHtml(glyph)) +
+                escapeHtml(glyph) +
                 "</span>"
               : '<span class="traj-av you">' + escapeHtml(glyph) + "</span>";
             return (
@@ -5699,7 +5554,7 @@
               '</span><span class="traj-kind ' +
               escapeHtml(event.kind) +
               '">' +
-              escapeHtml(trajKindLabel(event.kind)) +
+              escapeHtml(String(event.kind || "").toUpperCase()) +
               '</span><span class="sum">' +
               escapeHtml(event.summary || "") +
               "</span></button>"
@@ -5734,7 +5589,10 @@
         trajLive = liveRows.length > 0;
         if (trajFollow) trajSel = Math.max(0, trajEvents.length - 1);
         else if (!trajEvents[trajSel]) trajSel = Math.max(0, trajEvents.length - 1);
-        paintTrajSrc();
+        const src = document.getElementById("traj-src");
+        const base = src.dataset.base || t("trace.log");
+        src.textContent = trajLive ? t("trace.live") + " · " + base : base;
+        src.classList.toggle("live", trajLive);
         renderTrajList();
       }
       async function refreshTraj(opts) {
@@ -5751,7 +5609,10 @@
           if (trajFollow) trajSel = Math.max(0, trajEvents.length - 1);
           else if (!trajEvents[trajSel]) trajSel = Math.max(0, trajEvents.length - 1);
           src.dataset.base = trajSourceLabel(body.source);
-          paintTrajSrc();
+          src.textContent = trajLive
+            ? t("trace.live") + " · " + src.dataset.base
+            : src.dataset.base;
+          src.classList.toggle("live", trajLive);
           renderTrajList();
         } catch (err) {
           if (gen !== trajFetch || trajEl.hidden) return;
@@ -5813,10 +5674,7 @@
             renderAttachSheet();
           }
         }
-        if (!trajEl.hidden) {
-          paintTrajSrc();
-          renderTrajList();
-        }
+        if (!trajEl.hidden) renderTrajList();
         syncSendButton();
       });
       window.addEventListener("hashchange", () => {

package/src/public/i18n.js

@@ -24,7 +24,7 @@ var I18N_ROWS = [
   ["search.subagents", "搜尋子代理", "Search subagents"],
   ["search.mcp", "搜尋 MCP", "Search MCP"],
   ["search.models", "搜尋全部模型", "Search all models"],
-  ["search.traj", "搜尋 system / tool / spawn / 子代理 / 結果", "Search system / tool / spawn / subagent / result"],
+  ["search.traj", "搜尋 system / tool / spawn / 結果", "Search system / tool / spawn / result"],
   ["channels", "委託", "Channels"],
   ["dms", "密談", "Whispers"],
   ["newChannel", "新委託", "New channel"],
@@ -71,7 +71,7 @@ var I18N_ROWS = [
   ["stats.rounds", "模型回合", "Agent rounds"],
   ["stats.cost", "費用", "Cost"],
   ["stats.estimated", "估算", "Estimated"],
-  ["stats.inOut", "輸入 {in} · 快取命中 {cache} · 輸出 {out}", "in {in} · cache {cache} · out {out}"],
+  ["stats.inOut", "輸入 {in} · 輸出 {out}", "in {in} · out {out}"],
   ["askAgain", "重新詢問", "Ask again"],
   ["send", "送出", "Send"],
   ["jumpBottom", "滾到最新", "Jump to latest"],
@@ -95,11 +95,6 @@ var I18N_ROWS = [
   ["busy", "忙碌中", "Busy"],
   ["unread", "未讀", "Unread"],
   ["noMessages", "還沒有紀錄。寫一句話開始。據點裡記得 @handle。", "No log yet. Say something. In a hall, @handle an adventurer."],
-  ["setup.kicker", "第一步", "Step 1"],
-  ["setup.needModel", "還沒接模型。Guild 不能想、也不能跑工具。", "No model yet. Guild cannot think or run tools."],
-  ["setup.needModelBody", "先連接訂閱或填 API key，套用主模型，再回來點名。", "Connect a subscription or paste an API key, apply a default, then come back to @mention someone."],
-  ["setup.subs", "連接訂閱", "Connect a subscription"],
-  ["setup.keys", "填 API key", "Add an API key"],
   ["dm", "密談", "Whisper"],
   ["justNow", "剛剛", "Just now"],
   ["minutesAgo", "{n} 分鐘前", "{n} min ago"],
@@ -145,16 +140,15 @@ var I18N_ROWS = [
   ["remove", "移除", "Remove"],
   ["cancelReply", "取消回覆", "Cancel reply"],
   ["replying", "回覆…", "Replying…"],
-  ["trace", "軌跡", "Trajectory"],
+  ["trace", "Trajectory", "Trajectory"],
   ["trace.steps", "步驟", "Steps"],
   ["trace.long", "長輸出", "Long output"],
   ["trace.pick", "選一筆事件。", "Select an event."],
   ["trace.empty", "沒有事件。送一則訊息後會開始記錄。", "No events yet. Send a message to start the log."],
-  ["trace.log", "只追加紀錄", "append-only log"],
+  ["trace.log", "append-only log", "append-only log"],
   ["trace.derived", "由訊息還原", "rebuilt from messages"],
   ["trace.live", "進行中", "in progress"],
   ["trace.loading", "讀取中…", "Loading…"],
-  ["trace.filter.all", "全部", "All"],
   ["html.preview", "預覽", "Preview"],
   ["html.code", "原始碼", "Code"],
   ["html.expand", "放大預覽", "Expand preview"],
@@ -272,7 +266,7 @@ var I18N_ROWS = [
   ["library.local", "本機", "Host"],
   ["settings.eyebrow", "Hermes-style", "Hermes-style"],
   ["settings.title", "模型", "Models"],
-  ["settings.lede", "第一次：先連訂閱或填 API key，再套用主模型。沒有模型就不能用。訂閱走 OAuth；API key 寫入 ~/.guild/models.json。", "First time: connect a subscription or paste an API key, then apply a default. Guild does not run without a model. Subscriptions use OAuth. API keys go in ~/.guild/models.json."],
+  ["settings.lede", "訂閱帳號走 OAuth。API key 可同時掛多家供應商，寫入 ~/.guild/models.json。", "Log in with a subscription. API keys can cover several providers and are written to ~/.guild/models.json."],
   ["settings.accounts", "連接帳號", "Accounts"],
   ["settings.accountsHint", "用訂閱登入，不必複製金鑰。瀏覽器完成授權後會自動刷新 token。", "Subscription login, no key paste. Tokens refresh after the browser handshake."],
   ["settings.connect", "連接", "Connect"],
@@ -292,7 +286,7 @@ var I18N_ROWS = [
   ["settings.provider", "供應商", "Provider"],
   ["settings.apply", "套用", "Apply"],
   ["settings.aux", "輔助模型", "Auxiliary models"],
-  ["settings.auxHint", "只有 Vision、Web extract、SubAgent 可以另選模型。其餘用途一律跟主模型。", "Only Vision, web extract, and SubAgent can use a different model. Everything else follows the default."],
+  ["settings.auxHint", "Vision、Web extract、Compression 等每一列都寫出實際模型。跟主模型時仍顯示名稱，不是空白。", "Each row — Vision, web extract, compression, and the rest — shows the model in use. Inherited rows still name the default."],
   ["settings.auxReset", "全部改回主模型", "Reset all to default"],
   ["settings.useMain", "改回跟主模型", "Follow default"],
   ["settings.change", "更改", "Change"],
@@ -332,8 +326,6 @@ var I18N_ROWS = [
   ["studio.streetAlt", "Guild 酒館門口", "Guild inn door"],
   ["studio.leave", "出門", "Leave"],
   ["studio.inn", "酒館", "Inn"],
-  ["studio.idle", "待命", "idle"],
-  ["studio.diving", "潛水", "diving"],
   ["studio.streetLine", "夜晚的酒館還開著。點那扇門進去。", "The inn is still open. Tap the door."],
   ["studio.tonight", "今晚", "Tonight"],
   ["studio.hire", "招募冒險者", "Recruit an adventurer"],
@@ -392,10 +384,6 @@ var I18N_ROWS = [
   ["studio.vacant", "空位", "Vacant"],
   ["studio.vacantLine", "空座位。要招冒險者進來嗎？", "Empty seat. Recruit someone?"],
   ["studio.hireChip", "招募", "Hire"],
-  ["studio.genLook", "生成形象", "Generate look"],
-  ["studio.genLookBusy", "畫臉中…", "Drawing…"],
-  ["studio.genLookDone", "新形象好了。", "New look ready."],
-  ["studio.genLookFail", "生圖失敗。到模型頁接 Grok 訂閱或填金鑰再試。", "Image failed. Connect a Grok subscription or add a key on the models page."],
   ["studio.drink", "……今晚在這兒喝酒。", "…drinking here tonight."],
   ["studio.notFound", "找不到這名冒險者", "Adventurer not found"],
   ["studio.editing", "正在編輯 @{handle} · 勾選只屬於這名冒險者", "Editing @{handle} · skills are only for this adventurer"],

package/src/public/index.html

@@ -15,7 +15,6 @@
       rel="stylesheet"
     />
     <link rel="stylesheet" href="/style.css" />
-    <script src="/buddy.js"></script>
   </head>
   <body class="office-page">
     <header class="appbar">
@@ -64,7 +63,53 @@
         const colors = ["#7c6af7", "#5b8def", "#2ea887", "#e07a3d", "#d4537e"];
         return colors[seedOf(key) % colors.length];
       }
+      function px(ctx, x, y, w, h, color) {
+        ctx.fillStyle = color;
+        ctx.fillRect(x, y, w, h);
+      }
+      function drawBuddy(canvas, shirt, seed) {
+        const ctx = canvas.getContext("2d");
+        canvas.width = 16;
+        canvas.height = 24;
+        ctx.imageSmoothingEnabled = false;
+        const skin = ["#f0c8a0", "#e2b184", "#c68642", "#8d5524"][seed % 4];
+        const hair = ["#2a1c12", "#c4a35a", "#1a1a1a", "#6b2d3c", "#3c4a6e"][seed % 5];
+        const outline = "#1b1510";
+        const pants = "#2a3140";
+        const style = seed % 3;
+
+        px(ctx, 4, 12, 8, 7, outline);
+        px(ctx, 5, 13, 6, 5, shirt);
+        px(ctx, 3, 13, 2, 5, shirt);
+        px(ctx, 11, 13, 2, 5, shirt);
+        px(ctx, 3, 18, 2, 1, skin);
+        px(ctx, 11, 18, 2, 1, skin);
+
+        px(ctx, 4, 4, 8, 8, outline);
+        px(ctx, 5, 5, 6, 6, skin);
+        px(ctx, 6, 7, 1, 1, outline);
+        px(ctx, 9, 7, 1, 1, outline);
+        px(ctx, 7, 9, 2, 1, "#c07070");
 
+        if (style === 0) {
+          px(ctx, 4, 3, 8, 3, hair);
+          px(ctx, 4, 5, 2, 3, hair);
+          px(ctx, 10, 5, 2, 3, hair);
+        } else if (style === 1) {
+          px(ctx, 4, 2, 8, 4, hair);
+          px(ctx, 3, 5, 2, 4, hair);
+          px(ctx, 11, 5, 2, 4, hair);
+        } else {
+          px(ctx, 5, 2, 6, 2, hair);
+          px(ctx, 4, 4, 8, 2, hair);
+          px(ctx, 7, 1, 2, 2, hair);
+        }
+
+        px(ctx, 5, 19, 3, 4, pants);
+        px(ctx, 8, 19, 3, 4, pants);
+        px(ctx, 5, 23, 3, 1, outline);
+        px(ctx, 8, 23, 3, 1, outline);
+      }
       function escapeHtml(value) {
         return String(value)
           .replace(/&/g, "&amp;")

package/src/public/settings.html

@@ -46,7 +46,6 @@
       </header>
       <div class="page-body">
       <p id="flash" class="muted"></p>
-      <p class="sub" data-i18n="settings.lede">第一次：先連訂閱或填 API key，再套用主模型。沒有模型就不能用。訂閱走 OAuth；API key 寫入 ~/.guild/models.json。</p>
 
       <section class="panel" data-sec-panel="main">
         <h2 data-i18n="settings.main">主模型</h2>
@@ -77,7 +76,7 @@
           <h2 data-i18n="settings.aux">輔助模型</h2>
           <button type="button" class="linkish" id="reset-aux" data-i18n="settings.auxReset">全部改回主模型</button>
         </div>
-        <p class="sub" data-i18n="settings.auxHint">只有 Vision、Web extract、SubAgent 可以另選模型。其餘用途一律跟主模型。</p>
+        <p class="sub" data-i18n="settings.auxHint">Vision、Web extract、Compression 等每一列都寫出實際模型。跟主模型時仍顯示名稱，不是空白。</p>
         <div id="aux"></div>
       </section>