dsh-agnes-create 0.0.0-stage → 0.4.1

package/lib/client.js

@@ -0,0 +1,1136 @@
+window.__ModuleLoader__.load({
+  id: "dsh-agnes-create",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+    const React = require("react");
+
+    const ID = "dsh-agnes-create";
+    const CSS_ID = "dsh-agnes-create";
+    const SIZE_OPTIONS = ["1K", "2K", "3K", "4K"];
+    const RATIO_OPTIONS = ["1:1", "3:4", "4:3", "16:9", "9:16", "2:3", "3:2", "21:9"];
+    // 视频：Flash 固定 720P，seconds 是字符串 "4"–"12"
+    const VIDEO_SECONDS = ["4", "5", "6", "7", "8", "9", "10", "11", "12"];
+    const VIDEO_RATIOS = ["21:9", "16:9", "4:3", "1:1", "3:4", "9:16"];
+    const HISTORY_MAX = 8;
+    const POLL_MS = 6000;
+    const VIDEO_DEADLINE_MS = 15 * 60 * 1000;
+    // 图生图：一次最多 8 张参考图（与宿主 MAX_REF_IMAGES 保持一致）
+    const MAX_REFS = 8;
+    // 发给上游前先下采样：长边 1280 足够模型识别，base64 也压得住
+    const REF_MAX_EDGE = 1280;
+    const REF_QUALITY = 0.88;
+    const REF_PNG_KEEP_BYTES = 800 * 1024;
+
+    const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+
+    /* ---------- 样式 ---------- */
+    const CSS = `
+      .agn-root { display: flex; flex-direction: column; gap: 12px; padding: 20px 24px; height: 100%;
+                  box-sizing: border-box; overflow: auto; font-size: 13px; }
+      .agn-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
+      .agn-title { font-size: 16px; font-weight: 600; color: var(--dsw-alias-label-primary, inherit); }
+      .agn-meta { font-size: 12px; color: var(--dsw-alias-label-secondary, #888); }
+      .agn-card { border: 1px solid var(--dsw-alias-border-l2, #e3e3e3); border-radius: 10px;
+                  padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
+      .agn-label { font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-secondary, #666); }
+      .agn-textarea { width: 100%; box-sizing: border-box; min-height: 84px; resize: vertical;
+                      font: inherit; line-height: 1.6; padding: 8px 10px; border-radius: 8px;
+                      color: var(--dsw-alias-label-primary, inherit);
+                      background: var(--dsw-alias-bg-layer-2, #fafafa);
+                      border: 1px solid var(--dsw-alias-border-l2, #ddd); outline: none; }
+      .agn-textarea:focus { border-color: var(--dsw-alias-state-business-primary, #4b7bec); }
+      .agn-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+      .agn-select { font: inherit; padding: 5px 8px; border-radius: 8px; cursor: pointer;
+                    color: var(--dsw-alias-label-primary, inherit);
+                    background: var(--dsw-alias-bg-layer-2, #fafafa);
+                    border: 1px solid var(--dsw-alias-border-l2, #ddd); }
+      .agn-btn { font: inherit; font-weight: 600; padding: 7px 18px; border-radius: 8px; cursor: pointer;
+                 border: 1px solid var(--dsw-alias-button-primary-fill, #4b7bec);
+                 background: var(--dsw-alias-button-primary-fill, #4b7bec);
+                 color: var(--dsw-alias-label-primary-foreground, #fff); }
+      .agn-btn:disabled { opacity: .45; cursor: not-allowed; }
+      .agn-err { color: var(--dsw-alias-state-error-primary, #d33); white-space: pre-wrap;
+                 word-break: break-word; font-size: 12px; }
+      .agn-ok { color: var(--dsw-alias-state-success-primary, #2a2); font-size: 12px; }
+
+      /* 图片/视频 模式切换 */
+      .agn-modes { display: flex; gap: 6px; }
+      .agn-mode { font: inherit; font-size: 12px; padding: 4px 14px; border-radius: 999px;
+                  cursor: pointer; border: 1px solid var(--dsw-alias-border-l2, #ddd);
+                  background: transparent; color: var(--dsw-alias-label-secondary, #666); }
+      .agn-mode-on { background: var(--dsw-alias-button-primary-fill, #4b7bec);
+                     border-color: transparent;
+                     color: var(--dsw-alias-label-primary-foreground, #fff); }
+      .agn-mode:disabled { opacity: .45; cursor: not-allowed; }
+
+      /* 进度条 */
+      .agn-bar { height: 6px; border-radius: 3px; overflow: hidden;
+                 background: var(--dsw-alias-bg-layer-2, #eee); }
+      .agn-bar-fill { height: 100%; width: 0;
+                      background: var(--dsw-alias-button-primary-fill, #4b7bec);
+                      transition: width .3s ease; }
+
+      /* 媒体展示区 */
+      .agn-shot { border-radius: 10px; border: 1px solid var(--dsw-alias-border-l2, #e3e3e3);
+                  background: var(--dsw-alias-bg-layer-2, #fafafa); overflow: hidden;
+                  display: flex; align-items: center; justify-content: center; min-height: 120px; }
+      .agn-shot img, .agn-shot video { display: block; max-width: 100%; height: auto; }
+      .agn-shot-big { max-height: 62vh; }
+      .agn-shot-big img, .agn-shot-big video { max-height: 62vh; object-fit: contain; }
+      .agn-shot-msg { padding: 18px; font-size: 12px; text-align: center; line-height: 1.7;
+                      color: var(--dsw-alias-label-secondary, #888); }
+
+      /* 历史缩略图 */
+      .agn-hist { display: flex; flex-direction: column; gap: 6px; }
+      .agn-hist-strip { display: flex; gap: 8px; flex-wrap: wrap; }
+      .agn-thumb { position: relative; width: 84px; height: 84px; border-radius: 8px; padding: 0;
+                   overflow: hidden; cursor: pointer; flex: none;
+                   border: 2px solid var(--dsw-alias-border-l2, #e3e3e3);
+                   background: var(--dsw-alias-bg-layer-2, #fafafa); }
+      .agn-thumb-on { border-color: var(--dsw-alias-state-business-primary, #4b7bec); }
+      .agn-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
+      .agn-thumb-play { position: absolute; inset: 0; display: flex; align-items: center;
+                        justify-content: center; font-size: 22px; line-height: 1;
+                        color: #fff; background: rgba(0, 0, 0, .3); }
+      .agn-thumb-cap { position: absolute; left: 0; right: 0; bottom: 0; font-size: 10px;
+                       text-align: center; padding: 1px 0;
+                       color: var(--dsw-alias-label-primary-foreground, #fff);
+                       background: rgba(0, 0, 0, .45); }
+
+      /* 设置卡片 */
+      .agn-field { display: flex; flex-direction: column; gap: 4px; }
+      .agn-input { font: inherit; font-size: 12px; padding: 6px 9px; border-radius: 8px;
+                   box-sizing: border-box; width: 100%; outline: none;
+                   color: var(--dsw-alias-label-primary, inherit);
+                   background: var(--dsw-alias-bg-layer-2, #fafafa);
+                   border: 1px solid var(--dsw-alias-border-l2, #ddd);
+                   font-family: var(--ds-font-family-code, ui-monospace, monospace); }
+      .agn-input:focus { border-color: var(--dsw-alias-state-business-primary, #4b7bec); }
+      .agn-input:disabled { opacity: .5; }
+      .agn-note { font-size: 11px; color: var(--dsw-alias-label-secondary, #888); }
+      .agn-okline { font-size: 12px; color: var(--dsw-alias-state-success-primary, #2a2); }
+
+      .agn-hint { font-size: 12px; color: var(--dsw-alias-label-secondary, #888); line-height: 1.6; }
+      .agn-code { font-family: var(--ds-font-family-code, ui-monospace, monospace); font-size: 11px;
+                  word-break: break-all; }
+
+      /* 参考图（图生图 / 多图合成） */
+      .agn-refs { display: flex; flex-direction: column; gap: 8px; }
+      .agn-ref-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+      .agn-ref-strip { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
+      .agn-ref { position: relative; width: 72px; height: 72px; border-radius: 8px; overflow: hidden;
+                 flex: none; border: 1px solid var(--dsw-alias-border-l2, #e3e3e3);
+                 background: var(--dsw-alias-bg-layer-2, #fafafa); }
+      .agn-ref img { width: 100%; height: 100%; object-fit: cover; display: block; }
+      .agn-ref-del { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px;
+                     border: none; border-radius: 50%; cursor: pointer; padding: 0;
+                     font-size: 11px; line-height: 18px; text-align: center;
+                     color: #fff; background: rgba(0, 0, 0, .6); }
+      .agn-ref-del:hover { background: rgba(0, 0, 0, .8); }
+      .agn-ref-add { width: 72px; height: 72px; border-radius: 8px; cursor: pointer; flex: none;
+                     font: inherit; font-size: 11px; line-height: 1.35; padding: 4px;
+                     color: var(--dsw-alias-label-secondary, #666); background: transparent;
+                     border: 1px dashed var(--dsw-alias-border-l2, #ccc); }
+      .agn-ref-add:disabled { opacity: .45; cursor: not-allowed; }
+      .agn-ref-pick { display: flex; gap: 6px; flex-wrap: wrap; padding: 8px; border-radius: 8px;
+                      border: 1px solid var(--dsw-alias-border-l2, #e3e3e3);
+                      background: var(--dsw-alias-bg-layer-2, #fafafa); }
+      .agn-ref-pick button { width: 56px; height: 56px; padding: 0; border-radius: 6px;
+                             overflow: hidden; cursor: pointer; flex: none;
+                             border: 1px solid var(--dsw-alias-border-l2, #ddd); background: transparent; }
+      .agn-ref-pick img { width: 100%; height: 100%; object-fit: cover; display: block; }
+      .agn-tag { font-size: 11px; padding: 2px 8px; border-radius: 999px;
+                 background: var(--dsw-alias-bg-layer-2, #f1f1f1);
+                 color: var(--dsw-alias-label-secondary, #555); }
+    `;
+
+    function ensureCss() {
+      const tags = document.querySelectorAll('style[data-plugin-css="' + CSS_ID + '"]');
+      const style = tags[0] || document.createElement("style");
+      for (let i = 1; i < tags.length; i += 1) tags[i].remove();
+      style.dataset.plugin = "dsh-agnes-create";
+      style.dataset.pluginCss = CSS_ID;
+      style.textContent = CSS;
+      if (!style.isConnected) document.head.appendChild(style);
+    }
+
+    function srcOf(name) {
+      return "/agnes/media?name=" + encodeURIComponent(name);
+    }
+
+    /* ==========================================================================
+       参考图预处理（图生图）
+       --------------------------------------------------------------------------
+       两个来源最终都归一成 data URI：
+         · 本地文件  —— <input type="file"> 给的 File
+         · 生成结果  —— /agnes/media 取回 Blob
+       先按长边 1280 下采样再编码，否则一张 4K PNG 的 base64 就有十几 MB，
+       宿主请求体和上游都要跟着炸。
+       ========================================================================== */
+
+    let refSeq = 0;
+    const nextRefId = () => "ref-" + (refSeq += 1) + "-" + Date.now();
+
+    function blobToDataUrl(blob) {
+      return new Promise((resolve, reject) => {
+        const fr = new FileReader();
+        fr.onload = () => resolve(String(fr.result));
+        fr.onerror = () => reject(new Error("读取图片失败"));
+        fr.readAsDataURL(blob);
+      });
+    }
+
+    /** 编码一次 canvas；toBlob 回调可能是 null（极端尺寸/内存不足） */
+    function canvasToBlob(canvas, type, quality) {
+      return new Promise((resolve) => {
+        try {
+          canvas.toBlob((b) => resolve(b), type, quality);
+        } catch {
+          resolve(null);
+        }
+      });
+    }
+
+    /**
+     * 把任意图片 Blob 压成适合上传的 data URI。
+     * PNG 优先保留（多图合成常带透明通道），但超过阈值就退回 JPEG。
+     */
+    async function shrinkImage(blob) {
+      if (!(blob instanceof Blob) || blob.size === 0) throw new Error("图片是空的");
+
+      let bitmap;
+      try {
+        bitmap = await createImageBitmap(blob);
+      } catch {
+        // 极少数格式解码不了：小图原样上传，大图明确报错而不是偷偷传十几 MB
+        if (blob.size <= REF_PNG_KEEP_BYTES) {
+          return { src: await blobToDataUrl(blob), bytes: blob.size, shrunk: false };
+        }
+        throw new Error("无法解码这张图片（试试 PNG/JPEG/WebP）");
+      }
+
+      const longest = Math.max(bitmap.width, bitmap.height) || 1;
+      const scale = Math.min(1, REF_MAX_EDGE / longest);
+      const w = Math.max(1, Math.round(bitmap.width * scale));
+      const h = Math.max(1, Math.round(bitmap.height * scale));
+
+      const canvas = document.createElement("canvas");
+      canvas.width = w;
+      canvas.height = h;
+      const ctx = canvas.getContext("2d");
+      if (ctx === null) {
+        if (typeof bitmap.close === "function") bitmap.close();
+        return { src: await blobToDataUrl(blob), bytes: blob.size, shrunk: false };
+      }
+      ctx.drawImage(bitmap, 0, 0, w, h);
+      if (typeof bitmap.close === "function") bitmap.close();
+
+      const wantPng = blob.type === "image/png";
+      let out = await canvasToBlob(canvas, wantPng ? "image/png" : "image/jpeg", REF_QUALITY);
+      if (out === null) throw new Error("图片编码失败");
+      if (wantPng && out.size > REF_PNG_KEEP_BYTES) {
+        const jpeg = await canvasToBlob(canvas, "image/jpeg", REF_QUALITY);
+        if (jpeg !== null && jpeg.size < out.size) out = jpeg;
+      }
+
+      return { src: await blobToDataUrl(out), bytes: out.size, shrunk: scale < 1 };
+    }
+
+    /* ==========================================================================
+       状态仓库（放组件外面：main slot 切换会卸载组件，状态必须独立存活）
+       ========================================================================== */
+    const GLOBAL_KEY = "__dshAgnesCreateStore";
+
+    function createStore() {
+      const listeners = new Set();
+      const state = {
+        prompt: "",
+        mode: "image",        // image | video
+        size: "1K",
+        ratio: "1:1",
+        vSeconds: "5",
+        vRatio: "16:9",
+        busy: false,
+        error: "",
+        result: null,
+        history: [],          // 最新在前，元素带 kind: 'image' | 'video'
+        startedAt: 0,
+        elapsed: 0,
+        vProgress: 0,
+        vStatus: "",
+        videoId: null,
+        health: null,
+        healthRequested: false,
+
+        /* ---- 可配置项：Key 文件路径 / 输出目录 ---- */
+        cfg: null,              // 生效配置 { keyFile, outDir }
+        cfgDefaults: null,
+        cfgStored: null,
+        cfgDraft: { keyFile: "", outDir: "" },
+        cfgOpen: false,
+        cfgSaving: false,
+        cfgError: "",
+        cfgNotice: "",
+
+        /* ---- 图生图参考图 ---- */
+        refs: [],               // { id, name, src(dataURI), bytes, from: 'local' | 'result' }
+        refsBusy: false,
+        refsError: "",
+        refPickOpen: false,
+      };
+
+      const snapshot = () => ({ ...state, history: state.history.slice() });
+      const notify = () => {
+        for (const fn of Array.from(listeners)) {
+          try { fn(); } catch { /* 单个订阅者出错不拖垮其它 */ }
+        }
+      };
+      const set = (patch) => {
+        Object.assign(state, patch);
+        notify();
+      };
+      /** 基于当前状态计算补丁：避免「读旧值再写回」导致的覆盖。 */
+      const update = (fn) => {
+        const patch = fn(state);
+        if (patch !== null && patch !== undefined) Object.assign(state, patch);
+        notify();
+      };
+
+      let timer = null;
+      let runToken = 0;
+
+      const stopTimer = () => {
+        if (timer !== null) { clearInterval(timer); timer = null; }
+      };
+      const startTimer = () => {
+        stopTimer();
+        timer = setInterval(() => {
+          if (state.busy) set({ elapsed: (Date.now() - state.startedAt) / 1000 });
+        }, 1000);
+      };
+
+      const pushResult = (entry) => {
+        set({ result: entry, history: [entry, ...state.history].slice(0, HISTORY_MAX) });
+      };
+
+      async function loadHealth() {
+        if (state.healthRequested) return;
+        state.healthRequested = true;
+        try {
+          const res = await fetch("/agnes/health");
+          set({ health: await res.json() });
+        } catch {
+          set({ health: { ok: false, error: "宿主路由不可达" } });
+        }
+      }
+
+      /* ---------- 配置读写 ---------- */
+      async function loadConfig() {
+        try {
+          const res = await fetch("/agnes/config");
+          // 宿主半还没重启时这条路由不存在：给出可操作的提示，而不是一句“读取失败”
+          if (res.status === 404) {
+            set({ cfgError: "配置接口尚未就绪：需要完全重启应用（只重载窗口不够）" });
+            return;
+          }
+          const data = await res.json();
+          if (!data.ok) throw new Error(data.error || "读取配置失败");
+          set({
+            cfg: data.config,
+            cfgDefaults: data.defaults,
+            cfgStored: data.stored,
+            cfgDraft: { keyFile: data.config.keyFile, outDir: data.config.outDir },
+            cfgError: "",
+          });
+        } catch (e) {
+          set({ cfgError: e && e.message ? e.message : String(e) });
+        }
+      }
+
+      async function saveConfig() {
+        if (state.cfgSaving) return;
+        set({ cfgSaving: true, cfgError: "", cfgNotice: "" });
+        try {
+          const res = await fetch("/agnes/config", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              keyFile: state.cfgDraft.keyFile,
+              outDir: state.cfgDraft.outDir,
+            }),
+          });
+          if (res.status === 404) throw new Error("配置接口尚未就绪：需要完全重启应用（只重载窗口不够）");
+          const data = await res.json();
+          if (!data.ok) throw new Error(data.error || "保存失败");
+          set({
+            cfg: data.config,
+            cfgDefaults: data.defaults,
+            cfgStored: data.stored,
+            cfgDraft: { keyFile: data.config.keyFile, outDir: data.config.outDir },
+            cfgNotice: "已保存",
+          });
+          // 路径变了，key 是否存在/目录是否可写都要重新算
+          try {
+            set({ health: await (await fetch("/agnes/health")).json() });
+          } catch { /* 健康信息刷新失败不影响保存结果 */ }
+        } catch (e) {
+          set({ cfgError: e && e.message ? e.message : String(e) });
+        } finally {
+          set({ cfgSaving: false });
+        }
+      }
+
+      /* ---------- 图片：一次请求就出结果 ---------- */
+      async function runImage(token, prompt) {
+        const refs = state.refs;
+        const payload = {
+          prompt,
+          size: state.size,
+          ratio: state.ratio,
+          // 有参考图就是图生图 / 多图合成；宿主原样透传给上游的 extra_body.image
+          ...(refs.length > 0 ? { images: refs.map((r) => r.src) } : {}),
+        };
+        const res = await fetch("/agnes/generate", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify(payload),
+        });
+        const data = await res.json();
+        if (!data.ok) throw new Error(data.error || "生成失败");
+        if (token !== runToken) return;
+        pushResult({ ...data, kind: "image", wallSec: ((Date.now() - state.startedAt) / 1000).toFixed(1) });
+      }
+
+      /* ---------- 参考图（图生图） ---------- */
+
+      const refsFull = () => state.refs.length >= MAX_REFS;
+
+      /**
+       * 参考图操作串行化。
+       *
+       * 之前用 `if (state.refsBusy) return` 做互斥：一旦某个操作正在跑
+       * （读生成结果要 fetch + 解码，可能几百毫秒），这期间用户的另一次添加
+       * 会被**静默丢弃**——点了没反应，看起来就像"刚加的图不见了"。
+       * 现在改成排队执行：不丢单，也不会出现两个操作互相覆盖 refs。
+       */
+      let refQueue = Promise.resolve();
+      function queueRefOp(task) {
+        const run = refQueue.then(task, task);
+        // 单个操作失败不能卡死后面的队列
+        refQueue = run.catch(() => {});
+        return run;
+      }
+
+      /** 来源一：本地磁盘文件（可多选）。返回 Promise，调用方可等它读完再清空 input。 */
+      function addRefsFromFiles(files) {
+        const list = Array.from(files || []).filter(
+          (f) => f && String(f.type || "").startsWith("image/")
+        );
+        if (list.length === 0) {
+          set({ refsError: "没有可用的图片文件（需要 PNG / JPEG / WebP / GIF）" });
+          return Promise.resolve();
+        }
+
+        return queueRefOp(async () => {
+          set({ refsBusy: true, refsError: "" });
+          const added = [];
+          const failed = [];
+          try {
+            for (const file of list) {
+              if (state.refs.length + added.length >= MAX_REFS) {
+                failed.push("超出 " + MAX_REFS + " 张上限");
+                break;
+              }
+              try {
+                // 先把文件读进内存再继续：即使 input.value 被清空，读也不会断
+                const r = await shrinkImage(file);
+                added.push({
+                  id: nextRefId(),
+                  name: file.name || "本地图片",
+                  src: r.src,
+                  bytes: r.bytes,
+                  from: "local",
+                });
+              } catch (e) {
+                failed.push((file.name || "图片") + "：" + (e && e.message ? e.message : String(e)));
+              }
+            }
+            if (added.length > 0) {
+              // 用 update 基于最新状态追加，杜绝覆盖别的来源刚加进来的图
+              update((prev) => ({ refs: prev.refs.concat(added) }));
+            }
+            set({
+              refsError: failed.length > 0 ? failed.join("；") : "",
+              refPickOpen: false,
+            });
+          } finally {
+            set({ refsBusy: false });
+          }
+        });
+      }
+
+      /** 来源二：生成结果里的图片（通过 /agnes/media 取回再下采样） */
+      function addRefFromResult(entry) {
+        if (!entry || entry.kind !== "image" || !entry.filename) return Promise.resolve();
+        if (refsFull()) {
+          set({ refsError: "参考图最多 " + MAX_REFS + " 张" });
+          return Promise.resolve();
+        }
+
+        return queueRefOp(async () => {
+          set({ refsBusy: true, refsError: "" });
+          try {
+            const res = await fetch(srcOf(entry.filename));
+            if (!res.ok) throw new Error("读取生成结果失败：HTTP " + res.status);
+            const blob = await res.blob();
+            const r = await shrinkImage(blob);
+            update((prev) => ({
+              refs: prev.refs.concat([{
+                id: nextRefId(),
+                name: entry.filename,
+                src: r.src,
+                bytes: r.bytes,
+                from: "result",
+              }]),
+              refPickOpen: false,
+            }));
+          } catch (e) {
+            set({ refsError: e && e.message ? e.message : String(e) });
+          } finally {
+            set({ refsBusy: false });
+          }
+        });
+      }
+
+      function removeRef(id) {
+        if (state.busy) return;
+        update((prev) => ({ refs: prev.refs.filter((r) => r.id !== id), refsError: "" }));
+      }
+
+      function clearRefs() {
+        if (state.busy) return;
+        set({ refs: [], refsError: "", refPickOpen: false });
+      }
+
+      function toggleRefPick() {
+        if (state.busy) return;
+        set({ refPickOpen: !state.refPickOpen, refsError: "" });
+      }
+
+      /* ---------- 视频：提交 → 轮询 → 下载完成 ---------- */
+      async function runVideo(token, prompt) {
+        set({ vStatus: "提交中…", vProgress: 0, videoId: null });
+
+        const subRes = await fetch("/agnes/video", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ prompt, seconds: state.vSeconds, ratio: state.vRatio }),
+        });
+        const sub = await subRes.json();
+        if (!sub.ok) throw new Error(sub.error || "提交失败");
+        if (token !== runToken) return;
+
+        set({ videoId: sub.videoId, vStatus: "排队中…" });
+        const deadline = Date.now() + VIDEO_DEADLINE_MS;
+
+        let transientFails = 0;
+        for (;;) {
+          await sleep(POLL_MS);
+          if (token !== runToken) return;
+
+          let st;
+          try {
+            const r = await fetch("/agnes/video?id=" + encodeURIComponent(sub.videoId));
+            st = await r.json();
+          } catch (e) {
+            st = { ok: false, error: "网络错误：" + (e && e.message ? e.message : String(e)) };
+          }
+
+          if (!st.ok) {
+            const msg = String(st.error || "查询任务失败");
+            // 429/503 只是限流，任务还在服务端跑：退避后继续，别把整个任务判死。
+            // 实测提交后立刻查询就会 429，这条路径是必需的。
+            if (/\b429\b|\b503\b|频繁|队列已满|网络错误|timeout/i.test(msg)) {
+              transientFails += 1;
+              if (transientFails > 8) throw new Error(msg);
+              set({ vStatus: "限流重试中…" });
+              await sleep(Math.min(30000, 6000 * transientFails));
+              continue;
+            }
+            throw new Error(msg);
+          }
+
+          transientFails = 0;
+          if (token !== runToken) return;
+
+          set({
+            vStatus: st.status,
+            vProgress: typeof st.progress === "number" ? st.progress : 0,
+          });
+
+          if (st.status === "completed") {
+            pushResult({
+              kind: "video",
+              filename: st.filename,
+              path: st.path,
+              bytes: st.bytes,
+              size: "720P",
+              ratio: state.vRatio,
+              seconds: st.seconds || state.vSeconds,
+              transport: "异步任务",
+              wallSec: ((Date.now() - state.startedAt) / 1000).toFixed(1),
+            });
+            return;
+          }
+          if (st.status === "failed") {
+            const err = st.error;
+            throw new Error(typeof err === "string" ? err : (err && err.message) || "视频生成失败");
+          }
+          if (Date.now() > deadline) throw new Error("等待超时（15 分钟）");
+        }
+      }
+
+      async function run() {
+        if (state.busy || state.refsBusy) return;
+        const prompt = state.prompt.trim();
+        if (prompt === "") return;
+
+        const token = ++runToken;
+        const mode = state.mode;
+        set({
+          busy: true, error: "", startedAt: Date.now(), elapsed: 0,
+          vProgress: 0, vStatus: mode === "video" ? "提交中…" : "",
+        });
+        startTimer();
+
+        try {
+          if (mode === "video") await runVideo(token, prompt);
+          else await runImage(token, prompt);
+        } catch (e) {
+          if (token === runToken) set({ error: e && e.message ? e.message : String(e) });
+        } finally {
+          if (token === runToken) {
+            stopTimer();
+            set({ busy: false, elapsed: (Date.now() - state.startedAt) / 1000 });
+          }
+        }
+      }
+
+      return {
+        get: snapshot,
+        raw: () => state,
+        subscribe(fn) {
+          listeners.add(fn);
+          return () => listeners.delete(fn);
+        },
+        set,
+        loadHealth,
+        loadConfig,
+        saveConfig,
+        setCfgDraft(field, value) {
+          set({ cfgDraft: { ...state.cfgDraft, [field]: value }, cfgNotice: "" });
+        },
+        toggleCfg() { set({ cfgOpen: !state.cfgOpen }); },
+        run,
+        /* ---- 参考图动作 ---- */
+        addRefsFromFiles,
+        addRefFromResult,
+        removeRef,
+        clearRefs,
+        toggleRefPick,
+        maxRefs: MAX_REFS,
+        /** 切换主预览到历史里的某一张 */
+        show(entry) { set({ result: entry }); },
+        /**
+         * 清空界面上的生成结果。只清显示状态：不删磁盘文件、不动提示词和参数。
+         * 进行中的请求不清（否则结果回来又会写一遍，反而更乱）。
+         */
+        clear() {
+          if (state.busy) return;
+          set({ result: null, history: [], error: "" });
+        },
+        dispose() {
+          stopTimer();
+          runToken += 1;
+          listeners.clear();
+        },
+      };
+    }
+
+    function getStore() {
+      let s = globalThis[GLOBAL_KEY];
+      if (!s) { s = createStore(); globalThis[GLOBAL_KEY] = s; }
+      return s;
+    }
+
+    /* ---------- 媒体显示：视频直接用 <video>，图片带加载兜底 ---------- */
+    function MediaBox({ entry, big }) {
+      const isVideo = entry !== null && entry.kind === "video";
+      const name = entry === null ? null : entry.filename;
+
+      const [src, setSrc] = React.useState(name === null ? null : srcOf(name));
+      const [failed, setFailed] = React.useState(false);
+      const [triedBlob, setTriedBlob] = React.useState(false);
+      const objUrlRef = React.useRef(null);
+
+      React.useEffect(() => {
+        setSrc(name === null ? null : srcOf(name));
+        setFailed(false);
+        setTriedBlob(false);
+        return () => {
+          if (objUrlRef.current !== null) {
+            try { URL.revokeObjectURL(objUrlRef.current); } catch { /* ignore */ }
+            objUrlRef.current = null;
+          }
+        };
+      }, [name]);
+
+      if (entry === null || name === null) {
+        return React.createElement("div", { className: "agn-shot" },
+          React.createElement("div", { className: "agn-shot-msg" }, "还没有生成结果"));
+      }
+
+      const onError = async () => {
+        if (isVideo || triedBlob) { setFailed(true); return; }
+        setTriedBlob(true);
+        try {
+          const res = await fetch(srcOf(name));
+          if (!res.ok) throw new Error("HTTP " + res.status);
+          const buf = await res.arrayBuffer();
+          if (buf.byteLength === 0) throw new Error("0 字节");
+          const url = URL.createObjectURL(new Blob([buf], { type: "image/png" }));
+          objUrlRef.current = url;
+          setSrc(url);
+        } catch {
+          setFailed(true);
+        }
+      };
+
+      if (failed) {
+        return React.createElement("div", { className: "agn-shot" },
+          React.createElement("div", { className: "agn-shot-msg" },
+            "已生成，但界面加载失败。\n文件路径：",
+            React.createElement("span", { className: "agn-code" }, entry.path || name)));
+      }
+
+      return React.createElement("div", { className: "agn-shot" + (big ? " agn-shot-big" : "") },
+        isVideo
+          ? React.createElement("video", {
+              src,
+              controls: true,
+              playsInline: true,
+              preload: "metadata",
+              onError: () => setFailed(true),
+            })
+          : React.createElement("img", { src, alt: "生成结果", onError })
+      );
+    }
+
+    /* ---------- 侧栏图标 ---------- */
+    function Glyph(props) {
+      const size = typeof props.size === "number" ? props.size : 18;
+      return React.createElement(
+        "svg",
+        {
+          width: size, height: size, viewBox: "0 0 24 24", fill: "none",
+          stroke: "currentColor", strokeWidth: props.active ? 2 : 1.7,
+          strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true",
+        },
+        React.createElement("rect", { key: "b", x: 2.5, y: 6.5, width: 19, height: 14, rx: 3 }),
+        React.createElement("circle", { key: "c", cx: 12, cy: 13.5, r: 4 }),
+        React.createElement("path", { key: "t", d: "M8.5 6.5 9.6 4.2h4.8l1.1 2.3" })
+      );
+    }
+
+    /* ---------- 主页面 ---------- */
+    function Panel() {
+      const store = getStore();
+      const [s, setSnap] = React.useState(() => store.get());
+
+      React.useEffect(() => {
+        setSnap(store.get());
+        const off = store.subscribe(() => setSnap(store.get()));
+        return () => { off(); };
+      }, []);
+
+      React.useEffect(() => { store.loadHealth(); store.loadConfig(); }, []);
+
+      const busy = s.busy;
+      const isVideo = s.mode === "video";
+      const key = s.health && s.health.key ? s.health.key : null;
+      const keyBad = key !== null && key.present !== true;
+      const shown = s.result;
+      const hasRefs = s.refs.length > 0;
+      const refsFull = s.refs.length >= MAX_REFS;
+      const imageHistory = s.history.filter((h) => h.kind === "image");
+      const fileInput = React.useRef(null);
+
+      const onKeyDown = (e) => {
+        if ((e.metaKey || e.ctrlKey) && e.key === "Enter") { e.preventDefault(); store.run(); }
+      };
+
+      const buttonLabel = busy
+        ? (isVideo ? "生成视频… " : (hasRefs ? "图生图中… " : "生成中… ")) + (s.elapsed > 0 ? s.elapsed.toFixed(0) + "s" : "")
+        : (isVideo ? "生成视频" : (hasRefs ? "图生图" : "生成"));
+
+      const modeBtn = (mode, text) => React.createElement("button", {
+        key: mode,
+        type: "button",
+        className: "agn-mode" + (s.mode === mode ? " agn-mode-on" : ""),
+        disabled: busy,
+        onClick: () => store.set({ mode }),
+      }, text);
+
+      /* ---- 参数区：图片走档位+宽高比，视频走秒数+画幅（720P 固定） ---- */
+      const params = isVideo
+        ? [
+            React.createElement("span", { key: "l1", className: "agn-label" }, "时长"),
+            React.createElement("select", {
+              key: "s1", className: "agn-select", value: s.vSeconds, disabled: busy,
+              onChange: (e) => store.set({ vSeconds: e.target.value }),
+            }, VIDEO_SECONDS.map((x) => React.createElement("option", { key: x, value: x }, x + " 秒"))),
+            React.createElement("span", { key: "l2", className: "agn-label" }, "画幅"),
+            React.createElement("select", {
+              key: "s2", className: "agn-select", value: s.vRatio, disabled: busy,
+              onChange: (e) => store.set({ vRatio: e.target.value }),
+            }, VIDEO_RATIOS.map((x) => React.createElement("option", { key: x, value: x }, x))),
+            React.createElement("span", { key: "m", className: "agn-meta" }, "720P"),
+          ]
+        : [
+            React.createElement("span", { key: "l1", className: "agn-label" }, "尺寸"),
+            React.createElement("select", {
+              key: "s1", className: "agn-select", value: s.size, disabled: busy,
+              onChange: (e) => store.set({ size: e.target.value }),
+            }, SIZE_OPTIONS.map((x) => React.createElement("option", { key: x, value: x }, x))),
+            React.createElement("span", { key: "l2", className: "agn-label" }, "比例"),
+            React.createElement("select", {
+              key: "s2", className: "agn-select", value: s.ratio, disabled: busy,
+              onChange: (e) => store.set({ ratio: e.target.value }),
+            }, RATIO_OPTIONS.map((x) => React.createElement("option", { key: x, value: x }, x))),
+          ];
+
+      const resultLabel = shown === null
+        ? "生成结果（还没有）"
+        : (shown.kind === "video" ? "生成结果 · 视频" : "生成结果 · 图片");
+
+      return React.createElement("div", { className: "agn-root" },
+        /* 隐藏的文件选择器：由「＋ 本地图片」按钮触发，支持多选 */
+        React.createElement("input", {
+          ref: fileInput,
+          type: "file",
+          accept: "image/png,image/jpeg,image/webp,image/gif",
+          multiple: true,
+          style: { display: "none" },
+          onChange: (e) => {
+            const el = e.target;
+            const files = el.files;
+            // 关键：等文件真正读完再清空 input。
+            // 之前是「发起读取后立刻 el.value = ''」，Chromium 下会把刚选的文件
+            // 的底层数据一起释放，读取中途失败 → 这一次添加被整单丢掉。
+            Promise.resolve(store.addRefsFromFiles(files))
+              .catch(() => {})
+              .finally(() => { try { el.value = ""; } catch { /* input 可能已卸载 */ } });
+          },
+        }),
+
+        React.createElement("div", { className: "agn-head" },
+          React.createElement("span", { className: "agn-title" }, "Agnes 创作"),
+          React.createElement("span", { className: "agn-meta" },
+            isVideo
+              ? (s.health && s.health.videoModel ? s.health.videoModel : "agnes-video-2.5-flash")
+              : (s.health && s.health.model ? s.health.model : "agnes-image-2.5-flash"))
+        ),
+
+        React.createElement("div", { className: "agn-card" },
+          React.createElement("div", { className: "agn-modes" },
+            modeBtn("image", "图片"),
+            modeBtn("video", "视频")
+          ),
+
+          /* ---- 参考图（图生图 / 多图合成）：本地文件 + 生成结果两种来源 ---- */
+          !isVideo
+            ? React.createElement("div", { className: "agn-refs" },
+                React.createElement("div", { className: "agn-ref-head" },
+                  React.createElement("span", { className: "agn-label" }, "参考图"),
+                  React.createElement("span", { className: "agn-tag" },
+                    s.refs.length + " / " + MAX_REFS),
+                  s.refsBusy ? React.createElement("span", { className: "agn-hint" }, "处理中…") : null,
+                  s.refs.length > 0
+                    ? React.createElement("button", {
+                        type: "button", className: "agn-btn-ghost", disabled: busy,
+                        onClick: () => store.clearRefs(),
+                      }, "清空参考图")
+                    : null
+                ),
+                React.createElement("div", { className: "agn-ref-strip" },
+                  s.refs.map((r) => React.createElement("div", {
+                    key: r.id,
+                    className: "agn-ref",
+                    title: r.name + "  ·  " + (r.bytes / 1024).toFixed(0) + " KB  ·  " +
+                      (r.from === "result" ? "来自生成结果" : "来自本地"),
+                  },
+                    React.createElement("img", { src: r.src, alt: r.name }),
+                    React.createElement("button", {
+                      type: "button", className: "agn-ref-del",
+                      title: "移除这张参考图",
+                      disabled: busy,
+                      onClick: () => store.removeRef(r.id),
+                    }, "×")
+                  )),
+                  React.createElement("button", {
+                    type: "button", className: "agn-ref-add",
+                    disabled: busy || refsFull,
+                    title: "从本地磁盘选择一个或多个图片（PNG / JPEG / WebP / GIF）",
+                    onClick: () => {
+                      const el = fileInput.current;
+                      if (el !== null) el.click();
+                    },
+                  }, "＋ 本地图片"),
+                  React.createElement("button", {
+                    type: "button", className: "agn-ref-add",
+                    disabled: busy || refsFull || imageHistory.length === 0,
+                    title: imageHistory.length === 0 ? "还没有生成过图片" : "从「生成结果」里挑一张",
+                    onClick: () => store.toggleRefPick(),
+                  }, "＋ 生成结果")
+                ),
+
+                /* 从生成结果挑图：只列图片（视频不能当参考图） */
+                s.refPickOpen
+                  ? React.createElement("div", { className: "agn-ref-pick" },
+                      imageHistory.length === 0
+                        ? React.createElement("span", { className: "agn-hint" }, "还没有生成过图片")
+                        : imageHistory.map((h) => React.createElement("button", {
+                            key: "pick-" + h.filename,
+                            type: "button",
+                            title: h.filename,
+                            onClick: () => store.addRefFromResult(h),
+                          }, React.createElement("img", {
+                            src: srcOf(h.filename), alt: h.filename, loading: "lazy",
+                          })))
+                    )
+                  : null,
+
+                React.createElement("div", { className: "agn-note" },
+                  hasRefs
+                    ? "将按参考图重绘（" + s.refs.length + " 张" +
+                      (s.refs.length > 1 ? "，多图合成" : "") + "）——提示词写「想怎么改」"
+                    : "不加参考图 = 纯文生图；加 1 张 = 图生图；加多张 = 多图合成"),
+                s.refsError !== "" ? React.createElement("div", { className: "agn-err" }, s.refsError) : null
+              )
+            : null,
+
+          React.createElement("div", { className: "agn-label" }, "提示词"),
+          React.createElement("textarea", {
+            className: "agn-textarea",
+            value: s.prompt,
+            placeholder: isVideo
+              ? "描述镜头与动作：主体 + 动作 + 镜头运动 + 光线氛围…\n（Cmd/Ctrl + Enter 生成）"
+              : "描述你想要的画面：主体 + 场景 + 风格 + 光照 + 构图 + 质量…\n（Cmd/Ctrl + Enter 生成）",
+            onChange: (e) => store.set({ prompt: e.target.value }),
+            onKeyDown,
+            disabled: busy,
+          }),
+          React.createElement("div", { className: "agn-row" },
+            params,
+            React.createElement("button", {
+              className: "agn-btn", type: "button",
+              disabled: busy || s.refsBusy || s.prompt.trim() === "" || keyBad,
+              onClick: () => store.run(),
+            }, buttonLabel)
+          ),
+
+          /* 视频是异步任务：给出阶段与百分比，避免只看到一个跳动的秒数 */
+          busy && isVideo
+            ? React.createElement("div", null,
+                React.createElement("div", { className: "agn-bar" },
+                  React.createElement("div", {
+                    className: "agn-bar-fill",
+                    style: { width: Math.max(3, Math.min(100, s.vProgress)) + "%" },
+                  })),
+                React.createElement("div", { className: "agn-hint" },
+                  (s.vStatus || "排队中…") + "　" + Math.max(0, Math.round(s.vProgress)) + "%"
+                  + (s.videoId ? "　任务 " + String(s.videoId).slice(0, 18) : ""))
+              )
+            : null,
+
+          keyBad
+            ? React.createElement("div", { className: "agn-err" },
+                "未找到 Key：" + (key.file || "") + " —— 把 Key 写进该文件后可立即使用")
+            : null,
+          s.error !== "" ? React.createElement("div", { className: "agn-err" }, s.error) : null,
+          busy && !isVideo
+            ? React.createElement("div", { className: "agn-hint" },
+                "正在生成：可切到别的面板，回来仍会接着显示结果（请求不会中断）")
+            : null
+        ),
+
+        /* ---- 结果区 ---- */
+        React.createElement("div", { className: "agn-card" },
+          React.createElement("div", { className: "agn-card-head" },
+            React.createElement("div", { className: "agn-label" }, resultLabel),
+            React.createElement("button", {
+              type: "button",
+              className: "agn-btn-ghost",
+              disabled: busy || (s.result === null && s.history.length === 0),
+              title: "清空界面上的生成结果显示（不会删除已保存到桌面的文件）",
+              onClick: () => store.clear(),
+            }, "清空")
+          ),
+
+          shown !== null
+            ? React.createElement(MediaBox, { entry: shown, big: true })
+            : React.createElement("div", { className: "agn-shot" },
+                React.createElement("div", { className: "agn-shot-msg" },
+                  busy ? (isVideo ? "正在生成视频…" : "正在生成图片…")
+                       : "输入提示词后点「生成」，结果会显示在这里")),
+
+          shown !== null
+            ? React.createElement("div", { className: "agn-hint" },
+                React.createElement("span", null,
+                  shown.filename + "  ·  " + (shown.bytes / 1024 / 1024 >= 1
+                    ? (shown.bytes / 1024 / 1024).toFixed(2) + " MB"
+                    : (shown.bytes / 1024).toFixed(0) + " KB")
+                  + "  ·  " + shown.size + "/" + shown.ratio
+                  + (shown.seconds ? "  ·  " + shown.seconds + " 秒" : "")
+                  + (shown.mode === "img2img" ? "  ·  图生图 " + (shown.refCount || 0) + " 张参考" : "")
+                  + "  ·  用时 " + shown.elapsedSec + "s"),
+                React.createElement("br"),
+                React.createElement("span", null, "已保存到 "),
+                React.createElement("span", { className: "agn-code" }, shown.path || ""))
+            : null
+        ),
+
+        /* ---- 历史 ---- */
+        s.history.length > 1
+          ? React.createElement("div", { className: "agn-card agn-hist" },
+              React.createElement("div", { className: "agn-label" }, "最近生成"),
+              React.createElement("div", { className: "agn-hist-strip" },
+                s.history.map((h, i) => React.createElement("button", {
+                  key: h.filename + "-" + i,
+                  type: "button",
+                  className: "agn-thumb" + (shown && shown.filename === h.filename ? " agn-thumb-on" : ""),
+                  title: h.filename,
+                  onClick: () => store.show(h),
+                },
+                  h.kind === "video"
+                    ? React.createElement("div", { className: "agn-thumb-play" }, "▶")
+                    : React.createElement("img", { src: srcOf(h.filename), alt: h.filename, loading: "lazy" }),
+                  React.createElement("span", { className: "agn-thumb-cap" },
+                    h.kind === "video"
+                      ? (h.seconds ? h.seconds + "s" : "视频")
+                      : (h.bytes / 1024).toFixed(0) + "KB")
+                ))
+              )
+            )
+          : null,
+
+        /* ---- 设置：Key 文件路径 / 输出目录 ---- */
+        React.createElement("div", { className: "agn-card" },
+          React.createElement("div", { className: "agn-card-head" },
+            React.createElement("div", { className: "agn-label" }, "设置"),
+            React.createElement("button", {
+              type: "button", className: "agn-btn-ghost", disabled: s.cfgSaving,
+              onClick: () => store.toggleCfg(),
+            }, s.cfgOpen ? "收起" : "展开")
+          ),
+
+          s.cfgOpen
+            ? React.createElement("div", { className: "agn-field" },
+                React.createElement("div", { className: "agn-label" }, "Key 文件路径"),
+                React.createElement("input", {
+                  className: "agn-input", type: "text", spellCheck: false,
+                  value: s.cfgDraft.keyFile,
+                  placeholder: s.cfgDefaults ? s.cfgDefaults.keyFile : "~/.agnes-key.txt",
+                  disabled: s.cfgSaving,
+                  onChange: (e) => store.setCfgDraft("keyFile", e.target.value),
+                }),
+                React.createElement("div", { className: "agn-note" },
+                  "只放 key 本身，别带 Bearer 前缀。留空 = 默认 ",
+                  s.cfgDefaults ? s.cfgDefaults.keyFile : "~/.agnes-key.txt")
+              )
+            : null,
+
+          s.cfgOpen
+            ? React.createElement("div", { className: "agn-field" },
+                React.createElement("div", { className: "agn-label" }, "输出目录"),
+                React.createElement("input", {
+                  className: "agn-input", type: "text", spellCheck: false,
+                  value: s.cfgDraft.outDir,
+                  placeholder: s.cfgDefaults ? s.cfgDefaults.outDir : "~/Desktop/Agnes出图",
+                  disabled: s.cfgSaving,
+                  onChange: (e) => store.setCfgDraft("outDir", e.target.value),
+                }),
+                React.createElement("div", { className: "agn-note" },
+                  "图片和视频都存这里，目录不存在会自动创建。留空 = 默认 ",
+                  s.cfgDefaults ? s.cfgDefaults.outDir : "~/Desktop/Agnes出图")
+              )
+            : null,
+
+          s.cfgOpen
+            ? React.createElement("div", { className: "agn-row" },
+                React.createElement("button", {
+                  type: "button", className: "agn-btn", disabled: s.cfgSaving,
+                  onClick: () => store.saveConfig(),
+                }, s.cfgSaving ? "保存中…" : "保存"),
+                React.createElement("button", {
+                  type: "button", className: "agn-btn-ghost", disabled: s.cfgSaving,
+                  title: "把两个输入框清空，保存后即回退到默认路径",
+                  onClick: () => {
+                    store.setCfgDraft("keyFile", "");
+                    store.setCfgDraft("outDir", "");
+                  },
+                }, "填回默认"),
+                s.cfgNotice !== "" ? React.createElement("span", { className: "agn-okline" }, s.cfgNotice) : null
+              )
+            : null,
+
+          s.cfgError !== "" ? React.createElement("div", { className: "agn-err" }, s.cfgError) : null,
+
+          s.cfgOpen
+            ? React.createElement("div", { className: "agn-note" },
+                "保存到 ",
+                (s.health && s.health.configFile) || "~/.dsh/agnes-image/config.json")
+            : null
+        ),
+
+        React.createElement("div", { className: "agn-hint" },
+          s.health === null
+            ? "正在读取插件状态…"
+            : s.health.ok
+              ? React.createElement("span", null,
+                  "输出目录 ",
+                  React.createElement("span", { className: "agn-code" }, s.health.outDir || ""),
+                  "　Key：",
+                  React.createElement("span", { className: "agn-code" },
+                    key && key.present ? key.masked : "未就绪"))
+              : "插件宿主半未就绪：" + (s.health.error || "未知错误")
+        )
+      );
+    }
+
+    /* ---------- 注册 ---------- */
+    function apply(ctx) {
+      ensureCss();
+
+      const slots = ctx.get("slots");
+      if (slots === undefined) return;
+
+      slots.inject("main", () => slots.register(
+        { name: "main", key: ID },
+        () => React.createElement(Panel)
+      ));
+
+      slots.inject("sidebar.panellist", () => slots.register(
+        { name: "sidebar.panellist", id: ID, order: 25, label: () => "Agnes创作" },
+        (props) => React.createElement(Glyph, props)
+      ));
+    }
+
+    exports.apply = apply;
+    exports.inject = ["slots"];
+    exports.__internals = { getStore, createStore, srcOf, shrinkImage, MAX_REFS };
+    return module.exports;
+  },
+});