dsh-figmark 1.2.2 → 1.2.4

package/lib/client.js

@@ -73,15 +73,17 @@ window.__ModuleLoader__.load({
 			reveal_hidden: "元素目前不可见，请先展开或翻到对应页面",
 			reveal_wrong_surface: "无法切换到标注所在的页面",
 			reveal_timeout: "页面没有响应定位请求",
-			serviceKicker: "LOCAL RUNTIME",
 			serviceTitle: "本机网页",
-			serviceHint: "只标注已经在 http:// 上运行、可交互的页面。静态 HTML 只读预览，不进入标注。",
-			serviceSearch: "输入 localhost:5173 或运行中的地址",
+			serviceHint: "打开正在运行的本机网页，直接圈画与批注。",
+			serviceSearch: "搜索页面，或输入 localhost:5173",
 			serviceOpen: "打开",
 			serviceOpening: "正在连接",
 			serviceLocal: "正在运行",
 			serviceScanning: "检索中",
 			serviceRescan: "重新检索",
+			serviceNoMatch: "没有匹配的页面",
+			serviceChooseMatch: "找到多个页面，请选择下方的一项。",
+			serviceSearchHint: "换个关键词，或输入完整的本机地址。",
 			serviceEmpty: "没有发现本机服务",
 			serviceEmptyHint: "先启动开发服务器，或在上方直接输入地址。",
 			serviceBadAddress: "请输入本机 HTTP 地址",
@@ -169,18 +171,25 @@ window.__ModuleLoader__.load({
 			detailHint: "当前选中",
 			detailUnset: "未选中",
 			detailIdle: "在图上点一下、框一块或画一笔，就能为那处写说明。",
-			cardOpen: "打开完整标注",
+			cardOpen: "打开原文件",
 			cardOpenLive: "回到本机网页",
 			cardCaptureOmitted: "位置标注",
 			cardCaptureFailed: "截图失败",
-			cardMore: "还有 {n} 处",
+			cardMore: "查看其余 {n} 处",
+			cardExpand: "查看完整批注",
+			cardCollapse: "收起详情",
+			cardOpenFailed: "未能打开原内容，请重试。",
 			cardGoal: "目标",
 			cardPage: "第 {n} 页",
+			cardPages: "共 {n} 页",
 			cardCount: "{n} 处标注",
 			pendingCount: "{n}",
 			pendingRemove: "移除附图标注",
-			pendingSendHint: "发送当前对话框中的全部标注",
-			pendingSendNow: "发送全部标注",
+			pendingSendHint: "发送当前消息及全部待发送标注",
+			pendingSendMessage: "发送消息",
+			pendingSending: "发送中…",
+			pendingUnavailable: "当前输入框暂时无法发送。",
+			pendingSendNow: "发送这份标注",
 			pendingFailed: "没能发送："
 		};
 		/** English copy. */
@@ -223,15 +232,17 @@ window.__ModuleLoader__.load({
 			reveal_hidden: "The element is not visible yet",
 			reveal_wrong_surface: "Could not switch to the mark’s page",
 			reveal_timeout: "The page did not answer the locate request",
-			serviceKicker: "LOCAL RUNTIME",
 			serviceTitle: "Local pages",
-			serviceHint: "Annotate interactive pages already served over http://. Static HTML is preview-only.",
-			serviceSearch: "localhost:5173 or another running address",
+			serviceHint: "Open a running local page to draw and comment.",
+			serviceSearch: "Find a page or enter localhost:5173",
 			serviceOpen: "Open",
 			serviceOpening: "Connecting",
 			serviceLocal: "Running",
 			serviceScanning: "Scanning",
 			serviceRescan: "Scan again",
+			serviceNoMatch: "No matching pages",
+			serviceChooseMatch: "Several pages match. Choose one below.",
+			serviceSearchHint: "Try another keyword or enter the full local address.",
 			serviceEmpty: "No local services found",
 			serviceEmptyHint: "Start a development server, or type its address above.",
 			serviceBadAddress: "Enter a local HTTP address",
@@ -319,18 +330,25 @@ window.__ModuleLoader__.load({
 			detailHint: "selected",
 			detailUnset: "nothing selected",
 			detailIdle: "Click the figure, or box a region or draw a stroke, to write about that spot.",
-			cardOpen: "Open the full annotation",
+			cardOpen: "Open source file",
 			cardOpenLive: "Return to the local page",
 			cardCaptureOmitted: "location only",
 			cardCaptureFailed: "screenshot failed",
-			cardMore: "and {n} more",
+			cardMore: "Show {n} more",
+			cardExpand: "Review all annotations",
+			cardCollapse: "Collapse details",
+			cardOpenFailed: "Could not open the source. Try again.",
 			cardGoal: "Goal",
 			cardPage: "page {n}",
+			cardPages: "{n} pages",
 			cardCount: "{n} annotations",
 			pendingCount: "{n}",
 			pendingRemove: "Remove the annotation",
-			pendingSendHint: "Send every annotation in this composer",
-			pendingSendNow: "Send every annotation",
+			pendingSendHint: "Send the message and all staged reviews",
+			pendingSendMessage: "Send message",
+			pendingSending: "Sending…",
+			pendingUnavailable: "This composer cannot send right now.",
+			pendingSendNow: "Send this review",
 			pendingFailed: "Could not send: "
 		};
 		/** Locale namespace this dictionary registers under. */
@@ -3808,6 +3826,7 @@ window.__ModuleLoader__.load({
 					fontSize: pinFontSizeOf(unit),
 					fontWeight: 700,
 					fill: PIN_NUMBER_COLOR,
+					stroke: "none",
 					textAnchor: "middle",
 					dominantBaseline: "central",
 					children: number
@@ -4026,6 +4045,7 @@ window.__ModuleLoader__.load({
 				fontSize,
 				fontWeight: 600,
 				fill: CODE_TEXT_COLOR,
+				stroke: "none",
 				dominantBaseline: "central",
 				children: code
 			})] });
@@ -4813,14 +4833,14 @@ window.__ModuleLoader__.load({
 		* Upload one file as a draft attachment without putting it in the rail yet.
 		* @param conversation - the conversation service.
 		* @param sessionId - session the draft belongs to.
-		* @param file - the file to hold, when there is one.
+		* @param files - the rendered review images to hold.
 		* @returns the ids the send will add, empty when the file could not be made into one.
 		*/
-		function holdFile(conversation, sessionId, file) {
+		function holdFiles(conversation, sessionId, files) {
 			const create = conversation.createDrafts?.bind(conversation);
-			if (file === void 0 || create === void 0) return [];
+			if (files.length === 0 || create === void 0) return [];
 			try {
-				return create(sessionId, [file]).map((draft) => draft.id);
+				return create(sessionId, files);
 			} catch {
 				return [];
 			}
@@ -4831,9 +4851,10 @@ window.__ModuleLoader__.load({
 		* @param sessionId - session the draft belongs to.
 		* @param message - the message, verbatim.
 		* @param file - the review picture, when the surface has one to attach.
+		* @param additionalFiles - marked page images of a multi-page review.
 		* @returns what was armed, or undefined when this session cannot be armed.
 		*/
-		function armReview(conversation, sessionId, message, file) {
+		function armReview(conversation, sessionId, message, file, additionalFiles = []) {
 			let shell;
 			try {
 				shell = conversation.input.shell(sessionId);
@@ -4841,10 +4862,12 @@ window.__ModuleLoader__.load({
 				return;
 			}
 			if (typeof shell.submit !== "function") return void 0;
+			const drafts = holdFiles(conversation, sessionId, file === void 0 ? additionalFiles : [file, ...additionalFiles]);
 			return {
 				shell,
 				text: message,
-				attachmentIds: holdFile(conversation, sessionId, file)
+				attachmentIds: drafts.map((draft) => draft.id),
+				previewUrls: drafts.flatMap((draft) => draft.previewUrl === void 0 ? [] : [draft.previewUrl])
 			};
 		}
 		/**
@@ -4907,12 +4930,13 @@ window.__ModuleLoader__.load({
 			for (const claim of claims) {
 				const { text, attachmentIds } = claim.armed;
 				if (draft.includes(text)) continue;
-				if (attachmentIds.length > 0) {
-					if (!attach(shell, attachmentIds)) {
+				const missing = attachmentIds.filter((id) => !live.attachmentIds?.includes(id));
+				if (missing.length > 0) {
+					if (!attach(shell, missing)) {
 						unwind(shell, typed, added);
 						return;
 					}
-					added.push(...attachmentIds);
+					added.push(...missing);
 				}
 				draft = draft.trim() === "" ? text : `${draft}\n\n${text}`;
 			}
@@ -4972,7 +4996,7 @@ window.__ModuleLoader__.load({
 			try {
 				shell.setDraft(merge.typed);
 			} catch {}
-			for (const claim of claims) for (const id of claim.armed.attachmentIds) shell.removeAttachment?.(id);
+			for (const claim of claims) if (claim.armed.staged !== true) for (const id of claim.armed.attachmentIds) shell.removeAttachment?.(id);
 		}
 		/**
 		* Take one card off whatever patch its shell is currently carrying.
@@ -5045,9 +5069,9 @@ window.__ModuleLoader__.load({
 				const send = () => {
 					try {
 						original.apply(shell, args);
-						settleClaims(shell, claims, merge);
 					} finally {
 						waiting = false;
+						settleClaims(shell, claims, merge);
 					}
 				};
 				if (wroteThrough(shell, merge)) {
@@ -5100,13 +5124,27 @@ window.__ModuleLoader__.load({
 		*/
 		function parkInComposer(input) {
 			const { document: document_, locale, paths, sessionId } = input;
-			const message = buildAnnotationMessage(document_, paths, locale, input.file !== void 0, input.pageImages ?? 0, input.pageCapture);
+			let armed = input.conversation === void 0 ? void 0 : armReview(input.conversation, sessionId, "", input.file, input.files);
+			const planned = (input.file === void 0 ? 0 : 1) + (input.files?.length ?? 0);
+			const attached = armed?.attachmentIds.length ?? planned;
+			const pageCapture = input.pageCapture === "attached" && attached === 0 ? "failed" : input.pageCapture;
+			const message = buildAnnotationMessage(document_, paths, locale, attached > 0, Math.min(input.pageImages ?? 0, attached), pageCapture);
+			if (armed !== void 0 && input.conversation !== void 0) {
+				const ids = armed.attachmentIds.length > 0 ? armed.attachmentIds : holdFiles(input.conversation, sessionId, [new File([message], "annotation.txt", { type: "text/plain" })]).map((draft) => draft.id);
+				if (ids.length > 0 && attach(armed.shell, ids)) armed = {
+					...armed,
+					attachmentIds: ids,
+					staged: true
+				};
+				else {
+					for (const id of ids) input.conversation.releaseDraftAttachment?.(id);
+					armed = void 0;
+				}
+			}
 			rememberDelivered(message, input.thumb);
-			const block = matchAnnotation(message, 0);
-			const armed = input.conversation === void 0 ? void 0 : armReview(input.conversation, sessionId, message, input.file);
 			parkAnnotation({
 				sessionId,
-				data: block?.data ?? {
+				data: matchAnnotation(message, 0)?.data ?? {
 					file: document_.figure.path,
 					scope: "",
 					target: "",
@@ -5117,7 +5155,10 @@ window.__ModuleLoader__.load({
 				},
 				raw: message,
 				conversation: input.conversation,
-				armed,
+				armed: armed === void 0 ? void 0 : {
+					...armed,
+					text: message
+				},
 				send: input.send
 			});
 		}
@@ -5498,9 +5539,15 @@ window.__ModuleLoader__.load({
 		*/
 		function figureSvg(layer, lit = []) {
 			if (layer.kind === "raster") return `<image x="0" y="0" width="${layer.width}" height="${layer.height}" href="${layer.dataUrl}"/>`;
-			const viewBox = layer.viewBox === void 0 ? "" : ` viewBox="${layer.viewBox}"`;
-			const inner = lightMarkup(layer.markup, lit).replace(/^<\?xml[^>]*\?>\s*/u, "").replace(/^<svg[^>]*>/iu, "").replace(/<\/svg>\s*$/iu, "");
-			return `<svg x="0" y="0" width="${layer.width}" height="${layer.height}"${viewBox} preserveAspectRatio="xMidYMid meet">${inner}</svg>`;
+			const litMarkup = lightMarkup(layer.markup, lit);
+			const root = new DOMParser().parseFromString(litMarkup, "image/svg+xml").documentElement;
+			root.setAttribute("x", "0");
+			root.setAttribute("y", "0");
+			root.setAttribute("width", String(layer.width));
+			root.setAttribute("height", String(layer.height));
+			if (layer.viewBox !== void 0) root.setAttribute("viewBox", layer.viewBox);
+			root.setAttribute("preserveAspectRatio", "xMidYMid meet");
+			return new XMLSerializer().serializeToString(root);
 		}
 		/**
 		* Encode bytes as a `data:` URL.
@@ -8784,19 +8831,20 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
   border:0.5px solid var(--dsw-alias-border-l2,rgba(128,128,128,.3));border-radius:12px;
   background:var(--dsw-alias-bg-base,rgba(255,255,255,.72));
   box-shadow:0 1px 2px rgba(20,40,80,.04);white-space:normal}
-button.da-card{appearance:none;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
-button.da-card:hover{border-color:var(--dsw-alias-border-l3,rgba(128,128,128,.46));background:var(--dsw-alias-bg-layer-2,rgba(128,128,128,.08));
-  box-shadow:0 3px 10px rgba(20,40,80,.07)}
-button.da-card:focus-visible{outline:2px solid var(--da-accent,#176df2);outline-offset:1px}
-.da-card-head{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;
+/* Review, source navigation and delivery are separate native buttons. */
+.da-card button,.da-staged-send{appearance:none;font:inherit;color:inherit;cursor:pointer}
+.da-card button:focus-visible,.da-staged-send:focus-visible{outline:2px solid var(--da-accent,#176df2);outline-offset:-2px}
+.da-card button:hover,.da-staged-send:hover{background:var(--dsw-alias-bg-layer-2,rgba(128,128,128,.08));color:var(--da-accent,#176df2)}
+.da-card-head{width:100%;box-sizing:border-box;border:0;text-align:left;display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;
   border-bottom:0.5px solid var(--dsw-alias-border-l2,rgba(128,128,128,.2));
   background:var(--dsw-alias-bg-layer-1,rgba(128,128,128,.025))}
+.da-card-head-static{cursor:default}
 .da-card-shot{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;overflow:hidden;border-radius:7px;
   border:0.5px solid var(--dsw-alias-border-l2,rgba(128,128,128,.18));
   background:var(--dsw-alias-bg-layer-3,rgba(128,128,128,.1));color:var(--da-accent,#176df2)}
 /* The picture covers the glyph; a picture that fails hides itself, and the glyph
    underneath it all along is what is left. A miss is never an empty box. */
-.da-card-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.da-card-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 .da-card-shot img[hidden]{display:none}
 .da-card-glyph{width:18px;height:18px}
 .da-card-text{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}
@@ -8819,10 +8867,11 @@ button.da-card:focus-visible{outline:2px solid var(--da-accent,#176df2);outline-
   border-radius:50%;background:var(--dsw-alias-bg-layer-3,rgba(128,128,128,.1));
   color:var(--dsw-alias-label-tertiary,inherit)}
 .da-card-go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
-button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242,.14));color:var(--da-accent,#176df2)}
+.da-card-head:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242,.14));color:var(--da-accent,#176df2)}
 /* Each mark is a compact record, not a line of debug output. The row head answers
    "which mark and where"; the element name and selector follow only when the message
    carried them; the reader's sentence is the strongest text. */
+.da-card[data-expanded="true"] .da-card-go{transform:rotate(90deg)}
 .da-card-body{display:flex;flex-direction:column;min-width:0;padding:0 9px 2px}
 .da-card-row{display:flex;flex-direction:column;gap:2px;min-width:0;padding:6px 0}
 .da-card-row+.da-card-row{border-top:0.5px solid var(--dsw-alias-border-l2,rgba(128,128,128,.14))}
@@ -8924,21 +8973,23 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
   background:none;font:inherit;font-size:13px;line-height:1;cursor:pointer;opacity:.65}
 .da-staged-result-x:hover{opacity:1;background:var(--dsw-alias-bg-layer-2,rgba(255,255,255,.72))}
 .da-staged-result-x:focus-visible{outline:2px solid var(--da-accent,#176df2);outline-offset:1px}
-/* One figure, one picture. The message that carries an annotation also attaches the
-   review picture, and the shell draws that attachment full width above the bubble —
-   so the same figure appeared twice, once huge and once as the card's 38px copy. The
-   card can open that figure itself, so the large copy is the one to drop: it is the
-   duplicate, and it was the reason the card sat under a picture the reader had
-   already seen. Selected from the attachment row forward rather than from the card
-   back, because CSS has no parent selector to reach; :has does have a following
-   sibling test, which is exactly this relationship.
-
-   Two guards keep it narrow. :not([data-static]) means a card that cannot open
-   anything (the queue dock's, drawn before sending) hides nothing — that copy is the
-   only picture in the dock. And if a shell ever stops marking its attachment row
-   with data-message-attachments, this rule stops matching rather than breaking
-   anything: the large picture simply returns and the card keeps working. */
-[data-message-attachments]:has(~ * .da-card:not([data-static])){display:none}
+/* Attachments belong to the message. A review may carry several PDF pages,
+   and a message may also carry unrelated files; its source is not that snapshot. */
+.da-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;padding:3px 5px;
+  border-top:0.5px solid var(--dsw-alias-border-l2,rgba(128,128,128,.2))}
+.da-card-toggle,.da-card-source{border:0;border-radius:6px;background:none;padding:6px 4px;min-height:30px;font-size:11px!important}
+.da-card-source{color:var(--da-accent,#176df2)!important}
+.da-card-error{padding:6px 9px;color:var(--dsw-alias-label-error,#c0392b);font-size:11px}
+.da-card-locator{margin-left:22px;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--dsw-alias-label-tertiary,inherit);
+  font:10px/1.5 var(--dsw-font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace)}
+.da-card[data-expanded="true"] .da-card-said{display:block;white-space:pre-wrap;-webkit-line-clamp:unset}
+.da-card[data-expanded="true"] .da-card-name{white-space:normal;overflow-wrap:anywhere}
+.da-card-target{overflow-wrap:anywhere}
+.da-staged-type{font-size:9px;font-weight:650;letter-spacing:.04em;color:var(--dsw-alias-label-tertiary,inherit)}
+.da-staged-details{display:block;width:min(440px,100%);margin-top:4px}
+.da-staged-details[hidden]{display:none}
+.da-staged-send{border:0;border-radius:6px;background:none;min-height:28px;padding:4px 8px;font-size:11px;color:var(--da-accent,#176df2)}
+.da-staged-send[disabled]{opacity:.6;cursor:default}
 
 /* --- local service browser ------------------------------------------------ */
 .da-service-shell{display:flex;flex-direction:column;height:100%;min-height:0}
@@ -8990,7 +9041,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 .da-services{--da-service-ink:var(--dsw-alias-label-primary,#1b1d20);
   --da-service-muted:var(--dsw-alias-label-tertiary,#787d85);
   --da-service-line:color-mix(in srgb,var(--dsw-alias-border-l2,#c9cbd0) 66%,transparent);
-  box-sizing:border-box;height:100%;overflow:auto;padding:clamp(26px,7vh,64px) 22px 40px;
+  box-sizing:border-box;height:100%;overflow:auto;padding:24px 20px 32px;width:100%;
   color:var(--da-service-ink);
   background:
     radial-gradient(circle at 18% 0%,color-mix(in srgb,#4c8a63 8%,transparent),transparent 36%),
@@ -8998,10 +9049,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 .da-services-head,.da-service-search,.da-services-toolbar,.da-service-list,.da-services-error{
   width:min(480px,100%);margin-left:auto;margin-right:auto}
 .da-services-head{padding:0 4px 18px}
-.da-services-kicker{display:block;margin-bottom:8px;color:var(--da-service-muted);
-  font:9px/1.2 var(--dsw-font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace);
-  letter-spacing:.16em}
-.da-services-head h1{margin:0;font-size:clamp(25px,4.5vw,34px);font-weight:680;line-height:1.08;letter-spacing:-.035em}
+.da-services-head h1{margin:0;font-size:20px;font-weight:680;line-height:1.08;letter-spacing:-.035em}
 .da-services-head p{max-width:410px;margin:9px 0 0;color:var(--da-service-muted);font-size:12px;line-height:1.65}
 .da-service-search{display:flex;align-items:center;gap:9px;box-sizing:border-box;height:48px;padding:0 7px 0 14px;
   border:1px solid var(--da-service-line);border-radius:15px;
@@ -9456,6 +9504,46 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 				]
 			});
 		}
+		/** Put one more copy beside the existing sheet. */
+		function CopyIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				className: "da-ico",
+				viewBox: "0 0 24 24",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						x: "8",
+						y: "8",
+						width: "11.5",
+						height: "11.5",
+						rx: "2.2"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 8V6.5a2.2 2.2 0 0 0-2.2-2.2H6.7a2.2 2.2 0 0 0-2.2 2.2v7.1A2.2 2.2 0 0 0 6.7 15.8H8" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13.75 11.3v5M11.25 13.8h5" })
+				]
+			});
+		}
+		/** Save a file out of the editor. */
+		function DownloadIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				className: "da-ico",
+				viewBox: "0 0 24 24",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 3.5v11M7.8 10.5 12 14.7l4.2-4.2" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.5 16.5v2a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-2" })]
+			});
+		}
+		/** Dismiss the editor without suggesting that the draft should be saved. */
+		function CloseIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className: "da-ico",
+				viewBox: "0 0 24 24",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6.5 6.5l11 11M17.5 6.5l-11 11" })
+			});
+		}
 		/** A step back, as the usual curved arrow. */
 		function UndoIcon() {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -9539,7 +9627,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 		*/
 		const travelHeight = (fraction) => `calc(var(--da-track-inset) + var(--da-knob-size) / 2 + (100% - 2 * var(--da-track-inset) - var(--da-knob-size)) * ${fraction})`;
 		/** Tools in toolbar order. */
-		const TOOLS = [
+		const TOOLS$1 = [
 			{
 				tool: "select",
 				label: "toolSelect"
@@ -15079,7 +15167,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 				stripRef: paletteRef,
 				style: paletteStyle,
 				handle: paletteHandle,
-				tools: isVector || isHtml ? TOOLS : TOOLS.filter((entry) => !ELEMENT_TOOLS.has(entry.tool)),
+				tools: isVector || isHtml ? TOOLS$1 : TOOLS$1.filter((entry) => !ELEMENT_TOOLS.has(entry.tool)),
 				tool,
 				elementGuide: tool === "element" ? {
 					label: pickLevel === void 0 ? `${t("toolElementMode")}, ${t("toolElementHint")}, ${t("toolElementKeys")}` : `${t("toolElementMode")}, ${t("toolElementDepth", {
@@ -15511,6 +15599,32 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 			});
 		}
 		//#endregion
+		//#region src/client/annotation-subject.ts
+		/** Shared display identity for a review, before and after sending. */
+		/**
+		* Identify the reviewed source, independently of its mark tools or screenshot.
+		* @param data - the immutable message facts.
+		* @returns a readable name, media badge, and whether navigation belongs to the service tab.
+		*/
+		function annotationSubject(data) {
+			const address = data.html ? loopbackAddressOf(data.file) : void 0;
+			if (address !== void 0) {
+				const url = new URL(address);
+				return {
+					name: `${url.host}${url.pathname === "/" ? "" : url.pathname}`,
+					badge: "WEB",
+					live: true
+				};
+			}
+			const suffix = suffixOf(data.file);
+			const badge = data.html ? "HTML" : /^(?:pdf|svg|png|jpe?g|webp|gif|bmp|ico)$/u.test(suffix) ? suffix.toUpperCase() : "FIG";
+			return {
+				name: baseNameOf(data.file),
+				badge,
+				live: false
+			};
+		}
+		//#endregion
 		//#region src/client/annotation-card.tsx
 		/**
 		* The annotation a reader sent, as a card inside their own bubble.
@@ -15518,8 +15632,8 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 		* The message still says everything it said — the model reads the same text,
 		* copying it copies the same text — but in the transcript the same block is easier
 		* to scan as a small sheet: which figure, how large, how many marks, and what each
-		* of them asked for. Clicking it opens the figure in the Sidebar, where the full
-		* annotator (and every mark, at full size) already is.
+		* of them asked for. Clicking its header expands the delivered review; a separate action opens the
+		* current source in the Sidebar, which may have changed since this message was sent.
 		*
 		* Two rules keep this a view and nothing more. It reads the block it was dispatched
 		* for and never edits it; and it draws from the parsed data alone, so a block whose
@@ -15645,9 +15759,10 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 		* @returns the row.
 		*/
 		function CardRow(props) {
-			const { mark, ordinal, page } = props;
+			const { mark, ordinal, page, expanded } = props;
 			const said = mark.comment === "" ? void 0 : mark.comment;
 			const parts = readCardMarkLabel(mark.label);
+			const number = /\d+$/u.exec(parts.name)?.[0] ?? String(ordinal);
 			const kind = parts.name.replace(/\s*\d+$/u, "");
 			const label = parts.element === "" ? kind : parts.element;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -15660,7 +15775,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "da-card-kind",
 								"aria-hidden": "true",
-								children: ordinal
+								children: number
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: "da-card-mark",
@@ -15689,6 +15804,10 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 						className: "da-card-said",
 						children: said
 					}),
+					expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "da-card-locator",
+						children: mark.label
+					}) : null,
 					parts.aside === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "da-card-warning",
 						children: parts.aside
@@ -15702,7 +15821,6 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 		* @returns the card, or the block's own text when its data is not one it can draw.
 		*/
 		function AnnotationCard(props) {
-			const [shot, setShot] = (0, react.useState)(true);
 			(0, react.useEffect)(() => {
 				ensureStyles(document);
 			}, []);
@@ -15712,111 +15830,156 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 				className: "da-card-fallback",
 				children: raw
 			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReviewCard, {
+				...props,
+				data,
+				raw
+			}, raw || JSON.stringify(data));
+		}
+		/** The review snapshot; navigation to the current source is a separate action. */
+		function ReviewCard(props) {
+			const { data, raw, embedded = false } = props;
+			const [failedThumb, setFailedThumb] = (0, react.useState)();
+			const [expanded, setExpanded] = (0, react.useState)(embedded);
+			const [trouble, setTrouble] = (0, react.useState)(false);
+			const bodyId = (0, react.useId)();
 			const interactive = props.interactive !== false;
 			const open = props.open;
-			const thumb = shot ? thumbFor(raw) : void 0;
-			const shown = data.marks.slice(0, MAX_ROWS);
+			const candidate = thumbFor(raw);
+			const thumb = candidate === failedThumb ? void 0 : candidate;
+			const shown = embedded || expanded ? data.marks : data.marks.slice(0, MAX_ROWS);
 			const rest = data.marks.length - shown.length;
-			const liveFile = data.html && loopbackAddressOf(data.file) !== void 0;
-			const displayFile = liveFile ? data.file.replace(/[?#].*$/u, "") : data.file;
+			const subject = annotationSubject(data);
+			const liveFile = subject.live;
 			const captureNotice = liveFile && thumb === void 0 ? data.pageCapture === "omitted" ? resolveTranslate(props, "cardCaptureOmitted") : data.pageCapture === "failed" ? resolveTranslate(props, "cardCaptureFailed") : "" : "";
-			const canOpen = interactive && open !== void 0 && (props.canOpen?.(data.file, data.html) ?? true);
-			const cut = Math.max(displayFile.lastIndexOf("/"), displayFile.lastIndexOf("\\"));
-			const name = displayFile.slice(cut + 1);
+			const sourceOpener = interactive && (props.canOpen?.(data.file, data.html) ?? true) ? open : void 0;
 			const dimensions = /(\d+)\s*[×x]\s*(\d+)/u.exec(data.scope);
 			const size = dimensions === null ? "" : `${dimensions[1]}×${dimensions[2]}`;
-			const head = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "da-card-head",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "da-card-shot",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SheetIcon, {}), thumb === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-							alt: "",
-							src: thumb,
-							onError: () => {
-								setShot(false);
-							}
+			const pages = /^(?:共 (\d+) 页|(\d+) pages)(?:，|,|$)/u.exec(data.scope);
+			const scope = pages === null ? size : resolveTranslate(props, "cardPages", { n: Number(pages[1] ?? pages[2]) });
+			const headContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "da-card-shot",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SheetIcon, {}), thumb === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+						alt: "",
+						src: thumb,
+						onError: () => {
+							setFailedThumb(thumb);
+						}
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "da-card-text",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "da-card-title-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "da-card-title",
+								title: data.file,
+								children: subject.name
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "da-card-type",
+								children: subject.badge
+							}),
+							captureNotice === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "da-card-capture",
+								children: captureNotice
+							})
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "da-card-scope",
+						children: [scope === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "da-card-meta",
+							title: data.scope,
+							children: scope
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "da-card-tally",
+							"aria-label": resolveTranslate(props, "cardCount", { n: data.marks.length }),
+							title: data.scope,
+							children: data.marks.length
 						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "da-card-go",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						viewBox: "0 0 16 16",
+						focusable: "false",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m6 3.5 4.5 4.5L6 12.5" })
+					})
+				})
+			] });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "da-card",
+				"data-expanded": expanded,
+				children: [
+					embedded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "da-card-head da-card-head-static",
+						children: headContent
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "da-card-head",
+						"aria-expanded": expanded,
+						"aria-controls": bodyId,
+						title: resolveTranslate(props, expanded ? "cardCollapse" : "cardExpand"),
+						onClick: () => {
+							setExpanded((value) => !value);
+						},
+						children: headContent
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "da-card-text",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "da-card-title-row",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "da-card-title",
-									children: name
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "da-card-type",
-									children: data.html ? "HTML" : "FIG"
-								}),
-								captureNotice === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "da-card-capture",
-									children: captureNotice
-								})
-							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "da-card-scope",
-							children: [size === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "da-card-meta",
-								title: data.scope,
-								children: size
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "da-card-tally",
-								"aria-label": resolveTranslate(props, "cardCount", { n: data.marks.length }),
-								title: data.scope,
-								children: data.marks.length
-							})]
+						className: "da-card-body",
+						id: bodyId,
+						children: [
+							shown.map((mark, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardRow, {
+								mark,
+								ordinal: index + 1,
+								expanded,
+								page: mark.page === void 0 ? void 0 : resolveTranslate(props, "cardPage", { n: mark.page })
+							}, `${String(mark.page ?? "")}-${String(index)}`)),
+							rest > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "da-card-rest",
+								children: resolveTranslate(props, "cardMore", { n: rest })
+							}) : null,
+							data.target === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "da-card-row da-card-target",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "da-card-goal",
+									children: resolveTranslate(props, "cardGoal")
+								}), data.target]
+							})
+						]
+					}),
+					embedded ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "da-card-actions",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "da-card-toggle",
+							"aria-expanded": expanded,
+							"aria-controls": bodyId,
+							onClick: () => {
+								setExpanded((value) => !value);
+							},
+							children: resolveTranslate(props, expanded ? "cardCollapse" : "cardExpand")
+						}), sourceOpener === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "da-card-source",
+							title: data.file,
+							onClick: () => {
+								setTrouble(sourceOpener(data.file, data.html) === false);
+							},
+							children: resolveTranslate(props, liveFile ? "cardOpenLive" : "cardOpen")
 						})]
 					}),
-					canOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "da-card-go",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-							viewBox: "0 0 16 16",
-							focusable: "false",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m6 3.5 4.5 4.5L6 12.5" })
-						})
+					trouble ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "da-card-error",
+						role: "status",
+						children: resolveTranslate(props, "cardOpenFailed")
 					}) : null
 				]
 			});
-			const body = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "da-card-body",
-				children: [
-					shown.map((mark, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardRow, {
-						mark,
-						ordinal: index + 1,
-						page: mark.page === void 0 ? void 0 : resolveTranslate(props, "cardPage", { n: mark.page })
-					}, `${String(mark.page ?? "")}-${String(index)}`)),
-					rest > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "da-card-row da-card-rest",
-						children: resolveTranslate(props, "cardMore", { n: rest })
-					}) : null,
-					data.target === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "da-card-row da-card-target",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "da-card-goal",
-							children: resolveTranslate(props, "cardGoal")
-						}), data.target]
-					})
-				]
-			});
-			const onClick = canOpen && open !== void 0 ? () => {
-				open(data.file, data.html);
-			} : void 0;
-			if (onClick === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "da-card",
-				"data-static": "",
-				children: [head, body]
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: "da-card",
-				title: `${resolveTranslate(props, liveFile ? "cardOpenLive" : "cardOpen")} — ${displayFile}`,
-				onClick,
-				children: [head, body]
-			});
 		}
 		//#endregion
 		//#region src/client/document-seat.ts
@@ -15900,7 +16063,8 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 						paths: saved,
 						thumb,
 						file: void 0,
-						pageImages: images.length,
+						files: images.slice(0, 8).map(({ page, image }) => new File([image], `${baseNameOf(document.figure.path)}${pageFileSuffix(page)}.annotated.png`, { type: "image/png" })),
+						pageImages: Math.min(images.length, 8),
 						locale: options.locale,
 						send: async () => {
 							if (sessions === void 0) throw new Error("the sessions service is unavailable");
@@ -16119,31 +16283,9 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 		//#endregion
 		//#region src/client/pending-card.tsx
 		/**
-		* The parked annotation, drawn inside the composer as an attachment card.
-		*
-		* The composer is a lexical editor owned by the conversation package: nothing can be
-		* written into it that stays a card, and the whole annotation block sitting in the
-		* input box is exactly what a reader cannot scan. So the block is armed beside the box
-		* — its message held, its picture uploaded — and the chip stands beside the reader's
-		* own attachments as the face of what that send will carry: the figure's thumbnail, how
-		* many marks it carries, the file's name, and the first mark's note.
-		* It is portalled into the composer card's own flow (see `composer-seat`), so it
-		* sits where an attached picture sits; the dock entry that owns it holds only the
-		* anchor, and falls back to drawing in the dock itself when there is no card.
-		*
-		* What the card shows and what it hides is the point. A dimension or a pair of
-		* coordinates is not something to read at a glance, so it stays in the block the model
-		* reads and in the hover title, and never on the face: the face says the figure and the
-		* count first, the note second, and truncates both rather than wrapping into a wall of
-		* text.
-		*
-		* One press is the point, and the box keeps the reader's own words while it is not
-		* pressed: nothing is written into the draft, so the sentence being typed stays the only
-		* text in it. The box's own send carries the armed message — typing above the card and
-		* pressing Send sends the sentence and the review as one message, with the annotation
-		* behind the sentence — and the card's own action runs that same send for a reader who
-		* wants to fire it from the card. The card goes when that send takes it, or when the
-		* reader drops it, because that is when it stops standing for anything.
+		* Reviews staged beside the composer. The chip previews its immutable payload;
+		* the native composer Send carries armed reviews, with or without typed text.
+		* Older hosts without draft admission retain a direct-delivery fallback.
 		* @module dsh-figmark/client/pending-card
 		*/
 		/**
@@ -16181,28 +16323,6 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 			});
 		}
 		/**
-		* The small outline that stands for a mark's shape on the card's one line.
-		* @returns the glyph.
-		*/
-		function MarkIcon() {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				className: "da-staged-mark-icon",
-				viewBox: "0 0 12 12",
-				"aria-hidden": "true",
-				focusable: "false",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-					x: "1",
-					y: "2",
-					width: "10",
-					height: "8",
-					rx: "1.5",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.1"
-				})
-			});
-		}
-		/**
 		* A mark's name without its coordinates: the kind and its number, which is what a
 		* reader recognises, with a space between the two the way the product writes it.
 		* @param label - the mark's own name, coordinates and all.
@@ -16221,25 +16341,15 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [trouble, setTrouble] = (0, react.useState)("");
 			const [shot, setShot] = (0, react.useState)(true);
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const detailId = (0, react.useId)();
 			const sending = (0, react.useRef)(false);
 			const armed = entry.armed;
 			const data = entry.data;
 			const thumb = shot ? thumbFor(entry.raw) : void 0;
 			const send = async () => {
 				if (sending.current) return;
-				if (armed !== void 0) {
-					sending.current = true;
-					setBusy(true);
-					try {
-						armed.shell.submit?.();
-					} finally {
-						queueMicrotask(() => {
-							sending.current = false;
-							setBusy(false);
-						});
-					}
-					return;
-				}
+				setTrouble("");
 				sending.current = true;
 				setBusy(true);
 				try {
@@ -16263,88 +16373,127 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 				entry.id,
 				sessionId
 			]);
-			const shownFile = data.file.replace(/[?#].*$/u, "");
-			const cut = Math.max(shownFile.lastIndexOf("/"), shownFile.lastIndexOf("\\"));
-			const name = shownFile.slice(cut + 1);
+			const subject = annotationSubject(data);
+			const name = subject.name;
 			const first = data.marks[0];
-			const captureNotice = data.html && thumb === void 0 ? data.pageCapture === "omitted" ? resolveTranslate(props, "cardCaptureOmitted") : data.pageCapture === "failed" ? resolveTranslate(props, "cardCaptureFailed") : "" : "";
+			const captureNotice = subject.live && thumb === void 0 ? data.pageCapture === "omitted" ? resolveTranslate(props, "cardCaptureOmitted") : data.pageCapture === "failed" ? resolveTranslate(props, "cardCaptureFailed") : "" : "";
 			const detail = first === void 0 ? name : first.comment === "" ? first.label : `${first.label} · ${first.comment}`;
 			const hover = data.scope === "" ? data.file : `${data.file} · ${data.scope}`;
 			const removeLabel = resolveTranslate(props, "pendingRemove");
+			const hint = resolveTranslate(props, "pendingSendNow");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "da-staged",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "da-staged-card",
-					title: hover,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "da-staged-open",
-						disabled: busy,
-						title: resolveTranslate(props, armed === void 0 ? "pendingSendNow" : "pendingSendHint"),
-						onClick: () => {
-							send();
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "da-staged-shot",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FigureIcon, {}), thumb === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-								alt: "",
-								src: thumb,
-								onError: () => {
-									setShot(false);
-								}
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "da-staged-text",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "da-staged-card",
+						title: hover,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "da-staged-open",
+							"aria-expanded": expanded,
+							"aria-controls": detailId,
+							title: resolveTranslate(props, expanded ? "cardCollapse" : "cardExpand"),
+							onClick: () => {
+								setExpanded((value) => !value);
+							},
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "da-staged-head",
+								className: "da-staged-shot",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FigureIcon, {}), thumb === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+									alt: "",
+									src: thumb,
+									onError: () => {
+										setShot(false);
+									}
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "da-staged-text",
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "da-staged-title",
-										title: name,
-										children: name
-									}),
-									captureNotice === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "da-staged-capture",
-										children: captureNotice
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "da-staged-head",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "da-staged-title",
+												title: name,
+												children: name
+											}),
+											captureNotice === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "da-staged-capture",
+												children: captureNotice
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "da-staged-count",
+												"aria-label": resolveTranslate(props, "cardCount", { n: data.marks.length }),
+												children: resolveTranslate(props, "pendingCount", { n: data.marks.length })
+											})
+										]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "da-staged-count",
-										"aria-label": resolveTranslate(props, "cardCount", { n: data.marks.length }),
-										children: resolveTranslate(props, "pendingCount", { n: data.marks.length })
-									})
-								]
-							}), first === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "da-staged-line",
-								title: detail,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkIcon, {}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "da-staged-shape",
-										children: shortLabel(first.label)
+										className: "da-staged-type",
+										children: subject.badge
 									}),
-									first.comment === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "da-staged-said",
-										children: first.comment
+									first === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "da-staged-line",
+										title: detail,
+										children: [
+											first.page === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "da-card-page",
+												children: resolveTranslate(props, "cardPage", { n: first.page })
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "da-staged-shape",
+												children: shortLabel(first.label)
+											}),
+											first.comment === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "da-staged-said",
+												children: first.comment
+											})
+										]
 									})
 								]
 							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "da-staged-x",
+							"aria-label": removeLabel,
+							title: removeLabel,
+							disabled: busy,
+							onClick: () => {
+								if (sending.current) return;
+								if (armed !== void 0) disarmReview(armed, entry.conversation);
+								unparkAnnotation(sessionId, entry.id);
+							},
+							children: "×"
 						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						id: detailId,
+						className: "da-staged-details",
+						hidden: !expanded,
+						children: expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnnotationCard, {
+							node: { data },
+							raw: entry.raw,
+							interactive: false,
+							embedded: true,
+							t: props.t,
+							localeId: props.localeId
+						}) : null
+					}),
+					armed === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "da-staged-x",
-						"aria-label": removeLabel,
-						title: removeLabel,
+						className: "da-staged-send",
 						disabled: busy,
+						title: hint,
 						onClick: () => {
-							if (armed !== void 0) disarmReview(armed, entry.conversation);
-							unparkAnnotation(sessionId, entry.id);
+							send();
 						},
-						children: "×"
-					})]
-				}), trouble === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "da-staged-trouble",
-					children: trouble
-				})]
+						children: resolveTranslate(props, busy ? "pendingSending" : "pendingSendNow")
+					}) : null,
+					trouble === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "da-staged-trouble",
+						role: "alert",
+						children: trouble
+					})
+				]
 			});
 		}
 		/**
@@ -16379,6 +16528,11 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 				return mountSeat(node, setSeat);
 			}, [sessionId, showing]);
 			if (!showing) return null;
+			const owned = entries.flatMap((entry) => entry.armed?.previewUrls ?? []).map((url) => `img[src=${JSON.stringify(url)}]`).join(",");
+			const thumbnailStyle = owned === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+    [data-composer-card] [role="group"] > div:has(${owned}){display:none}
+    [data-composer-card] > div:has(> div > [role="group"]):not(:has([role="group"] > div:not(:has(${owned})))){display:none}
+  ` });
 			const cards = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParkedChip, {
 				entry,
 				sessionId,
@@ -16405,11 +16559,15 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 					children: "×"
 				})]
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "da-staged-anchor",
-				ref: anchor,
-				hidden: true
-			}), seat === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [cards, report] }) : (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [cards, report] }), seat)] });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "da-staged-anchor",
+					ref: anchor,
+					hidden: true
+				}),
+				thumbnailStyle,
+				seat === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [cards, report] }) : (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [cards, report] }), seat)
+			] });
 		}
 		//#endregion
 		//#region src/client/live-drafts.ts
@@ -16993,13 +17151,13 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 					return;
 				}
 				const needle = query.trim().toLowerCase();
-				const titleMatch = visible.find((service) => service.title?.toLowerCase().includes(needle) === true);
-				if (titleMatch !== void 0) {
-					openWorkspace(titleMatch.url, titleMatch.title);
-					return;
-				}
-				const first = visible[0];
-				openWorkspace(looksLikeAddress(query) || first === void 0 ? query : first.url, looksLikeAddress(query) || first === void 0 ? void 0 : first.title);
+				if (needle === "") return;
+				const titleMatch = visible.some((service) => service.title?.toLowerCase().includes(needle) === true);
+				if (looksLikeAddress(query) && !titleMatch) openWorkspace(query);
+				else if (visible.length === 1) {
+					const only = visible[0];
+					openWorkspace(only.url, only.title);
+				} else setError(t(visible.length === 0 ? "serviceNoMatch" : "serviceChooseMatch"));
 			};
 			const visible = (0, react.useMemo)(() => {
 				const needle = query.trim().toLowerCase();
@@ -17098,14 +17256,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 									className: "da-services-head",
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "da-services-kicker",
-											children: t("serviceKicker")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: t("serviceTitle") }),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("serviceHint") })
-									]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: t("serviceTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("serviceHint") })]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 									className: "da-service-search",
@@ -17163,7 +17314,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 										children: t("serviceScanning")
 									}) : visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "da-services-empty",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("serviceEmpty") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("serviceEmptyHint") })]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t(query.trim() === "" ? "serviceEmpty" : "serviceNoMatch") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(query.trim() === "" ? "serviceEmptyHint" : "serviceSearchHint") })]
 									}) : visible.map((service) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
 										className: "da-service-row",
@@ -17278,6 +17429,1057 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 			});
 		}
 		//#endregion
+		//#region src/client/attachment-annotator/model.ts
+		/** One explicitly opened image at a time; retained across sidebar remounts. */
+		function createAttachmentStore() {
+			let job = null;
+			const listeners = /* @__PURE__ */ new Set();
+			const publish = () => {
+				for (const listener of listeners) listener();
+			};
+			return {
+				getSnapshot: () => job,
+				subscribe(listener) {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				/** Refuse to overwrite an unfinished image, including one in another Session. */
+				open(sessionId, source) {
+					if (job !== null) return job.sessionId === sessionId && job.source.id === source.id;
+					job = {
+						sessionId,
+						source,
+						marks: [],
+						added: null
+					};
+					publish();
+					return true;
+				},
+				change(source, marks) {
+					if (job === null || job.source !== source || job.marks === marks) return;
+					job = {
+						...job,
+						marks
+					};
+					publish();
+				},
+				rememberCopy(source, marks, id) {
+					if (job === null || job.source !== source) return;
+					job = {
+						...job,
+						added: {
+							marks,
+							id
+						}
+					};
+					publish();
+				},
+				clear() {
+					job = null;
+					publish();
+				},
+				dispose() {
+					job = null;
+					listeners.clear();
+				}
+			};
+		}
+		/** Submission phases never accept a result; an attachment sent or removed is never resurrected. */
+		function canAttach(job, sessionId, input) {
+			return sessionId === job.sessionId && input.attachmentIds.includes(job.source.id) && (input.phase === "plain" || input.phase === "claimed");
+		}
+		/**
+		* The text that keeps each numbered comment searchable after the flattened image
+		* is staged. The image and the list carry the same ordinals, so the model can
+		* connect a sentence to the mark it describes without relying on OCR.
+		*/
+		function attachmentMessage(fileName, marks) {
+			const counted = /* @__PURE__ */ new Map();
+			const lines = marks.map((mark) => {
+				const ordinal = (counted.get(mark.kind) ?? 0) + 1;
+				counted.set(mark.kind, ordinal);
+				return describeMark(mark, ordinal, "zh");
+			});
+			return [
+				`【附图批注】已附上「${fileName.trim() || "图片"}」的标注副本，共 ${marks.length} 处。请按编号逐条处理：`,
+				...lines,
+				"",
+				"逐条修改原图的生成源。"
+			].join("\n");
+		}
+		/** Stage one copy and its numbered comments without replacing the original or sending. */
+		function attachCopy(job, sessionId, input, conversation, actions, file) {
+			if (!canAttach(job, sessionId, input)) throw new Error("原附件已移除、已发送，或输入框正在发送。请下载批注副本。");
+			if (!conversation.resolveDraftAttachments([job.source.id]).some((draft) => draft.id === job.source.id && draft.kind === "image" && "file" in draft && draft.file === job.source.file)) throw new Error("原附件已失效，请下载批注副本。");
+			const ids = conversation.createDrafts(sessionId, [file], false).map((draft) => draft.id);
+			let attached = false;
+			try {
+				if (ids.length !== 1 || !actions.addAttachments(ids)) throw new Error("输入框未接受副本；原附件保持不变。");
+				attached = true;
+				const message = attachmentMessage(job.source.file.name, job.marks);
+				actions.setDraft(input.draft.trim() === "" ? message : `${input.draft}\n\n${message}`);
+				return ids[0];
+			} catch (error) {
+				if (attached) try {
+					actions.setDraft(input.draft);
+				} catch {}
+				for (const id of ids) conversation.releaseDraftAttachment(id);
+				throw error;
+			}
+		}
+		/** Older hosts can keep all existing Figmark features without crashing this optional entry. */
+		function attachmentConversation(value) {
+			if (typeof value !== "object" || value === null) return void 0;
+			const candidate = value;
+			return typeof candidate.resolveDraftAttachments === "function" && typeof candidate.createDrafts === "function" && typeof candidate.releaseDraftAttachment === "function" ? candidate : void 0;
+		}
+		//#endregion
+		//#region src/client/attachment-annotator/export.ts
+		/** Plain XML text; comments must never become SVG markup. */
+		function escapeText(value) {
+			return value.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;");
+		}
+		/** Build one self-contained SVG with a readable legend below the original image. */
+		function attachmentSvg(dataUrl, size, marks) {
+			const layer = {
+				kind: "raster",
+				dataUrl,
+				...size
+			};
+			const paper = reviewSize(layer, marks);
+			const numbers = markOrdinals(marks);
+			const font = Math.max(14, Math.min(32, paper.width / 45));
+			const width = Math.max(paper.width, 320);
+			const columns = Math.max(10, Math.floor((width - 32) / font));
+			const lines = marks.flatMap((mark) => {
+				if (mark.detail === void 0 || mark.detail.trim() === "") return [];
+				return `${mark.kind === "point" ? "Pin" : mark.kind} ${numbers.get(mark.id)} · ${mark.detail}`.split(/\r?\n/u).flatMap((line) => {
+					const chars = Array.from(line);
+					const wrapped = [];
+					for (let at = 0; at < chars.length; at += columns) wrapped.push(chars.slice(at, at + columns).join(""));
+					return wrapped;
+				});
+			});
+			const height = paper.height + (lines.length === 0 ? 0 : 32 + lines.length * font * 1.5);
+			return {
+				svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><rect width="100%" height="100%" fill="white"/>${composeReviewSvg(layer, marks)}${lines.map((line, at) => `<text x="16" y="${paper.height + 24 + at * font * 1.5}" font-size="${font}" fill="#222" font-family="sans-serif">${escapeText(line)}</text>`).join("")}</svg>`,
+				width,
+				height,
+				scale: Math.min(1, 8192 / width, 8192 / height, Math.sqrt(16e6 / (width * height)))
+			};
+		}
+		/** Read only when exporting; the host's preview URL remains owned by the host. */
+		async function exportAttachment(file, size, marks) {
+			const image = attachmentSvg(await new Promise((resolve, reject) => {
+				const reader = new FileReader();
+				reader.onload = () => {
+					resolve(reader.result);
+				};
+				reader.onerror = () => {
+					reject(/* @__PURE__ */ new Error("无法读取原图，请重试。"));
+				};
+				reader.readAsDataURL(file);
+			}), size, marks);
+			const blob = await rasterizePng(image.svg, image.width, image.height, image.scale);
+			return new File([blob], `${file.name.replace(/\.[^.]*$/u, "") || "image"}.annotated.png`, { type: "image/png" });
+		}
+		/** Download is explicit and does not involve any Session. */
+		function downloadAttachment(file) {
+			const url = URL.createObjectURL(file);
+			const link = document.createElement("a");
+			link.href = url;
+			link.download = file.name;
+			link.click();
+			setTimeout(() => {
+				URL.revokeObjectURL(url);
+			}, 1e3);
+		}
+		//#endregion
+		//#region src/client/attachment-annotator/styles.ts
+		/** Styles for the composer-thumbnail annotation overlay. */
+		const ATTACHMENT_CSS = `
+.da-attachment-anchor{display:block;width:0;height:0;overflow:hidden;pointer-events:none}
+.da-attachment{
+  --da-accent:#e03131;
+  --da-blue:#176df2;
+  --da-ink:#242529;
+  --da-muted:#74777f;
+  --da-faint:#9699a1;
+  --da-line:rgba(36,37,41,.11);
+  --da-paper:#fff;
+  --da-rail:#2b2c30;
+  position:fixed;
+  inset:0;
+  z-index:2147483000;
+  color:var(--da-ink);
+  font-family:var(--dsw-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
+  font-size:13px;
+  outline:none;
+}
+.da-attachment,.da-attachment *{box-sizing:border-box}
+.da-attachment button,.da-attachment textarea,.da-attachment input{font:inherit}
+.da-attachment button{cursor:pointer}
+.da-attachment button:focus-visible,.da-attachment textarea:focus-visible,.da-attachment input:focus-visible{outline:2px solid #6ea2ff;outline-offset:2px}
+.da-attachment button[aria-disabled=true]{opacity:.38;cursor:default}
+.da-attachment-backdrop{
+  position:absolute;
+  inset:0;
+  display:grid;
+  place-items:center;
+  padding:24px;
+  background:rgba(18,19,22,.58);
+  backdrop-filter:blur(7px);
+  animation:da-attachment-fade .18s ease-out both;
+}
+.da-attachment-dialog{
+  position:relative;
+  isolation:isolate;
+  display:grid;
+  grid-template-rows:minmax(0,1fr) auto;
+  width:min(1240px,calc(100vw - 32px));
+  height:min(860px,calc(100vh - 32px));
+  min-width:520px;
+  min-height:420px;
+  overflow:visible;
+  background:transparent;
+  animation:da-attachment-rise .22s cubic-bezier(.22,1,.36,1) both;
+}
+.da-attachment svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
+.da-attachment-stage{
+  position:relative;
+  display:flex;
+  min-width:0;
+  min-height:0;
+  overflow:auto;
+  padding:34px 100px 30px 34px;
+  background:transparent;
+  scrollbar-width:thin;
+  overscroll-behavior:contain;
+}
+.da-attachment-canvas{
+  position:relative;
+  flex:0 0 auto;
+  margin:auto;
+}
+.da-attachment-paper{
+  position:relative;
+  transform-origin:top left;
+  overflow:visible;
+  background:transparent;
+}
+.da-attachment-paper[data-busy=true]{cursor:progress}
+.da-attachment-paper>img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;pointer-events:none;user-select:none}
+.da-attachment-paper>.da-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;touch-action:none}
+.da-attachment-paper>.da-overlay[data-tool=select] [data-da-mark]{cursor:move}
+.da-attachment-rail{
+  position:absolute;
+  z-index:20;
+  top:50%;
+  right:16px;
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:3px;
+  width:48px;
+  max-height:calc(100% - 34px);
+  overflow-y:auto;
+  padding:7px 6px;
+  transform:translateY(-50%);
+  border:1px solid rgba(255,255,255,.09);
+  border-radius:17px;
+  background:var(--da-rail);
+  color:#fff;
+  box-shadow:0 12px 30px rgba(18,19,23,.3),inset 0 1px 0 rgba(255,255,255,.08);
+  scrollbar-width:none;
+}
+.da-attachment-rail::-webkit-scrollbar{display:none}
+.da-attachment-close svg{width:16px;height:16px}
+.da-attachment-tool{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:35px;
+  height:35px;
+  flex:0 0 auto;
+  padding:0;
+  border:0;
+  border-radius:10px;
+  background:transparent;
+  color:rgba(255,255,255,.72);
+  font-size:18px;
+  line-height:1;
+}
+.da-attachment-tool:hover{background:rgba(255,255,255,.1);color:#fff}
+.da-attachment-tool[aria-pressed=true]{background:rgba(255,255,255,.19);color:#fff}
+.da-attachment-tool[aria-disabled=true]:hover{background:transparent;color:rgba(255,255,255,.72)}
+.da-attachment-tool svg{width:17px;height:17px}
+.da-attachment-separator{width:22px;height:1px;flex:0 0 auto;margin:3px 0;background:rgba(255,255,255,.15)}
+.da-attachment-color{
+  position:relative;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:35px;
+  height:35px;
+  flex:0 0 auto;
+  border-radius:10px;
+  cursor:pointer;
+}
+.da-attachment-color:hover{background:rgba(255,255,255,.1)}
+.da-attachment-color::after{content:"";position:absolute;inset:9px;border:2px solid #fff;border-radius:50%;background:var(--da-accent);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
+.da-attachment-color input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
+.da-attachment-zoom{
+  display:block;
+  min-width:34px;
+  padding:2px 0 3px;
+  color:rgba(255,255,255,.55);
+  font-size:8.5px;
+  font-variant-numeric:tabular-nums;
+  line-height:1;
+  text-align:center;
+}
+.da-attachment-footer{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:6px;
+  align-self:center;
+  width:auto;
+  margin:0 auto 14px;
+  padding:0;
+}
+.da-attachment-status{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:3px;
+  max-width:min(560px,calc(100vw - 56px));
+  padding:6px 10px;
+  border-radius:9px;
+  background:rgba(23,24,27,.82);
+  color:rgba(255,255,255,.72);
+  font-size:10px;
+  line-height:1.4;
+  text-align:center;
+  backdrop-filter:blur(12px);
+}
+.da-attachment-warning{color:#9a6418}
+.da-attachment-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
+.da-attachment-action{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  gap:7px;
+  height:31px;
+  padding:0 11px;
+  border:.5px solid rgba(255,255,255,.28);
+  border-radius:999px;
+  background:rgba(251,251,252,.92);
+  color:#4f5157;
+  font-size:10.5px;
+  font-weight:580;
+  line-height:1;
+  white-space:nowrap;
+  box-shadow:0 5px 18px rgba(5,6,9,.18);
+}
+.da-attachment-action:hover{background:#eeeef0;color:var(--da-ink)}
+.da-attachment-action svg{width:14px;height:14px}
+.da-attachment-action-primary{border-color:#26272b;background:#26272b;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.14)}
+.da-attachment-action-primary:hover{background:#3a3b40;color:#fff}
+.da-attachment-comment-pill{
+  position:absolute;
+  z-index:15;
+  width:286px;
+  max-width:calc(100% - 16px);
+  padding:3px;
+  border:.5px solid var(--da-line);
+  border-radius:20px;
+  background:color-mix(in srgb,var(--da-paper) 94%,transparent);
+  color:var(--da-ink);
+  box-shadow:0 5px 18px rgba(20,40,80,.14),0 0 0 .5px rgba(20,40,80,.06);
+  backdrop-filter:blur(10px);
+}
+.da-attachment-comment-pill textarea{
+  width:100%;
+  min-height:0;
+  max-height:min(180px,42vh);
+  resize:none;
+  padding:7px 10px;
+  border:0;
+  outline:0;
+  background:transparent;
+  color:var(--da-ink);
+  font:inherit;
+  font-size:13px;
+  line-height:1.55;
+  field-sizing:content;
+  overflow-y:auto;
+  scrollbar-width:none;
+}
+.da-attachment-comment-pill textarea::-webkit-scrollbar{width:0;height:0}
+.da-attachment-comment-pill textarea::placeholder{color:#a1a4ab}
+.da-attachment .da-attachment-comment-pill textarea:focus-visible{outline:0}
+.da-attachment-confirm{
+  position:absolute;
+  z-index:40;
+  left:50%;
+  bottom:82px;
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  gap:20px;
+  width:min(500px,calc(100% - 40px));
+  padding:12px 12px 12px 15px;
+  transform:translateX(-50%);
+  border:1px solid rgba(180,35,24,.2);
+  border-radius:13px;
+  background:rgba(255,252,251,.98);
+  box-shadow:0 14px 38px rgba(50,25,20,.18);
+}
+.da-attachment-confirm>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
+.da-attachment-confirm strong{color:#352f2e;font-size:11.5px;font-weight:650}
+.da-attachment-confirm span{color:#827875;font-size:9.5px;line-height:1.35}
+.da-attachment-confirm-actions{display:flex;gap:6px;flex:0 0 auto}
+.da-attachment-confirm button{height:29px;padding:0 10px;border:.5px solid rgba(36,37,41,.13);border-radius:8px;background:#fff;color:#666970;font-size:10.5px}
+.da-attachment-confirm button:hover{background:#f1f1f2}
+.da-attachment-confirm .da-attachment-danger{border-color:rgba(180,35,24,.22);color:#a1281f}
+.da-attachment-confirm .da-attachment-danger:hover{background:#fae9e7}
+@keyframes da-attachment-fade{from{opacity:0}to{opacity:1}}
+@keyframes da-attachment-rise{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
+@media(max-width:760px){
+  .da-attachment-backdrop{padding:0}
+  .da-attachment-dialog{width:100vw;height:100vh;min-width:0;min-height:0}
+  .da-attachment-stage{padding:16px 70px 18px 16px}
+  .da-attachment-rail{right:9px;width:46px}
+  .da-attachment-footer{gap:6px;margin-bottom:10px}
+  .da-attachment-status{max-width:calc(100vw - 32px)}
+  .da-attachment-actions{justify-content:flex-end}
+  .da-attachment-action{flex:0 0 auto}
+  .da-attachment-comment-pill{width:248px}
+}
+@media(pointer:coarse){
+  .da-attachment-tool,.da-attachment-color{width:40px;height:40px}
+  .da-attachment-rail{width:53px}
+}
+@media(prefers-reduced-motion:reduce){
+  .da-attachment-backdrop,.da-attachment-dialog{animation:none}
+}
+`;
+		//#endregion
+		//#region src/client/attachment-annotator/editor.tsx
+		/** A comp-access annotation overlay opened from a composer image thumbnail. */
+		const TOOL_LABELS = {
+			select: "选择",
+			pen: "画笔",
+			arrow: "箭头",
+			rect: "矩形",
+			ellipse: "椭圆",
+			point: "Pin 评论"
+		};
+		const TOOLS = [
+			"select",
+			"pen",
+			"arrow",
+			"rect",
+			"ellipse",
+			"point"
+		].map((tool) => [tool, TOOL_LABELS[tool]]);
+		const ZOOMS = [
+			1,
+			1.5,
+			2,
+			4
+		];
+		const ZOOM_IN = {
+			1: 1.5,
+			1.5: 2,
+			2: 4,
+			4: 4
+		};
+		const ZOOM_OUT = {
+			1: 1,
+			1.5: 1,
+			2: 1.5,
+			4: 2
+		};
+		function PointerIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 24 24",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: POINTER_PATH })
+			});
+		}
+		function ToolGlyph({ tool }) {
+			return tool === "select" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PointerIcon, {}) : ToolIcon(tool);
+		}
+		function imagesOf(conversation, attachmentIds) {
+			if (conversation === void 0) return [];
+			return conversation.resolveDraftAttachments(attachmentIds).filter((draft) => draft.kind === "image" && "file" in draft);
+		}
+		/** Where a mark's adjacent comment should be anchored, in figure pixels. */
+		function attachmentFocusPoint(mark) {
+			if (mark.kind === "arrow") return mark.points[mark.points.length - 1] ?? [0, 0];
+			if (mark.kind === "rect" || mark.kind === "ellipse") {
+				const first = mark.points[0] ?? [0, 0];
+				const second = mark.points[1] ?? first;
+				return [(first[0] + second[0]) / 2, (first[1] + second[1]) / 2];
+			}
+			if (mark.kind === "pen") {
+				const points = mark.points.length === 0 ? [[0, 0]] : mark.points;
+				const xs = points.map((point) => point[0]);
+				const ys = points.map((point) => point[1]);
+				return [(Math.min(...xs) + Math.max(...xs)) / 2, (Math.min(...ys) + Math.max(...ys)) / 2];
+			}
+			return mark.points[0] ?? [0, 0];
+		}
+		function canEditAttachment(job, sessionId, input) {
+			return canAttach(job, sessionId, input);
+		}
+		/** Mounted once per Session. It has no visible row until a draft image is clicked. */
+		function AttachmentOverlay(props) {
+			const { store, sessionId, conversation, useInput } = props;
+			const draft = useInput((input) => input.draft);
+			const attachmentIds = useInput((input) => input.attachmentIds);
+			const input = {
+				draft,
+				attachmentIds,
+				phase: useInput((input) => input.phase)
+			};
+			const job = (0, react.useSyncExternalStore)(store.subscribe, store.getSnapshot);
+			const images = imagesOf(conversation, attachmentIds);
+			const imagesRef = (0, react.useRef)(images);
+			const pendingThumbnail = (0, react.useRef)(null);
+			const anchor = (0, react.useRef)(null);
+			imagesRef.current = images;
+			(0, react.useEffect)(() => {
+				const card = anchor.current?.closest("[data-composer-card]");
+				if (card === null || card === void 0) return;
+				const openImage = (event) => {
+					if (!(event instanceof MouseEvent)) return;
+					if (event.button !== 0) return;
+					const target = event.target;
+					if (!(target instanceof Element)) return;
+					const imageNode = target instanceof HTMLImageElement ? target : target.closest("button")?.querySelector("img") ?? null;
+					if (imageNode === null) return;
+					const previewUrl = imageNode.getAttribute("src");
+					if (previewUrl === null) return;
+					const image = imagesRef.current.find((draft) => draft.previewUrl === previewUrl);
+					if (image === void 0 && imagesRef.current.length > 0) return;
+					event.preventDefault();
+					event.stopPropagation();
+					if (image !== void 0) {
+						store.open(sessionId, image);
+						return;
+					}
+					pendingThumbnail.current = previewUrl;
+				};
+				card.addEventListener("click", openImage, true);
+				return () => {
+					card.removeEventListener("click", openImage, true);
+				};
+			}, [sessionId, store]);
+			(0, react.useEffect)(() => {
+				const previewUrl = pendingThumbnail.current;
+				if (previewUrl === null) return;
+				const image = images.find((draft) => draft.previewUrl === previewUrl);
+				if (image === void 0) return;
+				pendingThumbnail.current = null;
+				store.open(sessionId, image);
+			}, [
+				images,
+				sessionId,
+				store
+			]);
+			(0, react.useEffect)(() => {
+				if (job === null) return;
+				if (job.sessionId !== sessionId || !canEditAttachment(job, sessionId, input)) store.clear();
+			}, [
+				input.attachmentIds,
+				input.phase,
+				job,
+				sessionId,
+				store
+			]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				ref: anchor,
+				className: "da-attachment-anchor",
+				"aria-hidden": "true"
+			}), job !== null && job.sessionId === sessionId ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AttachmentEditor, {
+				...props,
+				job
+			}, `${job.sessionId}/${job.source.id}`), document.body) : null] });
+		}
+		/** The whole editor is one modal surface; the host's own composer remains intact. */
+		function AttachmentEditor(props) {
+			const { store, sessionId, conversation, useInput, inputActions, job } = props;
+			const input = {
+				draft: useInput((input) => input.draft),
+				attachmentIds: useInput((input) => input.attachmentIds),
+				phase: useInput((input) => input.phase)
+			};
+			const history = useAnnotationHistory(job.marks);
+			const latest = (0, react.useRef)({
+				input,
+				sessionId
+			});
+			latest.current = {
+				input,
+				sessionId
+			};
+			const mounted = (0, react.useRef)(true);
+			const root = (0, react.useRef)(null);
+			const paper = (0, react.useRef)(null);
+			const viewport = (0, react.useRef)(null);
+			const canvasInput = (0, react.useRef)(null);
+			const busyRef = (0, react.useRef)(false);
+			const [previewUrl, setPreviewUrl] = (0, react.useState)();
+			const [tool, setTool] = (0, react.useState)("select");
+			const [color, setColor] = (0, react.useState)("#e03131");
+			const [selectedId, setSelectedId] = (0, react.useState)(null);
+			const [size, setSize] = (0, react.useState)(null);
+			const [zoom, setZoom] = (0, react.useState)(1);
+			const [viewportSize, setViewportSize] = (0, react.useState)({
+				width: 760,
+				height: 520
+			});
+			const [notice, setNotice] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [confirmClose, setConfirmClose] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				root.current?.focus();
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				const url = URL.createObjectURL(job.source.file);
+				setPreviewUrl(url);
+				return () => {
+					URL.revokeObjectURL(url);
+				};
+			}, [job.source.file]);
+			(0, react.useEffect)(() => {
+				store.change(job.source, history.marks);
+			}, [
+				history.marks,
+				job.source,
+				store
+			]);
+			(0, react.useEffect)(() => {
+				const node = viewport.current;
+				/* v8 ignore next -- the effect runs after the stage ref has attached. */
+				if (node === null) return;
+				const measure = () => {
+					setViewportSize({
+						width: Math.max(280, node.clientWidth),
+						height: Math.max(240, node.clientHeight)
+					});
+				};
+				measure();
+				const observer = new ResizeObserver(measure);
+				observer.observe(node);
+				return () => {
+					observer.disconnect();
+				};
+			}, []);
+			const scale = (size === null ? 1 : Math.min(1, Math.max(.1, (viewportSize.width - 112) / size.width), Math.max(.1, (viewportSize.height - 56) / size.height))) * zoom;
+			const selected = history.marks.find((mark) => mark.id === selectedId) ?? null;
+			const ready = canEditAttachment(job, sessionId, input) && conversation !== void 0;
+			const percentage = Math.round(zoom * 100);
+			const select = (id) => {
+				setSelectedId(id);
+			};
+			const remove = (id) => {
+				history.commit(removedMarks(history.marks, id));
+				setSelectedId(null);
+			};
+			const requestClose = () => {
+				canvasInput.current?.cancel();
+				if (history.marks.length === 0) store.clear();
+				else setConfirmClose(true);
+			};
+			const finish = async (download) => {
+				const liveConversation = conversation;
+				if (busyRef.current || size === null || history.marks.length === 0) return;
+				if (!download && (!ready || liveConversation === void 0)) return;
+				canvasInput.current?.cancel();
+				busyRef.current = true;
+				setBusy(true);
+				setNotice(download ? "正在生成 PNG…" : "正在生成标注副本…");
+				try {
+					const file = await exportAttachment(job.source.file, size, history.marks);
+					if (!mounted.current || store.getSnapshot()?.source !== job.source) return;
+					const editor = root.current;
+					if (editor !== null && typeof editor.checkVisibility === "function" && !editor.checkVisibility()) throw new Error("标注浮层已关闭，请重新打开后重试");
+					if (download) {
+						downloadAttachment(file);
+						setNotice("已下载 PNG；原图和输入框未改变。");
+						return;
+					}
+					if (store.getSnapshot()?.marks !== history.marks) throw new Error("生成过程中批注已更改，请重新生成");
+					/* v8 ignore next -- the callable form above already refused an absent Host. */
+					if (liveConversation === void 0) return;
+					const live = latest.current;
+					const id = attachCopy(job, live.sessionId, live.input, liveConversation, inputActions, file);
+					store.rememberCopy(job.source, history.marks, id);
+					store.clear();
+				} catch (error) {
+					if (mounted.current && store.getSnapshot() !== null) setNotice(`生成或加入副本失败：${String(error)}。批注已保留，可重试或下载。`);
+				} finally {
+					busyRef.current = false;
+					if (mounted.current && store.getSnapshot() !== null) setBusy(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				ref: root,
+				className: "da-attachment",
+				tabIndex: -1,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": "附图标注编辑器",
+				onKeyDown: (event) => {
+					event.stopPropagation();
+					if (event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLInputElement) return;
+					if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "z") {
+						event.preventDefault();
+						if (event.shiftKey) history.redo();
+						else history.undo();
+					} else if (event.key === "Escape") {
+						canvasInput.current?.cancel();
+						setSelectedId(null);
+						requestClose();
+					} else if ((event.key === "Delete" || event.key === "Backspace") && selectedId !== null) {
+						event.preventDefault();
+						remove(selectedId);
+					}
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: ATTACHMENT_CSS }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "da-attachment-backdrop",
+					onPointerDown: (event) => {
+						if (event.target === event.currentTarget) requestClose();
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "da-attachment-dialog",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "da-attachment-stage",
+								ref: viewport,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "da-attachment-canvas",
+									style: size === null ? {} : {
+										width: size.width * scale,
+										height: size.height * scale
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										ref: paper,
+										className: "da-attachment-paper",
+										"data-busy": busy || void 0,
+										style: size === null ? {} : {
+											width: size.width,
+											height: size.height,
+											transform: `scale(${scale})`
+										},
+										onPointerDownCapture: (event) => {
+											if (!busyRef.current) return;
+											event.preventDefault();
+											event.stopPropagation();
+										},
+										children: [
+											previewUrl !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+												src: previewUrl,
+												alt: "待标注原图",
+												draggable: false,
+												onLoad: (event) => {
+													const image = event.currentTarget;
+													if (image.naturalWidth === 0 || image.naturalHeight === 0) {
+														setSize(null);
+														setNotice("图片尺寸无效。");
+														return;
+													}
+													setSize({
+														width: image.naturalWidth,
+														height: image.naturalHeight
+													});
+												},
+												onError: () => {
+													setSize(null);
+													setNotice("原图加载失败；请重新添加图片后重试。");
+												}
+											}),
+											size !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Canvas, {
+												width: size.width,
+												height: size.height,
+												marks: history.marks,
+												tool,
+												color,
+												containerRef: paper,
+												inputRef: canvasInput,
+												anchoring: false,
+												scale,
+												selectedId,
+												onSelect: select,
+												onAdd: (mark) => {
+													if (history.marks.length >= 100) {
+														setNotice("单张图片最多 100 条批注。");
+														return;
+													}
+													history.commit([...history.marks, mark]);
+												},
+												onMove: (id, points, anchor) => {
+													const next = movedMarks(history.marks, id, points, anchor);
+													if (next !== null) history.commit(next);
+												},
+												onUpdate: (id, patch) => {
+													history.commit(patchedMarks(history.marks, id, patch));
+												},
+												onRemove: remove,
+												onEdit: (id) => {
+													setSelectedId(id);
+													setTool("select");
+												},
+												onDrawn: (id) => {
+													setSelectedId(id);
+													if (tool !== "pen") setTool("select");
+												}
+											}),
+											selected !== null && size !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommentPill, {
+												mark: selected,
+												size,
+												scale,
+												onChange: (value) => {
+													history.amend((marks) => detailedMarks(marks, selected.id, value));
+												},
+												onClose: () => {
+													setSelectedId(null);
+												}
+											})
+										]
+									})
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "da-attachment-rail",
+									role: "toolbar",
+									"aria-label": "绘图工具",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "da-attachment-tool da-attachment-close",
+											"aria-label": "关闭附图标注",
+											title: "关闭",
+											onClick: requestClose,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "da-attachment-separator" }),
+										TOOLS.map(([value, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "da-attachment-tool",
+											"aria-label": label,
+											title: label,
+											"aria-pressed": tool === value,
+											onClick: () => {
+												canvasInput.current?.cancel();
+												setTool(value);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolGlyph, { tool: value })
+										}, value)),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "da-attachment-separator" }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+											className: "da-attachment-color",
+											title: "批注颜色",
+											style: { "--da-accent": color },
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "color",
+												"aria-label": "批注颜色",
+												value: color,
+												onChange: (event) => {
+													setColor(event.target.value);
+													if (selectedId !== null) history.commit(patchedMarks(history.marks, selectedId, { color: event.target.value }));
+												}
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "da-attachment-tool",
+											"aria-label": "撤销",
+											title: "撤销",
+											"aria-disabled": history.depth.past === 0,
+											onClick: history.undo,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UndoIcon, {})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "da-attachment-tool",
+											"aria-label": "重做",
+											title: "重做",
+											"aria-disabled": history.depth.future === 0,
+											onClick: history.redo,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RedoIcon, {})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "da-attachment-separator" }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "da-attachment-tool",
+											"aria-label": "缩小",
+											title: "缩小",
+											"aria-disabled": zoom === ZOOMS[0],
+											onClick: () => {
+												setZoom(ZOOM_OUT[zoom]);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												"aria-hidden": "true",
+												children: "−"
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "da-attachment-zoom",
+											"aria-label": "当前缩放",
+											children: [percentage, "%"]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "da-attachment-tool",
+											"aria-label": "放大",
+											title: "放大",
+											"aria-disabled": zoom === ZOOMS[ZOOMS.length - 1],
+											onClick: () => {
+												setZoom(ZOOM_IN[zoom]);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												"aria-hidden": "true",
+												children: "+"
+											})
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+								className: "da-attachment-footer",
+								children: [(notice !== "" || !ready) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "da-attachment-status",
+									children: [notice !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										role: "status",
+										"aria-live": "polite",
+										children: notice
+									}), !ready && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "da-attachment-warning",
+										children: "原附件已移除、已发送，或输入框正在发送。仍可下载 PNG。"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "da-attachment-actions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: "da-attachment-action",
+										"aria-disabled": busy || size === null || history.marks.length === 0,
+										onClick: () => {
+											finish(true);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownloadIcon, {}), "下载 PNG"]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: "da-attachment-action da-attachment-action-primary",
+										"aria-disabled": busy || size === null || history.marks.length === 0 || !ready,
+										title: "生成标注图片，并把逐条评论写入输入框；原图不变，也不会自动发送",
+										onClick: () => {
+											finish(false);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyIcon, {}), "加入输入框"]
+									})]
+								})]
+							}),
+							confirmClose && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "da-attachment-confirm",
+								role: "alert",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "放弃这些本地批注？" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "原图不会改变；未生成的批注会在关闭后清除。" })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "da-attachment-confirm-actions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										onClick: () => {
+											setConfirmClose(false);
+										},
+										children: "继续编辑"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "da-attachment-danger",
+										onClick: () => {
+											store.clear();
+										},
+										children: "放弃批注"
+									})]
+								})]
+							})
+						]
+					})
+				})]
+			});
+		}
+		function CommentPill(props) {
+			const { mark, size, scale } = props;
+			const input = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				input.current?.focus();
+			}, [mark.id]);
+			const [x, y] = attachmentFocusPoint(mark);
+			const right = x > size.width * .62;
+			const below = y < 92;
+			const translateX = right ? "calc(-100% - 14px)" : "14px";
+			const translateY = below ? "14px" : "calc(-100% - 14px)";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "da-attachment-comment-pill",
+				role: "group",
+				"aria-label": "批注评论",
+				style: {
+					left: `${x}px`,
+					top: `${y}px`,
+					transform: `scale(${1 / scale}) translate(${translateX}, ${translateY})`,
+					transformOrigin: `${right ? "right" : "left"} ${below ? "top" : "bottom"}`
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+					ref: input,
+					"data-mark": mark.id,
+					"aria-label": `批注 ${mark.id} 评论`,
+					placeholder: "说明这里要怎么改…",
+					rows: 1,
+					maxLength: MAX_DETAIL_CHARS,
+					value: mark.detail ?? "",
+					onChange: (event) => {
+						props.onChange(event.target.value);
+					},
+					onKeyDown: (event) => {
+						if (event.key === "Escape") {
+							event.preventDefault();
+							props.onClose();
+						}
+					}
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/attachment-annotator/register.ts
+		const ATTACHMENT_BODY_ID = "dsh-figmark/attachment";
+		/**
+		* One invisible floating seat. It listens only to its Session's native draft
+		* thumbnails, so the shell keeps ownership of uploads, removal and sending.
+		*/
+		function registerAttachmentAnnotator(ctx, slots) {
+			const store = createAttachmentStore();
+			ctx.effect(() => () => {
+				store.dispose();
+			}, "dsh-figmark: attachment draft lifecycle");
+			const injected = (_sessionId) => ({
+				store,
+				conversation: attachmentConversation(ctx.get("conversation"))
+			});
+			ctx.effect(() => slots.inject("conversation.input.overlay", () => slots.register({
+				name: "conversation.input.overlay",
+				id: ATTACHMENT_BODY_ID,
+				order: 80,
+				inject: injected
+			}, AttachmentOverlay)), "dsh-figmark: attachment overlay");
+		}
+		//#endregion
 		//#region src/client/index.tsx
 		/** Plugin name reported to the client module loader. */
 		const name = "dsh-figmark-client";
@@ -17346,6 +18548,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 		*/
 		function canOpenFigure(ctx, sessionId, path, html) {
 			if (sessionId === "" || path === "") return false;
+			if (/^[a-z][a-z\d+.-]*:\/\//iu.test(path) && !isLivePage(path, html)) return false;
 			const sidebar = ctx.get("sidebarRight");
 			if (sidebar === void 0) return false;
 			return !isLivePage(path, html) || sidebar.openTab !== void 0;
@@ -17422,6 +18625,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 			ctx.effect(() => sidebarTabs.register({
 				id: SERVICE_BODY_ID,
 				kind: SERVICE_KIND,
+				keepMounted: true,
 				priority: "extension",
 				title: () => locale.bind(NAMESPACE)("serviceTitle"),
 				guide: [{
@@ -17530,6 +18734,7 @@ button.da-card:hover .da-card-go{background:var(--da-accent-soft,rgba(23,109,242
 					localeId: locale.getLocale().locale ?? "zh"
 				})
 			}, PendingCard)), "dsh-figmark: parked annotation");
+			registerAttachmentAnnotator(ctx, slots);
 		}
 		//#endregion
 		exports.BODY_ID = BODY_ID;