@senguoyun/dsh-arkme 0.1.50 → 0.1.51

package/lib/client.js

@@ -5862,7 +5862,7 @@ window.__ModuleLoader__.load({
 		qrcode.stringToBytes;
 		//#endregion
 		//#region package.json
-		var version$1 = "0.1.50";
+		var version$1 = "0.1.51";
 		//#endregion
 		//#region src/client/arkme-billing.css?inline
 		var arkme_billing_default = ".arkme-billing-backdrop {\n  z-index: 120;\n  backdrop-filter: blur(3px);\n  background: #181b223d;\n  place-items: center;\n  padding: 28px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-billing-recharge-dialog, .arkme-billing-payment-dialog {\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #dedfe3;\n  border-radius: 20px;\n  width: min(620px, 100%);\n  max-height: min(720px, 100vh - 56px);\n  overflow-y: auto;\n  box-shadow: 0 24px 72px #191c232e;\n}\n\n.arkme-billing-payment-dialog {\n  width: min(420px, 100%);\n}\n\n.arkme-billing-dialog-header {\n  border-bottom: 1px solid #ececef;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 18px;\n  min-height: 78px;\n  padding: 20px 22px 16px;\n  display: flex;\n}\n\n.arkme-billing-dialog-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 25px;\n}\n\n.arkme-billing-dialog-header p {\n  overflow-wrap: anywhere;\n  color: #8a8e96;\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-dialog-header > button {\n  color: #777c85;\n  width: 32px;\n  height: 32px;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  flex: none;\n  place-items: center;\n  font-size: 22px;\n  display: grid;\n}\n\n.arkme-billing-dialog-header > button:hover {\n  color: #20232c;\n  background: #f3f3f5;\n}\n\n.arkme-billing-dialog-body {\n  padding: 18px 22px 22px;\n}\n\n.arkme-billing-dialog-balance {\n  border-bottom: 1px solid #ececef;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: 12px;\n  min-height: 48px;\n  padding: 0 2px 16px;\n  display: grid;\n}\n\n.arkme-billing-dialog-balance > span {\n  color: #8a8e96;\n  grid-column: 1;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-billing-dialog-balance > strong {\n  grid-column: 1;\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 28px;\n}\n\n.arkme-billing-dialog-balance > button, .arkme-billing-error > button {\n  color: #626772;\n  height: 30px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  grid-area: 1 / 2 / span 2;\n  padding: 0 12px;\n  font-size: 11px;\n}\n\n.arkme-billing-products-section, .arkme-billing-payment-section {\n  padding-top: 17px;\n}\n\n.arkme-billing-products-section h3, .arkme-billing-payment-section h3 {\n  color: #747984;\n  margin: 0 0 11px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.arkme-billing-product-grid {\n  width: 100%;\n}\n\n.arkme-billing-product-grid > button {\n  color: #20232c;\n  min-width: 0;\n  min-height: 62px;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 11px;\n  align-content: center;\n  gap: 4px;\n  padding: 9px 11px;\n  display: grid;\n}\n\n.arkme-billing-product-grid > button:hover {\n  background: #f8f8f9;\n  border-color: #cfd2d8;\n}\n\n.arkme-billing-product-grid > button.is-selected {\n  border-color: #75839e;\n  box-shadow: 0 0 0 1px #75839e;\n}\n\n.arkme-billing-product-grid > button > span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 17px;\n  overflow: hidden;\n}\n\n.arkme-billing-product-grid > button > strong {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.arkme-billing-payment-actions {\n  flex-wrap: wrap;\n  gap: 10px;\n  display: flex;\n}\n\n.arkme-billing-payment-actions > button {\n  color: #333842;\n  min-width: 154px;\n  height: 38px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  padding: 0 14px;\n  font-size: 12px;\n  display: inline-flex;\n}\n\n.arkme-billing-payment-actions > button:hover {\n  background: #f7f7f8;\n  border-color: #cfd3da;\n}\n\n.arkme-billing-payment-actions > button:disabled, .arkme-billing-product-grid > button:disabled {\n  opacity: .48;\n  cursor: default;\n}\n\n.arkme-billing-platform-icon {\n  flex: none;\n  width: 18px;\n  height: 18px;\n}\n\n.arkme-billing-platform-icon.is-alipay {\n  color: #1677ff;\n}\n\n.arkme-billing-platform-icon.is-wechat {\n  color: #07c160;\n}\n\n.arkme-billing-state {\n  color: #858992;\n  margin: 12px 0 2px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-error {\n  color: #b54841;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  margin-top: 10px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.arkme-billing-error.is-purchase {\n  justify-content: flex-start;\n}\n\n.arkme-billing-payment-content {\n  text-align: center;\n  justify-items: center;\n  gap: 10px;\n  padding: 28px 24px 18px;\n  display: grid;\n}\n\n.arkme-billing-payment-content > .arkme-billing-platform-icon {\n  width: 38px;\n  height: 38px;\n  margin-bottom: 4px;\n}\n\n.arkme-billing-payment-content > img {\n  border-radius: 10px;\n  width: 210px;\n  height: 210px;\n}\n\n.arkme-billing-payment-content > strong {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n.arkme-billing-payment-content > p {\n  color: #858992;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-payment-content.is-paid > strong {\n  color: #16794f;\n  font-size: 18px;\n  line-height: 25px;\n}\n\n.arkme-billing-payment-content.is-paid > .arkme-billing-error {\n  justify-content: center;\n}\n\n.arkme-billing-payment-content.is-crediting > strong {\n  color: #335f9e;\n}\n\n.arkme-billing-dialog-actions {\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n  padding: 0 22px 20px;\n  display: flex;\n}\n\n.arkme-billing-dialog-actions > button, .arkme-billing-primary-action {\n  color: #3c424d;\n  height: 34px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  padding: 0 14px;\n  font-size: 12px;\n}\n\n.arkme-billing-dialog-actions > .arkme-billing-primary-action, .arkme-billing-payment-content > .arkme-billing-primary-action {\n  color: #fff;\n  background: #20232d;\n  border-color: #20232d;\n}\n";
@@ -98784,7 +98784,25 @@ function(test) {
 				background: arkmeTheme.info,
 				color: arkmeTheme.foreground
 			},
-			composer: { ...arkmeConversationComposerLayout.composer },
+			composer: {
+				...arkmeConversationComposerLayout.composer,
+				flexDirection: "column",
+				gap: 8
+			},
+			capabilityShortcut: {
+				alignSelf: "flex-start",
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 4,
+				padding: "6px 8px",
+				borderRadius: 8,
+				border: `1px solid ${colors$11.border}`,
+				background: arkmeTheme.layer1,
+				color: colors$11.text,
+				fontFamily: "inherit",
+				fontSize: 14,
+				lineHeight: "20px"
+			},
 			composerInner: {
 				...arkmeConversationComposerLayout.composerInner,
 				border: "1px solid var(--dsw-alias-border-l2-darkmode-thin, rgba(0,0,0,.1))",
@@ -98994,6 +99012,7 @@ function(test) {
 			const composerRef = (0, react.useRef)(null);
 			const textareaRef = (0, react.useRef)(null);
 			const pendingComposerFocusRef = (0, react.useRef)(false);
+			const sendInFlightRef = (0, react.useRef)(false);
 			const authSnapshot = (0, react.useSyncExternalStore)(arkmeAuthStore.subscribe, arkmeAuthStore.getSnapshot, arkmeAuthStore.getSnapshot);
 			const profileSnapshot = (0, react.useSyncExternalStore)(arkmeArkoProfileStore.subscribe, arkmeArkoProfileStore.getSnapshot, arkmeArkoProfileStore.getSnapshot);
 			const profileUserId = authSnapshot.auth?.status === "authenticated" ? authSnapshot.auth.userId : void 0;
@@ -99372,61 +99391,66 @@ function(test) {
 				profileUserId,
 				sending
 			]);
-			const send = (0, react.useCallback)(async () => {
-				const text = draft.trim();
-				if (text === "" || sending || activeRun !== void 0 || pendingTurn !== void 0 || session === void 0 || profileUserId === void 0 || composerDraftKey === void 0) return;
-				const continuation = latestContinuation(messages, session.sessionId);
-				const createdAtMillis = Date.now();
-				const turn = {
-					userId: profileUserId,
-					sessionId: session.sessionId,
-					clientTurnUid: crypto.randomUUID(),
-					text,
-					createdAtMillis,
-					localUserMessageId: crypto.randomUUID(),
-					localAssistantMessageId: crypto.randomUUID(),
-					...continuation === void 0 ? { ...catalog === void 0 ? {} : { modelRouteKey: catalog.effectiveRouteKey } } : {
-						replyToRunUid: continuation.runUid,
-						replyToAssistantMsgId: continuation.assistantMsgId
-					}
-				};
-				writeArkoPendingTurn(turn);
-				pendingComposerFocusRef.current = true;
-				setPendingTurn(turn);
-				arkmeComposerDraftStore.clear(composerDraftKey);
-				setMessages((current) => [
-					...current,
-					{
-						id: turn.localUserMessageId,
-						sessionId: turn.sessionId,
-						role: "user",
+			const interactionLocked = sending || pendingTurn !== void 0 || activeRun !== void 0;
+			const sendDisabled = loading || interactionLocked || clearing || selectingModel || session === void 0 || profileUserId === void 0;
+			const send = (0, react.useCallback)(async (presetText) => {
+				const text = (presetText ?? draft).trim();
+				if (text === "" || sendInFlightRef.current || sendDisabled || session === void 0 || profileUserId === void 0 || composerDraftKey === void 0) return;
+				sendInFlightRef.current = true;
+				try {
+					const continuation = latestContinuation(messages, session.sessionId);
+					const createdAtMillis = Date.now();
+					const turn = {
+						userId: profileUserId,
+						sessionId: session.sessionId,
+						clientTurnUid: crypto.randomUUID(),
 						text,
-						status: "done",
-						createdAtMillis
-					},
-					{
-						id: turn.localAssistantMessageId,
-						sessionId: turn.sessionId,
-						role: "assistant",
-						text: "",
-						status: "sending",
-						meta: "正在思考",
-						runStatus: "accepted",
-						createdAtMillis: createdAtMillis + 1
-					}
-				]);
-				scrollToBottom();
-				await submitTurn(turn);
+						createdAtMillis,
+						localUserMessageId: crypto.randomUUID(),
+						localAssistantMessageId: crypto.randomUUID(),
+						...continuation === void 0 ? { ...catalog === void 0 ? {} : { modelRouteKey: catalog.effectiveRouteKey } } : {
+							replyToRunUid: continuation.runUid,
+							replyToAssistantMsgId: continuation.assistantMsgId
+						}
+					};
+					writeArkoPendingTurn(turn);
+					pendingComposerFocusRef.current = true;
+					setPendingTurn(turn);
+					if (presetText === void 0) arkmeComposerDraftStore.clear(composerDraftKey);
+					setMessages((current) => [
+						...current,
+						{
+							id: turn.localUserMessageId,
+							sessionId: turn.sessionId,
+							role: "user",
+							text,
+							status: "done",
+							createdAtMillis
+						},
+						{
+							id: turn.localAssistantMessageId,
+							sessionId: turn.sessionId,
+							role: "assistant",
+							text: "",
+							status: "sending",
+							meta: "正在思考",
+							runStatus: "accepted",
+							createdAtMillis: createdAtMillis + 1
+						}
+					]);
+					scrollToBottom();
+					await submitTurn(turn);
+				} finally {
+					sendInFlightRef.current = false;
+				}
 			}, [
-				activeRun,
 				catalog,
 				composerDraftKey,
 				draft,
 				messages,
-				pendingTurn,
 				profileUserId,
 				scrollToBottom,
-				sending,
+				sendDisabled,
 				session,
 				submitTurn
 			]);
@@ -99499,7 +99523,6 @@ function(test) {
 			const selectedModel = selectedModelName(catalog);
 			const canChooseModel = (catalog?.options.length ?? 0) > 1;
 			const continuation = (0, react.useMemo)(() => latestContinuation(messages, session?.sessionId), [messages, session?.sessionId]);
-			const interactionLocked = sending || pendingTurn !== void 0 || activeRun !== void 0;
 			(0, react.useEffect)(() => {
 				if (!pendingComposerFocusRef.current || loading || interactionLocked || session === void 0 || profileUserId === void 0) return;
 				pendingComposerFocusRef.current = false;
@@ -99516,7 +99539,7 @@ function(test) {
 				profileUserId,
 				session
 			]);
-			const hint = loading ? "正在恢复会话" : pendingTurn !== void 0 && !sending ? "请先确认上一次发送结果" : sending ? "等待回复" : continuation === void 0 ? selectedModel : "继续当前任务";
+			const hint = loading ? "正在恢复会话" : clearing ? "正在清除上下文" : selectingModel ? "正在切换模型" : pendingTurn !== void 0 && !sending ? "请先确认上一次发送结果" : sending ? "等待回复" : continuation === void 0 ? selectedModel : "继续当前任务";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: styles$45.shell,
 				children: [
@@ -99859,10 +99882,26 @@ function(test) {
 							]
 						})
 					}),
-					messageActions.selecting ? messageActions.selectionBar : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+					messageActions.selecting ? messageActions.selectionBar : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+						ref: composerRef,
 						style: styles$45.composer,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							ref: composerRef,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							"aria-label": "Arko 能干什么",
+							style: {
+								...styles$45.capabilityShortcut,
+								opacity: sendDisabled ? .45 : 1,
+								cursor: sendDisabled ? "default" : "pointer"
+							},
+							disabled: sendDisabled,
+							onClick: () => {
+								send("你能帮我干什么");
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(t$5, {
+								size: 17,
+								"aria-hidden": true
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Arko 能干什么" })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							style: styles$45.composerInner,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 								ref: textareaRef,
@@ -99879,7 +99918,7 @@ function(test) {
 								onKeyDown: (event) => {
 									if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
 										event.preventDefault();
-										if (!loading && !interactionLocked && draft.trim() !== "" && session !== void 0 && profileUserId !== void 0) send();
+										if (!sendDisabled && draft.trim() !== "" && session !== void 0 && profileUserId !== void 0) send();
 									}
 								}
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -99892,9 +99931,9 @@ function(test) {
 									title: "发送",
 									style: {
 										...styles$45.send,
-										opacity: loading || interactionLocked || draft.trim() === "" || session === void 0 || profileUserId === void 0 ? .45 : 1
+										opacity: sendDisabled || draft.trim() === "" ? .45 : 1
 									},
-									disabled: loading || interactionLocked || draft.trim() === "" || session === void 0 || profileUserId === void 0,
+									disabled: sendDisabled || draft.trim() === "",
 									onClick: () => {
 										send();
 									},
@@ -99921,7 +99960,7 @@ function(test) {
 									})
 								})]
 							})]
-						})
+						})]
 					}),
 					messageActions.overlay
 				]
@@ -147360,14 +147399,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				body.removeEventListener("scroll", onScroll);
 			};
 		}
-		function useConversationResizeAnchor(body, scope, endAccessory) {
+		function useConversationResizeAnchor(body, scope, endAccessory, selecting = false) {
 			(0, react.useLayoutEffect)(() => {
 				if (scope === void 0 || body.current === null || typeof ResizeObserver === "undefined") return;
 				return observeConversationResize(body.current, endAccessory?.current ?? void 0);
 			}, [
 				body,
 				scope,
-				endAccessory
+				endAccessory,
+				selecting
 			]);
 		}
 		//#endregion
@@ -177420,7 +177460,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const requestRef = (0, react.useRef)();
 			const triggerRef = (0, react.useRef)(null);
 			const popoverRef = (0, react.useRef)(null);
-			const createRequestRef = (0, react.useRef)();
+			const createRequestRef = (0, react.useRef)(false);
 			const selectedSourceRef = (0, react.useRef)(selectedSource);
 			selectedSourceRef.current = selectedSource;
 			const [open, setOpen] = (0, react.useState)(false);
@@ -177437,9 +177477,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const [topicCreateSubmitting, setTopicCreateSubmitting] = (0, react.useState)(false);
 			const sourcesRef = (0, react.useRef)(sources);
 			sourcesRef.current = sources;
-			(0, react.useEffect)(() => () => {
-				createRequestRef.current = void 0;
-			}, []);
 			const persist = (0, react.useCallback)((nextSources, selectedRef) => {
 				writeNavigationCache(cacheWithTopics(userId, nextSources, selectedRef));
 			}, [userId]);
@@ -177465,6 +177502,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						loaded = mergeArkmeTopicSourcePages(loaded, page.items);
 						sourcesRef.current = loaded;
 						setSources(loaded);
+						persist(loaded);
 						const nextCursor = page.nextCursor;
 						hasNextPage = page.hasMore && nextCursor !== void 0;
 						if (!hasNextPage || nextCursor === void 0) break;
@@ -177587,12 +177625,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				sourceSort
 			]);
 			const rows = (0, react.useMemo)(() => flattenVisibleArkmeSourceTree(buildArkmeSourceTree(filteredSources), collapsedSourceRefs), [collapsedSourceRefs, filteredSources]);
-			const selectSource = (nextSource, nextSources = sources) => {
+			const selectSource = (nextSource) => {
 				selectedSourceRef.current = nextSource;
-				persist(nextSources, nextSource.sourceRef);
+				onSelect(nextSource);
+				persist(sources, nextSource.sourceRef);
 				setOpen(false);
 				setQuery("");
-				onSelect(nextSource);
 			};
 			const selectRow = (row) => {
 				setCollapsedSourceRefs((current) => expandTopicFromRowClick(row, current));
@@ -177625,44 +177663,27 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					setTopicCreateError("主题最多支持五级层级，无法继续创建子主题");
 					return;
 				}
-				const contextSource = parent ?? selectedSourceRef.current ?? sourcesRef.current.find((source) => source.kind === "send_to_self");
-				if (contextSource === void 0) {
-					setTopicCreateError("主题列表尚未加载完成，请稍后重试");
-					return;
-				}
-				const request = Symbol();
-				createRequestRef.current = request;
+				createRequestRef.current = true;
 				setTopicCreateSubmitting(true);
 				setTopicCreateError("");
 				try {
 					const result = await callArkme("topic.create", {
 						title,
-						contextSourceRef: contextSource.sourceRef,
 						...parent === null ? {} : { parentSourceRef: parent.sourceRef }
 					});
-					if (createRequestRef.current !== request) return;
-					const nextSources = mergeCreatedTopicSource(sourcesRef.current, result.source);
-					sourcesRef.current = nextSources;
+					const nextSources = mergeCreatedTopicSource(sources, result.source);
 					setSources(nextSources);
 					setCollapsedSourceRefs((current) => expandAncestorsForReveal(nextSources, result.source.sourceRef, current));
+					persist(nextSources);
 					setTopicCreateParent(void 0);
 					setTopicCreateParentLevel(void 0);
 					setQuery("");
-					if (result.warning !== void 0) {
-						persist(nextSources);
-						setError(result.warning);
-					} else {
-						requestRef.current?.abort();
-						setBusy(false);
-						selectSource(result.source, nextSources);
-					}
+					if (result.warning !== void 0) setError(result.warning);
 				} catch (caught) {
-					if (createRequestRef.current === request) setTopicCreateError(caught instanceof Error ? caught.message : String(caught));
+					setTopicCreateError(caught instanceof Error ? caught.message : String(caught));
 				} finally {
-					if (createRequestRef.current === request) {
-						createRequestRef.current = void 0;
-						setTopicCreateSubmitting(false);
-					}
+					createRequestRef.current = false;
+					setTopicCreateSubmitting(false);
 				}
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -185000,7 +185021,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				padding: "22px 22px 12px",
 				background: arkmeTheme.base
 			},
-			bodySelectMode: { paddingBottom: 86 },
 			utilityBody: {
 				flex: 1,
 				minHeight: 0,
@@ -185098,7 +185118,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				alignItems: "start",
 				columnGap: ARKME_MESSAGE_SELECT_GAP,
 				marginBottom: 18,
-				padding: "6px 0 6px 6px",
+				paddingLeft: 6,
 				boxSizing: "border-box",
 				cursor: "pointer"
 			},
@@ -185560,9 +185580,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			},
 			selectBar: {
 				position: "absolute",
-				left: 0,
-				right: 0,
-				bottom: 0,
+				inset: 0,
 				zIndex: 35,
 				minHeight: 72,
 				display: "flex",
@@ -188613,7 +188631,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			(0, react.useEffect)(() => {
 				setTopicAssignment(void 0);
 			}, [topicAssignmentScopeKey]);
-			const pendingSelectRevealItemUidRef = (0, react.useRef)("");
 			const [forwardTargetPicker, setForwardTargetPicker] = (0, react.useState)();
 			const needsChatDirectory = activeConversation && detailState?.kind === "success";
 			const chatDirectory = (0, react.useSyncExternalStore)(needsChatDirectory ? arkmeChatDirectory.subscribe : NOOP_SUBSCRIBE, () => needsChatDirectory ? arkmeChatDirectory.getSnapshot() : EMPTY_CHAT_DIRECTORY_SNAPSHOT, () => EMPTY_CHAT_DIRECTORY_SNAPSHOT);
@@ -188719,7 +188736,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				if (recordReeditHighlightTimerRef.current !== void 0) window.clearTimeout(recordReeditHighlightTimerRef.current);
 			}, []);
 			(0, react.useEffect)(() => {
-				if (!active) return;
+				if (!active || selectMode?.sourceKey === conversationKey) return;
 				const pendingDraftKey = pendingComposerFocusDraftKeyRef.current;
 				if (pendingDraftKey === void 0 || busy) return;
 				if (pendingDraftKey !== composerDraftKey) {
@@ -188737,7 +188754,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, [
 				active,
 				busy,
-				composerDraftKey
+				composerDraftKey,
+				conversationKey,
+				selectMode?.sourceKey
 			]);
 			(0, react.useEffect)(() => {
 				let active = true;
@@ -191571,17 +191590,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				arkmeUi.consumeConversationTarget(pending.revision);
 			}, [displayRows, timelineStateKey]);
 			const activeSelectMode = selectMode?.sourceKey === conversationKey ? selectMode : void 0;
+			const exitMessageSelectMode = (0, react.useCallback)(() => {
+				const body = bodyRef.current;
+				if (activeSelectMode !== void 0 && body !== null) pendingViewportRestoreRef.current = {
+					sourceKey: timelineStateKey,
+					viewport: arkmeConversationViewport(body, true)
+				};
+				setSelectMode(void 0);
+			}, [activeSelectMode, timelineStateKey]);
 			const selectedMessageItems = (0, react.useMemo)(() => activeSelectMode === void 0 ? [] : arkmeSelectedTimelineItems(displayItems, activeSelectMode.selectedIds), [activeSelectMode, displayItems]);
 			const selectedMessageCount = activeSelectMode?.selectedIds.size ?? 0;
 			const selectedMessagesHaveSnapshots = selectedMessageCount > 0 && selectedMessageItems.length === selectedMessageCount && selectedMessageItems.every((item) => arkmeTimelineMessageActionRef(item) !== "");
-			(0, react.useLayoutEffect)(() => {
-				if (activeSelectMode === void 0) return;
-				const itemUid = pendingSelectRevealItemUidRef.current;
-				if (itemUid === "") return;
-				pendingSelectRevealItemUidRef.current = "";
-				const body = bodyRef.current;
-				(body === null ? void 0 : [...body.querySelectorAll("[data-arkme-message-item-uid]")].find((element) => element.dataset.arkmeMessageItemUid === itemUid))?.scrollIntoView({ block: "center" });
-			}, [activeSelectMode, displayRows]);
 			const forwardVisibleTargets = (0, react.useMemo)(() => forwardTargetPicker === void 0 ? [] : arkmeForwardTargetVisibleSources(forwardTargetPicker.targets, forwardTargetPicker.keyword), [forwardTargetPicker]);
 			const forwardSelectedTargets = (0, react.useMemo)(() => forwardTargetPicker === void 0 ? [] : forwardTargetPicker.selectedSourceRefs.map((sourceRef) => forwardTargetPicker.targets.find((target) => target.sourceRef === sourceRef)).filter((target) => target !== void 0), [forwardTargetPicker]);
 			const forwardPickerMessageItems = forwardTargetPicker?.items ?? [];
@@ -191592,7 +191611,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				setSnapshot((current) => current === void 0 || visibleOccurrenceKeys.has(arkmeTimelineOccurrenceKey(current.item)) ? current : void 0);
 				setMessageReportItem((current) => current === void 0 || visibleOccurrenceKeys.has(arkmeTimelineOccurrenceKey(current)) ? current : void 0);
 				setMessageWithdrawalItem((current) => current === void 0 || visibleOccurrenceKeys.has(arkmeTimelineOccurrenceKey(current)) ? current : void 0);
-				setSelectMode((current) => {
+				if (activeSelectMode !== void 0 && activeSelectMode.selectedIds.size > 0 && ![...activeSelectMode.selectedIds].some((key) => visibleOccurrenceKeys.has(key))) exitMessageSelectMode();
+				else setSelectMode((current) => {
 					if (current === void 0 || current.sourceKey !== conversationKey) return current;
 					const selectedIds = new Set([...current.selectedIds].filter((key) => visibleOccurrenceKeys.has(key)));
 					if (selectedIds.size === current.selectedIds.size) return current;
@@ -191611,7 +191631,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						itemUids: items.map((item) => item.itemUid)
 					};
 				});
-			}, [conversationKey, displayItems]);
+			}, [
+				activeSelectMode,
+				conversationKey,
+				displayItems,
+				exitMessageSelectMode
+			]);
 			const showMessageActionStatus = (0, react.useCallback)((message, autoClear = true) => {
 				if (messageActionStatusTimerRef.current !== void 0) {
 					window.clearTimeout(messageActionStatusTimerRef.current);
@@ -192230,7 +192255,22 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					showMessageActionStatus("当前消息暂不支持多选");
 					return;
 				}
-				pendingSelectRevealItemUidRef.current = item.itemUid;
+				setAddMenuOpen(false);
+				pendingComposerFocusDraftKeyRef.current = void 0;
+				const focused = typeof document === "undefined" ? null : document.activeElement;
+				if (typeof HTMLElement !== "undefined" && focused instanceof HTMLElement && composerRef.current?.contains(focused)) focused.blur();
+				const body = bodyRef.current;
+				const anchorId = displayRows.find((row) => row.kind === "message" && arkmeTimelineOccurrenceKey(row.item) === arkmeTimelineOccurrenceKey(item))?.id;
+				const anchorOffset = body === null ? void 0 : arkmeConversationAnchorOffset(body, anchorId);
+				if (body !== null) pendingViewportRestoreRef.current = {
+					sourceKey: timelineStateKey,
+					viewport: {
+						scrollTop: body.scrollTop,
+						stickToBottom: false,
+						...anchorId === void 0 ? {} : { anchorId },
+						...anchorOffset === void 0 ? {} : { anchorOffset }
+					}
+				};
 				setSelectMode({
 					sourceKey: conversationKey,
 					selectedIds: /* @__PURE__ */ new Set([arkmeTimelineOccurrenceKey(item)])
@@ -192238,8 +192278,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, [
 				closeMessageMenu,
 				conversationKey,
+				displayRows,
 				showMessageActionStatus,
-				source
+				source,
+				timelineStateKey
 			]);
 			const toggleSelectedMessage = (0, react.useCallback)((item) => {
 				if (source === void 0 || !canSelectTimelineItem(item)) return;
@@ -192415,7 +192457,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						return;
 					}
 					const successfulTargets = results.filter((outcome) => outcome.status === "fulfilled").map((outcome) => outcome.value.targetSource);
-					setSelectMode(void 0);
+					exitMessageSelectMode();
 					setForwardTargetPicker(void 0);
 					closeMessageMenu();
 					showForwardSuccessFeedback(successfulTargets, successCount, failureCount);
@@ -192437,6 +192479,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, [
 				closeMessageMenu,
 				conversationKey,
+				exitMessageSelectMode,
 				loadTimeline,
 				messageActionBusy,
 				showForwardSuccessFeedback,
@@ -192497,10 +192540,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				pendingViewportRestoreRef.current = void 0;
 			}, [
 				active,
+				activeSelectMode,
 				displayRows,
 				timelineStateKey
 			]);
-			useConversationResizeAnchor(bodyRef, active && activeConversation ? conversationKey : void 0, endAccessoryRef);
+			useConversationResizeAnchor(bodyRef, active && activeConversation ? conversationKey : void 0, endAccessoryRef, activeSelectMode !== void 0);
 			const handleConversationScroll = (0, react.useCallback)(() => {
 				const body = bodyRef.current;
 				if (body === null || timelineStateKey === "") return;
@@ -192609,7 +192653,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					},
 					onRefresh: () => {
 						if (topicAssignment.source.kind !== "send_to_self") confirmedSendRetention.forget(conversationKey, selectedMessageItems.map((item) => item.itemUid));
-						setSelectMode(void 0);
+						exitMessageSelectMode();
 						setTopicAssignment(void 0);
 						setSelfSourcesRetryRevision((value) => value + 1);
 						arkmeUi.recordChanged();
@@ -192617,7 +192661,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					onAssigned: (result, target) => {
 						if (topicAssignment.source.kind !== "send_to_self") confirmedSendRetention.forget(conversationKey, result.movedRecordUids);
 						setTopicAssignment(void 0);
-						setSelectMode(void 0);
+						exitMessageSelectMode();
 						setSelfSourcesRetryRevision((value) => value + 1);
 						arkmeUi.recordChanged();
 						showMessageActionStatus(`${target ? "已指定主题" : "已移出主题"}${result.projectionRefreshPending ? "，列表正在刷新" : ""}`);
@@ -192939,8 +192983,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 											...displayRows.length === 0 && interwovenWindow.prelude.length === 0 ? {
 												display: "flex",
 												flexDirection: "column"
-											} : {},
-											...activeSelectMode === void 0 ? {} : styles$7.bodySelectMode
+											} : {}
 										},
 										onScroll: handleConversationScroll,
 										children: [
@@ -193298,11 +193341,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 												ref: endAccessoryRef,
+												"data-arkme-conversation-end-accessory": true,
+												"aria-hidden": activeSelectMode !== void 0 || void 0,
 												style: {
 													flexShrink: 0,
+													visibility: activeSelectMode === void 0 ? "visible" : "hidden",
 													...displayRows.length === 0 ? { marginTop: "auto" } : {}
 												},
-												children: activeConversation && activeSelectMode === void 0 && (source?.kind === "private_chat" || source?.kind === "group_chat") && source.sourceKey !== void 0 && authenticatedAccountKey !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessagePreparingIndicator, {
+												children: activeConversation && (source?.kind === "private_chat" || source?.kind === "group_chat") && source.sourceKey !== void 0 && authenticatedAccountKey !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessagePreparingIndicator, {
 													sourceKey: source.sourceKey,
 													accountScope: authenticatedAccountKey
 												})
@@ -193315,120 +193361,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 											})
 										]
 									}),
-									activeSelectMode !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										style: styles$7.selectBar,
-										role: "toolbar",
-										"aria-label": `已选择 ${selectedMessageCount} 条消息`,
-										children: [
-											source !== void 0 && isArkmeSelfWorkspaceSource(source) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												"aria-label": "指定主题",
-												style: styles$7.selectBarButton,
-												disabled: messageActionBusy !== void 0 || selectedMessageCount === 0 || selectedMessageItems.length !== selectedMessageCount || selectedMessageItems.some((item) => !item.recordTopicAssignmentRef),
-												onClick: () => {
-													if (messageActionBusy !== void 0 || selectedMessageItems.length === 0 || selectedMessageItems.length !== selectedMessageCount || selectedMessageItems.some((item) => !item.recordTopicAssignmentRef)) return;
-													const currentTopicKey = source.kind === "topic" ? source.topicHierarchyKey : selectedMessageItems[0]?.recordTopicAssignmentTopicKey;
-													const allInCurrentTopic = currentTopicKey !== void 0 && (source.kind === "topic" || selectedMessageItems.every((item) => item.recordTopicAssignmentTopicKey === currentTopicKey));
-													setTopicAssignment({
-														scopeKey: topicAssignmentScopeKey,
-														source,
-														...allInCurrentTopic ? { currentTopicKey } : {},
-														assignmentRefs: selectedMessageItems.map((item) => item.recordTopicAssignmentRef),
-														firstRecordText: items.find((item) => item.itemUid === selectedMessageItems[0]?.itemUid)?.textContent ?? ""
-													});
-												},
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarIconTile,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, {
-														kind: "assign",
-														size: 20
-													})
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarLabel,
-													children: "指定主题"
-												})]
-											}),
-											(() => {
-												const copyTextEnabled = arkmeCanCopySelectedMessageText(selectedMessageItems.length, messageActionBusy !== void 0);
-												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-													type: "button",
-													style: {
-														...styles$7.selectBarButton,
-														...!copyTextEnabled ? styles$7.selectBarButtonDisabled : {}
-													},
-													disabled: !copyTextEnabled,
-													onClick: () => {
-														copySelectedMessageText();
-													},
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														style: styles$7.selectBarIconTile,
-														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, { kind: "copy" })
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														style: styles$7.selectBarLabel,
-														children: ARKME_MESSAGE_SELECT_ACTION_LABELS[0]
-													})]
-												});
-											})(),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												style: {
-													...styles$7.selectBarButton,
-													...!selectedMessagesHaveSnapshots || messageActionBusy !== void 0 ? styles$7.selectBarButtonDisabled : {}
-												},
-												disabled: !selectedMessagesHaveSnapshots || messageActionBusy !== void 0,
-												onClick: () => {
-													copyMessageLink(selectedMessageItems);
-												},
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarIconTile,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, { kind: "link" })
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarLabel,
-													children: ARKME_MESSAGE_SELECT_ACTION_LABELS[1]
-												})]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												style: {
-													...styles$7.selectBarButton,
-													...!selectedMessagesHaveSnapshots || messageActionBusy !== void 0 ? styles$7.selectBarButtonDisabled : {}
-												},
-												disabled: !selectedMessagesHaveSnapshots || messageActionBusy !== void 0,
-												onClick: () => {
-													openForwardTargetPicker();
-												},
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarIconTile,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, { kind: "forward" })
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarLabel,
-													children: messageActionBusy === "forward" ? "转发中" : ARKME_MESSAGE_SELECT_ACTION_LABELS[2]
-												})]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												style: {
-													...styles$7.selectBarButton,
-													...messageActionBusy !== void 0 ? styles$7.selectBarButtonDisabled : {}
-												},
-												disabled: messageActionBusy !== void 0,
-												"aria-label": ARKME_MESSAGE_SELECT_ACTION_LABELS[3],
-												onClick: () => {
-													setSelectMode(void 0);
-												},
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarIconTile,
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, {
-														kind: "close",
-														size: 18
-													})
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: styles$7.selectBarLabel,
-													children: ARKME_MESSAGE_SELECT_ACTION_LABELS[3]
-												})]
-											})
-										]
-									}),
 									activeConversation && forwardSuccessFeedback !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										style: styles$7.forwardSuccessBannerWrap,
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -193479,540 +193411,666 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 										style: styles$7.messageActionToast,
 										children: messageActionStatus
 									}),
-									activeSelectMode === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
-										className: "arkme-conversation-composer",
-										style: styles$7.composer,
-										onClick: (event) => {
-											focusArkmeComposerFromClick(textareaRef.current, event);
-										},
-										onDragOver: (event) => {
-											if (!composerFileAddingDisabled && Array.from(event.dataTransfer.types).includes("Files")) {
-												event.preventDefault();
-												event.dataTransfer.dropEffect = "copy";
-											}
-										},
-										onDrop: (event) => {
-											if (!composerFileAddingDisabled && event.dataTransfer.files.length > 0) {
-												event.preventDefault();
-												selectFiles(event.dataTransfer.files);
-											}
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "arkme-conversation-input-slot",
+										style: {
+											position: "relative",
+											flex: "none"
 										},
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											style: styles$7.composerStack,
-											children: [
-												activeComposerExtensionTarget !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													style: styles$7.composerDestinationHint,
-													"data-arkme-composer-destination-hint": "true",
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															style: styles$7.composerDestinationHintIcon,
-															"aria-hidden": true,
-															children: "💡"
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "正在给 " }),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															style: styles$7.composerDestinationHintName,
-															children: arkmeSourceDestinationLabel(source)
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: " 发消息" })
-													]
-												}),
-												activeRecordReeditComposer !== void 0 && activeRecordReeditComposer.error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													role: "alert",
-													style: styles$7.error,
-													children: activeRecordReeditComposer.error
-												}),
-												activeRecordReeditComposer !== void 0 && (activeRecordReeditComposer.conflict !== void 0 || activeRecordReeditComposer.snapshot?.draft !== void 0 && activeRecordReeditComposer.snapshot.draft.baseVersion !== void 0 && activeRecordReeditComposer.snapshot.draft.baseVersion !== activeRecordReeditComposer.snapshot.version) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													style: styles$7.retry,
-													disabled: composerFilesDisabled,
-													"aria-label": activeRecordReeditComposer.conflict === "draft" ? "重新载入草稿" : "放弃草稿并重新载入",
-													onClick: () => setRecordReeditComposer((current) => sameArkmeRecordReeditSession(current, activeRecordReeditComposer) ? {
-														...current,
-														recoveryConfirmation: true
-													} : current),
-													children: activeRecordReeditComposer.conflict === "draft" ? "重新载入草稿" : "放弃草稿并重新载入"
-												}),
-												activeRecordReeditComposer?.recoveryConfirmation && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeConfirmDialog, {
-													titleId: "arkme-reedit-recovery-title",
-													title: activeRecordReeditComposer.conflict === "draft" ? "重新载入最新草稿？" : "放弃草稿并重新载入？",
-													description: activeRecordReeditComposer.conflict === "draft" ? "当前输入区将替换为其他入口保存的最新草稿。不会删除草稿或修改已保存的快记。" : "本机这份重新编辑草稿中的正文和附件改动将被放弃，重新载入已保存的快记。此操作不会删除线上附件。",
-													busy: activeRecordReeditComposer.busy,
-													error: activeRecordReeditComposer.error,
-													confirmTone: activeRecordReeditComposer.conflict === "draft" ? "primary" : "danger",
-													confirmLabel: activeRecordReeditComposer.conflict === "draft" ? "重新载入" : "放弃并重新载入",
-													busyLabel: "正在重新载入…",
-													onClose: () => setRecordReeditComposer((current) => sameArkmeRecordReeditSession(current, activeRecordReeditComposer) && !current.busy ? {
-														...current,
-														recoveryConfirmation: false
-													} : current),
-													onConfirm: () => {
-														recoverRecordReedit();
-													}
-												}),
-												activeComposerTargetItem !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													style: styles$7.composerExtensionTarget,
-													...activeRecordReeditComposer === void 0 ? { "data-arkme-composer-extension-target": "true" } : { "data-arkme-composer-reedit-target": "true" },
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														style: styles$7.composerExtensionTargetBody,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+											className: "arkme-conversation-composer",
+											"aria-hidden": activeSelectMode !== void 0 || void 0,
+											...activeSelectMode === void 0 ? {} : { inert: "" },
+											style: {
+												...styles$7.composer,
+												...activeSelectMode === void 0 ? {} : {
+													visibility: "hidden",
+													pointerEvents: "none"
+												}
+											},
+											onClick: (event) => {
+												focusArkmeComposerFromClick(textareaRef.current, event);
+											},
+											onDragOver: (event) => {
+												if (!composerFileAddingDisabled && Array.from(event.dataTransfer.types).includes("Files")) {
+													event.preventDefault();
+													event.dataTransfer.dropEffect = "copy";
+												}
+											},
+											onDrop: (event) => {
+												if (!composerFileAddingDisabled && event.dataTransfer.files.length > 0) {
+													event.preventDefault();
+													selectFiles(event.dataTransfer.files);
+												}
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: styles$7.composerStack,
+												children: [
+													activeComposerExtensionTarget !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														style: styles$7.composerDestinationHint,
+														"data-arkme-composer-destination-hint": "true",
 														children: [
-															activeRecordReeditComposer !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																style: styles$7.composerReeditLabel,
-																children: "重新编辑:"
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																style: styles$7.composerDestinationHintIcon,
+																"aria-hidden": true,
+																children: "💡"
 															}),
-															(activeComposerTargetItem.textContent.trim() || activeComposerTargetItem.title.trim()) !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																style: styles$7.composerExtensionTargetText,
-																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
-																	text: activeComposerTargetItem.textContent.trim() || activeComposerTargetItem.title.trim(),
-																	presentation: "preview"
-																})
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "正在给 " }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																style: styles$7.composerDestinationHintName,
+																children: arkmeSourceDestinationLabel(source)
 															}),
-															(activeComposerTargetItem.contentBlocks?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																style: styles$7.composerExtensionTargetFiles,
-																children: activeComposerTargetItem.contentBlocks?.slice(0, 3).map((block, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	style: styles$7.composerExtensionTargetFile,
-																	title: block.fileName || "附件",
-																	children: block.kind === "image" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-																		style: styles$7.composerExtensionTargetImage,
-																		src: createArkmeSdk().mediaUrl(block.mediaRef),
-																		alt: block.fileName || "图片附件"
-																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		hidden: true,
-																		children: block.fileName || "附件"
-																	})] }) : block.fileName || "附件"
-																}, `${block.mediaRef}:${String(index)}`))
-															})
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: " 发消息" })
 														]
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													}),
+													activeRecordReeditComposer !== void 0 && activeRecordReeditComposer.error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														role: "alert",
+														style: styles$7.error,
+														children: activeRecordReeditComposer.error
+													}),
+													activeRecordReeditComposer !== void 0 && (activeRecordReeditComposer.conflict !== void 0 || activeRecordReeditComposer.snapshot?.draft !== void 0 && activeRecordReeditComposer.snapshot.draft.baseVersion !== void 0 && activeRecordReeditComposer.snapshot.draft.baseVersion !== activeRecordReeditComposer.snapshot.version) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 														type: "button",
-														style: styles$7.composerExtensionTargetCancel,
-														"aria-label": activeRecordReeditComposer === void 0 ? "取消延展" : "关闭重新编辑",
-														disabled: activeRecordReeditComposer?.busy === true || preparingReeditFiles,
-														onClick: () => {
-															if (activeRecordReeditComposer === void 0) {
-																setComposerExtensionTarget(void 0);
-																textareaRef.current?.focus();
-															} else closeRecordReedit();
-														},
-														children: "×"
-													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													ref: composerRef,
-													className: "arkme-conversation-composer-inner",
-													"data-arkme-primary-composer": "true",
-													"data-arkme-composer-focused": composerInputFocused ? "true" : "false",
-													style: {
-														...styles$7.composerInner,
-														...composerInputFocused ? styles$7.composerInnerFocused : {},
-														...composerHasTarget ? styles$7.composerInnerExtension : {},
-														...composerResize.highlighted ? {
-															border: "1px solid #09B83E",
-															borderRadius: 12
-														} : {}
-													},
-													children: [
-														composerResize.handle,
-														addMenuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															ref: addMenuRef,
-															style: styles$7.addMenu,
-															role: "menu",
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-																type: "button",
-																role: "menuitem",
-																style: styles$7.addMenuItem,
-																onClick: () => {
-																	setAddMenuOpen(false);
-																	fileInputRef.current?.click();
-																},
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	"aria-hidden": true,
-																	children: "📎"
-																}), "添加照片和文件"]
-															}), activeRecordReeditComposer === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: styles$7.menuDivider }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-																type: "button",
-																role: "menuitem",
-																style: styles$7.addMenuItem,
-																onClick: () => {
-																	setLongArticleCreating(true);
-																	setAddMenuOpen(false);
-																},
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	"aria-hidden": true,
-																	children: "✎"
-																}), "写长文"]
-															})] })]
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-															ref: fileInputRef,
-															type: "file",
-															multiple: true,
-															hidden: true,
-															onChange: (event) => {
-																selectFiles(event.currentTarget.files);
-															}
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: "arkme-conversation-input-card",
+														style: styles$7.retry,
+														disabled: composerFilesDisabled,
+														"aria-label": activeRecordReeditComposer.conflict === "draft" ? "重新载入草稿" : "放弃草稿并重新载入",
+														onClick: () => setRecordReeditComposer((current) => sameArkmeRecordReeditSession(current, activeRecordReeditComposer) ? {
+															...current,
+															recoveryConfirmation: true
+														} : current),
+														children: activeRecordReeditComposer.conflict === "draft" ? "重新载入草稿" : "放弃草稿并重新载入"
+													}),
+													activeRecordReeditComposer?.recoveryConfirmation && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeConfirmDialog, {
+														titleId: "arkme-reedit-recovery-title",
+														title: activeRecordReeditComposer.conflict === "draft" ? "重新载入最新草稿？" : "放弃草稿并重新载入？",
+														description: activeRecordReeditComposer.conflict === "draft" ? "当前输入区将替换为其他入口保存的最新草稿。不会删除草稿或修改已保存的快记。" : "本机这份重新编辑草稿中的正文和附件改动将被放弃，重新载入已保存的快记。此操作不会删除线上附件。",
+														busy: activeRecordReeditComposer.busy,
+														error: activeRecordReeditComposer.error,
+														confirmTone: activeRecordReeditComposer.conflict === "draft" ? "primary" : "danger",
+														confirmLabel: activeRecordReeditComposer.conflict === "draft" ? "重新载入" : "放弃并重新载入",
+														busyLabel: "正在重新载入…",
+														onClose: () => setRecordReeditComposer((current) => sameArkmeRecordReeditSession(current, activeRecordReeditComposer) && !current.busy ? {
+															...current,
+															recoveryConfirmation: false
+														} : current),
+														onConfirm: () => {
+															recoverRecordReedit();
+														}
+													}),
+													activeComposerTargetItem !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														style: styles$7.composerExtensionTarget,
+														...activeRecordReeditComposer === void 0 ? { "data-arkme-composer-extension-target": "true" } : { "data-arkme-composer-reedit-target": "true" },
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															style: styles$7.composerExtensionTargetBody,
 															children: [
-																visibleComposerAttachments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeAttachmentStrip, {
-																	attachments: visibleComposerAttachments,
-																	disabled: composerFilesDisabled,
-																	onMove: (from, to) => {
-																		if (composerFilesDisabled) return;
-																		if (activeRecordReeditComposer === void 0) arkmeComposerDraftStore.moveAttachment(composerDraftKey, from, to);
-																		else setRecordReeditComposer((current) => {
-																			if (!sameArkmeRecordReeditSession(current, activeRecordReeditComposer)) return current;
-																			const next = [...current.attachments];
-																			const attachment = next[from];
-																			if (attachment === void 0 || to < 0 || to >= next.length) return current;
-																			next.splice(from, 1);
-																			next.splice(to, 0, attachment);
-																			return {
-																				...current,
-																				attachments: next,
-																				error: ""
-																			};
-																		});
-																	},
-																	canPreview: (attachment) => activeRecordReeditComposer === void 0 ? attachment.localFile !== void 0 : activeRecordReeditComposer.attachments.some((view) => arkmeAttachmentId(view) === arkmeAttachmentId(attachment) && arkmeRecordReeditAttachmentBlock(view) !== void 0),
-																	onPreview: (attachment) => {
-																		if (activeRecordReeditComposer === void 0) {
-																			if (attachment.localFile !== void 0) setDraftPreview(localFileBlock(attachment.localFile));
-																		} else {
-																			const view = activeRecordReeditComposer.attachments.find((view) => arkmeAttachmentId(view) === arkmeAttachmentId(attachment));
-																			if (view !== void 0) setDraftPreview(arkmeRecordReeditAttachmentBlock(view));
-																		}
-																	},
-																	onRemove: (attachment) => {
-																		if (composerFilesDisabled) return;
-																		if (activeRecordReeditComposer !== void 0) {
-																			setRecordReeditComposer((current) => sameArkmeRecordReeditSession(current, activeRecordReeditComposer) ? {
-																				...current,
-																				attachments: current.attachments.filter((view) => arkmeAttachmentId(view) !== arkmeAttachmentId(attachment)),
-																				error: ""
-																			} : current);
-																			setDraftPreview(void 0);
-																			return;
-																		}
-																		arkmeComposerDraftStore.removeAttachment(composerDraftKey, arkmeAttachmentId(attachment));
-																		if (attachment.localFile !== void 0) callArkme("files.local.remove", { fileRef: attachment.localFile.fileRef }).catch((caught) => setError(errorMessage$2(caught)));
-																	}
+																activeRecordReeditComposer !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																	style: styles$7.composerReeditLabel,
+																	children: "重新编辑:"
 																}),
-																activeRecordReeditComposer?.attachments.some((attachment) => attachment.unavailable) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	role: "status",
-																	style: styles$7.error,
-																	children: "部分附件不可用，请移除后重新添加"
+																(activeComposerTargetItem.textContent.trim() || activeComposerTargetItem.title.trim()) !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																	style: styles$7.composerExtensionTargetText,
+																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
+																		text: activeComposerTargetItem.textContent.trim() || activeComposerTargetItem.title.trim(),
+																		presentation: "preview"
+																	})
 																}),
-																activeConversation && draftPreview !== void 0 && typeof document !== "undefined" && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMediaPreview, {
-																	selected: draftPreview,
-																	blocks: activeRecordReeditComposer === void 0 ? attachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [localFileBlock(attachment.localFile)]) : activeRecordReeditComposer.attachments.flatMap((attachment) => {
-																		const block = arkmeRecordReeditAttachmentBlock(attachment);
-																		return block === void 0 ? [] : [block];
-																	}),
-																	onSelect: setDraftPreview,
-																	onClose: () => setDraftPreview(void 0),
-																	openLocalFile: false
-																}), document.body),
-																activeRecordReeditComposer === void 0 && hashTagTrigger !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	ref: hashTagSuggestionListRef,
-																	style: styles$7.mentionSuggestions,
-																	role: "listbox",
-																	"aria-label": "选择标签",
-																	children: hashTagCandidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																		style: styles$7.mentionSuggestionsEmpty,
-																		children: hashTagLoading ? "正在加载标签…" : "暂无匹配标签，可继续输入创建新标签"
-																	}) : hashTagCandidates.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-																		type: "button",
-																		role: "option",
-																		"aria-selected": index === hashTagCandidateIndex,
-																		style: {
-																			...styles$7.mentionSuggestionRow,
-																			...index === hashTagCandidateIndex ? styles$7.mentionSuggestionRowActive : {}
-																		},
-																		onMouseEnter: () => {
-																			setHashTagCandidateIndex(index);
+																(activeComposerTargetItem.contentBlocks?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																	style: styles$7.composerExtensionTargetFiles,
+																	children: activeComposerTargetItem.contentBlocks?.slice(0, 3).map((block, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		style: styles$7.composerExtensionTargetFile,
+																		title: block.fileName || "附件",
+																		children: block.kind === "image" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+																			style: styles$7.composerExtensionTargetImage,
+																			src: createArkmeSdk().mediaUrl(block.mediaRef),
+																			alt: block.fileName || "图片附件"
+																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																			hidden: true,
+																			children: block.fileName || "附件"
+																		})] }) : block.fileName || "附件"
+																	}, `${block.mediaRef}:${String(index)}`))
+																})
+															]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															style: styles$7.composerExtensionTargetCancel,
+															"aria-label": activeRecordReeditComposer === void 0 ? "取消延展" : "关闭重新编辑",
+															disabled: activeRecordReeditComposer?.busy === true || preparingReeditFiles,
+															onClick: () => {
+																if (activeRecordReeditComposer === void 0) {
+																	setComposerExtensionTarget(void 0);
+																	textareaRef.current?.focus();
+																} else closeRecordReedit();
+															},
+															children: "×"
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														ref: composerRef,
+														className: "arkme-conversation-composer-inner",
+														"data-arkme-primary-composer": "true",
+														"data-arkme-composer-focused": composerInputFocused ? "true" : "false",
+														style: {
+															...styles$7.composerInner,
+															...composerInputFocused ? styles$7.composerInnerFocused : {},
+															...composerHasTarget ? styles$7.composerInnerExtension : {},
+															...composerResize.highlighted ? {
+																border: "1px solid #09B83E",
+																borderRadius: 12
+															} : {}
+														},
+														children: [
+															composerResize.handle,
+															addMenuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																ref: addMenuRef,
+																style: styles$7.addMenu,
+																role: "menu",
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																	type: "button",
+																	role: "menuitem",
+																	style: styles$7.addMenuItem,
+																	onClick: () => {
+																		setAddMenuOpen(false);
+																		fileInputRef.current?.click();
+																	},
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		"aria-hidden": true,
+																		children: "📎"
+																	}), "添加照片和文件"]
+																}), activeRecordReeditComposer === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: styles$7.menuDivider }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																	type: "button",
+																	role: "menuitem",
+																	style: styles$7.addMenuItem,
+																	onClick: () => {
+																		setLongArticleCreating(true);
+																		setAddMenuOpen(false);
+																	},
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		"aria-hidden": true,
+																		children: "✎"
+																	}), "写长文"]
+																})] })]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																ref: fileInputRef,
+																type: "file",
+																multiple: true,
+																hidden: true,
+																onChange: (event) => {
+																	selectFiles(event.currentTarget.files);
+																}
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: "arkme-conversation-input-card",
+																children: [
+																	visibleComposerAttachments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeAttachmentStrip, {
+																		attachments: visibleComposerAttachments,
+																		disabled: composerFilesDisabled,
+																		onMove: (from, to) => {
+																			if (composerFilesDisabled) return;
+																			if (activeRecordReeditComposer === void 0) arkmeComposerDraftStore.moveAttachment(composerDraftKey, from, to);
+																			else setRecordReeditComposer((current) => {
+																				if (!sameArkmeRecordReeditSession(current, activeRecordReeditComposer)) return current;
+																				const next = [...current.attachments];
+																				const attachment = next[from];
+																				if (attachment === void 0 || to < 0 || to >= next.length) return current;
+																				next.splice(from, 1);
+																				next.splice(to, 0, attachment);
+																				return {
+																					...current,
+																					attachments: next,
+																					error: ""
+																				};
+																			});
 																		},
-																		onMouseDown: (event) => {
-																			event.preventDefault();
-																			insertHashTagCandidate(item);
+																		canPreview: (attachment) => activeRecordReeditComposer === void 0 ? attachment.localFile !== void 0 : activeRecordReeditComposer.attachments.some((view) => arkmeAttachmentId(view) === arkmeAttachmentId(attachment) && arkmeRecordReeditAttachmentBlock(view) !== void 0),
+																		onPreview: (attachment) => {
+																			if (activeRecordReeditComposer === void 0) {
+																				if (attachment.localFile !== void 0) setDraftPreview(localFileBlock(attachment.localFile));
+																			} else {
+																				const view = activeRecordReeditComposer.attachments.find((view) => arkmeAttachmentId(view) === arkmeAttachmentId(attachment));
+																				if (view !== void 0) setDraftPreview(arkmeRecordReeditAttachmentBlock(view));
+																			}
 																		},
-																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			style: {
-																				...styles$7.mentionSuggestionBotAvatar,
-																				flex: "none",
-																				fontWeight: 600
-																			},
-																			"aria-hidden": true,
-																			children: "#"
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																			style: styles$7.mentionSuggestionText,
-																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				style: styles$7.mentionSuggestionName,
-																				children: item.tagText
-																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																				style: styles$7.mentionSuggestionSecondary,
-																				children: [
-																					"使用 ",
-																					item.recordCount,
-																					" 次"
-																				]
-																			})]
-																		})]
-																	}, `${item.normalizedTag}:${item.tagText}`))
-																}),
-																activeRecordReeditComposer === void 0 && mentionTrigger !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																	style: styles$7.mentionSuggestions,
-																	role: "listbox",
-																	"aria-label": "选择要 @ 的对象",
-																	children: mentionCandidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																		style: styles$7.mentionSuggestionsEmpty,
-																		children: "暂无可 @ 的对象"
-																	}) : mentionCandidates.map((member, index) => {
-																		const primary = arkmeMentionCandidatePrimaryText(member);
-																		const secondary = member.kind === "bot" ? (member.secondaryName ?? "Bot").trim() : "";
-																		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																		onRemove: (attachment) => {
+																			if (composerFilesDisabled) return;
+																			if (activeRecordReeditComposer !== void 0) {
+																				setRecordReeditComposer((current) => sameArkmeRecordReeditSession(current, activeRecordReeditComposer) ? {
+																					...current,
+																					attachments: current.attachments.filter((view) => arkmeAttachmentId(view) !== arkmeAttachmentId(attachment)),
+																					error: ""
+																				} : current);
+																				setDraftPreview(void 0);
+																				return;
+																			}
+																			arkmeComposerDraftStore.removeAttachment(composerDraftKey, arkmeAttachmentId(attachment));
+																			if (attachment.localFile !== void 0) callArkme("files.local.remove", { fileRef: attachment.localFile.fileRef }).catch((caught) => setError(errorMessage$2(caught)));
+																		}
+																	}),
+																	activeRecordReeditComposer?.attachments.some((attachment) => attachment.unavailable) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																		role: "status",
+																		style: styles$7.error,
+																		children: "部分附件不可用，请移除后重新添加"
+																	}),
+																	activeConversation && draftPreview !== void 0 && typeof document !== "undefined" && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMediaPreview, {
+																		selected: draftPreview,
+																		blocks: activeRecordReeditComposer === void 0 ? attachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [localFileBlock(attachment.localFile)]) : activeRecordReeditComposer.attachments.flatMap((attachment) => {
+																			const block = arkmeRecordReeditAttachmentBlock(attachment);
+																			return block === void 0 ? [] : [block];
+																		}),
+																		onSelect: setDraftPreview,
+																		onClose: () => setDraftPreview(void 0),
+																		openLocalFile: false
+																	}), document.body),
+																	activeRecordReeditComposer === void 0 && hashTagTrigger !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																		ref: hashTagSuggestionListRef,
+																		style: styles$7.mentionSuggestions,
+																		role: "listbox",
+																		"aria-label": "选择标签",
+																		children: hashTagCandidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																			style: styles$7.mentionSuggestionsEmpty,
+																			children: hashTagLoading ? "正在加载标签…" : "暂无匹配标签，可继续输入创建新标签"
+																		}) : hashTagCandidates.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 																			type: "button",
 																			role: "option",
-																			"aria-selected": index === mentionCandidateIndex,
+																			"aria-selected": index === hashTagCandidateIndex,
 																			style: {
 																				...styles$7.mentionSuggestionRow,
-																				...index === mentionCandidateIndex ? styles$7.mentionSuggestionRowActive : {}
+																				...index === hashTagCandidateIndex ? styles$7.mentionSuggestionRowActive : {}
 																			},
 																			onMouseEnter: () => {
-																				setMentionCandidateIndex(index);
+																				setHashTagCandidateIndex(index);
 																			},
 																			onMouseDown: (event) => {
 																				event.preventDefault();
-																				insertMentionCandidate(member);
+																				insertHashTagCandidate(item);
 																			},
 																			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																				style: styles$7.mentionSuggestionAvatar,
+																				style: {
+																					...styles$7.mentionSuggestionBotAvatar,
+																					flex: "none",
+																					fontWeight: 600
+																				},
 																				"aria-hidden": true,
-																				children: member.kind === "bot" ? member.avatarRef === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																					style: styles$7.mentionSuggestionBotAvatar,
-																					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(t$5, {
-																						size: 14,
-																						weight: "fill"
-																					})
-																				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
-																					avatarRef: member.avatarRef,
-																					size: 28,
-																					label: member.displayName
-																				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
-																					...member.kind === "member" && member.avatarRef !== void 0 ? { avatarRef: member.avatarRef } : {},
-																					size: 28,
-																					label: member.displayName
-																				})
+																				children: "#"
 																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 																				style: styles$7.mentionSuggestionText,
 																				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 																					style: styles$7.mentionSuggestionName,
-																					children: primary
-																				}), secondary !== "" && secondary !== member.displayName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																					children: item.tagText
+																				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 																					style: styles$7.mentionSuggestionSecondary,
-																					children: secondary
-																				}) : null]
+																					children: [
+																						"使用 ",
+																						item.recordCount,
+																						" 次"
+																					]
+																				})]
 																			})]
-																		}, member.kind === "all" ? "all" : member.kind === "bot" ? `bot:${member.botRef}` : `member:${member.mentionRef}`);
-																	})
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichComposerInput, {
-																	markdownEnabled: activeRecordReeditComposer === void 0 && markdownQuickNotesEnabled,
-																	className: "arkme-conversation-textarea",
-																	ref: textareaRef,
-																	style: {
-																		...styles$7.textarea,
-																		...composerResize.editorStyle
-																	},
-																	value: visibleComposerText,
-																	mentions: activeRecordReeditComposer === void 0 ? composerDraft.mentions : [],
-																	emojis: activeRecordReeditComposer === void 0 ? composerDraft.emojis : [],
-																	maxLength: activeRecordReeditComposer?.snapshot?.maxTextLength ?? 2e4,
-																	placeholder: effectiveComposerPlaceholder,
-																	ariaLabel: activeRecordReeditComposer === void 0 ? effectiveComposerPlaceholder : "重新编辑快记",
-																	disabled: composerFilesDisabled,
-																	markdown: activeRecordReeditComposer === void 0 && !directAdmission.blocked ? composerDraft.markdown : void 0,
-																	onMarkdownChange: (markdown, text, mentions, emojis) => {
-																		if (activeRecordReeditComposer === void 0 && !directAdmission.blocked) arkmeComposerDraftStore.setMarkdown(composerDraftKey, markdown, text, mentions, emojis);
-																	},
-																	onTextChange: updateComposerText,
-																	onInputActivity: messagePreparing.input,
-																	onFocus: () => {
-																		messagePreparing.focus(true);
-																		setComposerInputFocused(true);
-																	},
-																	onBlur: () => {
-																		messagePreparing.focus(false);
-																		setComposerInputFocused(false);
-																	},
-																	onSelectionChange: updateComposerRichTrigger,
-																	onPaste: (event) => {
-																		if (composerFileAddingDisabled) return;
-																		const files = arkmeClipboardFiles(event.clipboardData);
-																		if (files.length === 0) return;
-																		event.preventDefault();
-																		selectFiles(files);
-																	},
-																	onKeyDown: (event) => {
-																		if (activeRecordReeditComposer === void 0 && hashTagTrigger !== void 0) {
-																			if (event.key === "Escape") {
-																				event.preventDefault();
-																				dismissedHashTagStartRef.current = hashTagTrigger.startIndex;
-																				setHashTagTrigger(void 0);
-																				return;
+																		}, `${item.normalizedTag}:${item.tagText}`))
+																	}),
+																	activeRecordReeditComposer === void 0 && mentionTrigger !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																		style: styles$7.mentionSuggestions,
+																		role: "listbox",
+																		"aria-label": "选择要 @ 的对象",
+																		children: mentionCandidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																			style: styles$7.mentionSuggestionsEmpty,
+																			children: "暂无可 @ 的对象"
+																		}) : mentionCandidates.map((member, index) => {
+																			const primary = arkmeMentionCandidatePrimaryText(member);
+																			const secondary = member.kind === "bot" ? (member.secondaryName ?? "Bot").trim() : "";
+																			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																				type: "button",
+																				role: "option",
+																				"aria-selected": index === mentionCandidateIndex,
+																				style: {
+																					...styles$7.mentionSuggestionRow,
+																					...index === mentionCandidateIndex ? styles$7.mentionSuggestionRowActive : {}
+																				},
+																				onMouseEnter: () => {
+																					setMentionCandidateIndex(index);
+																				},
+																				onMouseDown: (event) => {
+																					event.preventDefault();
+																					insertMentionCandidate(member);
+																				},
+																				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																					style: styles$7.mentionSuggestionAvatar,
+																					"aria-hidden": true,
+																					children: member.kind === "bot" ? member.avatarRef === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																						style: styles$7.mentionSuggestionBotAvatar,
+																						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(t$5, {
+																							size: 14,
+																							weight: "fill"
+																						})
+																					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+																						avatarRef: member.avatarRef,
+																						size: 28,
+																						label: member.displayName
+																					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+																						...member.kind === "member" && member.avatarRef !== void 0 ? { avatarRef: member.avatarRef } : {},
+																						size: 28,
+																						label: member.displayName
+																					})
+																				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																					style: styles$7.mentionSuggestionText,
+																					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																						style: styles$7.mentionSuggestionName,
+																						children: primary
+																					}), secondary !== "" && secondary !== member.displayName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																						style: styles$7.mentionSuggestionSecondary,
+																						children: secondary
+																					}) : null]
+																				})]
+																			}, member.kind === "all" ? "all" : member.kind === "bot" ? `bot:${member.botRef}` : `member:${member.mentionRef}`);
+																		})
+																	}),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichComposerInput, {
+																		markdownEnabled: activeRecordReeditComposer === void 0 && markdownQuickNotesEnabled,
+																		className: "arkme-conversation-textarea",
+																		ref: textareaRef,
+																		style: {
+																			...styles$7.textarea,
+																			...composerResize.editorStyle
+																		},
+																		value: visibleComposerText,
+																		mentions: activeRecordReeditComposer === void 0 ? composerDraft.mentions : [],
+																		emojis: activeRecordReeditComposer === void 0 ? composerDraft.emojis : [],
+																		maxLength: activeRecordReeditComposer?.snapshot?.maxTextLength ?? 2e4,
+																		placeholder: effectiveComposerPlaceholder,
+																		ariaLabel: activeRecordReeditComposer === void 0 ? effectiveComposerPlaceholder : "重新编辑快记",
+																		disabled: composerFilesDisabled,
+																		markdown: activeRecordReeditComposer === void 0 && !directAdmission.blocked ? composerDraft.markdown : void 0,
+																		onMarkdownChange: (markdown, text, mentions, emojis) => {
+																			if (activeRecordReeditComposer === void 0 && !directAdmission.blocked) arkmeComposerDraftStore.setMarkdown(composerDraftKey, markdown, text, mentions, emojis);
+																		},
+																		onTextChange: updateComposerText,
+																		onInputActivity: messagePreparing.input,
+																		onFocus: () => {
+																			messagePreparing.focus(true);
+																			setComposerInputFocused(true);
+																		},
+																		onBlur: () => {
+																			messagePreparing.focus(false);
+																			setComposerInputFocused(false);
+																		},
+																		onSelectionChange: updateComposerRichTrigger,
+																		onPaste: (event) => {
+																			if (composerFileAddingDisabled) return;
+																			const files = arkmeClipboardFiles(event.clipboardData);
+																			if (files.length === 0) return;
+																			event.preventDefault();
+																			selectFiles(files);
+																		},
+																		onKeyDown: (event) => {
+																			if (activeRecordReeditComposer === void 0 && hashTagTrigger !== void 0) {
+																				if (event.key === "Escape") {
+																					event.preventDefault();
+																					dismissedHashTagStartRef.current = hashTagTrigger.startIndex;
+																					setHashTagTrigger(void 0);
+																					return;
+																				}
+																				if (event.key === "ArrowDown" && hashTagCandidates.length > 0) {
+																					event.preventDefault();
+																					setHashTagCandidateIndex((index) => (index + 1) % hashTagCandidates.length);
+																					return;
+																				}
+																				if (event.key === "ArrowUp" && hashTagCandidates.length > 0) {
+																					event.preventDefault();
+																					setHashTagCandidateIndex((index) => (index + hashTagCandidates.length - 1) % hashTagCandidates.length);
+																					return;
+																				}
+																				if ((event.key === "Enter" || event.key === "Tab") && hashTagCandidates.length > 0) {
+																					event.preventDefault();
+																					const selectedCandidate = hashTagCandidates[Math.min(hashTagCandidateIndex, hashTagCandidates.length - 1)];
+																					if (selectedCandidate !== void 0) insertHashTagCandidate(selectedCandidate);
+																					return;
+																				}
 																			}
-																			if (event.key === "ArrowDown" && hashTagCandidates.length > 0) {
-																				event.preventDefault();
-																				setHashTagCandidateIndex((index) => (index + 1) % hashTagCandidates.length);
-																				return;
+																			if (activeRecordReeditComposer === void 0 && mentionTrigger !== void 0) {
+																				if (event.key === "Escape") {
+																					event.preventDefault();
+																					setMentionTrigger(void 0);
+																					return;
+																				}
+																				if (event.key === "ArrowDown" && mentionCandidates.length > 0) {
+																					event.preventDefault();
+																					setMentionCandidateIndex((index) => (index + 1) % mentionCandidates.length);
+																					return;
+																				}
+																				if (event.key === "ArrowUp" && mentionCandidates.length > 0) {
+																					event.preventDefault();
+																					setMentionCandidateIndex((index) => (index + mentionCandidates.length - 1) % mentionCandidates.length);
+																					return;
+																				}
+																				if ((event.key === "Enter" || event.key === "Tab") && mentionCandidates.length > 0) {
+																					event.preventDefault();
+																					const selectedCandidate = mentionCandidates[Math.min(mentionCandidateIndex, mentionCandidates.length - 1)];
+																					if (selectedCandidate !== void 0) insertMentionCandidate(selectedCandidate);
+																					return;
+																				}
 																			}
-																			if (event.key === "ArrowUp" && hashTagCandidates.length > 0) {
-																				event.preventDefault();
-																				setHashTagCandidateIndex((index) => (index + hashTagCandidates.length - 1) % hashTagCandidates.length);
-																				return;
+																			if (activeRecordReeditComposer === void 0 && !event.nativeEvent.isComposing && (event.key === "Backspace" || event.key === "Delete")) {
+																				const caret = arkmeComposerDraftStore.deleteMentionAtSelection(composerDraftKey, textareaRef.current?.selectionStart ?? draft.length, textareaRef.current?.selectionEnd ?? draft.length, event.key === "Backspace" ? "backward" : "forward");
+																				if (caret !== void 0) {
+																					event.preventDefault();
+																					focusEditedComposer(caret);
+																					return;
+																				}
 																			}
-																			if ((event.key === "Enter" || event.key === "Tab") && hashTagCandidates.length > 0) {
+																			if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
 																				event.preventDefault();
-																				const selectedCandidate = hashTagCandidates[Math.min(hashTagCandidateIndex, hashTagCandidates.length - 1)];
-																				if (selectedCandidate !== void 0) insertHashTagCandidate(selectedCandidate);
-																				return;
+																				if (canSend) send();
 																			}
 																		}
-																		if (activeRecordReeditComposer === void 0 && mentionTrigger !== void 0) {
-																			if (event.key === "Escape") {
-																				event.preventDefault();
-																				setMentionTrigger(void 0);
-																				return;
-																			}
-																			if (event.key === "ArrowDown" && mentionCandidates.length > 0) {
-																				event.preventDefault();
-																				setMentionCandidateIndex((index) => (index + 1) % mentionCandidates.length);
-																				return;
-																			}
-																			if (event.key === "ArrowUp" && mentionCandidates.length > 0) {
-																				event.preventDefault();
-																				setMentionCandidateIndex((index) => (index + mentionCandidates.length - 1) % mentionCandidates.length);
-																				return;
-																			}
-																			if ((event.key === "Enter" || event.key === "Tab") && mentionCandidates.length > 0) {
-																				event.preventDefault();
-																				const selectedCandidate = mentionCandidates[Math.min(mentionCandidateIndex, mentionCandidates.length - 1)];
-																				if (selectedCandidate !== void 0) insertMentionCandidate(selectedCandidate);
-																				return;
-																			}
+																	}, activeRecordReeditComposer === void 0 ? composerDraftKey : `record-reedit:${activeRecordReeditComposer.generation}`)
+																]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																"data-arkme-composer-footer": "tools",
+																style: styles$7.tools,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																	style: styles$7.toolGroup,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																		ref: addMenuTriggerRef,
+																		type: "button",
+																		style: styles$7.plus,
+																		"aria-label": "添加内容",
+																		"aria-haspopup": "menu",
+																		"aria-expanded": addMenuOpen,
+																		disabled: composerFileAddingDisabled,
+																		onClick: () => {
+																			setAddMenuOpen((value) => !value);
+																		},
+																		children: (activeRecordReeditComposer === void 0 ? preparingFiles : preparingReeditFiles) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFilePreparingIndicator, {}) : "+"
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeEmojiPicker, {
+																		disabled: activeSelectMode !== void 0 || preparingFiles || directAdmission.blocked || activeRecordReeditComposer !== void 0,
+																		scopeKey: composerDraftKey,
+																		...source?.kind === "private_chat" || source?.kind === "group_chat" ? { sourceRef: source.sourceRef } : {},
+																		getCaretGeometry: () => textareaRef.current?.getCaretGeometry(),
+																		getEditorGeometry: () => textareaRef.current?.getEditorGeometry(),
+																		onSelect: insertEmoji,
+																		onUploadSticker: async (file) => {
+																			if (composerDraftKey === void 0) throw new Error("请先选择聊天");
+																			return await uploadFavoriteSticker(file);
+																		},
+																		onStickerSent: async () => {
+																			await loadTimeline();
+																		},
+																		onError: (message) => {
+																			setError(message);
 																		}
-																		if (activeRecordReeditComposer === void 0 && !event.nativeEvent.isComposing && (event.key === "Backspace" || event.key === "Delete")) {
-																			const caret = arkmeComposerDraftStore.deleteMentionAtSelection(composerDraftKey, textareaRef.current?.selectionStart ?? draft.length, textareaRef.current?.selectionEnd ?? draft.length, event.key === "Backspace" ? "backward" : "forward");
-																			if (caret !== void 0) {
-																				event.preventDefault();
-																				focusEditedComposer(caret);
-																				return;
-																			}
+																	}, `emoji-picker:${conversationOverlayKey}`)]
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																	style: styles$7.composerSendArea,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeComposerInputStats, {
+																		active: activeConversation,
+																		visible: composerStatsVisible,
+																		textLength: composerTextLength,
+																		...composerInputStartedAtMillis === void 0 ? {} : { startedAtMillis: composerInputStartedAtMillis },
+																		showsInputTime: composerShowsInputTime,
+																		onToggle: () => {
+																			const next = !composerShowsInputTime;
+																			setComposerShowsInputTime(next);
+																			setArkmeComposerShowsInputTime(next);
+																			textareaRef.current?.focus();
 																		}
-																		if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																		type: "button",
+																		style: {
+																			...styles$7.send,
+																			...canSend ? {} : styles$7.sendDisabled
+																		},
+																		disabled: !canSend,
+																		"aria-label": activeRecordReeditComposer === void 0 ? "发送消息" : "保存重新编辑",
+																		onMouseDown: (event) => {
 																			event.preventDefault();
-																			if (canSend) send();
-																		}
-																	}
-																}, activeRecordReeditComposer === void 0 ? composerDraftKey : `record-reedit:${activeRecordReeditComposer.generation}`)
-															]
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															"data-arkme-composer-footer": "tools",
-															style: styles$7.tools,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																style: styles$7.toolGroup,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																	ref: addMenuTriggerRef,
-																	type: "button",
-																	style: styles$7.plus,
-																	"aria-label": "添加内容",
-																	"aria-haspopup": "menu",
-																	"aria-expanded": addMenuOpen,
-																	disabled: composerFileAddingDisabled,
-																	onClick: () => {
-																		setAddMenuOpen((value) => !value);
-																	},
-																	children: (activeRecordReeditComposer === void 0 ? preparingFiles : preparingReeditFiles) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFilePreparingIndicator, {}) : "+"
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeEmojiPicker, {
-																	disabled: preparingFiles || directAdmission.blocked || activeRecordReeditComposer !== void 0,
-																	scopeKey: composerDraftKey,
-																	...source?.kind === "private_chat" || source?.kind === "group_chat" ? { sourceRef: source.sourceRef } : {},
-																	getCaretGeometry: () => textareaRef.current?.getCaretGeometry(),
-																	getEditorGeometry: () => textareaRef.current?.getEditorGeometry(),
-																	onSelect: insertEmoji,
-																	onUploadSticker: async (file) => {
-																		if (composerDraftKey === void 0) throw new Error("请先选择聊天");
-																		return await uploadFavoriteSticker(file);
-																	},
-																	onStickerSent: async () => {
-																		await loadTimeline();
-																	},
-																	onError: (message) => {
-																		setError(message);
-																	}
-																}, `emoji-picker:${conversationOverlayKey}`)]
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																style: styles$7.composerSendArea,
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeComposerInputStats, {
-																	active: activeConversation,
-																	visible: composerStatsVisible,
-																	textLength: composerTextLength,
-																	...composerInputStartedAtMillis === void 0 ? {} : { startedAtMillis: composerInputStartedAtMillis },
-																	showsInputTime: composerShowsInputTime,
-																	onToggle: () => {
-																		const next = !composerShowsInputTime;
-																		setComposerShowsInputTime(next);
-																		setArkmeComposerShowsInputTime(next);
-																		textareaRef.current?.focus();
-																	}
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																	type: "button",
-																	style: {
-																		...styles$7.send,
-																		...canSend ? {} : styles$7.sendDisabled
-																	},
-																	disabled: !canSend,
-																	"aria-label": activeRecordReeditComposer === void 0 ? "发送消息" : "保存重新编辑",
-																	onMouseDown: (event) => {
-																		event.preventDefault();
-																	},
-																	onMouseEnter: (event) => {
-																		if (!event.currentTarget.disabled) event.currentTarget.style.background = "#08A437";
-																	},
-																	onMouseLeave: (event) => {
-																		if (!event.currentTarget.disabled) event.currentTarget.style.background = "#09B83E";
-																	},
-																	onClick: () => {
-																		send();
-																	},
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-																		viewBox: "9.7 6.1 16 16",
-																		width: "16",
-																		height: "16",
-																		"aria-hidden": true,
-																		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-																			d: "M23.5521 7.04659L11.5965 10.7238C10.7646 10.9798 10.6133 12.092 11.3467 12.5609L14.879 14.8189C15.0627 14.9363 15.2792 14.9919 15.4967 14.9775C15.7142 14.9631 15.9214 14.8794 16.088 14.7388L20.4967 11.0186C20.7357 10.8169 21.0582 11.1392 20.8566 11.3784L17.1366 15.7879C16.996 15.9545 16.9124 16.1617 16.8981 16.3792C16.8837 16.5966 16.9393 16.813 17.0568 16.9966L19.3143 20.5285C19.783 21.2617 20.8954 21.1104 21.1513 20.2787L24.8286 8.32335C25.0696 7.53956 24.3356 6.80563 23.5521 7.04659Z",
-																			fill: "currentColor"
+																		},
+																		onMouseEnter: (event) => {
+																			if (!event.currentTarget.disabled) event.currentTarget.style.background = "#08A437";
+																		},
+																		onMouseLeave: (event) => {
+																			if (!event.currentTarget.disabled) event.currentTarget.style.background = "#09B83E";
+																		},
+																		onClick: () => {
+																			send();
+																		},
+																		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+																			viewBox: "9.7 6.1 16 16",
+																			width: "16",
+																			height: "16",
+																			"aria-hidden": true,
+																			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+																				d: "M23.5521 7.04659L11.5965 10.7238C10.7646 10.9798 10.6133 12.092 11.3467 12.5609L14.879 14.8189C15.0627 14.9363 15.2792 14.9919 15.4967 14.9775C15.7142 14.9631 15.9214 14.8794 16.088 14.7388L20.4967 11.0186C20.7357 10.8169 21.0582 11.1392 20.8566 11.3784L17.1366 15.7879C16.996 15.9545 16.9124 16.1617 16.8981 16.3792C16.8837 16.5966 16.9393 16.813 17.0568 16.9966L19.3143 20.5285C19.783 21.2617 20.8954 21.1104 21.1513 20.2787L24.8286 8.32335C25.0696 7.53956 24.3356 6.80563 23.5521 7.04659Z",
+																				fill: "currentColor"
+																			})
 																		})
-																	})
+																	})]
 																})]
-															})]
-														}),
-														activeRecordReeditComposer === void 0 && arkmeSourceSupportsRecordInputCapture(source?.kind) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeBackgroundSoundWaveform, {
-															owner: recordInputCaptureOwner,
-															draftKey: composerDraftKey
+															}),
+															activeRecordReeditComposer === void 0 && arkmeSourceSupportsRecordInputCapture(source?.kind) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeBackgroundSoundWaveform, {
+																owner: recordInputCaptureOwner,
+																draftKey: composerDraftKey
+															})
+														]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														"data-arkme-composer-footer": "hint",
+														style: styles$7.composerHint,
+														children: "Enter发送 / Shift+Enter换行"
+													})
+												]
+											})
+										}), activeSelectMode !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: styles$7.selectBar,
+											role: "toolbar",
+											"aria-label": `已选择 ${selectedMessageCount} 条消息`,
+											children: [
+												source !== void 0 && isArkmeSelfWorkspaceSource(source) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													"aria-label": "指定主题",
+													style: styles$7.selectBarButton,
+													disabled: messageActionBusy !== void 0 || selectedMessageCount === 0 || selectedMessageItems.length !== selectedMessageCount || selectedMessageItems.some((item) => !item.recordTopicAssignmentRef),
+													onClick: () => {
+														if (messageActionBusy !== void 0 || selectedMessageItems.length === 0 || selectedMessageItems.length !== selectedMessageCount || selectedMessageItems.some((item) => !item.recordTopicAssignmentRef)) return;
+														const currentTopicKey = source.kind === "topic" ? source.topicHierarchyKey : selectedMessageItems[0]?.recordTopicAssignmentTopicKey;
+														const allInCurrentTopic = currentTopicKey !== void 0 && (source.kind === "topic" || selectedMessageItems.every((item) => item.recordTopicAssignmentTopicKey === currentTopicKey));
+														setTopicAssignment({
+															scopeKey: topicAssignmentScopeKey,
+															source,
+															...allInCurrentTopic ? { currentTopicKey } : {},
+															assignmentRefs: selectedMessageItems.map((item) => item.recordTopicAssignmentRef),
+															firstRecordText: items.find((item) => item.itemUid === selectedMessageItems[0]?.itemUid)?.textContent ?? ""
+														});
+													},
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarIconTile,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, {
+															kind: "assign",
+															size: 20
 														})
-													]
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarLabel,
+														children: "指定主题"
+													})]
 												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													"data-arkme-composer-footer": "hint",
-													style: styles$7.composerHint,
-													children: "Enter发送 / Shift+Enter换行"
+												(() => {
+													const copyTextEnabled = arkmeCanCopySelectedMessageText(selectedMessageItems.length, messageActionBusy !== void 0);
+													return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														style: {
+															...styles$7.selectBarButton,
+															...!copyTextEnabled ? styles$7.selectBarButtonDisabled : {}
+														},
+														disabled: !copyTextEnabled,
+														onClick: () => {
+															copySelectedMessageText();
+														},
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: styles$7.selectBarIconTile,
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, { kind: "copy" })
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: styles$7.selectBarLabel,
+															children: ARKME_MESSAGE_SELECT_ACTION_LABELS[0]
+														})]
+													});
+												})(),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													style: {
+														...styles$7.selectBarButton,
+														...!selectedMessagesHaveSnapshots || messageActionBusy !== void 0 ? styles$7.selectBarButtonDisabled : {}
+													},
+													disabled: !selectedMessagesHaveSnapshots || messageActionBusy !== void 0,
+													onClick: () => {
+														copyMessageLink(selectedMessageItems);
+													},
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarIconTile,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, { kind: "link" })
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarLabel,
+														children: ARKME_MESSAGE_SELECT_ACTION_LABELS[1]
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													style: {
+														...styles$7.selectBarButton,
+														...!selectedMessagesHaveSnapshots || messageActionBusy !== void 0 ? styles$7.selectBarButtonDisabled : {}
+													},
+													disabled: !selectedMessagesHaveSnapshots || messageActionBusy !== void 0,
+													onClick: () => {
+														openForwardTargetPicker();
+													},
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarIconTile,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, { kind: "forward" })
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarLabel,
+														children: messageActionBusy === "forward" ? "转发中" : ARKME_MESSAGE_SELECT_ACTION_LABELS[2]
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													style: {
+														...styles$7.selectBarButton,
+														...messageActionBusy !== void 0 ? styles$7.selectBarButtonDisabled : {}
+													},
+													disabled: messageActionBusy !== void 0,
+													"aria-label": ARKME_MESSAGE_SELECT_ACTION_LABELS[3],
+													onClick: exitMessageSelectMode,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarIconTile,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, {
+															kind: "close",
+															size: 18
+														})
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$7.selectBarLabel,
+														children: ARKME_MESSAGE_SELECT_ACTION_LABELS[3]
+													})]
 												})
 											]
-										})
+										})]
 									})
 								] }),
 								activeConversation && forwardTargetPicker !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {