birdclaw 0.8.2 → 0.8.4

package/dist/server/assets/SavedTimelineView-BG1jnBp1.js

@@ -0,0 +1,64 @@
+import { t as SyncNowButton } from "./SyncNowButton-BOn_IBXS.js";
+import { a as TimelineSearchField, i as TimelineHeaderSubtitle, n as TimelineFeedHeader, o as TimelineCard, r as TimelineFeedShell, t as useTimelineRouteData } from "./useTimelineRouteData-27cxynxa.js";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SavedTimelineView.tsx
+var TITLES = {
+	liked: "Likes",
+	bookmarked: "Bookmarks"
+};
+function SavedTimelineView({ filter, title, loadingLabel, searchPlaceholder }) {
+	const [search, setSearch] = useState("");
+	const { meta, items, loading, error, retry, refreshLocalView, replyToTweet, hasMore, loadingMore, loadMore } = useTimelineRouteData({
+		resource: "home",
+		search,
+		errorFallback: `${TITLES[filter]} unavailable`,
+		likedOnly: filter === "liked",
+		bookmarkedOnly: filter === "bookmarked"
+	});
+	const subtitle = useMemo(() => {
+		if (!meta) return items.length > 0 ? `${String(items.length)} visible` : loadingLabel;
+		return `${String(items.length)} visible · ${meta.transport.statusText}`;
+	}, [
+		items.length,
+		loadingLabel,
+		meta
+	]);
+	const syncKind = filter === "liked" ? "likes" : "bookmarks";
+	return /* @__PURE__ */ jsx(TimelineFeedShell, {
+		header: /* @__PURE__ */ jsx(TimelineFeedHeader, {
+			title: TITLES[filter],
+			subtitles: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TimelineHeaderSubtitle, { children: title }), /* @__PURE__ */ jsx(TimelineHeaderSubtitle, { children: subtitle })] }),
+			action: /* @__PURE__ */ jsx(SyncNowButton, {
+				accounts: meta?.accounts,
+				kind: syncKind,
+				label: filter === "liked" ? "Sync likes" : "Sync bookmarks",
+				onSynced: refreshLocalView
+			}),
+			controls: /* @__PURE__ */ jsx(TimelineSearchField, {
+				onChange: setSearch,
+				placeholder: searchPlaceholder,
+				value: search
+			})
+		}),
+		loading,
+		loadingLabel,
+		loadingDetail: `Reading local ${TITLES[filter].toLowerCase()}`,
+		error,
+		errorTitle: `Could not load ${TITLES[filter].toLowerCase()}`,
+		onRetry: retry,
+		empty: items.length === 0,
+		emptyLabel: "Nothing saved here yet",
+		emptyDetail: "Sync this collection or broaden the search.",
+		hasMore,
+		loadingMore,
+		onLoadMore: loadMore,
+		children: items.map((item) => /* @__PURE__ */ jsx(TimelineCard, {
+			item,
+			onReply: replyToTweet,
+			showReplyControls: false
+		}, item.id))
+	});
+}
+//#endregion
+export { SavedTimelineView as t };

package/dist/server/assets/SmartTimestamp-DfwE1NGf.js

@@ -0,0 +1,45 @@
+import { a as formatShortTimestamp, i as formatExactTimestamp, o as formatSmartTimestamp } from "./AvatarChip-zUDAEmjL.js";
+import { useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/SmartTimestamp.tsx
+var CLOCK_INTERVAL_MS = 3e4;
+var listeners = /* @__PURE__ */ new Set();
+var currentNow = Date.now();
+var clockInterval = null;
+function updateClock() {
+	currentNow = Date.now();
+	for (const listener of listeners) listener();
+}
+function subscribeToClock(listener) {
+	listeners.add(listener);
+	if (clockInterval === null) {
+		currentNow = Date.now();
+		clockInterval = setInterval(updateClock, CLOCK_INTERVAL_MS);
+	}
+	return () => {
+		listeners.delete(listener);
+		if (listeners.size === 0 && clockInterval !== null) {
+			clearInterval(clockInterval);
+			clockInterval = null;
+		}
+	};
+}
+function getClockSnapshot() {
+	return currentNow;
+}
+function getServerClockSnapshot() {
+	return null;
+}
+function SmartTimestamp({ className, value }) {
+	const now = useSyncExternalStore(subscribeToClock, getClockSnapshot, getServerClockSnapshot);
+	const exactTimestamp = formatExactTimestamp(value);
+	return /* @__PURE__ */ jsx("time", {
+		"aria-label": exactTimestamp,
+		className,
+		dateTime: value,
+		title: exactTimestamp,
+		children: now === null ? formatShortTimestamp(value) : formatSmartTimestamp(value, now)
+	});
+}
+//#endregion
+export { SmartTimestamp as t };

package/dist/server/assets/SyncNowButton-BOn_IBXS.js

@@ -0,0 +1,76 @@
+import { Jt as selectFieldClass, m as cx } from "./ui-qbmcMSSX.js";
+import { c as postSync } from "./query-client-BdauHBgd.js";
+import { n as setStoredAccountId, r as useSelectedAccountId, t as defaultAccountId } from "./account-selection-CTdFGWRk.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { RefreshCw } from "lucide-react";
+//#region src/components/SyncNowButton.tsx
+function SyncNowButton({ kind, label, accounts, onSynced, showAccountPicker = false, syncOptions }) {
+	const [syncing, setSyncing] = useState(false);
+	const [message, setMessage] = useState(null);
+	const [error, setError] = useState(null);
+	const accountList = accounts ?? [];
+	const globalAccountId = useSelectedAccountId(accounts);
+	const defaultAccountId$1 = useMemo(() => defaultAccountId(accounts), [accounts]);
+	const accountId = globalAccountId ?? defaultAccountId$1;
+	const accountAwareSync = kind !== "dms";
+	const waitingForAccount = accountAwareSync && accounts === void 0 && (showAccountPicker || kind !== "timeline");
+	const birdOnlyWrongAccount = !accountAwareSync && accountId !== void 0 && defaultAccountId$1 !== void 0 && accountId !== defaultAccountId$1;
+	const disabled = syncing || waitingForAccount || birdOnlyWrongAccount;
+	const statusMessage = birdOnlyWrongAccount ? "Switch to default to sync" : waitingForAccount ? "Loading account" : error ?? message ?? "";
+	function selectAccount(accountId) {
+		setStoredAccountId(accountId);
+	}
+	async function syncNow() {
+		setSyncing(true);
+		setError(null);
+		setMessage(null);
+		try {
+			const data = await postSync(kind, accountAwareSync ? accountId : void 0, syncOptions);
+			if (!data.ok) throw new Error(data.summary);
+			setMessage(data.summary);
+			onSynced(data);
+		} catch (syncError) {
+			setError(syncError instanceof Error ? syncError.message : "Sync failed");
+		} finally {
+			setSyncing(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex shrink-0 items-center gap-2",
+		children: [
+			showAccountPicker && accountAwareSync && accountList.length > 1 ? /* @__PURE__ */ jsx("select", {
+				"aria-label": "Sync account",
+				className: cx(selectFieldClass, "h-9 w-[132px]"),
+				disabled: syncing,
+				onChange: (event) => selectAccount(event.target.value),
+				value: accountId ?? "",
+				children: accountList.map((account) => /* @__PURE__ */ jsx("option", {
+					value: account.id,
+					children: account.handle
+				}, account.id))
+			}) : null,
+			/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: cx("inline-flex h-9 shrink-0 items-center gap-1.5 rounded-full border border-[var(--line)] bg-[var(--bg)] px-3 text-[13px] font-semibold text-[var(--ink)] transition-[background,border-color,color,transform] duration-150 hover:border-[color:color-mix(in_srgb,var(--accent)_45%,var(--line))] hover:bg-[var(--accent-soft)] hover:text-[var(--accent)] active:scale-[0.98] disabled:opacity-65", syncing && "text-[var(--ink-soft)]", birdOnlyWrongAccount ? "disabled:cursor-not-allowed" : "disabled:cursor-wait"),
+				"aria-label": birdOnlyWrongAccount ? `${label}: default account only` : syncing ? `${label}: syncing` : label,
+				disabled,
+				onClick: syncNow,
+				children: [/* @__PURE__ */ jsx(RefreshCw, {
+					className: cx("size-4", syncing && "animate-spin"),
+					strokeWidth: 2
+				}), /* @__PURE__ */ jsx("span", {
+					className: "hidden sm:inline",
+					children: syncing ? "Syncing..." : label
+				})]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cx("hidden max-w-[190px] truncate text-[12px] sm:inline", error ? "text-[var(--alert)]" : "text-[var(--ink-soft)]"),
+				role: "status",
+				children: statusMessage
+			})
+		]
+	});
+}
+//#endregion
+export { SyncNowButton as t };

package/dist/server/assets/TimelineRouteFrame-CU7ilM7U.js

@@ -0,0 +1,85 @@
+import { cn as tabButtonClass, ln as tabButtonIndicatorClass, m as cx, pn as timestampClass, un as tabStripClass } from "./ui-qbmcMSSX.js";
+import { t as SyncNowButton } from "./SyncNowButton-BOn_IBXS.js";
+import { a as TimelineSearchField, i as TimelineHeaderSubtitle, n as TimelineFeedHeader, o as TimelineCard, r as TimelineFeedShell, t as useTimelineRouteData } from "./useTimelineRouteData-27cxynxa.js";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/TimelineRouteFrame.tsx
+var TABS = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "unreplied",
+		label: "Unreplied"
+	},
+	{
+		value: "replied",
+		label: "Replied"
+	}
+];
+function TimelineRouteFrame({ title, resource, initialReplyFilter, searchPlaceholder, syncKind, syncLabel, loadingLabel, loadingDetail, errorTitle, errorFallback, emptyLabel, emptyDetail, subtitle }) {
+	const [replyFilter, setReplyFilter] = useState(initialReplyFilter);
+	const [search, setSearch] = useState("");
+	const { meta, items, loading, error, replyError, retry, refreshLocalView, replyToTweet, hasMore, loadingMore, loadMore } = useTimelineRouteData({
+		resource,
+		replyFilter,
+		search,
+		errorFallback
+	});
+	return /* @__PURE__ */ jsx(TimelineFeedShell, {
+		header: /* @__PURE__ */ jsx(TimelineFeedHeader, {
+			title,
+			subtitles: /* @__PURE__ */ jsx(TimelineHeaderSubtitle, { children: useMemo(() => subtitle(meta), [meta, subtitle]) }),
+			action: /* @__PURE__ */ jsx(SyncNowButton, {
+				accounts: meta?.accounts,
+				kind: syncKind,
+				label: syncLabel,
+				onSynced: refreshLocalView,
+				showAccountPicker: true
+			}),
+			controls: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TimelineSearchField, {
+				onChange: setSearch,
+				placeholder: searchPlaceholder,
+				value: search
+			}), /* @__PURE__ */ jsx("div", {
+				className: tabStripClass,
+				children: TABS.map((tab) => {
+					const active = replyFilter === tab.value;
+					return /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-pressed": active,
+						className: cx(tabButtonClass, active && "text-[var(--ink)] font-bold"),
+						onClick: () => setReplyFilter(tab.value),
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "relative inline-flex flex-col items-center justify-center py-1",
+							children: [tab.label, active ? /* @__PURE__ */ jsx("span", { className: tabButtonIndicatorClass }) : null]
+						})
+					}, tab.value);
+				})
+			})] })
+		}),
+		notice: replyError ? /* @__PURE__ */ jsx("p", {
+			className: cx(timestampClass, "px-4 py-2 text-red-500"),
+			children: replyError
+		}) : null,
+		loading,
+		loadingLabel,
+		loadingDetail,
+		error,
+		errorTitle,
+		onRetry: retry,
+		empty: items.length === 0,
+		emptyLabel,
+		emptyDetail,
+		hasMore,
+		loadingMore,
+		onLoadMore: loadMore,
+		children: items.map((item) => /* @__PURE__ */ jsx(TimelineCard, {
+			item,
+			onReply: replyToTweet
+		}, item.id))
+	});
+}
+//#endregion
+export { TimelineRouteFrame as t };

package/dist/server/assets/TweetRichText-DhCVv1-6.js

@@ -0,0 +1,74 @@
+import { hn as tweetLinkClass, mn as tweetHashtagClass, s as bodyCopyClass, vn as tweetMentionClass } from "./ui-qbmcMSSX.js";
+import { c as collectTweetSegmentsForText, d as isTweetArticleUrlEntity, f as normalizeTweetUrlEntityRangeForText, s as safeHttpUrl, t as ProfilePreview, u as enrichFallbackUrlEntities } from "./ProfilePreview-C6gAor_j.js";
+import { Fragment } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/TweetRichText.tsx
+function rangeKey(range) {
+	return `${range.start}:${range.end}`;
+}
+function isShortUrl(value) {
+	try {
+		return new URL(value).hostname.replace(/^www\./, "") === "t.co";
+	} catch {
+		return false;
+	}
+}
+function TweetRichText({ text, entities, className = "body-copy", hiddenUrlRanges = [], urlLabel = "display", as = "p" }) {
+	const richEntities = enrichFallbackUrlEntities(text, entities);
+	const segments = collectTweetSegmentsForText(text, richEntities);
+	const hiddenRawRangeKeys = new Set(hiddenUrlRanges.map(rangeKey));
+	const article = entities.article;
+	if (article) {
+		const urlEntries = richEntities.urls ?? [];
+		const articleUrlEntries = urlEntries.filter((entry) => isTweetArticleUrlEntity(entry, article));
+		const onlyUrlEntry = urlEntries[0];
+		if (articleUrlEntries.length === 0 && urlEntries.length === 1 && onlyUrlEntry && (isShortUrl(onlyUrlEntry.url) || isShortUrl(onlyUrlEntry.expandedUrl))) articleUrlEntries.push(onlyUrlEntry);
+		for (const entry of articleUrlEntries) hiddenRawRangeKeys.add(rangeKey(entry));
+	}
+	const hiddenRangeKeys = new Set(hiddenRawRangeKeys);
+	for (const entry of richEntities.urls ?? []) {
+		if (!hiddenRawRangeKeys.has(rangeKey(entry))) continue;
+		hiddenRangeKeys.add(rangeKey(normalizeTweetUrlEntityRangeForText(text, entry)));
+	}
+	const Wrapper = as;
+	let cursor = 0;
+	const hideArticleTitle = entities.article && text.trim() === entities.article.title.trim();
+	return /* @__PURE__ */ jsxs(Wrapper, {
+		className: className === "body-copy" ? bodyCopyClass : className,
+		children: [(hideArticleTitle ? [] : segments).map((segment, index) => {
+			if (segment.start < cursor || segment.end <= segment.start || segment.end > text.length) return null;
+			const prefix = text.slice(cursor, segment.start);
+			cursor = segment.end;
+			let node = /* @__PURE__ */ jsx(Fragment, { children: text.slice(segment.start, segment.end) }, `segment-${String(index)}`);
+			if (segment.kind === "url" && hiddenRangeKeys.has(rangeKey(segment))) node = null;
+			else if (segment.kind === "mention" && segment.profile) node = /* @__PURE__ */ jsx(ProfilePreview, {
+				profile: segment.profile,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: tweetMentionClass,
+					children: ["@", segment.username]
+				})
+			}, `segment-${String(index)}`);
+			else if (segment.kind === "mention") node = /* @__PURE__ */ jsxs("a", {
+				className: tweetMentionClass,
+				href: `/profiles/${encodeURIComponent(segment.username)}`,
+				children: ["@", segment.username]
+			}, `segment-${String(index)}`);
+			else if (segment.kind === "url") {
+				const href = safeHttpUrl(segment.expandedUrl);
+				if (href) node = /* @__PURE__ */ jsx("a", {
+					className: tweetLinkClass,
+					href,
+					rel: "noreferrer",
+					target: "_blank",
+					children: urlLabel === "expanded" ? segment.expandedUrl : segment.displayUrl
+				}, `segment-${String(index)}`);
+			} else if (segment.kind === "hashtag") node = /* @__PURE__ */ jsxs("span", {
+				className: tweetHashtagClass,
+				children: ["#", segment.tag]
+			}, `segment-${String(index)}`);
+			return /* @__PURE__ */ jsxs(Fragment, { children: [prefix, node] }, `piece-${String(index)}`);
+		}), hideArticleTitle ? null : text.slice(cursor)]
+	});
+}
+//#endregion
+export { TweetRichText as t };

package/dist/server/assets/_tanstack-start-manifest_v-C-ZRnG_n.js

@@ -0,0 +1,148 @@
+//#region \0tanstack-start-manifest:v
+var tsrStartManifest = () => ({ routes: {
+	__root__: {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/__root.tsx",
+		children: [
+			"/",
+			"/blocks",
+			"/bookmarks",
+			"/data-sources",
+			"/discuss",
+			"/dms",
+			"/inbox",
+			"/likes",
+			"/links",
+			"/mentions",
+			"/network-map",
+			"/profile-analyze",
+			"/rate-limits",
+			"/today",
+			"/api/action",
+			"/api/avatar",
+			"/api/blocks",
+			"/api/conversation",
+			"/api/data-sources",
+			"/api/inbox",
+			"/api/link-insights",
+			"/api/link-preview",
+			"/api/network-map",
+			"/api/period-digest",
+			"/api/profile-analysis",
+			"/api/profile-hydrate",
+			"/api/query",
+			"/api/search-discussion",
+			"/api/status",
+			"/api/sync",
+			"/api/xurl-rate-limits",
+			"/profiles/$handle"
+		],
+		css: ["/assets/index-bpFrQ5yG.css"],
+		preloads: [
+			"/assets/index-CEIG7S6s.js",
+			"/assets/chunk-C0phanGV.js",
+			"/assets/query-client-fYu2rzRC.js",
+			"/assets/createLucideIcon-JV8isFFR.js",
+			"/assets/circle-check-C_Vq3ElD.js",
+			"/assets/client-stream-contracts-ys3XhWG4.js",
+			"/assets/sparkles-CQVlvHsZ.js",
+			"/assets/react-dom-DHl6Ug7F.js",
+			"/assets/schemas-I9r6F6ya.js",
+			"/assets/react-nBylq1U5.js",
+			"/assets/AvatarChip-DLoqM5xD.js",
+			"/assets/ProfilePreview-BejAuYsJ.js",
+			"/assets/SmartTimestamp-BR0-9se2.js",
+			"/assets/profile-hydration-client-YEtJsNTv.js"
+		],
+		scripts: [{ attrs: {
+			type: "module",
+			async: !0,
+			src: "/assets/index-CEIG7S6s.js"
+		} }]
+	},
+	"/": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/index.tsx",
+		children: void 0,
+		preloads: ["/assets/routes-q7ZaW4En.js", "/assets/TimelineRouteFrame-CyGPj0eM.js"]
+	},
+	"/blocks": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/blocks.tsx",
+		children: void 0,
+		preloads: ["/assets/blocks-7UDKQp8H.js"]
+	},
+	"/bookmarks": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/bookmarks.tsx",
+		children: void 0,
+		preloads: ["/assets/bookmarks-CbBkMvXk.js", "/assets/SavedTimelineView-BIS7HKpp.js"]
+	},
+	"/data-sources": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/data-sources.tsx",
+		children: void 0,
+		preloads: ["/assets/data-sources-Cm2bpNvg.js", "/assets/triangle-alert-CBL7s2pf.js"]
+	},
+	"/discuss": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/discuss.tsx",
+		children: void 0,
+		preloads: ["/assets/discuss-DTjaOugw.js", "/assets/search-Dq5kYsxA.js"]
+	},
+	"/dms": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/dms.tsx",
+		children: void 0,
+		preloads: ["/assets/dms-CGd6Eogq.js", "/assets/search-Dq5kYsxA.js"]
+	},
+	"/inbox": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/inbox.tsx",
+		children: void 0,
+		preloads: ["/assets/inbox-BHlGuOy2.js"]
+	},
+	"/likes": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/likes.tsx",
+		children: void 0,
+		preloads: ["/assets/likes-cLrcAQem.js", "/assets/SavedTimelineView-BIS7HKpp.js"]
+	},
+	"/links": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/links.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/links-CM9QO1LC.js",
+			"/assets/repeat-2-xCwHM9hD.js",
+			"/assets/search-Dq5kYsxA.js",
+			"/assets/users-CHbKlqUr.js"
+		]
+	},
+	"/mentions": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/mentions.tsx",
+		children: void 0,
+		preloads: ["/assets/mentions-CxKCgzIf.js", "/assets/TimelineRouteFrame-CyGPj0eM.js"]
+	},
+	"/network-map": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/network-map.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/network-map-B5a3whqj.js",
+			"/assets/search-Dq5kYsxA.js",
+			"/assets/users-CHbKlqUr.js"
+		]
+	},
+	"/profile-analyze": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/profile-analyze.tsx",
+		children: void 0,
+		preloads: ["/assets/profile-analyze-CRtNEwlb.js", "/assets/search-Dq5kYsxA.js"]
+	},
+	"/rate-limits": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/rate-limits.tsx",
+		children: void 0,
+		preloads: ["/assets/rate-limits-ScaEwdVK.js", "/assets/triangle-alert-CBL7s2pf.js"]
+	},
+	"/today": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/today.tsx",
+		children: void 0,
+		preloads: ["/assets/today-CeG1O7Py.js"]
+	},
+	"/profiles/$handle": {
+		filePath: "/Users/steipete/Projects/birdclaw/src/routes/profiles.$handle.tsx",
+		children: void 0,
+		preloads: ["/assets/profiles._handle-C82_HoKX.js"]
+	}
+} });
+//#endregion
+export { tsrStartManifest };

package/dist/server/assets/account-selection-CTdFGWRk.js

@@ -0,0 +1,44 @@
+import { useEffect, useMemo, useState } from "react";
+//#region src/components/account-selection.ts
+var STORAGE_KEY = "birdclaw:selected-account-id";
+var CHANGE_EVENT = "birdclaw-account-change";
+function defaultAccountId(accounts) {
+	if (!accounts?.length) return void 0;
+	return accounts.find((account) => account.isDefault)?.id ?? accounts[0]?.id;
+}
+function readStoredAccountId() {
+	if (typeof window === "undefined") return void 0;
+	return window.localStorage.getItem(STORAGE_KEY) ?? void 0;
+}
+function setStoredAccountId(accountId) {
+	if (typeof window === "undefined") return;
+	window.localStorage.setItem(STORAGE_KEY, accountId);
+	window.dispatchEvent(new CustomEvent(CHANGE_EVENT, { detail: { accountId } }));
+}
+function useSelectedAccountId(accounts) {
+	const fallbackAccountId = useMemo(() => defaultAccountId(accounts), [accounts]);
+	const [selectedAccountId, setSelectedAccountId] = useState(() => readStoredAccountId());
+	useEffect(() => {
+		const onChange = (event) => {
+			setSelectedAccountId(event.detail?.accountId ?? readStoredAccountId());
+		};
+		const onStorage = () => setSelectedAccountId(readStoredAccountId());
+		window.addEventListener(CHANGE_EVENT, onChange);
+		window.addEventListener("storage", onStorage);
+		return () => {
+			window.removeEventListener(CHANGE_EVENT, onChange);
+			window.removeEventListener("storage", onStorage);
+		};
+	}, []);
+	useEffect(() => {
+		if (!accounts?.length || !fallbackAccountId) return;
+		const current = readStoredAccountId();
+		if (!(current && accounts.some((account) => account.id === current))) {
+			setStoredAccountId(fallbackAccountId);
+			setSelectedAccountId(fallbackAccountId);
+		}
+	}, [accounts, fallbackAccountId]);
+	return selectedAccountId && accounts?.some((account) => account.id === selectedAccountId) ? selectedAccountId : fallbackAccountId;
+}
+//#endregion
+export { setStoredAccountId as n, useSelectedAccountId as r, defaultAccountId as t };