dsh-figmark 1.2.4 → 1.2.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 1.2.5 — 2026-11-07
+
+本版修正本机网页元素标注的重新编辑与删除，并整理待发送标注卡片的展开和附件行为。
+
+### Improved
+
+- 元素评论框收起后，直接点击页面上已标注的元素外框即可重新打开。
+- 元素评论框增加删除按钮，删除后可通过原有的撤销操作恢复。
+- 待发送标注卡片在原位置展开和收起；卡片标题、箭头与整块标题区域都可操作，展开后不再嵌套第二张卡片。
+- 本机网页上的长元素名称会限制在标注标签宽度内，中文名称不再溢出。
+
+### Fixed
+
+- 修复文字标注在原生输入框中使用 `annotation.txt` 作为发送占位时，会把该文件显示成多余附件的问题。
+- 空输入直接发送仍会使用输入框的发送按钮；临时准入资源会在提交前移除，不会进入实际消息。
+- 对齐元素评论框内删除按钮与另外两个操作按钮的宽高。
+
 ## 1.2.4 — 2026-11-06
 
 本版统一批注卡片的预览与发送方式，修复缩放网页导出错位，并改进本机网页的检索和状态保留。

package/lib/client.js

@@ -3988,6 +3988,7 @@ window.__ModuleLoader__.load({
 				style: { pointerEvents: "none" },
 				children: [boxed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
 					"data-da-element-box": mark.id,
+					onPointerDown: props.onPress,
 					x: box.x,
 					y: box.y,
 					width: box.width,
@@ -4019,7 +4020,8 @@ window.__ModuleLoader__.load({
 			const code = elideCode(anchorCodeName(mark.anchor));
 			const pad = 4 * unit;
 			const fontSize = CODE_FONT_SIZE * unit;
-			const width = code.length * fontSize * .62 + pad * 2;
+			const advance = Array.from(code).reduce((sum, char) => sum + (char.charCodeAt(0) > 255 ? 1 : .62), 0);
+			const width = Math.min(advance * fontSize + pad * 2, Math.max(pad * 2, paper.right - paper.left));
 			const height = fontSize + pad * 1.6;
 			const gap = 4 * unit;
 			const limit = Math.max(paper.left, paper.right - width);
@@ -4037,17 +4039,27 @@ window.__ModuleLoader__.load({
 				fillOpacity: .94,
 				stroke: mark.color,
 				strokeWidth: 1.2 * unit
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
-				"data-da-element-code": mark.id,
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("foreignObject", {
 				x: x + pad,
-				y: y + height / 2,
-				fontFamily: CODE_FONT_FAMILY,
-				fontSize,
-				fontWeight: 600,
-				fill: CODE_TEXT_COLOR,
-				stroke: "none",
-				dominantBaseline: "central",
-				children: code
+				y,
+				width: Math.max(0, width - pad * 2),
+				height,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"data-da-element-code": mark.id,
+					title: anchorCodeName(mark.anchor),
+					style: {
+						display: "block",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap",
+						fontFamily: CODE_FONT_FAMILY,
+						fontSize,
+						fontWeight: 600,
+						color: CODE_TEXT_COLOR,
+						lineHeight: `${height}px`
+					},
+					children: code
+				})
 			})] });
 		}
 		/** One mark: its shape, its hit area, and whatever its selection asks for. */
@@ -4138,7 +4150,10 @@ window.__ModuleLoader__.load({
 							bottom: -props.originY + props.height - 2
 						},
 						boxed: props.elementExtent === "box",
-						named: selected
+						named: selected,
+						onPress: (event) => {
+							onPressMark(mark, event);
+						}
 					}),
 					selected && !isDraft && isPoint ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FixedFrame, {
 						box: pointMarkBox(shown, unit),
@@ -4981,22 +4996,34 @@ window.__ModuleLoader__.load({
 			try {
 				live = shell.snapshot;
 			} catch {
-				for (const claim of claims) claim.done();
+				for (const claim of claims) {
+					claim.armed.admission?.release();
+					claim.done();
+				}
 				return;
 			}
 			if (live.phase !== void 0 && live.phase !== "plain") {
-				for (const claim of claims) claim.done();
+				for (const claim of claims) {
+					claim.armed.admission?.release();
+					claim.done();
+				}
 				return;
 			}
 			const draft = live.draft;
 			if (claims.every((claim) => !draft.includes(claim.armed.text))) {
-				for (const claim of claims) claim.done();
+				for (const claim of claims) {
+					claim.armed.admission?.release();
+					claim.done();
+				}
 				return;
 			}
 			try {
 				shell.setDraft(merge.typed);
 			} catch {}
-			for (const claim of claims) if (claim.armed.staged !== true) for (const id of claim.armed.attachmentIds) shell.removeAttachment?.(id);
+			for (const claim of claims) {
+				if (claim.armed.admission !== void 0) attach(shell, claim.armed.admission.ids.filter((id) => !live.attachmentIds?.includes(id)));
+				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.
@@ -5068,6 +5095,7 @@ window.__ModuleLoader__.load({
 				}
 				const send = () => {
 					try {
+						for (const claim of claims) for (const id of claim.armed.admission?.ids ?? []) if (shell.removeAttachment?.(id) !== true) return;
 						original.apply(shell, args);
 					} finally {
 						waiting = false;
@@ -5130,14 +5158,26 @@ window.__ModuleLoader__.load({
 			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);
+				const admission = armed.attachmentIds.length === 0;
+				const drafts = admission && armed.shell.removeAttachment !== void 0 ? holdFiles(input.conversation, sessionId, [new File([Uint8Array.from(atob("iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="), (char) => char.charCodeAt(0))], "figmark-draft.png", { type: "image/png" })]) : [];
+				const ids = admission ? drafts.map((draft) => draft.id) : armed.attachmentIds;
+				const conversation = input.conversation;
 				if (ids.length > 0 && attach(armed.shell, ids)) armed = {
 					...armed,
 					attachmentIds: ids,
-					staged: true
+					staged: true,
+					...admission ? {
+						previewUrls: drafts.flatMap((draft) => draft.previewUrl === void 0 ? [] : [draft.previewUrl]),
+						admission: {
+							ids,
+							release: () => {
+								for (const id of ids) conversation.releaseDraftAttachment?.(id);
+							}
+						}
+					} : {}
 				};
 				else {
-					for (const id of ids) input.conversation.releaseDraftAttachment?.(id);
+					for (const id of ids) conversation.releaseDraftAttachment?.(id);
 					armed = void 0;
 				}
 			}
@@ -8602,12 +8642,13 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
 /* The hand-off appears only once the field says something: an empty pill is a
    place to type, not a decision to make. */
 .da-comment-send{display:flex;align-items:center;gap:4px;flex:0 0 auto;padding-bottom:3px;padding-right:3px}
+.da-comment-remove{flex:0 0 30px;margin-bottom:3px}
 .da-comment-send-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
   border:0;border-radius:50%;background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12));
   color:var(--dsw-alias-label-secondary,currentColor);cursor:pointer;padding:0}
 .da-comment-send-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.2));
   color:var(--dsw-alias-label-primary,currentColor)}
-.da-comment-send-btn:disabled{opacity:.45;cursor:default}
+.da-comment-send-btn[aria-disabled="true"],.da-comment-send-btn:disabled{opacity:.45;cursor:default}
 .da-comment-send-btn svg{width:15px;height:15px}
 /* Both ways out of the pill are the same neutral chip. Which hand-off is "primary"
    is the reader's judgement at the moment of sending, not something the panel gets to
@@ -8838,7 +8879,6 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
 .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)}
@@ -8986,7 +9026,17 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
 .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-card[data-expanded="true"]{width:min(440px,100%)}
+.da-staged-card[data-expanded="true"] .da-staged-line{display:none}
+.da-staged-chevron{display:flex;flex:0 0 18px;margin-left:auto;color:var(--dsw-alias-label-tertiary,#858991)}
+.da-staged-chevron svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
+.da-staged-open[aria-expanded="true"] .da-staged-chevron{transform:rotate(90deg)}
+.da-staged-text{flex:1 1 auto;padding-right:0}
+.da-staged-open{padding-right:18px}
+.da-staged-details{display:block;width:100%;margin-top:8px;border-top:1px solid var(--dsw-alias-border-main,rgba(128,128,128,.18))}
+.da-staged-details .da-card{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
+.da-staged-details .da-card-body{padding:8px 0 0}
+.da-overlay[data-tool="select"] [data-da-element-box]{pointer-events:all;cursor:pointer}
 .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}
@@ -9953,46 +10003,60 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
 					left: props.at.left,
 					top: props.at.top
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-					ref: props.inputRef,
-					className: "da-comment",
-					value: mark.detail ?? "",
-					placeholder: hasDetail(mark) ? t("detailPlaceholder") : t("addComment"),
-					rows: 1,
-					maxLength: MAX_DETAIL_CHARS,
-					onChange: (event) => {
-						props.onWrite(event.target.value);
-					},
-					onKeyDown: (event) => {
-						if (event.key !== "Escape") return;
-						event.preventDefault();
-						event.stopPropagation();
-						event.currentTarget.blur();
-					}
-				}), hasDetail(mark) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "da-comment-send",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: "da-comment-send-btn da-comment-send-primary",
-						disabled: props.busy,
-						"aria-label": t("sendToAgent"),
-						title: t("sendToAgent"),
-						onClick: () => {
-							props.onSendToAgent();
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						ref: props.inputRef,
+						className: "da-comment",
+						value: mark.detail ?? "",
+						placeholder: hasDetail(mark) ? t("detailPlaceholder") : t("addComment"),
+						rows: 1,
+						maxLength: MAX_DETAIL_CHARS,
+						onChange: (event) => {
+							props.onWrite(event.target.value);
 						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendIcon, {})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						onKeyDown: (event) => {
+							if (event.key !== "Escape") return;
+							event.preventDefault();
+							event.stopPropagation();
+							event.currentTarget.blur();
+						}
+					}),
+					hasDetail(mark) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "da-comment-send",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "da-comment-send-btn da-comment-send-primary",
+							disabled: props.busy,
+							"aria-label": t("sendToAgent"),
+							title: t("sendToAgent"),
+							onClick: () => {
+								props.onSendToAgent();
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendIcon, {})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "da-comment-send-btn",
+							disabled: props.busy,
+							"aria-label": t("sendToComposer"),
+							title: t("sendToComposer"),
+							onClick: () => {
+								props.onSendToComposer();
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChatIcon, {})
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "da-comment-send-btn",
-						disabled: props.busy,
-						"aria-label": t("sendToComposer"),
-						title: t("sendToComposer"),
+						className: "da-comment-send-btn da-comment-remove",
+						"aria-label": t("delete"),
+						title: t("delete"),
+						"aria-disabled": props.busy,
 						onClick: () => {
-							props.onSendToComposer();
+							if (!props.busy) props.onRemove();
 						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChatIcon, {})
-					})]
-				}) : null]
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {})
+					})
+				]
 			});
 		}
 		//#endregion
@@ -15578,6 +15642,9 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
 						onWrite: (value) => {
 							setMarkDetail(selected.id, value);
 						},
+						onRemove: () => {
+							removeMark(selected.id);
+						},
 						onSendToAgent: () => {
 							sendOne(selected, "agent");
 						},
@@ -15911,47 +15978,46 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
 					})
 				})
 			] });
+			const head = /* @__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
+			});
+			const body = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				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]
+					})
+				]
+			});
 			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-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 : head,
+					body,
 					embedded ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "da-card-actions",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -16386,97 +16452,112 @@ body[data-ds-dark-theme] .da-root{--da-quiet:#9aa0a8}
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "da-staged-card",
+						"data-expanded": expanded,
 						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-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)("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",
-										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-type",
-										children: subject.badge
+										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);
+											}
+										})]
 									}),
-									first === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: "da-staged-line",
-										title: detail,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "da-staged-text",
 										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.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-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)("span", {
+										className: "da-staged-chevron",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+											viewBox: "0 0 16 16",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m6 3.5 4.5 4.5L6 12.5" })
+										})
 									})
 								]
-							})]
-						}), /* @__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)("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
+							}),
+							/* @__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)("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",

package/market/index.json

@@ -101,8 +101,8 @@
       },
       "versions": [
         {
-          "version": "1.2.4",
-          "publishTimestamp": 1793932197,
+          "version": "1.2.5",
+          "publishTimestamp": 1794022638,
           "source": {
             "type": "npm",
             "registry": "https://registry.npmjs.org"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-figmark",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "private": false,
   "description": "DSH 插件：在右侧栏预览里对科研配图、SVG、PDF 与本机网页直接圈画批注，标注写进侧车文件并可一键交给智能体改图源",
   "license": "MIT",