@senguoyun/dsh-arkme 0.1.85 → 0.1.87

package/lib/client.js

@@ -800,6 +800,20 @@ window.__ModuleLoader__.load({
 				if (imageRef.trim() === "") throw new TypeError("Arkme image reference must not be empty");
 				return await this.call("image.read", { imageRef }, signal);
 			}
+			/** Probe immutable image bytes without starting an upstream request. */
+			async readCachedImage(imageRef, signal) {
+				if (imageRef.trim() === "") throw new TypeError("Arkme image reference must not be empty");
+				if ((await this.capabilities(signal)).features.imageCacheRead !== true) throw new Error("当前 Arkme Provider 不支持本地头像探测，请升级");
+				try {
+					return await this.call("image.read", {
+						imageRef,
+						cacheOnly: true
+					}, signal);
+				} catch (error) {
+					if (error instanceof ArkmeClientError && error.body.code === "image-cache-miss") return void 0;
+					throw error;
+				}
+			}
 			/** Convert a Provider image payload into a browser-renderable data URL. */
 			imageDataUrl(image) {
 				return `data:${image.mediaType};base64,${image.dataBase64}`;
@@ -35173,6 +35187,23 @@ Bot 列表加载失败，点击重试|Could not load Bots. Click to retry
 		//#endregion
 		//#region src/client/locales/actions-en.ts
 		const actionEnglish = {
+			"加载更多说话人": "Load more speakers",
+			"该分类暂无说话人": "No speakers in this category",
+			"没有匹配的说话人": "No matching speakers",
+			"目录有更新，刷新后查看最新人物。": "The directory has updates. Refresh to see the latest people.",
+			"搜索内容过长，请缩短至 256 字节以内。": "Search text is too long. Keep it within 256 bytes.",
+			"搜索名称或编号": "Search by name or number",
+			"查看状态暂未同步，联网后自动重试。": "View status has not synced. It will retry when online.",
+			"正在加载人物详情…": "Loading person details…",
+			"部分录音仍在整理，人物可能继续更新。": "Some recordings are still being processed. People may continue to update.",
+			"正在更新，当前显示已整理的目录。": "Updating. Showing the available directory.",
+			"更新暂未完成，当前显示上次整理的目录。": "The update has not completed. Showing the previous directory.",
+			"正在整理说话人目录…": "Preparing the speaker directory…",
+			"说话人目录暂不可用，请稍后刷新。": "The speaker directory is unavailable. Please refresh later.",
+			"说话人目录暂不可用，请稍后再试。": "The speaker directory is unavailable. Please try again later.",
+			"声纹状态暂不可用": "Voiceprint status unavailable",
+			"暂时无法更新": "Unable to update",
+			"目录暂不可用": "Directory unavailable",
 			"发现未发布的草稿": "Unpublished draft found",
 			"草稿预览": "Draft preview",
 			"预览草稿": "Preview draft",
@@ -54565,84 +54596,15 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			});
 		}
 		//#endregion
-		//#region src/avatar-diagnostics.ts
-		function record(value) {
-			return value !== null && typeof value === "object" ? value : {};
-		}
-		function positiveId(value) {
-			return typeof value === "number" && Number.isSafeInteger(value) && value > 0 ? value : void 0;
-		}
-		/** Decoded IDs are diagnostic hints only, never authentication or authorization inputs. */
-		function avatarReferenceDiagnostic(imageRef) {
-			const ref = imageRef.trim();
-			if (!ref.startsWith("arkme-profile-image-v1.")) return { referenceKind: ref.startsWith("arkme-media-v1.") ? "media" : "other" };
-			const context = { referenceKind: "profile" };
-			try {
-				const parts = ref.split(".");
-				const encoded = parts[1] ?? "";
-				if (parts.length !== 3 || encoded.length > 1024 || !/^[A-Za-z0-9_-]+$/.test(encoded)) return context;
-				const base64 = encoded.replace(/-/g, "+").replace(/_/g, "/");
-				const payload = record(JSON.parse(globalThis.atob(base64.padEnd(Math.ceil(base64.length / 4) * 4, "="))));
-				if (payload.version !== 1) return context;
-				const viewer = positiveId(payload.viewerUserId);
-				const target = positiveId(payload.targetUserId);
-				if (viewer !== void 0) context.referenceViewerUserId = viewer;
-				if (target !== void 0) context.referenceTargetUserId = target;
-			} catch {}
-			return context;
-		}
-		function avatarScopeDiagnostic(scopeKey) {
-			const match = /^(prod|test):([1-9][0-9]*)$/.exec(scopeKey ?? "");
-			const viewerUserId = positiveId(Number(match?.[2]));
-			return match === null || viewerUserId === void 0 ? {} : {
-				environment: match[1],
-				viewerUserId
-			};
-		}
-		function safeErrorCode(value) {
-			return typeof value === "string" && /^(?:(?:arkme|image|auth-http|local|profile)-[A-Za-z0-9_-]{1,80}|UND_ERR_[A-Z_]{1,64}|E[A-Z_]{1,64})$/.test(value) ? value : void 0;
-		}
-		function httpStatus(value) {
-			return typeof value === "number" && Number.isInteger(value) && value >= 100 && value <= 599 ? value : void 0;
-		}
-		function imageDownloadStatus(error) {
-			if (error.name !== "ArkmePluginError" || error.code !== "image-download-failed" || typeof error.message !== "string") return void 0;
-			const match = /^Arkme 图片读取返回 HTTP ([1-5][0-9]{2})$/.exec(error.message);
-			return match === null ? void 0 : httpStatus(Number(match[1]));
-		}
-		function logArkmeAvatarDiagnostic(event, context, error) {
-			try {
-				const source = record(error);
-				const body = record(source.body);
-				const detail = source.name === "ArkmeClientError" ? body : source;
-				const errorName = [
-					"Error",
-					"TypeError",
-					"AbortError",
-					"TimeoutError",
-					"ArkmePluginError",
-					"ArkmeClientError"
-				].includes(String(source.name)) ? String(source.name) : "unknown";
-				console.warn(`[ArkmeAvatarDiag] ${JSON.stringify({
-					timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-					event,
-					...context,
-					...error === void 0 ? {} : { error: {
-						name: errorName,
-						code: safeErrorCode(detail.code),
-						retryable: typeof detail.retryable === "boolean" ? detail.retryable : void 0,
-						httpStatus: httpStatus(source.httpStatus),
-						upstreamStatus: httpStatus(source.upstreamStatus) ?? imageDownloadStatus(source),
-						causeCode: safeErrorCode(record(source.cause).code)
-					} }
-				})}`);
-			} catch {}
-		}
-		//#endregion
 		//#region src/client/avatar-image-store.ts
+		/** These references identify immutable bytes, unlike mutable profile references. */
+		function isImmutableAvatarRef(ref) {
+			return /^file_asset:\/\/[A-Za-z0-9_-]{8,128}$/.test(ref) || /^arkme-self-role-image-v1\.[A-Za-z0-9_-]+$/.test(ref);
+		}
 		const DEFAULT_TTL_MILLIS = 600 * 1e3;
 		const DEFAULT_JITTER_MILLIS$1 = 120 * 1e3;
-		const DEFAULT_CONCURRENCY = 6;
+		const DEFAULT_CONCURRENCY = 3;
+		const IMMUTABLE_CONCURRENCY = 2;
 		const MAX_RETAINED_AVATARS = 256;
 		const MAX_QUEUED_AVATARS = 512;
 		const AVATAR_IMAGE_SCOPE_CHANGED = "Avatar image scope changed";
@@ -54656,6 +54618,8 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			jitterMillis;
 			concurrency;
 			activeDownloads = 0;
+			activeImmutableReads = 0;
+			activeCacheProbes = 0;
 			generation = 0;
 			scopeKey;
 			constructor(options) {
@@ -54709,10 +54673,26 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					expiresAtMillis: 0,
 					pending: void 0
 				};
-				const pending = this.schedule(async () => {
+				const readRemote = () => this.schedule(isImmutableAvatarRef(imageRef) ? "immutable" : "remote", async () => {
 					if (generation !== this.generation) throw new Error(AVATAR_IMAGE_SCOPE_CHANGED);
 					return await this.options.reader(imageRef);
-				}).then((payload) => {
+				});
+				const persistent = scopeKey !== void 0 && isImmutableAvatarRef(imageRef) ? this.options.persistentCache : void 0;
+				const probe = isImmutableAvatarRef(imageRef) ? this.options.cachedReader : void 0;
+				const pending = (persistent === void 0 && probe === void 0 ? readRemote() : (async () => {
+					const cached = await persistent?.read(scopeKey, imageRef).catch(() => void 0);
+					if (generation !== this.generation) throw new Error(AVATAR_IMAGE_SCOPE_CHANGED);
+					if (cached !== void 0) return cached;
+					const local = probe === void 0 ? void 0 : await this.schedule("probe", async () => {
+						if (generation !== this.generation) throw new Error(AVATAR_IMAGE_SCOPE_CHANGED);
+						return await probe(imageRef);
+					});
+					if (generation !== this.generation) throw new Error(AVATAR_IMAGE_SCOPE_CHANGED);
+					const payload = local ?? await readRemote();
+					if (generation !== this.generation) throw new Error(AVATAR_IMAGE_SCOPE_CHANGED);
+					persistent?.write(scopeKey, imageRef, payload).catch(() => void 0);
+					return payload;
+				})()).then((payload) => {
 					if (generation !== this.generation) throw new Error(AVATAR_IMAGE_SCOPE_CHANGED);
 					const value = `data:${payload.mediaType};base64,${payload.dataBase64}`;
 					const previousValue = entry.value;
@@ -54751,27 +54731,35 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					if (entry.pending === void 0 && !this.listeners.has(ref)) this.entries.delete(ref);
 				}
 			}
-			schedule(load) {
+			schedule(lane, load) {
 				return new Promise((resolve, reject) => {
 					if (this.queue.length >= MAX_QUEUED_AVATARS) {
 						reject(/* @__PURE__ */ new Error("Avatar loading queue is full"));
 						return;
 					}
-					this.queue.push(() => {
-						load().then(resolve, reject).finally(() => {
-							this.activeDownloads -= 1;
-							this.drainQueue();
-						});
+					this.queue.push({
+						lane,
+						start: () => {
+							load().then(resolve, reject).finally(() => {
+								if (lane === "probe") this.activeCacheProbes -= 1;
+								else if (lane === "immutable") this.activeImmutableReads -= 1;
+								else this.activeDownloads -= 1;
+								this.drainQueue();
+							});
+						}
 					});
 					this.drainQueue();
 				});
 			}
 			drainQueue() {
-				while (this.activeDownloads < this.concurrency) {
-					const start = this.queue.shift();
-					if (start === void 0) return;
-					this.activeDownloads += 1;
-					start();
+				for (;;) {
+					const index = this.queue.findIndex((job) => job.lane === "probe" ? this.activeCacheProbes < 1 : job.lane === "immutable" ? this.activeImmutableReads < IMMUTABLE_CONCURRENCY : this.activeDownloads < this.concurrency);
+					if (index === -1) return;
+					const job = this.queue.splice(index, 1)[0];
+					if (job.lane === "probe") this.activeCacheProbes += 1;
+					else if (job.lane === "immutable") this.activeImmutableReads += 1;
+					else this.activeDownloads += 1;
+					job.start();
 				}
 			}
 			notify(imageRef, value) {
@@ -54779,8 +54767,185 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			}
 		};
 		//#endregion
+		//#region src/client/avatar-persistent-cache.ts
+		const CACHE_NAME = "arkme-immutable-avatars-v1";
+		const MAX_ENTRIES$1 = 64;
+		const MAX_BYTES$1 = 64 * 1024 * 1024;
+		const MAX_BASE64_LENGTH = Math.ceil(8 * 1024 * 1024 / 3) * 4;
+		function validPayload(value) {
+			if (typeof value !== "object" || value === null) return false;
+			const payload = value;
+			return typeof payload.mediaType === "string" && /^image\/(png|jpeg|webp|gif|avif)$/.test(payload.mediaType) && typeof payload.dataBase64 === "string" && payload.dataBase64.length > 0 && payload.dataBase64.length <= MAX_BASE64_LENGTH && payload.dataBase64.length % 4 === 0 && !/[^A-Za-z0-9+/]/.test(payload.dataBase64.replace(/={1,2}$/, ""));
+		}
+		/** Validate browser-persisted bytes too: base64 syntax is not image validity. */
+		async function decodableAvatar(payload) {
+			try {
+				const bytes = Uint8Array.from(atob(payload.dataBase64), (character) => character.charCodeAt(0));
+				const blob = new Blob([bytes], { type: payload.mediaType });
+				if (typeof createImageBitmap === "function") {
+					(await createImageBitmap(blob)).close();
+					return true;
+				}
+				if (typeof Image === "undefined") return false;
+				const url = URL.createObjectURL(blob);
+				try {
+					return await new Promise((resolve) => {
+						const image = new Image();
+						image.onload = () => resolve(image.naturalWidth > 0 && image.naturalHeight > 0);
+						image.onerror = () => resolve(false);
+						image.src = url;
+					});
+				} finally {
+					URL.revokeObjectURL(url);
+				}
+			} catch {
+				return false;
+			}
+		}
+		/** Browser bytes survive reloads. Host remains the authenticated source on misses.
+		* No TTL for immutable refs; quota eviction and clearing site data are cache misses.
+		* Synthetic keys are never fetched and include the environment/account scope.
+		*/
+		var BrowserAvatarPersistentCache = class {
+			decode;
+			constructor(decode = decodableAvatar) {
+				this.decode = decode;
+			}
+			writes = Promise.resolve();
+			key(scope, ref) {
+				try {
+					if (!scope.trim() || !isImmutableAvatarRef(ref) || typeof globalThis.caches === "undefined" || typeof globalThis.location === "undefined") return void 0;
+					return new URL(`/arkme-self/avatar-cache/v1/${encodeURIComponent(scope)}/${encodeURIComponent(ref)}`, globalThis.location.origin).href;
+				} catch {
+					return;
+				}
+			}
+			async read(scope, ref) {
+				const key = this.key(scope, ref);
+				if (key === void 0) return void 0;
+				try {
+					const cache = await caches.open(CACHE_NAME);
+					const response = await cache.match(key);
+					if (response === void 0) return void 0;
+					const payload = await response.json().catch(() => void 0);
+					if (validPayload(payload) && await this.decode(payload)) return payload;
+					await cache.delete(key);
+				} catch {}
+			}
+			write(scope, ref, payload) {
+				const key = this.key(scope, ref);
+				if (key === void 0 || !validPayload(payload)) return Promise.resolve();
+				const operation = this.writes.then(async () => {
+					if (!await this.decode(payload)) return;
+					const cache = await caches.open(CACHE_NAME);
+					const body = JSON.stringify(payload);
+					const keys = (await cache.keys()).filter((request) => request.url !== key);
+					const sizes = await Promise.all(keys.map(async (request) => Number((await cache.match(request))?.headers.get("Content-Length")) || 0));
+					let bytes = sizes.reduce((sum, size) => sum + size, 0) + body.length;
+					let count = keys.length + 1;
+					for (let index = 0; index < keys.length && (count > MAX_ENTRIES$1 || bytes > MAX_BYTES$1); index++) {
+						await cache.delete(keys[index]);
+						bytes -= sizes[index];
+						count -= 1;
+					}
+					await cache.put(key, new Response(body, { headers: {
+						"Content-Type": "application/json",
+						"Content-Length": String(body.length)
+					} }));
+				});
+				this.writes = operation.catch(() => void 0);
+				return this.writes;
+			}
+		};
+		//#endregion
+		//#region src/avatar-diagnostics.ts
+		function record(value) {
+			return value !== null && typeof value === "object" ? value : {};
+		}
+		function positiveId(value) {
+			return typeof value === "number" && Number.isSafeInteger(value) && value > 0 ? value : void 0;
+		}
+		/** Decoded IDs are diagnostic hints only, never authentication or authorization inputs. */
+		function avatarReferenceDiagnostic(imageRef) {
+			const ref = imageRef.trim();
+			if (!ref.startsWith("arkme-profile-image-v1.")) return { referenceKind: ref.startsWith("arkme-media-v1.") ? "media" : "other" };
+			const context = { referenceKind: "profile" };
+			try {
+				const parts = ref.split(".");
+				const encoded = parts[1] ?? "";
+				if (parts.length !== 3 || encoded.length > 1024 || !/^[A-Za-z0-9_-]+$/.test(encoded)) return context;
+				const base64 = encoded.replace(/-/g, "+").replace(/_/g, "/");
+				const payload = record(JSON.parse(globalThis.atob(base64.padEnd(Math.ceil(base64.length / 4) * 4, "="))));
+				if (payload.version !== 1) return context;
+				const viewer = positiveId(payload.viewerUserId);
+				const target = positiveId(payload.targetUserId);
+				if (viewer !== void 0) context.referenceViewerUserId = viewer;
+				if (target !== void 0) context.referenceTargetUserId = target;
+			} catch {}
+			return context;
+		}
+		function avatarScopeDiagnostic(scopeKey) {
+			const match = /^(prod|test):([1-9][0-9]*)$/.exec(scopeKey ?? "");
+			const viewerUserId = positiveId(Number(match?.[2]));
+			return match === null || viewerUserId === void 0 ? {} : {
+				environment: match[1],
+				viewerUserId
+			};
+		}
+		function safeErrorCode(value) {
+			return typeof value === "string" && /^(?:(?:arkme|image|auth-http|local|profile)-[A-Za-z0-9_-]{1,80}|UND_ERR_[A-Z_]{1,64}|E[A-Z_]{1,64})$/.test(value) ? value : void 0;
+		}
+		function httpStatus(value) {
+			return typeof value === "number" && Number.isInteger(value) && value >= 100 && value <= 599 ? value : void 0;
+		}
+		function imageDownloadStatus(error) {
+			if (error.name !== "ArkmePluginError" || error.code !== "image-download-failed" || typeof error.message !== "string") return void 0;
+			const match = /^Arkme 图片读取返回 HTTP ([1-5][0-9]{2})$/.exec(error.message);
+			return match === null ? void 0 : httpStatus(Number(match[1]));
+		}
+		function logArkmeAvatarDiagnostic(event, context, error) {
+			try {
+				const source = record(error);
+				const body = record(source.body);
+				const detail = source.name === "ArkmeClientError" ? body : source;
+				const errorName = [
+					"Error",
+					"TypeError",
+					"AbortError",
+					"TimeoutError",
+					"ArkmePluginError",
+					"ArkmeClientError"
+				].includes(String(source.name)) ? String(source.name) : "unknown";
+				console.warn(`[ArkmeAvatarDiag] ${JSON.stringify({
+					timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+					event,
+					...context,
+					...error === void 0 ? {} : { error: {
+						name: errorName,
+						code: safeErrorCode(detail.code),
+						retryable: typeof detail.retryable === "boolean" ? detail.retryable : void 0,
+						httpStatus: httpStatus(source.httpStatus),
+						upstreamStatus: httpStatus(source.upstreamStatus) ?? imageDownloadStatus(source),
+						causeCode: safeErrorCode(record(source.cause).code)
+					} }
+				})}`);
+			} catch {}
+		}
+		//#endregion
 		//#region src/client/avatar-image-runtime.ts
 		const arkmeAvatarImages = new InMemoryArkmeAvatarImageStore({
+			persistentCache: new BrowserAvatarPersistentCache(),
+			cachedReader: async (imageRef) => {
+				try {
+					return await callArkme("image.read", {
+						imageRef,
+						cacheOnly: true
+					});
+				} catch (error) {
+					if (error instanceof ArkmeClientError && error.body.code === "image-cache-miss") return void 0;
+					throw error;
+				}
+			},
 			reader: async (imageRef) => await callArkme("image.read", { imageRef }),
 			onLoadFailure: ({ imageRef, scopeKey, error, ...context }) => {
 				logArkmeAvatarDiagnostic("image_load_failed", {
@@ -55011,7 +55176,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				children: fallback.label || "--"
 			});
 		}
-		function ArkmeUserAvatar({ avatarRef, lazy = false, fallback, size = 44, label = "用户头像", senderKind }) {
+		function ArkmeUserAvatar({ avatarRef, lazy = false, fallback, fallbackContent, size = 44, label = "用户头像", senderKind }) {
 			const normalizedRef = avatarRef?.trim() ?? "";
 			const container = (0, react$1.useRef)(null);
 			const imageUrl = useArkmeAvatarImage(normalizedRef, lazy ? container : void 0);
@@ -55029,7 +55194,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				}) : fallback?.kind === "phone_default" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PhoneDefaultAvatar, {
 					fallback,
 					size
-				}) : senderKind === "bot" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeBotAvatarFallback, { size }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultUserAvatar, { size })
+				}) : fallbackContent ?? (senderKind === "bot" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeBotAvatarFallback, { size }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultUserAvatar, { size }))
 			});
 		}
 		function GroupAvatarMember({ slot, size }) {
@@ -55526,6 +55691,54 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			return stop;
 		}
 		//#endregion
+		//#region src/reaction-diagnostics.ts
+		/** Timing metadata only: no credentials, message refs, names or message bodies. */
+		function reactionTraceId(value) {
+			return value && /^[a-f0-9-]{36}$/.test(value) ? value : globalThis.crypto.randomUUID();
+		}
+		function logReactionTiming(traceId, stage, started, detail = {}) {
+			console.info(`[ArkmeReactionTiming] ${JSON.stringify({
+				traceId,
+				stage,
+				at: Date.now(),
+				durationMs: Math.round((performance.now() - started) * 100) / 100,
+				...detail
+			})}`);
+		}
+		//#endregion
+		//#region src/client/reaction-transport.ts
+		const timings = /* @__PURE__ */ new WeakMap();
+		function traceReactionApplied(value, stage) {
+			const timing = timings.get(value);
+			if (timing) logReactionTiming(timing.traceId, stage, timing.started);
+		}
+		async function callReaction(input, signal) {
+			let diagnostics = false;
+			try {
+				diagnostics = globalThis.sessionStorage?.getItem("arkme.reaction.diagnostics") === "1";
+			} catch {}
+			if (!diagnostics) return await callArkme("reactions", input, signal);
+			const traceId = reactionTraceId(input.traceId), started = performance.now();
+			let ok = false;
+			try {
+				const value = await callArkme("reactions", {
+					...input,
+					traceId
+				}, signal);
+				ok = true;
+				if (diagnostics && value && typeof value === "object") timings.set(value, {
+					traceId,
+					started
+				});
+				return value;
+			} finally {
+				if (diagnostics) logReactionTiming(traceId, "browser-request", started, {
+					action: input.action,
+					ok
+				});
+			}
+		}
+		//#endregion
 		//#region src/client/reaction-label-content.ts
 		const reactionHandIds = [
 			"ok_hand",
@@ -55778,10 +55991,12 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			targets = /* @__PURE__ */ new Map();
 			states = /* @__PURE__ */ new Map();
 			inactive = /* @__PURE__ */ new Set();
+			actorRefreshAt = /* @__PURE__ */ new Map();
 			knownTargets = /* @__PURE__ */ new Map();
 			failures = /* @__PURE__ */ new Map();
 			listeners = /* @__PURE__ */ new Set();
 			revision = 0;
+			reading;
 			refreshing;
 			timer;
 			timerDue = 0;
@@ -55789,7 +56004,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			retryMillis = 2e3;
 			pending;
 			writing = false;
-			constructor(transport = (input, signal) => callArkme("reactions", input, signal)) {
+			constructor(transport = callReaction) {
 				this.transport = transport;
 			}
 			subscribe = (listener) => {
@@ -55811,6 +56026,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				this.targets.clear();
 				this.states.clear();
 				this.inactive.clear();
+				this.actorRefreshAt.clear();
 				this.knownTargets.clear();
 				this.failures.clear();
 				this.pending = void 0;
@@ -55823,6 +56039,11 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			}
 			watch(scope, target) {
 				if (scope !== this.scope) return () => {};
+				const resolver = target.resolveActor ?? this.knownTargets.get(target.id)?.resolveActor;
+				if (resolver) target = {
+					...target,
+					resolveActor: resolver
+				};
 				const existing = this.targets.get(target.id);
 				if (!existing && this.targets.size >= 200) {
 					this.failures.set(target.id, "请打开消息后刷新表态");
@@ -55851,6 +56072,8 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 						this.failures.delete(target.id);
 						this.retainInactive(target.id);
 					}
+					const reading = this.reading;
+					if (reading && ![...reading.entries].some(([id, entry]) => this.targets.get(id) === entry)) reading.controller.abort();
 					if (!this.targets.size) this.stop();
 				};
 			}
@@ -55862,6 +56085,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					const oldest = this.inactive.values().next().value;
 					this.inactive.delete(oldest);
 					this.states.delete(oldest);
+					this.actorRefreshAt.delete(oldest);
 					this.knownTargets.delete(oldest);
 					this.failures.delete(oldest);
 				}
@@ -55884,9 +56108,20 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					await this.refresh();
 					if (active && !signal.aborted && scope === this.scope && (alreadyReading || missing.some((target) => !this.states.has(target.id) && !this.failures.has(target.id)))) await this.refresh();
 				};
+				let unsubscribe = () => {};
+				const factsReady = new Promise((resolve) => {
+					unsubscribe = this.subscribe(() => {
+						if (missing.every((target) => this.states.has(target.id) || this.failures.has(target.id))) resolve();
+					});
+				});
 				try {
-					await Promise.race([load(), deadline]);
+					await Promise.race([
+						load(),
+						deadline,
+						factsReady
+					]);
 				} finally {
+					unsubscribe();
 					active = false;
 					clearTimeout(timer);
 					signal.removeEventListener("abort", finish);
@@ -55947,11 +56182,17 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			}
 			async refresh() {
 				if (this.refreshing) return this.refreshing;
-				const scope = this.scope, signal = this.controller.signal;
+				const scope = this.scope;
 				if (!scope) return;
+				const controller = new AbortController(), entries = new Map(this.targets);
+				const reading = {
+					controller,
+					entries
+				};
+				this.reading = reading;
+				const signal = AbortSignal.any([this.controller.signal, controller.signal]);
 				const operation = (async () => {
 					let failed = false;
-					const entries = new Map(this.targets);
 					const targets = [...entries.values()].map((item) => item.target);
 					for (let offset = 0; offset < targets.length; offset += 50) {
 						const batch = targets.slice(offset, offset + 50);
@@ -55960,7 +56201,8 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 							const page = await this.transport({
 								action: "query",
 								accountKey: scope,
-								targets: batch
+								targets: batch,
+								actorPresentation: "deferred"
 							}, signal);
 							if (signal.aborted) return;
 							const returned = new Set(page.items.map((item) => item.target_id));
@@ -55973,8 +56215,25 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 							}
 							for (const item of page.items) if (entries.has(item.target_id) && this.targets.get(item.target_id) === entries.get(item.target_id)) {
 								const previous = this.states.get(item.target_id);
-								if (!previous || previous.mine.revision <= item.mine.revision) this.states.set(item.target_id, item);
+								if (!previous || previous.mine.revision <= item.mine.revision) {
+									const known = new Map((Date.now() - (this.actorRefreshAt.get(item.target_id) ?? 0) < 6e4 ? previous?.groups : void 0)?.flatMap((group) => group.actors ?? []).filter((actor) => !actor.presentationPending).map((actor) => [actor.userId, actor]));
+									const resolve = this.targets.get(item.target_id)?.target.resolveActor;
+									this.states.set(item.target_id, {
+										...item,
+										groups: item.groups.map((group) => ({
+											...group,
+											actors: (group.actors ?? []).map((actor) => resolve?.(actor) ?? (actor.presentationPending && known.has(actor.userId) ? {
+												...actor,
+												...known.get(actor.userId),
+												...actor.memberRef ? { memberRef: actor.memberRef } : {},
+												presentationPending: false
+											} : actor))
+										}))
+									});
+								}
 							}
+							if (before !== JSON.stringify(batch.map((t) => [this.states.get(t.id), this.failures.get(t.id)]))) this.publish();
+							traceReactionApplied(page, "browser-facts-published");
 						} catch (error) {
 							if (signal.aborted) return;
 							failed = true;
@@ -55983,7 +56242,52 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 								this.failures.set(target.id, error instanceof Error ? error.message : "表态加载失败");
 							}
 						}
-						if (!signal.aborted && before !== JSON.stringify(batch.map((t) => [this.states.get(t.id), this.failures.get(t.id)]))) this.publish();
+						if (failed && !signal.aborted && before !== JSON.stringify(batch.map((t) => [this.states.get(t.id), this.failures.get(t.id)]))) this.publish();
+						const missing = batch.filter((target) => this.states.get(target.id)?.groups.some((group) => group.actors?.some((actor) => actor.presentationPending)));
+						if (missing.length && !signal.aborted) {
+							const initial = new Map(missing.map((target) => [target.id, this.states.get(target.id)]));
+							try {
+								const enriched = await this.transport({
+									action: "query",
+									accountKey: scope,
+									targets: missing
+								}, signal);
+								if (signal.aborted) return;
+								for (const item of enriched.items) {
+									const current = this.states.get(item.target_id);
+									if (!current || current !== initial.get(item.target_id) || this.targets.get(item.target_id) !== entries.get(item.target_id)) continue;
+									this.actorRefreshAt.set(item.target_id, Date.now());
+									if (!item.actors_visible) {
+										this.states.set(item.target_id, {
+											...current,
+											actors_visible: false,
+											private: item.private,
+											groups: current.groups.map((group) => ({
+												...group,
+												actors: []
+											}))
+										});
+										continue;
+									}
+									const actors = new Map(item.groups.flatMap((group) => group.actors ?? []).map((actor) => [actor.userId, actor]));
+									const resolve = this.targets.get(item.target_id)?.target.resolveActor;
+									this.states.set(item.target_id, {
+										...current,
+										groups: current.groups.map((group) => ({
+											...group,
+											actors: (group.actors ?? []).map((actor) => resolve?.(actor) ?? (actor.presentationPending && actors.has(actor.userId) ? {
+												...actor,
+												...actors.get(actor.userId),
+												...actor.memberRef ? { memberRef: actor.memberRef } : {},
+												presentationPending: false
+											} : actor))
+										}))
+									});
+								}
+								this.publish();
+								traceReactionApplied(enriched, "browser-actors-published");
+							} catch {}
+						}
 					}
 					if (!signal.aborted) this.retryMillis = failed ? Math.min(12e4, this.retryMillis * 2) : 2e3;
 				})();
@@ -55991,6 +56295,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				try {
 					await operation;
 				} finally {
+					if (this.reading === reading) this.reading = void 0;
 					if (this.refreshing === operation) {
 						this.refreshing = void 0;
 						if (this.refreshAgain) {
@@ -56158,7 +56463,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			users = 0;
 			error = "";
 			hasMore = false;
-			constructor(transport = (input, signal) => callArkme("reactions", input, signal)) {
+			constructor(transport = callReaction) {
 				this.transport = transport;
 			}
 			subscribe = (fn) => {
@@ -56279,6 +56584,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 								limit: 50
 							}, signal);
 							if (signal.aborted) return;
+							traceReactionApplied(page, "browser-notifications-received");
 							rows.push(...page.items);
 							hasMore = page.has_more;
 							if (!page.has_more) break;
@@ -56940,30 +57246,51 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			}
 		};
 		//#endregion
-		//#region src/client/recognized-speaker-tracker.ts
-		const empty$4 = { checkedAt: 0 };
-		const storageKey$4 = (account) => `dsh-arkme:speaker-visits:v1:${account}`;
-		const storage$1 = () => {
-			try {
-				return window.localStorage;
-			} catch {
-				return;
+		//#region src/client/recognized-speaker-directory.ts
+		const loaders = {
+			summary: (input, signal) => callArkme("speaker-directory.summary", input, signal),
+			list: (input, signal) => callArkme("speaker-directory.list", { ...input }, signal),
+			seen: (throughCursor, signal) => callArkme("speaker-directory.seen", { throughCursor }, signal),
+			open: (detailRef, signal) => callArkme("speaker-directory.open", { detailRef }, signal),
+			avatars: (detailRefs, signal) => callArkme("speaker-directory.avatars", { detailRefs }, signal)
+		};
+		var SpeakerReadDeferred = class extends Error {
+			retryAt;
+			constructor(retryAt, cause) {
+				super(cause instanceof Error ? cause.message : "说话人目录暂不可用", { cause });
+				this.retryAt = retryAt;
 			}
 		};
-		function markedSpeakerKeys(options) {
-			return [...new Set(options.filter((option) => option.kind === "speaker").map((option) => `m:${option.personKey || option.optionKey}`))];
+		function directoryErrorCode(error) {
+			const value = error;
+			return value?.body?.code ?? value?.code ?? "";
 		}
-		/** Only complete identity snapshots can establish a baseline or produce a precise delta.
-		* A removed identity may be a merge/recluster; without lineage we suppress ambiguous
-		* additions for that transition rather than presenting a false "new person".
-		*/
-		var RecognizedSpeakerTracker = class {
-			getStorage;
-			records = /* @__PURE__ */ new Map();
-			snapshots = /* @__PURE__ */ new Map();
+		function speakerRetryDelay(error) {
+			if (error instanceof SpeakerReadDeferred) return Math.max(1e3, error.retryAt - Date.now());
+			const value = error;
+			if (directoryErrorCode(error) === "arkme-code-1001" || value?.body?.retryable === false || value?.retryable === false) return void 0;
+			return Math.max(1e3, value?.body?.retryAfterMillis ?? value?.retryAfterMillis ?? 15e3);
+		}
+		const directoryVisible = () => typeof document === "undefined" || document.visibilityState !== "hidden";
+		const normalizeDirectoryQuery = (query) => query.trim().toLowerCase();
+		function directoryQueryValid(query) {
+			return new TextEncoder().encode(normalizeDirectoryQuery(query)).length <= 256;
+		}
+		const queryKey = (query) => JSON.stringify([
+			query.filter,
+			query.sort,
+			normalizeDirectoryQuery(query.query)
+		]);
+		const empty$4 = Object.freeze({});
+		/** Shared summary and immutable same-version pages. No traversal or local new-person inference. */
+		var RecognizedSpeakerDirectory = class {
+			api;
+			now;
+			accounts = /* @__PURE__ */ new Map();
 			listeners = /* @__PURE__ */ new Set();
-			constructor(getStorage = storage$1) {
-				this.getStorage = getStorage;
+			constructor(api = loaders, now = Date.now) {
+				this.api = api;
+				this.now = now;
 			}
 			subscribe = (listener) => {
 				this.listeners.add(listener);
@@ -56971,439 +57298,347 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					this.listeners.delete(listener);
 				};
 			};
-			get = (account) => account === void 0 ? empty$4 : this.snapshots.get(account) ?? empty$4;
-			emit(account, snapshot) {
-				this.snapshots.set(account, snapshot);
-				for (const listener of this.listeners) listener();
-			}
-			read(account) {
-				if (this.records.has(account)) return this.records.get(account);
-				try {
-					const value = JSON.parse(this.getStorage()?.getItem(storageKey$4(account)) ?? "null");
-					if (value !== null && [
-						"known",
-						"current",
-						"pending"
-					].every((key) => {
-						const list = value[key];
-						return Array.isArray(list) && list.length <= 2e4 && list.every((item) => typeof item === "string" && item.length <= 256);
-					})) {
-						this.records.set(account, value);
-						return value;
-					}
-				} catch {}
-			}
-			save(account, value) {
-				this.records.set(account, value);
-				try {
-					this.getStorage()?.setItem(storageKey$4(account), JSON.stringify(value));
-				} catch {}
-			}
-			setTotal(account, total) {
-				if (!Number.isSafeInteger(total) || total < 0) return;
-				const previous = this.get(account);
-				this.emit(account, previous.total === total ? {
-					...previous,
-					total
-				} : {
-					total,
-					checkedAt: 0
-				});
+			get = (account) => account === void 0 ? empty$4 : this.accounts.get(account)?.snapshot ?? empty$4;
+			emit() {
+				this.listeners.forEach((listener) => listener());
 			}
-			uncertain(account) {
-				const previous = this.get(account);
-				this.emit(account, {
-					...previous.total === void 0 ? {} : { total: previous.total },
-					checkedAt: 0
-				});
+			account(key) {
+				let found = this.accounts.get(key);
+				if (!found) {
+					found = {
+						controller: new AbortController(),
+						snapshot: empty$4,
+						summaryAt: 0,
+						retryAt: 0,
+						failures: 0,
+						flights: /* @__PURE__ */ new Map(),
+						lists: /* @__PURE__ */ new Map(),
+						pendingSeen: /* @__PURE__ */ new Set(),
+						confirmedSeen: /* @__PURE__ */ new Set(),
+						expiredSeen: /* @__PURE__ */ new Set(),
+						revision: 0
+					};
+					this.accounts.set(key, found);
+				}
+				return found;
 			}
-			acknowledge(account) {
-				const previous = this.read(account);
-				if (previous === void 0) return;
-				this.save(account, {
-					...previous,
-					pending: []
-				});
-				this.emit(account, {
-					...this.get(account),
-					newCount: 0
+			current(account, value) {
+				value.controller.signal.throwIfAborted();
+				if (this.accounts.get(account) !== value) throw new DOMException("账号已切换", "AbortError");
+			}
+			async request(account, key, load) {
+				const value = this.account(account);
+				this.current(account, value);
+				key = `${value.revision}:${key}`;
+				const pending = value.flights.get(key);
+				if (pending) return pending;
+				if (this.now() < value.retryAt) throw new SpeakerReadDeferred(value.retryAt, /* @__PURE__ */ new Error("请求较频繁或网络暂不可用，请稍后重试"));
+				const promise = Promise.resolve().then(() => load(value.controller.signal)).then((result) => {
+					this.current(account, value);
+					value.failures = 0;
+					return result;
+				}).catch((error) => {
+					this.current(account, value);
+					const delay = speakerRetryDelay(error);
+					if (delay !== void 0) {
+						value.failures += 1;
+						value.retryAt = this.now() + Math.max(delay, Math.min(3e5, 1e3 * 2 ** Math.min(8, value.failures)));
+						throw new SpeakerReadDeferred(value.retryAt, error);
+					}
+					throw error;
+				}).finally(() => {
+					if (value.flights.get(key) === promise) value.flights.delete(key);
 				});
+				value.flights.set(key, promise);
+				return promise;
 			}
-			observe(account, options, candidates, viewed = false) {
-				const marked = markedSpeakerKeys(options);
-				if (candidates.some((candidate) => !candidate.identityKey)) {
-					this.uncertain(account);
-					return;
+			async summary(account, force = false) {
+				const state = this.account(account), cached = state.snapshot.summary, revision = state.revision;
+				if (!force && cached && (cached.state === "disabled" || this.now() < state.summaryAt)) return cached;
+				try {
+					const result = await this.request(account, "summary", (signal) => this.api.summary(cached && cached.snapshotVersion ? {
+						snapshotVersion: cached.snapshotVersion,
+						seenVersion: cached.seenVersion
+					} : {}, signal));
+					this.current(account, state);
+					if (revision !== state.revision) return this.summary(account, force);
+					state.snapshot = { summary: result };
+					state.summaryAt = this.now() + (result.retryAfterMs > 0 ? result.retryAfterMs : 3e4);
+					this.emit();
+					return result;
+				} catch (error) {
+					this.current(account, state);
+					state.snapshot = {
+						...state.snapshot,
+						error: error instanceof Error ? error.message : "目录暂不可用"
+					};
+					this.emit();
+					throw error;
 				}
-				const current = [.../* @__PURE__ */ new Set([...marked, ...candidates.map((candidate) => `u:${candidate.identityKey}`)])];
-				const previous = this.read(account);
-				const known = new Set(previous?.known ?? []);
-				const currentSet = new Set(current);
-				const removed = previous?.current.some((key) => !currentSet.has(key)) ?? false;
-				const additions = previous === void 0 || removed ? [] : current.filter((key) => !known.has(key));
-				const pending = viewed ? [] : [.../* @__PURE__ */ new Set([...(previous?.pending ?? []).filter((key) => currentSet.has(key)), ...additions])];
-				current.forEach((key) => known.add(key));
-				const record = known.size > 2e4 ? {
-					known: current,
-					current,
-					pending: []
-				} : {
-					known: [...known],
-					current,
-					pending
-				};
-				this.save(account, record);
-				this.emit(account, {
-					total: current.length,
-					newCount: record.pending.length,
-					checkedAt: Date.now()
-				});
 			}
-			clearSession() {
-				this.snapshots.clear();
-				this.records.clear();
-				for (const listener of this.listeners) listener();
+			peek(account, query) {
+				return this.accounts.get(account)?.lists.get(queryKey(query));
 			}
-		};
-		const recognizedSpeakerTracker = new RecognizedSpeakerTracker();
-		let activeAccount$1 = "";
-		arkmeAuthStore.subscribe(() => {
-			const auth = arkmeAuthStore.getSnapshot().auth;
-			const next = auth?.status === "authenticated" ? `${auth.environment}:${auth.userId}` : "";
-			if (next !== activeAccount$1) {
-				activeAccount$1 = next;
-				recognizedSpeakerTracker.clearSession();
-			}
-		});
-		//#endregion
-		//#region src/client/recognized-speaker-order.ts
-		const preferenceKey$3 = (accountKey) => `dsh-arkme:recognized-speaker-order:v1:${accountKey}`;
-		function browserStorage$1() {
-			try {
-				return typeof window === "undefined" ? void 0 : window.localStorage;
-			} catch {
-				return;
-			}
-		}
-		function readRecognizedSpeakerOrder(accountKey, storage = browserStorage$1()) {
-			try {
-				return storage?.getItem(preferenceKey$3(accountKey)) === "recent" ? "recent" : "frequent";
-			} catch {
-				return "frequent";
-			}
-		}
-		function writeRecognizedSpeakerOrder(accountKey, order, storage = browserStorage$1()) {
-			try {
-				storage?.setItem(preferenceKey$3(accountKey), order);
-			} catch {}
-		}
-		function positiveNumber(value) {
-			return value !== void 0 && Number.isFinite(value) && value > 0 ? value : 0;
-		}
-		/** Missing statistics sort last. Ties remain stable across refreshes and filters. */
-		function compareRecognizedSpeakers(left, right, order) {
-			const leftDays = positiveNumber(left.dayCount), rightDays = positiveNumber(right.dayCount);
-			const leftTime = positiveNumber(left.lastSeenAt), rightTime = positiveNumber(right.lastSeenAt);
-			return (order === "frequent" ? rightDays - leftDays || rightTime - leftTime : rightTime - leftTime || rightDays - leftDays) || left.name.localeCompare(right.name, void 0, { numeric: true }) || left.key.localeCompare(right.key);
-		}
-		/** The upstream cursor has a fixed order. Read metadata pages before claiming global order.
-		* Bound reads to the host's 2,000-candidate reference budget; never silently call a partial
-		* traversal complete. No audio or per-speaker detail is loaded here.
-		*/
-		async function loadSpeakerCandidateSnapshot(loadPage, signal, onProgress) {
-			for (let attempt = 0; attempt < 2; attempt += 1) {
-				const rows = /* @__PURE__ */ new Map();
-				const cursors = /* @__PURE__ */ new Set();
-				let cursor = "";
-				let snapshot = {
+			async first(account, query, signal, force = false) {
+				if (!directoryQueryValid(query.query)) throw new Error("搜索内容过长，请缩短至 256 字节以内");
+				signal.throwIfAborted();
+				const state = this.account(account), revision = state.revision;
+				const summary = await this.summary(account, force);
+				signal.throwIfAborted();
+				const key = queryKey(query), cached = state.lists.get(key);
+				if (!force && cached && cached.snapshotVersion === summary.snapshotVersion && !state.expiredSeen.has(cached.throughCursor)) return cached;
+				const input = {
+					...query,
+					query: normalizeDirectoryQuery(query.query),
+					cursor: "",
+					snapshotVersion: summary.snapshotVersion,
+					limit: 50
+				};
+				const page = summary.state === "disabled" || summary.coverage !== "complete" ? {
+					...summary,
 					items: [],
-					complete: false,
-					projectionState: void 0
+					hasMore: false,
+					nextCursor: "",
+					throughCursor: ""
+				} : await this.request(account, `list:${JSON.stringify(input)}`, (inner) => this.api.list(input, inner));
+				signal.throwIfAborted();
+				this.current(account, state);
+				if (revision !== state.revision) throw new DOMException("目录已更新", "AbortError");
+				if (page.state === "snapshot_expired") {
+					state.summaryAt = 0;
+					state.lists.delete(key);
+					if (page.retryAfterMs > 0) {
+						state.retryAt = Math.max(state.retryAt, this.now() + page.retryAfterMs);
+						throw new SpeakerReadDeferred(state.retryAt, /* @__PURE__ */ new Error("目录正在更新，请稍后重试"));
+					}
+					if (force) throw new Error("目录正在更新，请稍后刷新");
+					return this.first(account, query, signal, true);
+				}
+				if (page.state === "disabled") {
+					state.snapshot = { summary: {
+						...summary,
+						state: "disabled"
+					} };
+					this.emit();
+				}
+				const result = {
+					...page,
+					query: {
+						...query,
+						query: input.query
+					},
+					requestedCursors: [""]
 				};
-				for (let pageIndex = 0; pageIndex < 40; pageIndex += 1) {
-					signal.throwIfAborted();
-					const page = await loadPage(cursor, signal);
-					signal.throwIfAborted();
-					if (page.section !== "unmarked-speakers") throw new Error("未标记说话人列表响应无效");
-					if (page.cursorStale) {
-						snapshot = {
-							items: [],
-							complete: false,
-							projectionState: "stale"
-						};
-						onProgress(snapshot);
-						if (attempt === 0) break;
-						return snapshot;
-					}
-					for (const item of page.items) if (item.kind === "unmarked-speaker" && rows.size < 2e3) rows.set(item.candidateRef, item);
-					snapshot = {
-						items: [...rows.values()],
-						complete: !page.hasMore && page.coverage !== "partial" && (page.projectionState === void 0 || page.projectionState === "fresh"),
-						projectionState: page.projectionState
-					};
-					onProgress(snapshot);
-					if (!page.hasMore || rows.size >= 2e3 || page.projectionState !== void 0 && page.projectionState !== "fresh") return snapshot;
-					const next = page.nextCursor ?? "";
-					if (next === "" || cursors.has(next)) return snapshot;
-					cursors.add(next);
-					cursor = next;
-					if (pageIndex === 39) return snapshot;
+				if (page.coverage === "complete" && page.state !== "disabled") {
+					state.lists.delete(key);
+					state.lists.set(key, result);
+					while (state.lists.size > 12) state.lists.delete(state.lists.keys().next().value);
 				}
+				return result;
 			}
-			return {
-				items: [],
-				complete: false,
-				projectionState: "stale"
-			};
-		}
-		//#endregion
-		//#region src/client/recognized-speaker-directory.ts
-		const readSpeakerOptions = (signal) => callArkme("recordings.speaker.options", {}, signal);
-		const readSpeakerPresence = (signal) => callArkme("recordings.speaker.presence", {}, signal);
-		const readSpeakerPage = (cursor, signal) => callArkme("directory.list", {
-			section: "unmarked-speakers",
-			limit: 50,
-			...cursor === "" ? {} : { cursor }
-		}, signal);
-		var SpeakerReadDeferred = class extends Error {
-			retryAt;
-			constructor(retryAt, cause) {
-				super(cause instanceof Error ? cause.message : "说话人列表暂时无法加载", { cause });
-				this.retryAt = retryAt;
-			}
-		};
-		function speakerRetryDelay(error) {
-			return error instanceof SpeakerReadDeferred ? Math.max(1e3, error.retryAt - Date.now()) : void 0;
-		}
-		/** Per-account shared read. A short release grace lets entry -> list hand off the same
-		* request; leaving both cancels it. A late/aborted response can never update the cache.
-		*/
-		var SharedRead = class {
-			ttl;
-			load;
-			now;
-			value;
-			freshUntil = 0;
-			retryAt = 0;
-			failures = 0;
-			error;
-			pending;
-			listeners = /* @__PURE__ */ new Set();
-			releaseTimer;
-			constructor(ttl, load, now) {
-				this.ttl = ttl;
-				this.load = load;
-				this.now = now;
-			}
-			read(signal, progress = () => {}) {
+			async more(account, previous, signal) {
 				signal.throwIfAborted();
-				if (this.value !== void 0) progress(this.value);
-				if (this.now() < this.retryAt) return Promise.reject(new SpeakerReadDeferred(this.retryAt, this.error));
-				if (this.value !== void 0 && this.now() < this.freshUntil) return Promise.resolve(this.value);
-				clearTimeout(this.releaseTimer);
-				if (this.pending?.controller.signal.aborted) this.pending = void 0;
-				if (this.pending === void 0) {
-					const controller = new AbortController();
-					const emit = (value) => {
-						controller.signal.throwIfAborted();
-						this.value = value;
-						for (const listener of this.listeners) listener(value);
-					};
-					const promise = Promise.resolve().then(async () => {
-						controller.signal.throwIfAborted();
-						const value = await this.load(controller.signal, emit);
-						controller.signal.throwIfAborted();
-						emit(value);
-						this.freshUntil = this.now() + this.ttl;
-						this.failures = 0;
-						this.retryAt = 0;
-						this.error = void 0;
-						return value;
-					}).catch((error) => {
-						if (controller.signal.aborted) throw error;
-						this.failures += 1;
-						const limited = /(?:\b429\b|rate.?limit|too many requests)/i.test(error instanceof Error ? error.message : String(error));
-						this.retryAt = this.now() + Math.min(5 * 6e4, (limited ? 6e4 : 15e3) * 2 ** Math.min(4, this.failures - 1));
-						this.error = error;
-						throw new SpeakerReadDeferred(this.retryAt, error);
-					}).finally(() => {
-						if (this.pending?.controller === controller) this.pending = void 0;
-					});
-					this.pending = {
-						controller,
-						promise
+				if (!previous.hasMore) return previous;
+				const state = this.account(account), revision = state.revision;
+				if (!state.lists.has(queryKey(previous.query))) return this.first(account, previous.query, signal, true);
+				const input = {
+					...previous.query,
+					limit: 50,
+					cursor: previous.nextCursor,
+					snapshotVersion: previous.snapshotVersion
+				};
+				const page = await this.request(account, `list:${JSON.stringify(input)}`, (inner) => this.api.list(input, inner));
+				signal.throwIfAborted();
+				this.current(account, state);
+				if (revision !== state.revision) throw new DOMException("目录已更新", "AbortError");
+				if (page.state === "snapshot_expired") {
+					state.lists.delete(queryKey(previous.query));
+					state.summaryAt = 0;
+					if (page.retryAfterMs > 0) {
+						state.retryAt = Math.max(state.retryAt, this.now() + page.retryAfterMs);
+						throw new SpeakerReadDeferred(state.retryAt, /* @__PURE__ */ new Error("目录正在更新，请稍后刷新"));
+					}
+					return this.first(account, previous.query, signal, true);
+				}
+				if (page.state === "disabled") {
+					const summary = state.snapshot.summary;
+					if (summary) {
+						state.snapshot = { summary: {
+							...summary,
+							state: "disabled"
+						} };
+						this.emit();
+					}
+					return {
+						...previous,
+						state: "disabled",
+						hasMore: false
 					};
 				}
-				const pending = this.pending;
-				return new Promise((resolve, reject) => {
-					const listener = (value) => {
-						if (!signal.aborted) progress(value);
-					};
-					this.listeners.add(listener);
-					const cleanup = () => {
-						signal.removeEventListener("abort", abort);
-						this.listeners.delete(listener);
-						if (this.listeners.size === 0 && this.pending === pending) this.releaseTimer = setTimeout(() => {
-							if (this.listeners.size === 0 && this.pending === pending) pending.controller.abort();
-						}, 250);
-					};
-					const abort = () => {
-						cleanup();
-						reject(signal.reason ?? new DOMException("Aborted", "AbortError"));
-					};
-					signal.addEventListener("abort", abort, { once: true });
-					pending.promise.then((value) => {
-						cleanup();
-						if (!signal.aborted) resolve(value);
-					}, (error) => {
-						cleanup();
-						if (!signal.aborted) reject(error);
-					});
-				});
-			}
-			invalidate() {
-				clearTimeout(this.releaseTimer);
-				this.pending?.controller.abort();
-				this.pending = void 0;
-				this.freshUntil = 0;
-			}
-			dispose() {
-				this.invalidate();
-				this.listeners.clear();
-				this.value = void 0;
-			}
-		};
-		function pause(milliseconds, signal) {
-			if (milliseconds <= 0) return Promise.resolve();
-			return new Promise((resolve, reject) => {
-				const abort = () => {
-					clearTimeout(timer);
-					reject(signal.reason);
+				if (page.snapshotVersion !== previous.snapshotVersion || page.coverage !== "complete" || page.hasMore && (page.nextCursor === previous.nextCursor || previous.requestedCursors.includes(page.nextCursor))) throw new Error("目录版本已变化，请刷新列表");
+				const keys = new Set(previous.items.map((item) => item.personKey));
+				const result = {
+					...page,
+					query: previous.query,
+					requestedCursors: [...previous.requestedCursors, previous.nextCursor],
+					items: [...previous.items, ...page.items.filter((item) => {
+						if (keys.has(item.personKey)) return false;
+						keys.add(item.personKey);
+						return true;
+					})]
 				};
-				const timer = setTimeout(() => {
-					signal.removeEventListener("abort", abort);
-					resolve();
-				}, milliseconds);
-				signal.addEventListener("abort", abort, { once: true });
-				if (signal.aborted) abort();
-			});
-		}
-		var RecognizedSpeakerDirectory = class {
-			loaders;
-			pageGapMs;
-			now;
-			accounts = /* @__PURE__ */ new Map();
-			constructor(loaders = {
-				marked: readSpeakerOptions,
-				page: readSpeakerPage,
-				presence: readSpeakerPresence
-			}, pageGapMs = 750, now = Date.now) {
-				this.loaders = loaders;
-				this.pageGapMs = pageGapMs;
-				this.now = now;
+				state.lists.set(queryKey(previous.query), result);
+				return result;
 			}
-			account(account) {
-				const found = this.accounts.get(account);
-				if (found !== void 0) return found;
-				const pages = /* @__PURE__ */ new Map();
-				let startedAt = 0, lastRequestAt = 0, completed = false;
-				let state;
-				state = {
-					pages,
-					marked: new SharedRead(6e4, (signal) => this.loaders.marked(signal), this.now),
-					presence: new SharedRead(6e4, (signal) => this.loaders.presence(signal), this.now),
-					candidates: new SharedRead(5 * 6e4, async (signal, emit) => {
-						if (completed || this.now() - startedAt >= 5 * 6e4) pages.clear();
-						if (pages.size === 0) startedAt = this.now();
-						completed = false;
-						let total;
-						const result = await loadSpeakerCandidateSnapshot(async (cursor) => {
-							const cached = pages.get(cursor);
-							if (cached !== void 0) return cached;
-							await pause(Math.max(0, lastRequestAt + this.pageGapMs - this.now()), signal);
-							signal.throwIfAborted();
-							lastRequestAt = this.now();
-							const page = await this.loaders.page(cursor, signal);
-							signal.throwIfAborted();
-							if (page.cursorStale) {
-								pages.clear();
-								startedAt = this.now();
-							} else if (page.projectionState === void 0 || page.projectionState === "fresh") pages.set(cursor, page);
-							return page;
-						}, signal, (snapshot) => {
-							const first = pages.get("");
-							total = first?.coverage !== "partial" ? first?.total : void 0;
-							if (!state.candidates.value?.complete || snapshot.complete) emit({
-								...snapshot,
-								total
-							});
-						});
-						completed = result.complete;
-						if (!result.complete) {
-							if (!state.candidates.value?.complete) emit({
-								...result,
-								total
-							});
-							throw new Error("说话人列表尚未完整，请稍后重试");
+			async confirmDisplayed(account, list) {
+				if (!directoryVisible() || list.query.filter !== "all" || list.query.query !== "" || list.coverage !== "complete" || ![
+					"fresh",
+					"stale",
+					"failed"
+				].includes(list.state) || !list.throughCursor) return;
+				const state = this.account(account);
+				if (state.confirmedSeen.has(list.throughCursor) || state.expiredSeen.has(list.throughCursor) || state.snapshot.summary?.state === "disabled") return;
+				state.pendingSeen.add(list.throughCursor);
+				await this.flushSeen(account);
+			}
+			async flushSeen(account) {
+				const state = this.account(account);
+				if (!directoryVisible() || state.snapshot.summary?.state === "disabled") return;
+				for (const cursor of state.pendingSeen) {
+					let result;
+					try {
+						result = await this.request(account, `seen:${cursor}`, (signal) => this.api.seen(cursor, signal));
+					} catch (error) {
+						if (directoryErrorCode(error) === "arkme-code-1001") {
+							state.pendingSeen.delete(cursor);
+							state.expiredSeen.add(cursor);
+							state.lists.clear();
+							state.summaryAt = 0;
+							this.emit();
+							continue;
 						}
-						return {
-							...result,
-							total
-						};
-					}, this.now)
-				};
-				this.accounts.set(account, state);
-				return state;
-			}
-			peekMarked(account) {
-				return this.accounts.get(account)?.marked.value;
-			}
-			peekPresence(account) {
-				return this.accounts.get(account)?.presence.value;
+						throw error;
+					}
+					this.current(account, state);
+					if (result.success) {
+						state.pendingSeen.delete(cursor);
+						state.confirmedSeen.add(cursor);
+						await Promise.allSettled([...state.flights.entries()].filter(([key]) => key.endsWith(":summary")).map(([, promise]) => promise));
+						await this.summary(account, true);
+					} else if (result.state === "snapshot_expired") {
+						state.pendingSeen.delete(cursor);
+						state.expiredSeen.add(cursor);
+						state.lists.clear();
+						state.summaryAt = 0;
+						if (result.retryAfterMs > 0) state.retryAt = Math.max(state.retryAt, this.now() + result.retryAfterMs);
+						this.emit();
+					} else {
+						state.pendingSeen.clear();
+						if (state.snapshot.summary) state.snapshot = { summary: {
+							...state.snapshot.summary,
+							state: "disabled"
+						} };
+						this.emit();
+						return;
+					}
+				}
 			}
-			peekCandidates(account) {
-				return this.accounts.get(account)?.candidates.value;
+			hasPendingSeen(account) {
+				return (this.accounts.get(account)?.pendingSeen.size ?? 0) > 0;
 			}
-			readMarked(account, signal) {
-				return this.account(account).marked.read(signal);
+			needsReload(account, list) {
+				return this.accounts.get(account)?.expiredSeen.has(list.throughCursor) === true;
 			}
-			readPresence(account, signal) {
-				return this.account(account).presence.read(signal);
+			open(account, ref, signal) {
+				signal.throwIfAborted();
+				return this.request(account, `open:${ref}`, (inner) => this.api.open(ref, inner)).then((value) => {
+					signal.throwIfAborted();
+					return value;
+				});
 			}
-			refreshPresence(account, signal) {
-				this.account(account).presence.invalidate();
-				return this.readPresence(account, signal);
+			async avatars(account, detailRefs, signal) {
+				const state = this.account(account);
+				const result = await this.api.avatars(detailRefs, AbortSignal.any([state.controller.signal, signal]));
+				signal.throwIfAborted();
+				this.current(account, state);
+				return result;
 			}
-			readCandidates(account, signal, progress) {
-				return this.account(account).candidates.read(signal, progress);
+			/** Visible consumers share one lightweight summary request, including online/focus recovery. */
+			watch(account, changed = () => {}) {
+				let disposed = false, busy = false, timer;
+				const run = async () => {
+					if (disposed || busy || !directoryVisible()) return;
+					busy = true;
+					let delay = 3e4;
+					try {
+						const summary = await this.summary(account);
+						if (summary.state === "disabled") {
+							changed();
+							return;
+						}
+						await this.flushSeen(account);
+						changed();
+						delay = summary.retryAfterMs > 0 ? summary.retryAfterMs : 3e4;
+					} catch (error) {
+						delay = speakerRetryDelay(error) ?? 0;
+						changed();
+					} finally {
+						busy = false;
+						if (!disposed && delay > 0 && this.get(account).summary?.state !== "disabled") {
+							clearTimeout(timer);
+							timer = setTimeout(() => {
+								run();
+							}, Math.max(1e3, delay));
+						}
+					}
+				};
+				const wake = () => {
+					if (directoryVisible()) {
+						const value = this.account(account);
+						value.summaryAt = 0;
+						run();
+					}
+				};
+				run();
+				if (typeof document !== "undefined") document.addEventListener("visibilitychange", wake);
+				if (typeof window !== "undefined") {
+					window.addEventListener("online", wake);
+					window.addEventListener("focus", wake);
+				}
+				return () => {
+					disposed = true;
+					clearTimeout(timer);
+					if (typeof document !== "undefined") document.removeEventListener("visibilitychange", wake);
+					if (typeof window !== "undefined") {
+						window.removeEventListener("online", wake);
+						window.removeEventListener("focus", wake);
+					}
+				};
 			}
 			invalidate(account) {
 				const state = this.accounts.get(account);
-				if (state === void 0) return;
-				state.pages.clear();
-				state.marked.invalidate();
-				state.presence.invalidate();
-				state.candidates.invalidate();
+				if (!state) return;
+				state.revision += 1;
+				state.summaryAt = 0;
+				state.lists.clear();
+				this.emit();
 			}
 			clear() {
-				for (const state of this.accounts.values()) {
-					state.marked.dispose();
-					state.presence.dispose();
-					state.candidates.dispose();
-				}
+				this.accounts.forEach((state) => state.controller.abort());
 				this.accounts.clear();
+				this.emit();
 			}
 		};
 		const recognizedSpeakerDirectory = new RecognizedSpeakerDirectory();
-		const accountKey = () => {
+		const currentAccount$1 = () => {
 			const auth = arkmeAuthStore.getSnapshot().auth;
 			return auth?.status === "authenticated" ? `${auth.environment}:${auth.userId}` : "";
 		};
-		let activeAccount = accountKey();
+		let account$1 = currentAccount$1();
 		arkmeAuthStore.subscribe(() => {
-			const next = accountKey();
-			if (next !== activeAccount) {
-				activeAccount = next;
+			const next = currentAccount$1();
+			if (next !== account$1) {
+				account$1 = next;
 				recognizedSpeakerDirectory.clear();
 			}
 		});
@@ -57463,10 +57698,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 					throw error;
 				} finally {
 					if (context.current()) {
-						if (binding.account !== void 0) {
-							recognizedSpeakerTracker.uncertain(binding.account);
-							recognizedSpeakerDirectory.invalidate(binding.account);
-						}
+						if (binding.account !== void 0) recognizedSpeakerDirectory.invalidate(binding.account);
 						recordingSpeakerOptions.reset();
 						recordingSpeakerOptions.invalidate();
 						recordingSpeakerItemContexts.reset((candidateKey) => candidateKey === key || !recordingSpeakerItemContexts.get(candidateKey).mutating);
@@ -57947,29 +58179,29 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 				this.timer = void 0;
 			}
 		};
-		const caches = /* @__PURE__ */ new Map();
+		const caches$1 = /* @__PURE__ */ new Map();
 		function activateSelfTopicDirectoryAccount(account) {
-			for (const [key, cache] of caches) {
+			for (const [key, cache] of caches$1) {
 				if (key === account) continue;
 				cache.dispose();
-				caches.delete(key);
+				caches$1.delete(key);
 			}
 		}
 		function selfTopicDirectory(userId, environment) {
 			const key = `${environment}:${String(userId)}`;
-			let cache = caches.get(key);
+			let cache = caches$1.get(key);
 			if (!cache) {
 				cache = new SelfTopicDirectoryCache(userId, environment);
-				caches.set(key, cache);
+				caches$1.set(key, cache);
 			}
 			return cache;
 		}
 		function invalidateSelfTopicDirectories(hard = false) {
-			for (const cache of caches.values()) cache.invalidate(hard);
+			for (const cache of caches$1.values()) cache.invalidate(hard);
 		}
 		function resetSelfTopicDirectories() {
-			for (const cache of caches.values()) cache.dispose();
-			caches.clear();
+			for (const cache of caches$1.values()) cache.dispose();
+			caches$1.clear();
 		}
 		//#endregion
 		//#region src/client/provider-instance-runtime.ts
@@ -118596,7 +118828,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 										displayName: actorGroupNickname?.trim() || actorName,
 										...actorGroupNickname ? { groupNickname: actorGroupNickname } : {},
 										...actorAvatarRef ? { avatarRef: actorAvatarRef } : {}
-									} : actor;
+									} : target.resolveActor?.(actor) ?? actor;
 									const name = identity.displayName;
 									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [index > 0 && "、", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
@@ -120961,14 +121193,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				scope,
 				roles: [],
 				loading: true,
+				loaded: false,
 				error: ""
 			});
 			const visibleState = roleState.scope === scope ? roleState : {
 				scope,
 				roles: [],
 				loading: true,
+				loaded: false,
 				error: ""
 			};
+			const initialLoading = visibleState.loading && !visibleState.loaded;
 			const [refreshRevision, setRefreshRevision] = (0, react$1.useState)(0);
 			(0, react$1.useEffect)(() => {
 				if (typeof window === "undefined") return;
@@ -120986,6 +121221,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const [saving, setSaving] = (0, react$1.useState)(false);
 			const [formError, setFormError] = (0, react$1.useState)("");
 			const fileInputRef = (0, react$1.useRef)(null);
+			const listControllerRef = (0, react$1.useRef)();
 			const saveControllerRef = (0, react$1.useRef)();
 			(0, react$1.useEffect)(() => {
 				setMenuOpen(false);
@@ -121004,31 +121240,37 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			}, [scope]);
 			(0, react$1.useEffect)(() => {
 				const controller = new AbortController();
-				setRoleState({
+				listControllerRef.current = controller;
+				setRoleState((current) => ({
 					scope,
-					roles: roleState.scope === scope ? roleState.roles : [],
+					roles: current.scope === scope ? current.roles : [],
+					loaded: current.scope === scope && current.loaded,
 					loading: true,
 					error: ""
-				});
+				}));
 				callArkme("self-roles.list", { expectedUserId: userId }, controller.signal).then((roles) => {
 					if (controller.signal.aborted || scopeRef.current !== scope) return;
 					setRoleState({
 						scope,
 						roles,
 						loading: false,
+						loaded: true,
 						error: ""
 					});
+					for (const ref of new Set(roles.map((role) => role.avatarRef?.trim()).filter((ref) => !!ref))) arkmeAvatarImages.load(ref).catch(() => void 0);
 				}).catch((caught) => {
 					if (controller.signal.aborted || scopeRef.current !== scope) return;
 					setRoleState((current) => ({
 						scope,
 						roles: current.scope === scope ? current.roles : [],
+						loaded: current.scope === scope && current.loaded,
 						loading: false,
 						error: caught instanceof Error ? caught.message : "角色加载失败，请重试"
 					}));
 				});
 				return () => {
 					controller.abort();
+					if (listControllerRef.current === controller) listControllerRef.current = void 0;
 				};
 			}, [
 				scope,
@@ -121071,7 +121313,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			const createRole = async (event) => {
 				event.preventDefault();
 				const roleName = name.trim();
-				if (disabled || saveControllerRef.current !== void 0 || visibleState.loading || visibleState.error !== "" || editingRole === void 0 && visibleState.roles.length >= MAX_ROLES || !roleName || Array.from(roleName).length > MAX_NAME_LENGTH) return;
+				if (disabled || saveControllerRef.current !== void 0 || initialLoading || visibleState.error !== "" || editingRole === void 0 && visibleState.roles.length >= MAX_ROLES || !roleName || Array.from(roleName).length > MAX_NAME_LENGTH) return;
 				const controller = new AbortController();
 				saveControllerRef.current = controller;
 				const submittingScope = scope;
@@ -121087,8 +121329,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						...avatarRef === void 0 ? {} : { avatarRef }
 					}, controller.signal);
 					if (controller.signal.aborted || scopeRef.current !== submittingScope) return;
+					listControllerRef.current?.abort();
 					setRoleState((current) => current.scope === submittingScope ? {
 						...current,
+						loading: false,
+						loaded: true,
+						error: "",
 						roles: [...current.roles.filter((role) => role.roleId !== created.roleId), created]
 					} : current);
 					setCreateOpen(false);
@@ -121120,7 +121366,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					event.stopPropagation();
 				},
 				onClick: () => {
-					if (!menuOpen) setRefreshRevision((value) => value + 1);
+					if (!menuOpen && !visibleState.loading) setRefreshRevision((value) => value + 1);
 					setMenuOpen((value) => !value);
 				},
 				children: [
@@ -121168,8 +121414,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 					roleId: role.roleId
 				}).then(() => {
 					if (scopeRef.current !== scope) return;
+					listControllerRef.current?.abort();
 					setRoleState((current) => current.scope === scope ? {
 						...current,
+						loading: false,
+						loaded: true,
+						error: "",
 						roles: current.roles.filter((item) => item.roleId !== role.roleId)
 					} : current);
 					setRefreshRevision((value) => value + 1);
@@ -121219,7 +121469,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 						onSelect: () => deleteRole(role)
 					}]
 				})),
-				...visibleState.loading ? [{
+				...initialLoading ? [{
 					type: "label",
 					id: "role-loading",
 					text: "正在加载角色…"
@@ -121242,7 +121492,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 				{
 					id: "role-create",
 					label: "＋ 创建角色",
-					disabled: visibleState.loading || visibleState.error !== "" || visibleState.roles.length >= MAX_ROLES,
+					disabled: initialLoading || visibleState.error !== "" || visibleState.roles.length >= MAX_ROLES,
 					onSelect: () => {
 						setMenuOpen(false);
 						setEditingRole(void 0);
@@ -126598,11 +126848,11 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		}
 		const MAX_PREFERENCE = 4096;
 		const PADDING = 12;
-		const preferenceKey$2 = (account) => `dsh-arkme:calendar-height:v1:${encodeURIComponent(account)}`;
+		const preferenceKey$3 = (account) => `dsh-arkme:calendar-height:v1:${encodeURIComponent(account)}`;
 		function readCalendarHeight(account) {
 			if (!account) return void 0;
 			try {
-				const value = Number(localStorage.getItem(preferenceKey$2(account)));
+				const value = Number(localStorage.getItem(preferenceKey$3(account)));
 				return Number.isFinite(value) && value >= 360 && value <= MAX_PREFERENCE ? value : void 0;
 			} catch {
 				return;
@@ -126611,7 +126861,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		function writeCalendarHeight(account, height) {
 			if (!account || !Number.isFinite(height)) return;
 			try {
-				localStorage.setItem(preferenceKey$2(account), String(Math.round(Math.max(360, Math.min(MAX_PREFERENCE, height)))));
+				localStorage.setItem(preferenceKey$3(account), String(Math.round(Math.max(360, Math.min(MAX_PREFERENCE, height)))));
 			} catch {}
 		}
 		function calendarPopoverLayout(anchor, width, height, preferred) {
@@ -138133,14 +138383,14 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 				return;
 			}
 		}
-		function preferenceKey$1(userId) {
+		function preferenceKey$2(userId) {
 			return Number.isSafeInteger(userId) && (userId ?? 0) > 0 ? `${STORAGE_KEY_PREFIX$3}${String(userId)}` : void 0;
 		}
 		function isSelfTopicSort(value) {
 			return value === "latest" || value === "most" || value === "custom";
 		}
 		function readSelfTopicSortPreference(userId, storage) {
-			const key = preferenceKey$1(userId);
+			const key = preferenceKey$2(userId);
 			const target = preferenceStorage$1(storage);
 			if (key === void 0 || target === void 0) return DEFAULT_SELF_TOPIC_SORT;
 			try {
@@ -138151,7 +138401,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 			}
 		}
 		function writeSelfTopicSortPreference(userId, sort, storage) {
-			const key = preferenceKey$1(userId);
+			const key = preferenceKey$2(userId);
 			const target = preferenceStorage$1(storage);
 			if (key === void 0 || target === void 0) return;
 			try {
@@ -143575,7 +143825,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 				return;
 			}
 		}
-		function preferenceKey(userId) {
+		function preferenceKey$1(userId) {
 			return Number.isSafeInteger(userId) && (userId ?? 0) > 0 ? `${STORAGE_KEY_PREFIX$2}user:${String(userId)}` : `${STORAGE_KEY_PREFIX$2}anonymous`;
 		}
 		function isMarketplaceSort(value) {
@@ -143585,7 +143835,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 			const target = preferenceStorage(storage);
 			if (target === void 0) return DEFAULT_MARKETPLACE_SORT;
 			try {
-				const value = target.getItem(preferenceKey(userId));
+				const value = target.getItem(preferenceKey$1(userId));
 				return isMarketplaceSort(value) ? value : DEFAULT_MARKETPLACE_SORT;
 			} catch {
 				return DEFAULT_MARKETPLACE_SORT;
@@ -143595,7 +143845,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 			const target = preferenceStorage(storage);
 			if (target === void 0) return;
 			try {
-				target.setItem(preferenceKey(userId), sort);
+				target.setItem(preferenceKey$1(userId), sort);
 			} catch {}
 		}
 		//#endregion
@@ -155138,7 +155388,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 		* Wrap `React.useLayoutEffect` which will not throw warning message in test env
 		*/
 		const useInternalLayoutEffect = canUseDom() ? react.useLayoutEffect : react.useEffect;
-		const useLayoutEffect$24 = (callback, deps) => {
+		const useLayoutEffect$25 = (callback, deps) => {
 			const firstMountRef = react.useRef(true);
 			useInternalLayoutEffect(() => {
 				return callback(firstMountRef.current);
@@ -155182,7 +155432,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 		function useControlledState(defaultStateValue, value) {
 			const [innerValue, setInnerValue] = (0, react.useState)(defaultStateValue);
 			const mergedValue = value !== void 0 ? value : innerValue;
-			useLayoutEffect$24((mount) => {
+			useLayoutEffect$25((mount) => {
 				if (!mount) setInnerValue(value);
 			}, [value]);
 			return [mergedValue, setInnerValue];
@@ -155245,7 +155495,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 		};
 		//#endregion
 		//#region node_modules/@rc-component/util/es/hooks/useMemo.js
-		function useMemo$37(getValue, condition, shouldUpdate) {
+		function useMemo$36(getValue, condition, shouldUpdate) {
 			const cacheRef = react.useRef({});
 			if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
 				cacheRef.current.value = getValue();
@@ -155358,7 +155608,7 @@ body:has([data-arkme-self-topic-menu]) > [role="menu"] { z-index: 10030; }
 			};
 		};
 		const useComposeRef = (...refs) => {
-			return useMemo$37(() => composeRef(...refs), refs, (prev, next) => prev.length !== next.length || prev.every((ref, i) => ref !== next[i]));
+			return useMemo$36(() => composeRef(...refs), refs, (prev, next) => prev.length !== next.length || prev.every((ref, i) => ref !== next[i]));
 		};
 		const supportRef = (nodeOrComponent) => {
 			if (!nodeOrComponent) return false;
@@ -156248,13 +156498,13 @@ ${height ? `height: ${webkitScrollbarStyle.height};` : ""}
 				ele.parentElement?.removeChild(ele);
 				appendedRef.current = false;
 			}
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (render) if (queueCreate) queueCreate(append);
 				else append();
 				else cleanup();
 				return cleanup;
 			}, [render]);
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (queue.length) {
 					queue.forEach((appendFn) => appendFn());
 					setQueue(EMPTY_LIST);
@@ -156280,7 +156530,7 @@ ${height ? `height: ${webkitScrollbarStyle.height};` : ""}
 				uuid$1 += 1;
 				return `${UNIQUE_ID}_${uuid$1}`;
 			});
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (mergedLock) {
 					const scrollbarSize = getTargetScrollBarSize(document.body).width;
 					updateCSS(`
@@ -157223,7 +157473,7 @@ html body {
 			]);
 			const getPopupContainerNeedParams = getPopupContainer?.length > 0;
 			const [show, setShow] = react.useState(!getPopupContainer || !getPopupContainerNeedParams);
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (!show && getPopupContainerNeedParams && target) setShow(true);
 			}, [
 				show,
@@ -157775,8 +158025,8 @@ html body {
 					ready: false
 				}));
 			};
-			useLayoutEffect$24(resetReady, [placement]);
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(resetReady, [placement]);
+			useLayoutEffect$25(() => {
 				if (!open) resetReady();
 			}, [open]);
 			return [
@@ -157820,7 +158070,7 @@ html body {
 		//#endregion
 		//#region node_modules/@rc-component/trigger/es/hooks/useWatch.js
 		function useWatch(open, target, popup, onAlign, onScroll) {
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (open && target && popup) {
 					const targetElement = target;
 					const popupElement = popup;
@@ -157975,7 +158225,7 @@ html body {
 					id,
 					onEsc
 				}));
-				useLayoutEffect$24(() => {
+				useLayoutEffect$25(() => {
 					if (uniqueContext && unique && targetEle && !openUncontrolled && !parentContext) if (mergedOpen) uniqueContext.show(getUniqueOptions(mouseEnterDelay), isOpen);
 					else uniqueContext.hide(mouseLeaveDelay);
 				}, [mergedOpen, targetEle]);
@@ -158011,7 +158261,7 @@ html body {
 					if (top) triggerOpen(false);
 				}
 				const [inMotion, setInMotion] = react.useState(false);
-				useLayoutEffect$24((firstMount) => {
+				useLayoutEffect$25((firstMount) => {
 					if (!firstMount || mergedOpen) setInMotion(true);
 				}, [mergedOpen]);
 				const [motionPrepareResolve, setMotionPrepareResolve] = react.useState(null);
@@ -158030,10 +158280,10 @@ html body {
 					if (openRef.current && alignPoint && clickToHide) triggerOpen(false);
 				};
 				useWatch(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
-				useLayoutEffect$24(() => {
+				useLayoutEffect$25(() => {
 					triggerAlign();
 				}, [mousePos, popupPlacement]);
-				useLayoutEffect$24(() => {
+				useLayoutEffect$25(() => {
 					if (mergedOpen && !builtinPlacements?.[popupPlacement]) triggerAlign();
 				}, [JSON.stringify(popupAlign)]);
 				const alignedClassName = react.useMemo(() => {
@@ -158073,7 +158323,7 @@ html body {
 					syncTargetSize();
 					setMotionPrepareResolve(() => resolve);
 				});
-				useLayoutEffect$24(() => {
+				useLayoutEffect$25(() => {
 					if (motionPrepareResolve) {
 						onAlign();
 						motionPrepareResolve();
@@ -158280,7 +158530,7 @@ html body {
 		}
 		function useTarget(target, open, gap, scrollIntoViewOptions, inlineMode, placeholderRef) {
 			const [targetElement, setTargetElement] = (0, react.useState)(void 0);
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				const nextElement = typeof target === "function" ? target() : target;
 				setTargetElement(nextElement || null);
 			});
@@ -158310,7 +158560,7 @@ html body {
 				} else setPosInfo(null);
 			});
 			const getGapOffset = (index) => (Array.isArray(gap?.offset) ? gap?.offset[index] : gap?.offset) ?? 6;
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				updatePos();
 				window.addEventListener("resize", updatePos);
 				window.addEventListener("scroll", updatePos);
@@ -158600,7 +158850,7 @@ html body {
 			const mergedOpen = mergedCurrent < 0 || mergedCurrent >= steps.length ? false : internalOpen ?? true;
 			const [hasOpened, setHasOpened] = react.useState(mergedOpen);
 			const openRef = react.useRef(mergedOpen);
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (mergedOpen) {
 					if (!openRef.current) setMergedCurrent(0);
 					setHasOpened(true);
@@ -158617,7 +158867,7 @@ html body {
 			const mergedPlacement = getPlacement(targetElement, placement, stepPlacement);
 			const mergedArrow = targetElement ? typeof stepArrow === "undefined" ? arrow : stepArrow : false;
 			const arrowPointAtCenter = typeof mergedArrow === "object" ? mergedArrow.pointAtCenter : false;
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				triggerRef.current?.forceAlign();
 			}, [arrowPointAtCenter, mergedCurrent]);
 			const onInternalChange = (nextCurrent) => {
@@ -158655,7 +158905,7 @@ html body {
 					return;
 				}
 			});
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (!mergedOpen) return;
 				window.addEventListener("keydown", keyboardHandler);
 				return () => {
@@ -166140,7 +166390,7 @@ html body {
 		//#endregion
 		//#region src/client/self-topic-expansion-preference.ts
 		const EMPTY$1 = /* @__PURE__ */ new Set();
-		function browserStorage() {
+		function browserStorage$1() {
 			try {
 				return typeof window === "undefined" ? void 0 : window.localStorage;
 			} catch {
@@ -166159,7 +166409,7 @@ html body {
 			storage;
 			value;
 			listeners = /* @__PURE__ */ new Set();
-			constructor(key, storage = browserStorage()) {
+			constructor(key, storage = browserStorage$1()) {
 				this.key = key;
 				this.storage = storage;
 				this.value = this.read();
@@ -178696,73 +178946,19 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 		const p$2 = e$36;
 		//#endregion
 		//#region src/client/recordings/RecognizedSpeakerEntry.tsx
-		function RecognizedSpeakerEntry({ accountKey, active, onOpen, style, readMarked = readSpeakerOptions, readPage = readSpeakerPage, directory: providedDirectory }) {
+		function RecognizedSpeakerEntry({ accountKey, active, onOpen, style, directory = recognizedSpeakerDirectory }) {
 			useArkmeLocale();
-			const directory = (0, react$1.useMemo)(() => providedDirectory ?? (readMarked === readSpeakerOptions && readPage === readSpeakerPage ? recognizedSpeakerDirectory : new RecognizedSpeakerDirectory({
-				marked: readMarked,
-				page: readPage,
-				presence: readSpeakerPresence
-			}, 0)), [
-				providedDirectory,
-				readMarked,
-				readPage
-			]);
-			const snapshot = (0, react$1.useSyncExternalStore)(recognizedSpeakerTracker.subscribe, () => recognizedSpeakerTracker.get(accountKey), () => recognizedSpeakerTracker.get(accountKey));
+			const snapshot = (0, react$1.useSyncExternalStore)(directory.subscribe, () => directory.get(accountKey), () => directory.get(accountKey));
 			(0, react$1.useEffect)(() => {
-				if (!active || accountKey === void 0) return;
-				const controller = new AbortController();
-				let busy = false;
-				let retryTimer;
-				const refresh = async () => {
-					if (busy || controller.signal.aborted || typeof document !== "undefined" && document.visibilityState === "hidden") return;
-					busy = true;
-					try {
-						let marked;
-						const updateTotal = () => {
-							const value = directory.peekCandidates(accountKey);
-							if (marked !== void 0 && value?.total !== void 0 && !controller.signal.aborted) recognizedSpeakerTracker.setTotal(accountKey, markedSpeakerKeys(marked).length + value.total);
-						};
-						const [, result] = await Promise.all([directory.readMarked(accountKey, controller.signal).then((value) => {
-							marked = value;
-							updateTotal();
-						}), directory.readCandidates(accountKey, controller.signal, updateTotal)]);
-						if (controller.signal.aborted) return;
-						if (result.complete && marked !== void 0) recognizedSpeakerTracker.observe(accountKey, marked, result.items);
-						else recognizedSpeakerTracker.uncertain(accountKey);
-					} catch (error) {
-						if (!controller.signal.aborted) {
-							recognizedSpeakerTracker.uncertain(accountKey);
-							const delay = speakerRetryDelay(error);
-							if (delay !== void 0) {
-								clearTimeout(retryTimer);
-								retryTimer = setTimeout(() => {
-									refresh();
-								}, delay);
-							}
-						}
-					} finally {
-						busy = false;
-					}
-				};
-				refresh();
-				const timer = setInterval(() => {
-					refresh();
-				}, 6e4);
-				const onVisible = () => {
-					refresh();
-				};
-				if (typeof document !== "undefined") document.addEventListener("visibilitychange", onVisible);
-				return () => {
-					controller.abort();
-					clearInterval(timer);
-					clearTimeout(retryTimer);
-					if (typeof document !== "undefined") document.removeEventListener("visibilitychange", onVisible);
-				};
+				if (active && accountKey !== void 0) return directory.watch(accountKey);
 			}, [
 				accountKey,
 				active,
 				directory
 			]);
+			const summary = snapshot.summary;
+			const count = summary?.state === "disabled" ? null : summary?.totalCount;
+			const hint = summary?.state === "disabled" ? "目录暂不可用" : count == null ? summary?.state === "building" ? "整理中…" : snapshot.error || summary?.state === "failed" ? "暂时无法更新" : "" : (summary?.unseenCount ?? 0) > 0 ? tr$1("新识别 {v0} 个", { v0: summary.unseenCount }) : "";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				"data-arkme-feedback": "recording-action",
 				type: "button",
@@ -178796,12 +178992,12 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							},
 							children: tr$1("已识别说话人")
 						}),
-						snapshot.total !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						count != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							style: {
 								flexShrink: 0,
 								fontVariantNumeric: "tabular-nums"
 							},
-							children: snapshot.total
+							children: count
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(s$21, {
 							size: 12,
@@ -178809,14 +179005,14 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							"aria-hidden": true
 						})
 					]
-				}), (snapshot.newCount ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				}), hint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					style: {
 						fontSize: 11,
 						lineHeight: "15px",
 						fontWeight: 400
 					},
 					"aria-live": "polite",
-					children: tr$1("新识别 {v0} 个", { v0: snapshot.newCount })
+					children: tr$1(hint)
 				})]
 			});
 		}
@@ -191153,6 +191349,28 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 			});
 		}
 		//#endregion
+		//#region src/client/recognized-speaker-order.ts
+		const preferenceKey = (accountKey) => `dsh-arkme:recognized-speaker-order:v1:${accountKey}`;
+		function browserStorage() {
+			try {
+				return typeof window === "undefined" ? void 0 : window.localStorage;
+			} catch {
+				return;
+			}
+		}
+		function readRecognizedSpeakerOrder(accountKey, storage = browserStorage()) {
+			try {
+				return storage?.getItem(preferenceKey(accountKey)) === "recent" ? "recent" : "frequent";
+			} catch {
+				return "frequent";
+			}
+		}
+		function writeRecognizedSpeakerOrder(accountKey, order, storage = browserStorage()) {
+			try {
+				storage?.setItem(preferenceKey(accountKey), order);
+			} catch {}
+		}
+		//#endregion
 		//#region src/client/recordings/SpeakerSelfGuide.tsx
 		const loadVoiceprint = (signal) => callArkme("voiceprint.status", {}, signal);
 		function SpeakerSelfGuide({ onOpenRecordings, readVoiceprint = loadVoiceprint }) {
@@ -191175,7 +191393,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 			if (state.loading) return null;
 			const pending = state.value?.enrollmentPending === true;
 			const hasVoiceprint = state.value?.hasVoiceprint === true;
-			const title = pending ? "你的声纹正在处理中" : hasVoiceprint ? "已录入声纹，暂未在录音中匹配到你" : "还没有标记你的声音";
+			const title = state.value === void 0 ? "声纹状态暂不可用" : pending ? "你的声纹正在处理中" : hasVoiceprint ? "已录入声纹，暂未在录音中匹配到你" : "还没有标记你的声音";
 			const actionStyle = {
 				border: 0,
 				padding: 0,
@@ -191230,39 +191448,6 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 		}
 		//#endregion
 		//#region src/client/ArkmeRecognizedSpeakersSurface.tsx
-		/** Group only by a stable owner identity, never by a shared name or speaker number. */
-		function identifiedSpeakerRows(options, candidates) {
-			const marked = /* @__PURE__ */ new Map();
-			for (const option of options) {
-				if (option.kind !== "speaker") continue;
-				const key = option.personKey || option.optionKey;
-				if (marked.has(key)) continue;
-				marked.set(key, {
-					kind: "marked",
-					key,
-					optionKey: option.optionKey,
-					speakerRef: option.speakerRef,
-					name: option.label.trim() || "未命名说话人",
-					...option.avatarRef === void 0 ? {} : { avatarRef: option.avatarRef },
-					isCurrentUser: option.isCurrentUser
-				});
-			}
-			const unmarked = /* @__PURE__ */ new Map();
-			for (const candidate of candidates) {
-				if (unmarked.has(candidate.candidateRef)) continue;
-				unmarked.set(candidate.candidateRef, {
-					kind: "unmarked",
-					key: candidate.candidateRef,
-					name: tr$1("说话人 {v0}", { v0: candidate.speakerToken?.trim() || candidate.displayName }),
-					token: candidate.speakerToken?.trim() || "",
-					subtitle: candidate.subtitle,
-					candidateRef: candidate.candidateRef,
-					dayCount: candidate.appearanceDays,
-					lastSeenAt: candidate.latestAtMillis
-				});
-			}
-			return [...[...marked.values()].sort((left, right) => left.name.localeCompare(right.name)), ...unmarked.values()];
-		}
 		const styles$20 = {
 			root: {
 				flex: 1,
@@ -191450,87 +191635,133 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				borderBottom: `1px solid ${arkmeTheme.borderSoft}`
 			}
 		};
-		const defaultLoadMarkedMembers = async (speakerRef, signal, expectedVersion) => await callArkme("recordings.speaker.members", {
+		const defaultLoadMarkedMembers = (speakerRef, signal, expectedVersion) => callArkme("recordings.speaker.members", {
 			speakerRef,
 			...expectedVersion === void 0 ? {} : { expectedVersion }
 		}, signal);
-		function failureMessage(error) {
-			return error instanceof Error && error.message.trim() !== "" ? error.message : tr$1("说话人列表暂时无法加载");
-		}
-		function markedPresenceLabel(stat, result, loading, error) {
-			if (loading || result?.state === "building") return tr$1("出现统计整理中");
-			if (error !== "" || result?.state === "failed" || result === void 0) return tr$1("出现统计暂不可用");
-			if (result.state === "stale") return tr$1("出现统计更新中");
-			if (stat !== void 0) {
-				const date = new Date(stat.lastSeenAt);
-				if (!Number.isNaN(date.getTime())) {
-					const two = (value) => String(value).padStart(2, "0");
-					const recent = `${date.getFullYear()}-${two(date.getMonth() + 1)}-${two(date.getDate())} ${two(date.getHours())}:${two(date.getMinutes())}`;
-					return tr$1("出现 {v0} 天 · 最近 {v1}", {
-						v0: stat.dayCount,
-						v1: recent
-					});
-				}
-			}
-			return tr$1("暂无可统计的录音片段");
-		}
-		function MarkedSpeakerDetail({ accountKey, speaker, loadMembers, version, onVersionChanged }) {
-			const [state, setState] = (0, react$1.useState)({
-				loading: true,
-				error: ""
+		const failureMessage = (error) => error instanceof Error ? error.message : tr$1("说话人列表暂时无法加载");
+		const nameSegmenter = new Intl.Segmenter("zh-CN", { granularity: "grapheme" });
+		function speakerNameAvatarFallback(row) {
+			const initial = nameSegmenter.segment(row.displayName.trim())[Symbol.iterator]().next().value?.segment;
+			if (!initial) return void 0;
+			let hash = 0;
+			for (const character of row.personKey) hash = Math.imul(hash, 31) + character.codePointAt(0) >>> 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-hidden": true,
+				style: {
+					width: "100%",
+					height: "100%",
+					display: "grid",
+					placeItems: "center",
+					borderRadius: "50%",
+					background: `color-mix(in srgb, ${recordingSpeakerColor(hash % 15)} 30%, ${arkmeTheme.base})`,
+					color: arkmeTheme.text,
+					fontSize: 17,
+					fontWeight: 600,
+					lineHeight: 1
+				},
+				children: initial
 			});
+		}
+		function personStats(row) {
+			const recent = row.lastSeenAt > 0 ? new Intl.DateTimeFormat(arkmeIntlLocale(), {
+				year: "numeric",
+				month: "2-digit",
+				day: "2-digit",
+				hour: "2-digit",
+				minute: "2-digit",
+				hour12: false
+			}).format(row.lastSeenAt) : tr$1("时间未知");
+			return tr$1("出现 {v0} 天 · 最近 {v1}", {
+				v0: row.dayCount,
+				v1: recent
+			});
+		}
+		function statusText(status) {
+			if (status?.state === "disabled") return tr$1("说话人目录暂不可用，请稍后再试。");
+			if (status?.coverage === "unknown") return status.state === "failed" ? tr$1("说话人目录暂不可用，请稍后刷新。") : tr$1("正在整理说话人目录…");
+			if (status?.state === "failed") return tr$1("更新暂未完成，当前显示上次整理的目录。");
+			if (status?.state === "stale") return tr$1("正在更新，当前显示已整理的目录。");
+			if (status && (status.processingSessionCount > 0 || status.pendingIdentityAggregationCount > 0 || status.insufficientEvidenceCount > 0 || status.scanTruncated)) return tr$1("部分录音仍在整理，人物可能继续更新。");
+			return "";
+		}
+		function PersonDetail({ row, accountKey, directory, loadMembers, onChanged }) {
+			const [detail, setDetail] = (0, react$1.useState)();
+			const [members, setMembers] = (0, react$1.useState)();
+			const [error, setError] = (0, react$1.useState)("");
+			const [revision, setRevision] = (0, react$1.useState)(0);
 			(0, react$1.useEffect)(() => {
 				const controller = new AbortController();
-				setState({
-					loading: true,
-					error: ""
-				});
-				let timer;
-				const load = async () => {
-					try {
-						const result = await loadMembers(speaker.speakerRef, controller.signal, version);
+				let retry;
+				setDetail(void 0);
+				setMembers(void 0);
+				setError("");
+				directory.open(accountKey, row.detailRef, controller.signal).then(async (value) => {
+					if (controller.signal.aborted) return;
+					setDetail(value);
+					if (value.type === "speaker") {
+						const result = await loadMembers(value.speakerRef, controller.signal, value.expectedVersion);
 						if (controller.signal.aborted) return;
-						setState({
-							loading: false,
-							result,
-							error: ""
-						});
-						if (result.state === "stale" && result.version !== void 0 && result.version !== version) onVersionChanged();
-						if (result.state !== "fresh") timer = setTimeout(() => {
-							load();
+						setMembers(result);
+						if (result.state === "stale") onChanged();
+						else if (result.state !== "fresh") retry = setTimeout(() => {
+							if (directoryVisible()) setRevision((value) => value + 1);
 						}, Math.max(5e3, result.retryAfterMs ?? 1e4));
-					} catch (error) {
-						if (!controller.signal.aborted) setState({
-							loading: false,
-							error: failureMessage(error)
-						});
 					}
-				};
-				load();
+				}).catch((error) => {
+					if (controller.signal.aborted) return;
+					if (directoryErrorCode(error) === "unmarked-candidate-not-found") onChanged();
+					else setError(failureMessage(error));
+				});
 				return () => {
-					clearTimeout(timer);
 					controller.abort();
+					clearTimeout(retry);
 				};
 			}, [
+				row.detailRef,
 				accountKey,
-				speaker.speakerRef,
+				directory,
 				loadMembers,
-				version,
-				onVersionChanged
+				onChanged,
+				revision
 			]);
+			if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "alert",
+				style: styles$20.error,
+				children: [
+					error,
+					" ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						style: styles$20.button,
+						onClick: () => setRevision((value) => value + 1),
+						children: tr$1("重试")
+					})
+				]
+			});
+			if (!detail) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				role: "status",
+				style: styles$20.state,
+				children: tr$1("正在加载人物详情…")
+			});
+			if (detail.type === "candidate") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnmarkedSpeakerDetail, {
+				accountKey,
+				candidateRef: detail.candidateRef,
+				onDirectoryRefresh: onChanged,
+				onCandidateCleared: onChanged
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				"aria-label": tr$1("已标记说话人详情"),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
 						style: styles$20.detailTitle,
-						children: [speaker.name, speaker.isCurrentUser ? ` · ${tr$1("我")}` : ""]
+						children: [row.displayName, row.isSelf ? ` · ${tr$1("我")}` : ""]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: {
 							...styles$20.meta,
 							margin: 0
 						},
-						children: tr$1("查看已确认归属的原始识别身份")
+						children: personStats(row)
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 						style: styles$20.detailSection,
@@ -191539,30 +191770,20 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: {
 							...styles$20.meta,
-							margin: "0 0 8px",
 							whiteSpace: "normal"
 						},
 						children: tr$1("展示全部历史已转写片段中可核实的关联。")
 					}),
-					state.loading || state.result?.state === "building" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					!members || members.state !== "fresh" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						role: "status",
 						style: styles$20.state,
-						children: tr$1("正在查找关联说话人…")
-					}) : state.error !== "" || state.result?.state === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						role: "alert",
-						style: styles$20.error,
-						children: state.error || tr$1("出现统计暂不可用")
-					}) : state.result?.state === "stale" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						role: "status",
-						style: styles$20.state,
-						children: tr$1("出现统计更新中")
-					}) : state.result?.items.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						role: "status",
+						children: members?.state === "failed" ? tr$1("出现统计暂不可用") : tr$1("出现统计整理中")
+					}) : members.items.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						style: styles$20.state,
-						children: state.result.dayCount > 0 ? tr$1("有发声，但未找到稳定的原始识别身份。") : tr$1("暂无可核实的关联说话人。")
+						children: tr$1("暂无可核实的关联说话人。")
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 						style: styles$20.list,
-						children: state.result?.items.map((member) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+						children: members.items.map((member) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 							style: styles$20.memberRow,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnmarkedSpeakerTokenAvatar, {
 								token: member.token,
@@ -191583,274 +191804,251 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				]
 			});
 		}
-		function ArkmeRecognizedSpeakersSurface({ accountKey, onBack, loadMarked = readSpeakerOptions, loadPresence = readSpeakerPresence, loadMarkedMembers = defaultLoadMarkedMembers, loadUnmarked = readSpeakerPage, directory: providedDirectory }) {
+		function ArkmeRecognizedSpeakersSurface(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DirectorySurface, { ...props }, props.accountKey);
+		}
+		function DirectorySurface({ accountKey, onBack, directory = recognizedSpeakerDirectory, loadMarkedMembers = defaultLoadMarkedMembers }) {
 			useArkmeLocale();
-			const directory = (0, react$1.useMemo)(() => providedDirectory ?? (loadMarked === readSpeakerOptions && loadUnmarked === readSpeakerPage && loadPresence === readSpeakerPresence ? recognizedSpeakerDirectory : new RecognizedSpeakerDirectory({
-				marked: loadMarked,
-				page: loadUnmarked,
-				presence: loadPresence
-			}, 0)), [
-				providedDirectory,
-				loadMarked,
-				loadUnmarked,
-				loadPresence
-			]);
 			const [filter, setFilter] = (0, react$1.useState)("all");
-			const [query, setQuery] = (0, react$1.useState)("");
-			const [orderPreference, setOrderPreference] = (0, react$1.useState)(() => ({
-				accountKey,
-				value: readRecognizedSpeakerOrder(accountKey)
-			}));
-			const order = orderPreference.accountKey === accountKey ? orderPreference.value : readRecognizedSpeakerOrder(accountKey);
-			const [visibleCount, setVisibleCount] = (0, react$1.useState)(100);
-			const [refreshRevision, setRefreshRevision] = (0, react$1.useState)(0);
-			const [marked, setMarked] = (0, react$1.useState)({
-				loading: true,
-				items: [],
-				error: ""
-			});
-			const [presence, setPresence] = (0, react$1.useState)({
-				loading: true,
-				error: ""
-			});
-			const [unmarked, setUnmarked] = (0, react$1.useState)({
-				loading: true,
-				complete: false,
-				items: [],
-				projectionState: void 0,
-				error: ""
-			});
-			const [selectedCandidate, setSelectedCandidate] = (0, react$1.useState)();
-			const [selectedMarked, setSelectedMarked] = (0, react$1.useState)();
-			const lastAccountKey = (0, react$1.useRef)(accountKey);
-			const readAccount = (0, react$1.useRef)();
-			const refresh = (0, react$1.useCallback)(() => {
-				directory.invalidate(accountKey);
-				setSelectedMarked(void 0);
-				setRefreshRevision((value) => value + 1);
-			}, [directory, accountKey]);
+			const [input, setInput] = (0, react$1.useState)(""), [queryText, setQueryText] = (0, react$1.useState)("");
+			const [sort, setSort] = (0, react$1.useState)(() => readRecognizedSpeakerOrder(accountKey));
+			const query = (0, react$1.useMemo)(() => ({
+				filter,
+				sort,
+				query: queryText
+			}), [
+				filter,
+				sort,
+				queryText
+			]);
+			const [list, setList] = (0, react$1.useState)();
+			const listRef = (0, react$1.useRef)(list);
+			listRef.current = list;
+			const [loading, setLoading] = (0, react$1.useState)(true), [moreLoading, setMoreLoading] = (0, react$1.useState)(false);
+			const [error, setError] = (0, react$1.useState)(""), [seenError, setSeenError] = (0, react$1.useState)("");
+			const [selected, setSelected] = (0, react$1.useState)();
+			const [avatars, setAvatars] = (0, react$1.useState)({});
+			const rootRef = (0, react$1.useRef)(null), listScroll = (0, react$1.useRef)(0), hadSelection = (0, react$1.useRef)(false);
+			(0, react$1.useLayoutEffect)(() => {
+				const root = rootRef.current;
+				if (root && root.clientWidth <= 680) {
+					if (selected && !hadSelection.current) {
+						listScroll.current = root.scrollTop;
+						root.scrollTop = 0;
+					} else if (!selected && hadSelection.current) root.scrollTop = listScroll.current;
+				}
+				hadSelection.current = selected !== void 0;
+			}, [selected]);
+			const [revision, setRevision] = (0, react$1.useState)(0);
+			const force = (0, react$1.useRef)(false), recoveryAttempts = (0, react$1.useRef)(0);
+			const controllerRef = (0, react$1.useRef)();
+			const snapshot = (0, react$1.useSyncExternalStore)(directory.subscribe, () => directory.get(accountKey), () => directory.get(accountKey));
+			const summary = snapshot.summary;
+			const queryValid = directoryQueryValid(input);
+			const queryPending = normalizeDirectoryQuery(input) !== queryText;
+			const listMatches = list?.query.filter === filter && list.query.sort === sort && list.query.query === queryText;
 			(0, react$1.useEffect)(() => {
-				setVisibleCount(100);
+				if (!directory.hasPendingSeen(accountKey)) setSeenError("");
 			}, [
+				directory,
 				accountKey,
-				filter,
-				query,
-				order
+				snapshot
 			]);
+			(0, react$1.useEffect)(() => {
+				const timer = setTimeout(() => setQueryText(normalizeDirectoryQuery(input)), 300);
+				return () => clearTimeout(timer);
+			}, [input]);
+			const refresh = (0, react$1.useCallback)(() => {
+				force.current = true;
+				directory.invalidate(accountKey);
+				setRevision((value) => value + 1);
+			}, [directory, accountKey]);
 			(0, react$1.useEffect)(() => {
 				const controller = new AbortController();
-				const retryTimers = [];
-				const retry = (error, read) => {
-					const delay = speakerRetryDelay(error);
-					if (delay !== void 0) retryTimers.push(setTimeout(() => {
-						if (!controller.signal.aborted) read();
-					}, delay));
-				};
-				readAccount.current = void 0;
-				if (lastAccountKey.current !== accountKey) {
-					lastAccountKey.current = accountKey;
-					setMarked({
-						loading: true,
-						items: [],
-						error: ""
-					});
-					setPresence({
-						loading: true,
-						error: ""
-					});
-					setUnmarked({
-						loading: true,
-						complete: false,
-						items: [],
-						projectionState: void 0,
-						error: ""
-					});
-					setOrderPreference({
-						accountKey,
-						value: readRecognizedSpeakerOrder(accountKey)
-					});
-					setQuery("");
-					setSelectedMarked(void 0);
-					setSelectedCandidate(void 0);
-				}
-				setMarked((previous) => ({
-					...previous,
-					loading: true,
-					error: ""
-				}));
-				setPresence((previous) => ({
-					...previous,
-					loading: true,
-					error: ""
-				}));
-				setUnmarked((previous) => ({
-					...previous,
-					loading: true,
-					complete: false,
-					error: ""
-				}));
-				const cachedMarked = directory.peekMarked(accountKey);
-				if (cachedMarked !== void 0) setMarked({
-					loading: false,
-					items: cachedMarked,
-					error: ""
-				});
-				const readMarked = () => {
-					directory.readMarked(accountKey, controller.signal).then((items) => {
-						if (!controller.signal.aborted) setMarked({
-							loading: false,
-							items,
-							error: ""
-						});
-					}).catch((error) => {
+				controllerRef.current = controller;
+				let retry;
+				let busy = false;
+				const cached = directory.peek(accountKey, query);
+				setList(cached);
+				setSelected(void 0);
+				setError("");
+				setMoreLoading(false);
+				const load = async () => {
+					if (busy || !directoryVisible() || controller.signal.aborted) return;
+					if (!directoryQueryValid(query.query)) {
+						setLoading(false);
+						return;
+					}
+					busy = true;
+					setLoading(true);
+					try {
+						const result = await directory.first(accountKey, query, controller.signal, force.current);
 						if (!controller.signal.aborted) {
-							setMarked((previous) => ({
-								...previous,
-								loading: false,
-								error: failureMessage(error)
-							}));
-							retry(error, readMarked);
+							force.current = false;
+							setList(result);
+							setError("");
 						}
-					});
+					} catch (error) {
+						if (controller.signal.aborted) return;
+						setError(failureMessage(error));
+						const delay = speakerRetryDelay(error);
+						if (delay !== void 0) retry = setTimeout(() => {
+							load();
+						}, delay);
+					} finally {
+						busy = false;
+						if (!controller.signal.aborted) setLoading(false);
+					}
 				};
-				readMarked();
-				const cachedPresence = directory.peekPresence(accountKey);
-				if (cachedPresence !== void 0) setPresence({
-					loading: false,
-					result: cachedPresence,
-					error: ""
+				load();
+				const unwatch = directory.watch(accountKey, () => {
+					if (controller.signal.aborted) return;
+					const current = listRef.current;
+					if (!current || current.coverage === "unknown" || directory.needsReload(accountKey, current)) load();
 				});
-				const readPresence = () => {
-					directory.readPresence(accountKey, controller.signal).then((result) => {
-						if (!controller.signal.aborted) setPresence({
-							loading: false,
-							result,
-							error: ""
-						});
-					}).catch((error) => {
-						if (!controller.signal.aborted) {
-							setPresence((previous) => ({
-								...previous,
-								loading: false,
-								error: failureMessage(error)
-							}));
-							retry(error, readPresence);
-						}
-					});
+				return () => {
+					controller.abort();
+					clearTimeout(retry);
+					unwatch();
 				};
-				readPresence();
-				const readCandidates = () => {
-					directory.readCandidates(accountKey, controller.signal, (snapshot) => {
-						if (!controller.signal.aborted) {
-							readAccount.current = accountKey;
-							setUnmarked({
-								...snapshot,
-								loading: true,
-								error: ""
-							});
-						}
-					}).then((snapshot) => {
-						if (!controller.signal.aborted) setUnmarked({
-							...snapshot,
-							loading: false,
-							error: ""
-						});
-					}).catch((error) => {
-						if (!controller.signal.aborted) {
-							setUnmarked((previous) => ({
-								...previous,
-								loading: false,
-								complete: false,
-								error: failureMessage(error)
-							}));
-							retry(error, readCandidates);
+			}, [
+				accountKey,
+				directory,
+				query,
+				revision
+			]);
+			(0, react$1.useEffect)(() => {
+				if (!list || loading || queryPending || list.query.filter !== filter || list.query.query !== queryText) return;
+				let disposed = false;
+				const confirm = () => {
+					if (directoryVisible()) directory.confirmDisplayed(accountKey, list).then(() => {
+						if (!disposed) {
+							setSeenError("");
+							if (directory.needsReload(accountKey, list)) refresh();
 						}
+					}).catch(() => {
+						if (!disposed) setSeenError(tr$1("查看状态暂未同步，联网后自动重试。"));
 					});
 				};
-				readCandidates();
+				confirm();
+				if (typeof document !== "undefined") document.addEventListener("visibilitychange", confirm);
 				return () => {
-					controller.abort();
-					retryTimers.forEach(clearTimeout);
+					disposed = true;
+					if (typeof document !== "undefined") document.removeEventListener("visibilitychange", confirm);
 				};
 			}, [
 				accountKey,
-				refreshRevision,
-				directory
+				directory,
+				list,
+				loading,
+				queryPending,
+				filter,
+				queryText,
+				refresh
 			]);
+			const recoverDetail = (0, react$1.useCallback)(() => {
+				if (!selected || recoveryAttempts.current >= 1) {
+					setSelected(void 0);
+					refresh();
+					return;
+				}
+				recoveryAttempts.current += 1;
+				const controller = controllerRef.current;
+				if (!controller) return;
+				directory.first(accountKey, query, controller.signal, true).then((next) => {
+					if (controller.signal.aborted) return;
+					setList(next);
+					setSelected(next.items.find((item) => item.personKey === selected.personKey));
+				}).catch((error) => {
+					if (!controller.signal.aborted) {
+						setSelected(void 0);
+						setError(failureMessage(error));
+					}
+				});
+			}, [
+				accountKey,
+				directory,
+				selected,
+				query,
+				refresh
+			]);
+			const loadMore = async () => {
+				const controller = controllerRef.current;
+				if (!list || !controller || moreLoading || queryPending) return;
+				setMoreLoading(true);
+				setError("");
+				try {
+					const next = await directory.more(accountKey, list, controller.signal);
+					if (!controller.signal.aborted) setList(next);
+				} catch (error) {
+					if (!controller.signal.aborted) setError(failureMessage(error));
+				} finally {
+					if (!controller.signal.aborted) setMoreLoading(false);
+				}
+			};
+			const disabled = summary?.state === "disabled" || list?.state === "disabled";
+			const rows = disabled || queryPending || !listMatches ? [] : list?.items ?? [];
+			const avatarBatch = JSON.stringify(rows.filter((row) => row.type === "marked" && avatars[row.detailRef] === void 0).slice(0, 50).map((row) => row.detailRef));
 			(0, react$1.useEffect)(() => {
-				const state = presence.result?.state;
-				if (presence.loading || presence.error !== "" || state !== "building" && state !== "stale" && state !== "failed") return;
+				const refs = JSON.parse(avatarBatch);
+				if (refs.length === 0) return;
 				const controller = new AbortController();
-				const timer = setTimeout(() => {
-					directory.refreshPresence(accountKey, controller.signal).then((result) => {
-						if (!controller.signal.aborted) setPresence({
-							loading: false,
-							result,
-							error: ""
-						});
-					}).catch((error) => {
-						if (!controller.signal.aborted) setPresence((previous) => ({
+				let retry;
+				let busy = false, retryAt = 0;
+				const load = async () => {
+					if (!directoryVisible() || controller.signal.aborted || busy) return;
+					if (retryAt > Date.now()) {
+						clearTimeout(retry);
+						retry = setTimeout(() => {
+							load();
+						}, retryAt - Date.now());
+						return;
+					}
+					busy = true;
+					try {
+						const result = await directory.avatars(accountKey, refs, controller.signal);
+						if (controller.signal.aborted) return;
+						const resolved = new Map(result.map((item) => [item.detailRef, item.avatarRef]));
+						setAvatars((previous) => ({
 							...previous,
-							loading: false,
-							error: failureMessage(error)
+							...Object.fromEntries(refs.map((ref) => [ref, resolved.get(ref) || null]))
 						}));
-					});
-				}, Math.max(5e3, presence.result?.retryAfterMs ?? 1e4));
+					} catch (error) {
+						if (controller.signal.aborted) return;
+						const delay = speakerRetryDelay(error);
+						if (delay !== void 0) {
+							retryAt = Date.now() + Math.max(15e3, delay);
+							retry = setTimeout(() => {
+								load();
+							}, retryAt - Date.now());
+						}
+					} finally {
+						busy = false;
+					}
+				};
+				const wake = () => {
+					clearTimeout(retry);
+					load();
+				};
+				load();
+				if (typeof document !== "undefined") document.addEventListener("visibilitychange", wake);
+				if (typeof window !== "undefined") window.addEventListener("online", wake);
 				return () => {
-					clearTimeout(timer);
 					controller.abort();
+					clearTimeout(retry);
+					if (typeof document !== "undefined") document.removeEventListener("visibilitychange", wake);
+					if (typeof window !== "undefined") window.removeEventListener("online", wake);
 				};
 			}, [
 				accountKey,
-				refreshRevision,
 				directory,
-				presence.loading,
-				presence.error,
-				presence.result
-			]);
-			const refreshPresenceVersion = (0, react$1.useCallback)(() => {
-				setPresence({
-					loading: false,
-					result: {
-						state: "stale",
-						scope: "all-history",
-						items: [],
-						retryAfterMs: 1e3
-					},
-					error: ""
-				});
-			}, []);
-			const rows = (0, react$1.useMemo)(() => identifiedSpeakerRows(marked.items, unmarked.items), [marked.items, unmarked.items]);
-			const hasSelf = rows.some((row) => row.kind === "marked" && row.isCurrentUser);
-			(0, react$1.useEffect)(() => {
-				if (readAccount.current !== accountKey || marked.loading || marked.error !== "") return;
-				if (rows.length > 0 || !unmarked.loading && unmarked.complete) recognizedSpeakerTracker.acknowledge(accountKey);
-				if (!unmarked.loading && unmarked.complete && unmarked.error === "") recognizedSpeakerTracker.observe(accountKey, marked.items, unmarked.items, true);
-			}, [
-				accountKey,
-				marked.loading,
-				marked.error,
-				marked.items,
-				unmarked.loading,
-				unmarked.complete,
-				unmarked.error,
-				unmarked.items,
-				rows.length
+				avatarBatch
 			]);
-			const presenceByOption = (0, react$1.useMemo)(() => new Map(presence.error === "" && presence.result?.state === "fresh" ? presence.result.items.map((item) => [item.optionKey, item]) : []), [presence.result, presence.error]);
-			const normalizedQuery = query.trim().toLocaleLowerCase();
-			const orderValue = (row) => {
-				const stat = row.kind === "marked" ? presenceByOption.get(row.optionKey) : unmarked.projectionState === void 0 || unmarked.projectionState === "fresh" ? row : void 0;
-				return {
-					key: `${row.kind}:${row.key}`,
-					name: row.name,
-					dayCount: stat?.dayCount,
-					lastSeenAt: stat?.lastSeenAt
-				};
-			};
-			const visible = rows.filter((row) => (filter === "all" || row.kind === filter) && (normalizedQuery === "" || row.name.toLocaleLowerCase().includes(normalizedQuery) || row.kind === "unmarked" && row.subtitle.toLocaleLowerCase().includes(normalizedQuery))).sort((left, right) => Number(right.kind === "marked" && right.isCurrentUser) - Number(left.kind === "marked" && left.isCurrentUser) || compareRecognizedSpeakers(orderValue(left), orderValue(right), order));
-			const loading = marked.loading || unmarked.loading;
+			const state = disabled ? tr$1("说话人目录暂不可用，请稍后再试。") : statusText(summary?.snapshotVersion === list?.snapshotVersion ? summary : list?.coverage === "complete" ? list : summary);
+			const hasNewVersion = list?.coverage === "complete" && summary?.snapshotVersion && summary.snapshotVersion !== list.snapshotVersion;
+			const selfMissing = listMatches && filter === "all" && queryText === "" && !queryPending && list?.coverage === "complete" && list.state === "fresh" && !list.items.some((row) => row.isSelf);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
 				style: styles$20.root,
 				"data-arkme-owned": "recognized-speakers-surface",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
@@ -191890,6 +192088,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 										marginLeft: "auto"
 									},
 									onClick: refresh,
+									disabled: loading,
 									children: tr$1("刷新")
 								})
 							]
@@ -191898,41 +192097,44 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							style: styles$20.filters,
 							children: [
 								[
-									["all", "全部"],
-									["marked", "已标记"],
-									["unmarked", "未标记"]
-								].map(([kind, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									[
+										"all",
+										"全部",
+										summary?.totalCount
+									],
+									[
+										"marked",
+										"已标记",
+										summary?.markedCount
+									],
+									[
+										"unmarked",
+										"未标记",
+										summary?.unmarkedCount
+									]
+								].map(([kind, label, count]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
 									"aria-pressed": filter === kind,
 									style: {
 										...styles$20.filter,
 										...filter === kind ? styles$20.selectedFilter : {}
 									},
-									onClick: () => {
-										setFilter(kind);
-										setSelectedCandidate(void 0);
-										setSelectedMarked(void 0);
-									},
-									children: tr$1(label)
+									onClick: () => setFilter(kind),
+									children: [tr$1(label), !disabled && count != null ? ` ${count}` : ""]
 								}, kind)),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									"aria-label": tr$1("搜索说话人"),
-									placeholder: tr$1("搜索说话人"),
-									value: query,
-									onChange: (event) => {
-										setQuery(event.target.value);
-									},
+									placeholder: tr$1("搜索名称或编号"),
+									value: input,
+									onChange: (event) => setInput(event.target.value),
 									style: styles$20.search
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 									"aria-label": tr$1("说话人排序"),
-									value: order,
+									value: sort,
 									onChange: (event) => {
 										const next = event.target.value === "recent" ? "recent" : "frequent";
-										setOrderPreference({
-											accountKey,
-											value: next
-										});
+										setSort(next);
 										writeRecognizedSpeakerOrder(accountKey, next);
 									},
 									style: styles$20.sort,
@@ -191946,186 +192148,115 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 								})
 							]
 						}),
-						!marked.loading && marked.error === "" && !hasSelf && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpeakerSelfGuide, { onOpenRecordings: onBack }, accountKey),
+						!queryValid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "alert",
+							style: styles$20.error,
+							children: tr$1("搜索内容过长，请缩短至 256 字节以内。")
+						}),
+						selfMissing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpeakerSelfGuide, { onOpenRecordings: onBack }, accountKey),
+						hasNewVersion && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							style: styles$20.note,
+							children: tr$1("目录有更新，刷新后查看最新人物。")
+						}),
+						state && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							style: styles$20.note,
+							children: state
+						}),
+						seenError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							style: styles$20.note,
+							children: seenError
+						}),
+						error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							role: "alert",
+							style: styles$20.error,
+							children: error
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "arkme-recognized-speakers-grid",
-							"data-detail-open": selectedCandidate === void 0 && selectedMarked === void 0 ? "false" : "true",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "arkme-recognized-speakers-list",
-									children: [
-										filter !== "marked" && unmarked.loading && !unmarked.complete && rows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											role: "status",
-											style: styles$20.note,
-											children: tr$1("正在补齐说话人列表，排序仍在更新…")
-										}),
-										filter !== "marked" && !unmarked.loading && !unmarked.complete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											role: "status",
-											style: styles$20.note,
-											children: tr$1("列表尚未完整，当前仅对已加载的说话人排序和搜索。")
-										}),
-										marked.error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											role: "alert",
-											style: styles$20.error,
-											children: [
-												tr$1("已标记说话人读取失败："),
-												" ",
-												marked.error
-											]
-										}),
-										unmarked.error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											role: "alert",
-											style: styles$20.error,
-											children: [
-												tr$1("未标记说话人读取失败："),
-												" ",
-												unmarked.error
-											]
-										}),
-										unmarked.projectionState === "building" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											role: "status",
-											style: styles$20.state,
-											children: tr$1("未标记说话人正在整理，结果可能不完整。")
-										}),
-										unmarked.projectionState === "stale" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											role: "status",
-											style: styles$20.state,
-											children: tr$1("未标记说话人正在更新，结果可能不完整。")
-										}),
-										unmarked.projectionState === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											role: "alert",
-											style: styles$20.error,
-											children: tr$1("未标记说话人整理失败，请稍后刷新。")
-										}),
-										loading && rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											role: "status",
-											style: styles$20.state,
-											children: tr$1("正在加载说话人…")
-										}) : visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											role: "status",
-											style: styles$20.state,
-											children: loading ? tr$1("正在更新说话人…") : rows.length === 0 && marked.error === "" && unmarked.error === "" && (unmarked.projectionState === void 0 || unmarked.projectionState === "fresh") ? tr$1("暂无已识别说话人") : tr$1("暂无可显示的说话人")
-										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-											style: styles$20.list,
-											children: visible.slice(0, visibleCount).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: row.kind === "unmarked" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: "arkme-recognized-speakers-row",
-												"aria-current": selectedCandidate === row.candidateRef ? "true" : void 0,
-												style: {
-													...styles$20.row,
-													cursor: "pointer"
-												},
-												onClick: () => {
-													setSelectedCandidate(row.candidateRef);
-													setSelectedMarked(void 0);
-												},
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnmarkedSpeakerTokenAvatar, {
-														token: row.token,
-														size: 38,
-														label: row.name
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														style: styles$20.copy,
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															style: styles$20.name,
-															children: row.name
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															style: styles$20.meta,
-															children: row.subtitle
-														})]
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														style: styles$20.badge,
-														children: [tr$1("未标记"), " ›"]
-													})
-												]
-											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: "arkme-recognized-speakers-row",
-												"aria-current": selectedMarked?.key === row.key ? "true" : void 0,
-												style: {
-													...styles$20.row,
-													cursor: "pointer"
-												},
-												onClick: () => {
-													setSelectedMarked(row);
-													setSelectedCandidate(void 0);
-												},
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
-														...row.avatarRef === void 0 ? {} : { avatarRef: row.avatarRef },
-														size: 38,
-														label: row.name
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														style: styles$20.copy,
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-															style: styles$20.name,
-															children: [row.name, row.isCurrentUser ? ` · ${tr$1("我")}` : ""]
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															style: styles$20.meta,
-															children: markedPresenceLabel(presenceByOption.get(row.optionKey), presence.result, presence.loading, presence.error)
-														})]
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														style: styles$20.badge,
-														children: [tr$1("已标记"), " ›"]
-													})
-												]
-											}) }, `${row.kind}:${row.key}`))
-										}),
-										visible.length > visibleCount && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											style: {
-												...styles$20.button,
-												marginTop: 14
-											},
-											onClick: () => {
-												setVisibleCount((count) => count + 100);
-											},
-											children: tr$1("显示更多说话人")
-										})
-									]
-								}),
-								selectedCandidate !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: styles$20.detail,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							"data-detail-open": selected !== void 0 ? "true" : "false",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "arkme-recognized-speakers-list",
+								"aria-busy": loading || queryPending,
+								children: [!disabled && (loading || queryPending) && rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									style: styles$20.state,
+									children: tr$1("正在加载说话人…")
+								}) : !disabled && !error && rows.length === 0 && list?.coverage === "complete" && !queryPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									style: styles$20.state,
+									children: tr$1(queryText ? "没有匹配的说话人" : filter === "all" ? "暂无已识别说话人" : "该分类暂无说话人")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+									style: styles$20.list,
+									children: rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
-										className: "arkme-recognized-speakers-mobile-back",
-										style: styles$20.button,
-										onClick: () => {
-											setSelectedCandidate(void 0);
+										className: "arkme-recognized-speakers-row",
+										"aria-current": selected?.personKey === row.personKey ? "true" : void 0,
+										style: {
+											...styles$20.row,
+											cursor: "pointer"
 										},
-										children: tr$1("‹ 返回列表")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnmarkedSpeakerDetail, {
-										accountKey,
-										candidateRef: selectedCandidate,
-										onDirectoryRefresh: refresh,
-										onCandidateCleared: () => {
-											setSelectedCandidate(void 0);
-										}
-									}, `${accountKey}:${selectedCandidate}`)]
-								}),
-								selectedMarked !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: styles$20.detail,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "arkme-recognized-speakers-mobile-back",
-										style: styles$20.button,
 										onClick: () => {
-											setSelectedMarked(void 0);
+											recoveryAttempts.current = 0;
+											setSelected(row);
 										},
-										children: tr$1("‹ 返回列表")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkedSpeakerDetail, {
-										accountKey,
-										speaker: selectedMarked,
-										loadMembers: loadMarkedMembers,
-										version: presence.result?.version,
-										onVersionChanged: refreshPresenceVersion
-									}, `${accountKey}:${selectedMarked.speakerRef}`)]
-								})
-							]
+										children: [
+											row.type === "unmarked" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnmarkedSpeakerTokenAvatar, {
+												token: row.displayNumber > 0 ? String(row.displayNumber) : "",
+												size: 38,
+												label: row.displayName
+											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+												...avatars[row.detailRef] ? { avatarRef: avatars[row.detailRef] } : {},
+												fallbackContent: speakerNameAvatarFallback(row),
+												size: 38,
+												label: row.displayName
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												style: styles$20.copy,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													style: styles$20.name,
+													children: [row.displayName, row.isSelf ? ` · ${tr$1("我")}` : ""]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: styles$20.meta,
+													children: personStats(row)
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												style: styles$20.badge,
+												children: [tr$1(row.type === "marked" ? "已标记" : "未标记"), " ›"]
+											})
+										]
+									}) }, row.personKey))
+								}), !disabled && !queryPending && list?.hasMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									disabled: moreLoading || loading,
+									style: {
+										...styles$20.button,
+										marginTop: 14
+									},
+									onClick: () => {
+										loadMore();
+									},
+									children: tr$1(moreLoading ? "正在加载…" : "加载更多说话人")
+								})]
+							}), selected && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: styles$20.detail,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "arkme-recognized-speakers-mobile-back",
+									style: styles$20.button,
+									onClick: () => setSelected(void 0),
+									children: tr$1("‹ 返回列表")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PersonDetail, {
+									row: selected,
+									accountKey,
+									directory,
+									loadMembers: loadMarkedMembers,
+									onChanged: recoverDetail
+								}, selected.detailRef)]
+							})]
 						})
 					]
 				})]
@@ -212533,7 +212664,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 		const c$3 = e$20;
 		//#endregion
 		//#region package.json
-		var version = "0.1.85";
+		var version = "0.1.87";
 		//#endregion
 		//#region src/client/arkme-membership.ts
 		function membershipLabel(state) {
@@ -234417,7 +234548,6 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 						return result;
 					}, { signal }), controller.signal);
 					page = refreshWindow === void 0 ? await readPage(cursor) : await readConversationTimelineWindow(refreshWindow, readPage, controller.signal);
-					if (refreshWindow === void 0 && intent !== "return-to-latest") await prepareTimelineReactions(page.items, controller.signal);
 				} catch (caught) {
 					if (isArkmeRequestAbort(caught, controller.signal)) return;
 					throw caught;
@@ -234510,7 +234640,6 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				acknowledgeRead,
 				confirmedSendRetention,
 				interwovenMoments,
-				prepareTimelineReactions,
 				source,
 				sourceIsChat,
 				sourceProjectionRevision
@@ -236422,6 +236551,43 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				return projected.isMuted === true;
 			}, [updateSourceProjection]);
 			const conversationMemberByRef = (0, react$1.useMemo)(() => new Map(conversationMembers.map((member) => [member.memberRef, member])), [conversationMembers]);
+			const localReactionActors = (0, react$1.useMemo)(() => {
+				const names = /* @__PURE__ */ new Map();
+				for (const item of items) if (item.memberRef && !item.selfRole && item.senderKind !== "bot") names.set(item.memberRef, {
+					displayName: arkmeTimelineSenderName(item, selfProfile),
+					...item.avatarRef ? { avatarRef: item.avatarRef } : {}
+				});
+				for (const member of conversationMembers) if (member.status === "active" && member.displayName.trim() && member.displayName !== "群成员") names.set(member.memberRef, {
+					displayName: member.displayName,
+					...member.avatarRef ? { avatarRef: member.avatarRef } : {}
+				});
+				return names;
+			}, [
+				items,
+				selfProfile,
+				conversationMembers
+			]);
+			const resolveReactionActor = (0, react$1.useCallback)((actor) => {
+				const self = conversationMembers.find((member) => member.isSelf);
+				const local = actor.userId === authenticatedUserId ? {
+					displayName: (source?.kind === "group_chat" ? self?.memberName : void 0) || selfProfile?.displayName || selfProfile?.nickname || "我",
+					...selfProfile?.avatarRef ? { avatarRef: selfProfile.avatarRef } : {}
+				} : source?.kind === "private_chat" && actor.userId === source.peerUserId ? {
+					displayName: source.displayName,
+					...source.avatarRef ? { avatarRef: source.avatarRef } : {}
+				} : actor.memberRef ? localReactionActors.get(actor.memberRef) : void 0;
+				return local ? {
+					...actor,
+					...local,
+					presentationPending: false
+				} : void 0;
+			}, [
+				authenticatedUserId,
+				source,
+				selfProfile,
+				conversationMembers,
+				localReactionActors
+			]);
 			const composerMentionsEnabled = source?.kind === "group_chat" || source?.kind === "private_chat";
 			const mentionCandidates = (0, react$1.useMemo)(() => {
 				if (!composerMentionsEnabled || mentionTrigger === void 0) return [];
@@ -238971,6 +239137,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 									},
 									children: [!isSharedRecordingCard && !isExtensionMessage && messageHeader, (() => {
 										const reactionTarget = {
+											resolveActor: resolveReactionActor,
 											sourceKey: source.sourceKey,
 											itemUid: item.itemUid,
 											id: `${conversationKey}:${arkmeTimelineOccurrenceKey(item)}`,
@@ -239215,6 +239382,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 				selfProfile,
 				selfConversationMember,
 				conversationMemberByRef,
+				resolveReactionActor,
 				activeSelectMode,
 				archiveReadOnly,
 				authenticatedAccountKey,
@@ -241885,7 +242053,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 							};
 						});
 						const foreground = arkmeRealtimeTimelineDeliveryAllowed(browserDocument?.visibilityState, browserDocument?.hasFocus?.() ?? true);
-						if (foreground && timelineUpdates.length > 0) arkmeChatTimelineDelta.publish(timelineUpdates);
+						if (timelineUpdates.length > 0) arkmeChatTimelineDelta.publish(timelineUpdates);
 						for (const dateStamp of arkmeChatDeltaCalendarDateStamps(update)) arkmeCalendarInvalidations.publish({ dateStamp });
 						if (foreground && arkmeSelectedBotAffectedByChatDelta(arkmeUi.getSnapshot().selectedBot, update)) arkmeUi.chatChanged();
 						for (const sourceKey of arkmeChatDeltaSourceKeys(update)) arkmeInterwovenInvalidation.invalidate(sourceKey);