birdclaw 0.8.3 → 0.8.4

package/dist/server/assets/network-map-D5DoLOwR.js

@@ -0,0 +1,582 @@
+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, on as statusCopyClass, q as errorCopyClass, qt as segmentedClass, wt as pageHeaderActionsClass } from "./ui-qbmcMSSX.js";
+import { o as validateNetworkMapSearch } from "./route-search-BUlQ5lGM.js";
+import { a as avatarPath, c as compareClusterFeatures, d as getClusterDisplayAnchor, f as isCluster, i as avatarInitial, l as formatNumber, m as relationshipColor, n as useNetworkMapController, o as buildClusterIndex, p as readViewport, r as WORLD_VIEWPORT, s as clusterGradient, t as Route$1, u as formatRelationship } from "./network-map-D3CzRcC4.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Globe2, MapPin, RefreshCw, Search, Users, WifiOff } from "lucide-react";
+//#region src/routes/network-map.tsx?tsr-split=component
+function StatTile({ icon: Icon, label, value }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-w-0 flex-col gap-2 border-b border-[var(--line)] px-4 py-3 sm:border-r",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 text-[13px] font-medium text-[var(--ink-soft)]",
+			children: [/* @__PURE__ */ jsx(Icon, {
+				className: "size-4",
+				strokeWidth: 1.8
+			}), /* @__PURE__ */ jsx("span", { children: label })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "truncate text-[24px] font-bold tracking-tight text-[var(--ink)]",
+			children: formatNumber(value)
+		})]
+	});
+}
+function useMapboxModule() {
+	const [module, setModule] = useState(null);
+	const [error, setError] = useState(null);
+	useEffect(() => {
+		let cancelled = false;
+		import("react-map-gl/mapbox").then((loaded) => {
+			if (!cancelled) setModule(loaded);
+		}).catch((cause) => {
+			if (!cancelled) setError(cause instanceof Error ? cause.message : "Map failed");
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, []);
+	return {
+		module,
+		error
+	};
+}
+function Avatar({ feature, size = 36, className, style }) {
+	const src = avatarPath(feature);
+	const [failedSrc, setFailedSrc] = useState(null);
+	const showImage = src && failedSrc !== src;
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("relative grid shrink-0 place-items-center overflow-hidden rounded-full bg-[var(--accent-soft)] text-[12px] font-bold text-[var(--accent)] ring-2 ring-white", className),
+		style: {
+			width: size,
+			height: size,
+			...style
+		},
+		children: showImage ? /* @__PURE__ */ jsx("img", {
+			src,
+			alt: "",
+			className: "h-full w-full object-cover",
+			loading: "lazy",
+			onError: () => setFailedSrc(src)
+		}) : /* @__PURE__ */ jsx("span", { children: avatarInitial(feature) })
+	});
+}
+function ProfileMarker({ feature }) {
+	const color = relationshipColor(feature.properties.relationship);
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: "group relative grid size-11 place-items-center rounded-full border-0 bg-transparent p-0 transition-transform hover:z-10 hover:scale-110",
+		"aria-label": `Open @${feature.properties.handle}`,
+		title: `@${feature.properties.handle}`,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute inset-0 rounded-full opacity-90 shadow-[0_10px_28px_rgba(15,20,25,0.28)]",
+			style: { backgroundColor: color }
+		}), /* @__PURE__ */ jsx(Avatar, {
+			feature,
+			size: 34,
+			className: "relative ring-[3px]"
+		})]
+	});
+}
+function ClusterMarker({ count, features, stats }) {
+	const size = Math.min(82, Math.max(52, 44 + Math.log2(count) * 7));
+	const avatarSize = size >= 72 ? 30 : 25;
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: "group relative rounded-full border-0 bg-transparent p-0 transition-transform hover:z-10 hover:scale-105",
+		"aria-label": `${formatNumber(count)} located profiles`,
+		title: `${formatNumber(count)} profiles`,
+		style: {
+			width: size,
+			height: size
+		},
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "absolute inset-0 rounded-full opacity-95 shadow-[0_18px_42px_rgba(15,20,25,0.32)]",
+				style: { background: clusterGradient(stats) }
+			}),
+			/* @__PURE__ */ jsx("span", { className: "absolute inset-[4px] rounded-full bg-white/88 backdrop-blur-sm" }),
+			/* @__PURE__ */ jsx("span", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: features.slice(0, 4).map((feature, index) => /* @__PURE__ */ jsx(Avatar, {
+					feature,
+					size: avatarSize,
+					className: "absolute",
+					style: { transform: `translate(${[
+						-10,
+						10,
+						-7,
+						8
+					][index] ?? 0}px, ${[
+						-9,
+						-8,
+						11,
+						10
+					][index] ?? 0}px)` }
+				}, feature.properties.profileId))
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "absolute -right-1 -top-1 min-w-7 rounded-full bg-[#0f1419] px-1.5 py-0.5 text-center text-[11px] font-bold leading-5 text-white ring-2 ring-white",
+				children: count > 99 ? "99+" : formatNumber(count)
+			})
+		]
+	});
+}
+function MapboxPanel({ data, onViewportChange }) {
+	const { module, error } = useMapboxModule();
+	const mapRef = useRef(null);
+	const [viewport, setViewport] = useState(WORLD_VIEWPORT);
+	const [selected, setSelected] = useState(null);
+	const clusterIndex = useMemo(() => buildClusterIndex(data.features), [data]);
+	const visibleClusters = useMemo(() => clusterIndex.getClusters(viewport.bounds, Math.max(0, Math.floor(viewport.zoom))), [clusterIndex, viewport]);
+	useEffect(() => {
+		setSelected(null);
+	}, [data]);
+	const updateViewport = useCallback((event) => {
+		const next = readViewport(event.target);
+		if (!next) return;
+		setViewport(next);
+		onViewportChange(next);
+	}, [onViewportChange]);
+	if (!data.config.mapboxToken) return /* @__PURE__ */ jsx(SvgMapFallback, { data });
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: statusCopyClass,
+		children: [/* @__PURE__ */ jsx(WifiOff, {
+			className: "mr-2 inline size-4",
+			strokeWidth: 1.8
+		}), error]
+	});
+	if (!module) return /* @__PURE__ */ jsx("div", {
+		className: statusCopyClass,
+		children: "Loading map..."
+	});
+	const { default: Map, Marker, NavigationControl, Popup } = module;
+	return /* @__PURE__ */ jsx("div", {
+		className: "min-h-[520px] flex-1 overflow-hidden bg-[var(--bg-active)] min-[1180px]:min-h-0",
+		children: /* @__PURE__ */ jsxs(Map, {
+			ref: mapRef,
+			initialViewState: {
+				longitude: 9,
+				latitude: 24,
+				zoom: 1.2
+			},
+			mapStyle: document.documentElement.dataset.theme === "dark" ? "mapbox://styles/mapbox/dark-v11" : "mapbox://styles/mapbox/light-v11",
+			mapboxAccessToken: data.config.mapboxToken,
+			onClick: () => setSelected(null),
+			onLoad: updateViewport,
+			onMoveEnd: updateViewport,
+			projection: "mercator",
+			style: {
+				width: "100%",
+				height: "100%"
+			},
+			children: [
+				/* @__PURE__ */ jsx(NavigationControl, {
+					position: "top-right",
+					showCompass: false
+				}),
+				visibleClusters.map((item) => {
+					const [longitude, latitude] = item.geometry.coordinates;
+					if (isCluster(item)) {
+						const fallbackCoordinates = item.geometry.coordinates;
+						const leaves = clusterIndex.getLeaves(item.properties.cluster_id, 48).map((leaf) => data.features[leaf.properties.featureIndex]).filter((feature) => Boolean(feature)).sort(compareClusterFeatures);
+						const [displayLongitude, displayLatitude] = getClusterDisplayAnchor(leaves, fallbackCoordinates);
+						return /* @__PURE__ */ jsx(Marker, {
+							longitude: displayLongitude,
+							latitude: displayLatitude,
+							anchor: "center",
+							onClick: (event) => {
+								event.originalEvent?.stopPropagation();
+								const expansionZoom = Math.min(clusterIndex.getClusterExpansionZoom(item.properties.cluster_id), 12);
+								mapRef.current?.flyTo?.({
+									center: [displayLongitude, displayLatitude],
+									zoom: Math.max(viewport.zoom + .85, expansionZoom - .6),
+									duration: 520
+								});
+								setSelected({
+									kind: "cluster",
+									coordinates: [displayLongitude, displayLatitude],
+									count: item.properties.point_count,
+									features: leaves,
+									stats: item.properties
+								});
+							},
+							children: /* @__PURE__ */ jsx(ClusterMarker, {
+								count: item.properties.point_count,
+								features: leaves,
+								stats: item.properties
+							})
+						}, `cluster-${String(item.properties.cluster_id)}`);
+					}
+					const feature = data.features[item.properties.featureIndex];
+					if (!feature) return null;
+					return /* @__PURE__ */ jsx(Marker, {
+						longitude,
+						latitude,
+						anchor: "center",
+						onClick: (event) => {
+							event.originalEvent?.stopPropagation();
+							setSelected({
+								kind: "profile",
+								feature
+							});
+						},
+						children: /* @__PURE__ */ jsx(ProfileMarker, { feature })
+					}, feature.properties.profileId);
+				}),
+				selected ? /* @__PURE__ */ jsx(Popup, {
+					longitude: selected.kind === "profile" ? selected.feature.geometry.coordinates[0] : selected.coordinates[0],
+					latitude: selected.kind === "profile" ? selected.feature.geometry.coordinates[1] : selected.coordinates[1],
+					closeButton: false,
+					offset: 12,
+					onClose: () => setSelected(null),
+					children: selected.kind === "profile" ? /* @__PURE__ */ jsx(ProfilePopup, { feature: selected.feature }) : /* @__PURE__ */ jsx(ClusterPopup, {
+						count: selected.count,
+						features: selected.features,
+						stats: selected.stats
+					})
+				}) : null
+			]
+		})
+	});
+}
+function SvgMapFallback({ data }) {
+	const points = data.features.slice(0, 1500).map((feature) => {
+		const [lng, lat] = feature.geometry.coordinates;
+		return {
+			feature,
+			x: (lng + 180) / 360 * 1e3,
+			y: (90 - lat) / 180 * 500
+		};
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "border-b border-[var(--line)] bg-[var(--bg-active)] px-4 py-4",
+		children: /* @__PURE__ */ jsxs("svg", {
+			viewBox: "0 0 1000 500",
+			className: "h-auto w-full rounded-md border border-[var(--line)] bg-[var(--bg)]",
+			role: "img",
+			"aria-label": "Network map",
+			children: [
+				/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", {
+					id: "map-grid",
+					width: "100",
+					height: "100",
+					patternUnits: "userSpaceOnUse",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M 100 0 L 0 0 0 100",
+						fill: "none",
+						stroke: "currentColor",
+						strokeOpacity: "0.08",
+						strokeWidth: "1"
+					})
+				}) }),
+				/* @__PURE__ */ jsx("rect", {
+					width: "1000",
+					height: "500",
+					fill: "url(#map-grid)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M60 205 C145 155 210 145 280 178 C352 212 424 186 495 194 C594 206 665 157 746 178 C836 201 907 227 952 282",
+					fill: "none",
+					stroke: "currentColor",
+					strokeOpacity: "0.18",
+					strokeWidth: "36",
+					strokeLinecap: "round"
+				}),
+				points.map(({ feature, x, y }) => /* @__PURE__ */ jsx("circle", {
+					cx: x,
+					cy: y,
+					r: feature.properties.relationship === "mutual" ? 4.5 : 3.5,
+					fill: feature.properties.relationship === "mutual" ? "#22c55e" : feature.properties.relationship === "following" ? "#f59e0b" : "#1d9bf0",
+					opacity: "0.86"
+				}, feature.properties.profileId))
+			]
+		})
+	});
+}
+function ProfilePopup({ feature }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex max-w-[280px] gap-3 text-[13px] text-[#0f1419]",
+		children: [/* @__PURE__ */ jsx(Avatar, {
+			feature,
+			size: 48,
+			className: "ring-[#d9e2ea]"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "truncate font-bold",
+					children: feature.properties.name
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "truncate text-[#536471]",
+					children: ["@", feature.properties.handle]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-1 line-clamp-2",
+					children: feature.properties.location
+				}),
+				feature.properties.resolvedLocation ? /* @__PURE__ */ jsx("div", {
+					className: "truncate text-[#536471]",
+					children: feature.properties.resolvedLocation
+				}) : null
+			]
+		})]
+	});
+}
+function ClusterPopup({ count, features, stats }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-[290px] text-[13px] text-[#0f1419]",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+					className: "font-bold",
+					children: [formatNumber(count), " profiles here"]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "text-[#536471]",
+					children: [
+						formatNumber(stats.mutual),
+						" mutual ·",
+						" ",
+						formatNumber(stats.following),
+						" following ·",
+						" ",
+						formatNumber(stats.followers),
+						" followers"
+					]
+				})] }), /* @__PURE__ */ jsx("div", {
+					className: "size-11 shrink-0 rounded-full ring-2 ring-[#d9e2ea]",
+					style: { background: clusterGradient(stats) }
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-3 flex -space-x-2",
+				children: features.slice(0, 6).map((feature) => /* @__PURE__ */ jsx(Avatar, {
+					feature,
+					size: 36,
+					className: "ring-[#ffffff]"
+				}, feature.properties.profileId))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-3 divide-y divide-[#eff3f4]",
+				children: features.slice(0, 5).map((feature) => /* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-2 py-2",
+					children: [
+						/* @__PURE__ */ jsx(Avatar, {
+							feature,
+							size: 28,
+							className: "ring-[#ffffff]"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "truncate font-semibold",
+								children: feature.properties.name
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "truncate text-[#536471]",
+								children: ["@", feature.properties.handle]
+							})]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "size-2 rounded-full",
+							style: { backgroundColor: relationshipColor(feature.properties.relationship) }
+						})
+					]
+				}, feature.properties.profileId))
+			})
+		]
+	});
+}
+function ProfileRow({ feature }) {
+	return /* @__PURE__ */ jsxs("a", {
+		className: "flex min-w-0 gap-3 border-b border-[var(--line)] px-4 py-3 transition-colors hover:bg-[var(--bg-hover)]",
+		href: `/profiles/${encodeURIComponent(feature.properties.handle)}`,
+		children: [/* @__PURE__ */ jsx(Avatar, {
+			feature,
+			size: 40,
+			className: "ring-[var(--bg)]"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 flex-1",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-1.5",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate font-bold text-[var(--ink)]",
+						children: feature.properties.name
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "truncate text-[var(--ink-soft)]",
+						children: ["@", feature.properties.handle]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "truncate text-[13px] text-[var(--ink-soft)]",
+					children: [feature.properties.location, feature.properties.resolvedLocation ? ` -> ${feature.properties.resolvedLocation}` : ""]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-1 flex flex-wrap gap-2 text-[12px] text-[var(--ink-soft)]",
+					children: [/* @__PURE__ */ jsx("span", { children: formatRelationship(feature.properties.relationship) }), /* @__PURE__ */ jsxs("span", { children: [formatNumber(feature.properties.followersCount), " followers"] })]
+				})
+			]
+		})]
+	});
+}
+function VisibleProfilesPanel({ features, search, onSearchChange, totalVisible, zoom }) {
+	return /* @__PURE__ */ jsxs("aside", {
+		className: "flex min-h-[420px] min-w-0 flex-col border-t border-[var(--line)] bg-[var(--bg)] min-[1180px]:h-full min-[1180px]:border-t-0 min-[1180px]:border-l",
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: "sticky top-0 z-10 border-b border-[var(--line)] bg-[color:color-mix(in_srgb,var(--bg)_88%,transparent)] px-4 py-3 backdrop-blur",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "truncate text-[16px] font-bold text-[var(--ink)]",
+						children: "Who's In View"
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "truncate text-[13px] text-[var(--ink-soft)]",
+						children: [
+							formatNumber(totalVisible),
+							" in this map view · zoom",
+							" ",
+							zoom.toFixed(1)
+						]
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "rounded-full border border-[var(--line)] px-2 py-1 text-[12px] font-semibold text-[var(--ink-soft)]",
+					children: formatNumber(features.length)
+				})]
+			}), /* @__PURE__ */ jsxs("label", {
+				className: cx(searchFieldShellClass, "mt-3 h-10"),
+				children: [/* @__PURE__ */ jsx(Search, {
+					className: searchFieldIconClass,
+					strokeWidth: 2
+				}), /* @__PURE__ */ jsx("input", {
+					className: searchFieldInputClass,
+					onChange: (event) => onSearchChange(event.target.value),
+					placeholder: "Search visible people",
+					value: search
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1 overflow-y-auto",
+			children: features.length > 0 ? features.map((feature) => /* @__PURE__ */ jsx(ProfileRow, { feature }, feature.properties.profileId)) : /* @__PURE__ */ jsx("div", {
+				className: statusCopyClass,
+				children: search.trim() ? "No visible profiles match that search." : "Pan or zoom the map to see profiles in this area."
+			})
+		})]
+	});
+}
+function NetworkMapRoute() {
+	const search = Route$1.useSearch();
+	const navigate = Route$1.useNavigate();
+	return /* @__PURE__ */ jsx(NetworkMapRouteView, {
+		searchState: search,
+		onSearchChange: (next, options) => void navigate({
+			search: next,
+			replace: options?.replace
+		})
+	});
+}
+function NetworkMapRouteView({ searchState: controlledSearch, onSearchChange } = {}) {
+	const [localSearch, setLocalSearch] = useState(() => validateNetworkMapSearch({}));
+	const searchState = controlledSearch ?? localSearch;
+	const updateSearch = (next, options) => onSearchChange ? onSearchChange(next, options) : setLocalSearch(next);
+	const { type, setType, viewport, setViewport, visibleSearch, setVisibleSearch, data, loading, error, refresh, visibleFeatures, filteredVisibleFeatures, mapTypes } = useNetworkMapController(searchState, updateSearch);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex min-h-screen flex-col min-[1180px]:h-screen min-[1180px]:min-h-0 min-[1180px]:overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: pageHeaderClass,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: pageHeaderRowClass,
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						className: pageTitleClass,
+						children: "Network Map"
+					}), /* @__PURE__ */ jsx("div", {
+						className: pageSubtitleClass,
+						children: data ? `${formatNumber(data.meta.locatedProfiles)} located · ${formatNumber(data.meta.meaningfulProfiles)} with usable locations` : "Loading network geography..."
+					})] }), /* @__PURE__ */ jsx("div", {
+						className: pageHeaderActionsClass,
+						children: /* @__PURE__ */ jsxs("button", {
+							className: secondaryButtonClass,
+							type: "button",
+							onClick: () => refresh(),
+							disabled: loading,
+							children: [/* @__PURE__ */ jsx(RefreshCw, { className: cx("size-4", loading && "animate-spin") }), "Refresh"]
+						})
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "border-t border-[var(--line)] px-4 py-3",
+					children: /* @__PURE__ */ jsx("div", {
+						className: segmentedClass,
+						children: mapTypes.map((item) => /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: cx(segmentClass, type === item.value && "bg-[var(--bg-active)] text-[var(--ink)]"),
+							onClick: () => setType(item.value),
+							children: item.label
+						}, item.value))
+					})
+				})]
+			}),
+			error ? /* @__PURE__ */ jsx("div", {
+				className: errorCopyClass,
+				children: error
+			}) : null,
+			data ? /* @__PURE__ */ jsxs("div", {
+				className: "grid min-h-[620px] flex-1 grid-cols-1 min-[1180px]:min-h-0 min-[1180px]:grid-cols-[minmax(0,1fr)_390px] min-[1180px]:overflow-hidden min-[1500px]:grid-cols-[minmax(0,1fr)_430px]",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-h-0 min-w-0 flex-col",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid sm:grid-cols-4",
+							children: [
+								/* @__PURE__ */ jsx(StatTile, {
+									icon: Users,
+									label: "Profiles",
+									value: data.meta.totalProfiles
+								}),
+								/* @__PURE__ */ jsx(StatTile, {
+									icon: MapPin,
+									label: "Locations",
+									value: data.meta.meaningfulProfiles
+								}),
+								/* @__PURE__ */ jsx(StatTile, {
+									icon: Globe2,
+									label: "Located",
+									value: data.meta.locatedProfiles
+								}),
+								/* @__PURE__ */ jsx(StatTile, {
+									icon: RefreshCw,
+									label: "Geocoded",
+									value: data.meta.geocodedThisRun
+								})
+							]
+						}),
+						!data.meta.opencageConfigured && data.meta.missingGeocodes > 0 ? /* @__PURE__ */ jsx("div", {
+							className: statusCopyClass,
+							children: "OpenCage key missing; showing cached and coordinate locations only."
+						}) : null,
+						!data.meta.mapboxTokenConfigured ? /* @__PURE__ */ jsx("div", {
+							className: statusCopyClass,
+							children: "Mapbox token missing; showing the lightweight map."
+						}) : null,
+						/* @__PURE__ */ jsx(MapboxPanel, {
+							data,
+							onViewportChange: setViewport
+						})
+					]
+				}), /* @__PURE__ */ jsx(VisibleProfilesPanel, {
+					features: filteredVisibleFeatures,
+					onSearchChange: setVisibleSearch,
+					search: visibleSearch,
+					totalVisible: visibleFeatures.length,
+					zoom: viewport.zoom
+				})]
+			}) : loading ? /* @__PURE__ */ jsx("div", {
+				className: statusCopyClass,
+				children: "Loading map..."
+			}) : null
+		]
+	});
+}
+//#endregion
+export { NetworkMapRouteView, NetworkMapRoute as component };

package/dist/server/assets/profile-analyze-BP65PED0.js

@@ -0,0 +1,90 @@
+import { Dt as pageSubtitleClass, Et as pageHeaderRowClass, Ht as searchFieldInputClass, Mt as primaryButtonClass, Ot as pageTitleClass, Tt as pageHeaderClass, Ut as searchFieldShellClass, Vt as searchFieldIconClass, Wt as secondaryButtonClass, m as cx, wt as pageHeaderActionsClass } from "./ui-qbmcMSSX.js";
+import { t as Route$1 } from "./profile-analyze-C1NoM0tV.js";
+import { a as formatProfileAnalysisCounts, i as cleanProfileHandle, n as ProfileAnalysisStatusLine, r as useProfileAnalysisStream, t as ProfileAnalysisOutput } from "./ProfileAnalysisStream-BFvhVdhn.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2, RefreshCw, Search, UserSearch } from "lucide-react";
+//#region src/routes/profile-analyze.tsx?tsr-split=component
+function ProfileAnalyzeRoute() {
+	const search = Route$1.useSearch();
+	const [handle, setHandle] = useState(cleanProfileHandle(search.handle));
+	const submittedHandle = useMemo(() => cleanProfileHandle(handle), [handle]);
+	const analysis = useProfileAnalysisStream(submittedHandle);
+	const autoRunHandleRef = useRef("");
+	const runAnalysisRef = useRef(analysis.run);
+	useEffect(() => {
+		runAnalysisRef.current = analysis.run;
+	}, [analysis.run]);
+	useEffect(() => {
+		const urlHandle = cleanProfileHandle(search.handle);
+		setHandle(urlHandle);
+		if (urlHandle && autoRunHandleRef.current !== urlHandle) {
+			autoRunHandleRef.current = urlHandle;
+			runAnalysisRef.current(false, urlHandle);
+		}
+	}, [search.handle]);
+	const submit = (event) => {
+		event.preventDefault();
+		analysis.run(false);
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex min-h-screen flex-col gap-6 px-4 py-8",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: cx(pageHeaderClass, "border-b-0"),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: pageHeaderRowClass,
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						className: pageTitleClass,
+						children: "Profile Analyse"
+					}), /* @__PURE__ */ jsx("p", {
+						className: pageSubtitleClass,
+						children: formatProfileAnalysisCounts(analysis.context)
+					})] }), /* @__PURE__ */ jsx("div", {
+						className: pageHeaderActionsClass,
+						children: /* @__PURE__ */ jsxs("button", {
+							className: secondaryButtonClass,
+							disabled: !submittedHandle || analysis.loading,
+							onClick: () => analysis.run(true),
+							type: "button",
+							children: [/* @__PURE__ */ jsx(RefreshCw, {
+								className: "size-4",
+								strokeWidth: 1.8
+							}), "Refresh"]
+						})
+					})]
+				}), /* @__PURE__ */ jsxs("form", {
+					className: "mt-5 flex flex-col gap-3 sm:flex-row",
+					onSubmit: submit,
+					children: [/* @__PURE__ */ jsxs("label", {
+						className: cx(searchFieldShellClass, "min-w-0 flex-1"),
+						children: [/* @__PURE__ */ jsx(Search, {
+							className: searchFieldIconClass,
+							strokeWidth: 1.8
+						}), /* @__PURE__ */ jsx("input", {
+							className: searchFieldInputClass,
+							onChange: (event) => setHandle(event.target.value),
+							placeholder: "handle",
+							value: handle
+						})]
+					}), /* @__PURE__ */ jsxs("button", {
+						className: primaryButtonClass,
+						disabled: !submittedHandle || analysis.loading,
+						type: "submit",
+						children: [analysis.loading ? /* @__PURE__ */ jsx(Loader2, {
+							className: "size-4 animate-spin",
+							strokeWidth: 1.8
+						}) : /* @__PURE__ */ jsx(UserSearch, {
+							className: "size-4",
+							strokeWidth: 1.8
+						}), "Analyse"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(ProfileAnalysisStatusLine, { analysis }),
+			/* @__PURE__ */ jsx(ProfileAnalysisOutput, { analysis })
+		]
+	});
+}
+//#endregion
+export { ProfileAnalyzeRoute as component };

package/dist/server/assets/profile-analyze-C1NoM0tV.js

@@ -0,0 +1,9 @@
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+//#region src/routes/profile-analyze.tsx
+var $$splitComponentImporter = () => import("./profile-analyze-BP65PED0.js");
+var Route = createFileRoute("/profile-analyze")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	validateSearch: (search) => ({ handle: typeof search.handle === "string" ? search.handle : "" })
+});
+//#endregion
+export { Route as t };