@senguoyun/dsh-arkme 0.1.84 → 0.1.85

package/lib/client.js

@@ -512,6 +512,46 @@ window.__ModuleLoader__.load({
 				if (normalized === "") throw new TypeError("Arkme call reference must not be empty");
 				return await this.call("calls.history.summary.retry", { callRef: normalized }, signal);
 			}
+			async requireSelfRoles(signal) {
+				if ((await this.capabilities(signal)).features.selfRoles !== true) throw new Error("当前 Arkme Provider 不支持跨端角色，请升级");
+			}
+			async listSelfRoles(expectedUserId, signal) {
+				await this.requireSelfRoles(signal);
+				return await this.call("self-roles.list", { expectedUserId }, signal);
+			}
+			async createSelfRole(expectedUserId, name, avatarRef, signal) {
+				await this.requireSelfRoles(signal);
+				return await this.call("self-roles.create", {
+					expectedUserId,
+					name,
+					...avatarRef === void 0 ? {} : { avatarRef }
+				}, signal);
+			}
+			async updateSelfRole(expectedUserId, roleId, name, avatarRef, signal) {
+				await this.requireSelfRoles(signal);
+				return await this.call("self-roles.update", {
+					expectedUserId,
+					roleId,
+					name,
+					...avatarRef === void 0 ? {} : { avatarRef }
+				}, signal);
+			}
+			async deleteSelfRole(expectedUserId, roleId, signal) {
+				await this.requireSelfRoles(signal);
+				return await this.call("self-roles.delete", {
+					expectedUserId,
+					roleId
+				}, signal);
+			}
+			async bindSelfRole(expectedUserId, sourceRef, recordUid, roleId, signal) {
+				await this.requireSelfRoles(signal);
+				return await this.call("self-roles.bind", {
+					expectedUserId,
+					sourceRef,
+					recordUid,
+					roleId
+				}, signal);
+			}
 			async profile(options = {}) {
 				return await this.call(options.refresh === true ? "user.profile.refresh" : "user.profile", void 0, options.signal);
 			}
@@ -32969,22 +33009,22 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/use-ask-dsh.ts
-		const sdk$1 = createArkmeSdk();
+		const sdk$2 = createArkmeSdk();
 		async function readAskDshOriginal(block, signal) {
 			let fileRef = block.localFileRef;
 			if (!fileRef) {
 				if (!block.originalRef) throw new Error("原文件不可用");
-				let reception = await sdk$1.receiveFile(block.originalRef, true, signal);
+				let reception = await sdk$2.receiveFile(block.originalRef, true, signal);
 				while (reception.state !== "ready") {
 					signal.throwIfAborted();
 					if (reception.state === "failed") throw new Error(reception.error || "原文件下载失败");
 					await abortableDelay(signal, 300);
-					reception = await sdk$1.receiveFile(block.originalRef, false, signal);
+					reception = await sdk$2.receiveFile(block.originalRef, false, signal);
 				}
 				fileRef = reception.file?.fileRef;
 			}
 			if (!fileRef) throw new Error("原文件下载未完成");
-			const response = await fetch(sdk$1.localFileUrl(fileRef), { signal });
+			const response = await fetch(sdk$2.localFileUrl(fileRef), { signal });
 			if (!response.ok) throw new Error("读取原文件失败");
 			const blob = await response.blob();
 			if (block.size > 0 && blob.size !== block.size) throw new Error("原文件大小不匹配，请重新下载");
@@ -34516,6 +34556,24 @@ Arkme 用户|Arkme user
 正在读取录音|Loading recordings
 当前窗口说话人统计|Speaker statistics for this range
 当前窗口说话人图例|Speakers in this range
+全天说话人统计|All-day speaker statistics
+全天说话人图例|All-day speakers
+关闭全天说话人统计|Close all-day speaker statistics
+时间轴记录|Timeline entry
+时间未标注|Time unavailable
+场景类型|Scene
+场景说明|Scene note
+环境说明|Environment note
+评价|Assessment
+评价分数|Assessment score
+事件标签|Event tags
+时段总结|Period summary
+参与者|Participants
+说话人备注|Speaker note
+待办|To-do
+代表性原话|Representative quotes
+对话摘要|Dialogue summaries
+其他信息|Other information
 暂停播放|Pause
 转发录音片段|Forward recording segment
 转发对象|Forwarding destination
@@ -35115,6 +35173,15 @@ Bot 列表加载失败，点击重试|Could not load Bots. Click to retry
 		//#endregion
 		//#region src/client/locales/actions-en.ts
 		const actionEnglish = {
+			"发现未发布的草稿": "Unpublished draft found",
+			"草稿预览": "Draft preview",
+			"预览草稿": "Preview draft",
+			"关闭草稿预览": "Close draft preview",
+			"关闭草稿恢复弹窗": "Close draft recovery dialog",
+			"保存时间：": "Saved at: ",
+			"保存时间未知": "Save time unavailable",
+			"编辑原文": "Edit original",
+			"恢复草稿": "Restore draft",
 			"群聊提及": "Group mention",
 			"群内原消息的已读状态暂不可用": "Read status of the original group message is unavailable",
 			"对方已阅读群内原消息": "They have read the original group message",
@@ -35161,6 +35228,10 @@ Bot 列表加载失败，点击重试|Could not load Bots. Click to retry
 			"保留这篇长文的修改？": "Keep changes to this article?",
 			"保存草稿后，可以下次继续编辑。": "Save a draft to continue editing later.",
 			"保存并关闭": "Save and close",
+			"是否暂存草稿": "Save a draft?",
+			"保存草稿": "Save draft",
+			"确认修改": "Confirm changes",
+			"关闭草稿确认弹窗": "Close draft confirmation",
 			"放弃修改": "Discard changes",
 			"关闭用量与额度详情": "Close usage and limits details",
 			"所属会话：": "Conversation: ",
@@ -35553,7 +35624,7 @@ AI 额度充值流程|AI point purchase
 		};
 		const getArkmeLocale = () => active;
 		/** One language owner: the Harness preference. No second persisted preference,
-		* component remount, network translation, or access to user-authored content. */
+		* component remount, network translation, theme mutation, or access to user-authored content. */
 		function connectArkmeLocale(source) {
 			const sync = () => {
 				const next = source.getLocale().active === "en" ? "en" : "zh";
@@ -35662,7 +35733,7 @@ AI 额度充值流程|AI point purchase
 		const n$14 = e$80;
 		//#endregion
 		//#region src/client/ArkmeRightPanelHeader.tsx
-		const styles$68 = {
+		const styles$69 = {
 			header: {
 				flex: "none",
 				display: "flex",
@@ -35713,7 +35784,7 @@ AI 额度充值流程|AI point purchase
 		/** Shared geometry for right-side drawers; each panel retains its own navigation and body. */
 		function ArkmeRightPanelHeader({ title, titleId, heading, subtitle, actions, onClose, closeLabel = "关闭详情", closeRef, closeDisabled = false, onBack, backLabel = "返回", backRef, backDisabled = false }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-				style: styles$68.header,
+				style: styles$69.header,
 				"data-arkme-right-panel-header": true,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `.arkme-right-panel-header-button:not([data-arkme-feedback]):not(:disabled):hover { background: ${arkmeTheme.hover} !important; }
@@ -35724,7 +35795,7 @@ AI 额度充值流程|AI point purchase
 						ref: backRef,
 						type: "button",
 						className: "arkme-right-panel-header-button",
-						style: styles$68.button,
+						style: styles$69.button,
 						"aria-label": backLabel,
 						disabled: backDisabled,
 						onClick: onBack,
@@ -35734,18 +35805,18 @@ AI 额度充值流程|AI point purchase
 						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$68.heading,
+						style: styles$69.heading,
 						children: [heading ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 							id: titleId,
-							style: styles$68.title,
+							style: styles$69.title,
 							children: title
 						}), subtitle !== void 0 && subtitle !== null && subtitle !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: styles$68.subtitle,
+							style: styles$69.subtitle,
 							children: subtitle
 						})]
 					}),
 					actions !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						style: styles$68.actions,
+						style: styles$69.actions,
 						children: actions
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -35753,7 +35824,7 @@ AI 额度充值流程|AI point purchase
 						ref: closeRef,
 						type: "button",
 						className: "arkme-right-panel-header-button",
-						style: styles$68.button,
+						style: styles$69.button,
 						"aria-label": closeLabel,
 						title: tr$1("关闭"),
 						disabled: closeDisabled,
@@ -53219,7 +53290,7 @@ function(test) {
 			return (tree, file) => {
 				const source = String(file.value ?? "");
 				const visit = (node) => {
-					if (options?.articleImages && node.type === "image" && /^arkme-asset:[A-Za-z0-9._:-]{1,256}$/u.test(node.url ?? "")) {
+					if (options?.articleImages && node.type === "image" && (options.localArticleImages ? arkmeArticleImageReference(node.url ?? "") : /^arkme-asset:[A-Za-z0-9._:-]{1,256}$/u.test(node.url ?? ""))) {
 						node.data = {
 							hName: "span",
 							hProperties: {
@@ -54292,7 +54363,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 		}
 		//#endregion
 		//#region src/client/ArkmeDetailShell.tsx
-		const styles$67 = {
+		const styles$68 = {
 			drawer: {
 				position: "absolute",
 				top: 68,
@@ -54371,7 +54442,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				"aria-label": label,
 				"aria-labelledby": headerContent === void 0 ? titleId : void 0,
 				style: {
-					...styles$67.drawer,
+					...styles$68.drawer,
 					...resize.style
 				},
 				"data-arkme-note-detail": "true",
@@ -54393,12 +54464,12 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						ref: bodyRef,
-						style: styles$67.body,
+						style: styles$68.body,
 						children
 					}),
 					footer !== void 0 && footer !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
 						hidden: footerHidden,
-						style: typeof footer === "string" ? styles$67.footer : styles$67.extensionFooter,
+						style: typeof footer === "string" ? styles$68.footer : styles$68.extensionFooter,
 						children: footer
 					})
 				]
@@ -59893,7 +59964,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 		}
 		//#endregion
 		//#region src/client/ArkmeConfirmDialog.tsx
-		const styles$66 = {
+		const styles$67 = {
 			backdrop: {
 				position: "fixed",
 				inset: 0,
@@ -59986,7 +60057,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 		};
 		function ArkmeConfirmDialogPreview({ children, title }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				style: styles$66.preview,
+				style: styles$67.preview,
 				title,
 				children
 			});
@@ -60037,7 +60108,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				}
 			};
 			const dialog = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: styles$66.backdrop,
+				style: styles$67.backdrop,
 				role: "presentation",
 				"data-arkme-confirm-dialog-backdrop": "true",
 				onMouseDown: (event) => {
@@ -60052,7 +60123,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					"aria-busy": props.busy || void 0,
 					"data-arkme-confirm-dialog": "true",
 					style: {
-						...styles$66.dialog,
+						...styles$67.dialog,
 						...props.layout === "picker" ? {
 							width: "min(440px, 100%)",
 							padding: 0,
@@ -60076,27 +60147,27 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 						}),
 						props.layout !== "picker" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
 							id: props.titleId,
-							style: styles$66.title,
+							style: styles$67.title,
 							children: props.title
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							style: styles$66.description,
+							style: styles$67.description,
 							children: props.description
 						})] }),
 						props.children,
 						props.error === void 0 || props.error === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							role: "alert",
-							style: styles$66.error,
+							style: styles$67.error,
 							children: props.error
 						}),
 						props.layout !== "picker" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
-							style: styles$66.footer,
+							style: styles$67.footer,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								"data-arkme-feedback": "neutral",
 								ref: cancelRef,
 								type: "button",
 								style: {
-									...styles$66.button,
-									...closeDisabled ? styles$66.disabled : {}
+									...styles$67.button,
+									...closeDisabled ? styles$67.disabled : {}
 								},
 								disabled: closeDisabled,
 								onClick: props.onClose,
@@ -60105,9 +60176,9 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 								"data-arkme-feedback": "primary",
 								type: "button",
 								style: {
-									...styles$66.button,
-									...styles$66[props.confirmTone ?? "primary"],
-									...props.busy || props.confirmDisabled ? styles$66.disabled : {}
+									...styles$67.button,
+									...styles$67[props.confirmTone ?? "primary"],
+									...props.busy || props.confirmDisabled ? styles$67.disabled : {}
 								},
 								disabled: props.busy || props.confirmDisabled,
 								onClick: props.onConfirm,
@@ -60481,7 +60552,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 		}
 		//#endregion
 		//#region src/client/ArkmeFileViewer.tsx
-		const sdk = createArkmeSdk();
+		const sdk$1 = createArkmeSdk();
 		const markdownLabels = {
 			code: {
 				copyLabel: "复制",
@@ -60497,7 +60568,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 		function publishReception(identity, value) {
 			for (const listener of receptionListeners.get(identity) ?? []) listener(value);
 		}
-		const arkmeLocalFileUrl = (ref, download = false) => sdk.localFileUrl(ref, download);
+		const arkmeLocalFileUrl = (ref, download = false) => sdk$1.localFileUrl(ref, download);
 		function arkmeFileSize(size) {
 			return size >= 1024 * 1024 ? `${(size / 1024 / 1024).toFixed(1)} MB` : size >= 1024 ? `${(size / 1024).toFixed(1)} KB` : `${size} B`;
 		}
@@ -60542,7 +60613,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				receptionListeners.set(identity, listeners);
 				const poll = async (start) => {
 					try {
-						const value = await sdk.receiveFile(block.originalRef, start, controller.signal);
+						const value = await sdk$1.receiveFile(block.originalRef, start, controller.signal);
 						if (!active) return;
 						publishReception(identity, value);
 						if (value.state === "receiving") timer = setTimeout(() => {
@@ -60827,7 +60898,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					controller.signal.throwIfAborted();
 					let saveRef = localRef;
 					if (saveRef === void 0) {
-						let value = await sdk.receiveFile(block.originalRef, true, controller.signal);
+						let value = await sdk$1.receiveFile(block.originalRef, true, controller.signal);
 						const deadline = Date.now() + 12e4;
 						publishReception(block.originalRef, value);
 						while (value.state === "receiving" || value.state === "missing") {
@@ -60844,7 +60915,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 								controller.signal.addEventListener("abort", abort, { once: true });
 								if (controller.signal.aborted) abort();
 							});
-							value = await sdk.receiveFile(block.originalRef, false, controller.signal);
+							value = await sdk$1.receiveFile(block.originalRef, false, controller.signal);
 							publishReception(block.originalRef, value);
 						}
 						if (value.state !== "ready" || value.file === void 0) throw new Error(value.error ?? "原文件不可用");
@@ -61010,8 +61081,8 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				setOpening(true);
 				setError("");
 				try {
-					if (target === "folder") await sdk.openLocalFileFolder(fileRef, controller.signal);
-					else await sdk.openLocalFile(fileRef, controller.signal);
+					if (target === "folder") await sdk$1.openLocalFileFolder(fileRef, controller.signal);
+					else await sdk$1.openLocalFile(fileRef, controller.signal);
 					if (!controller.signal.aborted && target === "file") onOpened();
 				} catch (reason) {
 					if (!controller.signal.aborted) setError(reason instanceof Error ? reason.message : target === "folder" ? "文件夹打开失败，请重试" : "文件打开失败，请重试");
@@ -61283,6 +61354,19 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				if (original.localRef === void 0) original.receive();
 			};
 			const contentMaxHeight = filePanel ? "calc(65vh - 56px)" : "65vh";
+			const fillTextWindow = standalone && showContent && textFile;
+			const textWindowPanelStyle = fillTextWindow ? {
+				width: "100%",
+				height: "100%",
+				maxHeight: "none",
+				minWidth: 0,
+				minHeight: 0,
+				boxSizing: "border-box",
+				padding: 0,
+				borderRadius: 0,
+				display: "flex",
+				flexDirection: "column"
+			} : {};
 			const mediaStyle = {
 				width: "100%",
 				maxHeight: contentMaxHeight,
@@ -61295,7 +61379,9 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					zIndex: 11e3,
 					background: standalone ? arkmeTheme.menu : "rgba(0,0,0,.72)",
 					display: "grid",
-					placeItems: "center",
+					placeItems: fillTextWindow ? "stretch" : "center",
+					gridTemplateRows: fillTextWindow ? "minmax(0, 1fr)" : void 0,
+					gridTemplateColumns: fillTextWindow ? "minmax(0, 1fr)" : void 0,
 					padding: 24
 				},
 				onMouseDown: (event) => {
@@ -61315,7 +61401,8 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 						borderRadius: 16,
 						padding: showContent ? "56px 20px 20px" : "48px 40px 32px",
 						color: arkmeTheme.text,
-						background: arkmeTheme.menu
+						background: arkmeTheme.menu,
+						...textWindowPanelStyle
 					},
 					onKeyDown: (event) => {
 						if (event.key === "Escape") {
@@ -61431,7 +61518,9 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 							controls: true
 						}) : textFile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							style: {
-								maxHeight: contentMaxHeight,
+								maxHeight: fillTextWindow ? void 0 : contentMaxHeight,
+								flex: fillTextWindow ? "1 1 0" : void 0,
+								minHeight: fillTextWindow ? 0 : void 0,
 								overflow: "auto",
 								overflowWrap: "anywhere"
 							},
@@ -61447,7 +61536,10 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 							})
 						}) : null,
 						filePanel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: { marginTop: 16 },
+							style: {
+								marginTop: 16,
+								flexShrink: fillTextWindow ? 0 : void 0
+							},
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									role: "group",
@@ -61455,7 +61547,13 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 									style: {
 										display: "flex",
 										flexWrap: "wrap",
-										gap: 8
+										gap: 8,
+										...fillTextWindow ? {
+											display: "grid",
+											gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+											maxWidth: 488,
+											marginInline: "auto"
+										} : {}
 									},
 									children: [
 										!showContent && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -61537,7 +61635,8 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							style: {
-								position: standalone ? "fixed" : "absolute",
+								position: fillTextWindow ? "static" : standalone ? "fixed" : "absolute",
+								flexShrink: fillTextWindow ? 0 : void 0,
 								left: 0,
 								right: 0,
 								bottom: standalone ? 0 : -56,
@@ -66688,7 +66787,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 .arkme-markdown .ProseMirror { outline:none; min-height:inherit; white-space:pre-wrap; }
 .arkme-markdown .ProseMirror > :first-child { margin-top:0; }
 `;
-		function ArkmeMarkdownBody({ text, highlightMentions = true, renderLink, textStyle, onMentionClick, isMentionClickable, renderImage, mentionTargets, readMentionMembers }) {
+		function ArkmeMarkdownBody({ text, highlightMentions = true, renderLink, textStyle, onMentionClick, isMentionClickable, renderImage, localArticleImages = false, mentionTargets, readMentionMembers }) {
 			const rich = (children) => react$1.Children.map(children, (child) => typeof child === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 				text: child,
 				highlightMentions,
@@ -66714,7 +66813,10 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 							remarkGfm,
 							remarkBreaks,
 							[arkmeMarkdownBusinessNodes, mentionTargets === void 0 ? {} : { mentions: mentionTargets }],
-							[arkmeLiteralMarkdownNodes, { articleImages: Boolean(renderImage) }]
+							[arkmeLiteralMarkdownNodes, {
+								articleImages: Boolean(renderImage),
+								localArticleImages
+							}]
 						],
 						components: {
 							span: ({ children, node }) => {
@@ -97876,10 +97978,221 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			});
 		}
 		//#endregion
+		//#region src/client/ArkmeLongArticleDraftDialog.tsx
+		const sdk = createArkmeSdk();
+		const button$7 = {
+			border: 0,
+			borderRadius: 8,
+			padding: "8px 12px",
+			background: "transparent",
+			color: arkmeTheme.text,
+			cursor: "pointer",
+			font: "inherit",
+			fontSize: 14
+		};
+		function ArkmeLongArticleDraftDialog({ draft, blocks = [], preview, onPreview, onClose, onOriginal, onRestore }) {
+			useArkmeLocale();
+			const closeRef = (0, react$1.useRef)(null);
+			(0, react$1.useEffect)(() => {
+				const previous = document.activeElement;
+				closeRef.current?.focus();
+				return () => {
+					previous?.focus?.();
+				};
+			}, [preview]);
+			const date = new Date(draft.updatedAtMillis);
+			const validDate = draft.updatedAtMillis > 0 && Number.isFinite(date.getTime());
+			const two = (value) => String(value).padStart(2, "0");
+			const savedTime = validDate ? `${date.getFullYear()}-${two(date.getMonth() + 1)}-${two(date.getDate())} ${two(date.getHours())}:${two(date.getMinutes())}:${two(date.getSeconds())}` : tr$1("保存时间未知");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					position: "fixed",
+					inset: 0,
+					zIndex: 1300,
+					display: "grid",
+					placeItems: "center",
+					padding: 24,
+					background: "rgba(0,0,0,.52)"
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": tr$1(preview ? "草稿预览" : "发现未发布的草稿"),
+					onKeyDown: (event) => {
+						if (event.key !== "Tab") return;
+						const focusable = [...event.currentTarget.querySelectorAll("button:not(:disabled), a[href]")];
+						const first = focusable[0], last = focusable.at(-1);
+						if (event.shiftKey && document.activeElement === first) {
+							event.preventDefault();
+							last?.focus();
+						} else if (!event.shiftKey && document.activeElement === last) {
+							event.preventDefault();
+							first?.focus();
+						}
+					},
+					style: {
+						position: "relative",
+						width: preview ? "min(760px, 90vw)" : "min(440px, 90vw)",
+						maxHeight: "80vh",
+						display: "flex",
+						flexDirection: "column",
+						padding: 24,
+						boxSizing: "border-box",
+						borderRadius: 16,
+						background: arkmeTheme.base,
+						color: arkmeTheme.text,
+						boxShadow: arkmeTheme.shadow
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							style: {
+								margin: "0 32px 16px 0",
+								fontSize: 18
+							},
+							children: tr$1(preview ? "草稿预览" : "发现未发布的草稿")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							ref: closeRef,
+							autoFocus: true,
+							type: "button",
+							"aria-label": tr$1(preview ? "关闭草稿预览" : "关闭草稿恢复弹窗"),
+							style: {
+								...button$7,
+								position: "absolute",
+								top: 12,
+								right: 12,
+								fontSize: 26
+							},
+							onClick: () => preview ? onPreview(false) : onClose(),
+							children: "×"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8,
+								flexWrap: "wrap",
+								fontSize: 14
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: arkmeTheme.secondary },
+									children: tr$1("保存时间：")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+									dateTime: validDate ? date.toISOString() : void 0,
+									style: { color: arkmeTheme.info },
+									children: savedTime
+								}),
+								!preview && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									"aria-label": tr$1("预览草稿"),
+									title: tr$1("预览草稿"),
+									style: {
+										...button$7,
+										display: "inline-flex",
+										padding: 4,
+										color: arkmeTheme.info
+									},
+									onClick: () => onPreview(true),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+										width: "20",
+										height: "20",
+										viewBox: "0 0 24 24",
+										fill: "none",
+										stroke: "currentColor",
+										strokeWidth: "1.6",
+										"aria-hidden": "true",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+											cx: "12",
+											cy: "12",
+											r: "3"
+										})]
+									})
+								})
+							]
+						}),
+						preview && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								minHeight: 0,
+								overflowY: "auto",
+								marginTop: 16,
+								paddingTop: 16,
+								borderTop: `1px solid ${arkmeTheme.border}`
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								style: {
+									margin: "0 0 16px",
+									overflowWrap: "anywhere"
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
+									text: draft.title || tr$1("无标题长文"),
+									presentation: "preview"
+								})
+							}), draft.textFormat === "markdown" || draft.document ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMarkdownBody, {
+								text: draft.textContent,
+								localArticleImages: true,
+								renderImage: (ref, alt) => {
+									const block = blocks.find((value) => value.kind === "image" && `arkme-asset:${value.fileAssetUid}` === ref);
+									let url = block ? articleImageUrl(block) : void 0;
+									if (ref.startsWith("arkme-local:")) try {
+										url = sdk.localFileUrl(ref.slice(12));
+									} catch {}
+									return url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+										src: url,
+										alt,
+										style: {
+											maxWidth: "100%",
+											height: "auto"
+										}
+									}) : void 0;
+								}
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								style: {
+									margin: 0,
+									whiteSpace: "pre-wrap",
+									overflowWrap: "anywhere",
+									lineHeight: 1.7
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
+									text: draft.textContent,
+									linkLabelMode: "raw"
+								})
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								flex: "none",
+								display: "flex",
+								justifyContent: "flex-end",
+								gap: 8,
+								marginTop: 24
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: button$7,
+								onClick: () => preview ? onPreview(false) : onOriginal(),
+								children: tr$1(preview ? "返回" : "编辑原文")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: {
+									...button$7,
+									background: arkmeTheme.primaryAction,
+									color: arkmeTheme.onPrimaryAction
+								},
+								onClick: onRestore,
+								children: tr$1("恢复草稿")
+							})]
+						})
+					]
+				})
+			});
+		}
+		//#endregion
 		//#region src/client/ArkmeLongArticleDialog.tsx
 		const MAX_TITLE_LENGTH = 100;
 		const MAX_CONTENT_LENGTH = 4e4;
-		const styles$65 = {
+		const styles$66 = {
 			overlay: {
 				position: "fixed",
 				inset: 0,
@@ -98061,7 +98374,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, [onClose]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: {
-					...styles$65.overlay,
+					...styles$66.overlay,
 					...standalone ? {
 						padding: 0,
 						background: arkmeTheme.base
@@ -98075,7 +98388,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 					style: {
-						...styles$65.dialog,
+						...styles$66.dialog,
 						...standalone ? {
 							width: "100%",
 							maxWidth: "100%",
@@ -98087,9 +98400,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					"data-arkme-long-article-dialog": "snapshot",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-							style: styles$65.header,
+							style: styles$66.header,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-								style: styles$65.titleRead,
+								style: styles$66.titleRead,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 									text: item.title || "无标题长文",
 									presentation: "preview"
@@ -98098,19 +98411,19 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								"data-arkme-feedback": "neutral",
 								autoFocus: true,
 								type: "button",
-								style: styles$65.close,
+								style: styles$66.close,
 								"aria-label": tr$1("关闭长文"),
 								onClick: onClose,
 								children: "×"
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: styles$65.metaRow,
+							style: styles$66.metaRow,
 							children: [item.sendAtMillis > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: styles$65.meta,
+								style: styles$66.meta,
 								children: ["▦ ", formatDate(item.sendAtMillis)]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: styles$65.meta,
+								style: styles$66.meta,
 								children: [
 									"▤ ",
 									String(item.textContent.length),
@@ -98119,16 +98432,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: styles$65.body,
+							style: styles$66.body,
 							children: item.textFormat === "markdown" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeLongArticleBody, {
 								text: item.textContent,
 								blocks: item.contentBlocks,
 								textStyle: {
-									fontSize: styles$65.bodyRead?.fontSize,
-									lineHeight: styles$65.bodyRead?.lineHeight
+									fontSize: styles$66.bodyRead?.fontSize,
+									lineHeight: styles$66.bodyRead?.lineHeight
 								}
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$65.bodyRead,
+								style: styles$66.bodyRead,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 									text: item.textContent,
 									linkLabelMode: "raw"
@@ -98157,10 +98470,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const [submitting, setSubmitting] = (0, react$1.useState)(false);
 			const [error, setError] = (0, react$1.useState)("");
 			const [closePrompt, setClosePrompt] = (0, react$1.useState)(false);
+			const [recoveryDraft, setRecoveryDraft] = (0, react$1.useState)();
+			const [draftPreview, setDraftPreview] = (0, react$1.useState)(false);
+			const checkingDraft = (0, react$1.useRef)(false);
 			const [closingDraft, setClosingDraft] = (0, react$1.useState)(false);
 			const closingDraftRef = (0, react$1.useRef)(false);
 			const submittingRef = (0, react$1.useRef)(false);
 			const [draftState, setDraftState] = (0, react$1.useState)("unsaved");
+			const [savedAtMillis, setSavedAtMillis] = (0, react$1.useState)();
 			const changeRevision = (0, react$1.useRef)(0);
 			const windowModeRef = (0, react$1.useRef)(windowMode);
 			windowModeRef.current = windowMode;
@@ -98237,7 +98554,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				});
 				try {
 					await saving.current;
-					if (revision === changeRevision.current) setDraftState("saved");
+					if (revision === changeRevision.current) {
+						setSavedAtMillis(Date.now());
+						setDraftState("saved");
+					}
 				} catch (caught) {
 					setDraftState("failed");
 					throw caught;
@@ -98431,7 +98751,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				const onKeyDown = (event) => {
 					if (event.key === "Escape") {
 						event.stopPropagation();
-						if (windowMode && closePrompt && !closingDraft) {
+						if (recoveryDraft) if (draftPreview) setDraftPreview(false);
+						else setRecoveryDraft(void 0);
+						else if (windowMode && closePrompt && !closingDraft) {
 							setClosePrompt(false);
 							windowMode.cancelClose();
 						} else requestClose();
@@ -98445,7 +98767,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				requestClose,
 				windowMode,
 				closePrompt,
-				closingDraft
+				closingDraft,
+				recoveryDraft,
+				draftPreview
 			]);
 			const requestCloseRef = (0, react$1.useRef)(requestClose);
 			requestCloseRef.current = requestClose;
@@ -98470,25 +98794,33 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				}
 			};
 			const beginEditing = async () => {
-				if (detail === void 0 || !detail.editable) return;
-				let nextVersion = detail.version;
-				let nextTitle = detail.title;
-				let nextText = detail.textContent;
-				let nextDuration = detail.editDurationMillis;
-				let document = detail.textFormat === "markdown" ? void 0 : arkmePlainEditorDocument(detail.textContent);
-				let images = (detail.contentBlocks ?? []).flatMap((block) => block.kind === "image" && block.fileAssetUid ? [{ fileAssetUid: block.fileAssetUid }] : []);
+				if (detail === void 0 || !detail.editable || accountChanged || checkingDraft.current) return;
+				checkingDraft.current = true;
 				try {
 					const draft = await callArkme("source.long-article.draft.get", draftParams);
-					if (draft !== void 0 && (draft.title !== detail.title || draft.textContent !== detail.textContent || draft.document !== void 0) && window.confirm("发现这篇长文的未发布修改，是否恢复？")) {
-						nextVersion = draft.baseVersion ?? 0;
-						nextTitle = draft.title;
-						nextText = draft.textContent;
-						document = draft.document ?? (draft.textFormat === "markdown" ? void 0 : arkmePlainEditorDocument(draft.textContent));
-						setDraftFormat(draft.textFormat ?? detail.textFormat ?? "plain");
-						images = draft.images ?? images;
-						nextDuration = Math.max(detail.editDurationMillis, draft.durationMillis);
+					if (skipUnmountSaveRef.current) return;
+					if (draft !== void 0 && (draft.title !== detail.title || draft.textContent !== detail.textContent || draft.document !== void 0)) {
+						setDraftPreview(false);
+						setRecoveryDraft(draft);
+						return;
 					}
-				} catch {}
+				} catch {} finally {
+					checkingDraft.current = false;
+				}
+				enterEditing();
+			};
+			const enterEditing = (draft) => {
+				if (detail === void 0 || !detail.editable || accountChanged || skipUnmountSaveRef.current) return;
+				const nextVersion = draft ? draft.baseVersion ?? 0 : detail.version;
+				const nextTitle = draft?.title ?? detail.title;
+				const nextText = draft?.textContent ?? detail.textContent;
+				const nextDuration = draft ? Math.max(detail.editDurationMillis, draft.durationMillis) : detail.editDurationMillis;
+				const format = draft?.textFormat ?? detail.textFormat ?? "plain";
+				const document = draft?.document ?? (format === "markdown" ? void 0 : arkmePlainEditorDocument(nextText));
+				const images = draft?.images ?? (detail.contentBlocks ?? []).flatMap((block) => block.kind === "image" && block.fileAssetUid ? [{ fileAssetUid: block.fileAssetUid }] : []);
+				setDraftFormat(format);
+				setRecoveryDraft(void 0);
+				setDraftPreview(false);
 				baseVersionRef.current = nextVersion;
 				setInitialDocument(document);
 				imagesRef.current = images;
@@ -98509,18 +98841,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				setEditing(true);
 				setError(nextVersion !== detail.version ? "此草稿基于旧版本，正文已有新修改；草稿已保留，请核对后重新编辑。" : "");
 			};
-			const autoEditStarted = (0, react$1.useRef)(false);
-			(0, react$1.useEffect)(() => {
-				if (windowMode?.editOnOpen && detail?.editable && !loading && !accountChanged && !autoEditStarted.current) {
-					autoEditStarted.current = true;
-					beginEditing();
-				}
-			}, [
-				detail,
-				loading,
-				accountChanged,
-				windowMode?.editOnOpen
-			]);
 			const publish = async () => {
 				if (loading || !capabilityReady || draftFormat === "markdown" && !markdownEnabled || markdownEnabled && !article) return;
 				if (!creating && baseVersionRef.current !== detail?.version) {
@@ -98670,11 +98990,29 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const metaDuration = editing ? displayedDurationMillis : staticDuration;
 			const wordCount = article || readFormat === "markdown" ? arkmeMarkdownPlainText(textValue).replace(/\[图片\]/g, "").length : textValue.length;
 			const sendAt = detail?.sendAtMillis ?? item?.sendAtMillis ?? 0;
+			const statsInFooter = Boolean(windowMode && editing);
+			const articleStats = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				style: styles$66.meta,
+				children: ["◷ ", formatDuration$2(metaDuration)]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				style: styles$66.meta,
+				children: [
+					"▤ ",
+					String(wordCount),
+					tr$1("字")
+				]
+			})] });
+			const savedAt = savedAtMillis === void 0 ? void 0 : new Date(savedAtMillis);
+			const savedTime = savedAt && [
+				savedAt.getHours(),
+				savedAt.getMinutes(),
+				savedAt.getSeconds()
+			].map((value) => String(value).padStart(2, "0")).join(":");
 			const publishAction = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				"data-arkme-feedback": "neutral",
 				type: "button",
 				style: {
-					...styles$65.action,
+					...styles$66.action,
 					...windowMode ? {
 						background: arkmeTheme.primaryAction,
 						color: arkmeTheme.onPrimaryAction,
@@ -98687,11 +99025,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				onClick: () => {
 					publish();
 				},
-				children: windowMode ? creating ? submitting ? tr$1("发送中…") : tr$1("发送") : submitting ? tr$1("正在保存…") : tr$1("保存修改") : creating && onPrepared ? submitting ? "正在添加…" : "添加到待发送" : submitting ? "发布中…" : tr$1("发布")
+				children: windowMode ? creating ? submitting ? tr$1("发送中…") : tr$1("发送") : submitting ? tr$1("正在保存…") : tr$1("确认修改") : creating && onPrepared ? submitting ? "正在添加…" : "添加到待发送" : submitting ? "发布中…" : tr$1("发布")
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
-					...styles$65.overlay,
+					...styles$66.overlay,
 					...overlayZIndex === void 0 ? {} : { zIndex: overlayZIndex },
 					...windowMode ? {
 						padding: 0,
@@ -98710,7 +99048,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 						style: {
-							...styles$65.dialog,
+							...styles$66.dialog,
 							...windowMode ? {
 								width: "100%",
 								maxWidth: "100%",
@@ -98746,10 +99084,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								}), editing && publishAction]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-								style: styles$65.header,
+								style: {
+									...styles$66.header,
+									...windowMode && editing ? { paddingBottom: 12 } : {}
+								},
 								children: [editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									autoFocus: true,
-									style: styles$65.titleInput,
+									style: styles$66.titleInput,
 									value: title,
 									maxLength: MAX_TITLE_LENGTH,
 									placeholder: tr$1("请输入标题"),
@@ -98762,7 +99103,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 										setTitle(event.target.value);
 									}
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-									style: styles$65.titleRead,
+									style: styles$66.titleRead,
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 										text: titleValue || "无标题长文",
 										presentation: "preview"
@@ -98770,36 +99111,31 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								}), !windowMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									"data-arkme-feedback": "neutral",
 									type: "button",
-									style: styles$65.close,
+									style: styles$66.close,
 									"aria-label": tr$1("关闭长文"),
 									disabled: submitting,
 									onClick: requestClose,
 									children: "×"
 								})]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$65.metaRow,
+							windowMode && editing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { style: {
+								flex: "none",
+								border: 0,
+								borderTop: `1px solid ${arkmeTheme.border}`,
+								margin: "0 32px"
+							} }),
+							!statsInFooter && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: styles$66.metaRow,
 								children: [
 									!creating && sendAt > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										style: styles$65.meta,
+										style: styles$66.meta,
 										children: ["▦ ", formatDate(sendAt)]
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										style: styles$65.meta,
-										children: ["◷ ", formatDuration$2(metaDuration)]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										style: styles$65.meta,
-										children: [
-											"▤ ",
-											String(wordCount),
-											tr$1("字")
-										]
-									}),
+									articleStats,
 									editing ? !windowMode && publishAction : detail?.editable === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										"data-arkme-feedback": "neutral",
 										type: "button",
-										style: styles$65.action,
+										style: styles$66.action,
 										onClick: () => {
 											beginEditing();
 										},
@@ -98808,12 +99144,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								]
 							}),
 							error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$65.error,
+								style: styles$66.error,
 								role: "alert",
 								children: [error, !creating && detail === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									"data-arkme-feedback": "neutral",
 									type: "button",
-									style: styles$65.retry,
+									style: styles$66.retry,
 									onClick: () => {
 										loadDetail();
 									},
@@ -98821,11 +99157,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								})]
 							}),
 							loading || editing && !capabilityReady ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: styles$65.state,
+								style: styles$66.state,
 								role: "status",
 								children: tr$1("正在加载长文…")
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: styles$65.body,
+								style: {
+									...styles$66.body,
+									...windowMode && editing ? { paddingTop: 12 } : {}
+								},
 								children: editing && draftFormat === "markdown" && !markdownEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									role: "status",
 									children: [tr$1("Markdown 长文暂不可编辑，草稿已保留。"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -98875,7 +99214,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 									}
 								}, editorEpoch) : editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 									autoFocus: creating,
-									style: styles$65.bodyInput,
+									style: styles$66.bodyInput,
 									value: textContent,
 									maxLength: MAX_CONTENT_LENGTH,
 									placeholder: tr$1("请输入正文内容"),
@@ -98891,32 +99230,61 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 									text: textValue,
 									blocks: readBlocks,
 									textStyle: {
-										fontSize: styles$65.bodyRead?.fontSize,
-										lineHeight: styles$65.bodyRead?.lineHeight
+										fontSize: styles$66.bodyRead?.fontSize,
+										lineHeight: styles$66.bodyRead?.lineHeight
 									}
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									style: styles$65.bodyRead,
+									style: styles$66.bodyRead,
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 										text: textValue,
 										linkLabelMode: "raw"
 									})
 								})
 							}),
-							windowMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
-								role: "status",
+							windowMode && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
 								style: {
+									flex: "none",
+									display: "flex",
+									alignItems: "center",
+									flexWrap: "wrap",
+									gap: "8px 20px",
 									padding: "12px 32px",
 									borderTop: `1px solid ${arkmeTheme.border}`,
-									color: draftState === "failed" ? arkmeTheme.danger : arkmeTheme.secondary,
+									color: arkmeTheme.secondary,
 									fontSize: 12
 								},
-								children: accountChanged ? tr$1("账号已切换") : !editing ? tr$1("只读") : tr$1(draftState === "saved" ? "草稿已保存" : draftState === "saving" ? "正在保存草稿…" : draftState === "failed" ? "草稿保存失败，请重试" : "未保存")
+								children: [statsInFooter && articleStats, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									role: "status",
+									style: {
+										display: "inline-flex",
+										alignItems: "center",
+										gap: 8,
+										color: draftState === "failed" ? arkmeTheme.danger : void 0
+									},
+									children: [accountChanged ? tr$1("账号已切换") : !editing ? tr$1("只读") : tr$1(draftState === "saved" ? "草稿已保存" : draftState === "saving" ? "正在保存草稿…" : draftState === "failed" ? "草稿保存失败，请重试" : "未保存"), !accountChanged && editing && draftState === "saved" && savedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+										dateTime: savedAt.toISOString(),
+										title: formatDate(savedAtMillis),
+										children: savedTime
+									})]
+								})]
 							})
 						]
 					}),
+					recoveryDraft && !accountChanged && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeLongArticleDraftDialog, {
+						draft: recoveryDraft,
+						blocks: detail?.contentBlocks,
+						preview: draftPreview,
+						onPreview: setDraftPreview,
+						onClose: () => {
+							setRecoveryDraft(void 0);
+							setDraftPreview(false);
+						},
+						onOriginal: () => enterEditing(),
+						onRestore: () => enterEditing(recoveryDraft)
+					}),
 					windowMode && closePrompt && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						style: {
-							...styles$65.overlay,
+							...styles$66.overlay,
 							zIndex: 1300
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -98936,6 +99304,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								}
 							},
 							style: {
+								position: "relative",
 								width: "min(420px, 90vw)",
 								borderRadius: 16,
 								padding: 24,
@@ -98947,9 +99316,27 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 									style: {
 										margin: "0 0 12px",
+										paddingRight: 32,
 										fontSize: 18
 									},
-									children: tr$1("保留这篇长文的修改？")
+									children: tr$1("是否暂存草稿")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									autoFocus: true,
+									type: "button",
+									"data-arkme-feedback": "neutral",
+									"aria-label": tr$1("关闭草稿确认弹窗"),
+									style: {
+										...styles$66.close,
+										top: 18,
+										right: 18
+									},
+									disabled: closingDraft,
+									onClick: () => {
+										setClosePrompt(false);
+										windowMode.cancelClose();
+									},
+									children: "×"
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									style: {
@@ -98973,51 +99360,33 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 										gap: 8,
 										marginTop: 24
 									},
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											autoFocus: true,
-											style: {
-												...styles$65.action,
-												marginLeft: 0,
-												color: arkmeTheme.text,
-												fontSize: 14
-											},
-											disabled: closingDraft,
-											onClick: () => {
-												setClosePrompt(false);
-												windowMode.cancelClose();
-											},
-											children: tr$1("继续编辑")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											style: {
-												...styles$65.action,
-												marginLeft: 0,
-												color: arkmeTheme.danger,
-												fontSize: 14
-											},
-											disabled: submitting || preparingImages || closingDraft,
-											onClick: () => {
-												finishWindowClose(false);
-											},
-											children: tr$1("放弃修改")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											style: {
-												...styles$65.action,
-												marginLeft: 0,
-												background: arkmeTheme.primaryAction,
-												color: arkmeTheme.onPrimaryAction,
-												padding: "8px 12px",
-												fontSize: 14
-											},
-											disabled: submitting || preparingImages || closingDraft || accountChanged,
-											onClick: () => {
-												finishWindowClose(true);
-											},
-											children: closingDraft ? tr$1("正在保存…") : tr$1("保存并关闭")
-										})
-									]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										style: {
+											...styles$66.action,
+											marginLeft: 0,
+											color: arkmeTheme.danger,
+											fontSize: 14
+										},
+										disabled: submitting || preparingImages || closingDraft,
+										onClick: () => {
+											finishWindowClose(false);
+										},
+										children: tr$1("放弃修改")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										style: {
+											...styles$66.action,
+											marginLeft: 0,
+											background: arkmeTheme.primaryAction,
+											color: arkmeTheme.onPrimaryAction,
+											padding: "8px 12px",
+											fontSize: 14
+										},
+										disabled: submitting || preparingImages || closingDraft || accountChanged,
+										onClick: () => {
+											finishWindowClose(true);
+										},
+										children: closingDraft ? tr$1("正在保存…") : tr$1("保存草稿")
+									})]
 								})
 							]
 						})
@@ -112522,7 +112891,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		}
 		//#endregion
 		//#region src/client/ArkmeVoiceContent.tsx
-		const styles$64 = {
+		const styles$65 = {
 			root: {
 				maxWidth: "100%",
 				minWidth: 0,
@@ -112775,13 +113144,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			};
 			const label = status === "loading" ? tr$1("正在加载{v0}", { v0: normalizedContentLabel }) : unavailable ? tr$1("{v0}暂不可播放", { v0: normalizedContentLabel }) : status === "error" ? tr$1("重试播放{v0}", { v0: normalizedContentLabel }) : status === "playing" ? tr$1("暂停{v0}", { v0: normalizedContentLabel }) : tr$1("播放{v0}", { v0: normalizedContentLabel });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: styles$64.root,
+				style: styles$65.root,
 				"data-arkme-voice": "inline",
 				"data-arkme-voice-state": status,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
-							...styles$64.content,
+							...styles$65.content,
 							...!expanded && collapsible ? {
 								display: "-webkit-box",
 								WebkitBoxOrient: "vertical",
@@ -112792,7 +113161,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 							type: "button",
 							style: {
-								...styles$64.control,
+								...styles$65.control,
 								...unavailable ? {
 									opacity: .5,
 									cursor: "default"
@@ -112837,19 +113206,19 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 									children: visualization
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: styles$64.duration,
+									style: styles$65.duration,
 									children: status === "playing" ? arkmeVoiceDuration(position, true) : totalLabel
 								})
 							]
 						}), children !== void 0 && children !== null && children !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: styles$64.transcript,
+							style: styles$65.transcript,
 							"data-arkme-voice-transcript": "true",
 							children
 						})]
 					}),
 					collapsible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						style: styles$64.action,
+						style: styles$65.action,
 						"aria-expanded": expanded,
 						onClick: (event) => {
 							event.stopPropagation();
@@ -112864,7 +113233,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						children: expanded ? tr$1("收起") : tr$1("展开")
 					}),
 					status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$64.error,
+						style: styles$65.error,
 						role: "status",
 						children: [
 							normalizedContentLabel,
@@ -112872,7 +113241,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 							resolvedSrc !== "" && downloadName !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" ", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
 								href: resolvedSrc,
 								download: downloadName,
-								style: styles$64.action,
+								style: styles$65.action,
 								onClick: (event) => {
 									event.stopPropagation();
 								},
@@ -113544,7 +113913,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		const textCollapseMaxLines = 5;
 		const mediaGap = 5;
 		const fileSdk = createArkmeSdk();
-		const styles$63 = {
+		const styles$64 = {
 			stack: {
 				width: "max-content",
 				maxWidth: "100%",
@@ -114017,7 +114386,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				role: "link",
 				tabIndex: 0,
-				style: styles$63.inlineLink,
+				style: styles$64.inlineLink,
 				"data-arkme-inline-link": "message-copy-link",
 				title: href,
 				onClick: (event) => {
@@ -114032,7 +114401,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					}
 				},
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeLinkIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: linkLabelMode === "raw" ? styles$63.inlineRawLinkTitle : styles$63.inlineLinkTitle,
+					style: linkLabelMode === "raw" ? styles$64.inlineRawLinkTitle : styles$64.inlineLinkTitle,
 					"data-arkme-link-label": "true",
 					children: linkLabelMode === "raw" ? text : "快记分享链接"
 				})]
@@ -114165,8 +114534,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageRichText, {
 				text,
 				textStyle: {
-					fontSize: styles$63.text?.fontSize,
-					lineHeight: expanded ? 1.7 : styles$63.text?.lineHeight
+					fontSize: styles$64.text?.fontSize,
+					lineHeight: expanded ? 1.7 : styles$64.text?.lineHeight
 				},
 				...textFormat === void 0 ? {} : { textFormat },
 				highlightMentions,
@@ -114180,7 +114549,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			});
 			if (!markdown && !collapsible) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				style: {
-					...styles$63.text,
+					...styles$64.text,
 					...expanded ? {
 						width: "100%",
 						lineHeight: 1.7
@@ -114189,7 +114558,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				children: content
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: styles$63.textFrame,
+				style: styles$64.textFrame,
 				...collapsible ? { "data-arkme-text-collapsible": "true" } : {},
 				children: [
 					markdown ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -114203,22 +114572,22 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						})
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: {
-							...styles$63.text,
+							...styles$64.text,
 							...expanded ? {
 								width: "100%",
 								lineHeight: 1.7
 							} : {},
-							...collapsible && collapsed ? styles$63.collapsedText : {}
+							...collapsible && collapsed ? styles$64.collapsedText : {}
 						},
 						children: content
 					}),
 					collapsible && collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						"aria-hidden": true,
-						style: styles$63.textFade
+						style: styles$64.textFade
 					}),
 					collapsible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						style: styles$63.collapseToggle,
+						style: styles$64.collapseToggle,
 						"aria-expanded": !collapsed,
 						onClick: (event) => {
 							preserveTextTogglePosition(event.currentTarget, () => {
@@ -114245,7 +114614,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				"data-arkme-media-fallback": unsupported ? `${block.kind}-unsupported` : block.kind,
 				onClick: unsupported ? onOpenAsFile : onRetry,
 				style: {
-					...styles$63.mediaTile,
+					...styles$64.mediaTile,
 					...style,
 					display: "grid",
 					placeItems: "center",
@@ -114290,7 +114659,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						})] })]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: unsupported ? tr$1("接收{v0}", { v0: label }) : `${label}加载失败，点击重试` })]
 				}), video && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					style: styles$63.videoBadge,
+					style: styles$64.videoBadge,
 					"aria-hidden": true,
 					children: ["▶ ", durationLabel$4(block.durationSec)]
 				})]
@@ -114302,7 +114671,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const width = tileSize * columns + mediaGap * (columns - 1);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: {
-					...styles$63.mediaGrid,
+					...styles$64.mediaGrid,
 					width,
 					gridTemplateColumns: `repeat(${String(columns)}, ${String(tileSize)}px)`
 				},
@@ -114323,7 +114692,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					const src = mediaAttemptUrl(block, retryVersions.get(block.mediaRef) ?? 0);
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
-						style: styles$63.mediaTile,
+						style: styles$64.mediaTile,
 						"aria-label": block.kind === "video" ? `播放视频 ${block.fileName}` : tr$1("预览图片 {v0}", { v0: block.fileName }),
 						onClick: () => {
 							onOpen(block);
@@ -114333,7 +114702,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								src,
 								alt: block.fileName,
 								loading: "lazy",
-								style: styles$63.mediaImage,
+								style: styles$64.mediaImage,
 								onError: () => {
 									onFailure(block, arkmeCanInlineLocalFile(block.mimeType, block.fileName) ? "retryable" : "unsupported");
 								}
@@ -114342,13 +114711,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								muted: true,
 								playsInline: true,
 								preload: "metadata",
-								style: styles$63.videoPreview,
+								style: styles$64.videoPreview,
 								"aria-hidden": true,
 								onError: (event) => {
 									onFailure(block, event.currentTarget.error?.code === 4 || !arkmeCanInlineLocalFile(block.mimeType, block.fileName) ? "unsupported" : "retryable");
 								}
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: styles$63.videoBadge,
+								style: styles$64.videoBadge,
 								"aria-hidden": true,
 								children: ["▶ ", durationLabel$4(block.durationSec)]
 							})] }),
@@ -114415,7 +114784,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					activate();
 				},
 				style: {
-					...styles$63.file,
+					...styles$64.file,
 					border: 0,
 					textAlign: "left",
 					cursor: opening ? "progress" : "pointer",
@@ -114425,7 +114794,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						style: {
-							...styles$63.fileIconBox,
+							...styles$64.fileIconBox,
 							position: "relative"
 						},
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFileIcon, {
@@ -114439,7 +114808,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 							flex: "1 1 auto"
 						},
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: styles$63.fileName,
+							style: styles$64.fileName,
 							title: block.fileName || "未知文件",
 							children: block.fileName || "未知文件"
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", {
@@ -114474,7 +114843,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		}
 		function LongArticleWordCountIcon() {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-				style: styles$63.articleWordIcon,
+				style: styles$64.articleWordIcon,
 				viewBox: "0 0 14 14",
 				fill: "none",
 				"aria-hidden": true,
@@ -114548,8 +114917,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
 				style: {
-					...styles$63.article,
-					...styles$63.articleButton
+					...styles$64.article,
+					...styles$64.articleButton
 				},
 				"data-arkme-long-article": "preview",
 				"data-arkme-long-article-inner": "true",
@@ -114557,9 +114926,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				onClick: onOpen,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						style: styles$63.articleHeading,
+						style: styles$64.articleHeading,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-							style: styles$63.articleTitle,
+							style: styles$64.articleTitle,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 								text: heading,
 								presentation: "preview"
@@ -114568,7 +114937,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					}),
 					hasTitle && text.trim() !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: {
-							...styles$63.articlePreview,
+							...styles$64.articlePreview,
 							WebkitLineClamp: 2
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
@@ -114577,7 +114946,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						style: styles$63.articleMeta,
+						style: styles$64.articleMeta,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LongArticleWordCountIcon, {}),
 							String(count),
@@ -114878,7 +115247,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				ref: dialogRef,
 				tabIndex: -1,
 				style: {
-					...styles$63.previewOverlay,
+					...styles$64.previewOverlay,
 					...standalone ? { outline: "none" } : {}
 				},
 				role: "dialog",
@@ -114904,7 +115273,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					}
 				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: styles$63.previewBody,
+					style: styles$64.previewBody,
 					onClick: standalone ? void 0 : closeOnBlankClick,
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
@@ -114915,7 +115284,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       ` }),
 						!standalone && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							style: styles$63.previewClose,
+							style: styles$64.previewClose,
 							"data-arkme-preview-close": true,
 							"aria-label": tr$1("关闭预览"),
 							title: tr$1("关闭预览"),
@@ -114930,11 +115299,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: styles$63.previewStage,
+							style: styles$64.previewStage,
 							children: selected.kind === "image" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								ref: viewportRef,
 								style: {
-									...styles$63.previewViewport,
+									...styles$64.previewViewport,
 									overflow: "hidden",
 									visibility: livePhoto.playing ? "hidden" : "visible",
 									cursor: "default"
@@ -114955,7 +115324,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								onPointerCancel: endImageDrag,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									style: {
-										...imageMode === "contained" ? styles$63.previewCanvasContained : {
+										...imageMode === "contained" ? styles$64.previewCanvasContained : {
 											width: zoomSize?.width,
 											height: zoomSize?.height,
 											minWidth: "100%",
@@ -114971,7 +115340,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 										alt: selected.fileName,
 										draggable: false,
 										style: {
-											...imageMode === "contained" ? styles$63.previewImageContained : {
+											...imageMode === "contained" ? styles$64.previewImageContained : {
 												display: "block",
 												width: zoomSize?.width,
 												height: zoomSize?.height,
@@ -115000,16 +115369,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								controls: true,
 								autoPlay: true,
 								playsInline: true,
-								style: styles$63.previewMedia,
+								style: styles$64.previewMedia,
 								"aria-label": selected.fileName
 							})
 						}),
 						livePhoto.video !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: styles$63.previewStage,
+							style: styles$64.previewStage,
 							children: livePhoto.video
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: styles$63.previewActions,
+							style: styles$64.previewActions,
 							"data-arkme-media-preview-actions": "bottom",
 							children: [
 								(!standalone || blocks.length > 1) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -115034,7 +115403,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 										]
 									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										"aria-hidden": true,
-										style: styles$63.previewActionWideGap
+										style: styles$64.previewActionWideGap
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFileActionNavButton, {
 										label: tr$1("下一个媒体"),
@@ -115048,7 +115417,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								] }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									"aria-hidden": true,
-									style: styles$63.previewActionWideGap
+									style: styles$64.previewActionWideGap
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFileActions, {
 									block: selected,
@@ -115058,13 +115427,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 									onDownloadNotice: standalone ? showActionNotice : void 0,
 									showDownloadStatus: false,
 									hideDownloadAfterSave: false,
-									style: styles$63.previewActionPair
+									style: styles$64.previewActionPair
 								})
 							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFileActionToast, {
 							notice: actionNotice,
-							style: styles$63.previewActionToast
+							style: styles$64.previewActionToast
 						})
 					]
 				})
@@ -115186,19 +115555,19 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				});
 				const previewLines = (itemLines.length > 0 ? itemLines : item.forwardRecords.summaryLines).slice(0, 3);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: styles$63.forwardCard,
+					style: styles$64.forwardCard,
 					"data-arkme-forward-records-card": "true",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: styles$63.forwardTitle,
+						style: styles$64.forwardTitle,
 						title: arkmeEmojiPlainText(item.forwardRecords.title),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 							text: item.forwardRecords.title,
 							presentation: "preview"
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						style: styles$63.forwardLines,
+						style: styles$64.forwardLines,
 						children: (previewLines.length > 0 ? previewLines : ["原快记暂不可查看"]).map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							style: styles$63.forwardLine,
+							style: styles$64.forwardLine,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 								text: line,
 								presentation: "preview",
@@ -115212,25 +115581,25 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				const timeText = arkmeSharedRecordingTimeText(item.sharedRecording);
 				const participantsText = arkmeSharedRecordingParticipantsText(item.sharedRecording);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: styles$63.sharedRecordingCard,
+					style: styles$64.sharedRecordingCard,
 					"data-arkme-shared-recording-card": "true",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: styles$63.sharedRecordingTop,
+							style: styles$64.sharedRecordingTop,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$63.sharedRecordingTitle,
+								style: styles$64.sharedRecordingTitle,
 								title: arkmeEmojiPlainText(item.sharedRecording.title),
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 									text: item.sharedRecording.title,
 									presentation: "preview"
 								})
 							}), timeText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: styles$63.sharedRecordingTime,
+								style: styles$64.sharedRecordingTime,
 								children: timeText
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							style: styles$63.sharedRecordingSummary,
+							style: styles$64.sharedRecordingSummary,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
 								text: item.sharedRecording.summary,
 								presentation: "preview",
@@ -115238,7 +115607,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 							})
 						}),
 						participantsText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							style: styles$63.sharedRecordingParticipants,
+							style: styles$64.sharedRecordingParticipants,
 							children: participantsText
 						})
 					]
@@ -115308,7 +115677,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, block.mediaRef);
 			const renderRows = splitVisualRuns(blocks.filter((block) => block !== inlineVoice)).map((row, rowIndex) => {
 				if (Array.isArray(row)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: styles$63.stack,
+					style: styles$64.stack,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MediaGallery, {
 						blocks: row,
 						failures,
@@ -115329,14 +115698,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					onOpenAsFile: () => {
 						openAsFile(row);
 					},
-					...styles$63.sticker === void 0 ? {} : { style: styles$63.sticker }
+					...styles$64.sticker === void 0 ? {} : { style: styles$64.sticker }
 				}, row.mediaRef);
 				if (row.renderRole === 3 && row.kind === "image") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 					src: mediaAttemptUrl(row, retryVersions.get(row.mediaRef) ?? 0),
 					alt: row.fileName,
 					title: row.fileName,
 					draggable: false,
-					style: styles$63.sticker,
+					style: styles$64.sticker,
 					"data-arkme-chat-sticker": "true",
 					onClick: () => {
 						openPreview(row);
@@ -115356,7 +115725,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					style: {
-						...styles$63.stack,
+						...styles$64.stack,
 						...presentation === "detail" ? { width: "100%" } : {}
 					},
 					"data-arkme-message-content": isArticle ? "article" : "message",
@@ -115419,14 +115788,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						})] }), !(isArticle && bodyTextFormat === "markdown") && renderRows] }),
 						item.mediaUnavailable === true && (blocks.length > 0 || text !== "") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							style: {
-								...styles$63.text,
+								...styles$64.text,
 								color: arkmeTheme.tertiary,
 								fontSize: 12
 							},
 							children: tr$1("部分媒体暂时无法加载，请刷新对话后重试")
 						}),
 						!isArticle && blocks.length === 0 && text === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							style: styles$63.text,
+							style: styles$64.text,
 							children: item.mediaUnavailable === true ? "媒体暂时无法加载" : "暂不支持的非文本内容"
 						})
 					]
@@ -115655,7 +116024,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 		function errorMessage$12(caught) {
 			return caught instanceof Error ? caught.message : String(caught);
 		}
-		const styles$62 = {
+		const styles$63 = {
 			cardScrim: {
 				position: "absolute",
 				inset: 0,
@@ -116040,24 +116409,24 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const buttonBackground = props.busy ? arkmeTheme.layer1 : buttonState === "active" ? arkmeTheme.active : buttonState === "hover" ? arkmeTheme.hover : arkmeTheme.elevated;
 			const names = arkmeMemberProfileNames(props.member, props.showTopicNickname === true);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: styles$62.cardScrim,
+				style: styles$63.cardScrim,
 				role: "presentation",
 				onMouseDown: (event) => {
 					if (event.target === event.currentTarget) props.onClose();
 				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					style: styles$62.card,
+					style: styles$63.card,
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-label": tr$1("{v0} 的用户卡片", { v0: names.displayName }),
 					children: [backdrop !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						"aria-hidden": true,
 						style: {
-							...styles$62.cardBackdrop,
+							...styles$63.cardBackdrop,
 							backgroundImage: `url(${JSON.stringify(backdrop).slice(1, -1)})`
 						}
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$62.cardContent,
+						style: styles$63.cardContent,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
 								...props.member.avatarRef === void 0 ? {} : { avatarRef: props.member.avatarRef },
@@ -116066,18 +116435,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								label: tr$1("{v0} 的头像", { v0: names.displayName })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-								style: styles$62.cardName,
+								style: styles$63.cardName,
 								children: names.displayName
 							}),
 							names.topicNickname !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-								style: styles$62.cardSecondaryName,
+								style: styles$63.cardSecondaryName,
 								children: [tr$1("主题内昵称："), names.topicNickname]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								"data-arkme-feedback": "neutral",
 								type: "button",
 								style: {
-									...styles$62.cardButton,
+									...styles$63.cardButton,
 									background: buttonBackground,
 									borderColor: buttonState === "idle" || props.busy ? arkmeTheme.border : arkmeTheme.accent,
 									cursor: props.busy ? "default" : "pointer",
@@ -116332,7 +116701,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					ref: dismissRef,
-					style: styles$62.drawerDismiss,
+					style: styles$63.drawerDismiss,
 					"data-arkme-member-records-dismiss": "true",
 					onPointerDown: props.onClose
 				}),
@@ -116345,7 +116714,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					"data-arkme-member-records-resize-handle": "true",
 					"data-resizing": resizing ? "true" : "false",
 					style: {
-						...styles$62.drawerResizeHandle,
+						...styles$63.drawerResizeHandle,
 						right: handleRight
 					},
 					onPointerEnter: () => {
@@ -116385,7 +116754,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						"aria-hidden": true,
 						style: {
-							...styles$62.drawerResizeIndicator,
+							...styles$63.drawerResizeIndicator,
 							...drawerUsesAllAvailableWidth ? { left: 0 } : { right: 0 },
 							opacity: resizeHovered || resizing ? 1 : 0
 						}
@@ -116393,7 +116762,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
 					style: {
-						...styles$62.drawer,
+						...styles$63.drawer,
 						width: effectiveWidth
 					},
 					role: "dialog",
@@ -116411,22 +116780,22 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						closeLabel: tr$1("关闭成员快记")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						ref: bodyRef,
-						style: styles$62.drawerBody,
+						style: styles$63.drawerBody,
 						onScroll: (event) => {
 							if (shouldLoadOlderArkmeMemberRecords(event.currentTarget.scrollTop, hasMore, cursor, loadingRef.current)) load(cursor);
 						},
 						children: [
 							loading && items.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: styles$62.state,
+								style: styles$63.state,
 								children: tr$1("正在加载快记…")
 							}),
 							error !== "" && items.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$62.state,
+								style: styles$63.state,
 								role: "alert",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: error }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									"data-arkme-feedback": "neutral",
 									type: "button",
-									style: styles$62.retry,
+									style: styles$63.retry,
 									onClick: () => {
 										load();
 									},
@@ -116434,23 +116803,23 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								})]
 							}),
 							!loading && error === "" && items.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: styles$62.state,
+								style: styles$63.state,
 								children: tr$1("暂无快记")
 							}),
 							loading && items.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: styles$62.loadMoreState,
+								style: styles$63.loadMoreState,
 								role: "status",
 								"aria-live": "polite",
 								children: tr$1("正在加载快记…")
 							}),
 							error !== "" && items.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$62.loadMoreState,
+								style: styles$63.loadMoreState,
 								role: "alert",
 								title: error,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr$1("加载快记失败") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									"data-arkme-feedback": "neutral",
 									type: "button",
-									style: styles$62.loadMoreRetry,
+									style: styles$63.loadMoreRetry,
 									onClick: () => {
 										load(lastLoadRef.current.beforeSequence, lastLoadRef.current.refresh);
 									},
@@ -116458,12 +116827,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								})]
 							}),
 							timeline.map((entry) => entry.kind === "time" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: styles$62.recordTime,
+								style: styles$63.recordTime,
 								"data-arkme-record-time": entry.timestamp,
 								children: entry.label
 							}, entry.key) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react$1.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 								style: {
-									...styles$62.recordRow,
+									...styles$63.recordRow,
 									justifyContent: entry.item.isMe ? "flex-end" : "flex-start"
 								},
 								"data-arkme-member-record-row": entry.item.isMe ? "self" : "other",
@@ -116476,16 +116845,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										style: {
-											...styles$62.recordMain,
+											...styles$63.recordMain,
 											alignItems: entry.item.isMe ? "flex-end" : "flex-start"
 										},
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											style: styles$62.recordName,
+											style: styles$63.recordName,
 											children: entry.item.senderName
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 											style: {
-												...styles$62.recordBubble,
-												...entry.item.isMe ? styles$62.recordBubbleSelf : {}
+												...styles$63.recordBubble,
+												...entry.item.isMe ? styles$63.recordBubbleSelf : {}
 											},
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageContent, {
 												item: entry.item,
@@ -116572,7 +116941,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					ref: dismissRef,
-					style: styles$62.drawerDismiss,
+					style: styles$63.drawerDismiss,
 					"data-arkme-bot-records-dismiss": "true",
 					onPointerDown: props.onClose
 				}),
@@ -116585,7 +116954,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					"data-arkme-bot-records-resize-handle": "true",
 					"data-resizing": resizing ? "true" : "false",
 					style: {
-						...styles$62.drawerResizeHandle,
+						...styles$63.drawerResizeHandle,
 						right: handleRight
 					},
 					onPointerEnter: () => {
@@ -116625,7 +116994,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						"aria-hidden": true,
 						style: {
-							...styles$62.drawerResizeIndicator,
+							...styles$63.drawerResizeIndicator,
 							...allAvailable ? { left: 0 } : { right: 0 },
 							opacity: resizeHovered || resizing ? 1 : 0
 						}
@@ -116633,7 +117002,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
 					style: {
-						...styles$62.drawer,
+						...styles$63.drawer,
 						width: effectiveWidth
 					},
 					role: "dialog",
@@ -116649,17 +117018,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						closeLabel: tr$1("关闭 Bot 消息")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						ref: bodyRef,
-						style: styles$62.drawerBody,
+						style: styles$63.drawerBody,
 						children: [timeline.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: styles$62.state,
+							style: styles$63.state,
 							children: tr$1("当前已加载消息中暂无匹配内容")
 						}), timeline.map((entry) => entry.kind === "time" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: styles$62.recordTime,
+							style: styles$63.recordTime,
 							"data-arkme-record-time": entry.timestamp,
 							children: entry.label
 						}, entry.key) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 							style: {
-								...styles$62.recordRow,
+								...styles$63.recordRow,
 								justifyContent: entry.item.isMe ? "flex-end" : "flex-start"
 							},
 							"data-arkme-bot-record-id": entry.item.itemUid,
@@ -116672,16 +117041,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									style: {
-										...styles$62.recordMain,
+										...styles$63.recordMain,
 										alignItems: entry.item.isMe ? "flex-end" : "flex-start"
 									},
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										style: styles$62.recordName,
+										style: styles$63.recordName,
 										children: entry.item.senderName
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										style: {
-											...styles$62.recordBubble,
-											...entry.item.isMe ? styles$62.recordBubbleSelf : {}
+											...styles$63.recordBubble,
+											...entry.item.isMe ? styles$63.recordBubbleSelf : {}
 										},
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageContent, {
 											item: entry.item,
@@ -119890,6 +120259,223 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				})
 			] });
 		}
+		//#endregion
+		//#region src/client/ArkmeSelfRoleMenu.tsx
+		/** A role selector has two sibling controls per row: selection and management.
+		* Keep command menus native; don't nest interactive buttons inside native menu items. */
+		function ArkmeSelfRoleMenu({ open, anchor, actions, selectedIds, onClose }) {
+			const host = (0, react$1.useRef)(null);
+			const panel = (0, react$1.useRef)(null);
+			const [managedId, setManagedId] = (0, react$1.useState)("");
+			const [position, setPosition] = (0, react$1.useState)({
+				left: 0,
+				top: 0
+			});
+			const browser = typeof document !== "undefined" && typeof document.createElement === "function";
+			(0, react$1.useLayoutEffect)(() => {
+				if (!open) {
+					setManagedId("");
+					return;
+				}
+				if (!browser) return;
+				const doc = host.current.ownerDocument, win = doc.defaultView;
+				const layout = () => {
+					const rect = host.current?.getBoundingClientRect(), size = panel.current?.getBoundingClientRect();
+					if (!rect || !size) return;
+					setPosition({
+						left: Math.max(8, Math.min(rect.right - size.width, win.innerWidth - size.width - 8)),
+						top: Math.max(8, rect.top - size.height - 8)
+					});
+				};
+				const dismiss = (event) => {
+					const target = event.target;
+					if (host.current?.contains(target) || panel.current?.contains(target)) return;
+					if (target instanceof Element && target.closest("[role=\"menu\"][aria-label=\"角色操作\"]")) return;
+					onClose();
+				};
+				layout();
+				const resize = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(layout);
+				if (panel.current) resize?.observe(panel.current);
+				doc.addEventListener("pointerdown", dismiss, true);
+				win.addEventListener("resize", layout);
+				doc.addEventListener("scroll", layout, true);
+				const stopFrames = watchFrameMenuDismissal(doc, onClose, (event) => {
+					if (event.key === "Escape") onClose();
+				});
+				return () => {
+					resize?.disconnect();
+					stopFrames();
+					doc.removeEventListener("pointerdown", dismiss, true);
+					win.removeEventListener("resize", layout);
+					doc.removeEventListener("scroll", layout, true);
+				};
+			}, [
+				open,
+				browser,
+				onClose
+			]);
+			(0, react$1.useLayoutEffect)(() => {
+				if (open) panel.current?.querySelector("[data-role-action]:not(:disabled)")?.focus();
+			}, [open]);
+			const content = open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: panel,
+				className: "arkme-self-role-menu",
+				role: "dialog",
+				"aria-label": "选择发言角色",
+				style: {
+					...styles$62.panel,
+					...position
+				},
+				onKeyDown: (event) => {
+					const choices = [...panel.current?.querySelectorAll("[data-role-action]:not(:disabled)") ?? []];
+					if (!managedId && [
+						"ArrowDown",
+						"ArrowUp",
+						"Home",
+						"End"
+					].includes(event.key) && choices.length) {
+						event.preventDefault();
+						const index = choices.indexOf(event.target);
+						choices[event.key === "Home" ? 0 : event.key === "End" ? choices.length - 1 : (index + (event.key === "ArrowDown" ? 1 : -1) + choices.length) % choices.length]?.focus();
+					}
+					if (event.key === "Escape" && !managedId) {
+						event.preventDefault();
+						event.stopPropagation();
+						onClose();
+						host.current?.querySelector("button")?.focus();
+					}
+				},
+				children: actions.map((action) => {
+					if ("type" in action) return action.type === "separator" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "separator",
+						style: styles$62.separator
+					}, action.id) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: styles$62.note,
+						children: action.text
+					}, action.id);
+					const selected = selectedIds.includes(action.id);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							...styles$62.row,
+							...selected ? styles$62.selected : {}
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							"data-role-action": action.id,
+							disabled: action.disabled,
+							"aria-pressed": selected,
+							style: styles$62.select,
+							onClick: action.onSelect,
+							children: [action.icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: styles$62.name,
+								children: action.label
+							})]
+						}), action.managementActions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeActionMenu, {
+							open: managedId === action.id,
+							label: "角色操作",
+							side: "right",
+							autoFocus: true,
+							onClose: () => setManagedId(""),
+							actions: action.managementActions,
+							anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: styles$62.manage,
+								"aria-label": `管理${String(action.label)}`,
+								title: "管理角色",
+								"aria-haspopup": "menu",
+								"aria-expanded": managedId === action.id,
+								onClick: () => setManagedId(managedId === action.id ? "" : action.id),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, {})
+							})
+						})]
+					}, action.id);
+				})
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+    [data-arkme-action-menu="true"][role="menu"][aria-label="角色操作"] {
+      min-width: 120px;
+      width: max-content;
+      max-width: min(360px, calc(100vw - 16px));
+    }
+    .arkme-self-role-menu button { border-radius: 6px; }
+    .arkme-self-role-menu button:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, #f1f2f4); }
+    .arkme-self-role-menu button:disabled { opacity: .4; cursor: default; }
+    .arkme-self-role-menu button:focus-visible { outline: 2px solid var(--dsw-alias-label-secondary, #68707c); outline-offset: -2px; }
+  ` }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					ref: host,
+					style: { display: "inline-flex" },
+					children: anchor
+				}),
+				browser && content ? (0, react_dom$1.createPortal)(content, document.body) : content
+			] });
+		}
+		const styles$62 = {
+			panel: {
+				position: "fixed",
+				zIndex: 100,
+				width: 248,
+				maxWidth: "calc(100vw - 16px)",
+				maxHeight: "calc(100vh - 16px)",
+				overflowY: "auto",
+				boxSizing: "border-box",
+				padding: 6,
+				borderRadius: 12,
+				background: "var(--dsw-alias-bg-base, #fff)",
+				color: "var(--dsw-alias-label-primary, #292929)",
+				border: "1px solid var(--dsw-alias-border-l1, #e6e8ec)",
+				boxShadow: "0 8px 28px rgba(0,0,0,.12)"
+			},
+			row: {
+				display: "flex",
+				alignItems: "center",
+				borderRadius: 8,
+				minHeight: 40
+			},
+			selected: { background: "var(--dsw-alias-bg-active, #eef0f3)" },
+			select: {
+				flex: 1,
+				minWidth: 0,
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				padding: "10px 8px",
+				border: 0,
+				background: "transparent",
+				color: "inherit",
+				font: "inherit",
+				fontSize: 13,
+				textAlign: "left",
+				cursor: "pointer"
+			},
+			name: {
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			manage: {
+				display: "grid",
+				placeItems: "center",
+				width: 32,
+				height: 32,
+				border: 0,
+				borderRadius: 6,
+				background: "transparent",
+				color: "var(--dsw-alias-label-secondary, #68707c)",
+				cursor: "pointer"
+			},
+			separator: {
+				height: 1,
+				margin: "4px 6px",
+				background: "var(--dsw-alias-border-l1, #e6e8ec)"
+			},
+			note: {
+				padding: 8,
+				fontSize: 12,
+				color: "var(--dsw-alias-label-secondary, #68707c)"
+			}
+		};
 		function extensionAvatarSourceError(file) {
 			if (!Number.isFinite(file.size) || file.size <= 0) return "头像文件不能为空";
 			if (!file.type.toLowerCase().startsWith("image/")) return "请选择图片文件";
@@ -120384,9 +120970,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				error: ""
 			};
 			const [refreshRevision, setRefreshRevision] = (0, react$1.useState)(0);
+			(0, react$1.useEffect)(() => {
+				if (typeof window === "undefined") return;
+				const refresh = () => setRefreshRevision((value) => value + 1);
+				window.addEventListener("arkme-self-roles-changed", refresh);
+				return () => window.removeEventListener("arkme-self-roles-changed", refresh);
+			}, []);
 			const [menuOpen, setMenuOpen] = (0, react$1.useState)(false);
 			const [createOpen, setCreateOpen] = (0, react$1.useState)(false);
 			const [name, setName] = (0, react$1.useState)("");
+			const [editingRole, setEditingRole] = (0, react$1.useState)();
 			const [avatarFile, setAvatarFile] = (0, react$1.useState)();
 			const [avatarPreviewUrl, setAvatarPreviewUrl] = (0, react$1.useState)("");
 			const [cropSource, setCropSource] = (0, react$1.useState)();
@@ -120398,6 +120991,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				setMenuOpen(false);
 				setCreateOpen(false);
 				setName("");
+				setEditingRole(void 0);
 				setAvatarFile(void 0);
 				setCropSource(void 0);
 				setSaving(false);
@@ -120469,6 +121063,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				if (saveControllerRef.current !== void 0) return;
 				setCreateOpen(false);
 				setName("");
+				setEditingRole(void 0);
 				setAvatarFile(void 0);
 				setCropSource(void 0);
 				setFormError("");
@@ -120476,7 +121071,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const createRole = async (event) => {
 				event.preventDefault();
 				const roleName = name.trim();
-				if (disabled || saveControllerRef.current !== void 0 || visibleState.loading || visibleState.error !== "" || visibleState.roles.length >= MAX_ROLES || !roleName || Array.from(roleName).length > MAX_NAME_LENGTH) return;
+				if (disabled || saveControllerRef.current !== void 0 || visibleState.loading || visibleState.error !== "" || editingRole === void 0 && visibleState.roles.length >= MAX_ROLES || !roleName || Array.from(roleName).length > MAX_NAME_LENGTH) return;
 				const controller = new AbortController();
 				saveControllerRef.current = controller;
 				const submittingScope = scope;
@@ -120485,9 +121080,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				try {
 					const avatarRef = avatarFile === void 0 ? void 0 : await saveLocalRoleAvatar(avatarFile, userId, controller.signal);
 					if (controller.signal.aborted || scopeRef.current !== submittingScope) return;
-					const created = await callArkme("self-roles.create", {
+					const created = await callArkme(editingRole === void 0 ? "self-roles.create" : "self-roles.update", {
+						...editingRole === void 0 ? {} : { roleId: editingRole.roleId },
 						expectedUserId: userId,
-						name: roleName,
+						...editingRole?.name === roleName ? {} : { name: roleName },
 						...avatarRef === void 0 ? {} : { avatarRef }
 					}, controller.signal);
 					if (controller.signal.aborted || scopeRef.current !== submittingScope) return;
@@ -120497,6 +121093,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					} : current);
 					setCreateOpen(false);
 					setName("");
+					setEditingRole(void 0);
 					setAvatarFile(void 0);
 					onSelect(created);
 				} catch (caught) {
@@ -120556,6 +121153,33 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					})
 				]
 			});
+			const editRole = (role) => {
+				setMenuOpen(false);
+				setEditingRole(role);
+				setName(role.name);
+				setAvatarFile(void 0);
+				setFormError("");
+				setCreateOpen(true);
+			};
+			const deleteRole = (role) => {
+				setMenuOpen(false);
+				callArkme("self-roles.delete", {
+					expectedUserId: userId,
+					roleId: role.roleId
+				}).then(() => {
+					if (scopeRef.current !== scope) return;
+					setRoleState((current) => current.scope === scope ? {
+						...current,
+						roles: current.roles.filter((item) => item.roleId !== role.roleId)
+					} : current);
+					setRefreshRevision((value) => value + 1);
+				}).catch((error) => {
+					if (scopeRef.current === scope) setRoleState((current) => ({
+						...current,
+						error: error instanceof Error ? error.message : "删除失败"
+					}));
+				});
+			};
 			const menuActions = [
 				{
 					id: "me",
@@ -120573,10 +121197,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						onSelect(void 0);
 					}
 				},
-				{
-					type: "separator",
-					id: "role-separator"
-				},
 				...visibleState.roles.map((role) => ({
 					id: `role:${role.roleId}`,
 					label: role.name,
@@ -120587,7 +121207,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					onSelect: () => {
 						setMenuOpen(false);
 						onSelect(role);
-					}
+					},
+					managementActions: [{
+						id: "role-edit",
+						label: "编辑",
+						onSelect: () => editRole(role)
+					}, {
+						id: "role-delete",
+						label: "删除",
+						danger: true,
+						onSelect: () => deleteRole(role)
+					}]
 				})),
 				...visibleState.loading ? [{
 					type: "label",
@@ -120615,22 +121245,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					disabled: visibleState.loading || visibleState.error !== "" || visibleState.roles.length >= MAX_ROLES,
 					onSelect: () => {
 						setMenuOpen(false);
+						setEditingRole(void 0);
+						setName("");
+						setAvatarFile(void 0);
 						setFormError("");
 						setCreateOpen(true);
 					}
-				},
-				{
-					type: "label",
-					id: "role-local-note",
-					text: visibleState.roles.length >= MAX_ROLES ? "最多 20 个角色 · 角色资料和头像仅保存在此设备" : "角色资料和头像仅保存在此设备"
 				}
 			];
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeActionMenu, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelfRoleMenu, {
 					open: menuOpen,
-					label: "选择发言角色",
-					side: "top",
-					align: "end",
 					selectedIds: [selectedId],
 					anchor: trigger,
 					onClose: () => setMenuOpen(false),
@@ -120644,7 +121269,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 						role: "dialog",
 						"aria-modal": "true",
-						"aria-label": "创建发言角色",
+						"aria-label": editingRole ? "编辑发言角色" : "创建发言角色",
 						style: styles$60.dialog,
 						onKeyDown: (event) => {
 							if (event.key === "Escape" && !saving && cropSource === void 0) {
@@ -120655,7 +121280,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 								style: styles$60.title,
-								children: "创建角色"
+								children: editingRole ? "编辑角色" : "创建角色"
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								style: styles$60.description,
@@ -120682,7 +121307,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelfRoleAvatar, {
 												role: {
 													roleId: "draft",
-													name: name.trim() || "角"
+													name: name.trim() || "角",
+													...editingRole?.avatarRef ? { avatarRef: editingRole.avatarRef } : {}
 												},
 												size: 48
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -120722,10 +121348,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 											setCropSource(file);
 										}
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										style: styles$60.localNote,
-										children: "角色资料、头像和发言归属仅保存在此设备。其他设备暂不会同步。"
-									}),
 									formError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 										role: "alert",
 										style: styles$60.error,
@@ -120742,8 +121364,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "submit",
 											style: styles$60.submit,
-											disabled: saving || !name.trim() || visibleState.roles.length >= MAX_ROLES,
-											children: saving ? "创建中…" : "创建并选用"
+											disabled: saving || !name.trim() || editingRole === void 0 && visibleState.roles.length >= MAX_ROLES,
+											children: saving ? "保存中…" : editingRole ? "保存并选用" : "创建并选用"
 										})]
 									})
 								]
@@ -120874,12 +121496,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				font: "inherit",
 				fontSize: 13
 			},
-			localNote: {
-				margin: "16px 0 0",
-				color: "var(--dsw-alias-label-secondary, #717780)",
-				fontSize: 11,
-				lineHeight: "17px"
-			},
 			error: {
 				margin: "10px 0 0",
 				color: "#b42318",
@@ -127321,15 +127937,29 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		}
 		function RecordRow$1({ item, avatarRef, onOpen, onSelectSource }) {
 			const sourceLabel = arkmeCalendarRecordSourceLabel(item);
+			const role = !item.protected && (item.sourceKind === "self" || item.sourceKind === "topic") ? item.content?.selfRole : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
-				style: styles$55.recordRow,
+				"data-arkme-calendar-role": role?.roleId,
+				style: {
+					...styles$55.recordRow,
+					...role === void 0 ? {} : {
+						flexDirection: "row-reverse",
+						justifyContent: "flex-end"
+					}
+				},
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: styles$55.recordStack,
+					style: {
+						...styles$55.recordStack,
+						...role === void 0 ? {} : { alignItems: "flex-start" }
+					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$55.recordHeader,
+						style: {
+							...styles$55.recordHeader,
+							...role === void 0 ? {} : { justifyContent: "flex-start" }
+						},
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 							style: styles$55.recordTitle,
-							children: tr$1("你")
+							children: role?.name ?? tr$1("你")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
 							style: styles$55.recordTime,
 							children: timeLabel$4(item.sendAtMillis)
@@ -127337,6 +127967,10 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
 							...styles$55.recordBubble,
+							...role === void 0 ? {} : {
+								borderRadius: "5px 16px 16px 16px",
+								background: arkmeTheme.subtle
+							},
 							cursor: "pointer"
 						},
 						tabIndex: 0,
@@ -127369,10 +128003,15 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 							})
 						]
 					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+				}), role === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
 					...avatarRef === void 0 || avatarRef === "" ? {} : { avatarRef },
 					size: 30,
 					label: tr$1("当前用户头像")
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+					...role.avatarRef ? { avatarRef: role.avatarRef } : {},
+					fallback: arkmeSelfRoleAvatarFallback(role),
+					size: 30,
+					label: `${role.name}的头像`
 				})]
 			});
 		}
@@ -127814,14 +128453,16 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 									item: detailItem,
 									onPrivateChatOpened: selectSource,
 									onClose: () => setSelectedRecord(void 0)
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineDetailDrawer, {
+								}) : /* @__PURE__ */ (0, react$1.createElement)(ArkmeTimelineDetailDrawer, {
 									sourceBadge,
+									...detailItem.selfRole === void 0 ? {} : selectedItem?.sourceKind === "self" ? { sourceKind: "send_to_self" } : selectedItem?.sourceKind === "topic" ? { sourceKind: "topic" } : {},
+									key: detailItem.itemUid,
 									item: detailItem,
 									canExtend: false,
 									showOriginal,
 									onToggleOriginal: () => setShowOriginal((value) => !value),
 									onClose: () => setSelectedRecord(void 0)
-								}, detailItem.itemUid)
+								})
 							})
 						})
 					]
@@ -150040,7 +150681,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 			return value.replace(/\s+/g, " ").trim();
 		}
 		function recordTitle(item) {
-			return item.title || item.nickname || "快记";
+			return item.title || item.selfRole?.name || item.nickname || "快记";
 		}
 		function recordSummary(item) {
 			const value = item.snippet || item.textContent || (item.media.length + item.files.length > 0 || item.voice !== void 0 ? "媒体内容" : "暂无文字内容");
@@ -150085,7 +150726,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 			const initialUrl = item.voice?.mediaRef === void 0 ? displayUrl(asset) : mediaUrl(item.voice.mediaRef);
 			const durationMillis = item.voice?.durationMillis ?? item.recordDurationMillis;
 			const transcript = item.snippet || item.textContent || "暂无转写内容";
-			const sender = item.nickname || recordTitle(item);
+			const sender = item.selfRole?.name || item.nickname || recordTitle(item);
 			const resolveFromConversation = (0, react$1.useCallback)(async (signal) => {
 				if (item.targetSource === void 0) return "";
 				if (item.sourceKind === 3) {
@@ -162181,13 +162822,13 @@ html body {
 			};
 		}
 		const colors$7 = {
-			panel: "#fff",
+			panel: arkmeTheme.base,
 			text: arkmeTheme.text,
 			secondary: arkmeTheme.secondary,
 			caption: arkmeTheme.caption,
 			border: arkmeTheme.borderSoft,
-			active: "#f1f2f6",
-			accent: "#9eadff",
+			active: arkmeTheme.active,
+			accent: arkmeTheme.accent,
 			mention: "#20c66a"
 		};
 		const styles$32 = {
@@ -162288,10 +162929,10 @@ html body {
 				alignItems: "center",
 				gap: 8,
 				boxSizing: "border-box",
-				border: "1px solid #e2e3e6",
+				border: `1px solid ${arkmeTheme.border}`,
 				borderRadius: 11,
-				color: "#92959e",
-				background: "#fff"
+				color: arkmeTheme.tertiary,
+				background: arkmeTheme.input
 			},
 			conversationToolbar: directorySearchLayout.toolbar,
 			embeddedSearchField: {
@@ -162316,10 +162957,10 @@ html body {
 				display: "grid",
 				placeItems: "center",
 				padding: 0,
-				border: "1px solid #e2e3e6",
+				border: `1px solid ${arkmeTheme.border}`,
 				borderRadius: 11,
-				background: "#fff",
-				color: "#555a64",
+				background: arkmeTheme.input,
+				color: arkmeTheme.secondary,
 				cursor: "pointer"
 			},
 			list: {
@@ -183184,15 +183825,10 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				}
 				return [...speakers.values()].sort((left, right) => right.durationMillis - left.durationMillis);
 			}, [items]);
-			const visibleSpeakers = (0, react$1.useMemo)(() => allDaySpeakers.filter((speaker) => speaker.items.some((item) => item.endAtMillis > windowStart && item.startAtMillis < windowEnd)), [
-				allDaySpeakers,
-				windowEnd,
-				windowStart
-			]);
 			const totalSpeakerDurationMillis = allDaySpeakers.reduce((sum, speaker) => sum + speaker.durationMillis, 0);
 			(0, react$1.useEffect)(() => {
-				if (zoomIndex === 0 || visibleSpeakers.length === 0) setLegendOpen(false);
-			}, [visibleSpeakers.length, zoomIndex]);
+				if (allDaySpeakers.length === 0) setLegendOpen(false);
+			}, [allDaySpeakers.length]);
 			const zoomTo = (targetIndex, anchorRatio = .5, anchorMillis) => {
 				const nextIndex = Math.min(RECORDING_TIMELINE_ZOOM_LEVELS_SECONDS.length - 1, Math.max(0, targetIndex));
 				const targetVisibleMillis = RECORDING_TIMELINE_ZOOM_LEVELS_SECONDS[nextIndex] * 1e3;
@@ -183643,10 +184279,10 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 								})]
 							})
 						]
-					}) : zoomIndex > 0 && visibleSpeakers.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [legendOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					}) : allDaySpeakers.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [legendOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						tabIndex: -1,
-						"aria-label": tr$1("关闭当前窗口说话人统计"),
+						"aria-label": tr$1("关闭全天说话人统计"),
 						style: styles$22.legendBackdrop,
 						onClick: () => {
 							if (legendRef.current !== null) legendRef.current.open = false;
@@ -183662,11 +184298,11 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 						},
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
 							style: styles$22.legendSummary,
-							"aria-label": tr$1("当前窗口说话人图例"),
+							"aria-label": tr$1("全天说话人图例"),
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									style: styles$22.legendItems,
-									children: visibleSpeakers.slice(0, 3).map((speaker) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									children: allDaySpeakers.slice(0, 3).map((speaker) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										"data-arkme-feedback": "neutral",
 										type: "button",
 										"aria-label": tr$1("编辑说话人 {v0}", { v0: speaker.label }),
@@ -183693,9 +184329,9 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 										})]
 									}, speaker.key))
 								}),
-								visibleSpeakers.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								allDaySpeakers.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									style: styles$22.moreChip,
-									children: ["+", visibleSpeakers.length - 3]
+									children: ["+", allDaySpeakers.length - 3]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(s$10, {
 									size: 16,
@@ -183706,7 +184342,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							style: styles$22.legendPanel,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								style: styles$22.legendPanelList,
-								children: visibleSpeakers.map((speaker) => {
+								children: allDaySpeakers.map((speaker) => {
 									const percentage = totalSpeakerDurationMillis <= 0 ? 0 : speaker.durationMillis / totalSpeakerDurationMillis * 100;
 									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										style: styles$22.legendPanelItem,
@@ -187095,19 +187731,32 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 			eventList: {
 				display: "flex",
 				flexDirection: "column",
-				gap: 12
+				gap: 4
 			},
 			event: {
-				padding: 14,
-				border: `1px solid ${colors$4.border}`,
-				borderRadius: 12,
-				background: colors$4.layer1
+				minWidth: 0,
+				borderBottom: `1px solid ${colors$4.border}`
+			},
+			eventButton: {
+				width: "100%",
+				minWidth: 0,
+				padding: "12px 8px 13px",
+				display: "block",
+				border: 0,
+				borderRadius: 9,
+				background: "transparent",
+				color: colors$4.text,
+				cursor: "pointer",
+				font: "inherit",
+				textAlign: "left"
 			},
+			eventButtonHover: { background: colors$4.hover },
 			eventHeader: {
+				minWidth: 0,
 				display: "flex",
 				alignItems: "baseline",
 				gap: 10,
-				marginBottom: 8
+				marginBottom: 5
 			},
 			eventTime: {
 				flex: "none",
@@ -187117,19 +187766,40 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				fontWeight: 650
 			},
 			eventTitle: {
+				minWidth: 0,
+				flex: 1,
 				margin: 0,
-				fontSize: 15
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap",
+				fontSize: 15,
+				fontWeight: 600
+			},
+			eventScene: {
+				flex: "none",
+				maxWidth: "30%",
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			eventArrow: {
+				flex: "none",
+				color: colors$4.tertiary,
+				fontSize: 14
 			},
 			eventText: {
-				margin: "5px 0",
+				maxHeight: 42,
+				margin: 0,
+				overflow: "hidden",
 				whiteSpace: "pre-wrap",
-				color: colors$4.text,
+				color: colors$4.secondary,
 				fontSize: 13,
-				lineHeight: 1.65
+				lineHeight: "21px"
 			},
 			metaRow: {
 				display: "flex",
 				flexWrap: "wrap",
+				alignItems: "center",
 				gap: 6,
 				marginTop: 8
 			},
@@ -187139,6 +187809,123 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				background: colors$4.subtle,
 				color: colors$4.secondary,
 				fontSize: 11
+			},
+			eventMore: {
+				color: colors$4.tertiary,
+				fontSize: 11
+			},
+			timelineDetailBackdrop: {
+				position: "fixed",
+				zIndex: 1110,
+				inset: 0,
+				display: "grid",
+				placeItems: "center",
+				padding: "min(48px,5vh) min(48px,5vw)",
+				boxSizing: "border-box",
+				background: "rgba(0,0,0,.28)"
+			},
+			timelineDetailDialog: {
+				width: 720,
+				maxWidth: "100%",
+				maxHeight: "100%",
+				display: "flex",
+				flexDirection: "column",
+				boxSizing: "border-box",
+				borderRadius: 14,
+				background: colors$4.layer2,
+				boxShadow: "0 16px 48px rgba(0,0,0,.24)"
+			},
+			timelineDetailHeader: {
+				minWidth: 0,
+				padding: "18px 20px 14px",
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 12,
+				borderBottom: `1px solid ${colors$4.border}`
+			},
+			timelineDetailHeading: {
+				minWidth: 0,
+				flex: 1
+			},
+			timelineDetailTitle: {
+				margin: 0,
+				color: colors$4.text,
+				fontSize: 18,
+				lineHeight: "25px",
+				fontWeight: 600
+			},
+			timelineDetailRange: {
+				margin: "4px 0 0",
+				color: colors$4.accent,
+				fontSize: 12,
+				fontVariantNumeric: "tabular-nums"
+			},
+			timelineDetailClose: {
+				width: 32,
+				height: 32,
+				flex: "none",
+				padding: 0,
+				display: "grid",
+				placeItems: "center",
+				border: 0,
+				borderRadius: 8,
+				background: "transparent",
+				color: colors$4.secondary,
+				cursor: "pointer"
+			},
+			timelineDetailBody: {
+				minHeight: 0,
+				padding: "18px 20px 24px",
+				overflowY: "auto"
+			},
+			timelineDetailSection: { marginBottom: 20 },
+			timelineDetailSectionLast: { marginBottom: 0 },
+			timelineDetailSectionTitle: {
+				margin: "0 0 8px",
+				color: colors$4.text,
+				fontSize: 14,
+				lineHeight: "20px",
+				fontWeight: 600
+			},
+			timelineDetailCopy: {
+				margin: 0,
+				color: colors$4.secondary,
+				fontSize: 13,
+				lineHeight: "21px",
+				whiteSpace: "pre-wrap"
+			},
+			timelineDetailParticipantRow: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 7
+			},
+			timelineDetailParticipant: {
+				padding: "3px 8px",
+				borderRadius: 999,
+				background: colors$4.subtle,
+				color: colors$4.secondary,
+				fontSize: 12
+			},
+			timelineDetailQuote: {
+				margin: "0 0 10px",
+				padding: "9px 11px",
+				borderLeft: `3px solid ${colors$4.accent}`,
+				background: colors$4.base,
+				color: colors$4.secondary,
+				fontSize: 13,
+				lineHeight: "21px",
+				whiteSpace: "pre-wrap"
+			},
+			timelineDetailInfoRow: {
+				display: "grid",
+				gridTemplateColumns: "96px minmax(0,1fr)",
+				gap: 10,
+				marginBottom: 9
+			},
+			timelineDetailInfoLabel: {
+				color: colors$4.tertiary,
+				fontSize: 12,
+				lineHeight: "20px"
 			}
 		};
 		function ArkmeRecordingEmptyState({ recorded = false }) {
@@ -187869,64 +188656,232 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 			});
 			return typeof document === "undefined" || document.body === void 0 ? dialog : (0, react_dom$1.createPortal)(dialog, document.body);
 		}
-		function RecordingTimelineEvents({ events }) {
+		function RecordingTimelineDetailDialog({ event, onClose }) {
+			const titleId = `arkme-recording-timeline-detail-${event.eventId}`;
+			const participants = [...new Set([...event.participants, ...(event.dialoguePoints ?? []).map((point) => point.speakerName)].map((value) => value.trim()).filter((value) => value !== ""))];
+			const summaries = (event.dialoguePoints ?? []).filter((point) => point.summary.trim() !== "");
+			const quotes = (event.dialoguePoints ?? []).filter((point) => point.quote.trim() !== "");
+			const info = [
+				...event.scene === "" ? [] : [{
+					label: tr$1("场景类型"),
+					value: event.scene
+				}],
+				...event.emotion === "" ? [] : [{
+					label: tr$1("心情"),
+					value: event.emotion
+				}],
+				...event.positionNote === void 0 || event.positionNote === "" ? [] : [{
+					label: tr$1("场景说明"),
+					value: event.positionNote
+				}],
+				...event.environmentNote === void 0 || event.environmentNote === "" ? [] : [{
+					label: tr$1("环境说明"),
+					value: event.environmentNote
+				}],
+				...event.praise === void 0 || event.praise === "" ? [] : [{
+					label: tr$1("评价"),
+					value: event.praise
+				}],
+				...event.praisePoint === void 0 ? [] : [{
+					label: tr$1("评价分数"),
+					value: String(event.praisePoint)
+				}],
+				...event.tags.length === 0 ? [] : [{
+					label: tr$1("事件标签"),
+					value: event.tags.join(" · ")
+				}],
+				...event.otherInfo ?? []
+			];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: styles$21.timelineDetailBackdrop,
+				role: "presentation",
+				onKeyDown: (eventKey) => {
+					if (eventKey.key === "Escape") onClose();
+				},
+				onMouseDown: (eventMouse) => {
+					if (eventMouse.target === eventMouse.currentTarget) onClose();
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": titleId,
+					style: styles$21.timelineDetailDialog,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						style: styles$21.timelineDetailHeader,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: styles$21.timelineDetailHeading,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								id: titleId,
+								style: styles$21.timelineDetailTitle,
+								children: event.title || tr$1("时间轴记录")
+							}), (event.timeRange !== "" || event.durationText !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								style: styles$21.timelineDetailRange,
+								children: [event.timeRange || tr$1("时间未标注"), event.durationText !== void 0 && event.durationText !== "" ? ` · ${event.durationText}` : ""]
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							"data-arkme-feedback": "neutral",
+							type: "button",
+							"aria-label": tr$1("关闭"),
+							style: styles$21.timelineDetailClose,
+							onClick: onClose,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(n$14, {
+								size: 18,
+								"aria-hidden": true
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: styles$21.timelineDetailBody,
+						children: [
+							event.description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: styles$21.timelineDetailSection,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: styles$21.timelineDetailSectionTitle,
+									children: tr$1("时段总结")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									style: styles$21.timelineDetailCopy,
+									children: event.description
+								})]
+							}),
+							(participants.length > 0 || event.speakerNote !== void 0 && event.speakerNote !== "") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: styles$21.timelineDetailSection,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										style: styles$21.timelineDetailSectionTitle,
+										children: tr$1("参与者")
+									}),
+									participants.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: styles$21.timelineDetailParticipantRow,
+										children: participants.map((person) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$21.timelineDetailParticipant,
+											children: person
+										}, person))
+									}),
+									event.speakerNote !== void 0 && event.speakerNote !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										style: {
+											...styles$21.timelineDetailCopy,
+											marginTop: participants.length > 0 ? 10 : 0
+										},
+										children: event.speakerNote
+									})
+								]
+							}),
+							event.todo !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: styles$21.timelineDetailSection,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: styles$21.timelineDetailSectionTitle,
+									children: tr$1("待办")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									style: styles$21.timelineDetailCopy,
+									children: event.todo
+								})]
+							}),
+							quotes.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: styles$21.timelineDetailSection,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: styles$21.timelineDetailSectionTitle,
+									children: tr$1("代表性原话")
+								}), quotes.map((point, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+									style: styles$21.timelineDetailQuote,
+									children: [point.speakerName !== "" ? `${point.speakerName}：` : "", point.quote]
+								}, `quote:${index}`))]
+							}),
+							summaries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: styles$21.timelineDetailSection,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: styles$21.timelineDetailSectionTitle,
+									children: tr$1("对话摘要")
+								}), summaries.map((point, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+									style: styles$21.timelineDetailCopy,
+									children: [point.speakerName !== "" ? `${point.speakerName}：` : "", point.summary]
+								}, `summary:${index}`))]
+							}),
+							info.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: {
+									...styles$21.timelineDetailSection,
+									...styles$21.timelineDetailSectionLast
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: styles$21.timelineDetailSectionTitle,
+									children: tr$1("其他信息")
+								}), info.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: styles$21.timelineDetailInfoRow,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: styles$21.timelineDetailInfoLabel,
+										children: item.label
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: styles$21.timelineDetailCopy,
+										children: item.value
+									})]
+								}, `${item.label}:${index}`))]
+							})
+						]
+					})]
+				})
+			});
+		}
+		function RecordingTimelineEvents({ events, onOpen }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: styles$21.eventList,
-				children: events.map((event) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+				children: events.map((event) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
 					style: styles$21.event,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-							style: styles$21.eventHeader,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
-								style: styles$21.eventTime,
-								children: event.timeRange || "时间未标注"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-								style: styles$21.eventTitle,
-								children: event.title
-							})]
-						}),
-						event.description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							style: styles$21.eventText,
-							children: event.description
-						}),
-						event.todo !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-							style: styles$21.eventText,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: tr$1("待办：") }), event.todo]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: styles$21.metaRow,
-							children: [
-								event.scene !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: styles$21.chip,
-									children: [
-										tr$1("场景 ·"),
-										" ",
-										event.scene
-									]
-								}),
-								event.emotion !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: styles$21.chip,
-									children: [
-										tr$1("心情 ·"),
-										" ",
-										event.emotion
-									]
-								}),
-								event.participants.map((person) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						"data-arkme-feedback": "neutral",
+						type: "button",
+						style: styles$21.eventButton,
+						"aria-label": `${event.timeRange || tr$1("时间未标注")} ${event.title}`,
+						onClick: () => {
+							onOpen(event);
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+								"data-arkme-recording-timeline-event-header": true,
+								style: styles$21.eventHeader,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+										style: styles$21.eventTime,
+										children: event.timeRange || tr$1("时间未标注")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										style: styles$21.eventTitle,
+										children: event.title || tr$1("时间轴记录")
+									}),
+									event.scene !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"data-arkme-recording-timeline-scene": true,
+										style: {
+											...styles$21.chip,
+											...styles$21.eventScene
+										},
+										children: event.scene
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": true,
+										style: styles$21.eventArrow,
+										children: "›"
+									})
+								]
+							}),
+							event.description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								style: styles$21.eventText,
+								children: event.description
+							}),
+							event.participants.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								"data-arkme-recording-timeline-participants": true,
+								style: styles$21.metaRow,
+								children: [event.participants.slice(0, 3).map((person) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									style: styles$21.chip,
 									children: person
-								}, `person:${person}`)),
-								event.tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: styles$21.chip,
-									children: ["#", tag]
-								}, `tag:${tag}`))
-							]
-						})
-					]
+								}, `person:${person}`)), event.participants.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: styles$21.eventMore,
+									children: ["+", event.participants.length - 3]
+								})]
+							})
+						]
+					})
 				}, event.eventId))
 			});
 		}
 		function RecordingTourSample({ tab, onTab }) {
+			const [detailEvent, setDetailEvent] = (0, react$1.useState)();
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				"data-arkme-recording-tour-sample": true,
 				"aria-label": tr$1("示例体验 · 我的一天"),
@@ -188010,7 +188965,16 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 								selected: false,
 								readOnly: true
 							}, item.itemId))
-						}) : tab === "summary" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SafeMarkdown, { content: recordingTourSample.summary.items[0].content }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingTimelineEvents, { events: recordingTourSample.timeline.items[0].timelineEvents })
+						}) : tab === "summary" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SafeMarkdown, { content: recordingTourSample.summary.items[0].content }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingTimelineEvents, {
+							events: recordingTourSample.timeline.items[0].timelineEvents,
+							onOpen: setDetailEvent
+						})
+					}),
+					detailEvent !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingTimelineDetailDialog, {
+						event: detailEvent,
+						onClose: () => {
+							setDetailEvent(void 0);
+						}
 					})
 				]
 			});
@@ -188057,6 +189021,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 			const modelConfigAbortRef = (0, react$1.useRef)();
 			const [modelConfig, setModelConfig] = (0, react$1.useState)({ state: "loading" });
 			const [modelDialogKind, setModelDialogKind] = (0, react$1.useState)();
+			const [timelineDetailEvent, setTimelineDetailEvent] = (0, react$1.useState)();
 			const [editingSpeaker, setEditingSpeaker] = (0, react$1.useState)();
 			const [analysisMaximized, setAnalysisMaximized] = (0, react$1.useState)(false);
 			const [exportNotice, setExportNotice] = (0, react$1.useState)("");
@@ -188282,6 +189247,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				setTranscriptSearch("");
 				setTranscriptMatchIndex(0);
 				setComparison(void 0);
+				setTimelineDetailEvent(void 0);
 				comparisonRequest.current?.abort();
 				comparisonRequest.current = void 0;
 				setComparisonLoading(false);
@@ -188544,7 +189510,10 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							openModelDialog("timeline");
 						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingTimelineEvents, { events: selectedTimeline.timelineEvents })
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingTimelineEvents, {
+						events: selectedTimeline.timelineEvents,
+						onOpen: setTimelineDetailEvent
+					})
 				] });
 			};
 			const downloadCurrent = () => {
@@ -189162,6 +190131,12 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							setEditingSpeaker(void 0);
 						}
 					}),
+					workbenchEnabled && timelineDetailEvent !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingTimelineDetailDialog, {
+						event: timelineDetailEvent,
+						onClose: () => {
+							setTimelineDetailEvent(void 0);
+						}
+					}),
 					modelDialogKind !== void 0 && modelConfig.state === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingModelDialog, {
 						kind: modelDialogKind,
 						config: modelConfig.value,
@@ -211558,7 +212533,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 		const c$3 = e$20;
 		//#endregion
 		//#region package.json
-		var version = "0.1.84";
+		var version = "0.1.85";
 		//#endregion
 		//#region src/client/arkme-membership.ts
 		function membershipLabel(state) {
@@ -221272,9 +222247,9 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				flexDirection: "column",
 				alignItems: "stretch",
 				gap: 5,
-				borderRight: "1px solid #e7e7e9",
-				background: "#fff",
-				color: "#3e4149"
+				borderRight: `1px solid ${arkmeTheme.borderSoft}`,
+				background: arkmeTheme.sidebar,
+				color: arkmeTheme.text
 			},
 			compactRail: {
 				width: "100%",
@@ -221284,7 +222259,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				flexDirection: "row",
 				alignItems: "center",
 				borderRight: 0,
-				borderBottom: "1px solid #e7e7e9"
+				borderBottom: `1px solid ${arkmeTheme.borderSoft}`
 			},
 			hostedRail: {
 				width: "100%",
@@ -221310,7 +222285,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				background: "transparent"
 			},
 			brandVersion: {
-				color: "#a5a8af",
+				color: arkmeTheme.tertiary,
 				fontSize: 10,
 				lineHeight: "13px",
 				whiteSpace: "nowrap"
@@ -221358,8 +222333,8 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				borderRadius: 13
 			},
 			activeButton: {
-				background: "#f1f2f6",
-				color: "#151722"
+				background: arkmeTheme.active,
+				color: arkmeTheme.text
 			},
 			activeMarker: { left: -8 },
 			compactMarker: {
@@ -221387,9 +222362,9 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				alignItems: "center",
 				justifyContent: "center",
 				borderRadius: 8,
-				background: "#ff5a52",
-				color: "#fff",
-				boxShadow: "0 0 0 2px #fff",
+				background: arkmeTheme.danger,
+				color: arkmeTheme.onPrimaryAction,
+				boxShadow: `0 0 0 2px ${arkmeTheme.sidebar}`,
 				fontSize: 10,
 				fontWeight: 600,
 				lineHeight: "16px",
@@ -240843,6 +241818,10 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							return;
 						}
 						if (update.type === "projection-invalidated") {
+							if (update.projection === "self_role") {
+								window.dispatchEvent(new Event("arkme-self-roles-changed"));
+								return;
+							}
 							if (update.projection === "chat.direct_message_admission") {
 								invalidateDirectMessageAdmission();
 								return;
@@ -250148,7 +251127,6 @@ body[data-ds-dark-theme] .arkme-day-arrangement-status[data-arrangement-status="
 			const mode = (0, react$1.useMemo)(() => ({
 				displayName: target?.displayName ?? "",
 				invalidated,
-				editOnOpen: target?.article?.mode === "existing",
 				verifyAccount: async () => {
 					if (!bridge || !target || invalidated || !await bridge.active()) throw new Error("账号已切换，请关闭后重新打开长文");
 					await arkmeAuthStore.refresh();
@@ -257771,14 +258749,14 @@ body[data-ds-dark-theme] .arkme-day-arrangement-status[data-arrangement-status="
 				minHeight: 0,
 				display: "flex",
 				overflow: "hidden",
-				background: "#fff"
+				background: arkmeTheme.sidebar
 			},
 			taskDirectory: {
 				minWidth: 0,
 				flex: 1,
 				overflow: "hidden",
-				borderLeft: "1px solid #ececef",
-				background: "#fff"
+				borderLeft: `1px solid ${arkmeTheme.borderSoft}`,
+				background: arkmeTheme.layer1
 			},
 			sidebarResizeHandle: {
 				position: "relative",
@@ -257795,7 +258773,7 @@ body[data-ds-dark-theme] .arkme-day-arrangement-status[data-arrangement-status="
 				minWidth: 0,
 				minHeight: 0,
 				overflow: "hidden",
-				background: "#fff",
+				background: arkmeTheme.base,
 				position: "relative"
 			},
 			conversationLayer: {