birdclaw 0.8.2 → 0.8.4

package/dist/server/assets/links-DmH5lxHO.js

@@ -0,0 +1,468 @@
+import { Dt as pageSubtitleClass, Et as pageHeaderRowClass, Ht as searchFieldInputClass, Kt as segmentClass, Ot as pageTitleClass, Tt as pageHeaderClass, Ut as searchFieldShellClass, Vt as searchFieldIconClass, Wt as secondaryButtonClass, m as cx, qt as segmentedClass } from "./ui-qbmcMSSX.js";
+import { r as formatCompactNumber, t as AvatarChip } from "./AvatarChip-zUDAEmjL.js";
+import { i as LinkSkeletonRows, n as FeedError, r as FeedLoading, t as FeedEmpty } from "./FeedState-ntW0Q2GB.js";
+import { t as ProfilePreview } from "./ProfilePreview-C6gAor_j.js";
+import { t as SmartTimestamp } from "./SmartTimestamp-DfwE1NGf.js";
+import { a as validateLinksSearch } from "./route-search-BUlQ5lGM.js";
+import { a as itemSubtitle, c as mentionCopy, d as ranges, f as youtubeThumbnailUrl, i as isSameProfile, l as mentionHref, n as useLinksController, o as itemTitle, r as commentCount, s as mediaImage, t as Route$1, u as pureShareCount } from "./links-DAhSjynu.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp, ExternalLink, MessageCircle, Play, Repeat2, Search, Users } from "lucide-react";
+//#region src/routes/links.tsx?tsr-split=component
+function ProfilePill({ profile, className }) {
+	if (!profile) return /* @__PURE__ */ jsx("span", {
+		className: cx("text-[var(--ink-soft)]", className),
+		children: "unknown"
+	});
+	return /* @__PURE__ */ jsx(ProfilePreview, {
+		profile,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: cx("font-bold text-[var(--ink)] hover:underline", className),
+			children: ["@", profile.handle]
+		})
+	});
+}
+function SharerStrip({ item }) {
+	const itemSharers = item.sharers ?? [];
+	const visible = (itemSharers.length > 0 ? itemSharers : item.topSharer ? [item.topSharer] : []).slice(0, 5);
+	const hidden = Math.max(0, item.uniqueSharers - visible.length);
+	if (visible.length === 0) return /* @__PURE__ */ jsx("span", { children: "top unknown" });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group/sharers relative z-10 inline-flex items-center gap-1 hover:z-50 focus-within:z-50",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex -space-x-2",
+				children: visible.slice(0, 4).map((profile) => /* @__PURE__ */ jsx("a", {
+					"aria-label": `Open @${profile.handle}`,
+					className: "inline-flex rounded-full bg-[var(--bg)] ring-2 ring-[var(--bg)]",
+					href: `https://x.com/${profile.handle}`,
+					rel: "noreferrer",
+					target: "_blank",
+					children: /* @__PURE__ */ jsx(AvatarChip, {
+						avatarUrl: profile.avatarUrl,
+						hue: profile.avatarHue,
+						name: profile.displayName,
+						profileId: profile.id,
+						size: "small"
+					})
+				}, profile.id))
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "inline-flex items-center gap-1 text-[13px] text-[var(--ink-soft)]",
+				children: [/* @__PURE__ */ jsx("span", { children: "top" }), /* @__PURE__ */ jsxs("a", {
+					className: "font-medium text-[var(--ink-soft)] hover:underline",
+					href: `https://x.com/${visible[0]?.handle ?? ""}`,
+					rel: "noreferrer",
+					target: "_blank",
+					children: ["@", visible[0]?.handle]
+				})]
+			}),
+			hidden > 0 ? /* @__PURE__ */ jsxs("span", {
+				className: "text-[13px] text-[var(--ink-soft)]",
+				children: ["+", formatCompactNumber(hidden)]
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "pointer-events-none absolute left-0 top-[calc(100%+8px)] z-[80] grid w-[280px] translate-y-1 gap-2 rounded-2xl border border-[var(--line)] bg-[var(--bg-elevated)] p-3 opacity-0 shadow-[0_8px_28px_var(--shadow-strong)] transition-all duration-150 group-hover/sharers:pointer-events-auto group-hover/sharers:translate-y-0 group-hover/sharers:opacity-100 group-focus-within/sharers:pointer-events-auto group-focus-within/sharers:translate-y-0 group-focus-within/sharers:opacity-100",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 text-[13px] font-bold text-[var(--ink)]",
+					children: [/* @__PURE__ */ jsx(Users, { className: "size-4" }), /* @__PURE__ */ jsxs("span", { children: [formatCompactNumber(item.uniqueSharers), " sharers"] })]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "grid gap-2",
+					children: visible.map((profile) => /* @__PURE__ */ jsxs("a", {
+						className: "flex min-w-0 items-center gap-2 rounded-xl p-1 transition-colors hover:bg-[var(--bg-hover)]",
+						href: `https://x.com/${profile.handle}`,
+						rel: "noreferrer",
+						target: "_blank",
+						children: [/* @__PURE__ */ jsx(AvatarChip, {
+							avatarUrl: profile.avatarUrl,
+							hue: profile.avatarHue,
+							name: profile.displayName,
+							profileId: profile.id,
+							size: "small"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "block truncate text-[14px] font-bold text-[var(--ink)]",
+								children: profile.displayName
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "block truncate text-[13px] text-[var(--ink-soft)]",
+								children: [
+									"@",
+									profile.handle,
+									" /",
+									" ",
+									formatCompactNumber(profile.followersCount),
+									" followers"
+								]
+							})]
+						})]
+					}, profile.id))
+				})]
+			})
+		]
+	});
+}
+function SourceActions({ item, mention }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap items-center gap-3 text-[13px]",
+		children: [
+			mention.sourceUrl ? {
+				href: mention.sourceUrl,
+				label: mention.sourceKind === "dm" ? "Open DM" : "Open tweet"
+			} : null,
+			mention.contentTweetUrl ? {
+				href: mention.contentTweetUrl,
+				label: "Open source tweet"
+			} : null,
+			{
+				href: item.url,
+				label: "Open link"
+			}
+		].filter(Boolean).map((link) => /* @__PURE__ */ jsxs("a", {
+			className: "inline-flex items-center gap-1 font-semibold text-[var(--accent)] hover:underline",
+			href: link.href,
+			rel: "noreferrer",
+			target: "_blank",
+			children: [/* @__PURE__ */ jsx("span", { children: link.label }), /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5" })]
+		}, `${link.label}:${link.href}`))
+	});
+}
+function MentionCard({ item, mention }) {
+	const image = mediaImage(mention.media);
+	const href = mentionHref(mention, item);
+	const contentAuthor = mention.contentAuthor && !isSameProfile(mention.sharedBy, mention.contentAuthor) ? mention.contentAuthor : null;
+	return /* @__PURE__ */ jsxs("article", {
+		className: "grid gap-2 rounded-2xl border border-[var(--line)] bg-[var(--bg)] px-3 py-2.5",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 items-center gap-2 text-[13px] text-[var(--ink-soft)]",
+				children: [
+					/* @__PURE__ */ jsx(ProfilePill, { profile: mention.sharedBy }),
+					/* @__PURE__ */ jsx("span", { children: mention.sourceLabel ?? mention.sourceKind }),
+					/* @__PURE__ */ jsx("span", { children: "/" }),
+					/* @__PURE__ */ jsx("a", {
+						className: "hover:underline",
+						href,
+						rel: "noreferrer",
+						target: "_blank",
+						children: /* @__PURE__ */ jsx(SmartTimestamp, { value: mention.createdAt })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "m-0 whitespace-pre-wrap text-[14px] leading-[1.45] text-[var(--ink)] [overflow-wrap:anywhere]",
+				children: mentionCopy(mention)
+			}),
+			contentAuthor ? /* @__PURE__ */ jsxs("div", {
+				className: "text-[13px] text-[var(--ink-soft)]",
+				children: ["source by ", /* @__PURE__ */ jsx(ProfilePill, { profile: contentAuthor })]
+			}) : null,
+			image ? /* @__PURE__ */ jsx("a", {
+				className: "block max-w-[220px] overflow-hidden rounded-2xl border border-[var(--line)] bg-[var(--bg-active)]",
+				href,
+				rel: "noreferrer",
+				target: "_blank",
+				children: /* @__PURE__ */ jsx("img", {
+					alt: image.altText || "Mention media",
+					className: "aspect-video h-auto w-full object-cover",
+					src: image.thumbnailUrl || image.url
+				})
+			}) : null,
+			/* @__PURE__ */ jsx(SourceActions, {
+				item,
+				mention
+			})
+		]
+	});
+}
+function PureShareCluster({ item, mentions }) {
+	const visible = mentions.map((mention) => mention.sharedBy).filter(Boolean).slice(0, 6);
+	const firstSource = mentions.find((mention) => mention.sourceUrl)?.sourceUrl;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-[var(--line)] bg-[var(--bg-hover)] px-3 py-2.5",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "grid size-8 shrink-0 place-items-center rounded-full bg-[var(--bg-active)] text-[var(--ink-soft)]",
+				children: /* @__PURE__ */ jsx(Repeat2, { className: "size-4" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "text-[14px] font-bold text-[var(--ink)]",
+					children: [formatCompactNumber(pureShareCount(item)), " shares without comment"]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-wrap items-center gap-1 text-[13px] text-[var(--ink-soft)]",
+					children: [visible.map((profile) => /* @__PURE__ */ jsx(ProfilePill, { profile }, profile.id)), pureShareCount(item) > visible.length ? /* @__PURE__ */ jsxs("span", { children: [
+						"+",
+						formatCompactNumber(pureShareCount(item) - visible.length),
+						" ",
+						"more"
+					] }) : null]
+				})]
+			})]
+		}), firstSource ? /* @__PURE__ */ jsxs("a", {
+			className: "inline-flex items-center gap-1 text-[13px] font-semibold text-[var(--accent)] hover:underline",
+			href: firstSource,
+			rel: "noreferrer",
+			target: "_blank",
+			children: [/* @__PURE__ */ jsx("span", { children: "Open first source" }), /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5" })]
+		}) : null]
+	});
+}
+function CommentsSection({ item }) {
+	const [expanded, setExpanded] = useState(false);
+	const [visibleCount, setVisibleCount] = useState(3);
+	const comments = item.mentions.filter((mention) => mention.hasComment);
+	const pureShares = item.mentions.filter((mention) => mention.isPureShare || !mention.hasComment);
+	const itemCommentCount = commentCount(item);
+	const itemPureShareCount = pureShareCount(item);
+	const totalDiscussion = itemCommentCount + itemPureShareCount;
+	const visibleComments = comments.slice(0, visibleCount);
+	const remainingLocalComments = Math.max(0, comments.length - visibleCount);
+	const remainingComments = Math.max(0, itemCommentCount - visibleComments.length);
+	if (totalDiscussion === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-2 grid gap-2 border-t border-[var(--line)] pt-2",
+		children: [/* @__PURE__ */ jsxs("button", {
+			className: "inline-flex w-fit items-center gap-1 rounded-full border-0 bg-transparent px-2 py-1 text-[13px] font-bold text-[var(--accent)] transition-colors hover:bg-[var(--accent-soft)]",
+			onClick: () => setExpanded((value) => !value),
+			type: "button",
+			children: [
+				/* @__PURE__ */ jsx(MessageCircle, { className: "size-4" }),
+				/* @__PURE__ */ jsxs("span", { children: [
+					expanded ? "Hide" : "Show",
+					" ",
+					formatCompactNumber(itemCommentCount),
+					" ",
+					"comments",
+					itemPureShareCount > 0 ? ` / ${formatCompactNumber(itemPureShareCount)} shares` : ""
+				] }),
+				expanded ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+			]
+		}), expanded ? /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-2",
+			children: [
+				visibleComments.map((mention) => /* @__PURE__ */ jsx(MentionCard, {
+					item,
+					mention
+				}, mention.id)),
+				remainingLocalComments > 0 ? /* @__PURE__ */ jsxs("button", {
+					className: cx(secondaryButtonClass, "w-fit"),
+					onClick: () => setVisibleCount((value) => value + 6),
+					type: "button",
+					children: [
+						"Show",
+						" ",
+						formatCompactNumber(Math.min(6, remainingLocalComments)),
+						" ",
+						"more"
+					]
+				}) : null,
+				remainingComments > 0 && remainingLocalComments === 0 ? /* @__PURE__ */ jsxs("div", {
+					className: "rounded-2xl border border-[var(--line)] bg-[var(--bg-hover)] px-3 py-2 text-[13px] text-[var(--ink-soft)]",
+					children: [formatCompactNumber(remainingComments), " more mentions in archive. Narrow the range or raise the API limit to inspect them."]
+				}) : null,
+				itemPureShareCount > 0 ? /* @__PURE__ */ jsx(PureShareCluster, {
+					item,
+					mentions: pureShares
+				}) : null
+			]
+		}) : null]
+	});
+}
+function VideoPreview({ item }) {
+	if (item.kind !== "videos") return null;
+	const image = mediaImage(item.mentions.flatMap((mention) => mention.media));
+	const thumbnailUrl = image?.thumbnailUrl || image?.url || youtubeThumbnailUrl(item.url);
+	return /* @__PURE__ */ jsxs("a", {
+		className: "mt-2 flex max-w-md items-center gap-3 overflow-hidden rounded-2xl border border-[var(--line)] bg-[var(--bg-hover)] transition-colors hover:bg-[var(--bg-active)]",
+		href: item.url,
+		rel: "noreferrer",
+		target: "_blank",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative grid aspect-video w-36 shrink-0 place-items-center overflow-hidden bg-[var(--bg-active)] text-[var(--ink-soft)]",
+			children: [thumbnailUrl ? /* @__PURE__ */ jsx("img", {
+				alt: image?.altText || itemTitle(item),
+				className: "h-full w-full object-cover transition-transform duration-150 hover:scale-105",
+				src: thumbnailUrl
+			}) : /* @__PURE__ */ jsx(Play, { className: "size-6" }), /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 grid place-items-center bg-black/20",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "grid size-9 place-items-center rounded-full bg-black/70 text-white shadow-[0_4px_18px_rgba(0,0,0,0.35)]",
+					children: /* @__PURE__ */ jsx(Play, { className: "ml-0.5 size-4 fill-current" })
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 py-2 pr-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "truncate text-[13px] font-bold text-[var(--ink)]",
+				children: itemTitle(item)
+			}), /* @__PURE__ */ jsx("div", {
+				className: "truncate text-[13px] text-[var(--ink-soft)]",
+				children: item.displayUrl
+			})]
+		})]
+	});
+}
+function LinkInsightRow({ index, item }) {
+	return /* @__PURE__ */ jsxs("article", {
+		className: "flex flex-col gap-2 border-b border-[var(--line)] px-4 py-3 transition-colors duration-150 hover:bg-[var(--bg-hover)]",
+		"data-perf": "link-insight-row",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "grid size-9 shrink-0 place-items-center rounded-full bg-[var(--bg-active)] text-[14px] font-bold text-[var(--ink-soft)]",
+				children: index + 1
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ jsx("a", {
+						className: "block break-words text-[15px] font-bold text-[var(--ink)] [overflow-wrap:anywhere] hover:underline",
+						href: item.url,
+						rel: "noreferrer",
+						target: "_blank",
+						children: itemTitle(item)
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-0.5 truncate text-[13px] text-[var(--ink-soft)]",
+						children: itemSubtitle(item)
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-1 flex flex-wrap items-center gap-2 text-[13px] text-[var(--ink-soft)]",
+						children: [
+							/* @__PURE__ */ jsx("span", { children: item.host }),
+							/* @__PURE__ */ jsx("span", { children: "/" }),
+							/* @__PURE__ */ jsxs("span", { children: [formatCompactNumber(item.shareCount), " shares"] }),
+							/* @__PURE__ */ jsx("span", { children: "/" }),
+							/* @__PURE__ */ jsxs("span", { children: [formatCompactNumber(item.uniqueSharers), " sharers"] }),
+							/* @__PURE__ */ jsx("span", { children: "/" }),
+							/* @__PURE__ */ jsxs("span", { children: [formatCompactNumber(commentCount(item)), " comments"] }),
+							/* @__PURE__ */ jsx("span", { children: "/" }),
+							/* @__PURE__ */ jsx(SharerStrip, { item }),
+							/* @__PURE__ */ jsx("span", { children: "/" }),
+							/* @__PURE__ */ jsx(SmartTimestamp, { value: item.lastSeenAt })
+						]
+					}),
+					/* @__PURE__ */ jsx(VideoPreview, { item })
+				]
+			})]
+		}), /* @__PURE__ */ jsx(CommentsSection, { item })]
+	});
+}
+function LinksRoute() {
+	const search = Route$1.useSearch();
+	const navigate = Route$1.useNavigate();
+	return /* @__PURE__ */ jsx(LinksRouteView, {
+		searchState: search,
+		onSearchChange: (next, options) => void navigate({
+			search: next,
+			replace: options?.replace
+		})
+	});
+}
+function LinksRouteView({ searchState: controlledSearch, onSearchChange } = {}) {
+	const [localSearch, setLocalSearch] = useState(() => validateLinksSearch({}));
+	const searchState = controlledSearch ?? localSearch;
+	const updateSearch = (next, options) => onSearchChange ? onSearchChange(next, options) : setLocalSearch(next);
+	const { kind, setKind, range, setRange, source, setSource, sort, setSort, search, setSearch, items, subtitle, loading, error, retry } = useLinksController(searchState, updateSearch);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("header", {
+		className: pageHeaderClass,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: pageHeaderRowClass,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: pageTitleClass,
+					children: "Links"
+				}), /* @__PURE__ */ jsx("p", {
+					className: pageSubtitleClass,
+					children: subtitle
+				})]
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2 px-4 pb-3",
+			children: [
+				/* @__PURE__ */ jsxs("label", {
+					className: cx(searchFieldShellClass, "min-w-[180px] flex-1"),
+					children: [/* @__PURE__ */ jsx(Search, {
+						className: searchFieldIconClass,
+						strokeWidth: 2
+					}), /* @__PURE__ */ jsx("input", {
+						className: searchFieldInputClass,
+						onChange: (event) => setSearch(event.target.value),
+						placeholder: "Search links",
+						value: search
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: segmentedClass,
+					children: ["links", "videos"].map((value) => /* @__PURE__ */ jsx("button", {
+						className: cx(segmentClass, kind === value && "bg-[var(--bg-active)] text-[var(--ink)]"),
+						onClick: () => setKind(value),
+						type: "button",
+						children: value
+					}, value))
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: segmentedClass,
+					children: ranges.map((entry) => /* @__PURE__ */ jsx("button", {
+						className: cx(segmentClass, range === entry.value && "bg-[var(--bg-active)] text-[var(--ink)]"),
+						onClick: () => setRange(entry.value),
+						type: "button",
+						children: entry.label
+					}, entry.value))
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: segmentedClass,
+					children: [
+						"all",
+						"tweet",
+						"dm"
+					].map((value) => /* @__PURE__ */ jsx("button", {
+						className: cx(segmentClass, source === value && "bg-[var(--bg-active)] text-[var(--ink)]"),
+						onClick: () => setSource(value),
+						type: "button",
+						children: value
+					}, value))
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: segmentedClass,
+					children: [
+						"rank",
+						"recent",
+						"comments"
+					].map((value) => /* @__PURE__ */ jsx("button", {
+						className: cx(segmentClass, sort === value && "bg-[var(--bg-active)] text-[var(--ink)]"),
+						onClick: () => setSort(value),
+						type: "button",
+						children: value
+					}, value))
+				})
+			]
+		})]
+	}), /* @__PURE__ */ jsxs("section", {
+		className: "flex flex-col",
+		children: [loading ? /* @__PURE__ */ jsx(FeedLoading, {
+			detail: "Ranking URLs and collecting local discussion",
+			label: "Loading links",
+			children: /* @__PURE__ */ jsx(LinkSkeletonRows, {})
+		}) : 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: () => void retry(),
+				type: "button",
+				children: "Retry"
+			}),
+			message: error,
+			title: "Could not load links"
+		}) : items.length === 0 ? /* @__PURE__ */ jsx(FeedEmpty, {
+			detail: "Try a different range, source, or search term.",
+			label: "No links in this window"
+		}) : null, items.map((item, index) => /* @__PURE__ */ jsx(LinkInsightRow, {
+			index,
+			item
+		}, `${kind}:${range}:${source}:${item.id}`))]
+	})] });
+}
+//#endregion
+export { LinksRouteView, LinksRoute as component };

package/dist/server/assets/mentions-BH2MzKtB.js

@@ -0,0 +1,26 @@
+import { t as TimelineRouteFrame } from "./TimelineRouteFrame-CU7ilM7U.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/routes/mentions.tsx?tsr-split=component
+function mentionsSubtitle(meta) {
+	if (!meta) return "Loading mentions...";
+	return `${String(meta.stats.mentions)} mention/reply items in local store`;
+}
+function MentionsRoute() {
+	return /* @__PURE__ */ jsx(TimelineRouteFrame, {
+		emptyDetail: "Try All, search less narrowly, or sync mentions.",
+		emptyLabel: "No mentions in this view",
+		errorFallback: "Mentions unavailable",
+		errorTitle: "Could not load mentions",
+		initialReplyFilter: "unreplied",
+		loadingDetail: "Checking local mentions and reply context",
+		loadingLabel: "Loading mentions",
+		resource: "mentions",
+		searchPlaceholder: "Search mentions",
+		subtitle: mentionsSubtitle,
+		syncKind: "mentions",
+		syncLabel: "Sync mentions",
+		title: "Mentions"
+	});
+}
+//#endregion
+export { MentionsRoute as component };