birdclaw 0.8.3 → 0.8.5

package/dist/server/assets/useTimelineRouteData-BLXvMGb2.js

@@ -0,0 +1,1101 @@
+import { $ as feedRowBodyClass, B as embeddedCardClass, Dt as pageSubtitleClass, Et as pageHeaderRowClass, G as embeddedCardNameClass, H as embeddedCardHandleClass, Ht as searchFieldInputClass, J as feedActionButtonClass, Ot as pageTitleClass, Q as feedRowActionsClass, Tt as pageHeaderClass, U as embeddedCardHeaderClass, Ut as searchFieldShellClass, V as embeddedCardCopyClass, Vt as searchFieldIconClass, W as embeddedCardLabelClass, X as feedActionIconWrapClass, Y as feedActionIconClass, Z as feedClass, _n as tweetMediaTileClass, at as feedRowStatePillActiveClass, ct as feedRowTextClass, dt as linkPreviewCardClass, et as feedRowClass, ft as linkPreviewDescClass, gn as tweetMediaGridClass, it as feedRowNameClass, lt as feedRowTimestampClass, m as cx, mt as linkPreviewTitleClass, nt as feedRowHandleClass, ot as feedRowStatePillClass, pt as linkPreviewHostClass, rt as feedRowHeaderClass, st as feedRowStatePillOpenClass, tt as feedRowDotClass, z as embeddedCardBodyClass } from "./ui-qbmcMSSX.js";
+import { D as tweetConversationResponseSchema, a as fetchQueryEnvelope, d as runEffectPromise, i as fetchJsonEffect, n as queryKeys, o as fetchQueryResponse, r as fetchJson, s as postAction, x as linkPreviewResponseSchema } from "./query-client-BdauHBgd.js";
+import { r as formatCompactNumber, t as AvatarChip } from "./AvatarChip-zUDAEmjL.js";
+import { r as useSelectedAccountId } from "./account-selection-CTdFGWRk.js";
+import { a as TweetSkeletonRows, n as FeedError, o as BirdclawEmpty, r as FeedLoading, s as BirdclawLoading, t as FeedEmpty } from "./FeedState-ntW0Q2GB.js";
+import { d as isTweetArticleUrlEntity, f as normalizeTweetUrlEntityRangeForText, s as safeHttpUrl, t as ProfilePreview } from "./ProfilePreview-Cg-AOHBE.js";
+import { t as SmartTimestamp } from "./SmartTimestamp-DfwE1NGf.js";
+import { t as useDebouncedValue } from "./useDebouncedValue-DOnA6Xcy.js";
+import { t as TweetRichText } from "./TweetRichText-DDywESRF.js";
+import { createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { BookOpen, BookmarkCheck, CheckCircle2, Circle, ExternalLink, Heart, Image, MessageCircle, Repeat2, Search, UserSearch, X } from "lucide-react";
+import { queryOptions, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/lib/conversation-surface.ts
+var ConversationSurfaceContext = createContext(null);
+function conversationQueryOptions(tweetId) {
+	return queryOptions({
+		queryKey: [...queryKeys.conversations, tweetId],
+		queryFn: () => runEffectPromise(fetchJsonEffect(`/api/conversation?tweetId=${encodeURIComponent(tweetId)}`, void 0, tweetConversationResponseSchema, "Conversation unavailable")).then((data) => data.items),
+		staleTime: Number.POSITIVE_INFINITY
+	});
+}
+function ConversationSurfaceScope({ children }) {
+	const [expandedSurfaceId, setExpandedSurfaceId] = useState(null);
+	const value = useMemo(() => ({
+		expandedSurfaceId,
+		setExpandedSurfaceId
+	}), [expandedSurfaceId]);
+	return createElement(ConversationSurfaceContext.Provider, { value }, children);
+}
+function useConversationSurface(surfaceId, tweetId = surfaceId) {
+	const scope = useContext(ConversationSurfaceContext);
+	const [localExpandedSurfaceId, setLocalExpandedSurfaceId] = useState(null);
+	const expandedSurfaceId = scope?.expandedSurfaceId ?? localExpandedSurfaceId;
+	const setExpandedSurfaceId = scope?.setExpandedSurfaceId ?? setLocalExpandedSurfaceId;
+	const isOpen = expandedSurfaceId === surfaceId;
+	const queryClient = useQueryClient();
+	const query = useQuery({
+		...conversationQueryOptions(tweetId),
+		enabled: isOpen
+	});
+	const toggle = useCallback(() => {
+		setExpandedSurfaceId(isOpen ? null : surfaceId);
+	}, [
+		isOpen,
+		setExpandedSurfaceId,
+		surfaceId
+	]);
+	const prefetch = useCallback(() => {
+		queryClient.prefetchQuery(conversationQueryOptions(tweetId));
+	}, [queryClient, tweetId]);
+	const status = query.isError ? "error" : query.isFetching ? "loading" : query.data ? "ready" : "idle";
+	return {
+		error: query.error instanceof Error ? query.error.message : null,
+		isOpen,
+		items: query.data ?? [],
+		loading: query.isFetching,
+		prefetch,
+		status,
+		toggle
+	};
+}
+//#endregion
+//#region src/components/TweetArticleCard.tsx
+function safeArticleImageUrl(value) {
+	const url = safeHttpUrl(value);
+	if (!url) return null;
+	try {
+		return new URL(url).hostname === "pbs.twimg.com" ? url : null;
+	} catch {
+		return null;
+	}
+}
+function TweetArticleCard({ article }) {
+	const href = safeHttpUrl(article.url);
+	if (!href) return null;
+	const imageUrl = safeArticleImageUrl(article.coverImageUrl);
+	return /* @__PURE__ */ jsxs("a", {
+		"aria-label": `Read article: ${article.title}`,
+		className: linkPreviewCardClass,
+		"data-perf": "tweet-article-card",
+		href,
+		rel: "noreferrer",
+		target: "_blank",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col justify-center gap-1 px-3.5 py-3",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(BookOpen, {
+							"aria-hidden": "true",
+							className: "size-3.5 shrink-0 text-[var(--ink-soft)]",
+							strokeWidth: 1.8
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: linkPreviewHostClass,
+							children: "Article on X"
+						}),
+						/* @__PURE__ */ jsx(ExternalLink, {
+							"aria-hidden": "true",
+							className: "size-3.5 shrink-0 text-[var(--ink-soft)] opacity-0 transition-opacity group-hover/link-preview:opacity-100",
+							strokeWidth: 1.8
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: linkPreviewTitleClass,
+					children: article.title
+				}),
+				article.previewText ? /* @__PURE__ */ jsx("span", {
+					className: linkPreviewDescClass,
+					children: article.previewText
+				}) : null
+			]
+		}), imageUrl ? /* @__PURE__ */ jsx("div", {
+			className: "flex aspect-[1.45] w-40 shrink-0 overflow-hidden border-l border-[var(--line)] bg-[var(--bg-soft)] max-[720px]:w-28",
+			children: /* @__PURE__ */ jsx("img", {
+				alt: "",
+				className: "size-full object-cover transition-transform duration-200 group-hover/link-preview:scale-[1.03]",
+				loading: "lazy",
+				src: imageUrl
+			})
+		}) : null]
+	});
+}
+//#endregion
+//#region src/components/TweetMediaGrid.tsx
+function TweetMediaGrid({ items }) {
+	const [selectedIndex, setSelectedIndex] = useState(null);
+	if (items.length === 0) return null;
+	const visibleItems = items.slice(0, 4);
+	const selectedItem = selectedIndex === null ? null : visibleItems[selectedIndex] ?? null;
+	const selectedVideoUrl = selectedItem?.type === "video" || selectedItem?.type === "gif" ? selectedItem.variants?.[0]?.url ?? playableVideoUrl(selectedItem.url) : null;
+	const singleImage = visibleItems.length === 1 && visibleItems[0]?.type === "image" ? visibleItems[0] : null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [singleImage ? /* @__PURE__ */ jsx("button", {
+		"aria-label": "Open tweet media 1",
+		className: cx("tweet-media-single mt-2 max-w-full overflow-hidden rounded-2xl border border-[var(--line)] bg-[var(--bg-active)] p-0 text-left", singleImage.width && singleImage.height ? "block" : "inline-block align-top"),
+		onClick: (event) => {
+			event.stopPropagation();
+			setSelectedIndex(0);
+		},
+		style: singleImageStyle(singleImage),
+		type: "button",
+		children: /* @__PURE__ */ jsx("img", {
+			alt: singleImage.altText ?? "Tweet media 1",
+			className: cx("tweet-media-image block max-h-[720px] max-w-full", singleImage.width && singleImage.height ? "size-full object-cover" : "h-auto w-auto object-contain"),
+			height: singleImage.height,
+			loading: "lazy",
+			src: singleImage.thumbnailUrl ?? singleImage.url,
+			width: singleImage.width
+		})
+	}) : /* @__PURE__ */ jsx("div", {
+		className: tweetMediaGridClass(Math.min(items.length, 4)),
+		children: visibleItems.map((item, index) => /* @__PURE__ */ jsx("button", {
+			"aria-label": `Open tweet media ${String(index + 1)}`,
+			className: tweetMediaTileClass(index, Math.min(items.length, 4)),
+			onClick: (event) => {
+				event.stopPropagation();
+				setSelectedIndex(index);
+			},
+			style: visibleItems.length === 1 && item.width && item.height ? { aspectRatio: `${String(item.width)} / ${String(item.height)}` } : void 0,
+			type: "button",
+			children: item.type === "image" ? /* @__PURE__ */ jsx("img", {
+				alt: item.altText ?? `Tweet media ${String(index + 1)}`,
+				className: "tweet-media-image block size-full object-contain",
+				loading: "lazy",
+				src: item.thumbnailUrl ?? item.url
+			}) : /* @__PURE__ */ jsx("span", {
+				className: "tweet-media-fallback grid min-h-40 place-items-center font-semibold text-[var(--ink-soft)]",
+				children: item.type === "video" ? "Video" : item.type === "gif" ? "GIF" : "Media"
+			})
+		}, item.url + String(index)))
+	}), selectedItem ? /* @__PURE__ */ jsxs("div", {
+		"aria-modal": "true",
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/85 p-4",
+		onClick: (event) => {
+			event.stopPropagation();
+			setSelectedIndex(null);
+		},
+		role: "dialog",
+		children: [/* @__PURE__ */ jsx("button", {
+			"aria-label": "Close media viewer",
+			className: "absolute right-4 top-4 grid size-10 place-items-center rounded-full bg-white/10 text-white transition-colors hover:bg-white/20",
+			onClick: (event) => {
+				event.stopPropagation();
+				setSelectedIndex(null);
+			},
+			type: "button",
+			children: /* @__PURE__ */ jsx(X, {
+				className: "size-5",
+				strokeWidth: 1.8
+			})
+		}), selectedItem.type === "image" ? /* @__PURE__ */ jsx("img", {
+			alt: selectedItem.altText ?? "Tweet media",
+			className: "max-h-[92vh] max-w-[92vw] object-contain",
+			onClick: (event) => event.stopPropagation(),
+			src: selectedItem.url
+		}) : selectedVideoUrl ? /* @__PURE__ */ jsx("video", {
+			autoPlay: selectedItem.type === "gif",
+			className: "max-h-[92vh] max-w-[92vw]",
+			controls: true,
+			loop: selectedItem.type === "gif",
+			muted: selectedItem.type === "gif",
+			onClick: (event) => event.stopPropagation(),
+			playsInline: true,
+			poster: selectedItem.thumbnailUrl,
+			src: selectedVideoUrl
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "grid min-h-64 min-w-80 place-items-center gap-3 rounded-2xl border border-white/20 bg-black p-6 text-white",
+			onClick: (event) => event.stopPropagation(),
+			children: [/* @__PURE__ */ jsx("span", { children: selectedItem.type === "video" ? "Video" : selectedItem.type === "gif" ? "GIF" : "Media" }), /* @__PURE__ */ jsx("a", {
+				className: "rounded-full bg-white/10 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-white/20",
+				href: selectedItem.url,
+				rel: "noreferrer",
+				target: "_blank",
+				children: "Open media"
+			})]
+		})]
+	}) : null] });
+}
+function singleImageStyle(item) {
+	if (!item.width || !item.height) return void 0;
+	const width = Math.min(item.width, Math.round(item.width / item.height * 720));
+	return {
+		aspectRatio: `${String(item.width)} / ${String(item.height)}`,
+		width: `${String(width)}px`
+	};
+}
+function playableVideoUrl(url) {
+	try {
+		const parsed = new URL(url);
+		if (parsed.hostname === "video.twimg.com") return url;
+		return /\.(?:mp4|m3u8)(?:$|[?#])/i.test(parsed.pathname) ? url : void 0;
+	} catch {
+		return /\.(?:mp4|m3u8)(?:$|[?#])/i.test(url) ? url : void 0;
+	}
+}
+//#endregion
+//#region src/components/ConversationThread.tsx
+function ConversationThread({ anchorId, error, items, loading }) {
+	if (loading) return /* @__PURE__ */ jsx("section", {
+		className: "mt-3 rounded-2xl border border-[var(--line)] bg-[var(--bg-card)]",
+		children: /* @__PURE__ */ jsx(BirdclawLoading, {
+			detail: "Finding archived replies around this post",
+			label: "Loading conversation"
+		})
+	});
+	if (error) return /* @__PURE__ */ jsx("section", {
+		className: "mt-3 rounded-2xl border border-[var(--alert)] bg-[var(--alert-soft)] px-4 py-3 text-[14px] text-[var(--alert)]",
+		children: error
+	});
+	if (items.length <= 1) return /* @__PURE__ */ jsx("section", {
+		className: "mt-3 rounded-2xl border border-[var(--line)]",
+		children: /* @__PURE__ */ jsx(BirdclawEmpty, {
+			detail: "This post has no other archived replies locally.",
+			label: "No thread context yet"
+		})
+	});
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": "Conversation",
+		className: "mt-3 overflow-hidden rounded-2xl border border-[var(--line)] bg-[var(--bg-card)]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 border-b border-[var(--line)] px-4 py-2.5 text-[13px] font-bold text-[var(--ink)]",
+			children: [/* @__PURE__ */ jsx(MessageCircle, {
+				className: feedActionIconClass,
+				strokeWidth: 1.8
+			}), /* @__PURE__ */ jsxs("span", { children: [items.length, " tweets in conversation"] })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col",
+			children: items.map((tweet, index) => {
+				const isAnchor = tweet.id === anchorId;
+				return /* @__PURE__ */ jsxs("div", {
+					className: cx("flex gap-3 px-4 py-3", index > 0 && "border-t border-[var(--line)]", isAnchor && "bg-[var(--accent-soft)]"),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center",
+						children: [/* @__PURE__ */ jsx(AvatarChip, {
+							avatarUrl: tweet.author.avatarUrl,
+							hue: tweet.author.avatarHue,
+							name: tweet.author.displayName,
+							profileId: tweet.author.id,
+							size: "small"
+						}), index < items.length - 1 ? /* @__PURE__ */ jsx("span", { className: "mt-2 w-px flex-1 bg-[var(--line)]" }) : null]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 flex-1",
+						children: [
+							/* @__PURE__ */ jsxs("header", {
+								className: "flex min-w-0 items-center gap-1.5 text-[14px]",
+								children: [
+									/* @__PURE__ */ jsx(ProfilePreview, {
+										profile: tweet.author,
+										children: /* @__PURE__ */ jsxs("span", {
+											className: "flex min-w-0 items-center gap-1.5",
+											children: [/* @__PURE__ */ jsx("span", {
+												className: feedRowNameClass,
+												children: tweet.author.displayName
+											}), /* @__PURE__ */ jsxs("span", {
+												className: feedRowHandleClass,
+												children: ["@", tweet.author.handle]
+											})]
+										})
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "text-[var(--ink-soft)]",
+										children: "·"
+									}),
+									/* @__PURE__ */ jsx(SmartTimestamp, {
+										className: feedRowTimestampClass,
+										value: tweet.createdAt
+									}),
+									isAnchor ? /* @__PURE__ */ jsx("span", {
+										className: "ml-auto rounded-full bg-[var(--accent)] px-2 py-0.5 text-[11px] font-bold text-white",
+										children: "selected"
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ jsx(TweetRichText, {
+								className: "mt-1 whitespace-pre-wrap break-words text-[14px] leading-[1.45] text-[var(--ink)] [overflow-wrap:anywhere]",
+								entities: tweet.entities,
+								text: tweet.text
+							}),
+							/* @__PURE__ */ jsx(TweetMediaGrid, { items: tweet.media }),
+							tweet.entities.article ? /* @__PURE__ */ jsx(TweetArticleCard, { article: tweet.entities.article }) : null
+						]
+					})]
+				}, tweet.id);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/EmbeddedTweetCard.tsx
+function EmbeddedTweetCard({ item, label }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: embeddedCardBodyClass,
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: embeddedCardLabelClass,
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("header", {
+				className: embeddedCardHeaderClass,
+				children: [
+					/* @__PURE__ */ jsx(ProfilePreview, {
+						profile: item.author,
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "flex min-w-0 items-center gap-1.5",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: embeddedCardNameClass,
+								children: item.author.displayName
+							}), /* @__PURE__ */ jsxs("span", {
+								className: embeddedCardHandleClass,
+								children: ["@", item.author.handle]
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-[var(--ink-soft)]",
+						children: "·"
+					}),
+					/* @__PURE__ */ jsx(SmartTimestamp, {
+						className: feedRowTimestampClass,
+						value: item.createdAt
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(TweetRichText, {
+				className: embeddedCardCopyClass,
+				entities: item.entities,
+				text: item.text
+			}),
+			/* @__PURE__ */ jsx(TweetMediaGrid, { items: item.media }),
+			item.entities.article ? /* @__PURE__ */ jsx(TweetArticleCard, { article: item.entities.article }) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/LinkPreviewCard.tsx
+var MAX_CONCURRENT_PREVIEW_FETCHES = 2;
+var activePreviewFetches = 0;
+var queuedPreviewFetches = [];
+function needsHydration(preview) {
+	const targetUrl = preview.expandedUrl || "";
+	if (preview.imageUrl && preview.siteName && preview.title && isDirectImageUrl(targetUrl)) return false;
+	return !preview.imageUrl || !preview.title || !preview.description || preview.title === preview.displayUrl || preview.description === preview.displayUrl;
+}
+function runQueuedPreviewFetches() {
+	while (activePreviewFetches < MAX_CONCURRENT_PREVIEW_FETCHES && queuedPreviewFetches.length > 0) queuedPreviewFetches.shift()?.();
+}
+function schedulePreviewFetch(task) {
+	return new Promise((resolve, reject) => {
+		queuedPreviewFetches.push(() => {
+			activePreviewFetches += 1;
+			task().then(resolve).catch(reject).finally(() => {
+				activePreviewFetches = Math.max(0, activePreviewFetches - 1);
+				runQueuedPreviewFetches();
+			});
+		});
+		runQueuedPreviewFetches();
+	});
+}
+function linkPreviewQueryOptions(targetUrl) {
+	const params = new URLSearchParams({ url: targetUrl });
+	return queryOptions({
+		queryKey: [...queryKeys.linkPreviews, targetUrl],
+		queryFn: () => schedulePreviewFetch(() => fetchJson(`/api/link-preview?${params.toString()}`, void 0, linkPreviewResponseSchema, "Link preview unavailable").then((data) => data.preview)),
+		staleTime: 30 * 6e4
+	});
+}
+function displayHost(url, fallback) {
+	try {
+		return new URL(url).hostname.replace(/^www\./, "");
+	} catch {
+		return fallback;
+	}
+}
+function isDirectImageUrl(url) {
+	try {
+		const parsed = new URL(url);
+		return parsed.protocol === "https:" && parsed.hostname === "pbs.twimg.com" && (parsed.pathname.startsWith("/media/") || parsed.pathname.startsWith("/amplify_video_thumb/"));
+	} catch {
+		return false;
+	}
+}
+function safePreviewImageUrl(url) {
+	if (!url) return null;
+	try {
+		const parsed = new URL(url);
+		if (parsed.protocol === "https:" && parsed.hostname === "pbs.twimg.com" && (parsed.pathname.startsWith("/media/") || parsed.pathname.startsWith("/amplify_video_thumb/"))) return parsed.toString();
+		return null;
+	} catch {
+		return null;
+	}
+}
+function LinkPreviewCard({ entry, index }) {
+	const targetUrl = safeHttpUrl(entry.expandedUrl || entry.url);
+	const previewUrl = targetUrl ?? "";
+	const displayUrl = entry.displayUrl || (targetUrl ? displayHost(targetUrl, targetUrl) : "");
+	const directImageUrl = targetUrl && isDirectImageUrl(targetUrl) ? targetUrl : null;
+	const initialPreview = useMemo(() => ({
+		expandedUrl: previewUrl,
+		displayUrl,
+		title: entry.title ?? (directImageUrl ? displayHost(previewUrl, displayUrl) : void 0),
+		description: entry.description ?? (directImageUrl ? displayUrl : void 0),
+		imageUrl: entry.imageUrl ?? directImageUrl,
+		siteName: entry.siteName ?? (directImageUrl ? displayHost(previewUrl, displayUrl) : void 0)
+	}), [
+		directImageUrl,
+		displayUrl,
+		entry.description,
+		entry.imageUrl,
+		entry.siteName,
+		entry.title,
+		previewUrl
+	]);
+	const [imageFailed, setImageFailed] = useState(false);
+	const [canHydrate, setCanHydrate] = useState(false);
+	const [hydrationReady, setHydrationReady] = useState(false);
+	const cardRef = useRef(null);
+	const shouldHydrate = Boolean(targetUrl && needsHydration(initialPreview));
+	const previewQuery = useQuery({
+		...linkPreviewQueryOptions(targetUrl ?? ""),
+		enabled: shouldHydrate && canHydrate && hydrationReady
+	});
+	const preview = useMemo(() => {
+		const metadata = previewQuery.data;
+		if (!metadata) return initialPreview;
+		return {
+			expandedUrl: safeHttpUrl(metadata.url) ?? initialPreview.expandedUrl,
+			displayUrl: initialPreview.displayUrl,
+			title: metadata.title ?? initialPreview.title,
+			description: metadata.description ?? initialPreview.description,
+			imageUrl: metadata.imageUrl ?? initialPreview.imageUrl,
+			siteName: metadata.siteName ?? initialPreview.siteName
+		};
+	}, [initialPreview, previewQuery.data]);
+	useEffect(() => {
+		setImageFailed(false);
+		setCanHydrate(false);
+		setHydrationReady(false);
+	}, [initialPreview]);
+	useEffect(() => {
+		if (!targetUrl) return;
+		if (!shouldHydrate) return;
+		const node = cardRef.current;
+		if (!node || typeof IntersectionObserver === "undefined") {
+			setCanHydrate(true);
+			return;
+		}
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) {
+				setCanHydrate(true);
+				observer.disconnect();
+			}
+		}, { rootMargin: "320px 0px" });
+		observer.observe(node);
+		return () => observer.disconnect();
+	}, [shouldHydrate, targetUrl]);
+	useEffect(() => {
+		if (!targetUrl || !canHydrate || !shouldHydrate) return;
+		const timer = window.setTimeout(() => {
+			setHydrationReady(true);
+		}, 100);
+		return () => window.clearTimeout(timer);
+	}, [
+		canHydrate,
+		shouldHydrate,
+		targetUrl
+	]);
+	if (!targetUrl) return null;
+	const title = preview.title || entry.displayUrl;
+	const description = preview.description && preview.description !== title ? preview.description : preview.siteName || displayHost(preview.expandedUrl, entry.displayUrl);
+	const host = preview.siteName || displayHost(preview.expandedUrl, entry.displayUrl);
+	const imageUrl = safePreviewImageUrl(preview.imageUrl);
+	const showImage = Boolean(imageUrl && !imageFailed);
+	return /* @__PURE__ */ jsxs("a", {
+		className: linkPreviewCardClass,
+		"data-perf": "link-preview-card",
+		href: safeHttpUrl(preview.expandedUrl) ?? targetUrl,
+		ref: cardRef,
+		rel: "noreferrer",
+		target: "_blank",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col justify-center gap-1 px-3.5 py-3",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: linkPreviewHostClass,
+						children: host
+					}), /* @__PURE__ */ jsx(ExternalLink, {
+						"aria-hidden": "true",
+						className: "size-3.5 shrink-0 text-[var(--ink-soft)] opacity-0 transition-opacity group-hover/link-preview:opacity-100",
+						strokeWidth: 1.8
+					})]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: linkPreviewTitleClass,
+					children: title
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: linkPreviewDescClass,
+					children: description
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: cx(linkPreviewHostClass, "text-[12px]"),
+					children: entry.displayUrl
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex aspect-[1.45] w-40 shrink-0 items-center justify-center overflow-hidden border-l border-[var(--line)] bg-[var(--bg-soft)] max-[720px]:w-28",
+			children: showImage ? /* @__PURE__ */ jsx("img", {
+				alt: title,
+				className: "size-full object-cover transition-transform duration-200 group-hover/link-preview:scale-[1.03]",
+				loading: "lazy",
+				onError: () => setImageFailed(true),
+				src: imageUrl ?? ""
+			}) : /* @__PURE__ */ jsx(Image, {
+				"aria-hidden": "true",
+				className: "size-8 text-[var(--ink-soft)]",
+				strokeWidth: 1.7
+			})
+		})]
+	}, `${entry.expandedUrl}-${String(index)}`);
+}
+//#endregion
+//#region src/components/TimelineCard.tsx
+function comparableUrl(value) {
+	if (!value) return null;
+	try {
+		const parsed = new URL(value);
+		return `${parsed.protocol}//${parsed.hostname}${parsed.pathname}`;
+	} catch {
+		return value.split("?")[0] ?? value;
+	}
+}
+function getMediaUrlSet(media) {
+	const urls = /* @__PURE__ */ new Set();
+	for (const item of media) for (const url of [item.url, item.thumbnailUrl]) {
+		const comparable = comparableUrl(url);
+		if (comparable) urls.add(comparable);
+	}
+	return urls;
+}
+function isMediaUrlEntity(entry, mediaUrls, tweetId) {
+	if (mediaUrls.size > 0 && isOwnStatusMediaUrl(entry.expandedUrl, tweetId)) return true;
+	for (const url of [
+		entry.url,
+		entry.expandedUrl,
+		entry.displayUrl
+	]) {
+		const comparable = comparableUrl(url);
+		if (comparable && mediaUrls.has(comparable)) return true;
+	}
+	return false;
+}
+function isShortUrl(value) {
+	if (!value) return false;
+	try {
+		const candidate = value.includes("://") ? value : `https://${value}`;
+		return new URL(candidate).hostname.replace(/^www\./, "") === "t.co";
+	} catch {
+		return false;
+	}
+}
+function isUnresolvedShortUrlEntity(entry) {
+	if (isShortUrl(entry.expandedUrl)) return true;
+	if (entry.expandedUrl) return false;
+	if (isShortUrl(entry.displayUrl)) return true;
+	return !entry.displayUrl && isShortUrl(entry.url);
+}
+function unresolvedShortUrlRanges(text, entities) {
+	return (entities.urls ?? []).filter(isUnresolvedShortUrlEntity).map((entry) => normalizeTweetUrlEntityRangeForText(text, entry));
+}
+function textOutsideRanges(text, ranges) {
+	let cursor = 0;
+	let output = "";
+	for (const range of [...ranges].sort((left, right) => left.start - right.start)) {
+		if (range.start < cursor || range.end <= range.start || range.end > text.length) continue;
+		output += text.slice(cursor, range.start);
+		cursor = range.end;
+	}
+	output += text.slice(cursor);
+	return output;
+}
+function shouldHideUnresolvedShortUrls(text, entities, mediaUrls) {
+	if (mediaUrls.size === 0) return false;
+	const ranges = unresolvedShortUrlRanges(text, entities);
+	if (ranges.length === 0) return false;
+	return textOutsideRanges(text, ranges).trim().length === 0;
+}
+function isOwnStatusMediaUrl(value, tweetId) {
+	if (!value) return false;
+	try {
+		const parsed = new URL(value);
+		const host = parsed.hostname.replace(/^www\./, "");
+		if (host !== "x.com" && host !== "twitter.com") return false;
+		const segments = parsed.pathname.split("/").filter(Boolean);
+		const statusIndex = segments.indexOf("status");
+		if (statusIndex < 0 || segments[statusIndex + 1] !== tweetId) return false;
+		const mediaSegment = segments[statusIndex + 2];
+		return mediaSegment === "photo" || mediaSegment === "video";
+	} catch {
+		return false;
+	}
+}
+function getVisibleEntities(entities, media, tweetId, text) {
+	const mediaUrls = getMediaUrlSet(media);
+	if (mediaUrls.size === 0) return entities;
+	const hideUnresolvedShortUrls = shouldHideUnresolvedShortUrls(text, entities, mediaUrls);
+	return {
+		...entities,
+		urls: (entities.urls ?? []).filter((entry) => !isMediaUrlEntity(entry, mediaUrls, tweetId) && !(hideUnresolvedShortUrls && isUnresolvedShortUrlEntity(entry)))
+	};
+}
+function getHiddenMediaUrlRanges(entities, media, tweetId, text) {
+	const mediaUrls = getMediaUrlSet(media);
+	if (mediaUrls.size === 0) return [];
+	const hideUnresolvedShortUrls = shouldHideUnresolvedShortUrls(text, entities, mediaUrls);
+	return (entities.urls ?? []).filter((entry) => isMediaUrlEntity(entry, mediaUrls, tweetId) || hideUnresolvedShortUrls && isUnresolvedShortUrlEntity(entry)).map((entry) => normalizeTweetUrlEntityRangeForText(text, entry));
+}
+function getVisibleUrlCards(entities, quotedTweetId) {
+	return (entities.urls ?? []).filter((entry) => {
+		if (isUnresolvedShortUrlEntity(entry)) return false;
+		if (entities.article && isTweetArticleUrlEntity(entry, entities.article)) return false;
+		if (!quotedTweetId) return true;
+		return !entry.expandedUrl.includes(quotedTweetId);
+	});
+}
+function isInteractiveTarget(target) {
+	return target instanceof Element && Boolean(target.closest("a,button,input,textarea,select,[role='button']"));
+}
+function TweetPresentation({ tweet, hiddenUrlRanges, visibleUrlCards, replyToTweet, quotedTweet }) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(TweetRichText, {
+			className: feedRowTextClass,
+			entities: tweet.entities,
+			hiddenUrlRanges,
+			text: tweet.text
+		}),
+		/* @__PURE__ */ jsx(TweetMediaGrid, { items: tweet.media }),
+		tweet.entities.article ? /* @__PURE__ */ jsx(TweetArticleCard, { article: tweet.entities.article }) : null,
+		replyToTweet ? /* @__PURE__ */ jsx("div", {
+			className: embeddedCardClass,
+			children: /* @__PURE__ */ jsx(EmbeddedTweetCard, {
+				item: replyToTweet,
+				label: "In reply to"
+			})
+		}) : null,
+		quotedTweet ? /* @__PURE__ */ jsx("div", {
+			className: embeddedCardClass,
+			children: /* @__PURE__ */ jsx(EmbeddedTweetCard, {
+				item: quotedTweet,
+				label: "Quoted tweet"
+			})
+		}) : null,
+		visibleUrlCards.map((entry, index) => /* @__PURE__ */ jsx(LinkPreviewCard, {
+			entry,
+			index
+		}, `${entry.expandedUrl}-${String(index)}`))
+	] });
+}
+function TimelineCard({ item, onReply, showReplyControls = true }) {
+	const canReply = showReplyControls && item.kind !== "like" && item.kind !== "bookmark";
+	const displayTweet = item.retweetedTweet ?? item;
+	const displayTweetId = displayTweet.id;
+	const interactionTweetId = item.retweetedTweet && displayTweetId === `${item.id}:retweeted` ? item.id : displayTweetId;
+	const displayAuthor = displayTweet.author;
+	const conversation = useConversationSurface(item.id, interactionTweetId);
+	const visibleEntities = getVisibleEntities(displayTweet.entities, displayTweet.media, displayTweet.id, displayTweet.text);
+	const hiddenMediaUrlRanges = getHiddenMediaUrlRanges(displayTweet.entities, displayTweet.media, displayTweet.id, displayTweet.text);
+	const visibleUrlCards = getVisibleUrlCards(visibleEntities, item.retweetedTweet ? null : item.quotedTweet?.id ?? null);
+	const displayMediaCount = item.retweetedTweet ? displayTweet.mediaCount ?? displayTweet.media.length : item.mediaCount;
+	const displayIsReplied = displayTweet.isReplied ?? item.isReplied;
+	const displayLikeCount = displayTweet.likeCount ?? item.likeCount;
+	const displayBookmarked = displayTweet.bookmarked ?? item.bookmarked;
+	const displayLiked = displayTweet.liked ?? item.liked;
+	const showLikeIndicator = displayLiked || displayLikeCount > 0;
+	const showMediaIndicator = displayMediaCount > 0;
+	const hasConversation = Boolean(item.retweetedTweet ? displayTweet.replyToId : item.replyToTweet || item.replyToId);
+	return /* @__PURE__ */ jsxs("article", {
+		className: cx(feedRowClass, "cursor-pointer [content-visibility:auto] [contain-intrinsic-size:auto_280px]"),
+		"data-perf": "timeline-card",
+		onFocus: conversation.prefetch,
+		onMouseEnter: conversation.prefetch,
+		onClick: (event) => {
+			if (isInteractiveTarget(event.target)) return;
+			conversation.toggle();
+		},
+		children: [/* @__PURE__ */ jsx(AvatarChip, {
+			avatarUrl: displayAuthor.avatarUrl,
+			hue: displayAuthor.avatarHue,
+			name: displayAuthor.displayName,
+			profileId: displayAuthor.id
+		}), /* @__PURE__ */ jsxs("div", {
+			className: feedRowBodyClass,
+			children: [
+				item.retweetedTweet ? /* @__PURE__ */ jsxs("div", {
+					className: "inline-flex items-center gap-2 text-[13px] font-medium text-[var(--ink-soft)]",
+					children: [/* @__PURE__ */ jsx(Repeat2, {
+						className: "size-4",
+						strokeWidth: 1.8
+					}), /* @__PURE__ */ jsx(ProfilePreview, {
+						profile: item.author,
+						children: /* @__PURE__ */ jsxs("span", { children: [item.author.displayName, " reposted"] })
+					})]
+				}) : null,
+				/* @__PURE__ */ jsxs("header", {
+					className: feedRowHeaderClass,
+					children: [
+						/* @__PURE__ */ jsx(ProfilePreview, {
+							profile: displayAuthor,
+							children: /* @__PURE__ */ jsxs("span", {
+								className: "flex min-w-0 items-center gap-1.5",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: feedRowNameClass,
+									children: displayAuthor.displayName
+								}), /* @__PURE__ */ jsxs("span", {
+									className: feedRowHandleClass,
+									children: ["@", displayAuthor.handle]
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: feedRowDotClass,
+							children: "·"
+						}),
+						/* @__PURE__ */ jsx(SmartTimestamp, {
+							className: feedRowTimestampClass,
+							value: displayTweet.createdAt
+						}),
+						canReply || hasConversation ? /* @__PURE__ */ jsxs("span", {
+							className: "ml-auto inline-flex items-center gap-1",
+							children: [hasConversation ? /* @__PURE__ */ jsxs("span", {
+								"aria-label": "Part of a conversation",
+								className: cx(feedRowStatePillClass, feedRowStatePillActiveClass),
+								title: "Part of a conversation",
+								children: [/* @__PURE__ */ jsx(MessageCircle, {
+									className: "size-3.5",
+									strokeWidth: 2
+								}), "thread"]
+							}) : null, canReply ? /* @__PURE__ */ jsxs("span", {
+								"aria-label": displayIsReplied ? "We replied" : "Reply open",
+								className: cx(feedRowStatePillClass, displayIsReplied ? feedRowStatePillActiveClass : feedRowStatePillOpenClass),
+								title: displayIsReplied ? "We replied" : "Reply open",
+								children: [displayIsReplied ? /* @__PURE__ */ jsx(CheckCircle2, {
+									className: "size-3.5",
+									strokeWidth: 2
+								}) : /* @__PURE__ */ jsx(Circle, {
+									className: "size-3",
+									strokeWidth: 2.2
+								}), displayIsReplied ? "replied" : "open"]
+							}) : null]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsx(TweetPresentation, {
+					hiddenUrlRanges: hiddenMediaUrlRanges,
+					quotedTweet: item.retweetedTweet ? null : item.quotedTweet,
+					replyToTweet: item.retweetedTweet ? null : item.replyToTweet,
+					tweet: displayTweet,
+					visibleUrlCards
+				}),
+				/* @__PURE__ */ jsx("footer", {
+					className: feedRowActionsClass,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3 text-[13px] text-[var(--ink-soft)]",
+						children: [
+							/* @__PURE__ */ jsxs("button", {
+								"aria-expanded": conversation.isOpen,
+								"aria-label": conversation.isOpen ? "Hide conversation" : "Show conversation",
+								className: feedActionButtonClass,
+								onClick: (event) => {
+									event.stopPropagation();
+									conversation.toggle();
+								},
+								type: "button",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: feedActionIconWrapClass,
+									children: /* @__PURE__ */ jsx(MessageCircle, {
+										className: feedActionIconClass,
+										strokeWidth: 1.7
+									})
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-[13px]",
+									children: conversation.isOpen ? "Hide thread" : "Thread"
+								})]
+							}),
+							canReply ? /* @__PURE__ */ jsxs("button", {
+								className: feedActionButtonClass,
+								onClick: (event) => {
+									event.stopPropagation();
+									onReply(interactionTweetId);
+								},
+								type: "button",
+								"aria-label": "Reply",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: feedActionIconWrapClass,
+									children: /* @__PURE__ */ jsx(MessageCircle, {
+										className: feedActionIconClass,
+										strokeWidth: 1.7
+									})
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-[13px]",
+									children: "Reply"
+								})]
+							}) : null,
+							/* @__PURE__ */ jsxs("a", {
+								"aria-label": `Analyse @${displayAuthor.handle}`,
+								className: feedActionButtonClass,
+								href: `/profiles/${encodeURIComponent(displayAuthor.handle)}`,
+								onClick: (event) => {
+									event.stopPropagation();
+								},
+								title: `Analyse @${displayAuthor.handle}`,
+								children: [/* @__PURE__ */ jsx("span", {
+									className: feedActionIconWrapClass,
+									children: /* @__PURE__ */ jsx(UserSearch, {
+										className: feedActionIconClass,
+										strokeWidth: 1.7
+									})
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-[13px]",
+									children: "Analyse"
+								})]
+							}),
+							showLikeIndicator ? /* @__PURE__ */ jsxs("span", {
+								"aria-label": `${formatCompactNumber(displayLikeCount)} likes`,
+								className: cx("inline-flex items-center gap-1 px-2 py-1 text-[13px]", displayLiked && "text-[var(--like)]"),
+								title: `${formatCompactNumber(displayLikeCount)} likes`,
+								children: [/* @__PURE__ */ jsx(Heart, {
+									className: feedActionIconClass,
+									strokeWidth: 1.7,
+									fill: displayLiked ? "currentColor" : "none"
+								}), /* @__PURE__ */ jsx("span", { children: formatCompactNumber(displayLikeCount) })]
+							}) : null,
+							displayBookmarked ? /* @__PURE__ */ jsx("span", {
+								"aria-label": "Bookmarked",
+								className: "inline-flex items-center px-2 py-1",
+								title: "Bookmarked",
+								children: /* @__PURE__ */ jsx(BookmarkCheck, {
+									className: feedActionIconClass,
+									strokeWidth: 1.7
+								})
+							}) : null,
+							showMediaIndicator ? /* @__PURE__ */ jsxs("span", {
+								"aria-label": `${String(displayMediaCount)} media attachments`,
+								className: "inline-flex items-center gap-1 px-2 py-1 text-[13px]",
+								title: `${String(displayMediaCount)} media attachments`,
+								children: [/* @__PURE__ */ jsx(Image, {
+									className: feedActionIconClass,
+									strokeWidth: 1.7
+								}), /* @__PURE__ */ jsx("span", { children: displayMediaCount })]
+							}) : null
+						]
+					})
+				}),
+				conversation.isOpen ? /* @__PURE__ */ jsx(ConversationThread, {
+					anchorId: interactionTweetId,
+					error: conversation.error,
+					items: conversation.items,
+					loading: conversation.loading
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/TimelineFeedShell.tsx
+function TimelineFeedHeader({ title, subtitles, action, controls }) {
+	return /* @__PURE__ */ jsxs("header", {
+		className: pageHeaderClass,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: pageHeaderRowClass,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: pageTitleClass,
+					children: title
+				}), subtitles]
+			}), action]
+		}), controls]
+	});
+}
+function TimelineHeaderSubtitle({ children }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: pageSubtitleClass,
+		children
+	});
+}
+function TimelineSearchField({ value, onChange, placeholder }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "px-4 pb-3",
+		children: /* @__PURE__ */ jsxs("label", {
+			className: searchFieldShellClass,
+			children: [/* @__PURE__ */ jsx(Search, {
+				className: searchFieldIconClass,
+				strokeWidth: 2
+			}), /* @__PURE__ */ jsx("input", {
+				className: searchFieldInputClass,
+				onChange: (event) => onChange(event.target.value),
+				placeholder,
+				value
+			})]
+		})
+	});
+}
+function TimelineFeedShell({ header, notice, loading, loadingLabel, loadingDetail, error, errorTitle, onRetry, empty, emptyLabel, emptyDetail, children, hasMore, loadingMore, onLoadMore }) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		header,
+		notice,
+		/* @__PURE__ */ jsx(ConversationSurfaceScope, { children: /* @__PURE__ */ jsxs("section", {
+			className: feedClass,
+			children: [
+				loading ? /* @__PURE__ */ jsx(FeedLoading, {
+					detail: loadingDetail,
+					label: loadingLabel,
+					children: /* @__PURE__ */ jsx(TweetSkeletonRows, {})
+				}) : error ? /* @__PURE__ */ jsx(FeedError, {
+					action: /* @__PURE__ */ jsx("button", {
+						className: "rounded-full bg-[var(--accent)] px-4 py-1.5 text-[14px] font-bold text-white",
+						onClick: onRetry,
+						type: "button",
+						children: "Retry"
+					}),
+					message: error,
+					title: errorTitle
+				}) : empty ? /* @__PURE__ */ jsx(FeedEmpty, {
+					detail: emptyDetail,
+					label: emptyLabel
+				}) : null,
+				children,
+				!loading && !error && hasMore ? /* @__PURE__ */ jsx("div", {
+					className: "flex justify-center py-4",
+					children: /* @__PURE__ */ jsx("button", {
+						className: "rounded-full bg-[var(--accent)] px-5 py-1.5 text-[14px] font-bold text-white disabled:opacity-60",
+						disabled: loadingMore,
+						onClick: onLoadMore,
+						type: "button",
+						children: loadingMore ? "Loading…" : "Load more"
+					})
+				}) : null
+			]
+		}) })
+	] });
+}
+//#endregion
+//#region src/components/useTimelineRouteData.ts
+var PAGE_SIZE = 50;
+var TIMELINE_STALE_TIME_MS = 5 * 6e4;
+function buildTimelineQueryUrl({ resource, search, replyFilter, likedOnly, bookmarkedOnly, selectedAccountId, pageParam }) {
+	const params = new URLSearchParams({
+		resource,
+		limit: String(PAGE_SIZE)
+	});
+	if (selectedAccountId) params.set("account", selectedAccountId);
+	if (replyFilter) params.set("replyFilter", replyFilter);
+	if (likedOnly) params.set("liked", "true");
+	if (bookmarkedOnly) params.set("bookmarked", "true");
+	if (search.trim()) params.set("search", search.trim());
+	if (pageParam) {
+		params.set("until", pageParam.until);
+		params.set("untilId", pageParam.untilId);
+	}
+	params.sort();
+	const base = typeof window === "undefined" ? "http://birdclaw.local" : window.location.origin;
+	return new URL(`/api/query?${params.toString()}`, base).toString();
+}
+function useTimelineRouteData({ resource, search, errorFallback, replyFilter, likedOnly = false, bookmarkedOnly = false }) {
+	const queryClient = useQueryClient();
+	const meta = useQuery({
+		queryKey: queryKeys.status,
+		queryFn: ({ signal }) => fetchQueryEnvelope({ signal })
+	}).data ?? null;
+	const selectedAccountId = useSelectedAccountId(meta?.accounts);
+	const debouncedSearch = useDebouncedValue(search, 180);
+	const timelineQueryKey = [...queryKeys.timelines, {
+		resource,
+		search: debouncedSearch,
+		replyFilter: replyFilter ?? "all",
+		likedOnly,
+		bookmarkedOnly,
+		selectedAccountId: selectedAccountId ?? null
+	}];
+	const timelineQuery = useInfiniteQuery({
+		queryKey: timelineQueryKey,
+		initialPageParam: void 0,
+		queryFn: ({ pageParam, signal }) => fetchQueryResponse(buildTimelineQueryUrl({
+			resource,
+			search: debouncedSearch,
+			replyFilter,
+			likedOnly,
+			bookmarkedOnly,
+			selectedAccountId,
+			pageParam
+		}), { signal }),
+		getNextPageParam: (lastPage) => {
+			if (lastPage.resource === "dms") return void 0;
+			const items = lastPage.items;
+			const lastItem = items.at(-1);
+			return items.length >= PAGE_SIZE && lastItem ? {
+				until: lastItem.createdAt,
+				untilId: lastItem.id
+			} : void 0;
+		},
+		staleTime: TIMELINE_STALE_TIME_MS
+	});
+	const items = useMemo(() => {
+		const seen = /* @__PURE__ */ new Set();
+		const merged = [];
+		for (const page of timelineQuery.data?.pages ?? []) {
+			if (page.resource === "dms") continue;
+			for (const item of page.items) {
+				if (seen.has(item.id)) continue;
+				seen.add(item.id);
+				merged.push(item);
+			}
+		}
+		return merged;
+	}, [timelineQuery.data]);
+	const replyMutation = useMutation({
+		mutationFn: ({ tweetId, text }) => postAction({
+			kind: "replyTweet",
+			accountId: selectedAccountId ?? "acct_primary",
+			tweetId,
+			text
+		}),
+		onSuccess: () => queryClient.invalidateQueries({ queryKey: timelineQueryKey })
+	});
+	function retry() {
+		timelineQuery.refetch();
+	}
+	function refreshLocalView() {
+		Promise.all([queryClient.invalidateQueries({ queryKey: queryKeys.timelines }), queryClient.invalidateQueries({ queryKey: queryKeys.status })]);
+	}
+	async function replyToTweet(tweetId) {
+		const text = window.prompt("Reply text");
+		if (!text?.trim()) return;
+		await replyMutation.mutateAsync({
+			tweetId,
+			text: text.trim()
+		}).catch(() => {});
+	}
+	const queryError = timelineQuery.error;
+	return {
+		meta,
+		items,
+		loading: timelineQuery.isPending,
+		error: queryError ? queryError instanceof Error ? queryError.message : errorFallback : null,
+		replyError: replyMutation.error ? replyMutation.error instanceof Error ? replyMutation.error.message : "Reply failed" : null,
+		retry,
+		refreshLocalView,
+		replyToTweet,
+		selectedAccountId,
+		hasMore: timelineQuery.hasNextPage,
+		loadingMore: timelineQuery.isFetchingNextPage,
+		loadMore: () => timelineQuery.fetchNextPage().then(() => void 0)
+	};
+}
+//#endregion
+export { TimelineSearchField as a, TimelineHeaderSubtitle as i, TimelineFeedHeader as n, TimelineCard as o, TimelineFeedShell as r, useTimelineRouteData as t };