ryugi-artifacts 1.39.3 → 1.41.0

package/dist/viewer/{zh-TW-RAJ6MFWO-CZhgLjog.js → zh-TW-RAJ6MFWO-Lambeacv.js}

@@ -1,4 +1,4 @@
-import"./prod-BZ4Wu9HS.js";var e={paste:`貼上`,pasteAsPlaintext:`以純文字貼上`,pasteCharts:`貼上圖表`,selectAll:`全選`,multiSelect:`將物件加入選取範圍`,moveCanvas:`移動畫布`,cut:`剪下`,copy:`複製`,copyAsPng:`以PNG格式儲存到剪貼板`,copyAsSvg:`以SVG格式複製到剪貼板`,copyText:`以文字格式複製至剪貼簿`,copySource:`複製來源至剪貼簿`,convertToCode:`轉換為程式碼`,bringForward:`上移一層`,sendToBack:`移到最底層`,bringToFront:`置於最頂層`,sendBackward:`往後移一層`,delete:`刪除`,copyStyles:`複製樣式`,pasteStyles:`貼上樣式`,stroke:`筆畫`,background:`背景`,fill:`填滿`,strokeWidth:`筆跡寬度`,strokeStyle:`筆畫樣式`,strokeStyle_solid:`實線`,strokeStyle_dashed:`虛線`,strokeStyle_dotted:`點線`,sloppiness:`線條風格`,opacity:`透明度`,textAlign:`文字對齊`,edges:`邊緣`,sharp:`尖銳`,round:`平滑`,arrowheads:`箭頭`,arrowhead_none:`無`,arrowhead_arrow:`箭頭`,arrowhead_bar:`條狀箭頭`,arrowhead_circle:`圓形`,arrowhead_circle_outline:`圓形（外框）`,arrowhead_triangle:`三角形`,arrowhead_triangle_outline:`三角形（外框）`,arrowhead_diamond:`菱形`,arrowhead_diamond_outline:`菱形（外框）`,fontSize:`字型大小`,fontFamily:`字體集`,addWatermark:`加上 "Made with Excalidraw" 浮水印`,handDrawn:`手寫`,normal:`一般`,code:`代碼`,small:`小`,medium:`中`,large:`大`,veryLarge:`特大`,solid:`實心`,hachure:`斜線筆觸`,zigzag:`Ｚ字形`,crossHatch:`交叉筆觸`,thin:`細`,bold:`粗`,left:`左側`,center:`置中`,right:`右側`,extraBold:`極粗`,architect:`精確`,artist:`藝術`,cartoonist:`卡通`,fileTitle:`檔案名稱`,colorPicker:`色彩選擇工具`,canvasColors:`使用於畫布`,canvasBackground:`Canvas 背景`,drawingCanvas:`繪圖 canvas`,layers:`圖層`,actions:`動作`,language:`語言`,liveCollaboration:`即時協作...`,duplicateSelection:`複製`,untitled:`無標題`,name:`名稱`,yourName:`你的名稱`,madeWithExcalidraw:`以 Excalidraw 製作`,group:`建立群組`,ungroup:`取消群組`,collaborators:`協作者`,showGrid:`顯示格線`,addToLibrary:`加入資料庫`,removeFromLibrary:`從資料庫中移除`,libraryLoadingMessage:`資料庫讀取中…`,libraries:`瀏覽資料庫`,loadingScene:`場景讀取中…`,align:`對齊`,alignTop:`對齊頂部`,alignBottom:`對齊底部`,alignLeft:`對齊左側`,alignRight:`對齊右側`,centerVertically:`垂直置中`,centerHorizontally:`水平置中`,distributeHorizontally:`水平分布`,distributeVertically:`垂直分布`,flipHorizontal:`水平翻轉`,flipVertical:`垂直翻轉`,viewMode:`檢視模式`,share:`共享`,showStroke:`顯示線條檢色器`,showBackground:`顯示背景檢色器`,toggleTheme:`切換主題`,personalLib:`個人資料庫`,excalidrawLib:`Excalidraw 資料庫`,decreaseFontSize:`縮小文字`,increaseFontSize:`放大文字`,unbindText:`取消綁定文字`,bindText:`結合文字至容器`,createContainerFromText:`將文字包於容器中`,link:{edit:`編輯連結`,editEmbed:`編輯連結&嵌入`,create:`建立連結`,createEmbed:`建立連結&嵌入`,label:`連結`,labelEmbed:`連結&嵌入`,empty:`未設定連結`},lineEditor:{edit:`編輯線條`,exit:`結束線條編輯`},elementLock:{lock:`鎖定`,unlock:`解鎖`,lockAll:`全部鎖定`,unlockAll:`全部解鎖`},statusPublished:`已發布`,sidebarLock:`側欄維持開啟`,selectAllElementsInFrame:`選取框架內的所有元素`,removeAllElementsFromFrame:`從框架內移除所有元素`,eyeDropper:`從畫布中選取顏色`,textToDiagram:`文字轉圖表`,prompt:`提示詞`},t={noItems:`尚未加入任何物件...`,hint_emptyLibrary:`選取畫布上的物件以加入，或從下方的公開 repository 中安裝資料庫`,hint_emptyPrivateLibrary:`選擇畫布上的物件以在此加入`},n={clearReset:`重置 canvas`,exportJSON:`匯出至檔案`,exportImage:`匯出圖片`,export:`儲存至...`,copyToClipboard:`複製至剪貼簿`,save:`儲存目前檔案`,saveAs:`儲存為`,load:`開啟`,getShareableLink:`取得共享連結`,close:`關閉`,selectLanguage:`選擇語言`,scrollBackToContent:`捲動回到內容`,zoomIn:`放大`,zoomOut:`縮小`,resetZoom:`重設縮放`,menu:`選單`,done:`完成`,edit:`編輯`,undo:`復原`,redo:`重做`,resetLibrary:`重設資料庫`,createNewRoom:`建立新協作會議室`,fullScreen:`全螢幕`,darkMode:`深色模式`,lightMode:`淺色模式`,zenMode:`專注模式`,objectsSnapMode:`吸附至物件`,exitZenMode:`離開專注模式`,cancel:`取消`,clear:`清除`,remove:`刪除`,embed:`切換嵌入`,publishLibrary:`發布`,submit:`送出`,confirm:`確認`,embeddableInteractionButton:`點擊以互動`},r={clearReset:`這將會清除整個 canvas。你確定嗎？`,couldNotCreateShareableLink:`無法建立共享連結。`,couldNotCreateShareableLinkTooBig:`無法建立共享連結：場景太大`,couldNotLoadInvalidFile:`無法讀取失效的檔案。`,importBackendFailed:`後端讀取失敗。`,cannotExportEmptyCanvas:`無法輸出空白的 canvas。`,couldNotCopyToClipboard:`無法複製到剪貼簿`,decryptFailed:`無法解密資料。`,uploadedSecurly:`上傳已通過 end-to-end 加密，Excalidraw 伺服器和第三方無法皆讀取其內容。`,loadSceneOverridePrompt:`讀取外部圖樣將取代目前的內容。是否要繼續？`,collabStopOverridePrompt:`停止連線將覆蓋您先前於本機儲存的繪圖進度，是否確認？
+import"./prod-DiBc1897.js";var e={paste:`貼上`,pasteAsPlaintext:`以純文字貼上`,pasteCharts:`貼上圖表`,selectAll:`全選`,multiSelect:`將物件加入選取範圍`,moveCanvas:`移動畫布`,cut:`剪下`,copy:`複製`,copyAsPng:`以PNG格式儲存到剪貼板`,copyAsSvg:`以SVG格式複製到剪貼板`,copyText:`以文字格式複製至剪貼簿`,copySource:`複製來源至剪貼簿`,convertToCode:`轉換為程式碼`,bringForward:`上移一層`,sendToBack:`移到最底層`,bringToFront:`置於最頂層`,sendBackward:`往後移一層`,delete:`刪除`,copyStyles:`複製樣式`,pasteStyles:`貼上樣式`,stroke:`筆畫`,background:`背景`,fill:`填滿`,strokeWidth:`筆跡寬度`,strokeStyle:`筆畫樣式`,strokeStyle_solid:`實線`,strokeStyle_dashed:`虛線`,strokeStyle_dotted:`點線`,sloppiness:`線條風格`,opacity:`透明度`,textAlign:`文字對齊`,edges:`邊緣`,sharp:`尖銳`,round:`平滑`,arrowheads:`箭頭`,arrowhead_none:`無`,arrowhead_arrow:`箭頭`,arrowhead_bar:`條狀箭頭`,arrowhead_circle:`圓形`,arrowhead_circle_outline:`圓形（外框）`,arrowhead_triangle:`三角形`,arrowhead_triangle_outline:`三角形（外框）`,arrowhead_diamond:`菱形`,arrowhead_diamond_outline:`菱形（外框）`,fontSize:`字型大小`,fontFamily:`字體集`,addWatermark:`加上 "Made with Excalidraw" 浮水印`,handDrawn:`手寫`,normal:`一般`,code:`代碼`,small:`小`,medium:`中`,large:`大`,veryLarge:`特大`,solid:`實心`,hachure:`斜線筆觸`,zigzag:`Ｚ字形`,crossHatch:`交叉筆觸`,thin:`細`,bold:`粗`,left:`左側`,center:`置中`,right:`右側`,extraBold:`極粗`,architect:`精確`,artist:`藝術`,cartoonist:`卡通`,fileTitle:`檔案名稱`,colorPicker:`色彩選擇工具`,canvasColors:`使用於畫布`,canvasBackground:`Canvas 背景`,drawingCanvas:`繪圖 canvas`,layers:`圖層`,actions:`動作`,language:`語言`,liveCollaboration:`即時協作...`,duplicateSelection:`複製`,untitled:`無標題`,name:`名稱`,yourName:`你的名稱`,madeWithExcalidraw:`以 Excalidraw 製作`,group:`建立群組`,ungroup:`取消群組`,collaborators:`協作者`,showGrid:`顯示格線`,addToLibrary:`加入資料庫`,removeFromLibrary:`從資料庫中移除`,libraryLoadingMessage:`資料庫讀取中…`,libraries:`瀏覽資料庫`,loadingScene:`場景讀取中…`,align:`對齊`,alignTop:`對齊頂部`,alignBottom:`對齊底部`,alignLeft:`對齊左側`,alignRight:`對齊右側`,centerVertically:`垂直置中`,centerHorizontally:`水平置中`,distributeHorizontally:`水平分布`,distributeVertically:`垂直分布`,flipHorizontal:`水平翻轉`,flipVertical:`垂直翻轉`,viewMode:`檢視模式`,share:`共享`,showStroke:`顯示線條檢色器`,showBackground:`顯示背景檢色器`,toggleTheme:`切換主題`,personalLib:`個人資料庫`,excalidrawLib:`Excalidraw 資料庫`,decreaseFontSize:`縮小文字`,increaseFontSize:`放大文字`,unbindText:`取消綁定文字`,bindText:`結合文字至容器`,createContainerFromText:`將文字包於容器中`,link:{edit:`編輯連結`,editEmbed:`編輯連結&嵌入`,create:`建立連結`,createEmbed:`建立連結&嵌入`,label:`連結`,labelEmbed:`連結&嵌入`,empty:`未設定連結`},lineEditor:{edit:`編輯線條`,exit:`結束線條編輯`},elementLock:{lock:`鎖定`,unlock:`解鎖`,lockAll:`全部鎖定`,unlockAll:`全部解鎖`},statusPublished:`已發布`,sidebarLock:`側欄維持開啟`,selectAllElementsInFrame:`選取框架內的所有元素`,removeAllElementsFromFrame:`從框架內移除所有元素`,eyeDropper:`從畫布中選取顏色`,textToDiagram:`文字轉圖表`,prompt:`提示詞`},t={noItems:`尚未加入任何物件...`,hint_emptyLibrary:`選取畫布上的物件以加入，或從下方的公開 repository 中安裝資料庫`,hint_emptyPrivateLibrary:`選擇畫布上的物件以在此加入`},n={clearReset:`重置 canvas`,exportJSON:`匯出至檔案`,exportImage:`匯出圖片`,export:`儲存至...`,copyToClipboard:`複製至剪貼簿`,save:`儲存目前檔案`,saveAs:`儲存為`,load:`開啟`,getShareableLink:`取得共享連結`,close:`關閉`,selectLanguage:`選擇語言`,scrollBackToContent:`捲動回到內容`,zoomIn:`放大`,zoomOut:`縮小`,resetZoom:`重設縮放`,menu:`選單`,done:`完成`,edit:`編輯`,undo:`復原`,redo:`重做`,resetLibrary:`重設資料庫`,createNewRoom:`建立新協作會議室`,fullScreen:`全螢幕`,darkMode:`深色模式`,lightMode:`淺色模式`,zenMode:`專注模式`,objectsSnapMode:`吸附至物件`,exitZenMode:`離開專注模式`,cancel:`取消`,clear:`清除`,remove:`刪除`,embed:`切換嵌入`,publishLibrary:`發布`,submit:`送出`,confirm:`確認`,embeddableInteractionButton:`點擊以互動`},r={clearReset:`這將會清除整個 canvas。你確定嗎？`,couldNotCreateShareableLink:`無法建立共享連結。`,couldNotCreateShareableLinkTooBig:`無法建立共享連結：場景太大`,couldNotLoadInvalidFile:`無法讀取失效的檔案。`,importBackendFailed:`後端讀取失敗。`,cannotExportEmptyCanvas:`無法輸出空白的 canvas。`,couldNotCopyToClipboard:`無法複製到剪貼簿`,decryptFailed:`無法解密資料。`,uploadedSecurly:`上傳已通過 end-to-end 加密，Excalidraw 伺服器和第三方無法皆讀取其內容。`,loadSceneOverridePrompt:`讀取外部圖樣將取代目前的內容。是否要繼續？`,collabStopOverridePrompt:`停止連線將覆蓋您先前於本機儲存的繪圖進度，是否確認？
 
 （如要保留原有的本機繪圖進度，直接關閉瀏覽器分頁即可。）`,errorAddingToLibrary:`無法於此資料庫加入項目`,errorRemovingFromLibrary:`無法由此資料庫移除項目`,confirmAddLibrary:`這將會將 {{numShapes}} 個圖形加入你的資料庫，你確定嗎？`,imageDoesNotContainScene:`此圖檔中未包含場景資料。輸出檔案時是否有包含場景資料？`,cannotRestoreFromImage:`無法由此檔案回復場景。`,invalidSceneUrl:`無法由提供的 URL 匯入場景。可能是發生異常，或未包含有效的 Excalidraw JSON 資料。`,resetLibrary:`這會清除您的資料庫，是否確定？`,removeItemsFromsLibrary:`從資料庫刪除 {{count}} 項？`,invalidEncryptionKey:`加密鍵必須為22字元。即時協作已停用。`,collabOfflineWarning:`沒有可用的網路連線。
 變更無法儲存！`},i={unsupportedFileType:`不支援的檔案類型。`,imageInsertError:`無法插入圖片。請稍後再試…`,fileTooBig:`檔案過大。可接受的最大尺寸為 {{maxSize}} 。`,svgImageInsertError:`無法插入 SVG 圖片。此 SVG 檔案有問題。`,failedToFetchImage:`無法獲取圖片。`,invalidSVGString:`無效的 SVG。`,cannotResolveCollabServer:`無法連結至 collab 伺服器。請重新整理後再試一次。`,importLibraryError:`無法載入資料庫`,collabSaveFailed:`無法儲存至後端資料庫。若此問題持續發生，請將檔案儲存於本機以確保資料不會遺失。`,collabSaveFailed_sizeExceeded:`無法儲存至後端資料庫，可能的原因為畫布尺寸過大。請將檔案儲存於本機以確保資料不會遺失。`,imageToolNotSupported:`圖片已停用`,brave_measure_text_error:{line1:`看起來您開啟了 Brave 瀏覽器的 <bold>Aggressively Block Fingerprinting</bold> 設定。`,line2:`這可能造成您畫布中 <bold>文字元素</bold> 的異常。`,line3:`我們強烈建議您關閉此設定。您可以依照 <link>這些步驟</link> 來進行。`,line4:`若關閉此設定並未修復文字元素的顯示問題，請回報於我們 GitHub 上的 <issueLink>issue</issueLink>，或在 <discordLink>Discord</discordLink> 上告訴我們。`},libraryElementTypeError:{embeddable:`可嵌入元素無法加入資料庫`,iframe:`IFrame 元素無法加入資料庫`,image:`即將支援加入圖片至資料庫！`},asyncPasteFailedOnRead:`無法貼上（無法由系統剪貼簿讀入）`,asyncPasteFailedOnParse:`無法貼上`,copyToSystemClipboardFailed:`無法複製至剪貼簿`},a={selection:`選取`,image:`插入圖片`,rectangle:`長方形`,diamond:`菱形`,ellipse:`橢圓`,arrow:`箭頭`,line:`線條`,freedraw:`繪圖`,text:`文字`,library:`資料庫`,lock:`可連續使用選取的工具`,penMode:`筆模式 - 避免觸摸`,link:`為所選的形狀增加\b/更新連結`,eraser:`橡皮擦`,frame:`框架工具`,magicframe:`線框稿轉為程式碼`,embeddable:`嵌入網站`,laser:`雷射筆`,hand:`手形（平移工具）`,extraTools:`更多工具`,mermaidToExcalidraw:`Mermaid 至 Excalidraw`,magicSettings:`AI 設定`},o={canvasActions:`canvas 動作`,selectedShapeActions:`選取圖形動作`,shapes:`形狀`},s={canvasPanning:`若要移動畫布，請在拖曳時按住滑鼠滾輪或空白鍵，或使用手形工具`,linearElement:`點擊以繪製多點曲線；或拖曳以繪製直線`,freeDraw:`點擊並拖曳來繪圖，放開即結束`,text:`提示：亦可使用選取工具在任何地方雙擊來加入文字`,embeddable:`點擊並拖移以建立嵌入網站`,text_selected:`雙擊滑鼠或按 Enter 以編輯文字`,text_editing:`按跳脫鍵或 Ctrl 或 Cmd + Enter 以結束編輯`,linearElementMulti:`按下 Escape 或 Enter 以結束繪製`,lockAngle:`按住 SHIFT 可限制旋轉角度`,resize:`縮放時按住 Shift 可保持原比例縮放；\\n按住 Alt 可由中心點進行縮放`,resizeImage:`按住 SHIFT 可任意縮放，按住 ALT 可由中央縮放。`,rotate:`旋轉時按住 Shift 可限制旋轉角度`,lineEditor_info:`按住 Ctrl 或 Cmd 並雙擊或按住 Ctrl 或 Cmd + Enter 來編輯控制點`,lineEditor_pointSelected:`按下 Delete 可移除錨點；Ctrl 或 Cmd + D 可複製；或可拖曳來移動`,lineEditor_nothingSelected:`選擇要編輯的錨點（按住 SHIFT 可多選），

package/dist/viewer-lib/{Canvas-DhVw4WDg.js → Canvas-BL1JoYEQ.js}

@@ -1,60 +1,26 @@
 import './Canvas-DpuVHV-Q.css';
 import { n as e } from "./rolldown-runtime-5HNE8Q1r.js";
-import { C as t, _ as n } from "./ids-DbFcmtFG.js";
-import { d as r } from "./cloud-0rqarT99.js";
+import { D as t, x as n } from "./ids-8QtprMNq.js";
+import { d as r } from "./cloud-BA1xJLJk.js";
 import { useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
 import { Maximize2 as c, Repeat as l } from "lucide-react";
 import { motion as u } from "motion/react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/viewer/hooks/useVisibleBoards.ts
-function m(e) {
-	let t = o(null), [n, r] = s(() => /* @__PURE__ */ new Set()), a = JSON.stringify(e);
-	return i(() => {
-		let e = t.current;
-		if (!e) return;
-		let n = /* @__PURE__ */ new Map(), i = [...e.querySelectorAll("[data-board]")], a = new Set(i.map((e) => e.dataset.board));
-		r((e) => new Set([...e].filter((e) => a.has(e))));
-		let o = new IntersectionObserver((e) => {
-			for (let t of e) {
-				let e = t.target.dataset.board;
-				clearTimeout(n.get(e)), n.delete(e), t.isIntersecting ? r((t) => t.has(e) ? t : new Set(t).add(e)) : n.set(e, setTimeout(() => {
-					n.delete(e), r((t) => {
-						if (!t.has(e)) return t;
-						let n = new Set(t);
-						return n.delete(e), n;
-					});
-				}, 1e3));
-			}
-		}, {
-			root: e.parentElement,
-			rootMargin: "240px"
-		});
-		for (let e of i) o.observe(e);
-		return () => {
-			o.disconnect();
-			for (let e of n.values()) clearTimeout(e);
-		};
-	}, [a]), {
-		ref: t,
-		visible: n
-	};
-}
-//#endregion
 //#region src/viewer/lib/play.ts
-function h(e, t) {
+function m(e, t) {
 	let n = new Set(e);
 	return n.delete(t) || n.add(t), n;
 }
-var g = (e, t) => (e[t] ?? 0) > 0, _ = (e, t) => e.interactive === !0 && g(t, e.file), v = (e, t, n, r) => `${e}${t}?v=${n}${r > 0 ? `&r=${r}` : ""}`, y = 160, b = [
+var h = (e, t) => (e[t] ?? 0) > 0, g = (e, t) => e.interactive === !0 && h(t, e.file), _ = (e, t, n, r) => `${e}${t}?v=${n}${r > 0 ? `&r=${r}` : ""}`, v = 160, y = [
 	1,
 	1.5,
 	2,
 	.5
-], x = (e) => {
+], b = (e) => {
 	let t = Math.max(0, Math.floor(Number.isFinite(e) ? e : 0));
 	return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
 };
-function S({ playing: e }) {
+function x({ playing: e }) {
 	return /* @__PURE__ */ f("svg", {
 		width: "16",
 		height: "16",
@@ -90,13 +56,13 @@ function S({ playing: e }) {
 		}, String(t)))
 	});
 }
-function C({ src: e, title: t, barScale: n, barWidth: a, onExpand: u }) {
-	let { t: m } = r(), h = o(null), g = o(null), [_, v] = s(!1), [C, w] = s(0), [T, E] = s(0), [D, O] = s(1), [k, A] = s(!1), [j, M] = s(!1);
+function S({ src: e, title: t, barScale: n, barWidth: a, onExpand: u }) {
+	let { t: m } = r(), h = o(null), g = o(null), [_, S] = s(!1), [C, w] = s(0), [T, E] = s(0), [D, O] = s(1), [k, A] = s(!1), [j, M] = s(!1);
 	i(() => {
 		let e = h.current;
 		if (!e) return;
 		let t = () => {
-			M(!1), w(e.currentTime), E(e.duration), v(!e.paused);
+			M(!1), w(e.currentTime), E(e.duration), S(!e.paused);
 		}, n = [
 			"loadedmetadata",
 			"timeupdate",
@@ -113,9 +79,9 @@ function C({ src: e, title: t, barScale: n, barWidth: a, onExpand: u }) {
 	}, []);
 	let N = () => {
 		let e = h.current;
-		e && (e.paused ? e.play().catch(() => v(!e.paused)) : e.pause());
+		e && (e.paused ? e.play().catch(() => S(!e.paused)) : e.pause());
 	}, P = () => {
-		let e = b[(b.indexOf(D) + 1) % b.length];
+		let e = y[(y.indexOf(D) + 1) % y.length];
 		h.current && (h.current.playbackRate = e), O(e);
 	}, F = () => {
 		h.current && (h.current.loop = !k), A(!k);
@@ -157,7 +123,7 @@ function C({ src: e, title: t, barScale: n, barWidth: a, onExpand: u }) {
 			className: "x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 x1tamke2 x15cjo92 x160uoy xqfszdh x4z9k3i x2b8uid x47corl",
 			children: m("video.failed")
 		}),
-		a >= y && /* @__PURE__ */ p("div", {
+		a >= v && /* @__PURE__ */ p("div", {
 			"data-chrome": "video-controls",
 			onPointerDown: (e) => e.stopPropagation(),
 			className: "x10l6tqk xu96u03 xdsb8wn xc9qbxq x9f619 x78zum5 x6s0dn4 x1v2ro7d xaope02 x1hj3fc7 x15cjo92 x178xt8z x13fuv20 x1jrcaa3 xjmch63 x1fao0z8 x1j6dyjg x67bb7w xt0e3qv x87ps6o",
@@ -171,14 +137,14 @@ function C({ src: e, title: t, barScale: n, barWidth: a, onExpand: u }) {
 					"aria-label": m(_ ? "video.pause" : "video.play"),
 					onClick: N,
 					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk",
-					children: /* @__PURE__ */ f(S, { playing: _ })
+					children: /* @__PURE__ */ f(x, { playing: _ })
 				}),
 				/* @__PURE__ */ p("span", {
 					className: "x2lah0s xss6m8b",
 					children: [
-						x(C),
+						b(C),
 						" / ",
-						x(T)
+						b(T)
 					]
 				}),
 				/* @__PURE__ */ p("div", {
@@ -231,8 +197,8 @@ function C({ src: e, title: t, barScale: n, barWidth: a, onExpand: u }) {
 }
 //#endregion
 //#region src/viewer/components/MediaBoard.tsx
-function w({ id: e, board: t, src: n, zoom: r, onExpand: i }) {
-	return t.type === "video" ? /* @__PURE__ */ f(C, {
+function C({ id: e, board: t, src: n, zoom: r, onExpand: i }) {
+	return t.type === "video" ? /* @__PURE__ */ f(S, {
 		src: n,
 		title: t.title ?? e,
 		barScale: 1 / r,
@@ -247,7 +213,7 @@ function w({ id: e, board: t, src: n, zoom: r, onExpand: i }) {
 }
 //#endregion
 //#region src/viewer/lib/cursorMotion.ts
-function T(e, t) {
+function w(e, t) {
 	let n = e;
 	for (; n.length > 1;) n = n.slice(0, -1).map((e, r) => ({
 		x: e.x + (n[r + 1].x - e.x) * t,
@@ -255,7 +221,7 @@ function T(e, t) {
 	}));
 	return n[0];
 }
-function E(e, t, n) {
+function T(e, t, n) {
 	let r = t.x - e.x, i = t.y - e.y, a = -i, o = r;
 	a < 0 && (a = -a, o = -o);
 	let s = (t, n) => ({
@@ -281,7 +247,7 @@ function E(e, t, n) {
 		y: 5 * (c[t + 1].y - e.y)
 	})), u = [0], d = e;
 	for (let e = 1; e <= 600; e++) {
-		let t = T(c, e / 600);
+		let t = w(c, e / 600);
 		u.push(u[e - 1] + Math.hypot(t.x - d.x, t.y - d.y)), d = t;
 	}
 	let f = u[600];
@@ -293,9 +259,9 @@ function E(e, t, n) {
 				let e = n + r >> 1;
 				u[e] < t ? n = e : r = e;
 			}
-			let i = u[r] - u[n], a = (n + (i ? (t - u[n]) / i : 0)) / 600, o = T(l, a);
+			let i = u[r] - u[n], a = (n + (i ? (t - u[n]) / i : 0)) / 600, o = w(l, a);
 			return {
-				...T(c, a),
+				...w(c, a),
 				angle: Math.atan2(o.y, o.x) * 180 / Math.PI + 135
 			};
 		}
@@ -303,7 +269,7 @@ function E(e, t, n) {
 }
 //#endregion
 //#region src/viewer/components/WritingCursor.tsx
-var D = "M6.2 3.6C5 2.7 3.4 3.6 3.6 5.1L6 22.7C6.2 24.3 8.2 24.8 9.1 23.5L13 18.3C13.4 17.8 14 17.5 14.6 17.5L21.1 17.3C22.7 17.2 23.4 15.2 22.2 14.3Z", O = [
+var E = "M6.2 3.6C5 2.7 3.4 3.6 3.6 5.1L6 22.7C6.2 24.3 8.2 24.8 9.1 23.5L13 18.3C13.4 17.8 14 17.5 14.6 17.5L21.1 17.3C22.7 17.2 23.4 15.2 22.2 14.3Z", D = [
 	{
 		distance: 22,
 		size: 6,
@@ -320,12 +286,12 @@ var D = "M6.2 3.6C5 2.7 3.4 3.6 3.6 5.1L6 22.7C6.2 24.3 8.2 24.8 9.1 23.5L13 18.
 		opacity: .15
 	}
 ];
-function k({ x: e, y: t, zoom: n, agent: r, title: i }) {
+function O({ x: e, y: t, zoom: n, agent: r, title: i }) {
 	let s = o(null), c = o(null), l = o(null), u = o(null), d = o(!1), m = o(n), h = (e) => `translate(${e.x}px, ${e.y}px) scale(${1 / m.current})`, g = (e) => `translate(-3.43px, -3.43px) rotate(${e}deg)`, _ = (e) => {
 		if (u.current = e, s.current && (s.current.style.transform = h(e)), c.current && (c.current.style.transform = g(e.angle)), !l.current) return;
 		l.current.style.opacity = d.current ? "1" : "0";
 		let t = (e.angle - 135) * Math.PI / 180;
-		O.forEach(({ distance: e, size: n }, r) => {
+		D.forEach(({ distance: e, size: n }, r) => {
 			let i = l.current.children[r];
 			i.style.transform = `translate(${-Math.cos(t) * e - n / 2}px, ${-Math.sin(t) * e - n / 2}px)`;
 		});
@@ -342,7 +308,7 @@ function k({ x: e, y: t, zoom: n, agent: r, title: i }) {
 		};
 		if (!r || n.matches || Math.hypot(e - r.x, t - r.y) * m.current < 2) a();
 		else {
-			let n = E(r, {
+			let n = T(r, {
 				x: e,
 				y: t
 			}, d.current ? r.angle : void 0), a = Math.min(1800, 900 + n.length * m.current * 1.2), o = performance.now(), s = o;
@@ -378,7 +344,7 @@ function k({ x: e, y: t, zoom: n, agent: r, title: i }) {
 				"aria-hidden": "true",
 				className: "x10l6tqk xu96u03 x13vifvy x19991ni x13dflua",
 				style: { opacity: 0 },
-				children: O.map(({ size: e, opacity: t }) => /* @__PURE__ */ f("div", {
+				children: D.map(({ size: e, opacity: t }) => /* @__PURE__ */ f("div", {
 					className: "x10l6tqk xu96u03 x13vifvy x16rqkct x18t3gi2",
 					style: {
 						width: e,
@@ -396,13 +362,13 @@ function k({ x: e, y: t, zoom: n, agent: r, title: i }) {
 				className: "x1lliihq xqqlr9g x1h6g33g",
 				style: { transform: g(v.angle) },
 				children: [/* @__PURE__ */ f("path", {
-					d: D,
+					d: E,
 					fill: "none",
 					stroke: "#fff",
 					strokeWidth: "4",
 					strokeLinejoin: "round"
 				}), /* @__PURE__ */ f("path", {
-					d: D,
+					d: E,
 					className: "x5sgsw0"
 				})]
 			}),
@@ -425,8 +391,8 @@ function k({ x: e, y: t, zoom: n, agent: r, title: i }) {
 }
 //#endregion
 //#region src/viewer/components/Canvas.tsx
-var A = /* @__PURE__ */ e({ Canvas: () => M });
-function j(e) {
+var k = /* @__PURE__ */ e({ Canvas: () => N });
+function A(e) {
 	if (!e) return {
 		backgroundColor: "#fff6db",
 		color: "#3d2e00"
@@ -444,67 +410,106 @@ function j(e) {
 		color: .2126 * n + .7152 * r + .0722 * i > .179 ? "#000" : "#fff"
 	};
 }
-function M({ view: e, boards: r, notes: i, contentBase: a, versions: o, pending: s, playing: c, replays: l, inspecting: u, frameRef: d, frameLoaded: h, live: y, writing: b, agent: x, retained: S, onExpand: C }) {
-	let { ref: T, visible: E } = m(r.map(([e]) => e)), D = b;
-	if (y) {
-		D = void 0;
+var j = { visibility: "hidden" };
+function M({ image: e, showImage: t, hideFrame: n, frame: r, onError: a }) {
+	let [c, l] = s(null), [u, m] = s(!1), [h, g] = s(!1), _ = o(t);
+	i(() => {
+		if (!t || !c) {
+			m(!1);
+			return;
+		}
+		let e = requestAnimationFrame(() => m(!0));
+		return () => cancelAnimationFrame(e);
+	}, [t, c]), i(() => {
+		let e = _.current;
+		if (_.current = t, t || !e) return;
+		g(!0);
+		let n = requestAnimationFrame(() => {
+			n = requestAnimationFrame(() => g(!1));
+		});
+		return () => cancelAnimationFrame(n);
+	}, [t]);
+	let v = t || h, y = e ? c && c !== e ? [c, e] : [e] : [];
+	return /* @__PURE__ */ p(d, { children: [r?.(n && u), y.map((t) => /* @__PURE__ */ f("img", {
+		alt: "",
+		src: t,
+		decoding: "async",
+		draggable: !1,
+		onLoad: t === e ? (t) => {
+			(t.currentTarget.decode?.() ?? Promise.resolve()).catch(() => void 0).then(() => l(e));
+		} : void 0,
+		onError: t === e ? () => a(e) : void 0,
+		style: v && t === c ? void 0 : j,
+		className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x47corl"
+	}, t))] });
+}
+function N({ view: e, renders: r, boards: i, notes: a, contentBase: o, versions: s, pending: c, playing: l, replays: u, inspecting: m, frameRef: v, frameLoaded: y, live: b, writing: x, agent: S, onExpand: w, onImageError: T }) {
+	let E = x;
+	if (b) {
+		E = void 0;
 		let e = 0;
-		for (let [n, i] of r) {
-			let r = o[i.file] ?? 0;
-			t(i) || s.has(n) || r <= e || (D = n, e = r);
+		for (let [n, r] of i) {
+			let i = s[r.file] ?? 0;
+			t(r) || c.has(n) || i <= e || (E = n, e = i);
 		}
 	}
-	let O = r.find(([e]) => e === D)?.[1];
+	let D = i.find(([e]) => e === E)?.[1];
 	return /* @__PURE__ */ p("div", {
-		ref: T,
 		className: "x10l6tqk xu96u03 x13vifvy x1hj3fc7",
 		style: { transform: `translate(${e.x}px, ${e.y}px) scale(${e.k})` },
 		children: [
-			r.map(([n, r]) => {
-				let i = g(o, r.file) && !s.has(n), p = i && (E.has(n) || c.has(n) || S?.has(n)), m = n === b, y = {
-					left: r.x,
-					top: r.y,
-					width: r.w,
-					height: r.h
+			i.map(([n, i]) => {
+				let a = h(s, i.file) && !c.has(n), b = a ? r.get(n) : void 0, S = t(i), E = S ? !!b && (b.tier !== "empty" || l.has(n)) : !!b?.mounted, D = S ? null : b?.image ?? null, O = n === x, k = {
+					left: i.x,
+					top: i.y,
+					width: i.w,
+					height: i.h
 				};
 				return /* @__PURE__ */ f("div", {
 					"data-board": n,
-					"aria-busy": m || void 0,
+					"aria-busy": O || void 0,
 					...{
 						0: { className: "x10l6tqk" },
 						2: { className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg xaatb59 x1tjb3dp x47corl" },
 						1: { className: "x10l6tqk xaatb59 xc6r98 xkizt71" },
 						3: { className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg x47corl xaatb59 xc6r98 xkizt71" }
-					}[!p << 1 | !!m],
+					}[!E << 1 | !!O],
 					style: {
-						...y,
-						...m ? { outlineWidth: 2 / e.k } : {}
+						...k,
+						...O ? { outlineWidth: 2 / e.k } : {}
 					},
-					children: p && t(r) ? /* @__PURE__ */ f(w, {
+					children: E && S ? /* @__PURE__ */ f(C, {
 						id: n,
-						board: r,
-						src: v(a, r.file, o[r.file] ?? 0, 0),
+						board: i,
+						src: _(o, i.file, s[i.file] ?? 0, 0),
 						zoom: e.k,
-						onExpand: C && (() => C(n))
-					}) : p ? /* @__PURE__ */ f("iframe", {
-						ref: d(n),
-						onLoad: () => h(n),
-						title: r.title ?? n,
-						src: v(a, r.file, o[r.file] ?? 0, l[n] ?? 0),
-						sandbox: "allow-scripts",
-						...{
-							0: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x47corl x1qgsegg xaatb59 x1tjb3dp" },
-							2: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x1qgsegg xaatb59 x1tjb3dp x67bb7w" },
-							1: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98" },
-							3: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98" }
-						}[!!u << 1 | !!(_(r, o) && c.has(n))]
-					}) : /* @__PURE__ */ f("span", {
+						onExpand: w && (() => w(n))
+					}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(M, {
+						image: D,
+						showImage: !E || !!b?.overlay,
+						hideFrame: !!b?.hidden,
+						onError: (e) => T?.(n, e),
+						frame: E ? (e) => /* @__PURE__ */ f("iframe", {
+							ref: v(n),
+							onLoad: () => y(n),
+							style: e ? j : void 0,
+							title: i.title ?? n,
+							src: _(o, i.file, s[i.file] ?? 0, u[n] ?? 0),
+							sandbox: "allow-scripts",
+							...{
+								0: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x47corl x1qgsegg xaatb59 x1tjb3dp" },
+								2: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x1qgsegg xaatb59 x1tjb3dp x67bb7w" },
+								1: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98" },
+								3: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98" }
+							}[!!m << 1 | !!(g(i, s) && l.has(n))]
+						}) : null
+					}), !a && /* @__PURE__ */ f("span", {
 						className: "x1bo0w0s xqfszdh xfifm61",
-						children: m ? "Drawing…" : i ? "Loading preview…" : "Waiting…"
-					})
+						children: O ? "Drawing…" : "Waiting…"
+					})] })
 				}, n);
 			}),
-			i.map(([t, r]) => r.kind === "title" ? /* @__PURE__ */ f("h2", {
+			a.map(([t, r]) => r.kind === "title" ? /* @__PURE__ */ f("h2", {
 				className: "x10l6tqk x1ghz6dp x1xlr1w8 x1uo3zyz xjat59b xo2rkog x1bd091l",
 				style: {
 					left: r.x,
@@ -524,19 +529,19 @@ function M({ view: e, boards: r, notes: i, contentBase: a, versions: o, pending:
 					padding: 16,
 					fontSize: 18,
 					lineHeight: "27px",
-					...j(r.color)
+					...A(r.color)
 				},
 				children: r.text
 			}, t)),
-			O && /* @__PURE__ */ f(k, {
-				x: O.x + Math.min(64, O.w * .15),
-				y: O.y + Math.min(80, O.h * .2),
+			D && /* @__PURE__ */ f(O, {
+				x: D.x + Math.min(64, D.w * .15),
+				y: D.y + Math.min(80, D.h * .2),
 				zoom: e.k,
-				agent: x ?? "Agent",
-				title: O.title ?? D
+				agent: S ?? "Agent",
+				title: D.title ?? E
 			})
 		]
 	});
 }
 //#endregion
-export { g as a, C as i, A as n, _ as o, w as r, h as s, M as t };
+export { h as a, S as i, k as n, g as o, C as r, m as s, N as t };