dsh-mobile-plugin 0.5.28 → 0.5.29

package/extensions/catalog.json

@@ -1 +1,10 @@
-{"packages": []}
+{
+  "packages": [
+    {
+      "slug": "magpie",
+      "description": "在手机上打开 magpie 的完整界面（Agents / Providers / Routing / Usage / Settings）。前端整份按需下载，数据经宿主代取。",
+      "author": "DSH Mobile",
+      "releaseNotes": "首个版本：把 magpie 网页版前端做成随插件发布的扩展。"
+    }
+  ]
+}

package/extensions/magpie/agentcompact.js

@@ -0,0 +1,104 @@
+// An agent's own Long conversations (molianyin4227 on Discord: models
+// differ, so one size for every agent fits none): Every agent follows the
+// row above, else this agent compacts at its own size or runs to the whole
+// window (settings.AgentCompacts). app.js imports this when an agent's
+// sheet holds Long conversations, so it weighs nothing on the core.
+window.agentCompactFill = function (list, a) {
+  const kind = kindOf(a);
+  const row = el("div", "row pref agent-compact");
+  row.dataset.agent = kind;
+  const who = el("div", "who"), box = el("div");
+  who.append(el("div", "name", t("Long conversations in {agent}", { agent: a.name })), el("div", "sub", t("Its own size, for models that differ; Every agent follows Long conversations above")));
+  row.append(who, box);
+  let drawn;
+  const draw = () => {
+    // the opened row is built before the settings are read; drawn again then,
+    // and only when its own values changed, so the page under it holds still
+    const s = prefs || {}, own = (s.agentCompacts || {})[kind];
+    const key = JSON.stringify([own, s.compactAt]);
+    if (key === drawn) return;
+    drawn = key;
+    const mode = !own ? "all" : own.full ? "full" : "at";
+    // a size of its own starts from the one every agent has
+    const at = own ? own.at || 0 : s.compactAt || 0;
+    const set = (body) => writingPrefs(api("settings/agent-compact", { agent: kind, ...body }))
+      .then((ns) => { prefs = ns; renderSettings(); if (row.isConnected) draw(); }).catch(settingsErr);
+    const size = contextsText({ "*": at || 272000 });
+    const sg = segs([["all", t("Every agent")], ["at", t("Compact at {n}", { n: size.toUpperCase() })], ["full", t("Full window")]], mode,
+      (v) => set(v === "all" ? { own: false } : { own: true, full: v === "full", at }));
+    const num = input(at && own ? size : "", "272k");
+    num.className = "words compact-num";
+    num.hidden = mode !== "at";
+    num.title = t("Compact at");
+    num.setAttribute("aria-label", t("Compact at"));
+    num.onchange = () => {
+      const r = parseContexts(num.value);
+      if (r.error || Object.keys(r.map).some((k) => k !== "*")) return status(t("Compact at: {v} is not a number of tokens like 272k", { v: num.value.trim() }), "err");
+      set({ own: true, full: false, at: r.map["*"] || 0 });
+    };
+    const line = el("div", "compact-at");
+    line.append(sg, num);
+    box.replaceChildren(line);
+  };
+  draw();
+  list.querySelector(".agent-compact")?.remove();
+  list.querySelectorAll(".claude-cache").forEach((r) => r.remove());
+  const above = list.querySelector("#fullContextRow");
+  above ? above.after(row) : list.append(row);
+  if (kind === "claude") row.after(...claudeCacheRows(list));
+  // every agent's size, in its label, changes when the row above is drawn
+  const seen = new MutationObserver(() => row.isConnected ? draw() : seen.disconnect());
+  // Details can build this list before attaching it to the page.
+  const segsBox = list.querySelector("#fullContextSegs");
+  if (segsBox) seen.observe(segsBox, { childList: true });
+};
+
+// Claude Code's prompt cache, beside its compaction (Linka on Discord: the
+// Usage card offers no way to change one that is already the cheapest):
+// the main conversation's and the subagents', each 5 min, 1 hour or
+// Claude Code's own default, which takes the key out of its settings.json
+// (agent.ClaudeCacheSet). One a variable sets shows it, unchangeable here.
+function claudeCacheRows(list) {
+  const KNOBS = [["cache_ttl", "Prompt cache · main conversation"], ["subagent_cache_ttl", "Prompt cache · subagents"]];
+  const OPTS = [["", "Claude Code's default"], ["5m", "5 min"], ["1h", "1 hour"]];
+  return KNOBS.map(([knob, label]) => {
+    const row = el("div", "row pref claude-cache");
+    row.dataset.knob = knob;
+    const who = el("div", "who"), val = el("div", "val");
+    who.append(el("div", "name", t(label)));
+    row.append(who, val);
+    let drawn;
+    const draw = () => {
+      const c = ((prefs || {}).claudeCache || []).find((x) => x.knob === knob) || {};
+      const key = JSON.stringify(c);
+      if (key === drawn) return;
+      drawn = key;
+      const cur = c.value || "", known = OPTS.find(([v]) => v === cur);
+      const b = el("button", "sess-pick");
+      b.type = "button";
+      b.setAttribute("aria-label", t(label));
+      b.setAttribute("aria-haspopup", "menu");
+      b.setAttribute("aria-expanded", "false");
+      b.append(el("span", "", known ? t(known[1]) : cur), svg(CHEV, 11, 1.6));
+      b.disabled = !!c.locked;
+      b.onclick = (e) => {
+        e.stopPropagation();
+        if (b.classList.contains("open")) return closeProtoMenu();
+        openProtoMenu(b, OPTS.map(([v, name]) => ({ v, name, note: "" })), cur, (v) => {
+          if (v === cur) return;
+          writingPrefs(api("settings/claude-cache", { knob, value: v }))
+            .then((ns) => { prefs = ns; renderSettings(); if (row.isConnected) draw(); }).catch(settingsErr);
+        }, label, "sess-menu", "right");
+      };
+      val.replaceChildren(b);
+      who.querySelector(".sub")?.remove();
+      if (c.locked) who.append(el("div", "sub", t("{name} is set and comes first", { name: c.locked })));
+    };
+    draw();
+    // drawn again when the settings are read again
+    const seen = new MutationObserver(() => row.isConnected ? draw() : seen.disconnect());
+    const box = list.querySelector("#fullContextSegs");
+    if (box) seen.observe(box, { childList: true });
+    return row;
+  });
+}