@songsid/agend 2.3.2 → 2.3.3-beta.10

package/dist/ui/chat-effects.js

@@ -1,167 +0,0 @@
-// #1629: Chat contributes a committed lease to the one app owner; no private pool or server polling.
-import { html, useEffect, useLayoutEffect, useRef, useState } from "/assets/app-html.js";
-import { register, t } from "/assets/app-i18n.js";
-import { appStore, useStore } from "/assets/app-store.js";
-import { ownerCssLifecycle } from "/assets/owner-css.js";
-import { chatEffectState, chatEffectIdentity } from "/assets/effect-chat-runtime.js";
-import { Dialog } from "/assets/ui-dialog.js";
-import { navigate } from "/assets/app-nav.js";
-import { toast } from "/assets/ui-toast.js";
-import { setThemesShown, themesShown, themesStore } from "/assets/app-themes.js";
-import { setFollowsReducedMotion } from "/assets/fx-motion.js";
-import { getAppEffects, wakeEffects, effectsLoaded, onEffectsAwake } from "./effects-waker.js";
-
-register("chatFx", {
-  en: { stock: "Off: the page layout could not be verified ({0}). Reload and report this code if it persists.", transport: "Off: the isolated effect frame could not start. Reload to try again.", enableHere: "Turn effects on here", playMotion: "Play effects anyway", leaveSafe: "Leave safe mode", viewerShow: "Show themes, effects and widgets here", clock: "Off: the page timing clock is unavailable. Reload to try again.", gatesUnknown: "Off: the playback conditions could not be verified.", resource: "Off: this effect could not be loaded or verified. Reload to try again.", frontQueue: "Waiting for a foreground slot.", consent: "This page has older playback information. Reload to use the isolated effect player.", previewMissing: "Off: the isolated effect frame is unavailable. Reload to try again.", unsupported: "Off: this browser lacks required Canvas Worker or layout support.", calibration: "Starting the effect.", baseline: "This page has older playback information. Reload to try again.", safetyUnknown: "Stopped: this device's safety history could not be verified. Reload to check it.", rawReason: "Playback blocked: {0}", missingRow: "Playback state is unavailable (runtime_unavailable).", region: "Off: this effect does not declare the chat region.", blocked: "Placed effects are blocked for this viewer:", deviceSetting: "Open device preferences", webSetting: "Open Web settings", reloadHint: "Reload page",
-    title: "Effects", loading: "Checking effects…", empty: "No effects in this chat.", failed: "Effects stopped because their resources could not be verified. Reload the page to try again.", reload: "Reload page", pause: "Pause", resume: "Resume", remove: "Remove from chat", removeFailed: "Could not remove this effect. Reload the page to check its state.", css: "Agent foreground effects are paused while your custom CSS is on or cannot be verified.", setting: "Open Settings → Look", running: "Running", starting: "Starting", off: "Stopped", resumeFailed: "This effect cannot resume: the page or its safety history is not ready. Reload the page or choose another effect.", queued: "Waiting for a slot", unknown: "Playback is off or unavailable here.", budget: "Paused to protect page responsiveness. Resume keeps the three-pauses safety limit.", pauseHelp: "Resume keeps this device’s automatic-pause history and three-pause safety limit.", paused: "Paused", low: "Reduced quality",
-    typing: "Waiting while you type — it plays when you leave the message box.", covered: "Waiting while a menu or panel covers the chat.",
-    dialogOpen: "Paused while this dialog is open.", wasRunning: "Was running; paused while this dialog is open.", modal: "Waiting while a dialog is open.",
-    off3: "Turned off on this device after three automatic pauses. Resume cannot restart it here.", interrupted: "Stopped: the page closed while it was playing. Resume to play it again.",
-    cssOff: "Off while your custom CSS is on.", reducedMotion: "Off: you chose to follow the system's reduced motion setting.", saveData: "This page has older playback information. Reload to try again.",
-    hiddenTab: "Waiting until this tab is visible.", offscreen: "Waiting until the chat is on screen.",
-    safeMode: "Off in safe mode.", publicLink: "Off on a public link.", disabled: "Effects are switched off." },
-  "zh-TW": { stock: "已關閉：無法驗證頁面版面（{0}）。請重新載入；若持續發生，請回報此代碼。", transport: "已關閉：無法啟動隔離效果框架。請重新載入再試。", enableHere: "在這裡開啟效果", playMotion: "仍然播放效果", leaveSafe: "離開安全模式", viewerShow: "在這裡顯示主題、效果與小工具", clock: "已關閉：頁面計時無法使用。請重新載入再試。", gatesUnknown: "已關閉：無法確認播放條件。", resource: "已關閉：無法載入或驗證此效果。請重新載入再試。", frontQueue: "等待前景空位。", consent: "這個頁面的播放資訊已過期。請重新載入以使用隔離效果播放器。", previewMissing: "已關閉：隔離效果框架無法使用。請重新載入再試。", unsupported: "已關閉：這個瀏覽器缺少 Canvas Worker 或版面驗證支援。", calibration: "正在啟動效果。", baseline: "這個頁面的播放資訊已過期，請重新載入再試。", safetyUnknown: "已停止：無法確認這台裝置的安全紀錄。請重新載入確認。", rawReason: "播放受阻：{0}", missingRow: "無法取得播放狀態（runtime_unavailable）。", region: "已關閉：此效果未宣告聊天區域。", blocked: "放置的效果目前無法在這個畫面播放：", deviceSetting: "開啟裝置偏好設定", webSetting: "開啟網頁設定", reloadHint: "重新載入頁面",
-    title: "效果", loading: "正在確認效果…", empty: "這個聊天沒有放置效果。", failed: "無法確認效果資源，已停止播放。重新載入頁面後再試。", reload: "重新載入頁面", pause: "暫停", resume: "恢復", remove: "從聊天移除", removeFailed: "無法移除效果。請重新載入頁面確認狀態。", css: "自訂 CSS 開啟或無法確認時，代理的前景效果會暫停。", setting: "開啟設定 → 外觀", running: "播放中", starting: "啟動中", off: "已停止", resumeFailed: "頁面或安全紀錄尚未就緒，無法恢復此效果。請重新載入頁面，或選擇其他效果。", queued: "等待空位", unknown: "這裡已關閉播放，或無法播放效果。", budget: "為維持頁面順暢，已暫停效果。恢復仍保留三次暫停的安全上限。", pauseHelp: "恢復仍保留這台裝置的自動暫停紀錄與三次暫停安全上限。", paused: "已暫停", low: "降低畫質",
-    typing: "輸入時暫停，離開訊息輸入框就會播放。", covered: "選單或面板蓋住聊天時暫停。",
-    dialogOpen: "開著這個對話框時暫停。", wasRunning: "原本在播放；開著這個對話框時暫停。", modal: "有對話框開著時暫停。",
-    off3: "已自動暫停三次，這台裝置已關閉此效果，無法在這裡恢復。", interrupted: "播放時頁面被關閉而停止。按「恢復」再播放一次。",
-    cssOff: "自訂 CSS 開啟時關閉。", reducedMotion: "已關閉：效果跟隨這台裝置的「減少動態效果」設定。", saveData: "這個頁面的播放資訊已過期，請重新載入再試。",
-    hiddenTab: "等這個分頁顯示時再播放。", offscreen: "等聊天顯示在畫面上時再播放。",
-    safeMode: "安全模式下關閉。", publicLink: "公開連結上關閉。", disabled: "效果已關閉。" },
-});
-
-/** Read/admin dashboard sessions keep management controls; public/guest Chat playback has no owner identity. */
-export function chatEffectsMenuAvailable() { return chatEffectIdentity(window) !== null; }
-
-// #2055: what a row's state means, in words — never only "Stopped" when the runtime knows why.
-const RECENT_MS = 5000;
-const REASON_KEY = { __proto__: null, transport_unavailable: "chatFx.transport", owner_css: "chatFx.cssOff", reduced_motion: "chatFx.reducedMotion", save_data: "chatFx.saveData", preview_unavailable: "chatFx.previewMissing", preview_not_consented: "chatFx.consent", unsupported_host: "chatFx.unsupported", registry_unsupported: "chatFx.unsupported",
-  baseline_unsupported: "chatFx.baseline", baseline_unavailable: "chatFx.baseline", baseline_timeout: "chatFx.baseline", calibrating: "chatFx.calibration", safety_unknown: "chatFx.safetyUnknown", region_unavailable: "chatFx.region",
-  hidden: "chatFx.hiddenTab", offscreen: "chatFx.offscreen", safe_mode: "chatFx.safeMode", public_link: "chatFx.publicLink", disabled: "chatFx.disabled",
-  clock_unavailable: "chatFx.clock", gates_unknown: "chatFx.gatesUnknown", runtime_unavailable: "chatFx.missingRow", resource_unavailable: "chatFx.resource", resource_timeout: "chatFx.resource", front_limit: "chatFx.frontQueue",
-  safety_off: "chatFx.off3", interrupted: "chatFx.interrupted" };
-/** `ownOpen`: this Effects dialog is open; `wasRunning`: the effect was running when it opened (shown as past, never as current). */
-export function effectRowText(row, { ownOpen = false, wasRunning = false, doc = typeof document === "undefined" ? null : document } = {}) {
-  if (!row) return t("chatFx.missingRow");
-  if (typeof row.reason === "string" && row.reason !== "stock_overlay" && /^(stock_|trust_|geometry_)/.test(row.reason)) return t("chatFx.stock", row.reason.replace(/[\u0000-\u001f\u007f]/g, "").slice(0, 80));
-  // The sticky history first (it is what Resume answers), then a pause, then what is playing or queued.
-  if (row.reason === "safety_off" || row.reason === "interrupted") return t(REASON_KEY[row.reason]);
-  if (row.reason === "paused" || row.reason === "host_budget") return t("chatFx.paused");
-  if (REASON_KEY[row.reason]) return t(REASON_KEY[row.reason]);
-  if (row.reason != null && !["stock_overlay", "modal", "frame_limit"].includes(row.reason))
-    return t("chatFx.rawReason", typeof row.reason === "string" ? row.reason.replace(/[\u0000-\u001f\u007f]/g, "").slice(0, 80) : "invalid_reason_type");
-  if (row.phase === "running") return t("chatFx.running");
-  if (row.phase) return t("chatFx.starting");
-  if (row.verdict === "queued") return t("chatFx.queued");
-  if (row.reason === "stock_overlay" || row.reason === "modal") {
-    if (ownOpen) return t(wasRunning ? "chatFx.wasRunning" : "chatFx.dialogOpen");
-    if (row.reason === "modal") return t("chatFx.modal");
-    return t("chatFx.covered");
-  }
-  return t("chatFx.rawReason", typeof row.reason === "string" ? row.reason.replace(/[\u0000-\u001f\u007f]/g, "").slice(0, 80) : "invalid_reason_type");
-}
-
-/** Fixed local actions: no server/Worker-provided destination or raw reason in a URL. */
-export function effectReasonAction(reason) {
-  if (reason === "preview_not_consented" || reason === "preview_unavailable") return { reload: true, label: "chatFx.reloadHint" };
-  if (["disabled", "owner_css"].includes(reason)) return { href: "/settings/look", label: "chatFx.setting" };
-  if (["transport_unavailable", "baseline_unsupported", "baseline_unavailable", "baseline_timeout", "runtime_unavailable", "resource_unavailable", "resource_timeout", "clock_unavailable", "safety_unknown"].includes(reason)) return { reload: true, label: "chatFx.reloadHint" };
-  return null;
-}
-const localViewer = () => document.body.dataset.publicLink === "1" || document.body.dataset.tier === "guest";
-function ReasonAction({ reason, onClose = () => {} }) {
-  if (reason === "safe_mode") return html`<button type="button" class="btn" onClick=${() => { onClose(); const url = new URL(location.href); url.searchParams.delete("safe"); location.assign(url.href); }}>${t("chatFx.leaveSafe")}</button>`;
-  if (reason === "reduced_motion") return html`<button type="button" class="btn" onClick=${() => { onClose(); setFollowsReducedMotion(false); }}>${t("chatFx.playMotion")}</button>`;
-  if (reason === "disabled" && localViewer()) return html`<button type="button" class="btn" onClick=${() => { onClose(); setThemesShown(true); }}>${t("chatFx.enableHere")}</button>`;
-  const action = document.body.dataset.tier === "guest" && reason === "owner_css" ? { reload: true, label: "chatFx.reloadHint" } : effectReasonAction(reason);
-  return action ? html`<button type="button" class="btn" onClick=${() => { onClose(); if (action.reload) location.reload(); else navigate(action.href); }}>${t(action.label)}</button>` : null;
-}
-
-const NO_PLAYBACK = () => {};
-export function ChatEffects({ name, lease, element, store, open, onClose, onPlayback = NO_PLAYBACK, active = true }) {
-  const cssLife = useStore(ownerCssLifecycle);
-  // #2193: `active` — this chat has placements (its status row says so). While the runtime sleeps, a chat with none
-  // attaches and reads nothing (the dialog says "No effects in this chat"); one with some wakes it and attaches once it
-  // runs. Once it runs (woken by anything — a Try card needs its chat attached), every chat attaches as before.
-  const [awake, setAwake] = useState(() => getAppEffects() !== null || effectsLoaded());
-  useEffect(() => (awake ? undefined : onEffectsAwake(() => setAwake(true))), [awake]);
-  useStore(themesStore); // Viewer-local off/on is visible immediately, independent of runtime callbacks.
-  // Which effects were running just before this dialog opened ("was running" is said in the past, never shown as
-  // current). The ⋯ menu that opens it is a barrier too, so "just before" is within RECENT_MS of the observed stop.
-  // Tracked where updates arrive (an unchanged snapshot is not republished while an effect keeps running).
-  const before = useRef(null), wasOpen = useRef(false), playing = useRef(new Map());
-  const runtime = useRef(null), [state, setState] = useState(null), [canWrite, setCanWrite] = useState(false), [busy, setBusy] = useState(false);
-  useLayoutEffect(() => {
-    let live = true, api = null;
-    const releases = [];
-    // Effects are optional: a failed setup must release its partial ownership without breaking Chat.
-    const cleanup = () => {
-      if (!live) return;
-      live = false;
-      try { api?.dispose?.(); } catch { /* continue releasing partial setup */ }
-      for (const off of releases) { try { if (typeof off === "function") off(); } catch { /* release the rest */ } }
-      if (runtime.current === api) runtime.current = null;
-    };
-    lease.hold(cleanup);
-    try {
-      setBusy(false); onClose(); setCanWrite(false); setState(null);
-      if (!active && !awake) { setState({ error: null, rows: [], effects: [], loading: false }); return cleanup; }
-      if (!awake) { void wakeEffects(); return cleanup; }        // "Checking effects…" until it runs
-      const host = window, owner = getAppEffects(host);
-      const current = () => live && lease.current();
-      if (!owner) { setState({ error: null, rows: [], effects: [], unavailable: true, reason: typeof host.OffscreenCanvas !== "function" || typeof host.Worker !== "function" ? "unsupported_host" : "runtime_unavailable" }); return cleanup; }
-      releases.push(owner.onEnd(() => { if (current()) setState({ error: "resource_unavailable", rows: [], effects: [], unavailable: true }); }));
-      playing.current = new Map();   // evidence belongs to this name and lease only
-      const track = rows => {
-        const now = performance.now(), seen = new Set();
-        for (const r of Array.isArray(rows) ? rows : []) {
-          seen.add(r.id);
-          if (r.phase === "running") playing.current.set(r.id, null);
-          else if (playing.current.get(r.id) === null) playing.current.set(r.id, now);
-        }
-        for (const [id, at] of playing.current) if (!seen.has(id) && at === null) playing.current.set(id, now);
-      };
-      const changed = value => {
-        if (!current()) return;
-        track(value?.rows);
-        const g = owner.gates();
-        setState({ ...value, unavailable: !g.enabled || !g.show || !g.transportReady || g.safe || g.reducedMotion });
-      };
-      api = owner.attachChat({ name, element: element.current, current,
-        observe: () => ({ state: chatEffectState(appStore.get(), name) }), onChange: changed });
-      runtime.current = api;
-      if (!api?.ok) { setState({ error: null, rows: [], effects: [], unavailable: true, reason: "runtime_unavailable" }); return cleanup; }
-      if (chatEffectIdentity(host)) host.AgendAuth?.canWrite?.().then(value => { if (current()) setCanWrite(value === true); }).catch(() => {});
-      api.sync();
-      return cleanup;
-    } catch {
-      cleanup();
-      if (lease.current()) setState({ error: "runtime_unavailable", rows: [], effects: [] });
-      return cleanup;
-    }
-  }, [name, lease, active, awake]);
-  const rows = state?.rows ?? [], effects = state?.effects ?? [];
-  if (open && !wasOpen.current) {
-    const now = performance.now();
-    before.current = new Map([...playing.current].map(([id, stoppedAt]) => [id, stoppedAt === null || now - stoppedAt < RECENT_MS]));
-  }
-  if (!open) before.current = null;
-  wasOpen.current = open;
-  const css = cssLife.state !== "off" && effects.some(p => p.by !== "human" && p.manifest.layer === "front");
-  const remove = async id => { if (busy) return; setBusy(true); const api = runtime.current; const ok = await api?.remove?.(id); if (!lease.current() || runtime.current !== api) return; setBusy(false); if (!ok) toast(t("chatFx.removeFailed"), false); };
-  const playingNow = !state?.unavailable && !state?.error && rows.some(row => row.phase === "running" && row.reason == null);
-  useEffect(() => { onPlayback({ name, playing: playingNow }); return () => onPlayback({ name, playing: false }); }, [name, playingNow, onPlayback]);
-  const blocked = effects.flatMap(p => { const row = rows.find(r => r.id === p.id); return row?.phase === "running" && row.reason == null ? [] : [{ p, row }]; });
-  return html`${!open && localViewer() && effects.length ? html`<div class="chat-fx-notice"><label><input type="checkbox" checked=${themesShown()} onChange=${e => setThemesShown(e.currentTarget.checked)} /> ${t("chatFx.viewerShow")}</label></div>` : null}${!open && state?.error && !effects.length ? html`<div class="chat-fx-notice" role="status">${effectRowText({ reason: state.error })} <${ReasonAction} reason=${state.error} /></div>` : null}${!open && state?.reason ? html`<div class="chat-fx-notice" role="status">${effectRowText({ reason: state.reason })} <${ReasonAction} reason=${state.reason} /></div>` : null}${!open && blocked.length ? html`<div class="chat-fx-notice" role="status"><strong>${t("chatFx.blocked")}</strong>
-    ${blocked.map(({ p, row }) => html`<span key=${p.id}>${p.manifest.title}: ${effectRowText(row)} ${["paused", "host_budget"].includes(row?.reason) ? html`<small>${t(row.reason === "host_budget" ? "chatFx.budget" : "chatFx.pauseHelp")}</small>` : null} <${ReasonAction} reason=${row?.reason} /></span>`)}</div>` : null}${open ? html`<${Dialog} title=${t("chatFx.title")} onClose=${onClose} busy=${busy}>
-      ${state?.error ? html`<p>${t("chatFx.failed")}</p><button type="button" class="btn" onClick=${() => location.reload()}>${t("chatFx.reload")}</button>` : null}
-      ${css ? html`<p>${t("chatFx.css")}</p><button type="button" class="btn" onClick=${() => { onClose(); navigate("/settings/look"); }}>${t("chatFx.setting")}</button>` : null}
-      ${!effects.length && !state?.error ? html`<p>${t(state?.unavailable ? "chatFx.unknown" : state?.loading || !state ? "chatFx.loading" : "chatFx.empty")}</p>` : null}
-      ${effects.map(p => { const row = rows.find(r => r.id === p.id); return html`<section key=${p.id}><h3>${p.manifest.title}</h3><p>${effectRowText(row, { ownOpen: open, wasRunning: before.current?.get(p.id) === true })}${row?.quality === "low" ? ` · ${t("chatFx.low")}` : ""}</p>
-        <${ReasonAction} reason=${row?.reason} onClose=${onClose} />
-        ${["paused", "host_budget"].includes(row?.reason) ? html`<p>${t(row.reason === "host_budget" ? "chatFx.budget" : "chatFx.pauseHelp")}</p>` : null}
-        <button type="button" class="btn" disabled=${busy} onClick=${() => runtime.current?.pause?.(p.id)}>${t("chatFx.pause")}</button>
-        <button type="button" class="btn" disabled=${busy} onClick=${() => { if (!runtime.current?.resume?.(p.id)) toast(t(rows.find(r => r.id === p.id)?.reason === "safety_off" ? "chatFx.off3" : "chatFx.resumeFailed"), false); }}>${t("chatFx.resume")}</button>
-        ${canWrite ? html`<button type="button" class="btn" disabled=${busy} onClick=${() => remove(p.id)}>${t("chatFx.remove")}</button>` : null}</section>`; })}
-    </${Dialog}>` : null}`;
-}

package/dist/ui/effect-trial-controller.js

@@ -1,124 +0,0 @@
-/** #1629: explicit-click control lane. Responses never grant authority; Start reauthorizes on the server. */
-import { effectTrialMessage } from "./effect-trial-offer.js";
-import { checkEffectTrialStart } from "/assets/effect-runtime-loader.js";
-import { chatEffectIdentity } from "/assets/effect-chat-runtime.js";
-const owners = new WeakSet(), safe = fn => { try { return fn(); } catch { return null; } };
-const LIMIT = 128 * 1024;
-export function createEffectTrialController({ window: host, current, allowed, onStart, onChange = () => {} }) {
-  let dead = false, active = null, physical = null, previous = null, broken = false, clockBusy = false, endedReason = null, endedOffer = null;
-  const cleanup = [], releases = [], identity = safe(() => chatEffectIdentity(host));
-  const tell = () => { if (!dead) safe(onChange); };
-  function clock() {
-    if (broken || clockBusy) { broken = true; return null; }
-    clockBusy = true; const t = safe(() => host.performance.now()); clockBusy = false;
-    if (broken || typeof t !== "number" || !Number.isFinite(t) || t < 0 || t > Number.MAX_SAFE_INTEGER || previous !== null && t < previous) { broken = true; return null; }
-    return previous = t;
-  }
-  function eligible(op) {
-    if (dead || broken || !op || active !== op || op.dead || op.checking || host.AgendAuth?.sessionEnded?.() !== false) return false;
-    op.checking = true;
-    try {
-      const t = clock();
-      if (t === null || t < op.began || t >= op.until || safe(() => current(op.instance) === true && allowed() === true) !== true) return false;
-      const after = clock();
-      return !dead && !op.dead && active === op && after !== null && after >= op.began && after < op.until;
-    } finally { op.checking = false; }
-  }
-  function end(op, reason = "stopped") {
-    if (!op || op.dead) return false;
-    op.dead = true; if (active === op) active = null;
-    endedReason = typeof reason === "string" && /^[a-z][a-z0-9_]{0,79}$/.test(reason) ? reason : "trial_failed";
-    endedOffer = op.offer.offer;
-    safe(() => op.resolve?.(false));
-    safe(() => host.clearTimeout(op.timer)); safe(() => op.controller.abort());
-    if (op.reply && !op.stopQueued) { op.stopQueued = true; cleanup.push(op); }
-    // Physical paint is removed before callbacks, cleanup I/O or another explicit click.
-    safe(() => op.dispose?.()); op.dispose = null;
-    if (!["stopped", "replaced"].includes(endedReason)) safe(() => host.console?.warn("[AgEnD effects] Try stopped:", endedReason));
-    tell(); drain(); return true;
-  }
-  function arm(op) {
-    safe(() => host.clearTimeout(op.timer));
-    if (!eligible(op)) { end(op, "trial_ended"); return; }
-    const t = clock(); if (t === null || t >= op.until) { end(op, "trial_expired"); return; }
-    op.timer = host.setTimeout(() => { if (!op.dead) arm(op); }, Math.max(1, Math.ceil(op.until - t)));
-  }
-  async function read(response) {
-    let reader = null;
-    try {
-      if (!response || response.redirected || response.status !== 200 || !/^application\/json(?:\s*;|$)/i.test(response.headers.get("content-type") || "")) return null;
-      const length = response.headers.get("content-length"); if (length !== null && (!/^\d+$/.test(length) || Number(length) > LIMIT)) return null;
-      reader = response.body?.getReader(); if (!reader) return null;
-      const chunks = []; let size = 0;
-      for (;;) { const r = await reader.read(); if (r.done) break; if (!(r.value instanceof Uint8Array) || (size += r.value.byteLength) > LIMIT) return null; chunks.push(r.value); }
-      const bytes = new Uint8Array(size); let offset = 0; for (const c of chunks) { bytes.set(c, offset); offset += c.byteLength; }
-      return JSON.parse(new TextDecoder("utf-8", { fatal: true }).decode(bytes));
-    } catch { return null; }
-    finally { try { if (reader) await reader.cancel(); else await response?.body?.cancel(); } catch { /* retained until cancellation settles */ } }
-  }
-  function drain() {
-    if (physical || !cleanup.length) return;
-    const op = cleanup.shift(), token = {}; physical = token; const controller = new host.AbortController();
-    const timer = host.setTimeout(() => controller.abort(), 10000);
-    // Stop remains permitted after CSS/gate/session changes. It cannot mount or mutate appearance.
-    Promise.resolve().then(async () => {
-      const response = await host.fetch(`/ui/effect-trials/${op.reply.trial}/stop?ownerEpoch=${identity.epoch}`, {
-        method: "POST", credentials: "same-origin", cache: "no-store", redirect: "error", headers: { "Content-Type": "application/json" }, body: "{}", signal: controller.signal,
-      });
-      try { await response.body?.cancel(); } catch { /* no response fields are consumed */ }
-    }).catch(() => {}).finally(() => { safe(() => host.clearTimeout(timer)); if (physical === token) physical = null; tell(); drain(); });
-  }
-  function dispose() {
-    if (dead) return; dead = true; end(active); for (const off of releases.splice(0)) safe(off); tell();
-  }
-  const api = { ok: false, start: async () => false, stop: () => end(active), sync() { const op = active; if (op && !eligible(op)) end(op, "trial_ended"); },
-    snapshot: () => Object.freeze({ busy: !!physical || cleanup.length > 0, phase: active ? active.reply ? "running" : "starting" : "idle", reason: active ? null : endedReason, offer: active ? active.offer.offer : endedOffer }), dispose };
-  if (!identity || owners.has(host) || typeof current !== "function" || typeof allowed !== "function" || typeof onStart !== "function"
-    || typeof host.AgendAuth?.trialSession !== "function" || typeof host.AgendAuth?.onSessionEnd !== "function") return Object.freeze(api);
-  owners.add(host);
-  try {
-    const off = host.AgendAuth.onSessionEnd(dispose);
-    if (dead) { safe(off); return Object.freeze(api); }
-    releases.push(off);
-    for (const [target, type, fn] of [[host, "blur", () => end(active, "trial_window_blur")], [host, "pagehide", dispose], [host.document, "visibilitychange", () => { if (host.document.visibilityState !== "visible") end(active, "hidden"); }]]) {
-      target.addEventListener(type, fn); releases.push(() => target.removeEventListener(type, fn));
-    }
-  } catch { dispose(); return Object.freeze(api); }
-  if (dead) return Object.freeze(api);
-  api.ok = true;
-  api.start = async message => {
-    if (dead || active || physical || cleanup.length) return false;
-    const offer = safe(() => effectTrialMessage(message)), instance = safe(() => message.instance), began = clock();
-    if (!offer || began === null || began + 10000 > Number.MAX_SAFE_INTEGER || safe(() => host.Date.now() < offer.expiresAt) !== true) return false;
-    const op = { instance, offer, began, until: began + 10000, controller: new host.AbortController(), timer: null, reply: null, dead: false, stopQueued: false, dispose: null };
-    endedReason = null; endedOffer = null; active = op; const token = {}; physical = token;
-    const cancelled = new Promise(resolve => { op.resolve = resolve; });
-    const work = Promise.resolve().then(async () => {
-      if (!eligible(op)) return false;
-      arm(op); const session = await host.AgendAuth.trialSession();
-      if (!eligible(op) || !session || session.localAdmin !== true || session.epoch !== identity.epoch) return false;
-      const response = await host.fetch(`/ui/effect-trials/start?ownerEpoch=${identity.epoch}`, {
-        method: "POST", credentials: "same-origin", cache: "no-store", redirect: "error", headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ offer: offer.offer, instance }), signal: op.controller.signal,
-      });
-      const reply = checkEffectTrialStart(await read(response), offer.offer, offer.id);
-      if (!reply) return false;
-      op.reply = reply;
-      if (op.dead && !op.stopQueued) { op.stopQueued = true; cleanup.push(op); }
-      if (reply.offer.title !== offer.title || reply.offer.expiresAt !== offer.expiresAt) return false;
-      if (!eligible(op)) { if (!op.stopQueued) { op.stopQueued = true; cleanup.push(op); } return false; }
-      op.until = began + reply.remainingMs;
-      if (op.until > Number.MAX_SAFE_INTEGER || !eligible(op)) return false;
-      arm(op);
-      const handle = Object.freeze({ reply, startedAt: began, instance, current: () => eligible(op), stop: (reason = "stopped") => end(op, reason), });
-      const disposer = onStart(handle);
-      if (typeof disposer !== "function") return false;
-      if (!eligible(op)) { safe(disposer); return false; }
-      op.dispose = disposer; tell(); return eligible(op);
-    }).catch(() => false).then(ok => { if (!ok) end(op, "trial_start_failed"); return ok; }).finally(() => { if (physical === token) physical = null; tell(); drain(); });
-    // The logical caller may stop immediately, while the physical request/cancel still owns the lane.
-    tell();
-    return Promise.race([work, cancelled]);
-  };
-  return Object.freeze(api);
-}

package/dist/ui/effect-trial-offer.js

@@ -1,2 +0,0 @@
-// On-only Canvas Worker display validation; ordinary chat boot imports no parser.
-export { checkEffectTrialOffer, effectTrialMessage } from "/assets/effect-display-metadata.js";

package/dist/ui/effect-trial-panel.js

@@ -1,40 +0,0 @@
-/** #1629: fixed host producer. Creates no frame or request; the admitted app controller owns its lease. */
-import { html, useLayoutEffect, useRef } from "/assets/app-html.js";
-import { register, t } from "/assets/app-i18n.js";
-import { createEffectTrialShadow } from "/assets/effect-trial-shadow.js";
-import { createEffectTrialStage } from "/assets/effect-trial-stage.js";
-register("effectTrial", {
-  en: { label: "Trial", stop: "Stop trial", close: "Close", note: "A bounded sample. Nothing is applied or saved." },
-  "zh-TW": { label: "試播", stop: "停止試播", close: "關閉", note: "僅在此區塊試播，不會套用或儲存。" },
-});
-/** The caller owns authenticated admission, lease/deadline and shared pool. No script/HTML is rendered here. */
-export function EffectTrialPanel({ window: host = globalThis.window, binding, title, current, onStage, onStop, onClose }) {
-  const panel = useRef(null), life = useRef(null), latest = useRef(null);
-  latest.current = { current, onStage, onStop, onClose };
-  const stop = close => {
-    const entry = life.current; if (!entry || (close ? entry.closed : entry.dead)) return;
-    if (close) entry.closed = true;
-    if (!entry.dead) { entry.dead = true; entry.api?.dispose(); }
-    try { (close ? entry.onClose : entry.onStop)?.("stopped"); } catch { /* lease already ended */ }
-  };
-  useLayoutEffect(() => {
-    const entry = { dead: false, closed: false, api: null, shadow: null, onStop, onClose }; life.current = entry;
-    const ended = reason => { if (entry.dead) return; entry.dead = true; try { entry.onStop?.(reason); } catch { /* never revive */ } };
-    try {
-      entry.shadow = createEffectTrialShadow({ window: host, panel: panel.current, title,
-        labels: { label: t("effectTrial.label"), close: t("effectTrial.close"), stop: t("effectTrial.stop"), note: t("effectTrial.note") },
-        onStop: () => stop(false), onClose: () => stop(true), onError: ended,
-        onReady(shell) {
-          if (entry.dead || life.current !== entry) return;
-          entry.api = createEffectTrialStage({ window: host, panel: panel.current, stage: shell.stage, binding,
-            current: own => !entry.dead && life.current === entry && latest.current.current?.(own) === true, onStop: ended });
-          if (!entry.api) ended("stage_unavailable");
-          else { try { latest.current.onStage?.(entry.api); } catch { entry.api.dispose(); ended("stage_unavailable"); } }
-        } });
-      if (!entry.shadow) ended("stage_unavailable");
-    } catch { entry.api?.dispose(); ended("stage_unavailable"); }
-    return () => { entry.api?.dispose(); ended("stopped"); entry.shadow?.dispose(); entry.dead = true; if (life.current === entry) life.current = null; };
-  }, [host, binding]);
-  useLayoutEffect(() => { life.current?.shadow?.text(title, { label: t("effectTrial.label"), close: t("effectTrial.close"), stop: t("effectTrial.stop"), note: t("effectTrial.note") }); });
-  return html`<aside ref=${panel} data-trust="preview" class="pv-panel effect-trial-panel" aria-label=${t("effectTrial.label")}></aside>`;
-}

package/dist/ui/effects-waker.js

@@ -1,2 +0,0 @@
-// Compatibility entry for opted-in effect consumers. Product boot uses the neutral feature policy.
-export { EMPTY_CHAT_EFFECTS, chatHasEffects, getAppEffects, effectsAwake, effectsLoaded, onEffectsAwake, wakeEffects, startEffectsWaker } from "/assets/feature-flags.js";

package/dist/ui/settings-effects.js

@@ -1,202 +0,0 @@
-// #1629 B2: library management only. This module never loads Worker code or creates a preview/frame.
-import { html, useEffect, useRef, useState } from "/assets/app-html.js";
-import { register, t } from "/assets/app-i18n.js";
-import { appStore, useStore } from "/assets/app-store.js";
-import { confirmDialog } from "/assets/ui-confirm.js";
-import { OwnerEffects } from "./settings-owner-effects.js";
-import { CardTitle } from "./settings-learn.js";
-
-register("effectSettings", {
-  en: {
-    title: "Effects", lead: "Your effect files, and which one a chat uses.", folder: "Upload an effect folder", files: "effect.json + worker.js (and pictures), up to 1 MiB.",
-    inUse: "This effect is still in use and cannot be deleted.", quota: "Your library reached its 10-effect or 8 MiB limit. Delete unused copies first.", rateLimited: "Too many changes. Wait a moment, then try again.",
-    loading: "Loading effects…", retry: "Reload library", empty: "No effects in your library.", failed: "Couldn't load the library. Try again.", actionFailed: "Couldn't save this change. Try again.", savedRefresh: "Saved. Reload the library to see the result.",
-    uploadFailed: "Couldn't upload this folder. Check its files and size, then try again.", public: "Effect management isn't available on a temporary public link.", readOnly: "Read-only session: sign in as an admin to change effects.",
-    yours: "Your copy", shared: "Shared with you", share: "Share your copy with agents and people on this fleet", delete: "Delete your copy", deleteConfirm: "Delete your unused copy of this effect? Other people's copies are kept.",
-    chat: "Chat", chooseChat: "Choose a chat", apply: "Save for this chat", remove: "Remove from this chat", saved: "Saved.", history: "Profile history", unmeasured: "Not measured yet", unavailable: "Profile unavailable", reported: "Reported host observations; they don't prove an effect's cost.",
-    fps: "Host FPS p50 / p10", tasks: "Host long task p95", noTasks: "Not observed", standard: "Standard device", constrained: "Constrained device", params: "Parameters", badParams: "Check the parameter values.", more: "Show more", count: "{0} effects", one: "1 effect", profileFailed: "Couldn't read profile history. Try again.",
-  },
-  "zh-TW": {
-    title: "效果", lead: "你的效果檔案，以及每個聊天使用哪一個。", folder: "上傳效果資料夾", files: "effect.json + worker.js（可加圖片），最多 1 MiB。",
-    inUse: "這個效果仍在使用中，無法刪除。", quota: "你的程式庫已達 10 個效果或 8 MiB 上限，請先刪除未使用的副本。", rateLimited: "變更太頻繁，請稍候再試。",
-    loading: "正在載入效果…", retry: "重新載入程式庫", empty: "程式庫中還沒有效果。", failed: "無法載入程式庫，請重試。", actionFailed: "無法儲存變更，請重試。", savedRefresh: "已儲存，請重新載入程式庫查看結果。",
-    uploadFailed: "無法上傳這個資料夾，請檢查檔案與大小後重試。", public: "臨時公開連結不提供效果管理。", readOnly: "目前為唯讀登入，請以管理員身分登入才能修改效果。",
-    yours: "你持有的副本", shared: "他人與你共享", share: "將你的副本共享給這個 fleet 的 agent 與使用者", delete: "刪除你的副本", deleteConfirm: "刪除你未使用的效果副本？其他人的副本會保留。",
-    chat: "聊天", chooseChat: "選擇聊天", apply: "儲存到這個聊天", remove: "從這個聊天移除", saved: "已儲存。", history: "效能回報紀錄", unmeasured: "尚未測量", unavailable: "無法取得效能回報", reported: "這是主機觀測回報，不能證明效果本身的資源用量。",
-    fps: "主機 FPS p50／p10", tasks: "主機長任務 p95", noTasks: "未觀測到", standard: "一般裝置", constrained: "受限裝置", params: "參數", badParams: "請檢查參數值。", more: "顯示更多", count: "{0} 個效果", one: "1 個效果", profileFailed: "無法讀取效能回報紀錄，請重試。",
-  },
-});
-const tn = (key, ...args) => t(`effectSettings.${key}`, ...args);
-const REFUSALS = Object.freeze({ effect_in_use: "inUse", effect_quota: "quota", rate_limited: "rateLimited" });
-const refusal = (body, fallback) => tn(typeof body?.error === "string" && Object.hasOwn(REFUSALS, body.error) ? REFUSALS[body.error] : fallback);
-const ID = /^[0-9a-f]{32}$/;
-const PATH = /^(?:effect\.json|worker\.js|poster\.png|cursor\.png|assets\/[a-z0-9][a-z0-9_-]{0,63}\.(?:png|jpe?g|webp|gif))$/;
-const RAW_MAX = 8 * 1024 * 1024, WIRE_MAX = 12 * 1024 * 1024;
-const plain = (v) => !!v && typeof v === "object" && Object.getPrototypeOf(v) === Object.prototype;
-const publicLink = () => typeof document !== "undefined" && document.body?.dataset.publicLink === "1";
-
-/** File metadata bounds are checked before reading. No directory path reaches the server. */
-export async function encodeEffectFolder(input, signal) {
-  const files = Array.from(input || []);
-  if (files.length < 2 || files.length > 20) throw Error("effect_files");
-  const nested = files.some(f => !!f?.webkitRelativePath), paths = new Set(); let root = null, raw = 0, assets = 0;
-  const rows = files.map(file => {
-    if (!file || typeof file.name !== "string" || !Number.isSafeInteger(file.size) || file.size < 0 || (raw += file.size) > RAW_MAX || typeof file.arrayBuffer !== "function") throw Error("effect_files");
-    let path = file.name;
-    if (nested) {
-      const relative = file.webkitRelativePath;
-      if (typeof relative !== "string" || relative.startsWith("/") || relative.includes("\\")) throw Error("effect_files");
-      const at = relative.indexOf("/"); if (at < 1) throw Error("effect_files");
-      const prefix = relative.slice(0, at); if (root === null) root = prefix; if (root !== prefix) throw Error("effect_files");
-      path = relative.slice(at + 1);
-    }
-    if (!PATH.test(path) || paths.has(path) || (path.startsWith("assets/") && ++assets > 16)) throw Error("effect_files");
-    paths.add(path); return { file, path };
-  });
-  if (!paths.has("effect.json") || !paths.has("worker.js")) throw Error("effect_files");
-  const encoded = [];
-  for (const { file, path } of rows) {
-    if (signal?.aborted) throw Error("cancelled");
-    const buffer = await file.arrayBuffer(); if (signal?.aborted) throw Error("cancelled");
-    if (!(buffer instanceof ArrayBuffer) || buffer.byteLength !== file.size) throw Error("effect_files");
-    const bytes = new Uint8Array(buffer), chunks = [];
-    for (let i = 0; i < bytes.length; i += 8192) chunks.push(String.fromCharCode(...bytes.subarray(i, i + 8192)));
-    encoded.push({ path, data_b64: btoa(chunks.join("")) });
-  }
-  const body = JSON.stringify(encoded); if (new TextEncoder().encode(body).byteLength > WIRE_MAX) throw Error("effect_files");
-  return body;
-}
-export function effectCatalog(body) {
-  if (!plain(body) || typeof body.canWrite !== "boolean" || !Array.isArray(body.effects)) return null;
-  const seen = new Set(), effects = [];
-  for (const e of body.effects) {
-    if (!plain(e) || typeof e.id !== "string" || !ID.test(e.id) || seen.has(e.id) || !plain(e.manifest) || typeof e.manifest.title !== "string" || e.manifest.title.length < 1 || e.manifest.title.length > 40 || !Number.isInteger(e.bytes) || e.bytes < 1 || e.bytes > 1048576 || typeof e.ownClaim !== "boolean" || typeof e.sharedByYou !== "boolean" || !e.ownClaim && e.sharedByYou) return null;
-    if (effectParamOverrides(e.manifest) === null) return null;
-    seen.add(e.id); effects.push(e);
-  }
-  return { canWrite: body.canWrite, effects };
-}
-/** UI draft conversion only; the host independently checks the manifest and every override on apply. */
-export function effectParamOverrides(manifest, draft = {}) {
-  if (!plain(manifest) || !plain(draft) || manifest.params !== undefined && !plain(manifest.params)) return null;
-  const defs = manifest.params || {}, out = Object.create(null);
-  if (Object.keys(defs).length > 16 || Object.keys(draft).some(k => !Object.hasOwn(defs, k))) return null;
-  for (const [key, d] of Object.entries(defs)) {
-    if (!/^[a-z][a-z0-9_]{0,31}$/.test(key) || !plain(d)) return null;
-    const supplied = Object.hasOwn(draft, key); let v = supplied ? draft[key] : d.default;
-    if (d.type === "int" || d.type === "number") {
-      if (supplied && typeof v === "string" && v.trim() !== "") v = Number(v);
-      if (typeof v !== "number" || !Number.isFinite(v) || !Number.isFinite(d.min) || !Number.isFinite(d.max) || v < d.min || v > d.max || d.type === "int" && !Number.isSafeInteger(v)) return null;
-      if (d.type === "number" && d.step !== undefined) {
-        const n = (v - d.min) / d.step;
-        if (!(d.step > 0) || !Number.isFinite(n) || Math.abs(n - Math.round(n)) > 1e-8) return null;
-      }
-    } else if (d.type === "bool") { if (typeof v !== "boolean") return null; }
-    else if (d.type === "enum") { if (!Array.isArray(d.values) || d.values.length > 16 || typeof v !== "string" || !d.values.includes(v)) return null; }
-    else if (d.type === "color") { if (typeof v !== "string" || !/^#[0-9a-fA-F]{6}$/.test(v)) return null; v = v.toLowerCase(); }
-    else return null;
-    if (v !== d.default) out[key] = v;
-  }
-  return out;
-}
-function Params({ manifest, draft, update, disabled }) {
-  const defs = plain(manifest.params) ? Object.entries(manifest.params).slice(0, 16) : [];
-  if (!defs.length) return null;
-  return html`<fieldset class="s-fx-params" disabled=${disabled}><legend>${tn("params")}</legend>${defs.map(([key, d]) => {
-    const value = Object.hasOwn(draft, key) ? draft[key] : d.default;
-    if (d.type === "bool") return html`<label key=${key} class="check"><input data-param=${key} type="checkbox" checked=${value} onChange=${e => update(key, e.target.checked)} />${key}</label>`;
-    if (d.type === "enum") return html`<label key=${key}>${key}<select data-param=${key} value=${value} onChange=${e => update(key, e.target.value)}>${d.values.map(v => html`<option key=${v} value=${v}>${v}</option>`)}</select></label>`;
-    return html`<label key=${key}>${key}<input data-param=${key} type=${d.type === "color" ? "color" : "number"} min=${d.min} max=${d.max} step=${d.type === "int" ? 1 : d.step || "any"} value=${value} onInput=${e => update(key, e.target.value)} /></label>`;
-  })}</fieldset>`;
-}
-async function call(path, init, signal) {
-  try {
-    const res = await fetch(path, { credentials: "same-origin", ...init, signal });
-    let body = null; try { body = await res.json(); } catch { /* unknown response refuses */ }
-    return { ok: res.ok && !body?.error, body };
-  } catch { return { ok: false, body: null }; }
-}
-
-function Profile({ value }) {
-  if (!value || value.error || !Array.isArray(value.records)) return html`<p class="sub">${tn("unavailable")}</p>`;
-  if (value.status === "unmeasured" || !value.records.length) return html`<p class="sub">${tn("unmeasured")}</p>`;
-  return html`<div class="s-fx-profile"><p class="sub">${tn("reported")}</p>${value.records.map((p, i) => {
-    const valid = p && ["standard", "constrained"].includes(p.device) && [p.fps_p50, p.fps_p10].every(n => typeof n === "number" && Number.isFinite(n) && n >= 0 && n <= 1000);
-    if (!valid) return html`<p key=${i} class="sub">${tn("unavailable")}</p>`;
-    return html`<div key=${i}><strong>${tn(p.device)}</strong><p class="sub">${tn("fps")}: ${p.fps_p50} / ${p.fps_p10} · ${tn("tasks")}: ${typeof p.long_task_p95 === "number" && Number.isFinite(p.long_task_p95) ? `${p.long_task_p95} ms` : tn("noTasks")}</p></div>`;
-  })}</div>`;
-}
-
-/** Admin changes remain authoritative on the host; canWrite is a display hint only. */
-export function EffectsCard() {
-  const app = useStore(appStore), [view, setView] = useState(null), [error, setError] = useState(null), [busy, setBusy] = useState(false), [message, setMessage] = useState(null);
-  const [target, setTarget] = useState(""), [limit, setLimit] = useState(50), [history, setHistory] = useState({}), [drafts, setDrafts] = useState({});
-  const uploadInput = useRef(null);
-  const life = useRef({ alive: false, seq: 0, controller: null, pending: false });
-  const current = (seq) => life.current.alive && seq === life.current.seq;
-  const begin = () => { if (!life.current.alive || life.current.pending || publicLink()) return null; life.current.pending = true; life.current.controller?.abort(); const controller = new AbortController(), seq = ++life.current.seq; life.current.controller = controller; return { seq, signal: controller.signal }; };
-  const finish = seq => { if (current(seq)) { life.current.pending = false; setBusy(false); } };
-  const load = async (op) => {
-    const r = await call("/ui/effects", {}, op.signal); if (!current(op.seq)) return false;
-    const data = r.ok ? effectCatalog(r.body) : null; setView(data); setHistory({}); setError(data ? null : tn("failed")); return !!data;
-  };
-  const reload = async () => { const op = begin(); if (!op) return; setBusy(true); setMessage(null); await load(op); finish(op.seq); };
-  useEffect(() => {
-    life.current.alive = true;
-    if (!publicLink()) reload();
-    return () => { life.current.alive = false; life.current.seq++; life.current.controller?.abort(); };
-  }, []);
-  if (publicLink()) return html`<section class="card s-appearance s-effects"><h3>${tn("title")}</h3><p class="sub">${tn("public")}</p></section>`;
-  const names = app.ready ? [...new Set((app.instances || []).map(i => i?.name).filter(n => typeof n === "string" && n.length > 0 && n.length <= 128))] : [];
-  const selected = names.includes(target) ? target : "";
-  const change = async (path, body, method = "POST") => {
-    if (busy || !view?.canWrite) return;
-    const op = begin(); if (!op) return; setBusy(true); setMessage(null);
-    const r = await call(path, { method, ...(body === undefined ? {} : { headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) }) }, op.signal);
-    if (!current(op.seq)) return;
-    if (!r.ok) setMessage(refusal(r.body, "actionFailed")); else { const refreshed = await load(op); if (current(op.seq)) setMessage(tn(refreshed ? "saved" : "savedRefresh")); }
-    finish(op.seq);
-  };
-  const upload = async (event) => {
-    const input = event.currentTarget, files = Array.from(input.files || []); input.value = "";
-    if (busy || !view?.canWrite || !files.length) return;
-    const op = begin(); if (!op) return; setBusy(true); setMessage(null);
-    try {
-      const body = await encodeEffectFolder(files, op.signal); if (!current(op.seq)) return;
-      const r = await call("/ui/effects/upload", { method: "POST", headers: { "Content-Type": "application/json" }, body }, op.signal);
-      if (!current(op.seq)) return;
-      if (!r.ok) setMessage(refusal(r.body, "uploadFailed")); else { const refreshed = await load(op); if (current(op.seq)) setMessage(tn(refreshed ? "saved" : "savedRefresh")); }
-    } catch { if (current(op.seq)) setMessage(tn("uploadFailed")); }
-    finish(op.seq);
-  };
-  const profile = async (id) => {
-    if (busy) return; const op = begin(); if (!op) return; setBusy(true);
-    const r = await call(`/ui/effects/profile/${id}`, {}, op.signal); if (!current(op.seq)) return;
-    if (r.ok && r.body && Array.isArray(r.body.records) && r.body.records.length <= 40) setHistory(h => ({ ...h, [id]: r.body })); else setMessage(tn("profileFailed"));
-    finish(op.seq);
-  };
-  const askDelete = async id => {
-    if (!view?.canWrite) return; const op = begin(); if (!op) return; setBusy(true);
-    const yes = await confirmDialog({ message: tn("deleteConfirm"), confirmLabel: tn("delete"), danger: true });
-    if (!current(op.seq)) return; finish(op.seq);
-    if (yes) await change(`/ui/effects/${id}`, undefined, "DELETE");
-  };
-  return html`<section class="card s-appearance s-effects"><${CardTitle} title=${tn("title")} topic="effects" /><p class="sub">${tn("lead")}</p>
-    <div class="s-fx-actions"><button type="button" class="btn" disabled=${busy} onClick=${reload}>${tn("retry")}</button>
-      ${view?.canWrite ? html`<button class="btn s-fx-choose" type="button" disabled=${busy} onClick=${() => uploadInput.current?.click()}>${tn("folder")}</button><input ref=${uploadInput} class="offscreen s-fx-upload" aria-label=${tn("folder")} tabindex="-1" type="file" webkitdirectory=${true} directory=${true} multiple disabled=${busy} onChange=${upload} />` : null}</div>
-    ${busy ? html`<p class="sub" role="status">${tn("loading")}</p>` : null}${error ? html`<p class="err" role="status">${error}</p>` : null}${message ? html`<p class="sub" role="status">${message}</p>` : null}
-    ${view ? html`<p class="sub">${tn(view.effects.length === 1 ? "one" : "count", view.effects.length)}${!view.canWrite ? ` · ${tn("readOnly")}` : ""}</p>` : null}
-    ${view?.canWrite ? html`<p class="sub">${tn("files")}</p><label class="s-fx-chat">${tn("chat")}<select class="s-fx-target" value=${selected} disabled=${busy} onChange=${e => setTarget(e.target.value)}><option value="">${tn("chooseChat")}</option>${names.map(n => html`<option key=${n} value=${n}>${n}</option>`)}</select></label>` : null}
-    ${view && !view.effects.length ? html`<p class="sub">${tn("empty")}</p>` : null}
-    <${OwnerEffects} catalog=${view} busy=${busy} />
-    <div class="s-fx-list">${(view?.effects || []).slice(0, limit).map(e => html`<article class="s-fx-item" key=${e.id} data-effect-id=${e.id}><h4>${e.manifest.title}</h4><p class="sub"><code>${e.id.slice(0, 8)}</code> · ${Math.ceil(e.bytes / 1024)} KiB · ${tn(e.ownClaim ? "yours" : "shared")}</p>
-      ${e.manifest.poster === "poster.png" ? html`<img class="s-fx-poster" src=${`/ui/effects/image/${e.id}/poster.png`} alt="" loading="lazy" />` : null}
-      <${Profile} value=${history[e.id] || e.profiles} />
-      ${view.canWrite ? html`<${Params} manifest=${e.manifest} draft=${drafts[e.id] || {}} disabled=${busy} update=${(key, value) => setDrafts(s => ({ ...s, [e.id]: { ...(s[e.id] || {}), [key]: value } }))} />` : null}<div class="s-fx-actions"><button class="btn" type="button" disabled=${busy} onClick=${() => profile(e.id)}>${tn("history")}</button>
-      ${view.canWrite ? html`<button class="btn s-fx-apply" type="button" disabled=${busy || !selected} onClick=${() => { const params = effectParamOverrides(e.manifest, drafts[e.id] || {}); if (params === null) setMessage(tn("badParams")); else change("/ui/effects/apply", { instance: selected, id: e.id, params }); }}>${tn("apply")}</button><button class="btn s-fx-remove" type="button" disabled=${busy || !selected} onClick=${() => change("/ui/effects/remove", { instance: selected, id: e.id })}>${tn("remove")}</button>` : null}
-      ${view.canWrite && e.ownClaim ? html`<button class="btn s-fx-delete" type="button" disabled=${busy} onClick=${() => askDelete(e.id)}>${tn("delete")}</button>` : null}</div>
-      ${view.canWrite && e.ownClaim ? html`<label class="check"><input class="s-fx-share" type="checkbox" checked=${e.sharedByYou} disabled=${busy} onChange=${event => change("/ui/effects/share", { id: e.id, shared: event.target.checked })} />${tn("share")}</label>` : null}
-    </article>`)}</div>
-    ${view && limit < view.effects.length ? html`<button class="btn" type="button" onClick=${() => setLimit(n => n + 50)}>${tn("more")}</button>` : null}
-  </section>`;
-}