@deepseek-ai/dsh-client-ui-sidebar-documentpreview 0.1.7-alpha.2 → 0.1.7-rc.2

package/lib/client.js

@@ -130,6 +130,16 @@ window.__ModuleLoader__.load({
 				name: trimmed.slice(cut)
 			};
 		}
+		/**
+		* Address a decoded absolute file path through the authenticated file route.
+		* @param base - HTTP(S) application base, including its deployment prefix, or `dsh-app://app/`.
+		* @param path - Native file path; URL escapes in authored Markdown must already be decoded.
+		* @returns File URL, or undefined for unsupported transports and non-absolute paths.
+		*/
+		function fileMediaUrl(base, path) {
+			if (!/^https?:/u.test(base) && !base.startsWith("dsh-app://app/") || !isAbsoluteWorkspacePath(path) || /^[/\\]{2}/u.test(path) || /[\u0000-\u001f\u007f]/u.test(path)) return void 0;
+			return new URL(`api/file?path=${encodeURIComponent(path)}`, base).href;
+		}
 		//#endregion
 		//#region lib/types/client/failure-line.js
 		/** Render a byte count the way a person reads one. */
@@ -171,7 +181,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/LoadingIndicator.module.css.mjs
-		const css$9 = ".tKrPPq_loading{vertical-align:middle;white-space:normal;align-items:center;gap:8px;display:inline-flex}";
+		const css$9 = ".tKrPPq_loading{box-sizing:border-box;width:100%;height:100%;min-height:0;color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font,sans-serif);font-size:var(--dsh-content-font-size,14px);text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;line-height:1.5;display:flex}.tKrPPq_inline{vertical-align:middle;flex-direction:row;gap:8px;width:auto;height:auto;padding:0;display:inline-flex}";
 		const tagId$9 = "@deepseek-ai/dsh-client-ui-sidebar-documentpreview/LoadingIndicator.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");
@@ -180,21 +190,26 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$9;
 			document.head.appendChild(tag);
 		}
-		var LoadingIndicator_module_css_default = { "loading": "tKrPPq_loading" };
+		var LoadingIndicator_module_css_default = {
+			"inline": "tKrPPq_inline",
+			"loading": "tKrPPq_loading"
+		};
 		//#endregion
 		//#region lib/types/client/LoadingIndicator.js
 		/**
-		* @param props - localized status label, carried as the accessible name with
-		* no visible text, and optional placement style.
-		* @returns an animated, accessible loading status.
+		* @param props - localized status label and compact inline placement for additional pages.
+		* @returns a centered document loading status or an accessible inline spinner.
 		*/
-		function LoadingIndicator({ label, className }) {
-			return (0, react_jsx_runtime.jsx)("span", {
-				className: clsx(LoadingIndicator_module_css_default.loading, className),
+		function LoadingIndicator({ label, inline = false }) {
+			return (0, react_jsx_runtime.jsxs)("span", {
+				className: clsx(LoadingIndicator_module_css_default.loading, inline && LoadingIndicator_module_css_default.inline),
 				role: "status",
 				"aria-label": label,
 				"data-document-loading": true,
-				children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: "ongoing" })
+				children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+					state: "ongoing",
+					size: inline ? 14 : 28
+				}), !inline && (0, react_jsx_runtime.jsx)("span", { children: label })]
 			});
 		}
 		//#endregion
@@ -473,7 +488,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/TextPreview.module.css.mjs
-		const css$8 = ".dhJKeW_preview{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.dhJKeW_header{box-sizing:border-box;border-bottom:.5px solid var(--dsw-alias-border-l3);flex:none;align-items:center;gap:4px;height:38px;padding:0 6px 0 16px;display:flex}.dhJKeW_path{margin-right:12px}.dhJKeW_changed{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border-bottom:.5px solid var(--dsw-alias-border-l1);flex:none;align-items:center;gap:10px;margin:0;padding:6px 10px;font-size:12px;display:flex}.dhJKeW_body{--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);min-height:0;color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size-secondary,13px);font-family:var(--dsw-font-mono,ui-monospace, monospace);white-space:pre;flex:auto;margin:0;padding:0;line-height:1.6;position:relative;overflow:auto}.dhJKeW_body::-webkit-scrollbar-track{margin:2px}.dhJKeW_body:has([data-code-preview]){flex-direction:column;display:flex;overflow:hidden}.dhJKeW_body:has([data-pdf-preview]){background:var(--dsw-alias-bg-document-preview)}.dhJKeW_wrap{white-space:pre-wrap;word-break:break-word}.dhJKeW_textDocument{box-sizing:border-box;min-width:100%;min-height:100%;padding:8px}.dhJKeW_page{font:var(--dsw-font-markdown-code-block);white-space:inherit;margin:0}.dhJKeW_line{padding:0 10px}.dhJKeW_lineTarget{background:var(--dsw-alias-interactive-bg-hover)}.dhJKeW_empty{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-secondary);font-size:var(--dsh-content-font-size-secondary,13px);font-family:var(--dsw-font-family);text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;line-height:1.6;display:flex}.dhJKeW_empty:after{content:\"\";flex:0 12%}.dhJKeW_emptyIcon{opacity:.6;filter:grayscale();flex:none}.dhJKeW_emptyLine{margin:0}.dhJKeW_retry{height:32px;color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size-secondary,13px);border:.5px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:16px;flex:none;align-items:center;gap:6px;padding:0 14px 0 12px;font-family:inherit;display:inline-flex}.dhJKeW_retry:hover{background:var(--dsw-alias-interactive-bg-hover)}.dhJKeW_titleIcon{flex:none}.dhJKeW_statusLine{color:var(--dsw-alias-label-secondary);font-size:var(--dsh-content-font-size-secondary,13px);white-space:normal;align-items:center;gap:10px;margin:0;padding:6px 10px;line-height:1.6;display:flex}.dhJKeW_status{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:12px 10px;display:flex}.dhJKeW_bodyLoading{box-sizing:border-box;justify-content:center;width:100%;height:100%}.dhJKeW_action{color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size-secondary,13px);font-family:var(--dsw-font,inherit);white-space:normal;background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l2);cursor:pointer;border-radius:6px;padding:4px 10px}.dhJKeW_action:hover{background:var(--dsw-alias-bg-layer-3)}.dhJKeW_more{color:var(--dsw-alias-label-secondary);font-size:12px;font-family:var(--dsw-font,inherit);white-space:normal;background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l2);cursor:pointer;border-radius:6px;margin:8px 10px;padding:4px 10px;display:block}.dhJKeW_more:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3)}.dhJKeW_more:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.dhJKeW_tool{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:28px;flex:none;justify-content:center;align-items:center;padding:6px;line-height:1;display:inline-flex}.dhJKeW_tool svg{width:15px;height:15px}.dhJKeW_tool:hover,.dhJKeW_tool[data-textpreview-tool=auto-refresh][aria-pressed=true]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dhJKeW_viewerTool{width:auto;max-width:160px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;padding:0 6px;font-size:12px;overflow:hidden}";
+		const css$8 = ".dhJKeW_preview{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.dhJKeW_header{box-sizing:border-box;border-bottom:.5px solid var(--dsw-alias-border-l3);flex:none;align-items:center;gap:4px;height:38px;padding:0 6px 0 16px;display:flex}.dhJKeW_path{margin-right:12px}.dhJKeW_changed{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border-bottom:.5px solid var(--dsw-alias-border-l1);flex:none;align-items:center;gap:10px;margin:0;padding:6px 10px;font-size:12px;display:flex}.dhJKeW_body{--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);min-height:0;color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size-secondary,13px);font-family:var(--dsw-font-mono,ui-monospace, monospace);white-space:pre;flex:auto;margin:0;padding:0;line-height:1.6;position:relative;overflow:auto}.dhJKeW_body::-webkit-scrollbar-track{margin:2px}.dhJKeW_body:has([data-code-preview]){flex-direction:column;display:flex;overflow:hidden}.dhJKeW_body:has([data-pdf-preview]){background:var(--dsw-alias-bg-document-preview)}.dhJKeW_wrap{white-space:pre-wrap;word-break:break-word}.dhJKeW_textDocument{box-sizing:border-box;min-width:100%;min-height:100%;padding:8px}.dhJKeW_page{font:var(--dsw-font-markdown-code-block);white-space:inherit;margin:0}.dhJKeW_line{padding:0 10px}.dhJKeW_lineTarget{background:var(--dsw-alias-interactive-bg-hover)}.dhJKeW_empty{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-secondary);font-size:var(--dsh-content-font-size-secondary,13px);font-family:var(--dsw-font-family);text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;line-height:1.6;display:flex}.dhJKeW_empty:after{content:\"\";flex:0 12%}.dhJKeW_emptyIcon{opacity:.6;filter:grayscale();flex:none}.dhJKeW_emptyLine{margin:0}.dhJKeW_retry{height:32px;color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size-secondary,13px);border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);cursor:pointer;background:0 0;flex:none;align-items:center;gap:6px;padding:0 14px 0 12px;font-family:inherit;display:inline-flex}.dhJKeW_retry:hover{background:var(--dsw-alias-interactive-bg-hover)}.dhJKeW_titleIcon{flex:none}.dhJKeW_statusLine{color:var(--dsw-alias-label-secondary);font-size:var(--dsh-content-font-size-secondary,13px);white-space:normal;align-items:center;gap:10px;margin:0;padding:6px 10px;line-height:1.6;display:flex}.dhJKeW_status{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:12px 10px;display:flex}.dhJKeW_action{color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size-secondary,13px);font-family:var(--dsw-font,inherit);white-space:normal;background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);cursor:pointer;padding:4px 10px}.dhJKeW_action:hover{background:var(--dsw-alias-bg-layer-3)}.dhJKeW_more{color:var(--dsw-alias-label-secondary);font-size:12px;font-family:var(--dsw-font,inherit);white-space:normal;background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);cursor:pointer;margin:8px 10px;padding:4px 10px;display:block}.dhJKeW_more:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3)}.dhJKeW_more:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.dhJKeW_tool{width:28px;height:28px;color:var(--dsw-alias-label-secondary);border-radius:var(--dsw-radius-sm);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:6px;line-height:1;display:inline-flex}.dhJKeW_tool svg{width:15px;height:15px}.dhJKeW_tool:hover,.dhJKeW_tool[data-textpreview-tool=auto-refresh][aria-pressed=true]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dhJKeW_viewerTool{width:auto;max-width:160px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;padding:0 6px;font-size:12px;overflow:hidden}";
 		const tagId$8 = "@deepseek-ai/dsh-client-ui-sidebar-documentpreview/TextPreview.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
 			const tag = document.createElement("style");
@@ -485,7 +500,6 @@ window.__ModuleLoader__.load({
 		var TextPreview_module_css_default = {
 			"action": "dhJKeW_action",
 			"body": "dhJKeW_body",
-			"bodyLoading": "dhJKeW_bodyLoading",
 			"changed": "dhJKeW_changed",
 			"empty": "dhJKeW_empty",
 			"emptyIcon": "dhJKeW_emptyIcon",
@@ -722,6 +736,7 @@ window.__ModuleLoader__.load({
 				signal,
 				observedVersion
 			]);
+			(0, react.useEffect)(() => tab.actions.bindCommands({ refresh: reload }), [tab.actions, reload]);
 			(0, react.useEffect)(() => {
 				if (state?.autoRefresh && changed && current !== void 0 && !current.loading && meta.status === "live") reload();
 			}, [
@@ -809,10 +824,7 @@ window.__ModuleLoader__.load({
 				children: meta.status === "none" ? (0, react_jsx_runtime.jsx)("p", {
 					className: TextPreview_module_css_default.statusLine,
 					children: t("resourceUnavailable")
-				}) : (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-					className: TextPreview_module_css_default.statusLine,
-					label: t("loading")
-				})
+				}) : (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: t("loading") })
 			});
 			const next = loadedThrough + 1;
 			const { name } = pathPartsOf(displayPath);
@@ -925,6 +937,7 @@ window.__ModuleLoader__.load({
 							}),
 							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
 								label: t("reload"),
+								shortcutKeys: tab.refreshShortcut?.keys,
 								side: "bottom",
 								delayMs: 500,
 								children: (0, react_jsx_runtime.jsx)("button", {
@@ -932,6 +945,7 @@ window.__ModuleLoader__.load({
 									className: TextPreview_module_css_default.tool,
 									"aria-label": t("reload"),
 									"data-textpreview-tool": "reload",
+									"aria-keyshortcuts": tab.refreshShortcut?.aria,
 									onClick: reload,
 									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, {})
 								})
@@ -953,10 +967,7 @@ window.__ModuleLoader__.load({
 							if (mode === "text-pages" && current?.failure === void 0 && body.clientHeight > 0 && body.scrollTop + body.clientHeight >= body.scrollHeight - 1) loadNext();
 						},
 						children: [
-							mode !== "renderer" && !hasContent && current?.failure === void 0 && (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-								className: clsx(TextPreview_module_css_default.statusLine, TextPreview_module_css_default.bodyLoading),
-								label: t("loading")
-							}),
+							mode !== "renderer" && !hasContent && current?.failure === void 0 && (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: t("loading") }),
 							content !== void 0 && renderSlot("sidebar.right.tab.document", {
 								resourceAddress: tab.contentId,
 								content,
@@ -1011,7 +1022,10 @@ window.__ModuleLoader__.load({
 								disabled: current.loading,
 								"data-textpreview-more": true,
 								onClick: loadNext,
-								children: current.loading ? (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: t("loading") }) : t("loadMore")
+								children: current.loading ? (0, react_jsx_runtime.jsx)(LoadingIndicator, {
+									inline: true,
+									label: t("loading")
+								}) : t("loadMore")
 							})
 						]
 					})
@@ -1434,7 +1448,7 @@ window.__ModuleLoader__.load({
 		*/
 		/** Simplified Chinese dictionary and key-set source of truth. */
 		const zh$7 = {
-			loading: "正在读取…",
+			loading: "文档渲染中...",
 			loadMore: "加载更多",
 			changed: "文件已更新，当前显示为旧内容",
 			reloadNow: "重新载入",
@@ -1459,7 +1473,7 @@ window.__ModuleLoader__.load({
 		};
 		/** English dictionary, checked against the Chinese key set. */
 		const en$7 = {
-			loading: "Reading…",
+			loading: "Rendering document...",
 			loadMore: "Load more",
 			changed: "The file has changed, showing the previous content.",
 			reloadNow: "Reload",
@@ -1499,10 +1513,9 @@ window.__ModuleLoader__.load({
 		* @param base - document base URI, including any deployment prefix.
 		* @param documentPath - absolute source path reported by the Host, when available.
 		* @param destination - authored Markdown image URL; query and fragment are not filename components.
-		* @returns an HTTP(S) file URL, or undefined for unsupported or malformed destinations.
+		* @returns a Web or Desktop file URL, or undefined for unsupported or malformed destinations.
 		*/
 		function markdownImageUrl(base, documentPath, destination) {
-			if (!base.startsWith("http:") && !base.startsWith("https:")) return void 0;
 			const suffix = destination.search(/[?#]/u);
 			let path;
 			try {
@@ -1510,13 +1523,13 @@ window.__ModuleLoader__.load({
 			} catch (_error) {
 				return;
 			}
-			if (path.length === 0 || path.includes("\0") || /^[/\\]{2}/u.test(path)) return void 0;
+			if (path.length === 0) return void 0;
 			if (!/^[a-z]:[/\\]/iu.test(path) && /^[a-z][a-z\d+.-]*:/iu.test(path)) return void 0;
 			if (!isAbsoluteWorkspacePath(path)) {
 				if (documentPath === void 0) return void 0;
 				path = pathPartsOf(documentPath).directory + path;
 			}
-			return new URL(`api/file?path=${encodeURIComponent(path)}`, base).href;
+			return fileMediaUrl(base, path);
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/markdown/MarkdownBody.module.css.mjs
@@ -3931,7 +3944,7 @@ document.open();document.write(html);document.close();
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/html/HtmlBody.module.css.mjs
-		const css$6 = ".HyIruq_frame{background:var(--dsw-alias-bg-base);border:none;width:100%;height:100%;min-height:240px;display:block}.HyIruq_status{color:var(--dsw-alias-label-secondary);white-space:normal;margin:0;padding:10px}.HyIruq_opening{box-sizing:border-box;justify-content:center;width:100%;min-height:100%}";
+		const css$6 = ".HyIruq_frame{background:var(--dsw-alias-bg-base);border:none;width:100%;height:100%;min-height:240px;display:block}.HyIruq_status{color:var(--dsw-alias-label-secondary);white-space:normal;margin:0;padding:10px}";
 		const tagId$6 = "@deepseek-ai/dsh-client-ui-sidebar-documentpreview/HtmlBody.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3942,14 +3955,13 @@ document.open();document.write(html);document.close();
 		}
 		var HtmlBody_module_css_default = {
 			"frame": "HyIruq_frame",
-			"opening": "HyIruq_opening",
 			"status": "HyIruq_status"
 		};
 		//#endregion
 		//#region lib/types/client/html/HtmlBody.js
 		/** Static or interactive HTML in an opaque iframe, without parent application access. */
 		/** One mounted file owns its root Blob; replacing content also replaces the browsing context. */
-		function HtmlFrame({ data, resourceAddress, readRelated, addResource, setResources, signal, t }) {
+		function HtmlFrame({ data, resourceAddress, readRelated, addResource, setResources, signal, frameName, t }) {
 			const [frame, setFrame] = (0, react.useState)();
 			(0, react.useEffect)(() => {
 				const controller = new AbortController();
@@ -3992,16 +4004,14 @@ document.open();document.write(html);document.close();
 				setResources,
 				signal
 			]);
-			if (frame?.data !== data || frame.readRelated !== readRelated) return (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-				className: clsx(HtmlBody_module_css_default.status, HtmlBody_module_css_default.opening),
-				label: t("loading")
-			});
+			if (frame?.data !== data || frame.readRelated !== readRelated) return (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: t("loading") });
 			if (frame.url === void 0) return (0, react_jsx_runtime.jsx)("p", {
 				className: HtmlBody_module_css_default.status,
 				role: "alert",
 				children: t("failed")
 			});
 			return (0, react_jsx_runtime.jsx)("iframe", {
+				name: frameName,
 				className: HtmlBody_module_css_default.frame,
 				src: frame.url,
 				sandbox: "allow-scripts",
@@ -4021,8 +4031,10 @@ document.open();document.write(html);document.close();
 				if (!interactivePreview) setResources([]);
 			}, [interactivePreview, setResources]);
 			if (content.kind !== "bytes") return null;
+			const frameName = `dsh-sidebar-html-${tab.id}`;
 			if (!interactivePreview) return (0, react_jsx_runtime.jsx)(BasicHtmlFrame, {
 				data: content.data,
+				frameName,
 				t
 			});
 			return (0, react_jsx_runtime.jsx)(HtmlFrame, {
@@ -4030,13 +4042,14 @@ document.open();document.write(html);document.close();
 				resourceAddress,
 				readRelated,
 				signal: tab.signal,
+				frameName,
 				addResource,
 				setResources,
 				t
 			}, resourceAddress);
 		}
 		/** Static preview mounts a separate browsing context so a mode change retires running scripts. */
-		function BasicHtmlFrame({ data, t }) {
+		function BasicHtmlFrame({ data, frameName, t }) {
 			const html = (0, react.useMemo)(() => {
 				try {
 					return createBasicHtmlDocument(data);
@@ -4050,6 +4063,7 @@ document.open();document.write(html);document.close();
 				children: t("failed")
 			});
 			return (0, react_jsx_runtime.jsx)("iframe", {
+				name: frameName,
 				className: HtmlBody_module_css_default.frame,
 				srcDoc: html,
 				sandbox: "",
@@ -4063,14 +4077,14 @@ document.open();document.write(html);document.close();
 		const zh$5 = {
 			title: "HTML",
 			frame: "HTML 文档预览",
-			loading: "正在读取…",
+			loading: "文档渲染中...",
 			failed: "无法预览这份 HTML 文档"
 		};
 		/** English dictionary with the same keys as the Chinese dictionary. */
 		const en$5 = {
 			title: "HTML",
 			frame: "HTML document preview",
-			loading: "Reading…",
+			loading: "Rendering document...",
 			failed: "This HTML document could not be previewed."
 		};
 		//#endregion
@@ -4184,7 +4198,7 @@ document.open();document.write(html);document.close();
 		const DEFAULT_ZOOM = FIT_WIDTH;
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/zoom/ZoomControls.module.css.mjs
-		const css$5 = ".lyqg2a_panel{z-index:2;inset-inline-start:50%;box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);opacity:0;pointer-events:none;will-change:opacity, transform;border-radius:12px;align-items:center;gap:2px;padding:4px 6px;font-size:12px;line-height:18px;transition:opacity .16s ease-in,transform .16s cubic-bezier(.4,0,1,1);display:flex;position:absolute;bottom:14px;transform:translate(-50%,16px)scale(.98);box-shadow:0 8px 24px light-dark(#0000001a,#00000060),0 2px 5px light-dark(#00000009,#00000035)}.lyqg2a_visible{opacity:1;pointer-events:auto;transition:opacity .14s ease-out,transform .18s cubic-bezier(.22,1,.36,1);transform:translate(-50%)scale(1)}.lyqg2a_controlAnchor{display:flex}.lyqg2a_zoomButton{flex:none;width:28px;padding:0}.lyqg2a_percent{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;min-width:58px;padding-inline:6px;display:inline-flex}.lyqg2a_zoomMenu{min-width:112px}@media (hover:none),(pointer:coarse){.lyqg2a_panel{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.lyqg2a_panel,.lyqg2a_visible{transition-duration:.01ms}}";
+		const css$5 = ".lyqg2a_panel{z-index:2;inset-inline-start:50%;box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-lg);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);opacity:0;pointer-events:none;will-change:opacity, transform;align-items:center;gap:2px;padding:4px 6px;font-size:12px;line-height:18px;transition:opacity .16s ease-in,transform .16s cubic-bezier(.4,0,1,1);display:flex;position:absolute;bottom:14px;transform:translate(-50%,16px)scale(.98);box-shadow:0 8px 24px light-dark(#0000001a,#00000060),0 2px 5px light-dark(#00000009,#00000035)}.lyqg2a_visible{opacity:1;pointer-events:auto;transition:opacity .14s ease-out,transform .18s cubic-bezier(.22,1,.36,1);transform:translate(-50%)scale(1)}.lyqg2a_controlAnchor{display:flex}.lyqg2a_zoomButton{flex:none;width:28px;padding:0}.lyqg2a_percent{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;min-width:58px;padding-inline:6px;display:inline-flex}.lyqg2a_zoomMenu{min-width:112px}@media (hover:none),(pointer:coarse){.lyqg2a_panel{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.lyqg2a_panel,.lyqg2a_visible{transition-duration:.01ms}}";
 		const tagId$5 = "@deepseek-ai/dsh-client-ui-sidebar-documentpreview/ZoomControls.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
 			const tag = document.createElement("style");
@@ -4513,7 +4527,12 @@ document.open();document.write(html);document.close();
 				frame.current?.setAttribute("data-document-zoom-mode", props.preference.kind);
 				frame.current?.style.setProperty("--document-zoom", String(zoom));
 				controls.current?.showZoom(zoom);
-			}, [props.preference.kind, zoom]);
+				props.onRenderZoom?.(zoom);
+			}, [
+				props.onRenderZoom,
+				props.preference.kind,
+				zoom
+			]);
 			(0, react.useEffect)(() => {
 				const node = scrollport.current;
 				const clearPendingPinch = () => {
@@ -4593,7 +4612,7 @@ document.open();document.write(html);document.close();
 		const zoomSurfaceClass = ZoomViewport_module_css_default.surface;
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/image/ImageBody.module.css.mjs
-		const css$3 = ".JFRUHG_frame{box-sizing:border-box;width:100%;min-width:100%;height:max-content;min-height:100%;font-family:var(--dsw-font,sans-serif);white-space:normal;padding:12px;display:flex}.JFRUHG_surface{flex:none;max-width:none;margin:auto;display:block}.JFRUHG_surface[hidden]{display:none}.JFRUHG_image{user-select:none;border-radius:8px;width:100%;max-width:none;height:auto;max-height:none;display:block}.JFRUHG_status{box-sizing:border-box;width:100%;min-height:100%;color:var(--dsw-alias-label-secondary);white-space:normal;justify-content:center;align-items:center;margin:0;padding:10px;font-size:13px;line-height:1.5;display:flex}";
+		const css$3 = ".JFRUHG_frame{box-sizing:border-box;width:100%;min-width:100%;height:max-content;min-height:100%;font-family:var(--dsw-font,sans-serif);white-space:normal;padding:12px;display:flex}.JFRUHG_frame:has([data-document-loading]){height:100%}.JFRUHG_surface{flex:none;max-width:none;margin:auto;display:block}.JFRUHG_surface[hidden]{display:none}.JFRUHG_image{border-radius:var(--dsw-radius-md);user-select:none;width:100%;max-width:none;height:auto;max-height:none;display:block}.JFRUHG_status{box-sizing:border-box;width:100%;min-height:100%;color:var(--dsw-alias-label-secondary);white-space:normal;justify-content:center;align-items:center;margin:0;padding:10px;font-size:13px;line-height:1.5;display:flex}";
 		const tagId$3 = "@deepseek-ai/dsh-client-ui-sidebar-documentpreview/ImageBody.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
@@ -4681,10 +4700,7 @@ document.open();document.write(html);document.close();
 				role: "alert",
 				children: t("unsupported")
 			});
-			if (source?.data !== data || source.mediaType !== mediaType) return (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-				className: ImageBody_module_css_default.status,
-				label: t("loading")
-			});
+			if (source?.data !== data || source.mediaType !== mediaType) return (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: t("loading") });
 			if (source.kind === "failed") return (0, react_jsx_runtime.jsx)("p", {
 				className: ImageBody_module_css_default.status,
 				role: "alert",
@@ -4726,10 +4742,7 @@ document.open();document.write(html);document.close();
 					className: ImageBody_module_css_default.frame,
 					"data-image-preview": true,
 					children: [
-						state === "loading" && (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-							className: ImageBody_module_css_default.status,
-							label: t("loading")
-						}),
+						state === "loading" && (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: t("loading") }),
 						state === "failed" && (0, react_jsx_runtime.jsx)("p", {
 							className: ImageBody_module_css_default.status,
 							role: "alert",
@@ -4787,7 +4800,7 @@ document.open();document.write(html);document.close();
 			...zoomZh,
 			title: "图片",
 			preview: "图片预览：{name}",
-			loading: "正在读取…",
+			loading: "文档渲染中...",
 			failed: "无法显示这张图片",
 			unsupported: "图片预览需要完整文件内容"
 		};
@@ -4796,7 +4809,7 @@ document.open();document.write(html);document.close();
 			...zoomEn,
 			title: "Image",
 			preview: "Image preview: {name}",
-			loading: "Reading…",
+			loading: "Rendering document...",
 			failed: "This image could not be displayed.",
 			unsupported: "Image preview requires the complete file contents."
 		};
@@ -4874,12 +4887,13 @@ document.open();document.write(html);document.close();
 		* @returns the deferred PDF renderer.
 		*/
 		function LazyPdfBody(props) {
+			const loading = (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: props.t("loading") });
 			return (0, react_jsx_runtime.jsx)(react.Suspense, {
-				fallback: (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-					className: TextPreview_module_css_default.status,
-					label: props.t("loading")
-				}),
-				children: (0, react_jsx_runtime.jsx)(LoadedPdfBody, { ...props })
+				fallback: loading,
+				children: (0, react_jsx_runtime.jsx)(LoadedPdfBody, {
+					...props,
+					loading
+				})
 			});
 		}
 		//#endregion
@@ -4923,7 +4937,7 @@ document.open();document.write(html);document.close();
 			...zoomZh,
 			title: "PDF",
 			pageImage: "PDF 第 {page} 页",
-			loading: "正在读取…",
+			loading: "文档渲染中...",
 			rendering: "正在绘制页面…",
 			failed: "无法显示 PDF：{message}",
 			password: "此 PDF 需要密码，暂不支持预览",
@@ -4936,7 +4950,7 @@ document.open();document.write(html);document.close();
 			...zoomEn,
 			title: "PDF",
 			pageImage: "PDF page {page}",
-			loading: "Reading…",
+			loading: "Rendering document...",
 			rendering: "Rendering page…",
 			failed: "Cannot display PDF: {message}",
 			password: "This PDF requires a password; password-protected previews are not supported.",
@@ -5088,7 +5102,7 @@ document.open();document.write(html);document.close();
 		/** Office preview copy and Host render configuration guidance. */
 		const zh$1 = {
 			title: "Office 文档",
-			loading: "正在读取…",
+			loading: "文档渲染中...",
 			retry: "重试",
 			viewMissingFonts: "缺失 {count} 种字体，点击查看",
 			missingFontsTitle: "缺失的字体",
@@ -5106,7 +5120,7 @@ document.open();document.write(html);document.close();
 		/** English translations checked against the Chinese key set. */
 		const en$1 = {
 			title: "Office document",
-			loading: "Reading…",
+			loading: "Rendering document...",
 			retry: "Retry",
 			viewMissingFonts: "Missing fonts: {count}. Click to view.",
 			missingFontsTitle: "Missing fonts",
@@ -5380,10 +5394,7 @@ document.open();document.write(html);document.close();
 					]
 				});
 			}
-			if (file === void 0) return (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-				className: TextPreview_module_css_default.statusLine,
-				label: t("loading")
-			});
+			if (file === void 0) return (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: t("loading") });
 			return (0, react_jsx_runtime.jsx)("div", {
 				className: OfficeBody_module_css_default.body,
 				children: props.renderSlot("sidebar.right.tab.document.office.pdf", {
@@ -5404,7 +5415,7 @@ document.open();document.write(html);document.close();
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/office/FontNotice.module.css.mjs
-		const css = ".JqwYuG_anchor{flex:none;display:inline-flex}.JqwYuG_anchor .JqwYuG_warning,.JqwYuG_anchor .JqwYuG_warning:hover{color:var(--dsw-alias-state-warn-label)}.JqwYuG_anchor .JqwYuG_warning:hover,.JqwYuG_anchor .JqwYuG_warning[aria-expanded=true]{background:var(--dsw-alias-state-warn-tertiary)}.JqwYuG_panel{--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);z-index:100;box-sizing:border-box;width:min(340px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);box-shadow:var(--dsw-elevation-prominent);border:0;border-radius:12px;padding:16px;font-size:13px;line-height:1.6;position:fixed;overflow:auto}.JqwYuG_panelHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.JqwYuG_panelHeader h3{margin:0;font-size:14px;font-weight:600}.JqwYuG_description{color:var(--dsw-alias-label-secondary);margin:8px 0 16px}.JqwYuG_count{color:var(--dsw-alias-label-tertiary);margin:0 0 6px;font-size:12px}.JqwYuG_fonts{overflow-wrap:anywhere;margin:0;padding:0;list-style:none}.JqwYuG_fonts li{border-top:.5px solid var(--dsw-alias-border-l2);padding:8px 0}";
+		const css = ".JqwYuG_anchor{flex:none;display:inline-flex}.JqwYuG_anchor .JqwYuG_warning,.JqwYuG_anchor .JqwYuG_warning:hover{color:var(--dsw-alias-state-warn-label)}.JqwYuG_anchor .JqwYuG_warning:hover,.JqwYuG_anchor .JqwYuG_warning[aria-expanded=true]{background:var(--dsw-alias-state-warn-tertiary)}.JqwYuG_panel{--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);z-index:100;box-sizing:border-box;width:min(340px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border-radius:var(--dsw-radius-lg);box-shadow:var(--dsw-elevation-prominent);border:0;padding:16px;font-size:13px;line-height:1.6;position:fixed;overflow:auto}.JqwYuG_panelHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.JqwYuG_panelHeader h3{margin:0;font-size:14px;font-weight:600}.JqwYuG_description{color:var(--dsw-alias-label-secondary);margin:8px 0 16px}.JqwYuG_count{color:var(--dsw-alias-label-tertiary);margin:0 0 6px;font-size:12px}.JqwYuG_fonts{overflow-wrap:anywhere;margin:0;padding:0;list-style:none}.JqwYuG_fonts li{border-top:.5px solid var(--dsw-alias-border-l2);padding:8px 0}";
 		const tagId = "@deepseek-ai/dsh-client-ui-sidebar-documentpreview/FontNotice.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -5784,14 +5795,13 @@ document.open();document.write(html);document.close();
 		*/
 		function LazyExcelBody(props) {
 			const format = excelFormat(hostFileOf(props.resourceAddress).path);
+			const loading = (0, react_jsx_runtime.jsx)(LoadingIndicator, { label: props.t("loading") });
 			return (0, react_jsx_runtime.jsx)(react.Suspense, {
-				fallback: (0, react_jsx_runtime.jsx)(LoadingIndicator, {
-					className: TextPreview_module_css_default.status,
-					label: props.t("loading")
-				}),
+				fallback: loading,
 				children: (0, react_jsx_runtime.jsx)(LoadedExcelBody, {
 					...props,
-					format
+					format,
+					loading
 				})
 			});
 		}
@@ -5801,7 +5811,7 @@ document.open();document.write(html);document.close();
 		const zh = {
 			title: "表格",
 			language: "zh",
-			loading: "正在打开表格…",
+			loading: "文档渲染中...",
 			invalid: "无法打开此表格。请检查文件格式、内容或密码保护。",
 			tooLarge: "此表格超过预览大小限制。",
 			timeout: "打开表格超时。请缩小文件后重试。",
@@ -5819,7 +5829,7 @@ document.open();document.write(html);document.close();
 		const en = {
 			title: "Spreadsheet",
 			language: "en",
-			loading: "Opening spreadsheet…",
+			loading: "Rendering document...",
 			invalid: "This spreadsheet could not be opened. Check its format, contents, or password protection.",
 			tooLarge: "This workbook exceeds the preview size limit.",
 			timeout: "Opening this workbook timed out. Try a smaller file.",
@@ -6848,9 +6858,9 @@ document.open();document.write(html);document.close();
 			apply$6(ctx);
 			apply$5(ctx);
 			apply$4(ctx);
-			apply$3(ctx);
 			apply$2(ctx, config.office);
 			apply$1(ctx, config.excel);
+			apply$3(ctx);
 		}
 		//#endregion
 		exports.apply = apply;