@assistant-ui/core 0.3.17 → 0.3.18

package/dist/react/client/RemoteThreadList.js

@@ -1,14 +1,14 @@
 import { OptimisticState } from "../../runtimes/remote-thread-list/optimistic-state.js";
-import { classifyThreads, createEmptyRemoteThreadState, createThreadMappingId, getThreadData, normalizeCursor, preserveMidLoadTransitions, seedNewThread, statusSnapshot, updateStatusReducer } from "../../runtimes/remote-thread-list/remote-thread-state.js";
+import { classifyThreads, createEmptyRemoteThreadState, createThreadMappingId, getThreadData, normalizeCursor, preserveMidLoadTransitions, promoteNewThreadReducer, reconcileInitializedThread, seedNewThread, statusSnapshot, updateStatusReducer } from "../../runtimes/remote-thread-list/remote-thread-state.js";
 import { handleThreadListAction } from "../../store/runtime-clients/handle-thread-list-action.js";
 import { useThreadSelectionEvents } from "../../store/clients/thread-selection-events.js";
 import { isDevelopment } from "../../store/env.js";
 import { inMemoryThreadListTransformScopes } from "./InMemoryThreadList.js";
 import { ThreadListAdapterChangedError } from "../../runtimes/remote-thread-list/adapter-changed.js";
 import { AdaptedRemoteThread } from "./AdaptedRemoteThread.js";
-import { isTitleSourceMessage } from "../../runtimes/remote-thread-list/title.js";
+import { applyTitleStream, isTitleSourceMessage } from "../../runtimes/remote-thread-list/title.js";
+import { clearThreadTitleState, finishThreadTitleRename, runThreadTitleGeneration, startThreadTitleRename } from "../../runtimes/remote-thread-list/title-generation.js";
 import { Derived, attachTransformScopes, useAssistantContextProvider, useAssistantContextValue, useClientLookup, useClientResource, useConfiguredAui } from "@assistant-ui/store/client";
-import { AssistantMessageStream } from "assistant-stream";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "@assistant-ui/tap/react-shim";
 import { resource, withKey } from "@assistant-ui/tap";
@@ -21,10 +21,6 @@ const toInitializeResult = (result) => ({
 	remoteId: result.remoteId,
 	externalId: result.externalId
 });
-const applyTitleStream = async (stream, onTitle) => {
-	const messageStream = AssistantMessageStream.fromAssistantStream(stream);
-	for await (const result of messageStream) await onTitle(result.parts.filter((part) => part.type === "text")[0]?.text);
-};
 const useThreadListItemClient = (props) => {
 	const $ = c(22);
 	const { data, isRunning, onSwitchTo, onRename, onUpdateCustom, onArchive, onUnarchive, onDelete, onGenerateTitle, onInitialize, onDetach } = props;
@@ -140,7 +136,7 @@ const useRemoteThreadBody = ({ id, status, remoteId, item, thread }) => {
 		useEffect(() => {
 			if (!hasTitleSource || titleFiredRef.current) return;
 			titleFiredRef.current = true;
-			client.threadListItem.generateTitle();
+			client.threadListItem.generateTitle({ automatic: true });
 		}, [hasTitleSource]);
 		return body.methods;
 	});
@@ -203,7 +199,7 @@ const useRemoteThreadListView = (t0) => {
 		onArchive: () => handleThreadListAction("archive", () => onArchive(data_0.id)),
 		onUnarchive: () => handleThreadListAction("unarchive", () => onUnarchive(data_0.id)),
 		onDelete: () => handleThreadListAction("delete", () => onDelete(data_0.id)),
-		onGenerateTitle: () => handleThreadListAction("generate title", () => onGenerateTitle(data_0.id, backgroundThreads ? bodyStateOf(data_0.id)?.messages : mainThreadClient.state.messages)),
+		onGenerateTitle: (options_0) => handleThreadListAction("generate title", () => onGenerateTitle(data_0.id, backgroundThreads ? bodyStateOf(data_0.id)?.messages : mainThreadClient.state.messages, options_0)),
 		onInitialize: () => onInitialize(data_0.id),
 		onDetach: () => handleThreadListAction("detach", () => onDetach(data_0.id))
 	});
@@ -297,6 +293,7 @@ const useRemoteThreadList = (props) => {
 				adapter,
 				adapterAtLoad: adapter,
 				adapterGeneration: 0,
+				titleStates: /* @__PURE__ */ new Map(),
 				loadGeneration: 0,
 				switchGeneration: 0,
 				loadPromise: void 0,
@@ -352,7 +349,8 @@ const useRemoteThreadList = (props) => {
 				if (generation !== session.loadGeneration) return state;
 				return {
 					...state,
-					isLoading: true
+					isLoading: true,
+					loadError: void 0
 				};
 			},
 			then: (state_0, page) => {
@@ -367,6 +365,7 @@ const useRemoteThreadList = (props) => {
 				const merged = {
 					...state_0,
 					isLoading: false,
+					loadError: void 0,
 					cursor: normalizeCursor(page.nextCursor),
 					threadIds: fresh.threadIds,
 					archivedThreadIds: fresh.archivedThreadIds,
@@ -381,7 +380,8 @@ const useRemoteThreadList = (props) => {
 			session.loadPromise = void 0;
 			store.update({
 				...store.baseValue,
-				isLoading: false
+				isLoading: false,
+				loadError: error
 			});
 		}).then(() => {});
 		return session.loadPromise;
@@ -393,6 +393,7 @@ const useRemoteThreadList = (props) => {
 		session.loadMorePromise = void 0;
 		if (adapterChanged) {
 			session.adapterGeneration++;
+			session.titleStates.clear();
 			session.switchGeneration++;
 			session.switchTask = void 0;
 			session.adapterAtLoad = adapter;
@@ -417,6 +418,21 @@ const useRemoteThreadList = (props) => {
 		session,
 		store
 	]);
+	useEffect(() => {
+		if (typeof window === "undefined" || typeof document === "undefined") return;
+		const retryAfterError = () => {
+			if (store.value.loadError !== void 0) getLoadThreadsPromise();
+		};
+		const retryAfterVisible = () => {
+			if (document.visibilityState === "visible") retryAfterError();
+		};
+		window.addEventListener("online", retryAfterError);
+		document.addEventListener("visibilitychange", retryAfterVisible);
+		return () => {
+			window.removeEventListener("online", retryAfterError);
+			document.removeEventListener("visibilitychange", retryAfterVisible);
+		};
+	}, [getLoadThreadsPromise, store]);
 	useEffect(() => {
 		getLoadThreadsPromise();
 	}, [getLoadThreadsPromise]);
@@ -609,60 +625,30 @@ const useRemoteThreadList = (props) => {
 			requireAdapterGeneration(adapterGeneration);
 			return result;
 		}
+		requireAdapterGeneration(adapterGeneration);
+		const initializeTask = currentAdapter_0.initialize(threadId_1);
+		let removedMappingId;
+		let replacementMainThreadId;
 		const result_0 = await store.optimisticUpdate({
-			execute: () => {
-				requireAdapterGeneration(adapterGeneration);
-				return currentAdapter_0.initialize(threadId_1);
-			},
-			optimistic: (state_5) => updateStatusReducer(state_5, threadId_1, "regular"),
-			loading: (state_6, task_1) => {
-				const mappingId_0 = createThreadMappingId(threadId_1);
-				return {
-					...state_6,
-					threadData: {
-						...state_6.threadData,
-						[mappingId_0]: {
-							...state_6.threadData[mappingId_0],
-							initializeTask: task_1
-						}
-					}
-				};
-			},
-			then: (state_7, { remoteId: remoteId_1, externalId }) => {
-				if (adapterGeneration !== session.adapterGeneration) return state_7;
-				const data_1 = getThreadData(state_7, threadId_1);
-				if (!data_1) return state_7;
-				const mappingId_1 = createThreadMappingId(threadId_1);
-				const listedMappingId = state_7.threadIdMap[remoteId_1];
-				const orphan = listedMappingId !== void 0 && listedMappingId !== mappingId_1 ? state_7.threadData[listedMappingId] : void 0;
-				const threadData = { ...state_7.threadData };
-				if (orphan !== void 0) delete threadData[listedMappingId];
-				threadData[mappingId_1] = {
-					...data_1,
-					initializeTask: Promise.resolve({
-						remoteId: remoteId_1,
-						externalId
-					}),
-					remoteId: remoteId_1,
-					externalId
-				};
-				const rewire = (ids) => orphan === void 0 ? ids : ids.filter((id_2) => id_2 !== orphan.id);
-				return {
-					...state_7,
-					threadIds: rewire(state_7.threadIds),
-					archivedThreadIds: rewire(state_7.archivedThreadIds),
-					threadIdMap: {
-						...state_7.threadIdMap,
-						[remoteId_1]: mappingId_1
-					},
-					threadData
-				};
+			execute: () => initializeTask,
+			optimistic: (state_5) => promoteNewThreadReducer(state_5, threadId_1, initializeTask),
+			then: (state_6, { remoteId: remoteId_1, externalId }) => {
+				if (adapterGeneration !== session.adapterGeneration) return state_6;
+				const retainedThreadId = backgroundThreads ? threadId_1 : session.mainThreadId;
+				const reconciliation = reconcileInitializedThread(state_6, threadId_1, remoteId_1, externalId, retainedThreadId);
+				removedMappingId = reconciliation.removedMappingId;
+				if (removedMappingId === session.mainThreadId) replacementMainThreadId = reconciliation.survivorMappingId;
+				return reconciliation.state;
 			}
 		});
 		requireAdapterGeneration(adapterGeneration);
+		if (removedMappingId !== void 0) setStartedIds((prev_0) => prev_0.filter((startedId) => startedId !== removedMappingId));
+		if (replacementMainThreadId !== void 0 && session.mainThreadId === removedMappingId) assignMainThreadId(replacementMainThreadId);
 		if (threadId_1 === session.mainThreadId) notifyRemoteId(result_0.remoteId, true);
 		return toInitializeResult(result_0);
 	}, [
+		assignMainThreadId,
+		backgroundThreads,
 		notifyRemoteId,
 		requireAdapterGeneration,
 		session,
@@ -671,22 +657,23 @@ const useRemoteThreadList = (props) => {
 	const rename = useCallback((threadIdOrRemoteId_0, newTitle) => {
 		const currentAdapter_1 = session.adapter;
 		const adapterGeneration_0 = session.adapterGeneration;
-		const data_2 = getThreadData(store.value, threadIdOrRemoteId_0);
-		if (!data_2) throw threadNotFoundError(threadIdOrRemoteId_0, "renaming it");
-		if (data_2.status === "new") throw threadStatusError(threadIdOrRemoteId_0, data_2.status, "be renamed");
+		const data_1 = getThreadData(store.value, threadIdOrRemoteId_0);
+		if (!data_1) throw threadNotFoundError(threadIdOrRemoteId_0, "renaming it");
+		if (data_1.status === "new") throw threadStatusError(threadIdOrRemoteId_0, data_1.status, "be renamed");
+		const claim = startThreadTitleRename(session.titleStates, data_1.id, newTitle);
 		return store.optimisticUpdate({
 			execute: async () => {
-				const { remoteId: remoteId_2 } = await data_2.initializeTask;
+				const { remoteId: remoteId_2 } = await data_1.initializeTask;
 				requireAdapterGeneration(adapterGeneration_0);
 				return currentAdapter_1.rename(remoteId_2, newTitle);
 			},
-			optimistic: (state_8) => {
-				const current_0 = getThreadData(state_8, threadIdOrRemoteId_0);
-				if (!current_0) return state_8;
+			optimistic: (state_7) => {
+				const current_0 = getThreadData(state_7, threadIdOrRemoteId_0);
+				if (!current_0) return state_7;
 				return {
-					...state_8,
+					...state_7,
 					threadData: {
-						...state_8.threadData,
+						...state_7.threadData,
 						[current_0.id]: {
 							...current_0,
 							title: newTitle
@@ -694,6 +681,12 @@ const useRemoteThreadList = (props) => {
 					}
 				};
 			}
+		}).then((result_1) => {
+			finishThreadTitleRename(session.titleStates, data_1.id, claim, true);
+			return result_1;
+		}, (error_4) => {
+			finishThreadTitleRename(session.titleStates, data_1.id, claim, false);
+			throw error_4;
 		});
 	}, [
 		requireAdapterGeneration,
@@ -703,24 +696,24 @@ const useRemoteThreadList = (props) => {
 	const updateCustom = useCallback((threadIdOrRemoteId_1, custom) => {
 		const currentAdapter_2 = session.adapter;
 		const adapterGeneration_1 = session.adapterGeneration;
-		const data_3 = getThreadData(store.value, threadIdOrRemoteId_1);
-		if (!data_3) throw threadNotFoundError(threadIdOrRemoteId_1, "updating its custom metadata");
-		if (data_3.status === "new") throw threadStatusError(threadIdOrRemoteId_1, data_3.status, "update custom metadata");
+		const data_2 = getThreadData(store.value, threadIdOrRemoteId_1);
+		if (!data_2) throw threadNotFoundError(threadIdOrRemoteId_1, "updating its custom metadata");
+		if (data_2.status === "new") throw threadStatusError(threadIdOrRemoteId_1, data_2.status, "update custom metadata");
 		if (!currentAdapter_2.updateCustom) throw new Error("Remote thread list adapter does not support updating custom metadata");
 		return store.optimisticUpdate({
 			execute: async () => {
-				const { remoteId: remoteId_3 } = await data_3.initializeTask;
+				const { remoteId: remoteId_3 } = await data_2.initializeTask;
 				requireAdapterGeneration(adapterGeneration_1);
 				if (!currentAdapter_2.updateCustom) throw new Error("Remote thread list adapter does not support updating custom metadata");
 				return currentAdapter_2.updateCustom(remoteId_3, custom);
 			},
-			optimistic: (state_9) => {
-				const current_1 = getThreadData(state_9, threadIdOrRemoteId_1);
-				if (!current_1) return state_9;
+			optimistic: (state_8) => {
+				const current_1 = getThreadData(state_8, threadIdOrRemoteId_1);
+				if (!current_1) return state_8;
 				return {
-					...state_9,
+					...state_8,
 					threadData: {
-						...state_9.threadData,
+						...state_8.threadData,
 						[current_1.id]: {
 							...current_1,
 							custom
@@ -737,18 +730,18 @@ const useRemoteThreadList = (props) => {
 	const archive = useCallback(async (threadIdOrRemoteId_2) => {
 		const currentAdapter_3 = session.adapter;
 		const adapterGeneration_2 = session.adapterGeneration;
-		const data_4 = getThreadData(store.value, threadIdOrRemoteId_2);
-		if (!data_4) throw threadNotFoundError(threadIdOrRemoteId_2, "archiving it");
-		if (data_4.status !== "regular") throw threadStatusError(threadIdOrRemoteId_2, data_4.status, "be archived");
-		await ensureNotMain(data_4.id);
+		const data_3 = getThreadData(store.value, threadIdOrRemoteId_2);
+		if (!data_3) throw threadNotFoundError(threadIdOrRemoteId_2, "archiving it");
+		if (data_3.status !== "regular") throw threadStatusError(threadIdOrRemoteId_2, data_3.status, "be archived");
+		await ensureNotMain(data_3.id);
 		requireAdapterGeneration(adapterGeneration_2);
 		return store.optimisticUpdate({
 			execute: async () => {
-				const { remoteId: remoteId_4 } = await data_4.initializeTask;
+				const { remoteId: remoteId_4 } = await data_3.initializeTask;
 				requireAdapterGeneration(adapterGeneration_2);
 				return currentAdapter_3.archive(remoteId_4);
 			},
-			optimistic: (state_10) => updateStatusReducer(state_10, data_4.id, "archived")
+			optimistic: (state_9) => updateStatusReducer(state_9, data_3.id, "archived")
 		});
 	}, [
 		ensureNotMain,
@@ -759,21 +752,21 @@ const useRemoteThreadList = (props) => {
 	const unarchive = useCallback((threadIdOrRemoteId_3) => {
 		const currentAdapter_4 = session.adapter;
 		const adapterGeneration_3 = session.adapterGeneration;
-		const data_5 = getThreadData(store.value, threadIdOrRemoteId_3);
-		if (!data_5) throw threadNotFoundError(threadIdOrRemoteId_3, "unarchiving it");
-		if (data_5.status !== "archived") throw threadStatusError(threadIdOrRemoteId_3, data_5.status, "be unarchived");
+		const data_4 = getThreadData(store.value, threadIdOrRemoteId_3);
+		if (!data_4) throw threadNotFoundError(threadIdOrRemoteId_3, "unarchiving it");
+		if (data_4.status !== "archived") throw threadStatusError(threadIdOrRemoteId_3, data_4.status, "be unarchived");
 		return store.optimisticUpdate({
 			execute: async () => {
 				try {
-					const { remoteId: remoteId_5 } = await data_5.initializeTask;
+					const { remoteId: remoteId_5 } = await data_4.initializeTask;
 					requireAdapterGeneration(adapterGeneration_3);
 					return await currentAdapter_4.unarchive(remoteId_5);
-				} catch (error_4) {
-					if (adapterGeneration_3 === session.adapterGeneration) await ensureNotMain(data_5.id);
-					throw error_4;
+				} catch (error_5) {
+					if (adapterGeneration_3 === session.adapterGeneration) await ensureNotMain(data_4.id);
+					throw error_5;
 				}
 			},
-			optimistic: (state_11) => updateStatusReducer(state_11, data_5.id, "regular")
+			optimistic: (state_10) => updateStatusReducer(state_10, data_4.id, "regular")
 		});
 	}, [
 		ensureNotMain,
@@ -784,20 +777,23 @@ const useRemoteThreadList = (props) => {
 	const deleteThread = useCallback(async (threadIdOrRemoteId_4) => {
 		const currentAdapter_5 = session.adapter;
 		const adapterGeneration_4 = session.adapterGeneration;
-		const data_6 = getThreadData(store.value, threadIdOrRemoteId_4);
-		if (!data_6) throw threadNotFoundError(threadIdOrRemoteId_4, "deleting it");
-		if (data_6.status !== "regular" && data_6.status !== "archived") throw threadStatusError(threadIdOrRemoteId_4, data_6.status, "be deleted");
-		await ensureNotMain(data_6.id);
+		const data_5 = getThreadData(store.value, threadIdOrRemoteId_4);
+		if (!data_5) throw threadNotFoundError(threadIdOrRemoteId_4, "deleting it");
+		if (data_5.status !== "regular" && data_5.status !== "archived") throw threadStatusError(threadIdOrRemoteId_4, data_5.status, "be deleted");
+		await ensureNotMain(data_5.id);
 		requireAdapterGeneration(adapterGeneration_4);
-		onDelete?.(data_6.id);
-		return store.optimisticUpdate({
+		const result_2 = await store.optimisticUpdate({
 			execute: async () => {
-				const { remoteId: remoteId_6 } = await data_6.initializeTask;
+				const { remoteId: remoteId_6 } = await data_5.initializeTask;
 				requireAdapterGeneration(adapterGeneration_4);
 				return currentAdapter_5.delete(remoteId_6);
 			},
-			optimistic: (state_12) => updateStatusReducer(state_12, data_6.id, "deleted")
+			optimistic: (state_11) => updateStatusReducer(state_11, data_5.id, "deleted")
 		});
+		if (getThreadData(store.value, data_5.id) !== void 0) return result_2;
+		clearThreadTitleState(session.titleStates, data_5.id);
+		onDelete?.(data_5.id);
+		return result_2;
 	}, [
 		ensureNotMain,
 		onDelete,
@@ -805,37 +801,49 @@ const useRemoteThreadList = (props) => {
 		session,
 		store
 	]);
-	const generateTitle = useCallback(async (threadIdOrRemoteId_5, messages) => {
+	const generateTitle = useCallback(async (threadIdOrRemoteId_5, messages, options_0) => {
 		const currentAdapter_6 = session.adapter;
 		const adapterGeneration_5 = session.adapterGeneration;
-		const data_7 = getThreadData(store.value, threadIdOrRemoteId_5);
-		if (!data_7) throw threadNotFoundError(threadIdOrRemoteId_5, "generating its title");
-		if (data_7.status === "new") throw threadStatusError(threadIdOrRemoteId_5, data_7.status, "generate a title");
-		const { remoteId: remoteId_7 } = await data_7.initializeTask;
+		const data_6 = getThreadData(store.value, threadIdOrRemoteId_5);
+		if (!data_6) throw threadNotFoundError(threadIdOrRemoteId_5, "generating its title");
+		if (data_6.status === "new") throw threadStatusError(threadIdOrRemoteId_5, data_6.status, "generate a title");
+		const { remoteId: remoteId_7 } = await data_6.initializeTask;
 		requireAdapterGeneration(adapterGeneration_5);
-		if (!backgroundThreads && !isSameThread(store.value, data_7.id, session.mainThreadId)) return;
+		if (!backgroundThreads && !isSameThread(store.value, data_6.id, session.mainThreadId)) return;
 		if (!messages) return;
-		const stream = await currentAdapter_6.generateTitle(remoteId_7, messages);
-		requireAdapterGeneration(adapterGeneration_5);
-		await applyTitleStream(stream, async (newTitle_0) => {
-			await store.optimisticUpdate({
-				execute: async () => {},
-				optimistic: (state_13) => {
-					if (adapterGeneration_5 !== session.adapterGeneration) return state_13;
-					const current_2 = getThreadData(state_13, data_7.id);
-					if (!current_2) return state_13;
-					return {
-						...state_13,
-						threadData: {
-							...state_13.threadData,
-							[current_2.id]: {
-								...current_2,
-								title: newTitle_0
+		await runThreadTitleGeneration({
+			states: session.titleStates,
+			threadId: data_6.id,
+			automatic: options_0?.automatic === true,
+			generate: async (onTitle) => {
+				const stream = await currentAdapter_6.generateTitle(remoteId_7, messages);
+				requireAdapterGeneration(adapterGeneration_5);
+				await applyTitleStream(stream, onTitle);
+			},
+			rename: async (title) => {
+				requireAdapterGeneration(adapterGeneration_5);
+				await currentAdapter_6.rename(remoteId_7, title);
+			},
+			applyTitle: async (title_0) => {
+				await store.optimisticUpdate({
+					execute: async () => {},
+					optimistic: (state_12) => {
+						if (adapterGeneration_5 !== session.adapterGeneration) return state_12;
+						const current_2 = getThreadData(state_12, data_6.id);
+						if (!current_2) return state_12;
+						return {
+							...state_12,
+							threadData: {
+								...state_12.threadData,
+								[current_2.id]: {
+									...current_2,
+									title: title_0
+								}
 							}
-						}
-					};
-				}
-			});
+						};
+					}
+				});
+			}
 		});
 	}, [
 		backgroundThreads,
@@ -845,7 +853,7 @@ const useRemoteThreadList = (props) => {
 	]);
 	const detach = useCallback(async (threadId_2) => {
 		await ensureNotMain(threadId_2);
-		setStartedIds((prev_0) => prev_0.filter((id_3) => id_3 !== threadId_2));
+		setStartedIds((prev_1) => prev_1.filter((id_2) => id_2 !== threadId_2));
 	}, [ensureNotMain]);
 	const { mainThreadClient, itemOrder, threadListItems } = useRemoteThreadListView({
 		listState,
@@ -854,15 +862,15 @@ const useRemoteThreadList = (props) => {
 		backgroundThreads,
 		threadFactory,
 		useAdapters: adapter.unstable_useAdapters,
-		onSwitchTo: (id_4, options_0) => switchToThread(id_4, options_0),
-		onRename: (id_5, title) => rename(id_5, title),
-		onUpdateCustom: (id_6, custom_0) => updateCustom(id_6, custom_0),
-		onArchive: (id_7) => archive(id_7),
-		onUnarchive: (id_8) => unarchive(id_8),
-		onDelete: (id_9) => deleteThread(id_9),
-		onGenerateTitle: (id_10, messages_0) => generateTitle(id_10, messages_0),
-		onInitialize: async (id_11) => toInitializeResult(await initialize(id_11)),
-		onDetach: (id_12) => detach(id_12)
+		onSwitchTo: (id_3, options_1) => switchToThread(id_3, options_1),
+		onRename: (id_4, title_1) => rename(id_4, title_1),
+		onUpdateCustom: (id_5, custom_0) => updateCustom(id_5, custom_0),
+		onArchive: (id_6) => archive(id_6),
+		onUnarchive: (id_7) => unarchive(id_7),
+		onDelete: (id_8) => deleteThread(id_8),
+		onGenerateTitle: (id_9, messages_0, options_2) => generateTitle(id_9, messages_0, options_2),
+		onInitialize: async (id_10) => toInitializeResult(await initialize(id_10)),
+		onDetach: (id_11) => detach(id_11)
 	});
 	const mainRemoteId = getThreadData(listState, mainThreadId)?.remoteId;
 	useEffect(() => {
@@ -895,10 +903,11 @@ const useRemoteThreadList = (props) => {
 		switchToThread,
 		threadId
 	]);
-	const state_14 = useMemo(() => ({
+	const state_13 = useMemo(() => ({
 		mainThreadId,
 		newThreadId: listState.newThreadId ?? null,
 		isLoading: listState.isLoading,
+		loadError: listState.loadError,
 		isLoadingMore: listState.isLoadingMore,
 		hasMore: listState.cursor !== void 0,
 		threadIds: listState.threadIds,
@@ -909,6 +918,7 @@ const useRemoteThreadList = (props) => {
 		listState.archivedThreadIds,
 		listState.cursor,
 		listState.isLoading,
+		listState.loadError,
 		listState.isLoadingMore,
 		listState.newThreadId,
 		listState.threadIds,
@@ -917,9 +927,9 @@ const useRemoteThreadList = (props) => {
 		threadListItems.state
 	]);
 	return {
-		getState: () => state_14,
-		switchToThread: (id_13, options_1) => {
-			handleThreadListAction("switch", () => switchToThread(id_13, options_1));
+		getState: () => state_13,
+		switchToThread: (id_12, options_3) => {
+			handleThreadListAction("switch", () => switchToThread(id_12, options_3));
 		},
 		switchToNewThread: () => {
 			handleThreadListAction("create", () => switchToNewThread());
@@ -940,9 +950,9 @@ const useRemoteThreadList = (props) => {
 				const index_0 = itemOrder.findIndex((item_0) => itemMatchesId(item_0, listState, selector.id));
 				return threadListItems.get({ index: index_0 });
 			}
-			const id_14 = (selector.archived ? listState.archivedThreadIds : listState.threadIds)[selector.index];
-			if (id_14 === void 0) return threadListItems.get({ index: -1 });
-			const index_1 = itemOrder.findIndex((item_1) => itemMatchesId(item_1, listState, id_14));
+			const id_13 = (selector.archived ? listState.archivedThreadIds : listState.threadIds)[selector.index];
+			if (id_13 === void 0) return threadListItems.get({ index: -1 });
+			const index_1 = itemOrder.findIndex((item_1) => itemMatchesId(item_1, listState, id_13));
 			return threadListItems.get({ index: index_1 });
 		},
 		thread: () => mainThreadClient.methods