@senguoyun/dsh-arkme 0.1.86 → 0.1.87

package/lib/client.js

@@ -35187,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",
@@ -55159,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);
@@ -55177,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 }) {
@@ -57229,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);
@@ -57260,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();
-			}
-		};
-		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";
+			peek(account, query) {
+				return this.accounts.get(account)?.lists.get(queryKey(query));
 			}
-		}
-		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();
 			}
 		});
@@ -57752,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);
@@ -126905,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;
@@ -126918,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) {
@@ -138440,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 {
@@ -138458,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 {
@@ -143882,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) {
@@ -143892,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;
@@ -143902,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
@@ -155445,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);
@@ -155489,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];
@@ -155552,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();
@@ -155665,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;
@@ -156555,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);
@@ -156587,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(`
@@ -157530,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,
@@ -158082,8 +158025,8 @@ html body {
 					ready: false
 				}));
 			};
-			useLayoutEffect$24(resetReady, [placement]);
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(resetReady, [placement]);
+			useLayoutEffect$25(() => {
 				if (!open) resetReady();
 			}, [open]);
 			return [
@@ -158127,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;
@@ -158282,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]);
@@ -158318,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);
@@ -158337,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(() => {
@@ -158380,7 +158323,7 @@ html body {
 					syncTargetSize();
 					setMotionPrepareResolve(() => resolve);
 				});
-				useLayoutEffect$24(() => {
+				useLayoutEffect$25(() => {
 					if (motionPrepareResolve) {
 						onAlign();
 						motionPrepareResolve();
@@ -158587,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);
 			});
@@ -158617,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);
@@ -158907,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);
@@ -158924,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) => {
@@ -158962,7 +158905,7 @@ html body {
 					return;
 				}
 			});
-			useLayoutEffect$24(() => {
+			useLayoutEffect$25(() => {
 				if (!mergedOpen) return;
 				window.addEventListener("keydown", keyboardHandler);
 				return () => {
@@ -166447,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 {
@@ -166466,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();
@@ -179003,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",
@@ -179103,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,
@@ -179116,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)
 				})]
 			});
 		}
@@ -191460,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 }) {
@@ -191482,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,
@@ -191537,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,
@@ -191757,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,
@@ -191846,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,
@@ -191890,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: `
@@ -192197,6 +192088,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 										marginLeft: "auto"
 									},
 									onClick: refresh,
+									disabled: loading,
 									children: tr$1("刷新")
 								})
 							]
@@ -192205,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,
@@ -192253,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)]
+							})]
 						})
 					]
 				})]
@@ -212840,7 +212664,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 		const c$3 = e$20;
 		//#endregion
 		//#region package.json
-		var version = "0.1.86";
+		var version = "0.1.87";
 		//#endregion
 		//#region src/client/arkme-membership.ts
 		function membershipLabel(state) {