waygraph 0.15.53 → 0.16.0

package/dist/runner/inpage/stamp.js

@@ -1,46 +0,0 @@
-// In-page installer (runs inside the browser via page.evaluate): must stay self-contained - no module-scope closure.
-// Split out of the former single installOverlay evaluate (see src/ARCHITECTURE.md). Shares state only via window.__wg*.
-/* eslint-disable no-unused-vars */
-export function installStamp({ title, favicon, bannerPos, todoPos, envAutoplay, todoDockUi }) {
-        // Blind-agent overlay beacons: every modal root gets data-wg-ui /
-        // data-wg-modal / data-wg-ready so tests can fail on a blank panel.
-        window.__wgStampModal = (el, kind, meta) => {
-          if (!el) return;
-          meta = meta || {};
-          el.setAttribute("data-wg-ui", "1");
-          el.setAttribute("data-wg-modal", kind || "panel");
-          if (meta.phase != null) el.setAttribute("data-wg-phase", String(meta.phase));
-          if (meta.step != null) el.setAttribute("data-wg-step", String(meta.step));
-          if (meta.total != null) el.setAttribute("data-wg-total", String(meta.total));
-          if (meta.block != null) el.setAttribute("data-wg-block", String(meta.block));
-          el.setAttribute(
-            "data-wg-collapsed",
-            el.classList.contains("wg-collapsed") ? "1" : "0",
-          );
-          el.setAttribute("data-wg-ready", meta.ready === false ? "0" : "1");
-        };
-        window.__wgOverlayBeacon = () => {
-          return Array.from(__wgQA("[data-wg-ui=\"1\"]")).map((el) => {
-            const r = el.getBoundingClientRect();
-            const st = getComputedStyle(el);
-            return {
-              id: el.id || null,
-              modal: el.getAttribute("data-wg-modal"),
-              ready: el.getAttribute("data-wg-ready") === "1",
-              phase: el.getAttribute("data-wg-phase"),
-              step: el.getAttribute("data-wg-step"),
-              block: el.getAttribute("data-wg-block"),
-              collapsed:
-                el.getAttribute("data-wg-collapsed") === "1" ||
-                el.classList.contains("wg-collapsed"),
-              opacity: st.opacity,
-              textLen: (el.innerText || "").trim().length,
-              w: Math.round(r.width),
-              h: Math.round(r.height),
-              visible: r.width > 0 && r.height > 0 && Number(st.opacity) > 0.05,
-            };
-          });
-        };
-        const existingBanner = __wgById("wg-banner");
-        if (existingBanner) window.__wgStampModal(existingBanner, "banner", { ready: true });
-}

package/dist/runner/inpage/swipe-zoom.js

@@ -1,220 +0,0 @@
-// In-page installer (runs inside the browser via page.evaluate): must stay self-contained - no module-scope closure.
-// Split out of the former single installOverlay evaluate (see src/ARCHITECTURE.md). Shares state only via window.__wg*.
-/* eslint-disable no-unused-vars */
-export function installSwipeZoom({ title, favicon, bannerPos, todoPos, envAutoplay, todoDockUi }) {
-        /**
-         * Finger swipe trail for touch theater (orientation rotate / device change).
-         * opts: { dir: 'left'|'right'|'up'|'down', label?, ms? }
-         * Returns duration waited (ms) via Promise when called from page.evaluate async.
-         */
-        window.__wgSwipeTrail = (opts) => {
-          const o = opts || {};
-          const dir = o.dir === "right" || o.dir === "up" || o.dir === "down" ? o.dir : "left";
-          const ms = Math.max(280, Math.min(1400, Number(o.ms) || 720));
-          const label =
-            o.label ||
-            (dir === "left" || dir === "right" ? "swipe" : "swipe") +
-              (o.hint ? " \u00b7 " + o.hint : "");
-          let layer = __wgById("wg-swipe-layer");
-          if (layer && layer._wgTimer) {
-            clearTimeout(layer._wgTimer);
-            layer._wgTimer = null;
-          }
-          if (layer) layer.remove();
-          layer = document.createElement("div");
-          layer.id = "wg-swipe-layer";
-          layer.setAttribute("data-wg-ui", "1");
-          const finger = document.createElement("div");
-          finger.className = "wg-swipe-finger";
-          const lab = document.createElement("div");
-          lab.className = "wg-swipe-label";
-          lab.textContent = label;
-          layer.appendChild(lab);
-          layer.appendChild(finger);
-          __wgAdd(layer);
-          const vw = window.innerWidth || 390;
-          const vh = window.innerHeight || 844;
-          const pad = Math.min(vw, vh) * 0.18;
-          let x0;
-          let y0;
-          let x1;
-          let y1;
-          if (dir === "left") {
-            x0 = vw - pad;
-            x1 = pad;
-            y0 = y1 = vh * 0.52;
-          } else if (dir === "right") {
-            x0 = pad;
-            x1 = vw - pad;
-            y0 = y1 = vh * 0.52;
-          } else if (dir === "up") {
-            x0 = x1 = vw * 0.5;
-            y0 = vh - pad;
-            y1 = pad;
-          } else {
-            x0 = x1 = vw * 0.5;
-            y0 = pad;
-            y1 = vh - pad;
-          }
-          finger.style.left = x0 + "px";
-          finger.style.top = y0 + "px";
-          finger.style.opacity = "1";
-          void layer.offsetWidth;
-          layer.classList.add("wg-in");
-          const steps = 12;
-          const stepMs = Math.floor(ms / steps);
-          let i = 0;
-          const tick = () => {
-            i += 1;
-            const t = Math.min(1, i / steps);
-            const e = t * t * (3 - 2 * t);
-            const x = x0 + (x1 - x0) * e;
-            const y = y0 + (y1 - y0) * e;
-            finger.style.left = x + "px";
-            finger.style.top = y + "px";
-            const dot = document.createElement("div");
-            dot.className = "wg-swipe-dot";
-            dot.style.left = x + "px";
-            dot.style.top = y + "px";
-            dot.style.opacity = String(0.85 - t * 0.55);
-            layer.appendChild(dot);
-            requestAnimationFrame(() => {
-              dot.style.transition = "opacity .45s ease, transform .45s ease";
-              dot.style.opacity = "0";
-              dot.style.transform = "scale(1.8)";
-            });
-            if (i < steps) {
-              layer._wgTimer = setTimeout(tick, stepMs);
-            } else {
-              finger.style.opacity = "0";
-              layer.classList.remove("wg-in");
-              layer._wgTimer = setTimeout(() => {
-                const el = __wgById("wg-swipe-layer");
-                if (el) el.remove();
-              }, 380);
-            }
-          };
-          layer._wgTimer = setTimeout(tick, 40);
-          return ms + 120;
-        };
-        window.__wgClearZoom = () => {
-          // Strip leftover element transforms from older zoom path.
-          document.querySelectorAll("[data-wg-zoomed=\"1\"]").forEach((el) => {
-            el.style.removeProperty("transform");
-            el.style.removeProperty("transform-origin");
-            el.style.removeProperty("transition");
-            el.style.removeProperty("z-index");
-            el.style.removeProperty("position");
-            delete el.dataset.wgZoomed;
-          });
-          // Undo any prior shell-camera experiment - restore device fit scale only.
-          const shell = __wgById("wg-device-shell");
-          if (shell && shell.dataset.wgCamBase != null) {
-            shell.style.transform = shell.dataset.wgCamBase;
-            if (shell.dataset.wgCamOrigin) {
-              shell.style.transformOrigin = shell.dataset.wgCamOrigin;
-            } else {
-              shell.style.transformOrigin = "center center";
-            }
-            delete shell.dataset.wgCamBase;
-            delete shell.dataset.wgCamOrigin;
-            delete shell.dataset.wgCamZoom;
-          }
-          window.__wgZoomLevel = 1;
-          window.__wgZoomSel = "";
-          if (window.__wgSetZoomBadge) window.__wgSetZoomBadge(1, "");
-        };
-        const ZOOM_ICO =
-          '<svg viewBox="0 0 24 24" fill="none" stroke="#c9a6ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">' +
-          '<circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/></svg>';
-        window.__wgSetZoomBadge = (scale, sel) => {
-          const n = Number(scale);
-          const level = Number.isFinite(n) && n > 0 ? n : 1;
-          let badge = __wgById("wg-zoom-badge");
-          if (!badge) {
-            badge = document.createElement("div");
-            badge.id = "wg-zoom-badge";
-            badge.setAttribute("data-wg-ui", "1");
-            __wgAdd(badge);
-          }
-          const zoomed = level > 1.001 || level < 0.999;
-          badge.dataset.zoomed = zoomed ? "1" : "0";
-          const txt = level.toFixed(2) + "\u00d7";
-          badge.innerHTML =
-            '<span class="wg-zoom-ico">' +
-            ZOOM_ICO +
-            '</span><span class="wg-zoom-val">' +
-            txt +
-            "</span>";
-          badge.classList.add("wg-in");
-          window.__wgZoomLevel = level;
-          window.__wgZoomSel = sel || "";
-        };
-        window.__wgEnsureZoomBadge = () => {
-          if (window.__wgSetZoomBadge) {
-            window.__wgSetZoomBadge(window.__wgZoomLevel || 1, window.__wgZoomSel || "");
-          }
-        };
-        window.__wgSetTypingBadge = (on, label) => {
-          let badge = __wgById("wg-typing-badge");
-          if (!on) {
-            if (badge) {
-              badge.classList.remove("wg-in");
-              setTimeout(() => {
-                const b = __wgById("wg-typing-badge");
-                if (b && !b.classList.contains("wg-in")) b.remove();
-              }, 220);
-            }
-            return;
-          }
-          if (!badge) {
-            badge = document.createElement("div");
-            badge.id = "wg-typing-badge";
-            badge.setAttribute("data-wg-ui", "1");
-            __wgAdd(badge);
-          }
-          const text = label ? String(label).slice(0, 40) : "typing";
-          badge.innerHTML =
-            '<span class="wg-ty-dots">\u25cf\u25cf\u25cf</span><span>typing \u00b7 ' +
-            text.replace(/</g, "&lt;") +
-            "</span>";
-          void badge.offsetWidth;
-          badge.classList.add("wg-in");
-        };
-        /**
-         * Zoom HUD only - never CSS-scale the target or the device shell.
-         * Shell camera zoom fought device-theater fit-scale (broke ring follow
-         * + uneven border-radius). Element scale mangled cart rows. Emphasis
-         * is ring + focus veil; badge still shows authored zoom level.
-         */
-        window.__wgApplyZoom = (sel, scale) => {
-          document.querySelectorAll("[data-wg-zoomed=\"1\"]").forEach((el) => {
-            el.style.removeProperty("transform");
-            el.style.removeProperty("transform-origin");
-            el.style.removeProperty("transition");
-            el.style.removeProperty("z-index");
-            el.style.removeProperty("position");
-            delete el.dataset.wgZoomed;
-          });
-          const shell = __wgById("wg-device-shell");
-          if (shell && shell.dataset.wgCamBase != null) {
-            shell.style.transform = shell.dataset.wgCamBase;
-            shell.style.transformOrigin = shell.dataset.wgCamOrigin || "center center";
-            delete shell.dataset.wgCamBase;
-            delete shell.dataset.wgCamOrigin;
-            delete shell.dataset.wgCamZoom;
-          }
-          const n = Number(scale);
-          if (!Number.isFinite(n) || n <= 1.001) {
-            window.__wgZoomLevel = 1;
-            window.__wgZoomSel = "";
-            if (window.__wgSetZoomBadge) window.__wgSetZoomBadge(1, "");
-            return;
-          }
-          window.__wgZoomLevel = n;
-          window.__wgZoomSel = sel || "";
-          if (window.__wgSetZoomBadge) window.__wgSetZoomBadge(n, sel || "");
-        };
-        // Mount zoom HUD immediately so demos always show 1.00x.
-        if (window.__wgEnsureZoomBadge) window.__wgEnsureZoomBadge();
-}

package/dist/runner/inpage/todos.js

@@ -1,337 +0,0 @@
-// In-page installer (runs inside the browser via page.evaluate): must stay self-contained - no module-scope closure.
-// Split out of the former single installOverlay evaluate (see src/ARCHITECTURE.md). Shares state only via window.__wg*.
-/* eslint-disable no-unused-vars */
-export function installTodos({ title, favicon, bannerPos, todoPos, envAutoplay, todoDockUi }) {
-        // Floating todo dock - lives outside #wg-panel so --mini / Hide never
-        // hide the checklist. Click cycles left <-> right with CSS transform.
-        // Authors set side via ctx.todoPos("left"|"right"); env / --todo-* fallback.
-        // Payload:
-        //   { sync: "clear" }                         -> remove dock
-        //   { sync: "keep" }                          -> leave dock alone (no wipe)
-        //   { sync: "set", dock } / { sync:"set", list } -> render / recreate
-        // Compat: bare array = set list (empty array = clear - legacy only).
-        window.__wgSyncTodos = (payload, pos) => {
-          const syncPayload = payload;
-          let sync = "set";
-          let list = [];
-          let dockState = null;
-          let wantPos =
-            pos === "left" || pos === "right" ? pos : null;
-          if (Array.isArray(payload)) {
-            list = payload;
-            sync = list.length ? "set" : "clear";
-          } else if (payload && typeof payload === "object") {
-            sync = payload.sync === "clear" || payload.sync === "keep" ? payload.sync : "set";
-            dockState = payload.dock || null;
-            if (payload.pos === "left" || payload.pos === "right") wantPos = payload.pos;
-            if (Array.isArray(payload.list)) list = payload.list;
-            else if (dockState && Array.isArray(dockState.groups)) {
-              // Flatten for legacy callers; full dock rendered below when present.
-              list = [];
-              for (const g of dockState.groups) {
-                if (g && Array.isArray(g.items)) list = list.concat(g.items);
-              }
-            }
-          } else {
-            list = [];
-            sync = "clear";
-          }
-
-          let dockKey =
-            (dockState && dockState.id && String(dockState.id).trim()) ||
-            (payload && !Array.isArray(payload) && payload.todoId && String(payload.todoId).trim()) ||
-            "_default";
-
-          // Drop any in-panel leftover (old builds put #wg-todos in .wg-body).
-          __wgQA("#wg-panel #wg-todos").forEach((el) => el.remove());
-
-          const allDocks = () =>
-            [...__wgQA(".wg-todo-dock, #wg-todo-dock")].filter(
-              (el, i, arr) => arr.indexOf(el) === i,
-            );
-          const relayoutTodoDocks = () => {
-            const docks = allDocks();
-            // Must match .wg-todo-dock/#wg-todo-dock's own CSS `top` (runner/overlay-css.js,
-            // ui/css/dock.css) - this inline style OVERRIDES that CSS the instant more than one
-            // dock exists (multi-todo stacking), so a CSS-only change here is silently underwater;
-            // real bug this was: the CSS top was bumped 72 -> 104 for banner clearance, but this
-            // hardcoded 72 kept winning at runtime and nothing actually moved.
-            let top = 104;
-            for (const el of docks) {
-              el.style.top = top + "px";
-              top += Math.max(48, el.getBoundingClientRect().height) + 10;
-            }
-          };
-          const findDock = (key) => {
-            if (key === "_default") {
-              return (
-                __wgQ('.wg-todo-dock[data-wg-todo-key="_default"]') ||
-                __wgById("wg-todo-dock")
-              );
-            }
-            const all = __wgQA(".wg-todo-dock");
-            for (let i = 0; i < all.length; i++) {
-              if (all[i].getAttribute("data-wg-todo-key") === String(key)) return all[i];
-            }
-            return null;
-          };
-
-          // keep + no new payload: do not remove existing docks (PIA #10).
-          if (sync === "keep") {
-            if (!dockState && !list.length) return;
-            // After navigation the DOM may be gone - recreate from carried dock.
-            sync = "set";
-          }
-          // Default replace=true: one checklist. parallel docks only when replace:false.
-          const replace =
-            !(payload && !Array.isArray(payload) && payload.replace === false) &&
-            !(payload && !Array.isArray(payload) && payload.parallel === true);
-          const hasDock =
-            !!(dockState && Array.isArray(dockState.groups) && dockState.groups.length);
-          // Explicit clear only - never treat "set + dock + empty list" as clear
-          // (that thrash was marks -> blank in a few ms).
-          if (sync === "clear" || (sync === "set" && !hasDock && !list.length)) {
-            const clearId =
-              (payload && !Array.isArray(payload) && payload.todoId && String(payload.todoId).trim()) ||
-              (dockState && dockState.id && String(dockState.id).trim()) ||
-              "";
-            if (clearId && !replace) {
-              const el = findDock(clearId);
-              if (el) el.remove();
-            } else {
-              allDocks().forEach((el) => el.remove());
-            }
-            relayoutTodoDocks();
-            return;
-          }
-
-          if (sync === "set" && replace) {
-            // Drop sibling docks so we never stack duplicates.
-            for (const el of allDocks()) {
-              const key = el.getAttribute("data-wg-todo-key") || "_default";
-              if (key !== dockKey) el.remove();
-            }
-          }
-
-          const POS = ["left", "right"];
-          let dock = findDock(dockKey);
-          if (!dock) {
-            dock = document.createElement("div");
-            dock.className = "wg-todo-dock";
-            dock.setAttribute("data-wg-todo-key", dockKey);
-            if (dockKey === "_default") dock.id = "wg-todo-dock";
-            else dock.id = "wg-todo-dock--" + dockKey.replace(/[^a-zA-Z0-9_-]/g, "-");
-            dock.setAttribute("data-wg-ui", "1");
-            dock.setAttribute("data-wg-modal", "todos");
-            dock.setAttribute("data-wg-ready", "1");
-            let saved = null;
-            try {
-              saved = localStorage.getItem("wg-todo-pos");
-            } catch {
-              /* ignore */
-            }
-            const start =
-              wantPos ||
-              (saved && POS.includes(saved) ? saved : todoPos === "right" ? "right" : "left");
-            dock.dataset.pos = start;
-            dock.title = "Click to move checklist: left / right";
-            dock.addEventListener("click", (e) => {
-              e.stopPropagation();
-              const i = POS.indexOf(dock.dataset.pos || "left");
-              const next = POS[(i + 1) % POS.length];
-              dock.dataset.pos = next;
-              try {
-                localStorage.setItem("wg-todo-pos", next);
-              } catch {
-                /* ignore */
-              }
-            });
-            __wgAdd(dock);
-          } else if (wantPos) {
-            dock.dataset.pos = wantPos;
-            try {
-              localStorage.setItem("wg-todo-pos", wantPos);
-            } catch {
-              /* ignore */
-            }
-          }
-
-          const esc = (s) =>
-            String(s)
-              .replace(/&/g, "&amp;")
-              .replace(/</g, "&lt;")
-              .replace(/>/g, "&gt;")
-              .replace(/"/g, "&quot;");
-          const attrId = (raw) => {
-            const id = raw != null && String(raw).trim() ? String(raw).trim() : "";
-            return id ? ' data-wg-todo-item="' + esc(id) + '"' : "";
-          };
-          // Compact + cap: >cap rows folds overflow; hover shows up to expandCap; "+N more" pins expand.
-          const ui = (payload && !Array.isArray(payload) && payload.ui) || window.__wgTodoDockUi || {};
-          const COMPACT_AT = Number(ui.cap) > 0 ? Number(ui.cap) : 5;
-          const WINDOW = COMPACT_AT;
-          const EXPAND_MAX = Number(ui.expandCap) > 0 ? Number(ui.expandCap) : 14;
-          const compactEnabled = ui.compact !== false;
-          const flattenItems = () => {
-            if (dockState && Array.isArray(dockState.groups) && dockState.groups.length) {
-              const out = [];
-              for (const g of dockState.groups) {
-                for (const t of g.items || []) out.push({ ...t, __style: g.style || dockState.style });
-              }
-              return out;
-            }
-            return (list || []).map((t) => ({ ...t, __style: "sequential" }));
-          };
-          const windowBounds = (items, cap) => {
-            const n = items.length;
-            if (n <= cap) return { start: 0, end: n };
-            let cur = items.findIndex((t) => t.current);
-            if (cur < 0) cur = items.findIndex((t) => !t.done);
-            if (cur < 0) cur = 0;
-            let start = Math.max(0, cur - Math.floor((cap - 1) / 2));
-            let end = Math.min(n, start + cap);
-            start = Math.max(0, end - cap);
-            return { start, end };
-          };
-          const renderItems = (items, style, foldMeta, indexOffset) => {
-            const offset = indexOffset || 0;
-            const rawStyle = String(style || "sequential").toLowerCase();
-            const st =
-              rawStyle === "checklist"
-                ? "checklist"
-                : rawStyle === "bullets" ||
-                    rawStyle === "bullet" ||
-                    rawStyle === "list" ||
-                    rawStyle === "ul" ||
-                    rawStyle === "points" ||
-                    rawStyle === "plain"
-                  ? "bullets"
-                  : "sequential";
-            const foldStart = foldMeta ? foldMeta.foldStart : -1;
-            const foldEnd = foldMeta ? foldMeta.foldEnd : -1;
-            const deepStart = foldMeta ? foldMeta.deepStart : -1;
-            const deepEnd = foldMeta ? foldMeta.deepEnd : -1;
-            return (
-              '<ul class="wg-todos-list" data-wg-todo-style="' +
-              st +
-              '">' +
-              (items || [])
-                .map((t, idx) => {
-                  const gi = offset + idx;
-                  const clsBase =
-                    st === "bullets"
-                      ? t.done
-                        ? "wg-todo-done"
-                        : "wg-todo-pending"
-                      : t.current
-                        ? "wg-todo-current"
-                        : t.done
-                          ? "wg-todo-done"
-                          : "wg-todo-pending";
-                  let foldCls = "";
-                  if (foldStart >= 0 && (gi < foldStart || gi >= foldEnd)) foldCls += " wg-todo-fold";
-                  if (deepStart >= 0 && (gi < deepStart || gi >= deepEnd)) foldCls += " wg-todo-fold-deep";
-                  let mark;
-                  if (st === "checklist") {
-                    mark = t.done ? "☑" : "☐";
-                  } else if (st === "bullets") {
-                    mark = "•";
-                  } else {
-                    mark = t.done ? "✓" : t.current ? "→" : "○";
-                  }
-                  const rowId = t.id || t.name || "";
-                  return (
-                    '<li class="' +
-                    clsBase +
-                    foldCls +
-                    '"' +
-                    attrId(rowId) +
-                    '><span class="wg-todo-mark">' +
-                    mark +
-                    "</span><span>" +
-                    esc(t.text || "") +
-                    "</span></li>"
-                  );
-                })
-                .join("") +
-              "</ul>"
-            );
-          };
-
-          if (dockKey !== "_default") dock.setAttribute("data-wg-todo-id", dockKey);
-          else dock.removeAttribute("data-wg-todo-id");
-
-          const flat = flattenItems();
-          const compact = compactEnabled && flat.length > COMPACT_AT;
-          const win = windowBounds(flat, WINDOW);
-          const expand = windowBounds(flat, EXPAND_MAX);
-          const foldMeta = compact
-            ? {
-                foldStart: win.start,
-                foldEnd: win.end,
-                deepStart: expand.start,
-                deepEnd: expand.end,
-              }
-            : null;
-          const hiddenCompact = compact ? flat.length - (win.end - win.start) : 0;
-          const hiddenExpand = compact ? flat.length - (expand.end - expand.start) : 0;
-
-          let html = "";
-          if (dockState && Array.isArray(dockState.groups) && dockState.groups.length) {
-            const dockTitle = dockState.title && String(dockState.title).trim();
-            if (dockTitle) {
-              html += '<div class="wg-todo-dock-title">' + esc(dockTitle) + "</div>";
-            }
-            let globalIdx = 0;
-            for (const g of dockState.groups) {
-              const gTitle = g.title && String(g.title).trim();
-              const gid = g.id || g.name || "";
-              html +=
-                '<div class="wg-todo-group"' +
-                (gid ? ' data-wg-todo-group="' + esc(gid) + '"' : "") +
-                ">";
-              if (gTitle) {
-                html += '<div class="wg-todo-group-title">' + esc(gTitle) + "</div>";
-              }
-              const gItems = g.items || [];
-              html += renderItems(gItems, g.style || dockState.style, foldMeta, globalIdx);
-              html += "</div>";
-              globalIdx += gItems.length;
-            }
-          } else {
-            html = renderItems(list, "sequential", foldMeta, 0);
-          }
-          if (compact && hiddenCompact > 0) {
-            const n = dock.dataset.expanded === "1" ? hiddenExpand : hiddenCompact;
-            if (n > 0) {
-              html +=
-                '<div class="wg-todo-more" data-wg-todo-more="1" title="Click to expand / collapse">' +
-                "+" +
-                n +
-                " more</div>";
-            }
-          }
-          if (compact) dock.dataset.compact = "1";
-          else {
-            delete dock.dataset.compact;
-            delete dock.dataset.expanded;
-          }
-          dock.innerHTML = html;
-          const moreBtn = dock.querySelector("[data-wg-todo-more]");
-          if (moreBtn) {
-            moreBtn.addEventListener("click", (e) => {
-              e.stopPropagation();
-              if (dock.dataset.expanded === "1") delete dock.dataset.expanded;
-              else dock.dataset.expanded = "1";
-              if (window.__wgSyncTodos && dock._wgLastPayload) {
-                window.__wgSyncTodos(dock._wgLastPayload);
-              }
-            });
-          }
-          dock._wgLastPayload = syncPayload;
-          relayoutTodoDocks();
-          if (window.__wgStampModal) {
-            window.__wgStampModal(dock, "todos", { ready: true });
-          }
-        };
-}