@kevin5251984/guild 0.2.20 → 0.2.22

package/src/public/i18n.js

@@ -31,6 +31,8 @@ var I18N_ROWS = [
   ["search.traj", "搜尋 system / tool / spawn / 子代理 / 結果", "Search system / tool / spawn / subagent / result"],
   ["channels", "委託", "Channels"],
   ["dms", "密談", "Whispers"],
+  ["cron.navEmpty", "還沒有排程", "No schedules"],
+  ["cron.navWhere", "@{handle} · {schedule}", "@{handle} · {schedule}"],
   ["newChannel", "新委託", "New channel"],
   ["newChannelName", "委託名稱", "Channel name"],
   ["create", "建立", "Create"],
@@ -90,6 +92,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"],
@@ -153,6 +158,7 @@ var I18N_ROWS = [
   ["attach.rules", "規則", "Rules"],
   ["attach.term", "終端", "Terminal"],
   ["attach.tree", "工作區", "Workspace"],
+  ["attach.cron", "排程", "Schedule"],
   ["attach.slash", "指令", "Commands"],
   ["insert", "插入 {name}", "Insert {name}"],
   ["remove", "移除", "Remove"],
@@ -221,6 +227,23 @@ var I18N_ROWS = [
   ["slash.here", "叫所有人", "Ping everyone"],
   ["slash.hereHint", "通知這個據點上的所有冒險者。通常是錯的：出活仍點名一人。", "Notify every adventurer in this hall. Usually wrong: call one @handle."],
   ["slash.library", "開工坊", "Open workshop"],
+  ["slash.cron", "排程", "Schedule"],
+  ["slash.cronHint", "請這席用 cronjob 排", "Ask this seat to cronjob"],
+  ["cron.title", "排程", "Schedule"],
+  ["cron.help", "新增會請這席呼叫 cronjob。時間用自然語言寫即可，例如「每10分鐘跟我說一次 Hi」。guildd 每 60 秒看一次；到點後這席開一輪新的 @handle，prompt 必須自包含。", "Add asks this seat to call cronjob. Write the time in natural language, e.g. \"every 10 minutes say Hi\". guildd ticks every 60s. Due jobs start a fresh @handle turn with a self-contained prompt."],
+  ["cron.seat", "席", "Seat"],
+  ["cron.ask", "要排什麼", "What to schedule"],
+  ["cron.askPh", "每10分鐘跟我說一次 Hi", "every 10 minutes say Hi"],
+  ["cron.askBody", "請用 cronjob 排程：{ask}", "Create a cronjob for this: {ask}"],
+  ["cron.needAsk", "先寫要排什麼", "Write what to schedule first"],
+  ["cron.needSeat", "這個據點沒有席", "No seat in this hall"],
+  ["cron.add", "請他排", "Ask them"],
+  ["cron.pause", "暫停", "Pause"],
+  ["cron.resume", "繼續", "Resume"],
+  ["cron.run", "立刻跑", "Run now"],
+  ["cron.remove", "刪除", "Remove"],
+  ["cron.empty", "這個據點還沒有排程。", "No schedules in this hall."],
+  ["cron.next", "下次 {when}", "Next {when}"],
   ["slash.sec.skill", "技能", "Skills"],
   ["slash.sec.agent", "子代理", "Subagents"],
   ["slash.sec.cmd", "指令", "Commands"],

package/src/public/md.js

@@ -19,22 +19,39 @@ function isFileCode(text) {
   return /[A-Za-z0-9]\/[A-Za-z0-9._@+-]/.test(s);
 }
 
+function localImgSrc(href) {
+  const raw = String(href || "")
+    .trim()
+    .replace(/"/g, "");
+  if (!raw) return "";
+  if (/^\/generated\/[A-Za-z0-9._-]+$/.test(raw)) return raw;
+  if (/^https?:\/\//i.test(raw)) return raw;
+  let path = raw;
+  if (/^file:\/\//i.test(path)) path = path.replace(/^file:\/\//i, "");
+  if (!path.startsWith("/") || path.startsWith("//") || path.includes("..")) {
+    return "";
+  }
+  if (!/\.(?:png|jpe?g|gif|webp)$/i.test(path)) return "";
+  return "/local?p=" + encodeURIComponent(path);
+}
+
 function inlineMd(text) {
   let out = escapeMd(text);
-  out = out.replace(
-    /!\[([^\]]*)\]\((\/generated\/[A-Za-z0-9._-]+|https?:[^)\s]+)\)/g,
-    function (_m, alt, href) {
-      const src = String(href).replace(/"/g, "");
-      const label = alt || "image";
-      return (
-        '<img class="md-img" src="' +
-        src +
-        '" alt="' +
-        label +
-        '" loading="lazy">'
-      );
-    },
-  );
+  out = out.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, function (m, alt, href) {
+    const src = localImgSrc(href);
+    if (!src) return m;
+    const label = alt || "image";
+    return (
+      '<a class="md-img-link" href="' +
+      src +
+      '" target="_blank" rel="noopener noreferrer">' +
+      '<img class="md-img" src="' +
+      src +
+      '" alt="' +
+      label +
+      '" loading="lazy"></a>'
+    );
+  });
   out = out.replace(/\[([^\]]+)\]\((https?:[^)\s]+)\)/g, function (_m, label, href) {
     return (
       '<a href="' +
@@ -327,6 +344,83 @@ function renderMarkdown(raw) {
   return html.join("");
 }
 
+function htmlPreviewSrcdoc(raw, lang) {
+  const text = String(raw || "");
+  if (/svg/i.test(String(lang || ""))) {
+    return (
+      '<!doctype html><html><body style="margin:0;background:#fff">' +
+      text +
+      "</body></html>"
+    );
+  }
+  if (/<!doctype html|<html[\s>]/i.test(text)) return text;
+  return (
+    '<!doctype html><html><body style="margin:0;background:transparent">' +
+    text +
+    "</body></html>"
+  );
+}
+
+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) return;
+    const raw = src.value;
+    const lang = (box.querySelector(".md-fence-lang") || {}).textContent || "";
+    const doc = htmlPreviewSrcdoc(raw, lang);
+    if (frame.dataset.ready && frame.srcdoc === doc) return;
+    frame.dataset.ready = "1";
+    frame.srcdoc = doc;
+  });
+}
+
+function holdHtmlFrames(root) {
+  const frames = [];
+  if (!root || typeof root.querySelectorAll !== "function") return frames;
+  root.querySelectorAll("article.msg .md-html-preview").forEach((box) => {
+    const article = box.closest("article.msg[data-id]");
+    const frame = box.querySelector(".md-html-frame");
+    const src = box.querySelector(".md-html-src");
+    if (!article || !frame || !src || !frame.dataset.ready) return;
+    frames.push({
+      id: article.getAttribute("data-id"),
+      src: src.value,
+      view: box.getAttribute("data-view") || "preview",
+      frame: frame,
+    });
+  });
+  return frames;
+}
+
+function putHtmlFrames(root, frames) {
+  if (!root || typeof root.querySelector !== "function") return;
+  (frames || []).forEach((item) => {
+    const article = root.querySelector(
+      'article.msg[data-id="' + CSS.escape(item.id) + '"]',
+    );
+    const box = article && article.querySelector(".md-html-preview");
+    const src = box && box.querySelector(".md-html-src");
+    const fresh = box && box.querySelector(".md-html-frame");
+    if (!box || !src || !fresh || src.value !== item.src) return;
+    item.frame.dataset.ready = "1";
+    fresh.replaceWith(item.frame);
+    box.setAttribute("data-view", item.view);
+    box.querySelectorAll("[data-html-view]").forEach((tab) => {
+      tab.classList.toggle("on", tab.getAttribute("data-html-view") === item.view);
+    });
+  });
+}
+
 if (typeof module !== "undefined" && module.exports) {
-  module.exports = { renderMarkdown, inlineMd };
+  module.exports = {
+    renderMarkdown,
+    inlineMd,
+    hydrateHtmlPreviews,
+    htmlPreviewSrcdoc,
+    holdHtmlFrames,
+    putHtmlFrames,
+    localImgSrc,
+  };
 }

package/src/public/mobile.css

@@ -57,6 +57,8 @@ textarea:focus-visible {
 .navlist a,
 .back,
 .turn-stop,
+.turn-pause,
+.turn-continue,
 .turn-steer,
 .steer,
 .send,
@@ -72,6 +74,8 @@ textarea:focus-visible {
 .navlist a:active,
 .back:active,
 .turn-stop:active:not(:disabled),
+.turn-pause:active:not(:disabled),
+.turn-continue:active:not(:disabled),
 .turn-steer:active:not(:disabled),
 .steer:active:not(:disabled),
 .send:active:not(:disabled),
@@ -83,6 +87,8 @@ textarea:focus-visible {
   .navlist a,
   .back,
   .turn-stop,
+  .turn-pause,
+  .turn-continue,
   .turn-steer,
   .steer,
   .send,
@@ -97,6 +103,8 @@ textarea:focus-visible {
   .navlist a:active,
   .back:active,
   .turn-stop:active,
+  .turn-pause:active,
+  .turn-continue:active,
   .turn-steer:active,
   .steer:active,
   .send:active,
@@ -326,6 +334,7 @@ textarea:focus-visible {
   background: var(--fill);
   overflow: auto;
 }
+.assistant-text .md-html-preview { overflow: hidden; }
 .assistant-text .md-fence-bar {
   display: flex;
   align-items: center;
@@ -336,14 +345,114 @@ textarea:focus-visible {
   color: var(--muted);
   font-size: 0.75rem;
 }
+.assistant-text .md-fence-tabs {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  margin-left: auto;
+  margin-right: 4px;
+}
+.assistant-text .md-fence-tab {
+  margin: 0;
+  min-height: var(--tap);
+  padding: 0 10px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--muted);
+  font: inherit;
+  font-size: 0.78rem;
+  cursor: pointer;
+}
+.assistant-text .md-fence-tab.on,
+.assistant-text .md-fence-tab:hover { background: var(--lift); color: var(--text); }
+.assistant-text .md-fence-acts {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.assistant-text .md-fence-btn {
+  margin: 0;
+  width: var(--tap);
+  height: var(--tap);
+  padding: 0;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--muted);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.assistant-text .md-html-frame {
+  display: block;
+  width: 100%;
+  min-height: 220px;
+  height: 52vh;
+  border: 0;
+  background: transparent;
+  color-scheme: dark;
+  border-radius: 0 0 12px 12px;
+}
+.assistant-text .md-html-preview[data-view="code"] .md-html-frame { display: none; }
+.assistant-text .md-html-preview[data-view="preview"] .md-pre { display: none; }
 .assistant-text .md-pre {
   margin: 0;
   padding: 0.6rem 0.8rem 0.8rem;
   overflow: auto;
   font-size: 0.82rem;
+  white-space: pre;
+  overflow-wrap: normal;
+  word-break: normal;
 }
-.assistant-text img.md-img {
+.html-zoom {
+  position: fixed;
+  inset: 0;
+  z-index: 80;
+  display: grid;
+  grid-template-rows: auto 1fr;
+  padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
+  background: rgba(0, 0, 0, 0.72);
+}
+.html-zoom[hidden] { display: none !important; }
+.html-zoom-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin: 0 0 12px;
+  color: var(--text);
+}
+.html-zoom-close {
+  margin: 0;
+  width: var(--tap);
+  height: var(--tap);
+  border: 0;
+  border-radius: 50%;
+  background: var(--fill);
+  color: var(--text);
+  font-size: 1.35rem;
+  cursor: pointer;
+}
+.html-zoom-frame {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  border-radius: 16px;
+  background: #fff;
+}
+.assistant-text .md-img-link {
+  display: inline-block;
   max-width: 100%;
+  line-height: 0;
+}
+.assistant-text img.md-img {
+  max-width: min(100%, 22rem);
+  max-height: min(16rem, 40vh);
+  width: auto;
+  height: auto;
+  object-fit: contain;
   border-radius: 10px;
 }
 .turn-live {
@@ -416,6 +525,8 @@ textarea:focus-visible {
   margin-top: 4px;
 }
 .turn-stop,
+.turn-pause,
+.turn-continue,
 .turn-steer,
 .steer,
 .send,
@@ -447,13 +558,16 @@ textarea:focus-visible {
   background: var(--lift);
   border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
 }
-/* Steer rides the steel rail, never a filled danger slab. */
+.turn-pause,
+.turn-continue,
 .turn-steer,
 .steer {
   color: var(--steel);
   background: var(--fill);
   border-color: color-mix(in srgb, var(--steel) 38%, var(--line));
 }
+.turn-pause:hover,
+.turn-continue:hover,
 .turn-steer:hover,
 .steer:hover {
   background: var(--lift);

package/src/public/mobile.html

@@ -9,7 +9,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="/mobile.css?v=enamel" />
+    <link rel="stylesheet" href="/mobile.css?v=html-frame" />
     <script src="/i18n.js"></script>
     <script src="/md.js"></script>
   </head>
@@ -49,6 +49,13 @@
       </form>
     </section>
     <div class="flash" id="flash" role="status" aria-live="polite" hidden></div>
+    <div class="html-zoom" id="html-zoom" hidden>
+      <div class="html-zoom-bar">
+        <strong data-i18n="html.zoom">HTML 預覽</strong>
+        <button type="button" class="html-zoom-close" id="html-zoom-close" title="關閉" aria-label="關閉" data-i18n-title="close" data-i18n-aria="close">×</button>
+      </div>
+      <iframe class="html-zoom-frame" id="html-zoom-frame" sandbox="allow-scripts" title="HTML preview large"></iframe>
+    </div>
     <script>
       (function () {
         const COLORS = ["#7c6af7", "#5b8def", "#2ea887", "#e07a3d", "#d4537e"];
@@ -141,6 +148,20 @@
             ? "/dms/" + encodeURIComponent(r.id) + "/abort"
             : "/channels/" + encodeURIComponent(r.id) + "/abort";
         }
+        function pauseUrl() {
+          const r = currentRoomRef();
+          if (!r) return "";
+          return r.kind === "dm"
+            ? "/dms/" + encodeURIComponent(r.id) + "/pause"
+            : "/channels/" + encodeURIComponent(r.id) + "/pause";
+        }
+        function continueUrl() {
+          const r = currentRoomRef();
+          if (!r) return "";
+          return r.kind === "dm"
+            ? "/dms/" + encodeURIComponent(r.id) + "/continue"
+            : "/channels/" + encodeURIComponent(r.id) + "/continue";
+        }
         function steerUrl() {
           const r = currentRoomRef();
           if (!r) return "";
@@ -225,6 +246,7 @@
               thinking: row.thinking || "",
               steps: Array.isArray(row.steps) ? row.steps.slice(-5) : [],
               startedAt: row.startedAt || "",
+              paused: Boolean(row.paused),
             }));
         }
         function isBusy() {
@@ -342,10 +364,11 @@
         }
         function formatBody(text) {
           const cleaned = visibleAssistantText(text);
-          if (cleaned.length > 8000) return escapeHtml(cleaned.slice(-8000));
+          const clipped =
+            cleaned.length > 48000 ? cleaned.slice(0, 48000) + "\n…" : cleaned;
           return typeof renderMarkdown === "function"
-            ? renderMarkdown(cleaned)
-            : escapeHtml(cleaned);
+            ? renderMarkdown(clipped)
+            : escapeHtml(clipped);
         }
         function liveStepLabel(name) {
           if (name === "think") return t("think");
@@ -409,19 +432,35 @@
                 '</span><span class="handle">@' +
                 escapeHtml(bot.handle) +
                 '</span></div><div class="turn-live"><div class="turn-status">' +
-                t("deepDiving") +
+                (live.paused ? t("live.paused") : t("deepDiving")) +
                 clock +
                 "</div>" +
                 liveStepsHtml(live.steps) +
-                '<div class="turn-actions"><button type="button" class="turn-stop" data-live-stop="' +
+                '<div class="turn-actions">' +
+                (live.paused
+                  ? '<button type="button" class="turn-continue" data-live-continue="' +
+                    escapeHtml(bot.id) +
+                    '">' +
+                    t("live.continue") +
+                    "</button>"
+                  : '<button type="button" class="turn-pause" data-live-pause="' +
+                    escapeHtml(bot.id) +
+                    '">' +
+                    t("live.pause") +
+                    "</button>") +
+                '<button type="button" class="turn-stop" data-live-stop="' +
                 escapeHtml(bot.id) +
                 '">' +
                 t("live.stop") +
-                '</button><button type="button" class="turn-steer" data-live-steer="' +
-                escapeHtml(bot.id) +
-                '">' +
-                t("live.steer") +
-                "</button></div></div></div></article>"
+                "</button>" +
+                (live.paused
+                  ? ""
+                  : '<button type="button" class="turn-steer" data-live-steer="' +
+                    escapeHtml(bot.id) +
+                    '">' +
+                    t("live.steer") +
+                    "</button>") +
+                "</div></div></div></article>"
               );
             })
             .join("");
@@ -445,6 +484,8 @@
           return (
             '<article class="msg' +
             (you ? " you" : " bot") +
+            '" data-id="' +
+            escapeHtml(msg.id || "") +
             '"><span class="avatar" style="' +
             avStyle +
             '">' +
@@ -481,9 +522,28 @@
               escapeHtml(t("mobile.recent", { n: cap })) +
               "</div>"
             : "";
+          const keptHtml =
+            typeof holdHtmlFrames === "function" ? holdHtmlFrames(root) : [];
           root.innerHTML = notice + rows.map(msgHtml).join("") + turnStatusHtml();
+          if (typeof putHtmlFrames === "function") putHtmlFrames(root, keptHtml);
+          if (typeof hydrateHtmlPreviews === "function") {
+            hydrateHtmlPreviews(root);
+          }
           if (pin) root.scrollTop = root.scrollHeight;
         }
+        function openHtmlZoom(raw) {
+          const wrap = document.getElementById("html-zoom");
+          const frame = document.getElementById("html-zoom-frame");
+          if (!wrap || !frame) return;
+          frame.srcdoc = raw || "";
+          wrap.hidden = false;
+        }
+        function closeHtmlZoom() {
+          const wrap = document.getElementById("html-zoom");
+          const frame = document.getElementById("html-zoom-frame");
+          if (frame) frame.srcdoc = "";
+          if (wrap) wrap.hidden = true;
+        }
         function steerModLabel() {
           return /Mac|iPhone|iPad/.test(navigator.platform || "") ? "\u2318" : "Ctrl+";
         }
@@ -607,12 +667,25 @@
           renderList();
           if (state.kind) renderHead();
         }
+        function sameMessages(next) {
+          const prev = state.messages || [];
+          if (prev.length !== next.length) return false;
+          return next.every(
+            (msg, i) =>
+              prev[i].id === msg.id &&
+              prev[i].body === msg.body &&
+              Boolean(prev[i].finishedAt) === Boolean(msg.finishedAt),
+          );
+        }
         async function loadMessages(opts) {
           if (!state.kind) return;
           const res = await fetch(roomMessagesUrl());
           const body = await res.json().catch(() => []);
           if (!res.ok) throw new Error(body.error || "load failed");
-          state.messages = Array.isArray(body) ? body : [];
+          const incoming = Array.isArray(body) ? body : [];
+          const unchanged = sameMessages(incoming);
+          state.messages = incoming;
+          if (opts && opts.merge && unchanged) return;
           renderThread({ pinBottom: !(opts && opts.merge) });
         }
         async function pollLive() {
@@ -629,10 +702,10 @@
             state.lives = lives;
             if (!lives.length && !state.posting) {
               if (was) await loadMessages({ merge: true }).catch(() => {});
-              else renderThread();
+            } else if (now !== was) {
+              await loadMessages({ merge: true }).catch(() => {});
             } else {
-              if (now !== was) await loadMessages({ merge: true }).catch(() => {});
-              else renderThread();
+              renderThread();
             }
             syncComposer();
           } catch {
@@ -771,6 +844,48 @@
           renderThread();
           await loadMessages().catch(() => {});
         }
+        async function pauseTurn(botId) {
+          try {
+            await fetch(pauseUrl(), {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify(botId ? { botId: botId } : {}),
+            });
+          } catch {
+            /* ignore */
+          }
+          (state.lives || []).forEach((row) => {
+            if (!botId || row.botId === botId) row.paused = true;
+          });
+          renderThread();
+          await pollLive().catch(() => {});
+        }
+        async function continueTurn(botId) {
+          (state.lives || []).forEach((row) => {
+            if (row.botId === botId) row.paused = false;
+          });
+          state.posting = true;
+          syncComposer();
+          renderThread();
+          try {
+            const res = await fetch(continueUrl(), {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ botId: botId }),
+            });
+            const body = await res.json().catch(() => ({}));
+            if (!res.ok) throw new Error(body.error || "continue failed");
+            await loadMessages();
+            await pollLive();
+          } catch (err) {
+            toast(err.message || String(err));
+            await pollLive().catch(() => {});
+          } finally {
+            state.posting = false;
+            syncComposer();
+            schedule();
+          }
+        }
         async function sendSteer(raw, botId) {
           const text = String(raw || "").trim();
           if (!text || !state.kind) return;
@@ -886,13 +1001,68 @@
         document.getElementById("steer").addEventListener("click", () => {
           steerDraft().catch((err) => toast(err.message || String(err)));
         });
+        document.getElementById("html-zoom-close").addEventListener("click", () => {
+          closeHtmlZoom();
+        });
+        document.getElementById("html-zoom").addEventListener("click", (event) => {
+          if (event.target.id === "html-zoom") closeHtmlZoom();
+        });
         document.getElementById("thread").addEventListener("click", (event) => {
+          const htmlExpand = event.target.closest("[data-html-expand]");
+          if (htmlExpand) {
+            event.preventDefault();
+            const box = htmlExpand.closest(".md-html-preview");
+            const src = box && box.querySelector(".md-html-src");
+            if (src) openHtmlZoom(src.value);
+            return;
+          }
+          const htmlView = event.target.closest("[data-html-view]");
+          if (htmlView) {
+            event.preventDefault();
+            const box = htmlView.closest(".md-html-preview");
+            if (!box) return;
+            const view = htmlView.getAttribute("data-html-view");
+            box.setAttribute("data-view", view);
+            const frame = box.querySelector(".md-html-frame");
+            const pre = box.querySelector(".md-pre");
+            if (frame) frame.hidden = view !== "preview";
+            if (pre) pre.hidden = view !== "code";
+            box.querySelectorAll("[data-html-view]").forEach((tab) => {
+              tab.classList.toggle("on", tab.getAttribute("data-html-view") === view);
+            });
+            return;
+          }
+          const fenceCopy = event.target.closest("[data-fence-copy]");
+          if (fenceCopy) {
+            event.preventDefault();
+            const box = fenceCopy.closest(".md-fence");
+            const src = box && (box.querySelector(".md-html-src") || box.querySelector("code"));
+            const text = src && "value" in src ? src.value : src ? src.textContent : "";
+            if (text && navigator.clipboard) {
+              navigator.clipboard.writeText(text).catch(() => {});
+            }
+            return;
+          }
           const stop = event.target.closest("[data-live-stop]");
           if (stop) {
             event.preventDefault();
             stopTurn(stop.getAttribute("data-live-stop"));
             return;
           }
+          const pause = event.target.closest("[data-live-pause]");
+          if (pause) {
+            event.preventDefault();
+            pauseTurn(pause.getAttribute("data-live-pause"));
+            return;
+          }
+          const cont = event.target.closest("[data-live-continue]");
+          if (cont) {
+            event.preventDefault();
+            continueTurn(cont.getAttribute("data-live-continue")).catch((err) =>
+              toast(err.message || String(err)),
+            );
+            return;
+          }
           const steer = event.target.closest("[data-live-steer]");
           if (!steer) return;
           event.preventDefault();