@kevin5251984/guild 0.2.19 → 0.2.21

package/src/public/chat.html

@@ -167,12 +167,7 @@
                       <a class="model-choice" href="/settings" data-i18n="model.settings">狀態欄</a>
                     </div>
                   </div>
-                  <select id="model-reasoning" hidden>
-                    <option value="minimal" data-i18n="reason.min">最低</option>
-                    <option value="low" data-i18n="reason.low">低</option>
-                    <option value="medium" data-i18n="reason.mid">中</option>
-                    <option value="high" data-i18n="reason.high">高</option>
-                  </select>
+                  <select id="model-reasoning" hidden></select>
                   <input type="checkbox" id="model-fast" hidden />
                 </div>
               </div>
@@ -266,6 +261,13 @@
     </div>
     <script>
       const COLORS = ["#7c6af7", "#5b8def", "#2ea887", "#e07a3d", "#d4537e"];
+      const SEAT_HUE = {
+        infra: "#5b8def",
+        pm: "#2ea887",
+        rd: "#e07a3d",
+        design: "#7c6af7",
+        marketing: "#d4537e",
+      };
       const CHANNEL_ROSTER_CAP = 6;
       function isGeneralChannel(ch) {
         return Boolean(ch && (ch.id === "channel-general" || ch.name === "general"));
@@ -321,6 +323,8 @@
       };
 
       function hue(key) {
+        const seat = SEAT_HUE[String(key).toLowerCase()];
+        if (seat) return seat;
         let n = 0;
         for (const ch of String(key)) n = (n + ch.charCodeAt(0) * 17) % COLORS.length;
         return COLORS[n];
@@ -1036,14 +1040,48 @@
         }
         return out;
       }
+      function deferredHandles(text) {
+        const raw = String(text || "");
+        const out = [];
+        const add = (name) => {
+          const key = String(name || "").toLowerCase();
+          if (key && out.indexOf(key) < 0) out.push(key);
+        };
+        const scan = raw.replace(/```[\s\S]*?```/g, " ");
+        const cue =
+          /(?:完成後|通過後|最後(?:才|由)?|才需要|才叫|才交)[^@\n]{0,24}@([A-Za-z0-9_-]+)/gi;
+        const bare =
+          /(?:完成後|才需要|才叫)\s*(?:call|ask|由)\s*`?@?([A-Za-z0-9_-]+)`?/gi;
+        let row;
+        while ((row = cue.exec(scan))) add(row[1]);
+        while ((row = bare.exec(scan))) add(row[1]);
+        const later =
+          /^[ \t]*(?:\d+[.)、]\s*|[-*•]\s+)(?:通過後|最後|然後|之後|完成後)\s*`?@([A-Za-z0-9_-]+)`?/i;
+        const lines = raw.split(/\r?\n/);
+        for (let i = 0; i < lines.length; i++) {
+          const hit = lines[i].match(later);
+          if (hit) add(hit[1]);
+        }
+        return out;
+      }
       function summonedBotIds(text) {
         const raw = String(text || "");
+        const deferred = new Set(deferredHandles(raw));
+        const members = new Set(
+          state.kind === "channel"
+            ? ((currentChannel() && currentChannel().memberIds) || [])
+            : state.kind === "dm"
+              ? [state.id]
+              : [],
+        );
         const known = new Map(
-          (state.bots || []).map((bot) => [String(bot.handle).toLowerCase(), bot.id]),
+          (state.bots || [])
+            .filter((bot) => !members.size || members.has(bot.id))
+            .map((bot) => [String(bot.handle).toLowerCase(), bot.id]),
         );
         const out = [];
-        const push = (id) => {
-          if (id && !out.includes(id)) out.push(id);
+        const push = (id, handle) => {
+          if (id && !deferred.has(handle) && !out.includes(id)) out.push(id);
         };
         let fence = false;
         const lines = raw.split(/\r?\n/);
@@ -1060,11 +1098,21 @@
           if (!m) continue;
           const names = m[1].match(/@([A-Za-z0-9_-]+)/g) || [];
           for (let n = 0; n < names.length; n++) {
-            push(known.get(names[n].slice(1).toLowerCase()));
+            const handle = names[n].slice(1).toLowerCase();
+            push(known.get(handle), handle);
           }
         }
         if (out.length) return out;
-        return mentionedBotIds(raw).slice(0, 1);
+        return mentionedBotIds(raw)
+          .filter((id) => {
+            const bot = (state.bots || []).find((row) => row.id === id);
+            return (
+              bot &&
+              (!members.size || members.has(id)) &&
+              !deferred.has(String(bot.handle).toLowerCase())
+            );
+          })
+          .slice(0, 1);
       }
       function lastBotAuthor() {
         const msgs = state.messages || [];
@@ -1244,7 +1292,20 @@
       }
       function botModelMeta(bot) {
         const model = botModelLabel(bot) || "—";
-        const reason = reasonLabel((modelCfg && modelCfg.reasoning) || "medium");
+        const ref = botModelRef(bot);
+        const spec = (() => {
+          if (!ref) return null;
+          const hit = allModels().find(
+            (row) => row.provider === ref.provider && row.model === ref.model,
+          );
+          return (hit && hit.reasoning) || null;
+        })();
+        const reasonVal = clampEffort(
+          ref && ref.reasoning,
+          spec,
+          Boolean(modelCfg && modelCfg.fast),
+        );
+        const reason = reasonVal ? reasonLabel(reasonVal) : "—";
         const provider = botProviderLabel(bot) || "—";
         return model + " · " + reason + " · " + provider;
       }
@@ -1652,6 +1713,7 @@
             thinking: row.thinking || "",
             steps: Array.isArray(row.steps) ? row.steps.slice(-5) : [],
             startedAt: row.startedAt || "",
+            paused: Boolean(row.paused),
           }));
       }
       function rebuildBusyBots() {
@@ -1680,6 +1742,7 @@
             thinking: row.thinking || "",
             steps: Array.isArray(row.steps) ? row.steps.slice(-5) : [],
             startedAt: row.startedAt || "",
+            paused: Boolean(row.paused),
             room: { kind: r.kind, id: r.id },
           }));
         state.lives = others.concat(tagged);
@@ -1730,24 +1793,38 @@
             ? '<span class="clock">' + Math.floor(elapsed / 1000) + "s</span>"
             : "";
         const botId = live && live.botId ? live.botId : "";
+        const paused = Boolean(live && live.paused);
         const actions = botId
           ? '<div class="turn-actions">' +
+            (paused
+              ? '<button type="button" class="turn-continue" data-live-continue="' +
+                escapeHtml(botId) +
+                '">' +
+                t("live.continue") +
+                "</button>"
+              : '<button type="button" class="turn-pause" data-live-pause="' +
+                escapeHtml(botId) +
+                '">' +
+                t("live.pause") +
+                "</button>") +
             '<button type="button" class="turn-stop" data-live-stop="' +
             escapeHtml(botId) +
             '">' +
             t("live.stop") +
             "</button>" +
-            '<button type="button" class="turn-steer" data-live-steer="' +
-            escapeHtml(botId) +
-            '">' +
-            t("live.steer") +
-            "</button>" +
+            (paused
+              ? ""
+              : '<button type="button" class="turn-steer" data-live-steer="' +
+                escapeHtml(botId) +
+                '">' +
+                t("live.steer") +
+                "</button>") +
             "</div>"
           : "";
         return (
           '<div class="turn-live">' +
           '<div class="turn-status">' +
-          t("deepDiving") +
+          (paused ? t("live.paused") : t("deepDiving")) +
           clock +
           "</div>" +
           liveStepsHtml(live && live.steps) +
@@ -1768,7 +1845,9 @@
             return (
               '<article class="msg bot live" data-bot-id="' +
               escapeHtml(bot.id) +
-              '" role="status">' +
+              '"' +
+              (live.paused ? ' data-paused="1"' : "") +
+              ' role="status">' +
               actor.av +
               '<div class="msg-main">' +
               actor.head +
@@ -1805,6 +1884,11 @@
           const block = article.querySelector(".turn-live");
           if (!block) return;
           const status = block.querySelector(".turn-status");
+          const paused = Boolean(live.paused);
+          if ((article.getAttribute("data-paused") === "1") !== paused) {
+            renderThread();
+            return;
+          }
           if (status) {
             const started = live.startedAt ? Date.parse(live.startedAt) : NaN;
             const elapsed = Number.isFinite(started)
@@ -1814,7 +1898,7 @@
               elapsed >= 15000
                 ? '<span class="clock">' + Math.floor(elapsed / 1000) + "s</span>"
                 : "";
-            status.innerHTML = t("deepDiving") + clock;
+            status.innerHTML = (paused ? t("live.paused") : t("deepDiving")) + clock;
           }
           const html = liveStepsHtml(live.steps);
           const existing = block.querySelector(".live-steps");
@@ -2267,6 +2351,18 @@
           ? "/dms/" + encodeURIComponent(r.id) + "/abort"
           : "/channels/" + encodeURIComponent(r.id) + "/abort";
       }
+      function pauseUrl(room) {
+        const r = room || state.busyRoom || { kind: state.kind, id: state.id };
+        return r.kind === "dm"
+          ? "/dms/" + encodeURIComponent(r.id) + "/pause"
+          : "/channels/" + encodeURIComponent(r.id) + "/pause";
+      }
+      function continueUrl(room) {
+        const r = room || state.busyRoom || { kind: state.kind, id: state.id };
+        return r.kind === "dm"
+          ? "/dms/" + encodeURIComponent(r.id) + "/continue"
+          : "/channels/" + encodeURIComponent(r.id) + "/continue";
+      }
       function stopTurn(botId) {
         const room = currentRoomRef();
         (state.aborts || []).forEach((item) => {
@@ -2292,6 +2388,30 @@
         }).catch(() => {});
         setBusy(false, botId ? [botId] : [], { room: room });
       }
+      function pauseTurn(botId) {
+        const room = currentRoomRef();
+        fetch(pauseUrl(room), {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify(botId ? { botId: botId } : {}),
+        }).catch(() => {});
+        (state.lives || []).forEach((row) => {
+          if (!botId || row.botId === botId) row.paused = true;
+        });
+        if (state.live && (!botId || state.live.botId === botId)) {
+          state.live.paused = true;
+        }
+        renderThread();
+      }
+      async function continueTurn(botId) {
+        const room = currentRoomRef();
+        (state.lives || []).forEach((row) => {
+          if (row.botId === botId) row.paused = false;
+        });
+        if (state.live && state.live.botId === botId) state.live.paused = false;
+        renderThread();
+        await postChat(continueUrl(room), { botId: botId }, room, [botId]);
+      }
       async function insertIntoBotTurn(botId) {
         if (!composerHasPayload()) {
           const draft = document.getElementById("draft");
@@ -2756,6 +2876,22 @@
             stopTurn(liveStop.getAttribute("data-live-stop"));
             return;
           }
+          const livePause = event.target.closest("[data-live-pause]");
+          if (livePause) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            pauseTurn(livePause.getAttribute("data-live-pause"));
+            return;
+          }
+          const liveContinue = event.target.closest("[data-live-continue]");
+          if (liveContinue) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            continueTurn(liveContinue.getAttribute("data-live-continue")).catch(
+              (err) => alert(err.message),
+            );
+            return;
+          }
           const liveSteer = event.target.closest("[data-live-steer]");
           if (liveSteer) {
             event.preventDefault();
@@ -3023,7 +3159,12 @@
         if (bot) showBotCard(bot, event.currentTarget);
       });
       document.getElementById("thread").addEventListener("click", (event) => {
-        if (event.target.closest("[data-live-stop], [data-live-steer]")) return;
+        if (
+          event.target.closest(
+            "[data-live-stop], [data-live-pause], [data-live-continue], [data-live-steer]",
+          )
+        )
+          return;
         const av = event.target.closest(
           ".avatar[data-bot-id], button.name[data-bot-id]",
         );
@@ -4391,6 +4532,9 @@
           }
           setBusy(false, botIds, { room: sent });
         }
+        if (state.kind === sent.kind && state.id === sent.id) {
+          await resumeCurrentLive().catch(() => {});
+        }
         if (ok) await flushQueued(sent);
       }
       async function flushQueued(sent) {
@@ -5332,6 +5476,7 @@
               group: p.name || p.id,
               ready: Boolean(p.ready),
               kind: p.kind || "key",
+              reasoning: m.reasoning || null,
             });
           }
         }
@@ -5345,10 +5490,45 @@
         return hit ? hit.name : ref.model;
       }
       function reasonLabel(value) {
+        if (value === "none") return t("reason.none");
         if (value === "minimal") return t("reason.min");
         if (value === "low") return t("reason.low");
+        if (value === "medium") return t("reason.mid");
         if (value === "high") return t("reason.high");
-        return t("reason.mid");
+        if (value === "xhigh") return t("reason.xhigh");
+        if (value === "max") return t("reason.max");
+        return value || t("reason.mid");
+      }
+      function activeReasoningSpec() {
+        const ref = activeModelRef();
+        if (!ref) return null;
+        const hit = allModels().find(
+          (row) => row.provider === ref.provider && row.model === ref.model,
+        );
+        return (hit && hit.reasoning) || null;
+      }
+      function effortChoices(spec) {
+        const raw = spec && spec.supportedEfforts;
+        if (!raw || !raw.length) return [];
+        return spec.mandatory
+          ? raw.filter((key) => key !== "none")
+          : raw.slice();
+      }
+      function clampEffort(want, spec, fast) {
+        const choices = effortChoices(spec);
+        if (!choices.length) return "";
+        if (fast) {
+          if (choices.indexOf("low") >= 0) return "low";
+          if (choices.indexOf("minimal") >= 0) return "minimal";
+          return choices[choices.length - 1];
+        }
+        if (want && choices.indexOf(want) >= 0) return want;
+        if (spec.defaultEffort && choices.indexOf(spec.defaultEffort) >= 0) {
+          return spec.defaultEffort;
+        }
+        if (choices.indexOf("high") >= 0) return "high";
+        if (choices.indexOf("medium") >= 0) return "medium";
+        return choices[0];
       }
       function speedLabel() {
         return modelCfg.fast ? t("speed.fast") : t("speed.normal");
@@ -5450,25 +5630,45 @@
         }
         document.getElementById("model-results").innerHTML =
           html || '<p class="model-empty">' + t("noModels") + "</p>";
-        document.getElementById("model-reasoning").value = modelCfg.reasoning || "medium";
         document.getElementById("model-fast").checked = Boolean(modelCfg.fast);
-        const reason = reasonLabel(modelCfg.reasoning || "medium");
+        const spec = activeReasoningSpec();
+        const choices = effortChoices(spec);
+        const currentRef = activeModelRef();
+        const reasonVal = clampEffort(
+          currentRef && currentRef.reasoning,
+          spec,
+          Boolean(modelCfg.fast),
+        );
+        const reasonSel = document.getElementById("model-reasoning");
+        reasonSel.innerHTML = choices
+          .map(
+            (value) =>
+              '<option value="' +
+              value +
+              '">' +
+              reasonLabel(value) +
+              "</option>",
+          )
+          .join("");
+        if (reasonVal) reasonSel.value = reasonVal;
+        const reasonRow = document.querySelector('.model-nav [data-sheet="reasoning"]');
+        if (reasonRow) reasonRow.hidden = !choices.length;
+        if (!choices.length) {
+          const pane = document.getElementById("model-sheet-reasoning");
+          if (pane && !pane.hidden) showModelSheet("models");
+        }
+        const reason = choices.length ? reasonLabel(reasonVal) : "";
         const speed = speedLabel();
         const name = displayName(current);
         document.getElementById("model-btn-label").textContent = current
-          ? name + " " + reason
+          ? name + (reason ? " " + reason : "")
           : name;
         document.getElementById("model-row-model").textContent = name;
-        document.getElementById("model-row-reason").textContent = reason;
+        document.getElementById("model-row-reason").textContent = reason || "—";
         document.getElementById("model-row-speed").textContent = speed;
-        document.getElementById("model-reason-list").innerHTML = [
-          ["minimal", t("reason.min")],
-          ["low", t("reason.low")],
-          ["medium", t("reason.mid")],
-          ["high", t("reason.high")],
-        ]
-          .map(([value, label]) => {
-            const on = (modelCfg.reasoning || "medium") === value ? " on" : "";
+        document.getElementById("model-reason-list").innerHTML = choices
+          .map((value) => {
+            const on = reasonVal === value ? " on" : "";
             const tick = on ? '<span class="tick">✓</span>' : "";
             return (
               '<button type="button" class="model-choice' +
@@ -5476,7 +5676,7 @@
               '" data-reason="' +
               value +
               '">' +
-              label +
+              reasonLabel(value) +
               tick +
               "</button>"
             );
@@ -5505,11 +5705,24 @@
       async function applyChatModel(ref) {
         if (state.kind !== "dm") return;
         const bot = botById(state.id);
-        if (!bot) return;
+        if (!bot || !ref || !ref.provider || !ref.model) return;
+        const spec = (() => {
+          const hit = allModels().find(
+            (row) => row.provider === ref.provider && row.model === ref.model,
+          );
+          return (hit && hit.reasoning) || null;
+        })();
+        const reason = clampEffort(
+          document.getElementById("model-reasoning").value || ref.reasoning,
+          spec,
+          Boolean(document.getElementById("model-fast").checked),
+        );
+        const next = { provider: ref.provider, model: ref.model };
+        if (reason) next.reasoning = reason;
         const res = await fetch("/bots/" + encodeURIComponent(bot.id), {
           method: "PATCH",
           headers: { "content-type": "application/json" },
-          body: JSON.stringify({ model: ref }),
+          body: JSON.stringify({ model: next }),
         });
         if (!res.ok) {
           const body = await res.json().catch(() => ({}));
@@ -5519,16 +5732,16 @@
         const updated = await res.json();
         const i = state.bots.findIndex((item) => item.id === bot.id);
         if (i >= 0) state.bots[i] = { ...state.bots[i], model: updated.model };
-        await fetch("/settings/models", {
-          method: "PUT",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({
-            reasoning: document.getElementById("model-reasoning").value,
-            fast: document.getElementById("model-fast").checked,
-          }),
-        }).then(async (r) => {
-          if (r.ok) modelCfg = await r.json();
-        });
+        const fast = document.getElementById("model-fast").checked;
+        if (Boolean(modelCfg.fast) !== Boolean(fast)) {
+          await fetch("/settings/models", {
+            method: "PUT",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ fast: fast }),
+          }).then(async (r) => {
+            if (r.ok) modelCfg = await r.json();
+          });
+        }
         renderModelList();
         renderNav();
       }

package/src/public/i18n.js

@@ -90,6 +90,9 @@ var I18N_ROWS = [
   ["stop", "停止", "Stop"],
   ["steer.hint", "Enter 排隊 · {mod}↩ 插入這輪", "Enter to queue · {mod}↩ to steer this turn"],
   ["live.stop", "停止", "Stop"],
+  ["live.pause", "暫停", "Pause"],
+  ["live.continue", "繼續", "Continue"],
+  ["live.paused", "已暫停", "Paused"],
   ["live.steer", "插入這輪", "Insert into turn"],
   ["steer.queue", "排隊", "Queue"],
   ["steer.insert", "插入引導", "Steer"],
@@ -119,10 +122,13 @@ var I18N_ROWS = [
   ["local", "本地", "Local"],
   ["you", "你", "You"],
   ["emptyParen", "(空)", "(empty)"],
+  ["reason.none", "關閉", "Off"],
   ["reason.min", "最低", "Min"],
   ["reason.low", "低", "Low"],
   ["reason.mid", "中", "Mid"],
   ["reason.high", "高", "High"],
+  ["reason.xhigh", "極高", "Extra high"],
+  ["reason.max", "最大", "Max"],
   ["speed.normal", "標準", "Standard"],
   ["speed.fast", "快速", "Fast"],
   ["model", "模型", "Model"],

package/src/public/md.js

@@ -327,6 +327,23 @@ function renderMarkdown(raw) {
   return html.join("");
 }
 
+function hydrateHtmlPreviews(root) {
+  if (!root || typeof root.querySelectorAll !== "function") return;
+  root.querySelectorAll(".md-html-preview").forEach((box) => {
+    const src = box.querySelector(".md-html-src");
+    const frame = box.querySelector(".md-html-frame");
+    if (!src || !frame || frame.dataset.ready) return;
+    frame.dataset.ready = "1";
+    const raw = src.value;
+    const lang = (box.querySelector(".md-fence-lang") || {}).textContent || "";
+    frame.srcdoc = /svg/i.test(lang)
+      ? '<!doctype html><html><body style="margin:0;background:#fff">' +
+        raw +
+        "</body></html>"
+      : raw;
+  });
+}
+
 if (typeof module !== "undefined" && module.exports) {
-  module.exports = { renderMarkdown, inlineMd };
+  module.exports = { renderMarkdown, inlineMd, hydrateHtmlPreviews };
 }