ryugi-artifacts 1.39.2 → 1.40.0

package/dist/viewer-lib/{stylex-BP2Ddl4K.css → stylex-Bp5PFQ3Y.css}

@@ -52,6 +52,10 @@
   .x36usyh {
     padding: 5px 10px;
   }
+
+  .xk61eof {
+    padding: 6px 10px;
+  }
 }
 
 @layer priority3 {
@@ -536,6 +540,10 @@
     background-color: currentColor;
   }
 
+  .x1m9af4x {
+    background-color: #000000b8;
+  }
+
   .x1c9l87f {
     background-color: #f0c24b73;
   }
@@ -724,6 +732,10 @@
     color: #e5a54b;
   }
 
+  .x1fw37q5 {
+    color: #e8e8e8;
+  }
+
   .xfungia, .x1f7m26b {
     color: #fff;
   }
@@ -860,6 +872,10 @@
     font-family: inherit;
   }
 
+  .x1mb2qyg {
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  }
+
   .x1fao0z8 {
     font-family: var(--lobe-font-family-code);
   }
@@ -1282,6 +1298,10 @@
     white-space: pre-wrap;
   }
 
+  .x1sdyfia {
+    white-space: pre;
+  }
+
   .x1so62im {
     will-change: transform;
   }
@@ -1624,6 +1644,10 @@
     left: 10px;
   }
 
+  .xpnmzw7 {
+    left: 12px;
+  }
+
   .x1trqr8e {
     left: 14px;
   }

package/dist/viewer-lib/subset-shared.chunk-DCu4qbrX.js

@@ -0,0 +1,2 @@
+import "./prod-D4-YOarx.js";
+export { n as Commands, i as subsetToBase64, r as subsetToBinary, t as toBase64 } from "./chunk-EIO257PC-CpPSxz4e.js";

package/dist/viewer-lib/{subset-worker.chunk-CBjr046v.js → subset-worker.chunk-DCwZmdAE.js}

@@ -1,5 +1,5 @@
-import "./prod-BgzfkEK3.js";
-import { n as e, r as t } from "./chunk-EIO257PC-CWvt2Y0R.js";
+import "./prod-D4-YOarx.js";
+import { n as e, r as t } from "./chunk-EIO257PC-CpPSxz4e.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/subset-worker.chunk.js
 var n = import.meta.url ? new URL(import.meta.url) : void 0;
 typeof window > "u" && typeof self < "u" && (self.onmessage = async (n) => {

package/dist/viewer-lib/{sv-SE-XGPEYMSR-BPHpHMLE.js → sv-SE-XGPEYMSR-tSpO1TT1.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/sv-SE-XGPEYMSR.js
 var e = {
 	paste: "Klistra in",

package/dist/viewer-lib/{swimlanes-42K2YHIH-CkAUGr6X.js → swimlanes-42K2YHIH-DdoBA9Zy.js}

@@ -1,15 +1,15 @@
 import "./chunk-75Z2AOVW-CoVO1dhC.js";
 import { n as e } from "./src-DcUAebVw.js";
-import "./chunk-PWAF6VOD-KzuaHqkZ.js";
+import "./chunk-PWAF6VOD-DsQ0UBDi.js";
 import { n as t } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import "./chunk-DU6HZSFF-Dv9UIhEg.js";
 import "./chunk-P2QGCYS3-D2LQPwCl.js";
-import "./chunk-GMAD6QVW-Dnq3f5bN.js";
-import "./chunk-4HAMMTFA-CXv-Lij8.js";
-import "./chunk-GVQU2GXP-IqZUlrEd.js";
-import "./chunk-L3NEJ4N5-BflwC_sh.js";
-import { o as n } from "./chunk-OSK3NFVY-CaPk1ucD.js";
-import { c as r } from "./dist-BKU67DAz.js";
+import "./chunk-GMAD6QVW-DjabgI3m.js";
+import "./chunk-4HAMMTFA-CsARL8YZ.js";
+import "./chunk-GVQU2GXP-Gm2AWppa.js";
+import "./chunk-L3NEJ4N5-DF4ITbi3.js";
+import { o as n } from "./chunk-OSK3NFVY-BOPEbkqm.js";
+import { c as r } from "./dist-6oDcRnC0.js";
 //#region node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/swimlanes-42K2YHIH.mjs
 var i = 5, a = 1e-5, o = 1e-6;
 function s(e) {

package/dist/viewer-lib/{swimlanesDiagram-VR7AAH4N-BchsQSdU.js → swimlanesDiagram-VR7AAH4N-pCsGMXZp.js}

@@ -1,19 +1,19 @@
 import "./chunk-75Z2AOVW-CoVO1dhC.js";
 import "./src-DcUAebVw.js";
-import "./chunk-PWAF6VOD-KzuaHqkZ.js";
+import "./chunk-PWAF6VOD-DsQ0UBDi.js";
 import { n as e } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import "./chunk-DU6HZSFF-Dv9UIhEg.js";
 import "./chunk-P2QGCYS3-D2LQPwCl.js";
-import "./chunk-GMAD6QVW-Dnq3f5bN.js";
-import "./chunk-4HAMMTFA-CXv-Lij8.js";
-import "./chunk-GVQU2GXP-IqZUlrEd.js";
-import "./chunk-L3NEJ4N5-BflwC_sh.js";
-import "./chunk-OSK3NFVY-CaPk1ucD.js";
-import "./dist-BKU67DAz.js";
+import "./chunk-GMAD6QVW-DjabgI3m.js";
+import "./chunk-4HAMMTFA-CsARL8YZ.js";
+import "./chunk-GVQU2GXP-Gm2AWppa.js";
+import "./chunk-L3NEJ4N5-DF4ITbi3.js";
+import "./chunk-OSK3NFVY-BOPEbkqm.js";
+import "./dist-6oDcRnC0.js";
 import "./chunk-F27PBJKO-DdsnNf10.js";
 import "./chunk-XXDRQBXY-Bz5kxpU5.js";
 import "./chunk-POPQ4Y6H-CDQtm1Ao.js";
-import { r as t, t as n } from "./chunk-SHT3W25Y-BB1CiAyK.js";
+import { r as t, t as n } from "./chunk-SHT3W25Y-CsuWKWDg.js";
 //#region node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/swimlanesDiagram-VR7AAH4N.mjs
 var r = n({
 	defaultLayout: "swimlane",

package/dist/viewer-lib/{ta-IN-2NMHFXQM-B6sbnaaC.js → ta-IN-2NMHFXQM-CiTQ5eGM.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/ta-IN-2NMHFXQM.js
 var e = {
 	paste: "ஒட்டு",

package/dist/viewer-lib/{th-TH-HPSO5L25-BgjbLuUG.js → th-TH-HPSO5L25-DIDntmEY.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/th-TH-HPSO5L25.js
 var e = {
 	paste: "วาง",

package/dist/viewer-lib/thumbnail.js

@@ -0,0 +1,187 @@
+// src/shared/thumbnail.ts
+var THUMBNAIL_PATH = "_ryugi/thumbnail-v1.svg";
+var STYLE = "<style>:root{--ink:#333;--muted:#85817c;--paper:#fff;--bg:#f3f2f0;--border:#dedcd7;--block:#f2f1ee;--alert:#f7eee4}@media (prefers-color-scheme: dark){:root{--ink:#e5e5e5;--muted:#a0a0a0;--paper:#292929;--bg:#1c1c1c;--border:#424242;--block:#353535;--alert:#3b342e}}text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}rect{stroke-width:.8;vector-effect:non-scaling-stroke}</style>";
+var object = (value) => value !== null && typeof value === "object" && !Array.isArray(value) ? value : {};
+var string = (value) => typeof value === "string" ? value : "";
+var children = (value) => Array.isArray(value) ? value.slice(0, 200).map(object) : [];
+var escape = (value) => value.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&apos;" })[c]);
+var number = (value) => typeof value === "number" && Number.isFinite(value) && Math.abs(value) <= 1e9;
+var rect = (x, y, w, h, fill = "var(--paper)", stroke = "none") => `<rect x="${x}" y="${y}" width="${w}" height="${h}" fill="${fill}" stroke="${stroke}"/>`;
+var text = (x, y, value, size = 9, color = "var(--ink)", weight = 400) => `<text x="${x}" y="${y}" font-size="${size}" fill="${color}" font-weight="${weight}">${escape(value)}</text>`;
+function wrap(value, size, width, limit) {
+  const lines = [];
+  let line = "", used = 0;
+  for (const char of value.slice(0, 4e3)) {
+    const advance = size * (char.codePointAt(0) >= 11904 ? 1 : 0.55);
+    if (char === "\n" || used + advance > width) {
+      lines.push(line);
+      if (lines.length === limit) {
+        lines[limit - 1] += "\u2026";
+        return lines;
+      }
+      line = "";
+      used = 0;
+    }
+    if (char !== "\n") {
+      line += char;
+      used += advance;
+    }
+  }
+  if (line) lines.push(line);
+  return lines;
+}
+function nodeText(node) {
+  const pending = [node], parts = [];
+  for (let i = 0; pending.length && i < 300; i++) {
+    const current = pending.pop();
+    if (typeof current.text === "string") parts.push(current.text.slice(0, 4e3));
+    else pending.push(...children(current.children).reverse());
+  }
+  return parts.join("").slice(0, 4e3);
+}
+function documentDrawing(title, payload) {
+  const blocks = children(object(object(payload.state).root).children);
+  const parts = [rect(0, 0, 600, 360, "var(--bg)"), rect(78, 18, 444, 540, "var(--paper)", "var(--border)")];
+  let y = 47;
+  const lines = (value, size, count, indent = 0, weight = 400) => {
+    for (const line of wrap(value, size, 392 - indent, count)) {
+      parts.push(text(104 + indent, y, line, size, "var(--ink)", weight));
+      y += size * 1.5;
+    }
+  };
+  if (blocks[0]?.type !== "heading") {
+    lines(title, 18, 2, 0, 650);
+    y += 7;
+  }
+  for (const block of blocks.slice(0, 18)) {
+    if (y > 330) break;
+    const type = string(block.type);
+    if (type === "heading") {
+      const size = block.tag === "h1" ? 18 : 11.5;
+      y += block.tag === "h1" ? 0 : 8;
+      lines(nodeText(block), size, 2, 0, 650);
+      y += 8;
+    } else if (type === "table") {
+      const rows = children(block.children).slice(0, 5);
+      const cols = Math.max(1, ...rows.map((row) => children(row.children).length));
+      const width = 392 / cols;
+      rows.forEach((row, ri) => {
+        children(row.children).forEach((cell, ci) => {
+          parts.push(rect(104 + ci * width, y - 8 + ri * 22, width, 22, ri === 0 ? "var(--block)" : "var(--paper)", "var(--border)"));
+          parts.push(text(109 + ci * width, y + 6 + ri * 22, wrap(nodeText(cell), 7.5, width - 10, 1)[0] ?? "", 7.5));
+        });
+      });
+      y += rows.length * 22 + 10;
+    } else if (type === "list") {
+      children(block.children).slice(0, 4).forEach((item, i) => {
+        parts.push(text(104, y, block.listType === "number" ? `${i + 1}.` : "\u2022"));
+        lines(nodeText(item), 9, 2, 13);
+      });
+      y += 8;
+    } else if (type === "alert-quote") {
+      const body = children(object(object(block.content).root).children).map(nodeText).join(" ");
+      const rows = wrap(body, 9, 368, 3);
+      parts.push(rect(104, y - 8, 392, rows.length * 14 + 16, "var(--alert)"), rect(104, y - 8, 2, rows.length * 14 + 16, "#c3986d"));
+      rows.forEach((line) => {
+        parts.push(text(116, y + 7, line));
+        y += 14;
+      });
+      y += 21;
+    } else if (type === "code-block") {
+      const rows = wrap(string(block.code), 8, 372, 4);
+      parts.push(rect(104, y - 8, 392, rows.length * 12 + 18, "var(--block)"));
+      rows.forEach((line) => {
+        parts.push(text(114, y + 6, line, 8));
+        y += 12;
+      });
+      y += 20;
+    } else if (type === "paragraph" || type === "quote") {
+      lines(nodeText(block), 9, 3);
+      y += 7;
+    } else {
+      parts.push(rect(104, y - 8, 392, 30, "var(--block)"), text(114, y + 11, type.toUpperCase().slice(0, 30), 8, "var(--muted)"));
+      y += 40;
+    }
+  }
+  return parts.join("");
+}
+function box(value) {
+  const b = object(value);
+  return [b.x, b.y, b.w, b.h].every(number) && b.w > 0 && b.h > 0 ? b : null;
+}
+function artboardDrawing(payload) {
+  const canvas = object(payload.canvas);
+  const page = string(canvas.activePage) || string(children(canvas.pages)[0]?.id);
+  const layout = object(object(object(payload.layout).pages)[page]);
+  const boards = Object.values(object(canvas.boards)).slice(0, 2e3).map(object).filter((b) => b.page === page && box(b));
+  const noteRects = object(layout.notes), groupRects = object(layout.groups);
+  const bounds = object(layout.bounds);
+  let minX = bounds.minX, minY = bounds.minY, maxX = bounds.maxX, maxY = bounds.maxY;
+  if (![minX, minY, maxX, maxY].every(number) || maxX <= minX || maxY <= minY) {
+    if (!boards.length) return rect(0, 0, 600, 360, "var(--bg)");
+    minX = Math.min(...boards.map((b) => b.x));
+    minY = Math.min(...boards.map((b) => b.y));
+    maxX = Math.max(...boards.map((b) => b.x + b.w));
+    maxY = Math.max(...boards.map((b) => b.y + b.h));
+  }
+  const width = Math.max(1, maxX - minX), height = Math.max(1, maxY - minY);
+  const scale = Math.min(556 / width, 316 / height);
+  const tx = (600 - width * scale) / 2 - minX * scale;
+  const ty = (360 - height * scale) / 2 - minY * scale;
+  const shapes = [];
+  for (const [id, value] of Object.entries(groupRects).slice(0, 200)) {
+    const b = box(value);
+    if (!b) continue;
+    shapes.push(rect(b.x, b.y, b.w, b.h, "none", "var(--border)"));
+    if (b.w * scale > 85) shapes.push(text(b.x + 12 / scale, b.y + 18 / scale, wrap(string(object(object(canvas.groups)[id]).title), 7 / scale, b.w - 24 / scale, 1)[0] ?? "", 7 / scale, "var(--muted)", 550));
+  }
+  for (const board of boards) {
+    const b = box(board);
+    shapes.push(rect(b.x, b.y, b.w, b.h, "var(--paper)", "var(--border)"));
+    if (b.w * scale > 70) shapes.push(text(b.x, b.y - 5 / scale, wrap(string(board.title), 6 / scale, b.w, 1)[0] ?? "", 6 / scale, "var(--muted)"));
+  }
+  for (const [id, value] of Object.entries(object(canvas.notes)).slice(0, 200)) {
+    const note = object(value), b = box(noteRects[id]);
+    if (note.page !== page || !b) continue;
+    if (note.kind === "sticky") {
+      const color = /^#[\da-f]{3}(?:[\da-f]{3})?$/i.test(string(note.color)) ? string(note.color) : "#f0e2ad";
+      shapes.push(rect(b.x, b.y, b.w, b.h, color));
+      if (b.w * scale > 35) wrap(string(note.text), 4.7 / scale, b.w - 12 / scale, 3).forEach((line, i) => {
+        shapes.push(text(b.x + 6 / scale, b.y + (10 + i * 7) / scale, line, 4.7 / scale, "#514a37"));
+      });
+    } else {
+      const size = number(note.size) && note.size > 0 ? note.size : 96;
+      if (size * scale > 3) shapes.push(text(b.x, b.y + size, wrap(string(note.text), size, b.w, 1)[0] ?? "", size, "var(--muted)", 600));
+    }
+  }
+  return `${rect(0, 0, 600, 360, "var(--bg)")}<defs><pattern id="dots" width="12" height="12" patternUnits="userSpaceOnUse"><circle cx="1" cy="1" r=".65" fill="var(--border)"/></pattern></defs>${rect(0, 0, 600, 360, "url(#dots)")}<g transform="translate(${tx} ${ty}) scale(${scale})">${shapes.join("")}</g>`;
+}
+function renderThumbnail(artifact, value) {
+  const title = artifact.title ?? artifact.id;
+  let body;
+  if (artifact.type === "document") body = documentDrawing(title, object(value));
+  else if (artifact.type === "artboard") body = artboardDrawing(object(value));
+  else {
+    const key = `${artifact.project ?? ""}/${artifact.id}`;
+    const index = [...key].reduce((hash, c) => Math.imul(hash, 31) + c.charCodeAt(0) >>> 0, 0) % 5;
+    const light = ["#eee8e0", "#e6ece8", "#e9e8f0", "#e5ebed", "#f0e7e4"][index];
+    const dark = ["#312b25", "#25312a", "#2c2937", "#263036", "#342824"][index];
+    body = `<style>:root{--cover:${light}}@media (prefers-color-scheme: dark){:root{--cover:${dark}}}</style>${rect(0, 0, 600, 360, "var(--cover)")}${text(42, 91, "</>", 44, "var(--muted)", 500)}${wrap(title, 25, 505, 3).map((line, i) => text(42, 160 + i * 36, line, 25, "var(--ink)", 600)).join("")}${text(42, 318, `${artifact.project ?? "RYUGI"} / HTML`, 11, "var(--muted)")}`;
+  }
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 360"><title>${escape(title)}</title>${STYLE}${body}</svg>`;
+}
+function renderBoardPlaceholder(board) {
+  const size = (value) => Math.round(Number.isFinite(value) ? Math.min(1e5, Math.max(1, value)) : 1);
+  const w = size(board.w), h = size(board.h);
+  const font = Math.max(1, Math.round(Math.min(w / 14, h / 6)));
+  const title = wrap(board.title || board.id, font, w * 0.8, 2);
+  const top = h / 2 - title.length * font * 1.25 / 2 + font * 0.8;
+  const lines = title.map((line, i) => text(w / 2, top + i * font * 1.25, line, font, "var(--ink)", 600)).join("");
+  const id = board.title ? text(w / 2, top + title.length * font * 1.25 + font * 0.3, board.id, Math.max(1, Math.round(font * 0.55)), "var(--muted)") : "";
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${w} ${h}" width="${w}" height="${h}"><title>${escape(board.title || board.id)}</title>${STYLE}<style>text{text-anchor:middle}</style>${rect(0, 0, w, h, "var(--paper)", "var(--border)")}${lines}${id}</svg>`;
+}
+export {
+  THUMBNAIL_PATH,
+  renderBoardPlaceholder,
+  renderThumbnail
+};

package/dist/viewer-lib/{timeline-definition-24CTP7MA-pimj04jh.js → timeline-definition-24CTP7MA-Cmb3--cA.js}

@@ -1,9 +1,9 @@
 import { p as e } from "./chunk-75Z2AOVW-CoVO1dhC.js";
-import { Ct as t } from "./SnapshotDocument-DVgv4kZc.js";
+import { Ct as t } from "./SnapshotDocument-De-tiDPI.js";
 import { n, t as r } from "./src-DcUAebVw.js";
 import { n as i, t as a } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import { J as o, a as s, b as c, et as l, o as u, rt as d, tt as f, x as p } from "./chunk-DU6HZSFF-Dv9UIhEg.js";
-import { p as m } from "./dist-BKU67DAz.js";
+import { p as m } from "./dist-6oDcRnC0.js";
 //#region node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/timeline-definition-24CTP7MA.mjs
 var h = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/dist/viewer-lib/{tr-TR-DEFEU3FU-BqwTawlk.js → tr-TR-DEFEU3FU-C2bwgRCn.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/tr-TR-DEFEU3FU.js
 var e = {
 	paste: "Yapıştır",

package/dist/viewer-lib/types/src/shared/thumbnail.d.ts

@@ -0,0 +1,15 @@
+import type { ArtifactType } from './types';
+export interface ThumbnailArtifact {
+    id: string;
+    type: ArtifactType;
+    title?: string | null;
+    project?: string | null;
+}
+export declare const THUMBNAIL_PATH = "_ryugi/thumbnail-v1.svg";
+export declare function renderThumbnail(artifact: ThumbnailArtifact, value: unknown): string;
+export declare function renderBoardPlaceholder(board: {
+    id: string;
+    title?: string;
+    w: number;
+    h: number;
+}): string;

package/dist/viewer-lib/types/src/viewer/components/ArtifactThumbnail.d.ts

@@ -1,6 +1,6 @@
 import './thumbnail.css';
-export declare function ArtifactThumbnail({ title, src, version }: {
-    title: string;
-    src: string;
-    version: string | number;
+import type { ArtifactType } from '../../shared/types';
+export declare function ArtifactThumbnail({ src, type }: {
+    src?: string | null;
+    type: ArtifactType;
 }): import("react").JSX.Element;

package/dist/viewer-lib/types/src/viewer/components/Canvas.d.ts

@@ -1,12 +1,13 @@
 import { type BoardSpec, type NoteSpec } from '../../shared/types';
 import type { Inspector } from '../hooks/useInspector';
+import type { BoardRender } from '../lib/board-tiers';
 import { type View } from '../lib/view';
 interface CanvasProps {
     live?: boolean;
     writing?: string;
     agent?: string;
-    retained?: ReadonlySet<string>;
     view: View;
+    renders: ReadonlyMap<string, BoardRender>;
     boards: [string, BoardSpec][];
     notes: [string, NoteSpec][];
     contentBase: string;
@@ -18,6 +19,7 @@ interface CanvasProps {
     frameRef: Inspector['refFor'];
     frameLoaded: Inspector['loaded'];
     onExpand?: (id: string) => void;
+    onImageError?: (id: string, src: string) => void;
 }
-export declare function Canvas({ view, boards, notes, contentBase, versions, pending, playing, replays, inspecting, frameRef, frameLoaded, live, writing, agent, retained, onExpand }: CanvasProps): import("react").JSX.Element;
+export declare function Canvas({ view, renders, boards, notes, contentBase, versions, pending, playing, replays, inspecting, frameRef, frameLoaded, live, writing, agent, onExpand, onImageError }: CanvasProps): import("react").JSX.Element;
 export {};

package/dist/viewer-lib/types/src/viewer/components/DebugHud.d.ts

@@ -0,0 +1,5 @@
+import type { BoardRender } from '../lib/board-tiers';
+export declare function DebugHud({ renders, scaling }: {
+    renders: ReadonlyMap<string, BoardRender>;
+    scaling: boolean;
+}): import("react").JSX.Element;

package/dist/viewer-lib/types/src/viewer/hooks/useBoardTiers.d.ts

@@ -0,0 +1,26 @@
+import { type BoardSpec } from '../../shared/types';
+import { type BoardRender } from '../lib/board-tiers';
+import { type SnapshotStore } from '../lib/snapshot-store';
+import type { View } from '../lib/view';
+export declare function useBoardTiers({ artifact, boards, versions, pending, view, scaling, viewport, pinned, hovered, hoverPromotes, persistable, store: provided }: {
+    artifact: string;
+    boards: [string, BoardSpec][];
+    versions: Record<string, number>;
+    pending: ReadonlySet<string>;
+    view: View;
+    scaling: boolean;
+    viewport: {
+        width: number;
+        height: number;
+    };
+    pinned: ReadonlySet<string>;
+    hovered: string | null;
+    hoverPromotes: boolean;
+    persistable: (id: string) => boolean;
+    store?: SnapshotStore;
+}): {
+    renders: Map<string, BoardRender>;
+    frameRef: (id: string) => (element: HTMLIFrameElement | null) => void;
+    loaded: (id: string) => void;
+    imageFailed: (id: string, url: string) => void;
+};

package/dist/viewer-lib/types/src/viewer/hooks/usePanZoom.d.ts

@@ -12,6 +12,11 @@ export interface WheelInput {
 export declare function usePanZoom(tool: Tool): {
     viewportRef: import("react").RefObject<HTMLDivElement | null>;
     view: View;
+    scaling: boolean;
+    size: {
+        width: number;
+        height: number;
+    };
     place: import("react").Dispatch<import("react").SetStateAction<View>>;
     fit: (bounds: Bounds | null | undefined, insets?: Insets, options?: {
         animate?: boolean;

package/dist/viewer-lib/types/src/viewer/lib/board-tiers.d.ts

@@ -0,0 +1,33 @@
+import type { View } from './view';
+export declare const SNAPSHOT_SCALES: readonly [0.125, 0.25, 0.5, 1, 2];
+export type SnapshotScale = (typeof SNAPSHOT_SCALES)[number];
+export type BoardTier = 'live' | 'snapshot' | 'placeholder' | 'empty';
+export declare const LIVE_MIN_ZOOM = 0.4;
+export declare const LIVE_MAX = 4;
+export interface TierBoard {
+    id: string;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export interface TierInput {
+    boards: TierBoard[];
+    view: View;
+    viewport: {
+        width: number;
+        height: number;
+    };
+    pinned: ReadonlySet<string>;
+    snapshots: ReadonlySet<string>;
+}
+export interface BoardRender {
+    tier: BoardTier;
+    mounted: boolean;
+    image: string | null;
+    overlay: boolean;
+    hidden: boolean;
+}
+export declare const snapshotScale: (k: number, dpr: number) => SnapshotScale;
+export declare function chooseTiers({ boards, view, viewport, pinned, snapshots }: TierInput): Map<string, BoardTier>;
+export declare function visibleRenders({ boards, view, viewport }: Pick<TierInput, 'boards' | 'view' | 'viewport'>): Map<string, BoardRender>;

package/dist/viewer-lib/types/src/viewer/lib/snapshot-store.d.ts

@@ -0,0 +1,41 @@
+export interface SnapshotKeyParts {
+    artifact: string;
+    file: string;
+    version: number;
+    scheme: 'light' | 'dark';
+    w: number;
+    h: number;
+}
+export interface SnapshotEntry {
+    blob: Blob;
+    width: number;
+    height: number;
+    scale: number;
+}
+export interface SnapshotPersistence {
+    get(key: string): Promise<SnapshotEntry | undefined>;
+    put(key: string, entry: SnapshotEntry): Promise<void>;
+}
+type Resize = (blob: Blob, width: number, height: number) => Promise<Blob>;
+export declare const snapshotKey: ({ artifact, file, version, scheme, w, h }: SnapshotKeyParts) => string;
+export declare function bitmapResize(blob: Blob, width: number, height: number): Promise<Blob>;
+export declare function indexedDbPersistence(factory?: IDBFactory | undefined): SnapshotPersistence;
+export declare function createSnapshotStore({ persistence, resize, createUrl, revokeUrl, }?: {
+    persistence?: SnapshotPersistence;
+    resize?: Resize;
+    createUrl?: (blob: Blob) => string;
+    revokeUrl?: (url: string) => void;
+}): {
+    has: (key: string) => boolean;
+    revision: (key: string) => number;
+    load(key: string): Promise<boolean>;
+    put(key: string, entry: SnapshotEntry, { persist }: {
+        persist: boolean;
+    }): Promise<void>;
+    url(key: string, scale: number): Promise<string | null>;
+    markUnsupported: (key: string) => undefined;
+    isUnsupported: (key: string) => boolean;
+    subscribe(listener: (key: string) => void): () => undefined;
+};
+export type SnapshotStore = ReturnType<typeof createSnapshotStore>;
+export {};

package/dist/viewer-lib/types/src/viewer/lib/tier-controller.d.ts

@@ -0,0 +1,24 @@
+import { type BoardTier, type TierInput } from './board-tiers';
+export interface ControllerInput extends TierInput {
+    scaling: boolean;
+    hovered: string | null;
+    hoverPromotes: boolean;
+}
+export interface BoardState {
+    tier: BoardTier;
+    mounted: boolean;
+    ready: boolean;
+}
+interface Clock {
+    now?: () => number;
+    schedule?: (fn: () => void, ms: number) => number;
+    cancel?: (id: number) => void;
+    onChange: () => void;
+}
+export declare function createTierController({ now, schedule, cancel, onChange, }: Clock): {
+    loaded(id: string): void;
+    ready: (id: string) => void;
+    update(input: ControllerInput): Map<string, BoardState>;
+};
+export type TierController = ReturnType<typeof createTierController>;
+export {};

package/dist/viewer-lib/{uk-UA-QMV73CPH-W6wr6Y1K.js → uk-UA-QMV73CPH-B_RijIIa.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/uk-UA-QMV73CPH.js
 var e = {
 	paste: "Вставити",

package/dist/viewer-lib/{useCloudHeader-BxH29VyW.js → useCloudHeader-DwNI6tTZ.js}

@@ -1,4 +1,4 @@
-import { a as e, d as t, l as n, u as r } from "./cloud-0rqarT99.js";
+import { a as e, d as t, l as n, u as r } from "./cloud-BA1xJLJk.js";
 import { memo as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
 import { Center as u, Flexbox as d, useThemeMode as f } from "@lobehub/ui";
 import { ArrowUp as p, Check as m, History as ee, MessageCircle as h, RotateCcw as g, X as te } from "lucide-react";

package/dist/viewer-lib/{vennDiagram-4TSXK5OY-DMldiPdY.js → vennDiagram-4TSXK5OY-CEPj2wGd.js}

@@ -3,7 +3,7 @@ import { t } from "./src-DcUAebVw.js";
 import { n } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import { H as r, K as i, U as a, a as o, b as s, c, et as l, f as u, nt as d, rt as f, tt as p, v as m, w as h, y as g } from "./chunk-DU6HZSFF-Dv9UIhEg.js";
 import { t as _ } from "./rough.esm-BSej9Nhy.js";
-import { p as v } from "./dist-BKU67DAz.js";
+import { p as v } from "./dist-6oDcRnC0.js";
 //#region node_modules/.pnpm/khroma@2.1.0/node_modules/khroma/dist/methods/transparentize.js
 var y = (e, t) => d(e, "a", -t), b = 1e-10;
 function x(e, t) {

package/dist/viewer-lib/{vi-VN-M7AON7JQ-DCUfHPYF.js → vi-VN-M7AON7JQ-B16g7ZvC.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/vi-VN-M7AON7JQ.js
 var e = {
 	paste: "Dán",

package/dist/viewer-lib/{wardleyDiagram-VM6X3IG4-BhuYALPd.js → wardleyDiagram-VM6X3IG4-Dc_h8Kme.js}

@@ -2,7 +2,7 @@ import { i as e } from "./chunk-75Z2AOVW-CoVO1dhC.js";
 import { n as t } from "./src-DcUAebVw.js";
 import { n } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import { D as r, H as i, K as a, U as o, a as s, b as c, c as l, v as u, w as d, x as f, y as p } from "./chunk-DU6HZSFF-Dv9UIhEg.js";
-import { p as m } from "./dist-BKU67DAz.js";
+import { p as m } from "./dist-6oDcRnC0.js";
 import { n as h } from "./mermaid-parser.core-TWWwbQ5l.js";
 import { t as g } from "./chunk-JWPE2WC7-DI69CthA.js";
 //#region node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-VM6X3IG4.mjs

package/dist/viewer-lib/{xychartDiagram-S5SC5T6Z-D_wi4_1A.js → xychartDiagram-S5SC5T6Z-DyK2CgN2.js}

@@ -1,11 +1,11 @@
 import { i as e } from "./chunk-75Z2AOVW-CoVO1dhC.js";
-import { St as t, an as n, en as r } from "./SnapshotDocument-DVgv4kZc.js";
+import { St as t, an as n, en as r } from "./SnapshotDocument-De-tiDPI.js";
 import { n as i } from "./src-DcUAebVw.js";
-import "./chunk-PWAF6VOD-KzuaHqkZ.js";
+import "./chunk-PWAF6VOD-DsQ0UBDi.js";
 import { n as a } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import { D as o, H as s, K as c, U as l, a as u, b as d, c as f, f as p, v as m, w as h, y as g, z as _ } from "./chunk-DU6HZSFF-Dv9UIhEg.js";
-import { t as v } from "./chunk-GMAD6QVW-Dnq3f5bN.js";
-import { p as y } from "./dist-BKU67DAz.js";
+import { t as v } from "./chunk-GMAD6QVW-DjabgI3m.js";
+import { p as y } from "./dist-6oDcRnC0.js";
 //#region node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/xychartDiagram-S5SC5T6Z.mjs
 var b = (function() {
 	var e = /* @__PURE__ */ a(function(e, t, n, r) {

package/dist/viewer-lib/{zh-CN-LNUGB5OW-CSjcioxA.js → zh-CN-LNUGB5OW-y7rJuDld.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/zh-CN-LNUGB5OW.js
 var e = {
 	paste: "粘贴",

package/dist/viewer-lib/{zh-HK-E62DVLB3-HEuVe1m-.js → zh-HK-E62DVLB3-Bl0BXOD2.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/zh-HK-E62DVLB3.js
 var e = {
 	paste: "貼上",