From 48c3237f3660152f947b3c73ab8712c4b8628cad Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Wed, 22 Oct 2025 23:41:07 +0300
Subject: [PATCH 01/23] wip

---
 .../_components/AnimatedIcons/ChartLine.tsx   | 102 ++++++++++++++++++
 .../_components/AnimatedIcons/index.ts        |   3 +-
 .../dashboard/_components/Navbar/Items.tsx    |   8 +-
 .../dashboard/_components/Navbar/Top.tsx      |   1 +
 .../app/(org)/dashboard/analytics/page.tsx    |   3 +
 .../(org)/dashboard/spaces/browse/page.tsx    |   2 +-
 6 files changed, 116 insertions(+), 3 deletions(-)
 create mode 100644 apps/web/app/(org)/dashboard/_components/AnimatedIcons/ChartLine.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/page.tsx

diff --git a/apps/web/app/(org)/dashboard/_components/AnimatedIcons/ChartLine.tsx b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/ChartLine.tsx
new file mode 100644
index 0000000000..dc6b5a80e6
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/ChartLine.tsx
@@ -0,0 +1,102 @@
+"use client";
+
+import type { Variants } from "motion/react";
+import { motion, useAnimation } from "motion/react";
+import type { HTMLAttributes } from "react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "@/lib/utils";
+
+export interface ChartLineIconHandle {
+	startAnimation: () => void;
+	stopAnimation: () => void;
+}
+
+interface ChartLineIconProps extends HTMLAttributes<HTMLDivElement> {
+	size?: number;
+}
+
+const variants: Variants = {
+	normal: {
+		pathLength: 1,
+		opacity: 1,
+	},
+	animate: {
+		pathLength: [0, 1],
+		opacity: [0, 1],
+		transition: {
+			delay: 0.15,
+			duration: 0.3,
+			opacity: { delay: 0.1 },
+		},
+	},
+};
+
+const ChartLineIcon = forwardRef<ChartLineIconHandle, ChartLineIconProps>(
+	({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+		const controls = useAnimation();
+		const isControlledRef = useRef(false);
+
+		useImperativeHandle(ref, () => {
+			isControlledRef.current = true;
+
+			return {
+				startAnimation: () => controls.start("animate"),
+				stopAnimation: () => controls.start("normal"),
+			};
+		});
+
+		const handleMouseEnter = useCallback(
+			(e: React.MouseEvent<HTMLDivElement>) => {
+				if (!isControlledRef.current) {
+					controls.start("animate");
+				} else {
+					onMouseEnter?.(e);
+				}
+			},
+			[controls, onMouseEnter],
+		);
+
+		const handleMouseLeave = useCallback(
+			(e: React.MouseEvent<HTMLDivElement>) => {
+				if (!isControlledRef.current) {
+					controls.start("normal");
+				} else {
+					onMouseLeave?.(e);
+				}
+			},
+			[controls, onMouseLeave],
+		);
+
+		return (
+			<div
+				className={cn(className)}
+				onMouseEnter={handleMouseEnter}
+				onMouseLeave={handleMouseLeave}
+				{...props}
+			>
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					width={size}
+					height={size}
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					strokeWidth="2"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				>
+					<path d="M3 3v16a2 2 0 0 0 2 2h16" />
+					<motion.path
+						d="m7 13 3-3 4 4 5-5"
+						variants={variants}
+						animate={controls}
+					/>
+				</svg>
+			</div>
+		);
+	},
+);
+
+ChartLineIcon.displayName = "ChartLineIcon";
+
+export default ChartLineIcon;
diff --git a/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts
index 17c438c799..03d1b8fb79 100644
--- a/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts
+++ b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts
@@ -1,5 +1,6 @@
 import ArrowUpIcon from "./ArrowUp";
 import CapIcon from "./Cap";
+import ChartLineIcon from "./ChartLine";
 import MessageCircleMoreIcon from "./Chat";
 import CogIcon from "./Cog";
 import DownloadIcon from "./Download";
@@ -8,7 +9,6 @@ import LayersIcon from "./Layers";
 import LogoutIcon from "./Logout";
 import ReferIcon from "./Refer";
 import SettingsGearIcon from "./Settings";
-
 export {
 	ArrowUpIcon,
 	CapIcon,
@@ -20,4 +20,5 @@ export {
 	LogoutIcon,
 	SettingsGearIcon,
 	ReferIcon,
+	ChartLineIcon,
 };
diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
index 4515df3fe4..d0a0ba2389 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
@@ -36,7 +36,7 @@ import { SignedImageUrl } from "@/components/SignedImageUrl";
 import { Tooltip } from "@/components/Tooltip";
 import { UsageButton } from "@/components/UsageButton";
 import { useDashboardContext } from "../../Contexts";
-import { CapIcon, CogIcon } from "../AnimatedIcons";
+import { CapIcon, ChartLineIcon, CogIcon } from "../AnimatedIcons";
 import type { CogIconHandle } from "../AnimatedIcons/Cog";
 import CapAIBox from "./CapAIBox";
 import SpacesList from "./SpacesList";
@@ -59,6 +59,12 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 			icon: <CapIcon />,
 			subNav: [],
 		},
+		{
+			name: "Analytics",
+			href: `/dashboard/analytics`,
+			icon: <ChartLineIcon />,
+			subNav: [],
+		},
 		{
 			name: "Organization Settings",
 			href: `/dashboard/settings/organization`,
diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
index c1bc6469ba..c35ab2a9b5 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
@@ -62,6 +62,7 @@ const Top = () => {
 		"/dashboard/settings/account": "Account Settings",
 		"/dashboard/spaces": "Spaces",
 		"/dashboard/spaces/browse": "Browse Spaces",
+		"/dashboard/analytics": "Analytics",
 	};
 
 	const title = activeSpace
diff --git a/apps/web/app/(org)/dashboard/analytics/page.tsx b/apps/web/app/(org)/dashboard/analytics/page.tsx
new file mode 100644
index 0000000000..00709239c2
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/page.tsx
@@ -0,0 +1,3 @@
+export default function AnalyticsPage() {
+	return <div />;
+}
diff --git a/apps/web/app/(org)/dashboard/spaces/browse/page.tsx b/apps/web/app/(org)/dashboard/spaces/browse/page.tsx
index b34d20368d..76cfa9f0ca 100644
--- a/apps/web/app/(org)/dashboard/spaces/browse/page.tsx
+++ b/apps/web/app/(org)/dashboard/spaces/browse/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Avatar, Button, Input } from "@cap/ui";
+import { Button, Input } from "@cap/ui";
 import {
 	faEdit,
 	faLayerGroup,

From d268fa0cf11710e01de190821276da87ef5d582b Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Thu, 23 Oct 2025 14:58:27 +0300
Subject: [PATCH 02/23] wip

---
 .../app/(org)/dashboard/analytics/page.tsx    |  33 +++-
 packages/ui/src/components/Select.tsx         | 155 +++++++++++++-----
 2 files changed, 144 insertions(+), 44 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/analytics/page.tsx b/apps/web/app/(org)/dashboard/analytics/page.tsx
index 00709239c2..82c45101a8 100644
--- a/apps/web/app/(org)/dashboard/analytics/page.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/page.tsx
@@ -1,3 +1,34 @@
+"use client";
+
+import { Select } from "@cap/ui";
+
 export default function AnalyticsPage() {
-	return <div />;
+	return (
+		<>
+			<div className="flex gap-2 items-center">
+				<Select
+					variant="dark"
+					size="fit"
+					options={[
+						{ value: "views", label: "Views" },
+						{ value: "comments", label: "Comments" },
+						{ value: "reactions", label: "Reactions" },
+					]}
+					onValueChange={() => {}}
+					placeholder="Metric"
+				/>
+				<Select
+					variant="dark"
+					size="fit"
+					options={[
+						{ value: "24_hours", label: "24 hours" },
+						{ value: "7_days", label: "7 days" },
+						{ value: "30_days", label: "30 days" },
+					]}
+					onValueChange={() => {}}
+					placeholder="Time range"
+				/>
+			</div>
+		</>
+	);
 }
diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx
index e779fd0ed0..e26b9e0a02 100644
--- a/packages/ui/src/components/Select.tsx
+++ b/packages/ui/src/components/Select.tsx
@@ -1,17 +1,104 @@
 "use client";
 
-import { classNames } from "@cap/utils";
 import * as SelectPrimitive from "@radix-ui/react-select";
+import { cva, cx } from "class-variance-authority";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import type * as React from "react";
+import * as React from "react";
+
+type SelectVariant = "default" | "dark" | "white" | "gray" | "transparent";
+
+const SelectVariantContext = React.createContext<SelectVariant>("default");
+
+const selectTriggerVariants = cva(
+	cx(
+		"font-medium flex px-4 py-2 transition-all duration-200 text-[13px] outline-0",
+		"rounded-xl border-[1px] items-center justify-between gap-2 whitespace-nowrap",
+		"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-gray-3 disabled:text-gray-9",
+		"ring-0 ring-gray-3 focus:ring-1 focus:ring-gray-12 focus:ring-offset-2 ring-offset-gray-4",
+		"data-[placeholder]:text-gray-1 data-[size=default]:h-[44px] data-[size=sm]:h-[40px]",
+		"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	),
+	{
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+		variants: {
+			variant: {
+				default:
+					"bg-gray-2 border-gray-5 text-gray-12 hover:bg-gray-3 hover:border-gray-6 focus:bg-gray-3 focus:border-gray-6",
+				dark: "bg-gray-12 dark-button-border dark-button-shadow text-gray-1 border-gray-5 hover:bg-gray-11 hover:border-gray-6 focus:bg-gray-11 focus:border-gray-6",
+				white:
+					"bg-gray-1 text-gray-12 border-gray-5 hover:bg-gray-3 hover:border-gray-6 focus:bg-gray-3 focus:border-gray-6",
+				gray: "bg-gray-5 text-gray-12 border-gray-5 hover:bg-gray-7 hover:border-gray-6 focus:bg-gray-7 focus:border-gray-6",
+				transparent:
+					"bg-transparent text-gray-12 border-transparent hover:bg-gray-3 hover:border-gray-6 focus:bg-gray-3 focus:border-gray-6",
+			},
+			size: {
+				default: "w-full",
+				fit: "w-fit",
+			},
+		},
+	},
+);
+
+const selectContentVariants = cva(
+	cx(
+		"rounded-xl border-[1px] overflow-hidden",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	),
+	{
+		defaultVariants: {
+			variant: "default",
+		},
+		variants: {
+			variant: {
+				default: "bg-gray-2 border-gray-5 text-gray-12",
+				dark: "hover:bg-gray-11/50 bg-gray-12 dark-button-border dark-button-shadow text-gray-1 border-gray-5",
+				white: "bg-gray-1 text-gray-12 border-gray-5",
+				gray: "bg-gray-5 text-gray-12 border-gray-5",
+				transparent: "bg-transparent text-gray-12 border-transparent",
+			},
+		},
+	},
+);
+
+const selectItemVariants = cva(
+	cx(
+		"relative flex w-full cursor-default items-center gap-2 py-2 pr-8 pl-3 text-[13px]",
+		"rounded-lg outline-none select-none transition-colors duration-200",
+		"data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[disabled]:text-gray-9",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	),
+	{
+		defaultVariants: {
+			variant: "default",
+		},
+		variants: {
+			variant: {
+				default: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
+				dark: "text-gray-1 hover:bg-[var(--gray-11-40)] focus:bg-[var(--gray-11-40)]",
+				white: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
+				gray: "text-gray-12 hover:bg-gray-6 focus:bg-gray-6",
+				transparent: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
+			},
+		},
+	},
+);
 
 function Select({
+	className,
+	variant = "default",
+	size = "default",
 	options,
 	placeholder,
 	onValueChange,
 	value,
 	...props
 }: React.ComponentProps<typeof SelectPrimitive.Root> & {
+	className?: string;
+	variant?: SelectVariant;
 	options: {
 		value: string;
 		label: string;
@@ -19,6 +106,7 @@ function Select({
 	}[];
 	onValueChange: (value: string) => void;
 	placeholder: string;
+	size?: "default" | "fit";
 }) {
 	return (
 		<SelectRoot
@@ -27,10 +115,10 @@ function Select({
 			data-slot="select"
 			{...props}
 		>
-			<SelectTrigger>
+			<SelectTrigger variant={variant} size={size} className={className}>
 				<SelectValue placeholder={placeholder} />
 			</SelectTrigger>
-			<SelectContent>
+			<SelectContent className="mt-1" variant={variant}>
 				{options.map((option) => (
 					<SelectItem key={option.value} value={option.value}>
 						<div className="flex gap-2 items-center">
@@ -65,25 +153,18 @@ function SelectValue({
 function SelectTrigger({
 	className,
 	size = "default",
+	variant = "default",
 	children,
 	...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-	size?: "sm" | "default";
+	size?: "default" | "fit";
+	variant?: SelectVariant;
 }) {
 	return (
 		<SelectPrimitive.Trigger
 			data-slot="select-trigger"
 			data-size={size}
-			className={classNames(
-				"flex px-4 w-full font-thin transition-all duration-200 text-[13px] text-gray-12 bg-gray-2 border-gray-5 outline-0 focus:bg-gray-3",
-				"rounded-xl hover:bg-gray-3 hover:border-gray-6 border-[1px] focus:border-gray-6 items-center justify-between gap-2 whitespace-nowrap",
-				"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-gray-3 disabled:text-gray-9",
-				"ring-0 ring-gray-3 focus:ring-1 focus:ring-gray-12 focus:ring-offset-2 ring-offset-gray-4",
-				"data-[placeholder]:text-gray-9 data-[size=default]:h-[44px] data-[size=sm]:h-[40px]",
-				"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
-				"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className,
-			)}
+			className={cx(selectTriggerVariants({ size, variant }), className)}
 			{...props}
 		>
 			{children}
@@ -98,34 +179,30 @@ function SelectContent({
 	className,
 	children,
 	position = "popper",
+	variant = "default",
 	...props
-}: React.ComponentProps<typeof SelectPrimitive.Content>) {
+}: React.ComponentProps<typeof SelectPrimitive.Content> & {
+	variant?: SelectVariant;
+}) {
 	return (
 		<SelectPrimitive.Portal>
 			<SelectPrimitive.Content
 				data-slot="select-content"
-				className={classNames(
-					"bg-gray-2 text-gray-12 border-gray-5 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem]",
-					"origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-xl border-[1px] shadow-md",
-					"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-					"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-					"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-					position === "popper" &&
-						"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-					className,
-				)}
+				className={cx(selectContentVariants({ variant }), className)}
 				position={position}
 				{...props}
 			>
 				<SelectScrollUpButton />
 				<SelectPrimitive.Viewport
-					className={classNames(
+					className={cx(
 						"p-1",
 						position === "popper" &&
 							"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1",
 					)}
 				>
-					{children}
+					<SelectVariantContext.Provider value={variant}>
+						{children}
+					</SelectVariantContext.Provider>
 				</SelectPrimitive.Viewport>
 				<SelectScrollDownButton />
 			</SelectPrimitive.Content>
@@ -140,7 +217,7 @@ function SelectLabel({
 	return (
 		<SelectPrimitive.Label
 			data-slot="select-label"
-			className={classNames("text-gray-10 px-3 py-1.5 text-xs", className)}
+			className={cx("text-gray-10 px-3 py-1.5 text-xs", className)}
 			{...props}
 		/>
 	);
@@ -151,17 +228,12 @@ function SelectItem({
 	children,
 	...props
 }: React.ComponentProps<typeof SelectPrimitive.Item>) {
+	const variant = React.useContext(SelectVariantContext);
+
 	return (
 		<SelectPrimitive.Item
 			data-slot="select-item"
-			className={classNames(
-				"relative flex w-full cursor-default items-center gap-2 py-2 pr-8 pl-3 text-[13px] text-gray-12",
-				"rounded-lg outline-none select-none transition-colors duration-200",
-				"hover:bg-gray-3 focus:bg-gray-3",
-				"data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[disabled]:text-gray-9",
-				"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className,
-			)}
+			className={cx(selectItemVariants({ variant }), className)}
 			{...props}
 		>
 			<span className="absolute right-2 flex size-3.5 items-center justify-center">
@@ -181,10 +253,7 @@ function SelectSeparator({
 	return (
 		<SelectPrimitive.Separator
 			data-slot="select-separator"
-			className={classNames(
-				"-mx-1 my-1 h-px pointer-events-none bg-gray-5",
-				className,
-			)}
+			className={cx("-mx-1 my-1 h-px pointer-events-none bg-gray-5", className)}
 			{...props}
 		/>
 	);
@@ -197,7 +266,7 @@ function SelectScrollUpButton({
 	return (
 		<SelectPrimitive.ScrollUpButton
 			data-slot="select-scroll-up-button"
-			className={classNames(
+			className={cx(
 				"flex justify-center items-center py-1 cursor-default",
 				className,
 			)}
@@ -215,7 +284,7 @@ function SelectScrollDownButton({
 	return (
 		<SelectPrimitive.ScrollDownButton
 			data-slot="select-scroll-down-button"
-			className={classNames(
+			className={cx(
 				"flex justify-center items-center py-1 cursor-default",
 				className,
 			)}

From f6a4350bd0825f3619d8ca6e35ad6d8daf2b07aa Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Mon, 27 Oct 2025 16:29:58 +0300
Subject: [PATCH 03/23] ui

---
 .../_components/AnimatedIcons/Clap.tsx        | 120 +++++
 .../_components/AnimatedIcons/Reaction.tsx    | 170 ++++++
 .../_components/AnimatedIcons/index.ts        |   6 +
 .../analytics/components/ChartArea.tsx        |  91 ++++
 .../dashboard/analytics/components/Header.tsx |  32 ++
 .../analytics/components/OtherStats.tsx       | 453 ++++++++++++++++
 .../analytics/components/StatsChart.tsx       | 117 +++++
 .../app/(org)/dashboard/analytics/page.tsx    |  37 +-
 apps/web/app/globals.css                      |   2 +-
 apps/web/components/ui/chart.tsx              | 360 +++++++++++++
 apps/web/package.json                         |   2 +
 apps/web/public/logos/browsers/aloha.svg      |  14 +
 apps/web/public/logos/browsers/bing.svg       |   3 +
 apps/web/public/logos/browsers/brave.svg      |  18 +
 apps/web/public/logos/browsers/chronium.svg   |  40 ++
 apps/web/public/logos/browsers/duckduckgo.svg |  29 ++
 apps/web/public/logos/browsers/explorer.svg   |  41 ++
 apps/web/public/logos/browsers/firefox.svg    | 106 ++++
 .../public/logos/browsers/google-chrome.svg   |  16 +
 apps/web/public/logos/browsers/maxthron.svg   |   6 +
 apps/web/public/logos/browsers/opera-gx.svg   |   4 +
 apps/web/public/logos/browsers/opera.svg      |  18 +
 apps/web/public/logos/browsers/safari.svg     |  29 ++
 apps/web/public/logos/browsers/tor.svg        |  12 +
 apps/web/public/logos/browsers/vivaldi.svg    |  11 +
 apps/web/public/logos/browsers/waterfox.svg   |   6 +
 apps/web/public/logos/browsers/yandex.svg     |  11 +
 apps/web/public/logos/os/fedora.svg           |  16 +
 apps/web/public/logos/os/ios.svg              |   1 +
 apps/web/public/logos/os/linux.svg            | 111 ++++
 apps/web/public/logos/os/ubuntu.svg           |   1 +
 apps/web/public/logos/os/windows.svg          |   1 +
 packages/ui/src/components/Select.tsx         |  38 +-
 pnpm-lock.yaml                                | 493 ++++++++++++++----
 34 files changed, 2270 insertions(+), 145 deletions(-)
 create mode 100644 apps/web/app/(org)/dashboard/_components/AnimatedIcons/Clap.tsx
 create mode 100644 apps/web/app/(org)/dashboard/_components/AnimatedIcons/Reaction.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/Header.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
 create mode 100644 apps/web/components/ui/chart.tsx
 create mode 100644 apps/web/public/logos/browsers/aloha.svg
 create mode 100644 apps/web/public/logos/browsers/bing.svg
 create mode 100644 apps/web/public/logos/browsers/brave.svg
 create mode 100644 apps/web/public/logos/browsers/chronium.svg
 create mode 100644 apps/web/public/logos/browsers/duckduckgo.svg
 create mode 100644 apps/web/public/logos/browsers/explorer.svg
 create mode 100644 apps/web/public/logos/browsers/firefox.svg
 create mode 100644 apps/web/public/logos/browsers/google-chrome.svg
 create mode 100644 apps/web/public/logos/browsers/maxthron.svg
 create mode 100644 apps/web/public/logos/browsers/opera-gx.svg
 create mode 100644 apps/web/public/logos/browsers/opera.svg
 create mode 100644 apps/web/public/logos/browsers/safari.svg
 create mode 100644 apps/web/public/logos/browsers/tor.svg
 create mode 100644 apps/web/public/logos/browsers/vivaldi.svg
 create mode 100644 apps/web/public/logos/browsers/waterfox.svg
 create mode 100644 apps/web/public/logos/browsers/yandex.svg
 create mode 100644 apps/web/public/logos/os/fedora.svg
 create mode 100644 apps/web/public/logos/os/ios.svg
 create mode 100644 apps/web/public/logos/os/linux.svg
 create mode 100644 apps/web/public/logos/os/ubuntu.svg
 create mode 100644 apps/web/public/logos/os/windows.svg

diff --git a/apps/web/app/(org)/dashboard/_components/AnimatedIcons/Clap.tsx b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/Clap.tsx
new file mode 100644
index 0000000000..c112a20b8b
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/Clap.tsx
@@ -0,0 +1,120 @@
+"use client";
+
+import type { Variants } from "motion/react";
+import { motion, useAnimation } from "motion/react";
+import type { HTMLAttributes } from "react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "@/lib/utils";
+
+export interface ClapIconHandle {
+	startAnimation: () => void;
+	stopAnimation: () => void;
+}
+
+interface ClapIconProps extends HTMLAttributes<HTMLDivElement> {
+	size?: number;
+}
+
+const variants: Variants = {
+	normal: {
+		rotate: 0,
+		originX: "4px",
+		originY: "20px",
+	},
+	animate: {
+		rotate: [-10, -10, 0],
+		transition: {
+			duration: 0.8,
+			times: [0, 0.5, 1],
+			ease: "easeInOut",
+		},
+	},
+};
+
+const clapVariants: Variants = {
+	normal: {
+		rotate: 0,
+		originX: "3px",
+		originY: "11px",
+	},
+	animate: {
+		rotate: [0, -10, 16, 0],
+		transition: {
+			duration: 0.4,
+			times: [0, 0.3, 0.6, 1],
+			ease: "easeInOut",
+		},
+	},
+};
+
+const ClapIcon = forwardRef<ClapIconHandle, ClapIconProps>(
+	({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+		const controls = useAnimation();
+		const isControlledRef = useRef(false);
+
+		useImperativeHandle(ref, () => {
+			isControlledRef.current = true;
+
+			return {
+				startAnimation: () => controls.start("animate"),
+				stopAnimation: () => controls.start("normal"),
+			};
+		});
+
+		const handleMouseEnter = useCallback(
+			(e: React.MouseEvent<HTMLDivElement>) => {
+				if (!isControlledRef.current) {
+					controls.start("animate");
+				} else {
+					onMouseEnter?.(e);
+				}
+			},
+			[controls, onMouseEnter],
+		);
+
+		const handleMouseLeave = useCallback(
+			(e: React.MouseEvent<HTMLDivElement>) => {
+				if (!isControlledRef.current) {
+					controls.start("normal");
+				} else {
+					onMouseLeave?.(e);
+				}
+			},
+			[controls, onMouseLeave],
+		);
+		return (
+			<div
+				className={cn(className)}
+				onMouseEnter={handleMouseEnter}
+				onMouseLeave={handleMouseLeave}
+				{...props}
+			>
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					width={size}
+					height={size}
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					strokeWidth="2"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+					style={{ overflow: "visible" }}
+				>
+					<motion.g animate={controls} variants={variants}>
+						<motion.g animate={controls} variants={clapVariants}>
+							<path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z" />
+							<path d="m6.2 5.3 3.1 3.9" />
+							<path d="m12.4 3.4 3.1 4" />
+						</motion.g>
+						<path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z" />
+					</motion.g>
+				</svg>
+			</div>
+		);
+	},
+);
+
+ClapIcon.displayName = "ClapIcon";
+
+export default ClapIcon;
diff --git a/apps/web/app/(org)/dashboard/_components/AnimatedIcons/Reaction.tsx b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/Reaction.tsx
new file mode 100644
index 0000000000..931221098c
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/Reaction.tsx
@@ -0,0 +1,170 @@
+"use client";
+
+import type { Variants } from "motion/react";
+import { motion, useAnimation } from "motion/react";
+import type { HTMLAttributes } from "react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "@/lib/utils";
+
+export interface PartyPopperIconHandle {
+	startAnimation: () => void;
+	stopAnimation: () => void;
+}
+
+interface PartyPopperIconProps extends HTMLAttributes<HTMLDivElement> {
+	size?: number;
+}
+
+const linesVariants: Variants = {
+	normal: {
+		opacity: 1,
+		pathLength: 1,
+		scale: 1,
+		translateX: 0,
+		translateY: 0,
+	},
+	animate: {
+		opacity: [0, 1],
+		scale: [0.3, 0.8, 1, 1.1, 1],
+		pathLength: [0, 0.5, 1],
+		translateX: [-5, 0],
+		translateY: [5, 0],
+		transition: {
+			duration: 0.7,
+			velocity: 0.3,
+		},
+	},
+};
+
+const dotsVariants: Variants = {
+	normal: { opacity: 1, scale: 1, translateX: 0, translateY: 0 },
+	animate: {
+		opacity: [0, 1],
+		translateX: [-5, 0],
+		translateY: [5, 0],
+		scale: [0.5, 0.8, 1, 1.1, 1],
+		transition: {
+			duration: 0.7,
+		},
+	},
+};
+
+const popperVariants: Variants = {
+	normal: { translateX: 0, translateY: 0 },
+	animate: {
+		translateX: [-1.5, 0],
+		translateY: [1.5, 0],
+		transition: {
+			velocity: 0.3,
+		},
+	},
+};
+
+const PartyPopperIcon = forwardRef<PartyPopperIconHandle, PartyPopperIconProps>(
+	({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+		const controls = useAnimation();
+		const isControlledRef = useRef(false);
+
+		useImperativeHandle(ref, () => {
+			isControlledRef.current = true;
+
+			return {
+				startAnimation: () => controls.start("animate"),
+				stopAnimation: () => controls.start("normal"),
+			};
+		});
+
+		const handleMouseEnter = useCallback(
+			(e: React.MouseEvent<HTMLDivElement>) => {
+				if (!isControlledRef.current) {
+					controls.start("animate");
+				} else {
+					onMouseEnter?.(e);
+				}
+			},
+			[controls, onMouseEnter],
+		);
+
+		const handleMouseLeave = useCallback(
+			(e: React.MouseEvent<HTMLDivElement>) => {
+				if (!isControlledRef.current) {
+					controls.start("normal");
+				} else {
+					onMouseLeave?.(e);
+				}
+			},
+			[controls, onMouseLeave],
+		);
+
+		return (
+			<div
+				className={cn(className)}
+				onMouseEnter={handleMouseEnter}
+				onMouseLeave={handleMouseLeave}
+				{...props}
+			>
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					width={size}
+					height={size}
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					strokeWidth="2"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				>
+					<motion.path
+						d="M5.8 11.3 2 22l10.7-3.79"
+						variants={popperVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z"
+						variants={popperVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="M4 3h.01"
+						variants={dotsVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="M22 8h.01"
+						variants={dotsVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="M15 2h.01"
+						variants={dotsVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="M22 20h.01"
+						variants={dotsVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="m14 10 1.21-1.06c0.16-0.84 0.9-1.44 1.76-1.44h0.38c0.88 0 1.55-0.77 1.45-1.63a2.9 2.9 0 0 1 1.96-3.12L22 2"
+						variants={linesVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="M17 15h0.77c0.71 0 1.32-0.52 1.43-1.22c0.16-0.91 1.12-1.45 1.98-1.11L22 13"
+						variants={linesVariants}
+						animate={controls}
+					/>
+					<motion.path
+						d="M9 7V6.23c0-0.71 0.52-1.33 1.22-1.43c0.91-0.16 1.45-1.12 1.11-1.98L11 2"
+						variants={linesVariants}
+						animate={controls}
+					/>
+				</svg>
+			</div>
+		);
+	},
+);
+
+PartyPopperIcon.displayName = "PartyPopperIcon";
+
+export default PartyPopperIcon;
diff --git a/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts
index 03d1b8fb79..1ff495d185 100644
--- a/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts
+++ b/apps/web/app/(org)/dashboard/_components/AnimatedIcons/index.ts
@@ -2,11 +2,14 @@ import ArrowUpIcon from "./ArrowUp";
 import CapIcon from "./Cap";
 import ChartLineIcon from "./ChartLine";
 import MessageCircleMoreIcon from "./Chat";
+import ChatIcon from "./Chat";
+import ClapIcon from "./Clap";
 import CogIcon from "./Cog";
 import DownloadIcon from "./Download";
 import HomeIcon from "./Home";
 import LayersIcon from "./Layers";
 import LogoutIcon from "./Logout";
+import ReactionIcon from "./Reaction";
 import ReferIcon from "./Refer";
 import SettingsGearIcon from "./Settings";
 export {
@@ -21,4 +24,7 @@ export {
 	SettingsGearIcon,
 	ReferIcon,
 	ChartLineIcon,
+	ClapIcon,
+	ChatIcon,
+	ReactionIcon,
 };
diff --git a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
new file mode 100644
index 0000000000..83d55aa392
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { useId } from "react";
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
+import {
+	type ChartConfig,
+	ChartContainer,
+	ChartTooltip,
+	ChartTooltipContent,
+} from "@/components/ui/chart";
+
+export const description = "An area chart with gradient fill";
+
+const chartData = Array.from({ length: 24 }, (_, i) => ({
+	hour: i + 1,
+	desktop: Math.floor(Math.random() * 100),
+}));
+
+const chartConfig = {
+	desktop: {
+		label: "Desktop",
+		color: "var(--gray-12)",
+	},
+} satisfies ChartConfig;
+
+function ChartArea() {
+	const desktopGradientId = useId();
+	const glowFilterId = useId();
+
+	return (
+		<ChartContainer className="h-[500px]" config={chartConfig}>
+			<AreaChart
+				accessibilityLayer
+				data={chartData}
+				margin={{
+					left: 20,
+					right: 0,
+					top: 20,
+					bottom: 0,
+				}}
+			>
+				<CartesianGrid
+					vertical={false}
+					strokeDasharray="3 3"
+					stroke="var(--gray-6)"
+					opacity={0.3}
+				/>
+				<XAxis
+					dataKey="hour"
+					tickLine={false}
+					axisLine={false}
+					tickMargin={8}
+				/>
+				<YAxis
+					tickLine={false}
+					axisLine={false}
+					tickMargin={8}
+					domain={[0, 100]}
+					ticks={[0, 20, 40, 60, 80, 100]}
+					width={16}
+					allowDataOverflow={false}
+				/>
+				<ChartTooltip content={<ChartTooltipContent />} />
+				<defs>
+					<filter id={glowFilterId}>
+						<feGaussianBlur stdDeviation="2" result="coloredBlur" />
+						<feMerge>
+							<feMergeNode in="coloredBlur" />
+							<feMergeNode in="SourceGraphic" />
+						</feMerge>
+					</filter>
+					<linearGradient id={desktopGradientId} x1="0" y1="0" x2="0" y2="1">
+						<stop offset="0%" stopColor="var(--gray-8)" stopOpacity={0.6} />
+						<stop offset="95%" stopColor="var(--gray-8)" stopOpacity={0} />
+					</linearGradient>
+				</defs>
+				<Area
+					dataKey="desktop"
+					type="natural"
+					fill={`url(#${desktopGradientId})`}
+					fillOpacity={1}
+					stroke="var(--gray-12)"
+					strokeWidth={1}
+					filter={`url(#${glowFilterId})`}
+				/>
+			</AreaChart>
+		</ChartContainer>
+	);
+}
+
+export default ChartArea;
diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
new file mode 100644
index 0000000000..56775a4e02
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { Select } from "@cap/ui";
+
+export default function Header() {
+	return (
+		<div className="flex gap-2 items-center">
+			<Select
+				variant="dark"
+				size="fit"
+				options={[
+					{ value: "views", label: "Views" },
+					{ value: "comments", label: "Comments" },
+					{ value: "reactions", label: "Reactions" },
+				]}
+				onValueChange={() => {}}
+				placeholder="Metric"
+			/>
+			<Select
+				variant="dark"
+				size="fit"
+				options={[
+					{ value: "24_hours", label: "24 hours" },
+					{ value: "7_days", label: "7 days" },
+					{ value: "30_days", label: "30 days" },
+				]}
+				onValueChange={() => {}}
+				placeholder="Time range"
+			/>
+		</div>
+	);
+}
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
new file mode 100644
index 0000000000..c778db0e74
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
@@ -0,0 +1,453 @@
+"use client";
+
+import {
+	Table,
+	TableBody,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
+} from "@cap/ui";
+import {
+	faAppleWhole,
+	faDesktop,
+	faGlobe,
+	faMobileScreen,
+	faTablet,
+} from "@fortawesome/free-solid-svg-icons";
+import {
+	FontAwesomeIcon,
+	type FontAwesomeIconProps,
+} from "@fortawesome/react-fontawesome";
+import clsx from "clsx";
+import getUnicodeFlagIcon from "country-flag-icons/unicode";
+import Image from "next/image";
+
+const countryCodeToIcon = (countryCode: string) => {
+	return getUnicodeFlagIcon(countryCode.toUpperCase());
+};
+
+export default function OtherStats() {
+	return (
+		<div className="grid grid-cols-1 gap-8 w-full xl:grid-cols-4">
+			<OtherStatBox className="col-span-2" title="Geography" icon={faGlobe}>
+				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
+					<TableCard
+						title="Countries"
+						columns={["Country", "Views", "Percentage"]}
+						rows={[
+							{
+								icon: countryCodeToIcon("US"),
+								name: "United States",
+								views: "1,234",
+								percentage: "45.6%",
+							},
+							{
+								icon: countryCodeToIcon("GB"),
+								name: "United Kingdom",
+								views: "892",
+								percentage: "23.4%",
+							},
+							{
+								icon: countryCodeToIcon("CA"),
+								name: "Canada",
+								views: "567",
+								percentage: "30.9%",
+							},
+							{
+								icon: countryCodeToIcon("DE"),
+								name: "Germany",
+								views: "432",
+								percentage: "15.6%",
+							},
+							{
+								icon: countryCodeToIcon("FR"),
+								name: "France",
+								views: "389",
+								percentage: "10.9%",
+							},
+							{
+								icon: countryCodeToIcon("AU"),
+								name: "Australia",
+								views: "276",
+								percentage: "10.9%",
+							},
+							{
+								icon: countryCodeToIcon("JP"),
+								name: "Japan",
+								views: "198",
+								percentage: "10.9%",
+							},
+							{
+								icon: countryCodeToIcon("BR"),
+								name: "Brazil",
+								views: "156",
+								percentage: "10.9%",
+							},
+						]}
+					/>
+					<TableCard
+						title="Cities"
+						columns={["City", "Views", "Percentage"]}
+						rows={[
+							{
+								name: "New York",
+								icon: countryCodeToIcon("US"),
+								views: "1,234",
+								percentage: "45.6%",
+							},
+							{
+								name: "Los Angeles",
+								icon: countryCodeToIcon("US"),
+								views: "892",
+								percentage: "23.4%",
+							},
+							{
+								name: "Chicago",
+								icon: countryCodeToIcon("US"),
+								views: "567",
+								percentage: "30.9%",
+							},
+							{
+								name: "Houston",
+								icon: countryCodeToIcon("US"),
+								views: "432",
+								percentage: "15.6%",
+							},
+							{
+								name: "Miami",
+								icon: countryCodeToIcon("US"),
+								views: "389",
+								percentage: "10.9%",
+							},
+							{
+								name: "San Francisco",
+								icon: countryCodeToIcon("US"),
+								views: "389",
+								percentage: "10.9%",
+							},
+							{
+								name: "Seattle",
+								icon: countryCodeToIcon("US"),
+								views: "389",
+								percentage: "10.9%",
+							},
+							{
+								name: "Boston",
+								icon: countryCodeToIcon("US"),
+								views: "389",
+								percentage: "10.9%",
+							},
+							{
+								name: "Washington, D.C. asd asd asdsa d",
+								icon: countryCodeToIcon("US"),
+								views: "1,000",
+								percentage: "10.9%",
+							},
+							{
+								name: "Atlanta",
+								icon: countryCodeToIcon("US"),
+								views: "1,000",
+								percentage: "10.9%",
+							},
+							{
+								name: "Denver",
+								icon: countryCodeToIcon("US"),
+								views: "1,000",
+								percentage: "10.9%",
+							},
+						]}
+					/>
+				</div>
+			</OtherStatBox>
+			<OtherStatBox className="col-span-2" title="Software" icon={faDesktop}>
+				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
+					<TableCard
+						title="Browsers"
+						columns={["Browser", "Views", "Percentage"]}
+						rows={[
+							{
+								icon: <BrowserIcon browser="google-chrome" />,
+								name: "Chrome",
+								percentage: "45.6%",
+								views: "1,234",
+							},
+							{
+								icon: <BrowserIcon browser="firefox" />,
+								name: "Firefox",
+								percentage: "23.4%",
+								views: "892",
+							},
+							{
+								icon: <BrowserIcon browser="safari" />,
+								name: "Safari",
+								percentage: "30.9%",
+								views: "567",
+							},
+							{
+								icon: <BrowserIcon browser="explorer" />,
+								name: "Edge",
+								percentage: "15.6%",
+								views: "432",
+							},
+							{
+								icon: <BrowserIcon browser="opera" />,
+								name: "Opera",
+								percentage: "10.9%",
+								views: "432",
+							},
+							{
+								icon: <BrowserIcon browser="brave" />,
+								name: "Brave",
+								percentage: "5.6%",
+								views: "432",
+							},
+							{
+								icon: <BrowserIcon browser="vivaldi" />,
+								name: "Vivaldi",
+								percentage: "3.4%",
+								views: "432",
+							},
+							{
+								icon: <BrowserIcon browser="yandex" />,
+								name: "Yandex",
+								percentage: "2.9%",
+								views: "432",
+							},
+							{
+								icon: <BrowserIcon browser="duckduckgo" />,
+								name: "DuckDuckGo",
+								percentage: "1.6%",
+								views: "432",
+							},
+						]}
+					/>
+					<TableCard
+						title="Operating Systems"
+						columns={["Operating System", "Views", "Percentage"]}
+						rows={[
+							{
+								icon: <OperatingSystemIcon operatingSystem="windows" />,
+								name: "Windows",
+								views: "1,234",
+								percentage: "45.6%",
+							},
+							{
+								icon: <OperatingSystemIcon operatingSystem="ios" />,
+								name: "iOS",
+								views: "892",
+								percentage: "23.4%",
+							},
+							{
+								icon: <OperatingSystemIcon operatingSystem="linux" />,
+								name: "Linux",
+								views: "892",
+								percentage: "15.6%",
+							},
+							{
+								icon: <OperatingSystemIcon operatingSystem="fedora" />,
+								name: "Fedora",
+								views: "892",
+								percentage: "10.9%",
+							},
+							{
+								icon: <OperatingSystemIcon operatingSystem="ubuntu" />,
+								name: "Ubuntu",
+								views: "892",
+								percentage: "10.9%",
+							},
+						]}
+					/>
+				</div>
+			</OtherStatBox>
+			<OtherStatBox
+				className="col-span-2"
+				title="Devices"
+				icon={faMobileScreen}
+			>
+				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
+					<TableCard
+						tableClassname="h-fit"
+						title="Device Type"
+						columns={["Device", "Views", "Percentage"]}
+						rows={[
+							{
+								icon: (
+									<FontAwesomeIcon icon={faDesktop} className="text-gray-12" />
+								),
+								name: "Desktop",
+								views: "2,456",
+								percentage: "45.6%",
+							},
+							{
+								icon: (
+									<FontAwesomeIcon icon={faTablet} className="text-gray-12" />
+								),
+								name: "Tablet",
+								views: "1,234",
+								percentage: "23.4%",
+							},
+							{
+								icon: (
+									<FontAwesomeIcon
+										icon={faMobileScreen}
+										className="text-gray-12"
+									/>
+								),
+								name: "Mobile",
+								views: "1,789",
+								percentage: "30.9%",
+							},
+						]}
+					/>
+				</div>
+			</OtherStatBox>
+		</div>
+	);
+}
+
+interface OtherStatBoxProps {
+	title: string;
+	icon: FontAwesomeIconProps["icon"];
+	children: React.ReactNode;
+	className?: string;
+}
+
+const OtherStatBox = ({
+	title,
+	icon,
+	children,
+	className,
+}: OtherStatBoxProps) => {
+	return (
+		<div
+			className={clsx(
+				className,
+				"p-6 space-y-6 w-full rounded-xl border bg-gray-1 border-gray-3 h-fit",
+			)}
+		>
+			<div className="flex gap-2 items-center">
+				<FontAwesomeIcon icon={icon} className="size-4 text-gray-10" />
+				<p className="text-xl font-medium text-gray-12">{title}</p>
+			</div>
+			{children}
+		</div>
+	);
+};
+
+interface TableCardProps {
+	title: string;
+	columns: string[];
+	tableClassname?: string;
+	rows: {
+		icon?: string | React.ReactNode;
+		name: string;
+		views: string;
+		percentage?: string;
+	}[];
+}
+
+const TableCard = ({
+	title,
+	columns,
+	rows,
+	tableClassname,
+}: TableCardProps) => {
+	return (
+		<div className="p-5 w-full rounded-xl border bg-gray-2 border-gray-4">
+			<p className="text-lg font-medium text-gray-12">{title}</p>
+			<Table
+				className={clsx(
+					"block pr-2 w-full border-separate border-spacing-y-2 h-[400px] custom-scroll",
+					tableClassname,
+				)}
+			>
+				<TableHeader>
+					<TableRow>
+						{columns.map((column) => (
+							<TableHead
+								key={column}
+								className="sticky top-0 border-b text-nowrap border-gray-4 bg-gray-2 text-gray-10"
+							>
+								{column}
+							</TableHead>
+						))}
+					</TableRow>
+				</TableHeader>
+				<TableBody className="before:content-[''] before:block before:h-2 w-full">
+					{rows.map((row) => (
+						<TableRow className="cursor-pointer group" key={row.name}>
+							<TableCell className="flex gap-2 items-center group-hover:bg-gray-6 group-hover:border-gray-8 transition-colors duration-200 w-full p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
+								<span className="flex-shrink-0 fill-[var(--gray-12)]">
+									{row.icon}
+								</span>
+								<span className="truncate text-nowrap max-w-[100px]">
+									{row.name}
+								</span>
+							</TableCell>
+							<TableCell className="p-2.5 text-sm w-full text-gray-11 bg-gray-3 border-y border-gray-5 group-hover:bg-gray-6 group-hover:border-gray-8 transition-colors duration-200">
+								{row.views}
+							</TableCell>
+							<TableCell className="p-2.5 text-sm rounded-r-lg border-r w-full text-gray-11 bg-gray-3 border-y border-gray-5 group-hover:bg-gray-6 group-hover:border-gray-8 transition-colors duration-200">
+								{row.percentage}
+							</TableCell>
+						</TableRow>
+					))}
+				</TableBody>
+			</Table>
+		</div>
+	);
+};
+
+type OperatingSystemIconProps = {
+	operatingSystem: "windows" | "ios" | "linux" | "fedora" | "ubuntu";
+};
+
+const OperatingSystemIcon = ({ operatingSystem }: OperatingSystemIconProps) => {
+	if (operatingSystem === "ios") {
+		return <FontAwesomeIcon className="text-gray-12" icon={faAppleWhole} />;
+	} else {
+		return (
+			<Image
+				src={`/logos/os/${operatingSystem}.svg`}
+				alt={operatingSystem}
+				width={16}
+				height={16}
+				className="size-4"
+			/>
+		);
+	}
+};
+
+type BrowserIconProps = {
+	browser:
+		| "google-chrome"
+		| "firefox"
+		| "safari"
+		| "explorer"
+		| "opera"
+		| "brave"
+		| "vivaldi"
+		| "yandex"
+		| "duckduckgo"
+		| "internet-explorer"
+		| "samsung-internet"
+		| "uc-browser"
+		| "qq-browser"
+		| "maxthon"
+		| "arora"
+		| "lunascape"
+		| "lunascape";
+};
+
+const BrowserIcon = ({ browser }: BrowserIconProps) => {
+	return (
+		<Image
+			src={`/logos/browsers/${browser}.svg`}
+			alt={browser}
+			width={16}
+			height={16}
+			className="size-4"
+		/>
+	);
+};
diff --git a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
new file mode 100644
index 0000000000..4b88c78107
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import {
+	cloneElement,
+	type HTMLAttributes,
+	type SVGProps,
+	useRef,
+	useState,
+} from "react";
+import {
+	CapIcon,
+	ChatIcon,
+	ClapIcon,
+	ReactionIcon,
+} from "@/app/(org)/dashboard/_components/AnimatedIcons";
+import { classNames } from "@/utils/helpers";
+import type { CapIconHandle } from "../../_components/AnimatedIcons/Cap";
+import ChartArea from "./ChartArea";
+
+export default function StatsBox() {
+	const [selectedBox, setSelectedBox] = useState<
+		"caps" | "views" | "chats" | "reactions" | null
+	>(null);
+
+	const capsBoxRef = useRef<CapIconHandle | null>(null);
+	const viewsBoxRef = useRef<CapIconHandle | null>(null);
+	const chatsBoxRef = useRef<CapIconHandle | null>(null);
+	const reactionsBoxRef = useRef<CapIconHandle | null>(null);
+
+	return (
+		<div className="flex flex-col gap-4 p-8 w-full rounded-xl border bg-gray-1 border-gray-3">
+			<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
+				<StatBox
+					onClick={() => setSelectedBox("caps")}
+					isSelected={selectedBox === "caps"}
+					title="Caps"
+					value="100"
+					onMouseEnter={() => capsBoxRef.current?.startAnimation()}
+					onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
+					icon={<CapIcon ref={capsBoxRef} size={20} />}
+				/>
+				<StatBox
+					onClick={() => setSelectedBox("views")}
+					isSelected={selectedBox === "views"}
+					title="Views"
+					value="2,768"
+					onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
+					onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
+					icon={<ClapIcon ref={viewsBoxRef} size={20} />}
+				/>
+				<StatBox
+					onClick={() => setSelectedBox("chats")}
+					isSelected={selectedBox === "chats"}
+					title="Comments"
+					value="100"
+					onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
+					onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
+					icon={<ChatIcon ref={chatsBoxRef} size={20} />}
+				/>
+				<StatBox
+					onClick={() => setSelectedBox("reactions")}
+					isSelected={selectedBox === "reactions"}
+					title="Reactions"
+					value="100"
+					onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
+					onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
+					icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
+				/>
+			</div>
+			<ChartArea />
+		</div>
+	);
+}
+
+interface StatBoxProps extends HTMLAttributes<HTMLDivElement> {
+	title: string;
+	value: string;
+	icon: React.ReactElement<SVGProps<SVGSVGElement>>;
+	isSelected?: boolean;
+}
+function StatBox({
+	title,
+	value,
+	icon,
+	isSelected = false,
+	...props
+}: StatBoxProps) {
+	return (
+		<div
+			{...props}
+			className={classNames(
+				"flex flex-col flex-1 gap-2 px-8 py-6 bg-transparent rounded-xl border transition-all duration-200 cursor-pointer group h-fit hover:bg-gray-3 border-gray-5",
+				isSelected && "bg-gray-3 border-gray-6",
+			)}
+		>
+			<div className="flex gap-2 items-center h-fit">
+				{cloneElement(icon, {
+					className: classNames(
+						"group-hover:text-gray-12 transition-colors duration-200",
+						isSelected ? "text-gray-12" : "text-gray-10",
+					),
+				})}
+				<p
+					className={classNames(
+						"text-base font-medium transition-colors duration-200 group-hover:text-gray-12 text-gray-10",
+						isSelected && "text-gray-12",
+					)}
+				>
+					{title}
+				</p>
+			</div>
+			<p className="text-2xl font-medium transition-colors duration-200 text-gray-12">
+				{value}
+			</p>
+		</div>
+	);
+}
diff --git a/apps/web/app/(org)/dashboard/analytics/page.tsx b/apps/web/app/(org)/dashboard/analytics/page.tsx
index 82c45101a8..37c38d9d84 100644
--- a/apps/web/app/(org)/dashboard/analytics/page.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/page.tsx
@@ -1,34 +1,13 @@
-"use client";
-
-import { Select } from "@cap/ui";
+import Header from "./components/Header";
+import OtherStats from "./components/OtherStats";
+import StatsChart from "./components/StatsChart";
 
 export default function AnalyticsPage() {
 	return (
-		<>
-			<div className="flex gap-2 items-center">
-				<Select
-					variant="dark"
-					size="fit"
-					options={[
-						{ value: "views", label: "Views" },
-						{ value: "comments", label: "Comments" },
-						{ value: "reactions", label: "Reactions" },
-					]}
-					onValueChange={() => {}}
-					placeholder="Metric"
-				/>
-				<Select
-					variant="dark"
-					size="fit"
-					options={[
-						{ value: "24_hours", label: "24 hours" },
-						{ value: "7_days", label: "7 days" },
-						{ value: "30_days", label: "30 days" },
-					]}
-					onValueChange={() => {}}
-					placeholder="Time range"
-				/>
-			</div>
-		</>
+		<div className="space-y-8">
+			<Header />
+			<StatsChart />
+			<OtherStats />
+		</div>
 	);
 }
diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index bff65ab6a0..cb9cd74069 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -342,7 +342,7 @@ span,
 input,
 label,
 button {
-	@apply tracking-normal font-normal leading-[1.5rem];
+	@apply tracking-normal leading-[1.5rem];
 }
 
 a {
diff --git a/apps/web/components/ui/chart.tsx b/apps/web/components/ui/chart.tsx
new file mode 100644
index 0000000000..debdbfd409
--- /dev/null
+++ b/apps/web/components/ui/chart.tsx
@@ -0,0 +1,360 @@
+"use client";
+
+import { cx } from "class-variance-authority";
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const;
+
+export type ChartConfig = {
+	[k in string]: {
+		label?: React.ReactNode;
+		icon?: React.ComponentType;
+	} & (
+		| { color?: string; theme?: never }
+		| { color?: never; theme: Record<keyof typeof THEMES, string> }
+	);
+};
+
+type ChartContextProps = {
+	config: ChartConfig;
+};
+
+const ChartContext = React.createContext<ChartContextProps | null>(null);
+
+function useChart() {
+	const context = React.useContext(ChartContext);
+
+	if (!context) {
+		throw new Error("useChart must be used within a <ChartContainer />");
+	}
+
+	return context;
+}
+
+const ChartContainer = React.forwardRef<
+	HTMLDivElement,
+	React.ComponentProps<"div"> & {
+		config: ChartConfig;
+		children: React.ComponentProps<
+			typeof RechartsPrimitive.ResponsiveContainer
+		>["children"];
+	}
+>(({ id, className, children, config, ...props }, ref) => {
+	const uniqueId = React.useId();
+	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+
+	return (
+		<ChartContext.Provider value={{ config }}>
+			<div
+				data-chart={chartId}
+				ref={ref}
+				className={cx(
+					"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-gray-11 [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-gray-5/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-gray-5 [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-gray-5 [&_.recharts-radial-bar-background-sector]:fill-gray-3 [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-gray-5 [&_.recharts-reference-line_[stroke='#ccc']]:stroke-gray-5 [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+					className,
+				)}
+				{...props}
+			>
+				<ChartStyle id={chartId} config={config} />
+				<RechartsPrimitive.ResponsiveContainer>
+					{children}
+				</RechartsPrimitive.ResponsiveContainer>
+			</div>
+		</ChartContext.Provider>
+	);
+});
+ChartContainer.displayName = "ChartContainer";
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+	const colorConfig = Object.entries(config).filter(
+		([_, config]) => config.theme || config.color,
+	);
+
+	if (!colorConfig.length) {
+		return null;
+	}
+
+	return (
+		<style
+			// biome-ignore lint/security/noDangerouslySetInnerHtml: Required for dynamic chart theming
+			dangerouslySetInnerHTML={{
+				__html: Object.entries(THEMES)
+					.map(
+						([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+	.map(([key, itemConfig]) => {
+		const color =
+			itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+			itemConfig.color;
+		return color ? `  --color-${key}: ${color};` : null;
+	})
+	.join("\n")}
+}
+`,
+					)
+					.join("\n"),
+			}}
+		/>
+	);
+};
+
+const ChartTooltip = RechartsPrimitive.Tooltip;
+
+interface ChartTooltipContentProps extends React.ComponentProps<"div"> {
+	active?: boolean;
+	payload?: Array<{
+		name?: string;
+		value?: number | string;
+		color?: string;
+		dataKey?: string;
+		payload?: Record<string, unknown>;
+		fill?: string;
+	}>;
+	label?: string;
+	hideLabel?: boolean;
+	hideIndicator?: boolean;
+	indicator?: "line" | "dot" | "dashed";
+	nameKey?: string;
+	labelKey?: string;
+	labelFormatter?: (label: unknown, payload: unknown[]) => React.ReactNode;
+	labelClassName?: string;
+	formatter?: (
+		value: unknown,
+		name: unknown,
+		item: unknown,
+		index: number,
+		payload: unknown,
+	) => React.ReactNode;
+	color?: string;
+}
+
+const ChartTooltipContent = React.forwardRef<
+	HTMLDivElement,
+	ChartTooltipContentProps
+>(
+	(
+		{
+			active,
+			payload,
+			className,
+			indicator = "dot",
+			hideLabel = false,
+			hideIndicator = false,
+			label,
+			labelFormatter,
+			labelClassName,
+			formatter,
+			color,
+			nameKey,
+			labelKey,
+		},
+		ref,
+	) => {
+		const { config } = useChart();
+
+		const tooltipLabel = React.useMemo(() => {
+			if (hideLabel || !payload?.length) {
+				return null;
+			}
+
+			const [item] = payload;
+			if (!item) return null;
+
+			const key = `${labelKey || item.dataKey || item.name || "value"}`;
+			const itemConfig = config[key as keyof typeof config];
+			const value =
+				!labelKey && typeof label === "string"
+					? config[label as keyof typeof config]?.label || label
+					: itemConfig?.label;
+
+			if (labelFormatter) {
+				return (
+					<div className={cx("font-medium text-gray-12", labelClassName)}>
+						{labelFormatter(value, payload)}
+					</div>
+				);
+			}
+
+			if (!value) {
+				return null;
+			}
+
+			return (
+				<div className={cx("font-medium text-gray-12", labelClassName)}>
+					{value}
+				</div>
+			);
+		}, [
+			label,
+			labelFormatter,
+			payload,
+			hideLabel,
+			labelClassName,
+			config,
+			labelKey,
+		]);
+
+		if (!active || !payload?.length) {
+			return null;
+		}
+
+		const nestLabel = payload.length === 1 && indicator !== "dot";
+
+		return (
+			<div
+				ref={ref}
+				className={cx(
+					"grid min-w-[8rem] items-start gap-1 rounded-lg border border-gray-5 bg-gray-1 px-2.5 py-1.5 text-xs shadow-xl",
+					className,
+				)}
+			>
+				{!nestLabel ? tooltipLabel : null}
+				<div className="grid gap-1">
+					{payload.map((item, index) => {
+						const key = `${nameKey || item.name || item.dataKey || "value"}`;
+						const itemConfig = config[key as keyof typeof config];
+						const indicatorColor = color || item.payload?.fill || item.color;
+
+						return (
+							<div
+								key={item.dataKey}
+								className={cx(
+									"flex w-full flex-wrap gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-gray-11",
+									indicator === "dot" ? "items-center" : "items-stretch",
+								)}
+							>
+								{formatter && item?.value !== undefined && item.name ? (
+									formatter(item.value, item.name, item, index, item.payload)
+								) : (
+									<>
+										{itemConfig?.icon ? (
+											<itemConfig.icon />
+										) : (
+											!hideIndicator && (
+												<div
+													className={cx(
+														"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+														{
+															"h-2.5 w-2.5": indicator === "dot",
+															"w-1": indicator === "line",
+															"w-0 border-[1.5px] border-dashed bg-transparent":
+																indicator === "dashed",
+															"my-0.5": nestLabel && indicator === "dashed",
+														},
+													)}
+													style={
+														{
+															"--color-bg": indicatorColor,
+															"--color-border": indicatorColor,
+														} as React.CSSProperties
+													}
+												/>
+											)
+										)}
+										<div
+											className={cx(
+												"flex flex-1 justify-between leading-none",
+												nestLabel ? "items-end" : "items-center",
+											)}
+										>
+											<div className="grid gap-1">
+												{nestLabel ? tooltipLabel : null}
+												<span className="leading-none text-gray-12">
+													{itemConfig?.label || item.name}
+												</span>
+											</div>
+											{item.value && (
+												<span className="font-mono font-medium tabular-nums leading-none text-gray-12">
+													{item.value.toLocaleString()}
+												</span>
+											)}
+										</div>
+									</>
+								)}
+							</div>
+						);
+					})}
+				</div>
+			</div>
+		);
+	},
+);
+ChartTooltipContent.displayName = "ChartTooltipContent";
+
+const ChartLegend = RechartsPrimitive.Legend;
+
+interface ChartLegendContentProps extends React.ComponentProps<"div"> {
+	payload?: Array<{
+		value?: string;
+		dataKey?: string;
+		color?: string;
+	}>;
+	verticalAlign?: "top" | "bottom";
+	hideIcon?: boolean;
+	nameKey?: string;
+}
+
+const ChartLegendContent = React.forwardRef<
+	HTMLDivElement,
+	ChartLegendContentProps
+>(
+	(
+		{ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
+		ref,
+	) => {
+		const { config } = useChart();
+
+		if (!payload?.length) {
+			return null;
+		}
+
+		return (
+			<div
+				ref={ref}
+				className={cx(
+					"flex items-center justify-center gap-4",
+					verticalAlign === "top" ? "pb-3" : "pt-3",
+					className,
+				)}
+			>
+				{payload.map((item) => {
+					const key = `${nameKey || item.dataKey || "value"}`;
+					const itemConfig = config[key as keyof typeof config];
+
+					return (
+						<div
+							key={item.value}
+							className={cx(
+								"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-gray-11",
+							)}
+						>
+							{itemConfig?.icon && !hideIcon ? (
+								<itemConfig.icon />
+							) : (
+								<div
+									className="h-2 w-2 shrink-0 rounded-[2px]"
+									style={{
+										backgroundColor: item.color,
+									}}
+								/>
+							)}
+							<span className="text-gray-11">{itemConfig?.label}</span>
+						</div>
+					);
+				})}
+			</div>
+		);
+	},
+);
+ChartLegendContent.displayName = "ChartLegendContent";
+
+export {
+	ChartContainer,
+	ChartTooltip,
+	ChartTooltipContent,
+	ChartLegend,
+	ChartLegendContent,
+	ChartStyle,
+};
diff --git a/apps/web/package.json b/apps/web/package.json
index f2f594873e..b471f866a9 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -81,6 +81,7 @@
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"cookies-next": "^4.1.0",
+		"country-flag-icons": "^1.5.21",
 		"date-fns": "^4.1.0",
 		"dompurify": "^3.2.6",
 		"dotenv": "^16.3.1",
@@ -118,6 +119,7 @@
 		"react-rnd": "^10.4.1",
 		"react-scroll-parallax": "^3.4.5",
 		"react-tooltip": "^5.26.3",
+		"recharts": "^3.3.0",
 		"resend": "4.6.0",
 		"server-only": "^0.0.1",
 		"sonner": "^2.0.3",
diff --git a/apps/web/public/logos/browsers/aloha.svg b/apps/web/public/logos/browsers/aloha.svg
new file mode 100644
index 0000000000..769583c1ec
--- /dev/null
+++ b/apps/web/public/logos/browsers/aloha.svg
@@ -0,0 +1,14 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="93" height="93" rx="17" fill="#29333C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M56 64L60.5 72H72.5L47 19L21 72H33L37 64H56ZM42.5731 53H51.1515L46.9039 44.1717L42.5731 53Z" fill="url(#paint0_linear_102_14)"/>
+<defs>
+<linearGradient id="paint0_linear_102_14" x1="37.5" y1="13.5" x2="67.5" y2="74" gradientUnits="userSpaceOnUse">
+<stop offset="0.322036" stop-color="#0DB8DC"/>
+<stop offset="0.322418" stop-color="#00D7FF"/>
+<stop offset="0.554687" stop-color="#03D7FF"/>
+<stop offset="0.556968" stop-color="#31F0FF"/>
+<stop offset="0.786418" stop-color="#31F6FE"/>
+<stop offset="0.788869" stop-color="#31FFFC"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/bing.svg b/apps/web/public/logos/browsers/bing.svg
new file mode 100644
index 0000000000..4face3695d
--- /dev/null
+++ b/apps/web/public/logos/browsers/bing.svg
@@ -0,0 +1,3 @@
+<svg width="66" height="93" viewBox="0 0 66 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0L18.5773 6.53537V71.9278L44.7446 56.8221L31.9153 50.8028L23.8217 30.658L65.0512 45.1425V66.2009L18.5879 93L0 82.6603V0Z" fill="#008373"/>
+</svg>
diff --git a/apps/web/public/logos/browsers/brave.svg b/apps/web/public/logos/browsers/brave.svg
new file mode 100644
index 0000000000..c3318f83a3
--- /dev/null
+++ b/apps/web/public/logos/browsers/brave.svg
@@ -0,0 +1,18 @@
+<svg width="80" height="93" viewBox="0 0 80 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M76.4306 22.2805L78.6164 16.9219C78.6164 16.9219 75.8666 13.9606 72.4822 10.5762C69.0978 7.19181 61.9765 9.16603 61.9765 9.16603L53.8681 0H25.3124L17.2039 9.23654C17.2039 9.23654 10.0826 7.26232 6.69826 10.6467C3.31387 14.0311 0.564064 16.9924 0.564064 16.9924L2.74981 22.351L0 30.2479C0 30.2479 8.17892 61.1304 9.09553 64.9378C10.9992 72.3412 12.2684 75.232 17.627 79.0394C22.9856 82.8469 32.6452 89.3336 34.2669 90.3207C35.818 91.3078 37.8628 93 39.6255 93C41.3882 93 43.3624 91.3078 44.9841 90.3207C46.5353 89.3336 56.2654 82.7763 61.624 79.0394C66.9826 75.3025 68.2517 72.4117 70.1554 64.9378C71.1425 61.1304 79.251 30.2479 79.251 30.2479L76.4306 22.2805Z" fill="url(#paint0_linear_101_35)"/>
+<path d="M59.7204 15.0887C59.7204 15.0887 70.1556 27.7096 70.1556 30.4594C70.1556 33.2093 68.8159 33.8438 67.4763 35.254C66.1366 36.6641 60.355 42.7983 59.6499 43.5739C58.8743 44.3495 57.3937 45.5481 58.2397 47.7339C59.1564 49.8491 60.496 52.5989 59.0153 55.4193C57.5347 58.1691 54.9964 60.0728 53.3747 59.7202C51.753 59.4382 47.8751 57.3935 46.4649 56.4769C45.0548 55.5603 40.6128 51.8939 40.6128 50.4837C40.6128 49.0735 45.2663 46.5353 46.1124 45.9712C46.9585 45.4071 50.8364 43.1509 50.9069 42.3048C50.9774 41.4587 50.9774 41.1767 49.7788 38.9909C48.6507 36.8052 46.5354 33.9143 46.888 32.0106C47.2405 30.1069 50.5544 29.1198 52.9517 28.2032C55.3489 27.2866 59.9319 25.5944 60.496 25.3124C61.0601 25.0303 60.9191 24.8188 59.1564 24.6073C57.3937 24.4663 52.5286 23.7612 50.2724 24.3958C48.0161 25.0303 44.2792 25.9469 43.9266 26.4405C43.6446 26.934 43.3626 26.934 43.6446 28.6967C43.9266 30.3889 45.6188 38.7089 45.7598 40.1895C45.9009 41.6702 46.2534 42.6573 44.6317 43.0099C43.0805 43.3624 40.4012 43.997 39.4846 43.997C38.568 43.997 35.8887 43.3624 34.3376 43.0099C32.7864 42.6573 33.0684 41.6702 33.2094 40.1895C33.3504 38.7089 34.9721 30.4594 35.3247 28.6967C35.6067 27.0046 35.3952 26.934 35.0426 26.4405C34.7606 25.9469 30.9532 25.0303 28.6969 24.3958C26.4407 23.7612 21.5756 24.3958 19.8129 24.6073C18.0502 24.7483 17.9092 25.0303 18.4733 25.3124C19.0373 25.5944 23.6203 27.2866 26.0176 28.2032C28.4149 29.1198 31.7288 30.1069 32.0813 32.0106C32.4338 33.9143 30.3891 36.8052 29.1905 38.9909C28.0623 41.1767 27.9918 41.3882 28.0623 42.3048C28.1329 43.1509 32.0108 45.4071 32.8569 45.9712C33.703 46.5353 38.3565 49.0735 38.3565 50.4837C38.3565 51.8939 33.9145 55.5603 32.5043 56.4769C31.0942 57.3935 27.2868 59.3677 25.5946 59.7202C23.9729 60.0023 21.4346 58.1691 19.9539 55.4193C18.4733 52.6695 19.8129 49.9196 20.7295 47.7339C21.6461 45.6187 20.0949 44.42 19.3194 43.5739C18.7553 42.7278 13.0441 36.5936 11.7045 35.254C10.3648 33.8438 9.0957 33.1387 9.0957 30.4594C9.0957 27.7801 19.5309 15.0887 19.5309 15.0887C19.5309 15.0887 28.3444 16.7809 29.543 16.7809C30.7416 16.7809 33.2799 15.7938 35.6772 15.0182C38.0745 14.2426 39.6257 14.2426 39.6257 14.2426C39.6257 14.2426 41.1768 14.2426 43.5741 15.0182C45.9714 15.7938 48.5097 16.7809 49.7083 16.7809C50.9069 16.7809 59.7204 15.0887 59.7204 15.0887Z" fill="white"/>
+<path d="M51.894 63.3867C52.5286 63.8097 52.1761 64.5853 51.5415 64.9378C50.9774 65.3609 43.01 71.4951 42.3049 72.2002C41.5294 72.9052 40.4012 73.9629 39.6256 73.9629C38.8501 73.9629 37.7219 72.8347 36.9463 72.2002C36.1707 71.4951 28.2739 65.3609 27.7098 64.9378C27.1457 64.5148 26.7227 63.7392 27.3573 63.3867C27.9918 62.9636 30.0366 61.9765 32.7864 60.4958C35.6067 59.0152 39.0616 57.8165 39.6256 57.8165C40.1897 57.8165 43.6446 59.0152 46.4649 60.4958C49.2147 61.9765 51.1889 63.0341 51.894 63.3867Z" fill="white"/>
+<path d="M61.9765 9.23654L53.8681 0H25.3123L17.2039 9.23654C17.2039 9.23654 10.0826 7.26232 6.69824 10.6467C6.69824 10.6467 16.2168 9.80061 19.4602 15.0887C19.4602 15.0887 28.2737 16.7809 29.4723 16.7809C30.6709 16.7809 33.2092 15.7938 35.6065 15.0182C38.0038 14.2426 39.555 14.2426 39.555 14.2426C39.555 14.2426 41.1061 14.2426 43.5034 15.0182C45.9007 15.7938 48.439 16.7809 49.6376 16.7809C50.8362 16.7809 59.6497 15.0887 59.6497 15.0887C62.8931 9.80061 72.4117 10.6467 72.4117 10.6467C69.0978 7.26232 61.9765 9.23654 61.9765 9.23654Z" fill="url(#paint1_linear_101_35)"/>
+<defs>
+<linearGradient id="paint0_linear_101_35" x1="-0.00065088" y1="46.4817" x2="79.1887" y2="46.4817" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5500"/>
+<stop offset="0.4099" stop-color="#FF5500"/>
+<stop offset="0.582" stop-color="#FF2000"/>
+<stop offset="1" stop-color="#FF2000"/>
+</linearGradient>
+<linearGradient id="paint1_linear_101_35" x1="8.13858" y1="8.37495" x2="72.459" y2="8.37495" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF452A"/>
+<stop offset="1" stop-color="#FF2000"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/chronium.svg b/apps/web/public/logos/browsers/chronium.svg
new file mode 100644
index 0000000000..c0bf9a1e8a
--- /dev/null
+++ b/apps/web/public/logos/browsers/chronium.svg
@@ -0,0 +1,40 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M89.2377 28.1903C89.2377 34.6915 81.0493 42.6787 70.27 42.6787C59.4907 42.6787 45.4775 36.0088 45.4775 29.5077C45.4775 23.0065 54.2154 17.7365 64.9947 17.7365C73.2291 17.7365 84.1764 25.3239 88.3548 26.1779C88.6824 26.8871 88.9208 27.3911 89.2377 28.1903Z" fill="url(#paint0_linear_101_181)"/>
+<path d="M9.24105 19.0036C14.364 15.0173 23.8525 18.4868 30.462 27.0228C37.0716 35.5588 37.7832 48.2031 32.6607 52.1895C27.5377 56.1758 18.5205 49.9945 11.9109 41.4585C6.86119 34.9379 10.2349 24.3741 8.3457 20.5416C8.63017 20.0209 8.92873 19.508 9.24105 19.0036Z" fill="#2E5C91"/>
+<path d="M88.357 26.175C85.4574 26.1614 63.0895 26.2953 43.8111 26.202C36.6239 28.3207 30.6933 31.7015 27.5997 38.2947C25.392 36.4108 10.7413 20.7851 9.22656 19.0327C22.214 1.75787 40.0622 0.135703 43.5326 0.135703C47.0031 0.135703 72.7612 -3.4446 88.357 26.175Z" fill="url(#paint1_radial_101_181)"/>
+<path d="M41.6377 92.8316C36.4663 88.9083 35.6074 77.5104 42.1118 68.8931C48.6163 60.2771 59.0903 54.3981 64.2613 58.3214C69.4322 62.2448 67.3428 74.4838 60.8384 83.1003C55.8693 89.6827 46.1541 90.1037 42.9534 92.9283C42.4404 92.9092 42.1445 92.9034 41.6377 92.8316Z" fill="#699DD3"/>
+<path d="M42.9531 92.928C44.4356 90.4298 54.8934 70.987 64.7538 54.3796C66.5792 47.0958 66.9665 40.4258 62.8675 34.4087C65.6073 33.4572 86.9636 28.6115 89.2384 28.1921C97.4992 48.1758 89.8383 64.4174 88.0774 67.4154C86.3177 70.4129 76.327 94.4817 42.9531 92.928Z" fill="url(#paint2_radial_101_181)"/>
+<path d="M8.36122 20.5261C9.7965 23.0516 21.0727 42.4177 30.612 59.2126C36.0296 64.3993 42.0666 67.2944 49.3096 66.6922C48.7829 69.5508 42.4294 90.6456 41.6702 92.8356C20.2564 90.1724 9.94876 75.4758 8.21724 72.4608C6.48571 69.4458 -9.46209 48.8541 8.36122 20.5261Z" fill="url(#paint3_radial_101_181)"/>
+<path d="M65.2983 46.3904C65.2983 56.9019 56.8339 65.423 46.3923 65.423C35.9506 65.423 27.4854 56.9019 27.4854 46.3904C27.4854 35.8788 35.9497 27.3574 46.3918 27.3574C56.8339 27.3574 65.2983 35.8788 65.2983 46.3904Z" fill="url(#paint4_linear_101_181)" stroke="url(#paint5_linear_101_181)" stroke-width="7.32792"/>
+<path d="M60.8447 36.8073C68.5109 43.8991 67.4778 49.0667 65.0082 55.0572C63.7214 45.8286 64.0375 41.6075 60.8447 36.8073ZM35.1403 63.6609C25.7707 57.6579 22.8066 44.6979 31.494 37.5344C27.0057 45.7365 28.918 50.9722 35.1403 63.6609Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_101_181" x1="61.7183" y1="30.8188" x2="86.0024" y2="28.192" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2CDE9"/>
+<stop offset="1" stop-color="#C4DBEE"/>
+</linearGradient>
+<radialGradient id="paint1_radial_101_181" cx="0" cy="0" r="1" gradientTransform="matrix(-0.300696 22.1123 40.8115 0.555287 45.3644 5.9621)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#658DB6"/>
+<stop offset="0.768" stop-color="#527FAB"/>
+<stop offset="1" stop-color="#4071A0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_101_181" cx="0" cy="0" r="1" gradientTransform="matrix(20.3418 42.6408 53.8485 -25.8183 47.6348 44.4376)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D0E2F1"/>
+<stop offset="0.856" stop-color="#CADEF0"/>
+<stop offset="1" stop-color="#95BEE3"/>
+</radialGradient>
+<radialGradient id="paint3_radial_101_181" cx="0" cy="0" r="1" gradientTransform="matrix(-31.6113 -2.11889 -2.8141 42.2226 31.6301 45.1702)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#96D0E1"/>
+<stop offset="0.678" stop-color="#89B7E1"/>
+<stop offset="1" stop-color="#699DD3"/>
+</radialGradient>
+<linearGradient id="paint4_linear_101_181" x1="46.3587" y1="61.7674" x2="46.441" y2="30.2711" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B79BC"/>
+<stop offset="1" stop-color="#94B8E0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_101_181" x1="-238.329" y1="193.725" x2="-238.06" y2="140.516" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D7DEF0"/>
+<stop offset="0.5" stop-color="white"/>
+<stop offset="1" stop-color="#D5DEF0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/duckduckgo.svg b/apps/web/public/logos/browsers/duckduckgo.svg
new file mode 100644
index 0000000000..8c939e71a5
--- /dev/null
+++ b/apps/web/public/logos/browsers/duckduckgo.svg
@@ -0,0 +1,29 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.2972 6.82935C68.0948 6.82935 85.7651 24.4997 85.7651 46.2973C85.7651 68.0946 68.0948 85.7649 46.2972 85.7649C24.5 85.7649 6.82959 68.0946 6.82959 46.2973C6.82959 24.4997 24.5 6.82935 46.2972 6.82935Z" fill="#DE5833"/>
+<path d="M46.2966 92.5931C71.8654 92.5931 92.5931 71.8654 92.5931 46.2966C92.5931 20.7277 71.8654 0 46.2966 0C20.7277 0 0 20.7277 0 46.2966C0 71.8654 20.7277 92.5931 46.2966 92.5931ZM46.2966 88.7351C22.8584 88.7351 3.85805 69.7347 3.85805 46.2966C3.85805 22.8584 22.8584 3.85805 46.2966 3.85805C69.7347 3.85805 88.7351 22.8584 88.7351 46.2966C88.7351 69.7347 69.7347 88.7351 46.2966 88.7351Z" fill="#DE5833"/>
+<path d="M27.0704 19.6492C27.0627 18.9854 27.5448 18.6138 28.1853 18.3533C27.8921 18.4013 27.6113 18.4747 27.3585 18.588C26.6907 18.8906 26.1916 20.0364 26.1963 20.5788C29.4379 20.2511 34.2314 20.4778 37.7367 21.524C37.9953 21.4877 38.254 21.4514 38.5166 21.4212C35.0204 19.8689 30.8638 19.2695 27.0704 19.6492Z" fill="#D5D7D8"/>
+<path d="M27.7348 15.6603C27.8078 15.6472 27.8819 15.6381 27.9553 15.6258C27.256 15.7126 26.8872 15.9626 26.3623 16.0487C26.9323 16.0991 29.092 17.1073 30.4492 17.6616C30.6396 17.5893 30.811 17.509 30.9509 17.4142C30.2472 17.3103 28.4988 15.7301 27.7348 15.6603Z" fill="#D5D7D8"/>
+<path d="M31.1053 23.5094C30.911 23.5842 30.7264 23.6623 30.5666 23.7463C25.2827 26.5301 22.9486 33.0325 24.3396 40.8241C25.6093 47.9146 30.8133 72.1408 33.196 83.5354C33.8917 83.7799 34.5957 84.007 35.3085 84.213C33.1866 73.9539 27.3948 47.0711 26.0434 39.521C24.6734 31.8402 26.0063 26.3288 31.1053 23.5094Z" fill="#D5D7D8"/>
+<path d="M52.4872 79.4045C52.4 79.4627 52.2961 79.5172 52.1853 79.5702C52.1032 79.8884 51.9779 80.1297 51.7951 80.251C50.7038 80.975 47.6214 81.3398 45.9939 80.975C45.7138 80.9129 45.5016 80.8101 45.336 80.6688C42.5573 82.2116 38.5612 84.2656 37.7496 83.8028C36.4817 83.0759 36.2979 73.4671 36.4817 71.109C36.6158 69.3289 42.8686 72.2123 45.9103 73.7247C46.5828 73.0965 48.2303 72.6762 49.6885 72.5334C47.4852 67.1711 45.8602 61.0374 46.8563 56.6879C45.4795 55.7284 43.6547 53.5033 44.0347 51.1809C44.3275 49.4131 48.8954 46.0688 52.1297 45.8668C55.3713 45.6623 56.3816 45.7084 59.0822 45.0618C59.2173 45.0294 59.3659 44.9938 59.5214 44.9564C61.1838 39.1123 57.1968 28.9452 52.7495 24.496C51.2996 23.0462 49.0705 22.1336 46.5588 21.6519C45.5928 20.3263 44.0347 19.0588 41.8289 17.8851C37.7329 15.7105 32.6709 14.8251 27.9552 15.6258C27.8818 15.6382 27.8077 15.6472 27.7347 15.6603C28.4986 15.7301 30.2471 17.3103 30.9508 17.4142C30.8109 17.5091 30.6394 17.5893 30.4491 17.6616C29.7886 17.913 28.891 18.0656 28.1851 18.3533C27.5447 18.6138 27.0626 18.9854 27.0702 19.6491C30.8636 19.2695 35.0203 19.8689 38.5165 21.4212C38.2538 21.4514 37.9952 21.4877 37.7365 21.524C35.2571 21.8728 32.9783 22.5151 31.3319 23.3837C31.2545 23.424 31.1811 23.4676 31.1052 23.5094C26.0062 26.3288 24.6733 31.8401 26.0432 39.521C27.3946 47.0711 33.2242 74.3702 35.3461 84.6293C38.8347 85.6388 42.0966 86.4457 45.9103 86.4457C49.1479 86.4457 53.0419 85.7282 56.0532 84.9925C54.9956 82.9534 53.6352 80.6986 52.7967 79.0816C52.6848 79.2149 52.5965 79.3315 52.4872 79.4045ZM54.6207 40.6929C53.2388 40.6929 52.1116 39.5689 52.1116 38.179C52.1116 36.7957 53.2388 35.6713 54.6207 35.6713C56.0103 35.6713 57.1332 36.7957 57.1332 38.179C57.1332 39.5689 56.0103 40.6929 54.6207 40.6929ZM56.1324 31.2447C56.1324 31.2447 54.5495 30.3405 53.3213 30.3558C50.7972 30.3888 50.1099 31.5041 50.1099 31.5041C50.1099 31.5041 50.5335 28.8456 53.7612 29.3789C55.5111 29.6699 56.1324 31.2447 56.1324 31.2447ZM29.5202 34.5132C29.5202 34.5132 28.3835 31.98 31.4129 30.7387C34.4455 29.497 35.9223 31.4453 35.9223 31.4453C35.9223 31.4453 33.7201 30.4491 31.5789 31.7947C29.4413 33.1389 29.5202 34.5132 29.5202 34.5132ZM32.1685 39.9122C32.1685 38.2971 33.4745 36.99 35.0918 36.99C36.7048 36.99 38.0126 38.2971 38.0126 39.9122C38.0126 41.5278 36.7048 42.8334 35.0918 42.8334C33.4745 42.8341 32.1685 41.5278 32.1685 39.9122Z" fill="white"/>
+<path d="M38.0126 39.9122C38.0126 38.2971 36.7047 36.99 35.0918 36.99C33.4745 36.99 32.1685 38.2971 32.1685 39.9122C32.1685 41.5277 33.4745 42.8341 35.0918 42.8334C36.7047 42.8334 38.0126 41.5277 38.0126 39.9122ZM36.3858 39.6975C35.9709 39.6986 35.6298 39.3575 35.6298 38.9383C35.6298 38.518 35.9698 38.1797 36.3858 38.1797C36.805 38.1797 37.145 38.518 37.145 38.9383C37.145 39.3575 36.805 39.6975 36.3858 39.6975Z" fill="#2D4F8E"/>
+<path d="M36.3859 38.1797C35.9699 38.1797 35.6299 38.518 35.6299 38.9383C35.6299 39.3575 35.971 39.6986 36.3859 39.6975C36.8051 39.6975 37.1451 39.3575 37.1451 38.9383C37.1451 38.518 36.8051 38.1797 36.3859 38.1797Z" fill="white"/>
+<path d="M54.621 35.6713C53.2391 35.6713 52.1118 36.7957 52.1118 38.1791C52.1118 39.569 53.2391 40.693 54.621 40.693C56.0106 40.693 57.1335 39.569 57.1335 38.1791C57.1335 36.7957 56.0106 35.6713 54.621 35.6713ZM55.7352 37.9941C55.381 37.9941 55.0885 37.7061 55.0885 37.3442C55.0885 36.9871 55.381 36.694 55.7352 36.694C56.1046 36.694 56.388 36.9871 56.388 37.3442C56.388 37.7061 56.1046 37.9941 55.7352 37.9941Z" fill="#2D4F8E"/>
+<path d="M55.735 36.694C55.3808 36.694 55.0884 36.9871 55.0884 37.3442C55.0884 37.7061 55.3808 37.9942 55.735 37.9942C56.1045 37.9942 56.3878 37.7061 56.3878 37.3442C56.3878 36.9871 56.1045 36.694 55.735 36.694Z" fill="white"/>
+<path d="M35.9226 31.4453C35.9226 31.4453 34.4458 29.497 31.4131 30.7387C28.3837 31.98 29.5204 34.5132 29.5204 34.5132C29.5204 34.5132 29.4416 33.1389 31.5792 31.7947C33.7203 30.4491 35.9226 31.4453 35.9226 31.4453Z" fill="url(#paint0_linear_103_16)"/>
+<path d="M53.7612 29.3789C50.5335 28.8456 50.1099 31.5041 50.1099 31.5041C50.1099 31.5041 50.7972 30.3889 53.3213 30.3558C54.5495 30.3405 56.1323 31.2447 56.1323 31.2447C56.1323 31.2447 55.5111 29.6699 53.7612 29.3789Z" fill="url(#paint1_linear_103_16)"/>
+<path d="M52.1298 45.8668C48.8956 46.0688 44.3277 49.4131 44.0349 51.1809C43.6549 53.5033 45.4796 55.7284 46.8565 56.6878C46.8601 56.6904 46.8641 56.6936 46.8677 56.6962C48.2442 57.6538 57.4094 60.7457 61.9566 60.66C66.5089 60.5713 73.9852 57.7835 73.1642 55.5497C72.3468 53.3151 64.9217 57.5212 57.1773 56.8034C51.4418 56.2704 50.4293 53.7009 51.6994 51.8242C53.2967 49.4654 56.2062 52.2718 61.0052 50.8357C65.8114 49.4037 72.5328 46.8404 75.0267 45.4446C80.7931 42.23 72.6138 40.8967 70.6819 41.7886C68.8506 42.6347 62.4765 44.2433 59.5215 44.9564C59.366 44.9938 59.2175 45.0294 59.0823 45.0617C56.3817 45.7084 55.3714 45.6622 52.1298 45.8668Z" fill="#FDD209"/>
+<path d="M44.9064 75.1731C44.9064 74.8385 45.1756 74.5424 45.6028 74.29C45.6148 74.0869 45.7253 73.898 45.9105 73.7247C42.8688 72.2123 36.616 69.329 36.4819 71.1091C36.2981 73.4671 36.4819 83.0759 37.7498 83.8028C38.5614 84.2657 42.5574 82.2117 45.3362 80.6688C44.5344 79.9855 44.9064 78.3267 44.9064 75.1731Z" fill="#65BC46"/>
+<path d="M52.7566 79.066C52.7697 79.0711 52.7838 79.0765 52.7969 79.0816C55.2868 80.0425 60.2435 81.8513 61.3199 81.4564C62.7712 80.9017 62.4079 69.3035 60.7789 68.9341C59.474 68.6445 54.4785 72.1644 52.5132 73.5983C52.8608 75.0663 53.2815 77.974 52.7566 79.066Z" fill="#65BC46"/>
+<path d="M46.6858 80.1286C45.0529 79.7668 45.5985 78.1331 45.5985 74.3266C45.5985 74.3143 45.6022 74.3023 45.6029 74.2899C45.1757 74.5424 44.9065 74.8385 44.9065 75.1731C44.9065 78.3267 44.5345 79.9854 45.3363 80.6688C45.5019 80.8101 45.7141 80.9129 45.9942 80.975C47.6217 81.3398 50.7041 80.975 51.7954 80.251C51.9781 80.1297 52.1035 79.8884 52.1856 79.5702C50.9083 80.182 48.1807 80.4686 46.6858 80.1286Z" fill="#43A244"/>
+<path d="M45.9104 73.7247C45.7251 73.898 45.6146 74.0869 45.6027 74.29C45.6019 74.3023 45.5983 74.3143 45.5983 74.3267C45.5983 78.1331 45.0527 79.7668 46.6856 80.1286C48.1805 80.4687 50.908 80.182 52.1853 79.5703C52.2961 79.5172 52.4 79.4627 52.4872 79.4046C52.5965 79.3316 52.6848 79.215 52.7564 79.066C53.2813 77.974 52.8607 75.0663 52.513 73.5983C52.4363 73.2753 52.3637 73.021 52.3052 72.8721C52.1552 72.5008 50.9996 72.4053 49.6885 72.5335C48.2303 72.6763 46.5828 73.0966 45.9104 73.7247Z" fill="#65BC46"/>
+<defs>
+<linearGradient id="paint0_linear_103_16" x1="34.0057" y1="34.5132" x2="29.3115" y2="34.5132" gradientUnits="userSpaceOnUse">
+<stop stop-color="#394A9F"/>
+<stop offset="1" stop-color="#6176B9"/>
+</linearGradient>
+<linearGradient id="paint1_linear_103_16" x1="54.3861" y1="31.5041" x2="50.1099" y2="31.5041" gradientUnits="userSpaceOnUse">
+<stop stop-color="#394A9F"/>
+<stop offset="1" stop-color="#6176B9"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/explorer.svg b/apps/web/public/logos/browsers/explorer.svg
new file mode 100644
index 0000000000..ada8713873
--- /dev/null
+++ b/apps/web/public/logos/browsers/explorer.svg
@@ -0,0 +1,41 @@
+<svg width="94" height="93" viewBox="0 0 94 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M84.0096 69.2118C82.7687 69.8602 81.4889 70.4316 80.1776 70.9227C76.0037 72.483 71.5821 73.278 67.1255 73.2692C49.9215 73.2692 34.9352 61.4457 34.9352 46.2732C34.9572 44.2382 35.5224 42.2459 36.5725 40.5021C37.6226 38.7582 39.1194 37.3259 40.9086 36.3531C25.3479 37.0069 21.3486 53.2074 21.3486 62.6989C21.3486 89.5351 46.104 92.2558 51.4375 92.2558C54.3134 92.2558 58.6507 91.4203 61.2539 90.5994L61.7302 90.4396C71.7474 86.9797 80.2871 80.2155 85.9438 71.2605C86.1171 70.9878 86.1944 70.6651 86.1636 70.3436C86.1329 70.022 85.9957 69.7199 85.7739 69.4849C85.552 69.2499 85.2581 69.0955 84.9386 69.046C84.6191 68.9966 84.2922 69.0549 84.0096 69.2118Z" fill="url(#paint0_linear_101_140)"/>
+<path opacity="0.35" d="M84.0096 69.2118C82.7687 69.8602 81.4889 70.4316 80.1776 70.9227C76.0037 72.483 71.5821 73.278 67.1255 73.2692C49.9215 73.2692 34.9352 61.4457 34.9352 46.2732C34.9572 44.2382 35.5224 42.2459 36.5725 40.5021C37.6226 38.7582 39.1194 37.3259 40.9086 36.3531C25.3479 37.0069 21.3486 53.2074 21.3486 62.6989C21.3486 89.5351 46.104 92.2558 51.4375 92.2558C54.3134 92.2558 58.6507 91.4203 61.2539 90.5994L61.7302 90.4396C71.7474 86.9797 80.2871 80.2155 85.9438 71.2605C86.1171 70.9878 86.1944 70.6651 86.1636 70.3436C86.1329 70.022 85.9957 69.7199 85.7739 69.4849C85.552 69.2499 85.2581 69.0955 84.9386 69.046C84.6191 68.9966 84.2922 69.0549 84.0096 69.2118Z" fill="url(#paint1_radial_101_140)"/>
+<path d="M38.4403 87.6935C35.1975 85.6826 32.3872 83.0477 30.1728 79.9419C27.6488 76.4871 25.912 72.5224 25.0841 68.3259C24.2562 64.1294 24.3573 59.8027 25.3803 55.6494C26.4033 51.4961 28.3234 47.6167 31.0059 44.2833C33.6885 40.9499 37.0685 38.2432 40.9089 36.3531C42.0433 35.8191 43.9811 34.8529 46.5588 34.9001C48.3749 34.9133 50.1632 35.3465 51.7836 36.1658C53.4041 36.9851 54.8126 38.1681 55.8989 39.6222C57.367 41.5808 58.1765 43.9536 58.2112 46.4003C58.2112 46.324 67.104 17.4864 29.1257 17.4864C13.165 17.4864 0.0402279 32.619 0.0402279 45.8954C-0.0227278 52.9185 1.48132 59.8673 4.44304 66.2369C9.28333 76.555 17.7477 84.7379 28.2287 89.2318C38.7098 93.7256 50.4777 94.2175 61.2979 90.6139C57.5093 91.8073 53.5067 92.1656 49.5662 91.6639C45.6257 91.1622 41.8409 89.8125 38.473 87.708L38.4403 87.6935Z" fill="url(#paint2_linear_101_140)"/>
+<path opacity="0.41" d="M38.4403 87.6935C35.1975 85.6826 32.3872 83.0477 30.1728 79.9419C27.6488 76.4871 25.912 72.5224 25.0841 68.3259C24.2562 64.1294 24.3573 59.8027 25.3803 55.6494C26.4033 51.4961 28.3234 47.6167 31.0059 44.2833C33.6885 40.9499 37.0685 38.2432 40.9089 36.3531C42.0433 35.8191 43.9811 34.8529 46.5588 34.9001C48.3749 34.9133 50.1632 35.3465 51.7836 36.1658C53.4041 36.9851 54.8126 38.1681 55.8989 39.6222C57.367 41.5808 58.1765 43.9536 58.2112 46.4003C58.2112 46.324 67.104 17.4864 29.1257 17.4864C13.165 17.4864 0.0402279 32.619 0.0402279 45.8954C-0.0227278 52.9185 1.48132 59.8673 4.44304 66.2369C9.28333 76.555 17.7477 84.7379 28.2287 89.2318C38.7098 93.7256 50.4777 94.2175 61.2979 90.6139C57.5093 91.8073 53.5067 92.1656 49.5662 91.6639C45.6257 91.1622 41.8409 89.8125 38.473 87.708L38.4403 87.6935Z" fill="url(#paint3_radial_101_140)"/>
+<path d="M55.3824 54.0719C55.0879 54.4533 54.1826 54.98 54.1826 56.1279C54.1826 57.0759 54.8007 57.9877 55.8986 58.7541C61.1268 62.3865 70.9831 61.907 71.0085 61.907C74.8825 61.8977 78.6829 60.8503 82.0138 58.874C85.3739 56.9138 88.1626 54.1099 90.1033 50.7405C92.044 47.3711 93.0692 43.5533 93.0771 39.6658C93.1717 31.5256 90.1686 26.1133 88.9543 23.716C81.2503 8.65965 64.6206 2.27622e-07 46.5368 2.27622e-07C34.307 -0.00120798 22.5683 4.80748 13.8595 13.386C5.15077 21.9646 0.171981 33.6234 0 45.8409C0.174513 32.5681 13.3793 21.8489 29.0855 21.8489C30.358 21.8489 37.6148 21.9724 44.3553 25.5067C50.296 28.6233 53.4082 32.3865 55.5714 36.117C57.8183 39.9928 58.2182 44.8892 58.2182 46.8398C58.2182 48.7904 57.222 51.6818 55.3824 54.0719Z" fill="url(#paint4_radial_101_140)"/>
+<path d="M55.3824 54.0719C55.0879 54.4533 54.1826 54.98 54.1826 56.1279C54.1826 57.0759 54.8007 57.9877 55.8986 58.7541C61.1268 62.3865 70.9831 61.907 71.0085 61.907C74.8825 61.8977 78.6829 60.8503 82.0138 58.874C85.3739 56.9138 88.1626 54.1099 90.1033 50.7405C92.044 47.3711 93.0692 43.5533 93.0771 39.6658C93.1717 31.5256 90.1686 26.1133 88.9543 23.716C81.2503 8.65965 64.6206 2.27622e-07 46.5368 2.27622e-07C34.307 -0.00120798 22.5683 4.80748 13.8595 13.386C5.15077 21.9646 0.171981 33.6234 0 45.8409C0.174513 32.5681 13.3793 21.8489 29.0855 21.8489C30.358 21.8489 37.6148 21.9724 44.3553 25.5067C50.296 28.6233 53.4082 32.3865 55.5714 36.117C57.8183 39.9928 58.2182 44.8892 58.2182 46.8398C58.2182 48.7904 57.222 51.6818 55.3824 54.0719Z" fill="url(#paint5_radial_101_140)"/>
+<defs>
+<linearGradient id="paint0_linear_101_140" x1="21.3486" y1="64.3117" x2="86.1874" y2="64.3117" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0C59A4"/>
+<stop offset="1" stop-color="#114A8B"/>
+</linearGradient>
+<radialGradient id="paint1_radial_101_140" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(57.1601 64.8222) scale(34.6771 32.9136)">
+<stop offset="0.72" stop-opacity="0"/>
+<stop offset="0.95" stop-opacity="0.53"/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_101_140" x1="55.5317" y1="36.2114" x2="15.0735" y2="80.3198" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B9DE2"/>
+<stop offset="0.16" stop-color="#1595DF"/>
+<stop offset="0.67" stop-color="#0680D7"/>
+<stop offset="1" stop-color="#0078D4"/>
+</linearGradient>
+<radialGradient id="paint3_radial_101_140" cx="0" cy="0" r="1" gradientTransform="matrix(7.81163 -51.5102 -41.662 -6.24366 25.6662 72.2878)" gradientUnits="userSpaceOnUse">
+<stop offset="0.76" stop-opacity="0"/>
+<stop offset="0.95" stop-opacity="0.5"/>
+<stop offset="1"/>
+</radialGradient>
+<radialGradient id="paint4_radial_101_140" cx="0" cy="0" r="1" gradientTransform="matrix(-2.94389 73.5307 156.762 5.88246 9.40278 17.2092)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35C1F1"/>
+<stop offset="0.11" stop-color="#34C1ED"/>
+<stop offset="0.23" stop-color="#2FC2DF"/>
+<stop offset="0.31" stop-color="#2BC3D2"/>
+<stop offset="0.67" stop-color="#36C752"/>
+</radialGradient>
+<radialGradient id="paint5_radial_101_140" cx="0" cy="0" r="1" gradientTransform="matrix(9.90913 33.9435 27.604 -8.1323 87.2827 28.117)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#66EB6E"/>
+<stop offset="1" stop-color="#66EB6E" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/firefox.svg b/apps/web/public/logos/browsers/firefox.svg
new file mode 100644
index 0000000000..9d30fe050c
--- /dev/null
+++ b/apps/web/public/logos/browsers/firefox.svg
@@ -0,0 +1,106 @@
+<svg width="91" height="93" viewBox="0 0 91 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M86.7768 31.1991C84.8184 26.4867 80.8456 21.3987 77.7347 19.7903C79.9536 24.0877 81.4934 28.7028 82.2994 33.4716L82.3075 33.5472C77.2113 20.8416 68.5692 15.7187 61.5111 4.56343C61.1541 3.99938 60.797 3.43418 60.4493 2.83757C60.2504 2.49682 60.0911 2.18979 59.9527 1.90719C59.66 1.3403 59.4344 0.741189 59.2805 0.122013C59.2807 0.0934415 59.2704 0.0657935 59.2515 0.0443437C59.2327 0.0228939 59.2065 0.00914343 59.1782 0.00571546C59.1504 -0.00190515 59.1211 -0.00190515 59.0933 0.00571546C59.0875 0.00571546 59.0782 0.0161823 59.0712 0.0185082C59.0642 0.0208342 59.0491 0.031301 59.0386 0.0359529L59.0561 0.00571546C47.7345 6.6347 43.8931 18.9064 43.5396 25.0447C39.0183 25.3554 34.6956 27.0215 31.1353 29.8257C30.7638 29.511 30.3756 29.2167 29.9723 28.9441C28.9453 25.3493 28.9015 21.5447 29.8455 17.9272C25.6878 19.9414 21.9934 22.7967 18.9961 26.3123H18.9752C17.1888 24.048 17.3144 16.5817 17.4168 15.0221C16.8883 15.2345 16.3839 15.5023 15.9119 15.8211C14.3349 16.9466 12.8607 18.2094 11.5065 19.5949C9.96336 21.1595 8.55394 22.8506 7.29304 24.6504V24.6574V24.6492C4.39518 28.7575 2.33979 33.3991 1.24555 38.3061L1.18508 38.6038C1.10018 39.0004 0.794315 40.9868 0.74198 41.4182C0.74198 41.452 0.735003 41.4834 0.731514 41.5171C0.336959 43.5678 0.0924727 45.6446 0 47.7309L0 47.9635C0.00988197 59.2494 4.25304 70.1209 11.8909 78.4296C19.5287 86.7383 30.0055 91.8796 41.2507 92.8373C52.4959 93.795 63.6912 90.4995 72.6241 83.6021C81.5571 76.7048 87.5776 66.7073 89.4959 55.5856C89.5715 55.0042 89.6331 54.4285 89.7005 53.8412C90.6289 46.1681 89.6239 38.3847 86.7768 31.1991ZM34.8266 66.4816C35.0371 66.5828 35.2348 66.6921 35.4511 66.7886L35.4825 66.8084C35.2638 66.7037 35.0452 66.5948 34.8266 66.4816ZM82.311 33.5577V33.5146L82.3191 33.5623L82.311 33.5577Z" fill="url(#paint0_linear_101_132)"/>
+<path d="M86.7768 31.1992C84.8184 26.4868 80.8456 21.3987 77.7347 19.7903C79.9536 24.0877 81.4934 28.7028 82.2994 33.4716V33.5147L82.3075 33.5623C85.7816 43.504 85.2791 54.4037 80.9049 63.9835C75.739 75.0679 63.2346 86.429 43.6617 85.8766C22.5129 85.2777 3.88784 69.5844 0.40588 49.03C-0.227944 45.7887 0.40588 44.1454 0.724536 41.5113C0.289846 43.5574 0.0472802 45.6397 0 47.7309L0 47.9635C0.00988197 59.2494 4.25304 70.121 11.8909 78.4297C19.5287 86.7384 30.0055 91.8796 41.2507 92.8373C52.4959 93.7951 63.6912 90.4996 72.6241 83.6022C81.5571 76.7048 87.5776 66.7073 89.4959 55.5857C89.5715 55.0042 89.6331 54.4285 89.7005 53.8412C90.6289 46.1681 89.6239 38.3847 86.7768 31.1992Z" fill="url(#paint1_radial_101_132)"/>
+<path d="M86.7768 31.1992C84.8184 26.4868 80.8456 21.3987 77.7347 19.7903C79.9536 24.0877 81.4934 28.7028 82.2994 33.4716V33.5147L82.3075 33.5623C85.7816 43.504 85.2791 54.4037 80.9049 63.9835C75.739 75.0679 63.2346 86.429 43.6617 85.8766C22.5129 85.2777 3.88784 69.5844 0.40588 49.03C-0.227944 45.7887 0.40588 44.1454 0.724536 41.5113C0.289846 43.5574 0.0472802 45.6397 0 47.7309L0 47.9635C0.00988197 59.2494 4.25304 70.121 11.8909 78.4297C19.5287 86.7384 30.0055 91.8796 41.2507 92.8373C52.4959 93.7951 63.6912 90.4996 72.6241 83.6022C81.5571 76.7048 87.5776 66.7073 89.4959 55.5857C89.5715 55.0042 89.6331 54.4285 89.7005 53.8412C90.6289 46.1681 89.6239 38.3847 86.7768 31.1992Z" fill="url(#paint2_radial_101_132)"/>
+<path d="M64.8732 36.4977C64.9709 36.5663 65.0616 36.6349 65.1535 36.7035C64.0213 34.6959 62.6119 32.8577 60.9668 31.2433C46.9575 17.2318 57.2953 0.862853 59.0386 0.0313228L59.056 0.0057373C47.7344 6.63472 43.8931 18.9065 43.5396 25.0447C44.0652 25.0086 44.5862 24.9644 45.1235 24.9644C49.1407 24.9718 53.0842 26.0428 56.5532 28.0686C60.0222 30.0944 62.8928 33.0026 64.8732 36.4977Z" fill="url(#paint3_radial_101_132)"/>
+<path d="M45.1529 39.2958C45.0784 40.4169 41.1173 44.2838 39.7322 44.2838C26.915 44.2838 24.8345 52.0374 24.8345 52.0374C25.402 58.5664 29.9516 63.944 35.4513 66.7886C35.7025 66.9189 35.9572 67.0363 36.2119 67.1515C36.6531 67.3469 37.0942 67.5275 37.5354 67.6934C39.4228 68.3614 41.3998 68.7429 43.4003 68.825C65.8655 69.8787 70.2174 41.9602 54.0055 33.8589C57.83 33.3612 61.703 34.3016 64.8735 36.4977C62.8931 33.0026 60.0224 30.0944 56.5535 28.0686C53.0845 26.0428 49.1409 24.9718 45.1238 24.9644C44.5888 24.9644 44.0655 25.0086 43.5398 25.0447C39.0185 25.3555 34.6958 27.0216 31.1355 29.8257C31.8228 30.4072 32.5985 31.184 34.2325 32.7948C37.2911 35.808 45.1354 38.9295 45.1529 39.2958Z" fill="url(#paint4_radial_101_132)"/>
+<path d="M45.1529 39.2958C45.0784 40.4169 41.1173 44.2838 39.7322 44.2838C26.915 44.2838 24.8345 52.0374 24.8345 52.0374C25.402 58.5664 29.9516 63.944 35.4513 66.7886C35.7025 66.9189 35.9572 67.0363 36.2119 67.1515C36.6531 67.3469 37.0942 67.5275 37.5354 67.6934C39.4228 68.3614 41.3998 68.7429 43.4003 68.825C65.8655 69.8787 70.2174 41.9602 54.0055 33.8589C57.83 33.3612 61.703 34.3016 64.8735 36.4977C62.8931 33.0026 60.0224 30.0944 56.5535 28.0686C53.0845 26.0428 49.1409 24.9718 45.1238 24.9644C44.5888 24.9644 44.0655 25.0086 43.5398 25.0447C39.0185 25.3555 34.6958 27.0216 31.1355 29.8257C31.8228 30.4072 32.5985 31.184 34.2325 32.7948C37.2911 35.808 45.1354 38.9295 45.1529 39.2958Z" fill="url(#paint5_radial_101_132)"/>
+<path d="M29.0338 28.3266C29.399 28.5592 29.7002 28.7616 29.9642 28.9441C28.9372 25.3493 28.8934 21.5448 29.8375 17.9272C25.6797 19.9414 21.9853 22.7967 18.988 26.3123C19.2078 26.3065 25.7461 26.189 29.0338 28.3266Z" fill="url(#paint6_radial_101_132)"/>
+<path d="M0.411776 49.03C3.89025 69.5844 22.5188 85.2777 43.6676 85.8766C63.2405 86.4302 75.7449 75.0679 80.9108 63.9835C85.285 54.4037 85.7875 43.504 82.3134 33.5623V33.5193C82.3134 33.4856 82.3064 33.4658 82.3134 33.4763L82.3215 33.5519C83.9206 43.9919 78.6105 54.1063 70.3091 60.9458L70.2835 61.004C54.1088 74.177 38.6296 68.9518 35.4965 66.8189C35.2779 66.7142 35.0592 66.6053 34.8406 66.4921C25.41 61.9844 21.514 53.3923 22.349 46.0237C20.1104 46.0567 17.9103 45.4398 16.0152 44.2477C14.12 43.0557 12.6113 41.3396 11.6717 39.3074C14.1473 37.7909 16.9699 36.9335 19.8708 36.817C22.7716 36.7006 25.6539 37.3289 28.243 38.6422C33.5809 41.0655 39.6551 41.3042 45.1667 39.3074C45.1493 38.9411 37.305 35.8185 34.2463 32.8064C32.6123 31.1957 31.8366 30.42 31.1493 29.8373C30.7779 29.5227 30.3896 29.2284 29.9863 28.9558C29.7188 28.7732 29.4176 28.5755 29.0559 28.3382C25.7682 26.2007 19.2299 26.3181 19.0136 26.324H18.9927C17.2064 24.0596 17.332 16.5933 17.4343 15.0338C16.9058 15.2461 16.4014 15.514 15.9294 15.8327C14.3525 16.9582 12.8782 18.2211 11.524 19.6066C9.97536 21.1668 8.5601 22.8539 7.29312 24.6504V24.6574V24.6493C4.39526 28.7576 2.33988 33.3992 1.24563 38.3061C1.22353 38.398 -0.377887 45.3991 0.411776 49.03Z" fill="url(#paint7_radial_101_132)"/>
+<path d="M60.9694 31.2433C62.6149 32.8595 64.0243 34.6996 65.1561 36.7093C65.4038 36.8966 65.6353 37.0826 65.8318 37.2629C76.0509 46.683 70.6965 59.9991 70.2976 60.947C78.599 54.1075 83.9045 43.9931 82.31 33.553C77.2115 20.8416 68.5694 15.7187 61.5113 4.56343C61.1543 3.99938 60.7973 3.43418 60.4495 2.83757C60.2507 2.49682 60.0913 2.18979 59.9529 1.90719C59.6602 1.3403 59.4346 0.741188 59.2807 0.122013C59.2809 0.0934415 59.2706 0.0657935 59.2517 0.0443437C59.2329 0.0228939 59.2068 0.00914343 59.1784 0.00571546C59.1506 -0.00190515 59.1213 -0.00190515 59.0935 0.00571546C59.0877 0.00571546 59.0784 0.0161823 59.0714 0.0185082C59.0644 0.0208342 59.0493 0.031301 59.0388 0.0359529C57.2955 0.862831 46.9578 17.2318 60.9694 31.2433Z" fill="url(#paint8_radial_101_132)"/>
+<path d="M65.8247 37.2571C65.6282 37.0768 65.3967 36.8908 65.149 36.7035C65.0571 36.6349 64.9664 36.5663 64.8687 36.4977C61.6983 34.3016 57.8252 33.3612 54.0007 33.8589C70.2126 41.9648 65.8631 69.8787 43.3955 68.825C41.395 68.7428 39.4181 68.3614 37.5306 67.6934C37.0894 67.5283 36.6483 67.3476 36.2071 67.1515C35.9524 67.0352 35.6977 66.9189 35.4465 66.7886L35.4779 66.8084C38.611 68.9471 54.0856 74.1724 70.265 60.9935L70.2905 60.9353C70.6941 59.9933 76.0484 46.6737 65.8247 37.2571Z" fill="url(#paint9_radial_101_132)"/>
+<path d="M24.8343 52.0374C24.8343 52.0374 26.9148 44.2839 39.732 44.2839C41.1171 44.2839 45.0817 40.417 45.1527 39.2958C39.641 41.2926 33.5669 41.0539 28.229 38.6306C25.6399 37.3173 22.7576 36.689 19.8567 36.8054C16.9559 36.9219 14.1332 37.7793 11.6577 39.2958C12.5973 41.328 14.106 43.0441 16.0011 44.2361C17.8963 45.4282 20.0964 46.0451 22.335 46.012C21.5 53.3818 25.396 61.9739 34.8266 66.4805C35.0371 66.5817 35.2348 66.691 35.4511 66.7875C29.9467 63.944 25.4018 58.5664 24.8343 52.0374Z" fill="url(#paint10_radial_101_132)"/>
+<path d="M86.7768 31.1991C84.8184 26.4867 80.8456 21.3987 77.7347 19.7903C79.9536 24.0877 81.4934 28.7028 82.2994 33.4716L82.3075 33.5472C77.2113 20.8416 68.5692 15.7187 61.5111 4.56343C61.1541 3.99938 60.797 3.43418 60.4493 2.83757C60.2504 2.49682 60.0911 2.18979 59.9527 1.90719C59.66 1.3403 59.4344 0.741189 59.2805 0.122013C59.2807 0.0934415 59.2704 0.0657935 59.2515 0.0443437C59.2327 0.0228939 59.2065 0.00914343 59.1782 0.00571546C59.1504 -0.00190515 59.1211 -0.00190515 59.0933 0.00571546C59.0875 0.00571546 59.0782 0.0161823 59.0712 0.0185082C59.0642 0.0208342 59.0491 0.031301 59.0386 0.0359529L59.0561 0.00571546C47.7345 6.6347 43.8931 18.9064 43.5396 25.0447C44.0653 25.0086 44.5863 24.9644 45.1236 24.9644C49.1407 24.9718 53.0843 26.0428 56.5532 28.0686C60.0222 30.0943 62.8929 33.0026 64.8733 36.4977C61.7028 34.3016 57.8298 33.3612 54.0052 33.8589C70.2172 41.9648 65.8676 69.8787 43.4 68.825C41.3995 68.7428 39.4226 68.3614 37.5351 67.6934C37.094 67.5283 36.6528 67.3476 36.2117 67.1515C35.957 67.0352 35.7023 66.9189 35.4511 66.7886L35.4825 66.8084C35.2638 66.7037 35.0452 66.5948 34.8266 66.4816C35.0371 66.5828 35.2348 66.6921 35.4511 66.7886C29.9467 63.944 25.4018 58.5664 24.8342 52.0374C24.8342 52.0374 26.9148 44.2838 39.732 44.2838C41.1171 44.2838 45.0817 40.4169 45.1527 39.2958C45.1352 38.9295 37.2909 35.8069 34.2323 32.7947C32.5983 31.184 31.8226 30.4083 31.1353 29.8257C30.7638 29.511 30.3756 29.2167 29.9723 28.9441C28.9453 25.3493 28.9015 21.5447 29.8455 17.9272C25.6878 19.9414 21.9934 22.7967 18.9961 26.3123H18.9752C17.1888 24.048 17.3144 16.5817 17.4168 15.0221C16.8883 15.2345 16.3839 15.5023 15.9119 15.8211C14.3349 16.9466 12.8607 18.2094 11.5065 19.5949C9.96336 21.1595 8.55394 22.8506 7.29304 24.6504V24.6574V24.6492C4.39518 28.7575 2.33979 33.3991 1.24555 38.3061L1.18508 38.6038C1.10018 39.0004 0.719884 41.0147 0.665224 41.4473C0.665224 41.4136 0.665224 41.4799 0.665224 41.4473C0.317389 43.5266 0.0952446 45.6249 0 47.7309L0 47.9635C0.00988197 59.2494 4.25304 70.1209 11.8909 78.4296C19.5287 86.7383 30.0055 91.8796 41.2507 92.8373C52.4959 93.795 63.6912 90.4995 72.6241 83.6021C81.5571 76.7048 87.5776 66.7073 89.4959 55.5856C89.5715 55.0042 89.6331 54.4285 89.7005 53.8412C90.6289 46.1681 89.6239 38.3847 86.7768 31.1991ZM82.3052 33.5146L82.3133 33.5623L82.3052 33.5146Z" fill="url(#paint11_linear_101_132)"/>
+<defs>
+<linearGradient id="paint0_linear_101_132" x1="80.8107" y1="14.408" x2="5.98584" y2="86.6" gradientUnits="userSpaceOnUse">
+<stop offset="0.048" stop-color="#FFF44F"/>
+<stop offset="0.111" stop-color="#FFE847"/>
+<stop offset="0.225" stop-color="#FFC830"/>
+<stop offset="0.368" stop-color="#FF980E"/>
+<stop offset="0.401" stop-color="#FF8B16"/>
+<stop offset="0.462" stop-color="#FF672A"/>
+<stop offset="0.534" stop-color="#FF3647"/>
+<stop offset="0.705" stop-color="#E31587"/>
+</linearGradient>
+<radialGradient id="paint1_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(77.3532 10.3211) scale(93.9652 93.9652)">
+<stop offset="0.129" stop-color="#FFBD4F"/>
+<stop offset="0.186" stop-color="#FFAC31"/>
+<stop offset="0.247" stop-color="#FF9D17"/>
+<stop offset="0.283" stop-color="#FF980E"/>
+<stop offset="0.403" stop-color="#FF563B"/>
+<stop offset="0.467" stop-color="#FF3750"/>
+<stop offset="0.71" stop-color="#F5156C"/>
+<stop offset="0.782" stop-color="#EB0878"/>
+<stop offset="0.86" stop-color="#E50080"/>
+</radialGradient>
+<radialGradient id="paint2_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(43.0175 48.7369) scale(93.9652 93.9652)">
+<stop offset="0.3" stop-color="#960E18"/>
+<stop offset="0.351" stop-color="#B11927" stop-opacity="0.74"/>
+<stop offset="0.435" stop-color="#DB293D" stop-opacity="0.343"/>
+<stop offset="0.497" stop-color="#F5334B" stop-opacity="0.094"/>
+<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54.3457 -11.0031) scale(68.0738 68.0738)">
+<stop offset="0.132" stop-color="#FFF44F"/>
+<stop offset="0.252" stop-color="#FFDC3E"/>
+<stop offset="0.506" stop-color="#FF9D12"/>
+<stop offset="0.526" stop-color="#FF980E"/>
+</radialGradient>
+<radialGradient id="paint4_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32.6242 73.281) scale(44.741 44.741)">
+<stop offset="0.353" stop-color="#3A8EE6"/>
+<stop offset="0.472" stop-color="#5C79F0"/>
+<stop offset="0.669" stop-color="#9059FF"/>
+<stop offset="1" stop-color="#C139E6"/>
+</radialGradient>
+<radialGradient id="paint5_radial_101_132" cx="0" cy="0" r="1" gradientTransform="matrix(23.0571 -5.5745 6.52335 26.9948 48.1524 41.0361)" gradientUnits="userSpaceOnUse">
+<stop offset="0.206" stop-color="#9059FF" stop-opacity="0"/>
+<stop offset="0.278" stop-color="#8C4FF3" stop-opacity="0.064"/>
+<stop offset="0.747" stop-color="#7716A8" stop-opacity="0.45"/>
+<stop offset="0.975" stop-color="#6E008B" stop-opacity="0.6"/>
+</radialGradient>
+<radialGradient id="paint6_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.8313 6.47667) scale(32.1866 32.1866)">
+<stop stop-color="#FFE226"/>
+<stop offset="0.121" stop-color="#FFDB27"/>
+<stop offset="0.295" stop-color="#FFC82A"/>
+<stop offset="0.502" stop-color="#FFA930"/>
+<stop offset="0.732" stop-color="#FF7E37"/>
+<stop offset="0.792" stop-color="#FF7139"/>
+</radialGradient>
+<radialGradient id="paint7_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(67.1306 -13.939) scale(137.326 137.326)">
+<stop offset="0.113" stop-color="#FFF44F"/>
+<stop offset="0.456" stop-color="#FF980E"/>
+<stop offset="0.622" stop-color="#FF5634"/>
+<stop offset="0.716" stop-color="#FF3647"/>
+<stop offset="0.904" stop-color="#E31587"/>
+</radialGradient>
+<radialGradient id="paint8_radial_101_132" cx="0" cy="0" r="1" gradientTransform="matrix(10.5626 100.094 -65.6895 6.94116 55.5567 -6.30295)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF44F"/>
+<stop offset="0.06" stop-color="#FFE847"/>
+<stop offset="0.168" stop-color="#FFC830"/>
+<stop offset="0.304" stop-color="#FF980E"/>
+<stop offset="0.356" stop-color="#FF8B16"/>
+<stop offset="0.455" stop-color="#FF672A"/>
+<stop offset="0.57" stop-color="#FF3647"/>
+<stop offset="0.737" stop-color="#E31587"/>
+</radialGradient>
+<radialGradient id="paint9_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.0733 18.3983) scale(85.7348 85.7348)">
+<stop offset="0.137" stop-color="#FFF44F"/>
+<stop offset="0.48" stop-color="#FF980E"/>
+<stop offset="0.592" stop-color="#FF5634"/>
+<stop offset="0.655" stop-color="#FF3647"/>
+<stop offset="0.904" stop-color="#E31587"/>
+</radialGradient>
+<radialGradient id="paint10_radial_101_132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(63.7046 23.4161) scale(93.8361 93.8361)">
+<stop offset="0.094" stop-color="#FFF44F"/>
+<stop offset="0.231" stop-color="#FFE141"/>
+<stop offset="0.509" stop-color="#FFAF1E"/>
+<stop offset="0.626" stop-color="#FF980E"/>
+</radialGradient>
+<linearGradient id="paint11_linear_101_132" x1="79.9118" y1="14.0219" x2="16.2433" y2="77.6892" gradientUnits="userSpaceOnUse">
+<stop offset="0.167" stop-color="#FFF44F" stop-opacity="0.8"/>
+<stop offset="0.266" stop-color="#FFF44F" stop-opacity="0.634"/>
+<stop offset="0.489" stop-color="#FFF44F" stop-opacity="0.217"/>
+<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/google-chrome.svg b/apps/web/public/logos/browsers/google-chrome.svg
new file mode 100644
index 0000000000..ecd30aa2de
--- /dev/null
+++ b/apps/web/public/logos/browsers/google-chrome.svg
@@ -0,0 +1,16 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.2158 0.00823508C46.2158 0.00823508 73.5269 -1.21736 88.0066 26.2344H43.8919C43.8919 26.2344 35.5666 25.9661 28.4549 36.0659C26.4121 40.3051 24.2161 44.6719 26.6804 53.2779C23.1305 47.2638 7.83423 20.6293 7.83423 20.6293C7.83423 20.6293 18.6234 1.0935 46.2155 0.00823508H46.2158Z" fill="#EF3F36"/>
+<path d="M86.5891 69.6978C86.5891 69.6978 73.9866 93.9703 42.9854 92.7701C46.8159 86.1432 65.0489 54.5673 65.0489 54.5673C65.0489 54.5673 69.4541 47.4937 64.2573 36.2831C61.6139 32.3888 58.9198 28.3157 50.2377 26.1448C57.2221 26.0814 87.93 26.1448 87.93 26.1448C87.93 26.1448 99.4339 45.2593 86.5891 69.6978Z" fill="#FCD900"/>
+<path d="M6.03392 69.8893C6.03392 69.8893 -8.68801 46.8424 7.85961 20.5909C11.6774 27.2178 29.9104 58.7937 29.9104 58.7937C29.9104 58.7937 33.8432 66.1483 46.139 67.2459C50.8252 66.9015 55.7025 66.6078 61.9338 60.1854C58.4986 66.2633 43.087 92.8212 43.087 92.8212C43.087 92.8212 20.7682 93.2299 6.03356 69.8893H6.03392Z" fill="#61BC5B"/>
+<path d="M42.9727 93L49.1778 67.106C49.1778 67.106 55.9962 66.5693 61.7166 60.3004C58.1667 66.5443 42.9727 93 42.9727 93Z" fill="#5AB055"/>
+<path d="M25.429 46.7913C25.429 35.3766 34.6861 26.1194 46.1008 26.1194C57.5155 26.1194 66.7726 35.3766 66.7726 46.7913C66.7726 58.2063 57.5155 67.4631 46.1008 67.4631C34.6861 67.4504 25.429 58.2063 25.429 46.7913Z" fill="white"/>
+<path d="M28.8889 46.7913C28.8889 37.2919 36.5884 29.5797 46.1008 29.5797C55.6002 29.5797 63.3124 37.2792 63.3124 46.7913C63.3124 56.291 55.6133 64.0032 46.1008 64.0032C36.6011 64.0032 28.8889 56.291 28.8889 46.7913Z" fill="url(#paint0_linear_101_332)"/>
+<path d="M87.917 26.1579L62.3675 33.6528C62.3675 33.6528 58.5116 27.9963 50.2251 26.1579C57.4136 26.1195 87.917 26.1579 87.917 26.1579Z" fill="#EACA05"/>
+<path d="M26.1825 52.3329C22.5942 46.1147 7.83423 20.6293 7.83423 20.6293L26.7569 39.3475C26.7569 39.3475 24.8159 43.3441 25.544 49.0641L26.1822 52.3329H26.1825Z" fill="#DF3A32"/>
+<defs>
+<linearGradient id="paint0_linear_101_332" x1="46.1" y1="29.8227" x2="46.1" y2="62.967" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86BBE5"/>
+<stop offset="1" stop-color="#1072BA"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/maxthron.svg b/apps/web/public/logos/browsers/maxthron.svg
new file mode 100644
index 0000000000..30497fe411
--- /dev/null
+++ b/apps/web/public/logos/browsers/maxthron.svg
@@ -0,0 +1,6 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.6" d="M0 0H93V93H0V0Z" fill="black"/>
+<path d="M0 0H93V93H0V0Z" fill="white"/>
+<path d="M2.07934 77.4999C19.8476 68.4267 20.2257 68.4267 42.1525 64.6463C48.5793 60.8658 78.0671 72.2072 91.2989 75.9877V91.1097H1.32324L1.89032 77.4999H2.07934Z" fill="#A6D3FC"/>
+<path d="M0 0H93V93H0V0ZM91.1098 75.9878C90.3537 75.9878 87.3293 76.7439 85.061 78.2561C85.061 79.7683 85.061 80.5244 84.3049 81.6585C81.2805 71.0732 71.0732 68.4268 63.5122 73.7195L64.6463 70.3171C49.5244 58.9756 34.4024 65.7805 26.4634 75.6098C26.4634 75.6098 26.0854 73.7195 28.3537 70.3171C23.439 68.0488 14.7439 71.4512 12.4756 74.4756L15.5 77.1219C10.9634 75.2317 5.29268 76.7439 1.89024 77.8781V91.1098H91.1098V76.3659V75.9878ZM31.7561 40.4512H61.622V64.6463L63.8902 66.1585H76.3659V38.561C76.3659 28.3537 66.1585 25.3293 61.2439 25.3293H17.0122V66.1585H31.7561V40.4512ZM54.061 62.378V48.0122H39.3171V62.378C43.0976 61.2439 49.1463 60.8659 54.061 62V62.378Z" fill="#0080F5"/>
+</svg>
diff --git a/apps/web/public/logos/browsers/opera-gx.svg b/apps/web/public/logos/browsers/opera-gx.svg
new file mode 100644
index 0000000000..5d04e996f0
--- /dev/null
+++ b/apps/web/public/logos/browsers/opera-gx.svg
@@ -0,0 +1,4 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M74.6663 77.7695C69.711 81.0214 64.046 82.7448 58.2684 82.7448C48.8106 82.7448 39.8436 78.1431 33.6659 70.1199C33.6439 70.0924 33.6229 70.067 33.6009 70.0395C28.8627 64.4461 26.033 56.2291 25.8379 47.5454L25.8368 45.5079C26.0329 36.7729 28.8626 28.5565 33.6648 22.8835C39.8433 14.8604 48.8116 10.2587 58.2689 10.2587C64.0473 10.2587 69.7133 11.9821 74.6716 15.2361C83.5188 23.2129 88.5932 34.5971 88.5932 46.5024C88.5932 58.4087 83.5179 69.7939 74.6684 77.7704L74.6663 77.7695ZM44.4943 88.545C22.0174 87.4905 4.40884 69.0232 4.40884 46.5018C4.40884 23.2923 23.291 4.40874 46.5422 4.40874C46.5522 4.40874 46.648 4.40985 46.659 4.40985C50.3406 4.42307 53.9703 4.91784 57.4655 5.85998C46.929 6.11122 37.0219 11.3024 30.2381 20.1145C24.8597 26.4628 21.6497 35.6826 21.4315 45.4572V47.5937C21.6497 57.2974 24.8464 66.4998 30.2049 72.8496C37.05 81.7157 46.9471 86.8915 57.4679 87.1427C53.2851 88.2711 48.8466 88.7515 44.4928 88.5444L44.4943 88.545ZM77.4922 11.8381C69.0098 4.248 58.0653 0.0452856 46.6264 0.00220392C46.6121 0.00110199 46.514 0 46.5008 0C20.8606 0 0 20.8609 0 46.5009C0 71.3806 19.4528 91.7833 44.2896 92.9471C45.0224 92.9813 45.7596 93 46.5011 93C57.9478 93 68.9506 88.8005 77.4785 81.173L77.4884 81.1663C87.346 72.3487 93 59.7139 93 46.5001C93 33.288 87.3471 20.6527 77.4918 11.837" fill="#FA1E4E"/>
+<path d="M55.8 17.1693C63.9244 22.4926 69.5183 33.6233 69.5183 46.5C69.5183 59.3765 63.9244 70.5089 55.8 75.8308C66.1705 74.9539 74.4 62.1589 74.4 46.5C74.4 30.8408 66.1701 18.0463 55.8 17.1693Z" fill="#FA1E4E"/>
+</svg>
diff --git a/apps/web/public/logos/browsers/opera.svg b/apps/web/public/logos/browsers/opera.svg
new file mode 100644
index 0000000000..3a1a7abb50
--- /dev/null
+++ b/apps/web/public/logos/browsers/opera.svg
@@ -0,0 +1,18 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.1922 72.7074C26.0493 66.6345 22.7199 57.6693 22.4967 47.5974C22.4967 47.5695 22.4967 45.4305 22.4967 45.4026C22.7199 35.3307 26.0493 26.3655 31.1922 20.2926C37.8696 11.6343 47.7834 6.138 58.8504 6.138C65.658 6.138 72.0378 8.2212 77.4876 11.8389C69.3036 4.5105 58.5156 0.0465 46.6767 0C46.6209 0 46.5558 0 46.5 0C20.8227 0 0 20.8227 0 46.5C0 71.4426 19.6323 91.791 44.2866 92.9442C45.0213 92.9814 45.756 93 46.5 93C58.404 93 69.2664 88.5267 77.4876 81.1704C72.0378 84.7788 65.6673 86.862 58.8504 86.862C47.7834 86.862 37.8696 81.3657 31.1922 72.7074Z" fill="url(#paint0_linear_101_10)"/>
+<path d="M31.1921 20.2925C35.4608 15.2519 40.9664 12.2201 46.9928 12.2201C60.5336 12.2201 71.4983 27.5651 71.4983 46.4999C71.4983 65.4347 60.5243 80.7797 46.9928 80.7797C40.9757 80.7797 35.4608 77.7386 31.1921 72.7073C37.8695 81.3656 47.7833 86.8619 58.8503 86.8619C65.6579 86.8619 72.0378 84.7787 77.4876 81.1703C87.0108 72.6515 93 60.2732 93 46.4999C93 32.7266 87.0108 20.3483 77.4876 11.8388C72.0378 8.22114 65.6672 6.13794 58.8503 6.13794C47.7833 6.13794 37.8695 11.6342 31.1921 20.2925Z" fill="url(#paint1_linear_101_10)"/>
+<defs>
+<linearGradient id="paint0_linear_101_10" x1="38.7459" y1="1.51627" x2="38.7459" y2="91.6465" gradientUnits="userSpaceOnUse">
+<stop offset="0.3" stop-color="#FF1B2D"/>
+<stop offset="0.4381" stop-color="#FA1A2C"/>
+<stop offset="0.5939" stop-color="#ED1528"/>
+<stop offset="0.7581" stop-color="#D60E21"/>
+<stop offset="0.9272" stop-color="#B70519"/>
+<stop offset="1" stop-color="#A70014"/>
+</linearGradient>
+<linearGradient id="paint1_linear_101_10" x1="62.0969" y1="6.82853" x2="62.0969" y2="86.5443" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9C0000"/>
+<stop offset="0.7" stop-color="#FF4B4B"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/safari.svg b/apps/web/public/logos/browsers/safari.svg
new file mode 100644
index 0000000000..1868d80f19
--- /dev/null
+++ b/apps/web/public/logos/browsers/safari.svg
@@ -0,0 +1,29 @@
+<svg width="94" height="94" viewBox="0 0 94 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M93.377 46.877C93.377 59.2096 88.4779 71.0371 79.7574 79.7575C71.037 88.478 59.2095 93.3771 46.8769 93.3771C34.5443 93.377 22.7169 88.4779 13.9964 79.7575C5.27602 71.037 0.376953 59.2096 0.376953 46.877C0.376953 34.5445 5.27602 22.7171 13.9964 13.9966C22.7169 5.27617 34.5443 0.377054 46.8769 0.377014C59.2095 0.377014 71.037 5.27609 79.7574 13.9965C88.4779 22.717 93.377 34.5445 93.377 46.877Z" fill="url(#paint0_linear_101_205)" stroke="#CDCDCD" stroke-width="0.753985" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M89.7332 46.877C89.7332 58.2432 85.2179 69.1439 77.1808 77.181C69.1437 85.2181 58.243 89.7334 46.8768 89.7334C35.5106 89.7333 24.6099 85.2181 16.5728 77.181C8.53569 69.1438 4.02051 58.2432 4.02051 46.877C4.02051 35.5108 8.53569 24.6101 16.5728 16.573C24.6099 8.5359 35.5106 4.02067 46.8768 4.02063C58.243 4.02063 69.1437 8.53585 77.1808 16.573C85.2179 24.6101 89.7332 35.5108 89.7332 46.877Z" fill="url(#paint1_radial_101_205)"/>
+<path d="M46.8771 6.25568C46.7949 6.25548 46.7136 6.27151 46.6377 6.30285C46.5618 6.33419 46.4928 6.38021 46.4347 6.43828C46.3767 6.49635 46.3306 6.56532 46.2993 6.64123C46.268 6.71715 46.2519 6.7985 46.2521 6.88062V14.0877C46.2519 14.1698 46.268 14.2512 46.2993 14.3271C46.3306 14.403 46.3767 14.4719 46.4347 14.53C46.4928 14.5881 46.5618 14.6341 46.6377 14.6654C46.7136 14.6968 46.7949 14.7128 46.8771 14.7126C46.9592 14.7128 47.0405 14.6967 47.1164 14.6654C47.1922 14.634 47.2612 14.588 47.3192 14.5299C47.3773 14.4718 47.4233 14.4029 47.4546 14.327C47.4859 14.2511 47.5019 14.1698 47.5017 14.0877V6.88047C47.5019 6.79838 47.4859 6.71705 47.4545 6.64117C47.4232 6.56528 47.3772 6.49634 47.3191 6.43828C47.2611 6.38023 47.1921 6.33422 47.1162 6.30288C47.0403 6.27154 46.959 6.2555 46.8769 6.25568H46.8771ZM42.7894 6.51397C42.7472 6.50945 42.7045 6.50965 42.6623 6.51456C42.5807 6.5229 42.5014 6.54728 42.4292 6.58632C42.357 6.62536 42.2932 6.67828 42.2414 6.74204C42.1897 6.80581 42.1511 6.87916 42.1278 6.95789C42.1045 7.03662 42.097 7.11917 42.1057 7.20081L42.4207 10.216C42.429 10.2977 42.4534 10.3769 42.4924 10.4491C42.5315 10.5214 42.5844 10.5852 42.6481 10.6369C42.7119 10.6886 42.7853 10.7272 42.864 10.7505C42.9427 10.7738 43.0253 10.7813 43.1069 10.7726C43.1886 10.7643 43.2679 10.7399 43.3401 10.7009C43.4123 10.6618 43.4761 10.6089 43.5279 10.5451C43.5796 10.4813 43.6182 10.408 43.6415 10.3292C43.6648 10.2505 43.6723 10.1679 43.6636 10.0862L43.3489 7.07122C43.3343 6.92801 43.2706 6.79426 43.1685 6.69269C43.0665 6.59111 42.9325 6.52796 42.7892 6.51397H42.7894ZM50.9933 6.51694C50.85 6.53086 50.7159 6.59393 50.6139 6.69545C50.5118 6.79698 50.448 6.93069 50.4333 7.0739L50.1162 10.0888C50.1075 10.1704 50.115 10.253 50.1382 10.3318C50.1615 10.4105 50.2001 10.4839 50.2518 10.5478C50.3035 10.6116 50.3672 10.6645 50.4395 10.7036C50.5117 10.7428 50.5909 10.7672 50.6726 10.7756C50.7542 10.7844 50.8368 10.7769 50.9155 10.7537C50.9943 10.7305 51.0676 10.6919 51.1314 10.6402C51.1952 10.5886 51.2482 10.5248 51.2873 10.4526C51.3263 10.3804 51.3508 10.3012 51.3592 10.2195L51.6762 7.20438C51.685 7.12273 51.6775 7.04017 51.6542 6.96142C51.631 6.88268 51.5924 6.8093 51.5407 6.74551C51.489 6.68172 51.4252 6.62877 51.353 6.58969C51.2808 6.55062 51.2015 6.5262 51.1199 6.51783C51.0777 6.51352 51.0353 6.51327 50.9931 6.51709L50.9933 6.51694ZM38.5904 7.12288C38.4976 7.12312 38.406 7.14408 38.3223 7.18424C38.2386 7.2244 38.1649 7.28274 38.1066 7.35501C38.0484 7.42727 38.007 7.51163 37.9855 7.60194C37.964 7.69224 37.9629 7.7862 37.9824 7.87697L39.4748 14.9279C39.4916 15.0082 39.5242 15.0845 39.5706 15.1522C39.6169 15.22 39.6762 15.2779 39.7451 15.3227C39.8139 15.3674 39.8909 15.3982 39.9716 15.4131C40.0524 15.4281 40.1353 15.4269 40.2155 15.4097C40.2959 15.3929 40.3721 15.3604 40.4399 15.314C40.5076 15.2677 40.5655 15.2084 40.6103 15.1396C40.6551 15.0708 40.6859 14.9938 40.7008 14.9131C40.7158 14.8324 40.7147 14.7496 40.6975 14.6693L39.2049 7.61824C39.1755 7.47736 39.0982 7.35102 38.9862 7.26065C38.8741 7.17028 38.7343 7.12144 38.5904 7.12244V7.12288ZM55.192 7.12882C55.048 7.12759 54.9081 7.17625 54.796 7.26654C54.6839 7.35682 54.6066 7.48314 54.5771 7.62402L53.0793 14.6739C53.0621 14.7542 53.0609 14.837 53.0758 14.9178C53.0906 14.9985 53.1213 15.0756 53.1661 15.1444C53.2108 15.2133 53.2687 15.2726 53.3364 15.319C53.4041 15.3654 53.4804 15.398 53.5607 15.4149C53.641 15.4321 53.7239 15.4334 53.8046 15.4185C53.8853 15.4036 53.9624 15.3729 54.0312 15.3282C54.1001 15.2835 54.1594 15.2256 54.2058 15.1579C54.2523 15.0902 54.2848 15.014 54.3017 14.9337L55.7995 7.88365C55.819 7.7929 55.818 7.69894 55.7966 7.60863C55.7751 7.51832 55.7338 7.43395 55.6755 7.36165C55.6173 7.28936 55.5437 7.23099 55.46 7.19078C55.3764 7.15058 55.2848 7.12956 55.192 7.12926V7.12882ZM34.583 8.25283C34.4997 8.24527 34.4157 8.25508 34.3363 8.28163C34.2582 8.30682 34.1858 8.3472 34.1233 8.40044C34.0608 8.45368 34.0095 8.51874 33.9722 8.59188C33.9349 8.66502 33.9124 8.7448 33.9061 8.82665C33.8997 8.90849 33.9095 8.99079 33.9351 9.06882L34.8717 11.9522C34.897 12.0303 34.9373 12.1027 34.9906 12.1652C35.0439 12.2277 35.109 12.2791 35.1821 12.3164C35.2553 12.3537 35.3351 12.3761 35.417 12.3825C35.4989 12.3888 35.5812 12.379 35.6592 12.3534C35.7374 12.3282 35.8098 12.2878 35.8723 12.2345C35.9348 12.1813 35.9861 12.1162 36.0234 12.043C36.0607 11.9698 36.0831 11.89 36.0895 11.8082C36.0958 11.7263 36.0859 11.644 36.0603 11.5659L35.1235 8.68272C35.0858 8.56577 35.0144 8.46257 34.9182 8.38608C34.8221 8.30959 34.7055 8.26323 34.583 8.25283ZM59.1766 8.25431C59.0542 8.26474 58.9376 8.3111 58.8414 8.38759C58.7453 8.46407 58.6738 8.56726 58.6361 8.6842L57.6987 11.5673C57.6732 11.6453 57.6633 11.7276 57.6696 11.8094C57.676 11.8913 57.6984 11.9711 57.7357 12.0443C57.773 12.1174 57.8243 12.1825 57.8868 12.2357C57.9493 12.289 58.0217 12.3294 58.0998 12.3546C58.1778 12.3802 58.2601 12.39 58.342 12.3837C58.4238 12.3774 58.5036 12.3549 58.5768 12.3177C58.6499 12.2804 58.715 12.2291 58.7683 12.1666C58.8215 12.1042 58.8619 12.0318 58.8871 11.9537L59.8246 9.0703C59.8501 8.99229 59.86 8.90999 59.8537 8.82814C59.8473 8.74629 59.8249 8.6665 59.7876 8.59335C59.7504 8.52019 59.6991 8.45512 59.6366 8.40185C59.5741 8.34859 59.5017 8.30819 59.4236 8.28296C59.344 8.25703 59.26 8.24729 59.1766 8.25431ZM30.6202 9.70312C30.5366 9.70478 30.4541 9.72325 30.3778 9.75745C30.3027 9.79064 30.2349 9.83833 30.1783 9.89778C30.1217 9.95724 30.0774 10.0273 30.048 10.1039C30.0185 10.1805 30.0045 10.2622 30.0067 10.3442C30.0088 10.4263 30.0272 10.5071 30.0607 10.582L32.988 17.168C33.0212 17.2431 33.0689 17.3109 33.1283 17.3675C33.1878 17.4241 33.2578 17.4684 33.3344 17.4979C33.411 17.5273 33.4927 17.5414 33.5748 17.5392C33.6568 17.537 33.7377 17.5186 33.8126 17.4851C33.8877 17.4519 33.9555 17.4043 34.0121 17.3448C34.0688 17.2854 34.1131 17.2153 34.1426 17.1387C34.1721 17.0621 34.1861 16.9804 34.184 16.8983C34.1818 16.8163 34.1635 16.7354 34.13 16.6605L31.2025 10.0747C31.1529 9.96221 31.0712 9.86692 30.9675 9.80078C30.8639 9.73465 30.7431 9.70062 30.6202 9.70297V9.70312ZM63.1841 9.72509C63.0613 9.72273 62.9405 9.75665 62.8368 9.82261C62.7332 9.88856 62.6512 9.98362 62.6013 10.0959L59.6651 16.6779C59.6316 16.7528 59.6131 16.8336 59.6108 16.9156C59.6085 16.9977 59.6225 17.0794 59.6519 17.1561C59.6812 17.2327 59.7255 17.3028 59.782 17.3623C59.8385 17.4219 59.9063 17.4696 59.9813 17.5029C60.0562 17.5365 60.137 17.555 60.2191 17.5572C60.3012 17.5595 60.3829 17.5456 60.4595 17.5162C60.5362 17.4868 60.6063 17.4426 60.6658 17.386C60.7253 17.3295 60.7731 17.2618 60.8064 17.1867L63.7426 10.6051C63.7762 10.5301 63.7947 10.4493 63.797 10.3672C63.7993 10.2852 63.7853 10.2034 63.7559 10.1268C63.7266 10.0501 63.6823 9.97997 63.6258 9.92044C63.5692 9.86091 63.5015 9.81313 63.4264 9.77986C63.3501 9.74568 63.2677 9.72706 63.1841 9.72509ZM26.9419 11.6492C26.8176 11.6403 26.6935 11.6691 26.5859 11.732C26.5148 11.7729 26.4524 11.8275 26.4023 11.8926C26.3523 11.9577 26.3156 12.032 26.2943 12.1113C26.2731 12.1906 26.2677 12.2733 26.2785 12.3547C26.2893 12.4361 26.3161 12.5146 26.3573 12.5856L27.8731 15.2111C27.914 15.2823 27.9686 15.3447 28.0337 15.3947C28.0987 15.4448 28.1731 15.4815 28.2524 15.5027C28.3317 15.524 28.4144 15.5293 28.4958 15.5185C28.5772 15.5077 28.6556 15.4809 28.7266 15.4397C28.7978 15.3988 28.8602 15.3442 28.9103 15.2791C28.9603 15.2141 28.997 15.1397 29.0183 15.0604C29.0395 14.9811 29.0449 14.8984 29.0341 14.817C29.0232 14.7356 28.9965 14.6572 28.9552 14.5861L27.4396 11.9608C27.3887 11.872 27.3166 11.7971 27.2298 11.7428C27.143 11.6884 27.0442 11.6563 26.9421 11.6492H26.9419ZM66.8119 11.6492C66.7098 11.6562 66.611 11.6882 66.5242 11.7425C66.4375 11.7969 66.3655 11.8718 66.3146 11.9606L64.7986 14.5861C64.7574 14.6572 64.7306 14.7356 64.7198 14.817C64.709 14.8984 64.7144 14.9812 64.7357 15.0605C64.757 15.1398 64.7937 15.2141 64.8438 15.2792C64.8938 15.3443 64.9563 15.3988 65.0275 15.4397C65.0985 15.4809 65.177 15.5077 65.2583 15.5185C65.3397 15.5293 65.4225 15.524 65.5018 15.5027C65.5811 15.4815 65.6554 15.4448 65.7205 15.3947C65.7856 15.3447 65.8401 15.2823 65.881 15.2111L67.3968 12.5854C67.438 12.5144 67.4648 12.436 67.4756 12.3546C67.4864 12.2732 67.4811 12.1905 67.4598 12.1112C67.4386 12.0319 67.4019 11.9575 67.3518 11.8924C67.3018 11.8274 67.2394 11.7728 67.1682 11.7319C67.0604 11.6694 66.9363 11.6406 66.8119 11.6492ZM23.3701 13.8769C23.2456 13.8814 23.1253 13.9229 23.0245 13.9961C22.9579 14.0442 22.9015 14.1049 22.8585 14.1748C22.8155 14.2448 22.7867 14.3225 22.7738 14.4036C22.7609 14.4847 22.7641 14.5675 22.7834 14.6474C22.8026 14.7272 22.8373 14.8024 22.8857 14.8688L27.1177 20.7026C27.1658 20.7691 27.2265 20.8255 27.2965 20.8686C27.3664 20.9116 27.4442 20.9404 27.5253 20.9532C27.6064 20.9661 27.6892 20.9629 27.769 20.9437C27.8489 20.9245 27.9241 20.8897 27.9905 20.8414C28.0571 20.7933 28.1135 20.7326 28.1565 20.6627C28.1995 20.5927 28.2283 20.515 28.2412 20.4339C28.254 20.3529 28.2508 20.27 28.2316 20.1902C28.2124 20.1104 28.1777 20.0352 28.1293 19.9688L23.8972 14.135C23.8373 14.0521 23.7579 13.9851 23.666 13.9401C23.5741 13.8951 23.4725 13.8735 23.3702 13.877L23.3701 13.8769ZM70.4284 13.9087C70.3262 13.9049 70.2246 13.9264 70.1327 13.9713C70.0407 14.0161 69.9613 14.083 69.9013 14.1659L65.6613 19.9941C65.6129 20.0604 65.578 20.1356 65.5587 20.2154C65.5394 20.2952 65.5361 20.378 65.5489 20.4591C65.5617 20.5402 65.5904 20.618 65.6333 20.688C65.6763 20.758 65.7326 20.8188 65.7991 20.8669C65.8654 20.9154 65.9406 20.9502 66.0204 20.9695C66.1002 20.9889 66.183 20.9922 66.2641 20.9794C66.3452 20.9667 66.4229 20.938 66.4929 20.8951C66.5629 20.8522 66.6238 20.7959 66.672 20.7295L70.9116 14.9014C70.9601 14.8351 70.9949 14.7599 71.0142 14.6801C71.0335 14.6003 71.0368 14.5175 71.024 14.4364C71.0112 14.3553 70.9825 14.2775 70.9396 14.2076C70.8967 14.1376 70.8404 14.0768 70.7739 14.0286C70.6733 13.955 70.553 13.9132 70.4284 13.9087ZM20.1775 16.5544C20.0955 16.5499 20.0134 16.5618 19.936 16.5893C19.8587 16.6168 19.7875 16.6595 19.7267 16.7147C19.6656 16.7695 19.6159 16.8358 19.5804 16.9099C19.545 16.9839 19.5246 17.0642 19.5203 17.1462C19.516 17.2282 19.5279 17.3102 19.5554 17.3876C19.5828 17.4649 19.6253 17.5361 19.6804 17.597L21.7089 19.8504C21.7637 19.9115 21.83 19.9612 21.9041 19.9966C21.9781 20.0321 22.0584 20.0525 22.1404 20.0568C22.2224 20.0611 22.3044 20.0491 22.3818 20.0216C22.4592 19.9941 22.5303 19.9516 22.5912 19.8965C22.6523 19.8417 22.702 19.7754 22.7375 19.7013C22.7729 19.6272 22.7934 19.5469 22.7977 19.4649C22.802 19.3829 22.79 19.3009 22.7625 19.2235C22.7351 19.1461 22.6926 19.075 22.6375 19.014L20.6093 16.7608C20.5545 16.6997 20.4882 16.6499 20.4141 16.6145C20.34 16.5791 20.2597 16.5586 20.1777 16.5544H20.1775ZM73.5809 16.5588C73.4153 16.5677 73.26 16.642 73.1491 16.7654L71.1208 19.0182C71.0657 19.0791 71.0231 19.1503 70.9956 19.2276C70.9681 19.305 70.9561 19.3871 70.9604 19.4691C70.9646 19.5511 70.9851 19.6315 71.0205 19.7056C71.0559 19.7797 71.1057 19.846 71.1668 19.9008C71.2277 19.9559 71.2989 19.9984 71.3763 20.0259C71.4536 20.0534 71.5357 20.0654 71.6177 20.061C71.6997 20.0567 71.78 20.0363 71.8541 20.0008C71.9282 19.9654 71.9945 19.9157 72.0493 19.8545L74.0779 17.6018C74.133 17.5408 74.1755 17.4696 74.203 17.3923C74.2304 17.3149 74.2424 17.2328 74.2381 17.1508C74.2338 17.0688 74.2133 16.9885 74.1779 16.9144C74.1425 16.8403 74.0927 16.7739 74.0316 16.7191C73.9708 16.664 73.8997 16.6215 73.8223 16.594C73.745 16.5665 73.663 16.5545 73.5811 16.5588H73.5809ZM17.1177 19.4935C17.0357 19.4979 16.9554 19.5185 16.8813 19.5539C16.8073 19.5894 16.741 19.6391 16.6861 19.7002C16.6311 19.7611 16.5886 19.8322 16.5611 19.9096C16.5336 19.987 16.5216 20.069 16.5259 20.151C16.5302 20.233 16.5507 20.3134 16.5861 20.3874C16.6216 20.4615 16.6713 20.5278 16.7325 20.5826L22.089 25.4045C22.1499 25.4596 22.2211 25.5021 22.2984 25.5295C22.3758 25.557 22.4578 25.5689 22.5398 25.5646C22.6218 25.5603 22.7021 25.5399 22.7762 25.5045C22.8502 25.469 22.9166 25.4193 22.9714 25.3582C23.0264 25.2973 23.069 25.2262 23.0965 25.1488C23.124 25.0715 23.1359 24.9894 23.1316 24.9074C23.1273 24.8255 23.1069 24.7451 23.0715 24.6711C23.036 24.597 22.9863 24.5307 22.9252 24.4759L17.5685 19.654C17.5076 19.5989 17.4364 19.5563 17.359 19.5288C17.2816 19.5013 17.1995 19.4894 17.1175 19.4937L17.1177 19.4935ZM76.6556 19.5147C76.5736 19.5102 76.4914 19.5221 76.414 19.5495C76.3365 19.5769 76.2653 19.6195 76.2044 19.6746L70.8448 24.4928C70.7836 24.5475 70.7339 24.6138 70.6984 24.6878C70.6628 24.7619 70.6423 24.8422 70.6379 24.9241C70.6335 25.0061 70.6454 25.0882 70.6728 25.1656C70.7002 25.243 70.7426 25.3142 70.7976 25.3751C70.8524 25.4363 70.9187 25.4861 70.9928 25.5215C71.0669 25.557 71.1472 25.5775 71.2292 25.5819C71.3112 25.5863 71.3933 25.5744 71.4707 25.5469C71.5481 25.5195 71.6193 25.4771 71.6803 25.422L77.0402 20.6039C77.1014 20.5491 77.1512 20.4828 77.1867 20.4088C77.2221 20.3347 77.2426 20.2544 77.247 20.1724C77.2514 20.0905 77.2395 20.0084 77.212 19.931C77.1846 19.8537 77.1422 19.7825 77.0872 19.7215C77.0324 19.6603 76.9661 19.6106 76.892 19.5751C76.818 19.5396 76.7376 19.5191 76.6556 19.5147ZM14.573 22.7656C14.4708 22.7619 14.3692 22.7835 14.2772 22.8285C14.1853 22.8734 14.1058 22.9404 14.0459 23.0233C13.9975 23.0897 13.9626 23.1649 13.9434 23.2447C13.9241 23.3246 13.9208 23.4074 13.9337 23.4885C13.9465 23.5696 13.9753 23.6474 14.0183 23.7174C14.0613 23.7873 14.1177 23.8481 14.1843 23.8962L16.6369 25.6779C16.7031 25.7264 16.7784 25.7613 16.8582 25.7805C16.938 25.7998 17.0208 25.8032 17.1019 25.7903C17.183 25.7775 17.2608 25.7488 17.3307 25.7058C17.4007 25.6628 17.4614 25.6064 17.5096 25.5399C17.558 25.4736 17.5928 25.3984 17.6121 25.3185C17.6313 25.2387 17.6346 25.1559 17.6218 25.0748C17.609 24.9937 17.5803 24.9159 17.5373 24.846C17.4944 24.776 17.438 24.7152 17.3715 24.6671L14.9188 22.8851C14.8181 22.8117 14.6976 22.7701 14.573 22.7656ZM79.1977 22.7884C79.0732 22.7928 78.9529 22.8343 78.8521 22.9076L76.3984 24.6878C76.3318 24.7359 76.2754 24.7967 76.2324 24.8666C76.1893 24.9366 76.1605 25.0143 76.1476 25.0954C76.1347 25.1765 76.138 25.2593 76.1571 25.3392C76.1763 25.419 76.2111 25.4943 76.2594 25.5607C76.3075 25.6272 76.3683 25.6837 76.4382 25.7267C76.5081 25.7697 76.5859 25.7985 76.6669 25.8114C76.748 25.8243 76.8309 25.821 76.9107 25.8018C76.9905 25.7826 77.0658 25.7478 77.1321 25.6995L79.586 23.919C79.6526 23.871 79.709 23.8102 79.752 23.7403C79.795 23.6704 79.8237 23.5926 79.8366 23.5116C79.8495 23.4305 79.8462 23.3477 79.827 23.2679C79.8078 23.1881 79.773 23.1128 79.7247 23.0465C79.6648 22.9635 79.5854 22.8965 79.4935 22.8515C79.4016 22.8065 79.3 22.7848 79.1977 22.7884ZM12.1953 26.2557C12.0932 26.2626 11.9943 26.2947 11.9076 26.349C11.8208 26.4034 11.7488 26.4783 11.698 26.5671C11.6568 26.6381 11.63 26.7166 11.6192 26.798C11.6084 26.8794 11.6137 26.9621 11.635 27.0414C11.6562 27.1207 11.6929 27.195 11.743 27.2601C11.793 27.3252 11.8554 27.3798 11.9266 27.4207L18.1682 31.0243C18.2392 31.0655 18.3176 31.0923 18.399 31.1031C18.4804 31.1139 18.5631 31.1085 18.6425 31.0873C18.7218 31.066 18.7961 31.0294 18.8612 30.9793C18.9263 30.9293 18.9808 30.8669 19.0217 30.7957C19.063 30.7247 19.0897 30.6462 19.1006 30.5648C19.1114 30.4834 19.106 30.4007 19.0848 30.3214C19.0635 30.2421 19.0268 30.1678 18.9768 30.1027C18.9267 30.0376 18.8643 29.983 18.7931 29.9421L12.5516 26.3385C12.4437 26.276 12.3196 26.2471 12.1953 26.2557ZM81.5589 26.2557C81.4345 26.2468 81.3103 26.2756 81.2026 26.3385L74.9612 29.9421C74.89 29.983 74.8276 30.0376 74.7775 30.1027C74.7275 30.1678 74.6908 30.2421 74.6695 30.3214C74.6483 30.4007 74.6429 30.4834 74.6537 30.5648C74.6646 30.6462 74.6913 30.7247 74.7326 30.7957C74.7735 30.8669 74.828 30.9293 74.8931 30.9793C74.9582 31.0294 75.0325 31.066 75.1118 31.0873C75.1911 31.1085 75.2739 31.1139 75.3553 31.1031C75.4366 31.0923 75.5151 31.0655 75.5861 31.0243L81.8278 27.4208C81.899 27.3799 81.9614 27.3253 82.0115 27.2603C82.0615 27.1952 82.0982 27.1208 82.1195 27.0415C82.1407 26.9622 82.1461 26.8795 82.1352 26.7981C82.1244 26.7167 82.0976 26.6383 82.0564 26.5673C82.0054 26.4785 81.9334 26.4036 81.8466 26.3493C81.7598 26.295 81.661 26.2629 81.5589 26.2558V26.2557ZM10.3972 29.9758C10.2743 29.9731 10.1534 30.0069 10.0497 30.0729C9.94602 30.1388 9.86419 30.234 9.81456 30.3465C9.78094 30.4214 9.76245 30.5022 9.76015 30.5843C9.75785 30.6663 9.77178 30.7481 9.80114 30.8247C9.83051 30.9014 9.87473 30.9715 9.93126 31.0311C9.9878 31.0906 10.0555 31.1384 10.1306 31.1717L12.8995 32.4067C12.9744 32.4403 13.0552 32.4588 13.1373 32.4611C13.2194 32.4634 13.3011 32.4495 13.3778 32.4201C13.4544 32.3908 13.5245 32.3465 13.5841 32.29C13.6436 32.2335 13.6914 32.1657 13.7247 32.0907C13.7583 32.0158 13.7768 31.9349 13.7791 31.8529C13.7814 31.7708 13.7674 31.6891 13.7381 31.6124C13.7087 31.5357 13.6644 31.4656 13.6079 31.4061C13.5513 31.3465 13.4836 31.2988 13.4085 31.2655L10.6398 30.0304C10.5634 29.9962 10.4809 29.9776 10.3972 29.976V29.9758ZM83.3688 30.0016C83.2851 30.0034 83.2025 30.0219 83.1261 30.0561L80.3566 31.2891C80.2815 31.3223 80.2137 31.37 80.1571 31.4295C80.1005 31.489 80.0562 31.559 80.0268 31.6357C79.9973 31.7123 79.9833 31.7941 79.9855 31.8761C79.9877 31.9582 80.0061 32.039 80.0397 32.114C80.073 32.1891 80.1207 32.2569 80.1802 32.3135C80.2398 32.3701 80.3099 32.4143 80.3866 32.4438C80.4632 32.4732 80.545 32.4872 80.6271 32.485C80.7092 32.4827 80.7901 32.4643 80.865 32.4308L83.6344 31.1976C83.7094 31.1644 83.7772 31.1167 83.8338 31.0572C83.8904 30.9977 83.9346 30.9276 83.9641 30.851C83.9935 30.7743 84.0075 30.6926 84.0052 30.6106C84.003 30.5285 83.9846 30.4477 83.951 30.3728C83.9014 30.2604 83.8196 30.1652 83.716 30.0992C83.6124 30.0332 83.4916 29.9992 83.3688 30.0016ZM8.79491 33.8641C8.67251 33.8744 8.55588 33.9207 8.45969 33.9971C8.3635 34.0734 8.29204 34.1765 8.25428 34.2934C8.22867 34.3714 8.21872 34.4537 8.22499 34.5356C8.23127 34.6174 8.25365 34.6972 8.29084 34.7704C8.32804 34.8436 8.37933 34.9087 8.44175 34.962C8.50418 35.0153 8.57652 35.0558 8.65463 35.0811L15.5072 37.3139C15.5852 37.3396 15.6675 37.3495 15.7494 37.3433C15.8313 37.337 15.9111 37.3146 15.9843 37.2774C16.0575 37.2402 16.1226 37.1889 16.176 37.1264C16.2293 37.064 16.2697 36.9916 16.295 36.9134C16.3206 36.8354 16.3305 36.7531 16.3243 36.6713C16.318 36.5894 16.2956 36.5096 16.2584 36.4364C16.2212 36.3632 16.1699 36.2981 16.1074 36.2448C16.045 36.1915 15.9726 36.1511 15.8945 36.1258L9.04191 33.8928C8.96234 33.8667 8.87834 33.8569 8.79491 33.864V33.8641ZM84.9681 33.8909C84.8848 33.8833 84.8008 33.8931 84.7214 33.9196L77.8672 36.1476C77.7891 36.1728 77.7167 36.2133 77.6542 36.2665C77.5917 36.3198 77.5404 36.3849 77.5031 36.4581C77.4659 36.5312 77.4435 36.6111 77.4371 36.6929C77.4308 36.7748 77.4407 36.8571 77.4663 36.9351C77.4915 37.0132 77.5319 37.0856 77.5852 37.1481C77.6385 37.2105 77.7036 37.2619 77.7768 37.2991C77.8499 37.3363 77.9297 37.3588 78.0116 37.3651C78.0935 37.3714 78.1758 37.3615 78.2538 37.3359L85.1077 35.1081C85.1858 35.0829 85.2582 35.0425 85.3207 34.9892C85.3832 34.9359 85.4346 34.8709 85.4719 34.7977C85.5092 34.7245 85.5316 34.6447 85.538 34.5628C85.5443 34.481 85.5345 34.3986 85.5089 34.3206C85.4712 34.2036 85.3997 34.1004 85.3035 34.0239C85.2073 33.9475 85.0906 33.9011 84.9681 33.8907V33.8909ZM7.79663 37.9454C7.65266 37.9442 7.51272 37.9929 7.40058 38.0832C7.28845 38.1735 7.21103 38.2999 7.18148 38.4408C7.16424 38.521 7.16303 38.6039 7.17792 38.6847C7.1928 38.7654 7.22349 38.8424 7.26822 38.9113C7.31295 38.9802 7.37084 39.0395 7.43857 39.0859C7.5063 39.1323 7.58252 39.1649 7.66288 39.1818L10.6283 39.8121C10.7086 39.8293 10.7915 39.8305 10.8722 39.8157C10.953 39.8008 11.03 39.7701 11.0989 39.7253C11.1677 39.6806 11.227 39.6227 11.2735 39.555C11.3199 39.4873 11.3525 39.411 11.3694 39.3307C11.3866 39.2504 11.3878 39.1675 11.3729 39.0868C11.3581 39.0061 11.3274 38.9291 11.2827 38.8602C11.2379 38.7914 11.1801 38.732 11.1124 38.6856C11.0447 38.6392 10.9684 38.6066 10.8881 38.5897L7.9228 37.9594C7.88132 37.9506 7.83903 37.9461 7.79663 37.946V37.9454ZM85.9587 37.9514C85.9165 37.9523 85.8743 37.9568 85.8328 37.9647L82.8672 38.5947C82.7869 38.6116 82.7107 38.6442 82.643 38.6906C82.5753 38.737 82.5175 38.7963 82.4727 38.8651C82.428 38.9339 82.3973 39.0109 82.3825 39.0916C82.3676 39.1723 82.3688 39.2552 82.386 39.3354C82.4029 39.4158 82.4354 39.492 82.4819 39.5598C82.5283 39.6275 82.5876 39.6854 82.6565 39.7302C82.7253 39.7749 82.8023 39.8057 82.8831 39.8206C82.9638 39.8355 83.0467 39.8343 83.127 39.8171L86.0923 39.1871C86.1727 39.1702 86.2489 39.1376 86.3166 39.0912C86.3843 39.0448 86.4422 38.9855 86.4869 38.9166C86.5317 38.8478 86.5624 38.7708 86.5773 38.69C86.5922 38.6093 86.591 38.5264 86.5739 38.4461C86.5442 38.3052 86.4668 38.179 86.3547 38.0887C86.2425 37.9984 86.1027 37.9497 85.9587 37.9508V37.9514ZM7.0409 42.0509C6.89769 42.0647 6.76366 42.1276 6.66157 42.229C6.55948 42.3304 6.49562 42.464 6.48083 42.6071C6.47198 42.6888 6.47935 42.7714 6.50252 42.8501C6.52569 42.9289 6.56419 43.0024 6.61582 43.0662C6.66745 43.1301 6.73118 43.1831 6.80337 43.2223C6.87555 43.2614 6.95476 43.286 7.03645 43.2944L14.2036 44.0521C14.2852 44.0609 14.3678 44.0535 14.4466 44.0304C14.5254 44.0072 14.5989 43.9687 14.6627 43.917C14.7266 43.8654 14.7796 43.8016 14.8188 43.7294C14.8579 43.6572 14.8824 43.578 14.8909 43.4963C14.8997 43.4146 14.8923 43.332 14.8691 43.2533C14.8459 43.1745 14.8074 43.101 14.7557 43.0372C14.7041 42.9733 14.6403 42.9203 14.5681 42.8812C14.4959 42.8421 14.4166 42.8176 14.3349 42.8092L7.16767 42.0513C7.12553 42.047 7.08307 42.0469 7.0409 42.0509ZM86.7196 42.1048C86.6774 42.1002 86.6348 42.1004 86.5926 42.1052L79.4245 42.8534C79.3429 42.8617 79.2636 42.8861 79.1914 42.9251C79.1192 42.9642 79.0554 43.0171 79.0036 43.0809C78.9519 43.1446 78.9133 43.218 78.89 43.2967C78.8667 43.3754 78.8592 43.458 78.8679 43.5396C78.8762 43.6213 78.9006 43.7006 78.9397 43.7728C78.9787 43.8451 79.0316 43.9089 79.0954 43.9606C79.1592 44.0123 79.2326 44.0509 79.3113 44.0742C79.3901 44.0975 79.4726 44.105 79.5543 44.0963L86.7223 43.3481C86.804 43.3398 86.8832 43.3154 86.9554 43.2764C87.0277 43.2374 87.0915 43.1844 87.1432 43.1207C87.1949 43.0569 87.2335 42.9836 87.2568 42.9048C87.2801 42.8261 87.2877 42.7435 87.279 42.6619C87.2644 42.5187 87.2007 42.385 87.0988 42.2834C86.9968 42.1818 86.8629 42.1187 86.7196 42.1046V42.1048ZM6.91962 46.2533C6.8375 46.2531 6.75615 46.2692 6.68024 46.3005C6.60433 46.3318 6.53536 46.3779 6.47729 46.4359C6.41921 46.494 6.37319 46.563 6.34185 46.6389C6.31051 46.7148 6.29448 46.7961 6.29468 46.8783C6.29452 46.9604 6.31058 47.0417 6.34194 47.1176C6.37329 47.1934 6.41932 47.2624 6.47739 47.3204C6.53546 47.3785 6.60441 47.4245 6.68031 47.4558C6.7562 47.4871 6.83753 47.5031 6.91962 47.5029H9.95128C10.0334 47.5031 10.1147 47.4871 10.1906 47.4557C10.2665 47.4244 10.3355 47.3784 10.3935 47.3203C10.4516 47.2623 10.4976 47.1933 10.529 47.1174C10.5603 47.0416 10.5764 46.9602 10.5762 46.8781C10.5764 46.796 10.5604 46.7147 10.529 46.6388C10.4977 46.5629 10.4516 46.4939 10.3936 46.4358C10.3355 46.3778 10.2665 46.3317 10.1906 46.3004C10.1147 46.269 10.0334 46.253 9.95128 46.2532L6.91962 46.2533ZM83.8027 46.2533C83.7206 46.2531 83.6392 46.2692 83.5633 46.3005C83.4874 46.3318 83.4184 46.3779 83.3604 46.4359C83.3023 46.494 83.2563 46.563 83.2249 46.6389C83.1936 46.7148 83.1776 46.7961 83.1778 46.8783C83.1776 46.9604 83.1937 47.0417 83.225 47.1176C83.2564 47.1934 83.3024 47.2624 83.3605 47.3204C83.4186 47.3785 83.4875 47.4245 83.5634 47.4558C83.6393 47.4871 83.7206 47.5031 83.8027 47.5029H86.8344C86.9165 47.5031 86.9978 47.4871 87.0737 47.4557C87.1496 47.4244 87.2185 47.3784 87.2766 47.3203C87.3346 47.2623 87.3806 47.1933 87.412 47.1174C87.4433 47.0415 87.4593 46.9602 87.4592 46.8781C87.4594 46.796 87.4433 46.7146 87.412 46.6387C87.3807 46.5628 87.3346 46.4939 87.2766 46.4358C87.2185 46.3777 87.1495 46.3317 87.0736 46.3003C86.9977 46.269 86.9163 46.253 86.8342 46.2532L83.8027 46.2533ZM14.3265 49.6593C14.2843 49.6548 14.2418 49.655 14.1997 49.6599L7.0314 50.4079C6.94972 50.4163 6.87049 50.4407 6.79826 50.4797C6.72603 50.5187 6.66223 50.5717 6.6105 50.6354C6.55878 50.6992 6.52016 50.7725 6.49686 50.8513C6.47357 50.93 6.46605 51.0126 6.47474 51.0942C6.48308 51.1759 6.50746 51.2551 6.5465 51.3273C6.58554 51.3996 6.63846 51.4634 6.70222 51.5151C6.76599 51.5668 6.83934 51.6054 6.91807 51.6287C6.9968 51.652 7.07935 51.6595 7.16099 51.6509L14.3293 50.9027C14.411 50.8944 14.4902 50.87 14.5624 50.8309C14.6347 50.7919 14.6985 50.739 14.7502 50.6752C14.8019 50.6115 14.8405 50.5381 14.8638 50.4594C14.8871 50.3806 14.8947 50.2981 14.886 50.2165C14.8713 50.0733 14.8076 49.9396 14.7056 49.838C14.6036 49.7365 14.4696 49.6733 14.3263 49.6593H14.3265ZM79.4234 49.7036C79.2801 49.7174 79.1461 49.7804 79.044 49.8818C78.9419 49.9832 78.878 50.1168 78.8633 50.2599C78.8545 50.3416 78.8618 50.4241 78.885 50.5029C78.9082 50.5817 78.9467 50.6551 78.9983 50.7189C79.0499 50.7827 79.1136 50.8358 79.1858 50.8749C79.2579 50.9141 79.3371 50.9386 79.4187 50.9471L86.586 51.7047C86.6677 51.7136 86.7503 51.7062 86.829 51.683C86.9078 51.6598 86.9812 51.6213 87.0451 51.5696C87.1089 51.518 87.1619 51.4543 87.2011 51.3821C87.2402 51.3099 87.2647 51.2307 87.2732 51.149C87.282 51.0673 87.2746 50.9848 87.2514 50.906C87.2282 50.8272 87.1897 50.7538 87.138 50.69C87.0864 50.6262 87.0226 50.5732 86.9504 50.534C86.8783 50.4949 86.7991 50.4704 86.7174 50.462L79.5504 49.7042C79.5082 49.6998 79.4656 49.6996 79.4234 49.7036ZM10.7535 53.9249C10.7111 53.9251 10.6688 53.9296 10.6273 53.9382L7.66184 54.5682C7.58149 54.5851 7.50526 54.6177 7.43753 54.6641C7.3698 54.7105 7.31191 54.7698 7.26718 54.8387C7.22245 54.9076 7.19176 54.9846 7.17688 55.0653C7.16199 55.1461 7.1632 55.229 7.18044 55.3092C7.19732 55.3896 7.2299 55.4658 7.27632 55.5335C7.32274 55.6013 7.38208 55.6592 7.45094 55.7039C7.51979 55.7486 7.5968 55.7793 7.67755 55.7942C7.7583 55.8091 7.84119 55.8079 7.92147 55.7906L10.8871 55.1609C10.9674 55.144 11.0436 55.1114 11.1113 55.065C11.179 55.0186 11.2369 54.9592 11.2816 54.8904C11.3263 54.8215 11.357 54.7445 11.3719 54.6638C11.3868 54.5831 11.3856 54.5002 11.3683 54.4199C11.3388 54.279 11.2614 54.1527 11.1493 54.0624C11.0373 53.9721 10.8974 53.9233 10.7535 53.9244V53.9249ZM82.9996 53.9308C82.8557 53.9296 82.7158 53.9782 82.6038 54.0685C82.4917 54.1587 82.4143 54.285 82.3848 54.4258C82.3675 54.5061 82.3662 54.589 82.3811 54.6697C82.3959 54.7505 82.4266 54.8275 82.4713 54.8964C82.5159 54.9652 82.5738 55.0246 82.6415 55.0711C82.7092 55.1175 82.7854 55.1501 82.8657 55.167L85.8313 55.7972C85.9116 55.8144 85.9945 55.8157 86.0752 55.8009C86.156 55.786 86.233 55.7554 86.3019 55.7107C86.3707 55.666 86.4301 55.6082 86.4765 55.5405C86.523 55.4728 86.5556 55.3965 86.5725 55.3162C86.5898 55.2359 86.591 55.153 86.5761 55.0722C86.5613 54.9914 86.5306 54.9144 86.4858 54.8455C86.4411 54.7766 86.3832 54.7172 86.3155 54.6707C86.2477 54.6243 86.1715 54.5917 86.0911 54.5747L83.1258 53.9446C83.0843 53.9358 83.042 53.9313 82.9996 53.9312V53.9308ZM15.7471 56.3918C15.6637 56.3843 15.5797 56.3941 15.5004 56.4206L8.64617 58.6486C8.56804 58.6738 8.49567 58.7142 8.4332 58.7675C8.37073 58.8208 8.3194 58.8858 8.28215 58.959C8.24489 59.0321 8.22245 59.1119 8.21612 59.1938C8.20978 59.2756 8.21967 59.3579 8.24522 59.4359C8.27043 59.5141 8.31082 59.5865 8.36408 59.649C8.41734 59.7114 8.48241 59.7628 8.55557 59.8001C8.62872 59.8373 8.70852 59.8598 8.79038 59.8661C8.87223 59.8725 8.95454 59.8626 9.03256 59.837L15.8865 57.6089C15.9646 57.5837 16.037 57.5433 16.0995 57.4901C16.162 57.4368 16.2133 57.3717 16.2506 57.2986C16.2879 57.2254 16.3104 57.1456 16.3167 57.0638C16.3231 56.9819 16.3132 56.8996 16.2877 56.8216C16.25 56.7046 16.1785 56.6014 16.0823 56.525C15.9862 56.4485 15.8695 56.4021 15.7471 56.3917V56.3918ZM77.9998 56.4139C77.8774 56.4242 77.7608 56.4705 77.6646 56.5469C77.5684 56.6232 77.4969 56.7264 77.4592 56.8432C77.4335 56.9212 77.4236 57.0035 77.4299 57.0854C77.4362 57.1673 77.4586 57.2471 77.4958 57.3203C77.533 57.3934 77.5843 57.4586 77.6467 57.5119C77.7092 57.5652 77.7815 57.6056 77.8596 57.6309L84.7121 59.8638C84.7901 59.8894 84.8724 59.8993 84.9543 59.8931C85.0362 59.8868 85.116 59.8644 85.1892 59.8272C85.2624 59.79 85.3275 59.7387 85.3808 59.6762C85.4342 59.6138 85.4746 59.5414 85.4999 59.4633C85.5255 59.3853 85.5354 59.303 85.5291 59.2211C85.5228 59.1392 85.5005 59.0594 85.4632 58.9862C85.426 58.9131 85.3747 58.8479 85.3123 58.7946C85.2498 58.7413 85.1775 58.7009 85.0994 58.6756L78.2468 56.4427C78.1672 56.4167 78.0832 56.4069 77.9998 56.4139ZM13.1317 61.2717C13.048 61.2733 12.9655 61.2918 12.8891 61.3259L10.1193 62.559C10.0443 62.5923 9.97651 62.64 9.91995 62.6995C9.86339 62.759 9.81914 62.8291 9.78973 62.9058C9.76033 62.9824 9.74635 63.0641 9.7486 63.1461C9.75084 63.2282 9.76928 63.309 9.80283 63.3839C9.83607 63.459 9.8838 63.5268 9.94329 63.5833C10.0028 63.6399 10.0729 63.6842 10.1495 63.7136C10.2262 63.743 10.3079 63.757 10.3899 63.7548C10.472 63.7525 10.5528 63.7341 10.6277 63.7006L13.3975 62.4676C13.4726 62.4343 13.5403 62.3866 13.5969 62.3271C13.6535 62.2676 13.6977 62.1975 13.7271 62.1209C13.7565 62.0442 13.7705 61.9625 13.7682 61.8805C13.766 61.7984 13.7476 61.7176 13.714 61.6427C13.6643 61.5303 13.5825 61.4351 13.4788 61.3691C13.3752 61.3031 13.2544 61.2692 13.1315 61.2716L13.1317 61.2717ZM80.6121 61.2955C80.4892 61.2928 80.3683 61.3265 80.2645 61.3924C80.1608 61.4584 80.079 61.5536 80.0293 61.666C79.9957 61.7409 79.9772 61.8217 79.9749 61.9038C79.9726 61.9859 79.9866 62.0676 80.0159 62.1443C80.0453 62.221 80.0896 62.2911 80.1461 62.3506C80.2027 62.4101 80.2704 62.4579 80.3455 62.4912L83.1139 63.7262C83.1889 63.7599 83.2697 63.7784 83.3518 63.7807C83.4339 63.783 83.5156 63.7691 83.5923 63.7397C83.669 63.7103 83.7392 63.666 83.7987 63.6095C83.8582 63.5529 83.906 63.4851 83.9393 63.4101C83.9729 63.3352 83.9913 63.2543 83.9936 63.1723C83.9959 63.0902 83.9819 63.0085 83.9526 62.9319C83.9232 62.8552 83.879 62.7851 83.8224 62.7256C83.7659 62.6661 83.6982 62.6183 83.6231 62.585L80.8546 61.35C80.7783 61.3157 80.6958 61.2972 80.6121 61.2955ZM18.5242 62.6494C18.3998 62.6405 18.2756 62.6694 18.1679 62.7323L11.9265 66.3359C11.8553 66.3768 11.7929 66.4313 11.7428 66.4964C11.6928 66.5615 11.6561 66.6358 11.6348 66.7151C11.6136 66.7945 11.6082 66.8772 11.619 66.9586C11.6299 67.04 11.6566 67.1184 11.6979 67.1894C11.7388 67.2606 11.7933 67.323 11.8584 67.373C11.9235 67.423 11.9978 67.4597 12.0771 67.481C12.1564 67.5022 12.2391 67.5076 12.3204 67.4968C12.4018 67.486 12.4803 67.4592 12.5513 67.418L18.7927 63.8147C18.8639 63.7738 18.9263 63.7192 18.9763 63.6541C19.0263 63.589 19.063 63.5147 19.0843 63.4353C19.1055 63.356 19.1109 63.2733 19.1001 63.1919C19.0893 63.1105 19.0625 63.032 19.0213 62.961C18.9704 62.8722 18.8984 62.7974 18.8116 62.743C18.7249 62.6887 18.6261 62.6565 18.524 62.6494H18.5242ZM75.2298 62.6494C75.1277 62.6564 75.0288 62.6884 74.942 62.7428C74.8552 62.7971 74.7831 62.872 74.7323 62.9609C74.691 63.0319 74.6642 63.1104 74.6534 63.1918C74.6426 63.2732 74.648 63.3559 74.6692 63.4353C74.6905 63.5146 74.7271 63.589 74.7772 63.6541C74.8272 63.7192 74.8897 63.7738 74.9609 63.8147L81.2024 67.418C81.2735 67.4592 81.3519 67.486 81.4333 67.4968C81.5147 67.5076 81.5974 67.5022 81.6768 67.481C81.7561 67.4597 81.8304 67.4231 81.8955 67.373C81.9606 67.323 82.0152 67.2606 82.0561 67.1894C82.0974 67.1184 82.1241 67.04 82.135 66.9586C82.1458 66.8772 82.1404 66.7945 82.1192 66.7151C82.0979 66.6358 82.0612 66.5615 82.0112 66.4964C81.9611 66.4313 81.8987 66.3768 81.8275 66.3359L75.5858 62.7323C75.4781 62.6697 75.3541 62.6409 75.2298 62.6494ZM16.9674 67.9377C16.8428 67.9422 16.7224 67.9838 16.6216 68.0572L14.1678 69.8375C14.1012 69.8856 14.0448 69.9463 14.0018 70.0162C13.9588 70.0862 13.93 70.1639 13.9171 70.245C13.9042 70.3261 13.9074 70.4089 13.9266 70.4888C13.9459 70.5686 13.9806 70.6438 14.029 70.7102C14.0771 70.7767 14.1378 70.8331 14.2077 70.8761C14.2777 70.9191 14.3554 70.9479 14.4365 70.9608C14.5175 70.9737 14.6003 70.9705 14.6802 70.9513C14.76 70.9321 14.8352 70.8973 14.9016 70.849L17.3556 69.0686C17.4222 69.0205 17.4786 68.9598 17.5216 68.8899C17.5646 68.8199 17.5934 68.7422 17.6063 68.6611C17.6192 68.5801 17.616 68.4972 17.5968 68.4174C17.5776 68.3376 17.5429 68.2624 17.4946 68.196C17.4346 68.113 17.3552 68.046 17.2632 68.0009C17.1713 67.9559 17.0696 67.9342 16.9673 67.9377H16.9674ZM76.7714 67.9588C76.6691 67.9551 76.5675 67.9767 76.4756 68.0216C76.3836 68.0666 76.3042 68.1335 76.2443 68.2165C76.1959 68.2828 76.1611 68.3581 76.1418 68.4379C76.1226 68.5177 76.1192 68.6006 76.1321 68.6817C76.145 68.7628 76.1737 68.8405 76.2167 68.9105C76.2597 68.9804 76.3161 69.0412 76.3826 69.0893L78.8352 70.8714C78.9015 70.9198 78.9768 70.9546 79.0566 70.9739C79.1364 70.9931 79.2192 70.9964 79.3003 70.9836C79.3814 70.9707 79.4592 70.942 79.5291 70.899C79.5991 70.856 79.6598 70.7996 79.7079 70.733C79.7563 70.6667 79.7911 70.5915 79.8104 70.5118C79.8296 70.432 79.8329 70.3492 79.8201 70.2681C79.8073 70.187 79.7786 70.1093 79.7356 70.0393C79.6927 69.9694 79.6364 69.9086 79.5699 69.8605L77.1173 68.0784C77.0165 68.0049 76.8961 67.9631 76.7714 67.9586V67.9588ZM22.5247 68.1745C22.4427 68.17 22.3606 68.1818 22.2832 68.2093C22.2058 68.2367 22.1346 68.2792 22.0737 68.3344L16.7139 73.1525C16.6527 73.2073 16.603 73.2736 16.5675 73.3476C16.532 73.4216 16.5115 73.502 16.5071 73.5839C16.5028 73.6659 16.5147 73.748 16.5421 73.8253C16.5695 73.9027 16.612 73.9739 16.667 74.0349C16.7217 74.096 16.788 74.1458 16.8621 74.1813C16.9361 74.2167 17.0164 74.2372 17.0984 74.2416C17.1804 74.246 17.2624 74.2341 17.3398 74.2067C17.4172 74.1792 17.4884 74.1368 17.5493 74.0818L22.9092 69.2636C22.9703 69.2088 23.0201 69.1426 23.0556 69.0685C23.091 68.9945 23.1116 68.9142 23.1159 68.8322C23.1203 68.7502 23.1084 68.6682 23.081 68.5908C23.0535 68.5134 23.0111 68.4422 22.9561 68.3813C22.9013 68.3201 22.8351 68.2703 22.761 68.2348C22.687 68.1993 22.6067 68.1788 22.5247 68.1745ZM71.214 68.1917C71.0484 68.2006 70.8932 68.2749 70.7823 68.3982C70.7273 68.4591 70.6848 68.5303 70.6573 68.6076C70.6298 68.685 70.6178 68.7671 70.6221 68.8491C70.6264 68.9311 70.6469 69.0114 70.6823 69.0855C70.7178 69.1595 70.7675 69.2259 70.8286 69.2807L76.1852 74.1025C76.2461 74.1576 76.3173 74.2001 76.3947 74.2275C76.4721 74.255 76.5541 74.2669 76.6361 74.2626C76.7181 74.2583 76.7984 74.2379 76.8725 74.2025C76.9465 74.167 77.0129 74.1173 77.0677 74.0562C77.1228 73.9953 77.1653 73.9242 77.1927 73.8468C77.2202 73.7695 77.2321 73.6874 77.2278 73.6054C77.2235 73.5235 77.2031 73.4431 77.1676 73.3691C77.1322 73.295 77.0825 73.2287 77.0214 73.1739L71.6647 68.3519C71.6038 68.2968 71.5327 68.2543 71.4554 68.2268C71.3781 68.1993 71.2961 68.1874 71.2142 68.1917H71.214ZM27.6098 72.7689C27.5075 72.7651 27.4058 72.7866 27.3138 72.8315C27.2218 72.8764 27.1423 72.9433 27.0823 73.0262L22.8427 78.8542C22.7942 78.9205 22.7593 78.9957 22.74 79.0755C22.7207 79.1553 22.7173 79.2381 22.7301 79.3192C22.7428 79.4003 22.7715 79.4781 22.8144 79.5481C22.8573 79.618 22.9136 79.6789 22.9801 79.7271C23.0464 79.7755 23.1216 79.8104 23.2014 79.8297C23.2812 79.849 23.364 79.8524 23.4451 79.8396C23.5262 79.8269 23.604 79.7982 23.674 79.7553C23.744 79.7124 23.8048 79.6561 23.853 79.5896L28.0928 73.7614C28.1413 73.6952 28.1761 73.62 28.1955 73.5402C28.2148 73.4604 28.2182 73.3776 28.2054 73.2965C28.1926 73.2154 28.164 73.1376 28.121 73.0676C28.0781 72.9976 28.0218 72.9368 27.9553 72.8886C27.8547 72.815 27.7343 72.7733 27.6098 72.7689ZM66.1096 72.7951C65.9851 72.7994 65.8646 72.8409 65.7638 72.9143C65.6972 72.9623 65.6408 73.0231 65.5978 73.093C65.5548 73.1629 65.526 73.2406 65.5131 73.3217C65.5002 73.4028 65.5035 73.4856 65.5227 73.5654C65.5419 73.6452 65.5766 73.7205 65.625 73.7868L69.8568 79.6206C69.9049 79.6872 69.9656 79.7436 70.0355 79.7867C70.1054 79.8297 70.1832 79.8585 70.2643 79.8714C70.3454 79.8843 70.4282 79.8811 70.508 79.8619C70.5879 79.8427 70.6631 79.8079 70.7295 79.7596C70.7961 79.7115 70.8525 79.6508 70.8955 79.5808C70.9386 79.5109 70.9674 79.4332 70.9803 79.3521C70.9932 79.271 70.99 79.1882 70.9708 79.1083C70.9516 79.0285 70.9168 78.9532 70.8684 78.8869L66.6365 73.0531C66.5766 72.9701 66.4972 72.9032 66.4053 72.8582C66.3133 72.8132 66.2118 72.7915 66.1095 72.7951H66.1096ZM22.1367 73.6952C21.971 73.7041 21.8157 73.7784 21.7048 73.9017L19.6764 76.1549C19.6213 76.2158 19.5788 76.287 19.5513 76.3644C19.5238 76.4417 19.5119 76.5238 19.5162 76.6058C19.5205 76.6878 19.5409 76.7681 19.5763 76.8422C19.6117 76.9162 19.6614 76.9826 19.7225 77.0374C19.7834 77.0925 19.8546 77.135 19.932 77.1625C20.0093 77.1899 20.0914 77.2019 20.1734 77.1975C20.2554 77.1932 20.3357 77.1727 20.4097 77.1373C20.4838 77.1018 20.5501 77.0521 20.6049 76.991L22.6337 74.7382C22.6887 74.6773 22.7312 74.6061 22.7587 74.5287C22.7862 74.4513 22.7981 74.3692 22.7938 74.2872C22.7895 74.2052 22.7691 74.1249 22.7336 74.0508C22.6982 73.9767 22.6485 73.9104 22.5873 73.8555C22.5265 73.8005 22.4553 73.7579 22.378 73.7305C22.3007 73.703 22.2186 73.691 22.1367 73.6954V73.6952ZM71.6138 73.6982C71.5318 73.6937 71.4498 73.7056 71.3724 73.7331C71.2951 73.7606 71.224 73.8032 71.1632 73.8584C71.1021 73.9132 71.0524 73.9795 71.0169 74.0535C70.9815 74.1276 70.961 74.2079 70.9567 74.2899C70.9524 74.3719 70.9643 74.4539 70.9918 74.5313C71.0193 74.6086 71.0617 74.6798 71.1168 74.7407L73.145 76.9941C73.1997 77.0552 73.2661 77.1049 73.3401 77.1404C73.4142 77.1758 73.4945 77.1963 73.5765 77.2006C73.6585 77.2049 73.7405 77.1929 73.8179 77.1655C73.8952 77.138 73.9664 77.0955 74.0273 77.0404C74.0885 76.9856 74.1382 76.9192 74.1736 76.8451C74.2091 76.771 74.2295 76.6907 74.2338 76.6087C74.2381 76.5267 74.2262 76.4446 74.1987 76.3672C74.1712 76.2898 74.1287 76.2187 74.0736 76.1577L72.0454 73.9047C71.9906 73.8435 71.9243 73.7937 71.8502 73.7582C71.7761 73.7228 71.6957 73.7023 71.6136 73.698L71.6138 73.6982ZM33.5304 76.1974C33.4076 76.1947 33.2867 76.2284 33.183 76.2943C33.0793 76.3603 32.9975 76.4555 32.9479 76.5679L30.0114 83.1498C29.9778 83.2248 29.9594 83.3056 29.9571 83.3876C29.9548 83.4697 29.9688 83.5514 29.9981 83.6281C30.0275 83.7047 30.0717 83.7748 30.1283 83.8343C30.1848 83.8939 30.2526 83.9416 30.3276 83.9749C30.4025 84.0085 30.4833 84.027 30.5654 84.0293C30.6475 84.0316 30.7292 84.0177 30.8059 83.9883C30.8825 83.9589 30.9527 83.9147 31.0122 83.8582C31.0717 83.8017 31.1195 83.7339 31.1528 83.6589L34.0891 77.077C34.1228 77.0021 34.1412 76.9213 34.1435 76.8392C34.1458 76.7572 34.1319 76.6754 34.1025 76.5988C34.0731 76.5221 34.0289 76.452 33.9723 76.3924C33.9158 76.3329 33.848 76.2851 33.773 76.2519C33.6966 76.2176 33.6141 76.1991 33.5304 76.1974ZM60.1842 76.2155C60.1005 76.2171 60.018 76.2355 59.9415 76.2697C59.8664 76.3028 59.7986 76.3505 59.742 76.41C59.6854 76.4695 59.6411 76.5395 59.6116 76.6161C59.5821 76.6928 59.5681 76.7745 59.5702 76.8566C59.5724 76.9386 59.5908 77.0195 59.6243 77.0944L62.5516 83.6802C62.5848 83.7553 62.6326 83.8231 62.692 83.8797C62.7515 83.9363 62.8216 83.9806 62.8982 84.0101C62.9749 84.0395 63.0566 84.0536 63.1386 84.0514C63.2207 84.0492 63.3016 84.0308 63.3765 83.9973C63.4516 83.9641 63.5194 83.9164 63.576 83.857C63.6326 83.7975 63.6769 83.7275 63.7063 83.6509C63.7358 83.5742 63.7498 83.4926 63.7476 83.4105C63.7454 83.3285 63.7271 83.2477 63.6936 83.1727L60.7663 76.5869C60.7166 76.4745 60.6349 76.3794 60.5314 76.3133C60.4278 76.2472 60.3071 76.2132 60.1842 76.2155ZM28.3705 78.2324C28.2684 78.2393 28.1696 78.2714 28.0828 78.3257C27.9961 78.3801 27.9241 78.455 27.8732 78.5438L26.3575 81.1693C26.3163 81.2403 26.2895 81.3188 26.2787 81.4002C26.2679 81.4816 26.2732 81.5643 26.2945 81.6436C26.3157 81.7229 26.3524 81.7972 26.4025 81.8623C26.4525 81.9274 26.5149 81.982 26.5861 82.0229C26.6571 82.0641 26.7356 82.0909 26.8169 82.1017C26.8983 82.1125 26.9811 82.1071 27.0604 82.0859C27.1397 82.0647 27.214 82.028 27.2791 81.9779C27.3442 81.9279 27.3987 81.8655 27.4396 81.7943L28.9555 79.1686C28.9968 79.0976 29.0235 79.0191 29.0343 78.9377C29.0451 78.8563 29.0398 78.7736 29.0185 78.6943C28.9972 78.615 28.9605 78.5407 28.9105 78.4756C28.8604 78.4105 28.798 78.356 28.7268 78.3151C28.619 78.2526 28.4949 78.2238 28.3705 78.2324ZM65.3836 78.2324C65.2593 78.2235 65.1353 78.2524 65.0276 78.3152C64.9565 78.3561 64.8941 78.4107 64.844 78.4758C64.794 78.5409 64.7573 78.6152 64.736 78.6945C64.7148 78.7738 64.7094 78.8565 64.7202 78.9379C64.731 79.0193 64.7578 79.0978 64.799 79.1688L66.3148 81.7943C66.3557 81.8655 66.4103 81.9279 66.4753 81.9779C66.5404 82.028 66.6148 82.0647 66.6941 82.0859C66.7734 82.1071 66.8561 82.1125 66.9375 82.1017C67.0189 82.0909 67.0973 82.0641 67.1683 82.0229C67.2395 81.982 67.3019 81.9274 67.352 81.8623C67.402 81.7972 67.4387 81.7229 67.46 81.6436C67.4812 81.5643 67.4866 81.4816 67.4758 81.4002C67.4649 81.3188 67.4382 81.2403 67.3969 81.1693L65.8812 78.544C65.8302 78.4552 65.7582 78.3803 65.6714 78.3259C65.5846 78.2716 65.4858 78.2395 65.3836 78.2324ZM40.0674 78.3265C39.9235 78.3253 39.7836 78.3739 39.6715 78.4641C39.5594 78.5544 39.482 78.6807 39.4525 78.8215L37.9548 85.8716C37.9375 85.9518 37.9363 86.0347 37.9512 86.1155C37.9661 86.1962 37.9968 86.2732 38.0415 86.3421C38.0862 86.4109 38.1441 86.4703 38.2118 86.5167C38.2796 86.5631 38.3558 86.5957 38.4362 86.6126C38.5164 86.6298 38.5994 86.6311 38.6801 86.6162C38.7609 86.6013 38.8379 86.5706 38.9068 86.5259C38.9757 86.4812 39.035 86.4233 39.0814 86.3555C39.1279 86.2878 39.1605 86.2115 39.1773 86.1312L40.6751 79.0813C40.6946 78.9906 40.6936 78.8966 40.6721 78.8063C40.6507 78.716 40.6093 78.6316 40.5511 78.5593C40.4928 78.487 40.4192 78.4286 40.3355 78.3884C40.2518 78.3482 40.1602 78.3272 40.0674 78.3269V78.3265ZM53.6648 78.3309C53.572 78.3312 53.4804 78.3522 53.3968 78.3923C53.3132 78.4325 53.2395 78.4908 53.1813 78.563C53.1231 78.6353 53.0817 78.7196 53.0602 78.8098C53.0387 78.9001 53.0376 78.994 53.057 79.0847L54.5495 86.1358C54.5663 86.2162 54.5988 86.2924 54.6452 86.3602C54.6916 86.428 54.7509 86.4859 54.8197 86.5307C54.8885 86.5755 54.9655 86.6062 55.0463 86.6212C55.127 86.6361 55.2099 86.635 55.2902 86.6178C55.3706 86.601 55.4469 86.5684 55.5146 86.5221C55.5824 86.4757 55.6404 86.4164 55.6851 86.3476C55.7299 86.2787 55.7607 86.2017 55.7756 86.121C55.7906 86.0402 55.7894 85.9573 55.7722 85.877L54.2793 78.8264C54.2499 78.6856 54.1726 78.5592 54.0606 78.4689C53.9485 78.3785 53.8087 78.3297 53.6648 78.3307V78.3309ZM46.8771 79.042C46.795 79.0418 46.7136 79.0579 46.6377 79.0892C46.5618 79.1206 46.4929 79.1666 46.4348 79.2246C46.3768 79.2827 46.3308 79.3517 46.2994 79.4276C46.2681 79.5035 46.2521 79.5848 46.2523 79.6669V86.874C46.2521 86.9561 46.2681 87.0375 46.2994 87.1134C46.3308 87.1893 46.3768 87.2583 46.4349 87.3163C46.4929 87.3744 46.5619 87.4204 46.6378 87.4518C46.7137 87.4831 46.7951 87.4991 46.8772 87.4989C46.9593 87.4991 47.0406 87.483 47.1165 87.4517C47.1924 87.4203 47.2613 87.3743 47.3194 87.3162C47.3774 87.2581 47.4234 87.1892 47.4547 87.1133C47.486 87.0374 47.5021 86.9561 47.5019 86.874V79.6671C47.5021 79.585 47.486 79.5036 47.4547 79.4277C47.4234 79.3518 47.3774 79.2829 47.3193 79.2248C47.2613 79.1667 47.1923 79.1207 47.1164 79.0894C47.0405 79.058 46.9592 79.042 46.8771 79.0421V79.042ZM35.4076 81.3711C35.2852 81.3814 35.1685 81.4278 35.0723 81.5042C34.9761 81.5807 34.9046 81.6839 34.8668 81.8008L33.9297 84.684C33.9042 84.762 33.8943 84.8444 33.9006 84.9262C33.9069 85.0081 33.9294 85.0879 33.9666 85.1611C34.0039 85.2343 34.0553 85.2994 34.1178 85.3526C34.1803 85.4059 34.2527 85.4463 34.3308 85.4715C34.4089 85.497 34.4912 85.5069 34.573 85.5005C34.6549 85.4942 34.7347 85.4717 34.8078 85.4344C34.881 85.3971 34.946 85.3458 34.9993 85.2833C35.0526 85.2208 35.0929 85.1484 35.1182 85.0703L36.0553 82.1872C36.0808 82.1092 36.0907 82.0269 36.0844 81.945C36.078 81.8632 36.0556 81.7834 36.0184 81.7102C35.9811 81.6371 35.9298 81.572 35.8673 81.5187C35.8048 81.4655 35.7325 81.4251 35.6543 81.3999C35.5748 81.3739 35.491 81.3641 35.4076 81.3711ZM58.3418 81.3725C58.2584 81.365 58.1745 81.3747 58.0951 81.401C58.0169 81.4263 57.9445 81.4667 57.882 81.5199C57.8195 81.5732 57.7681 81.6383 57.7308 81.7114C57.6936 81.7846 57.6711 81.8644 57.6647 81.9463C57.6584 82.0282 57.6683 82.1105 57.6938 82.1885L58.6305 85.0717C58.6557 85.1499 58.6961 85.2223 58.7494 85.2848C58.8026 85.3473 58.8677 85.3987 58.9409 85.4359C59.0141 85.4732 59.0939 85.4956 59.1758 85.502C59.2576 85.5083 59.34 85.4984 59.418 85.4728C59.4961 85.4477 59.5685 85.4073 59.631 85.3541C59.6935 85.3008 59.7449 85.2358 59.7822 85.1626C59.8195 85.0895 59.842 85.0097 59.8484 84.9278C59.8547 84.846 59.8449 84.7637 59.8194 84.6856L58.8823 81.8023C58.8445 81.6854 58.7731 81.5823 58.677 81.5058C58.5809 81.4293 58.4643 81.383 58.3419 81.3725H58.3418ZM42.9551 82.9782C42.8118 82.9921 42.6777 83.0551 42.5757 83.1566C42.4736 83.2581 42.4097 83.3917 42.395 83.5349L42.0781 86.5501C42.0693 86.6317 42.0768 86.7143 42.1 86.793C42.1232 86.8717 42.1618 86.9451 42.2134 87.0089C42.2651 87.0727 42.3289 87.1256 42.4011 87.1647C42.4733 87.2038 42.5525 87.2282 42.6341 87.2366C42.7158 87.2454 42.7983 87.238 42.8771 87.2148C42.9559 87.1915 43.0293 87.153 43.0931 87.1013C43.1569 87.0496 43.2099 86.9859 43.249 86.9137C43.2881 86.8415 43.3126 86.7622 43.321 86.6806L43.6379 83.6657C43.6467 83.584 43.6392 83.5015 43.616 83.4227C43.5928 83.3439 43.5542 83.2705 43.5026 83.2067C43.4509 83.1429 43.3871 83.0899 43.3149 83.0508C43.2427 83.0117 43.1635 82.9873 43.0818 82.9788C43.0397 82.9745 42.9972 82.9743 42.9551 82.9782ZM50.7741 82.9812C50.7319 82.9767 50.6893 82.9769 50.6471 82.9818C50.5654 82.9902 50.4862 83.0145 50.4139 83.0536C50.3417 83.0926 50.2779 83.1455 50.2262 83.2093C50.1745 83.2731 50.1358 83.3464 50.1125 83.4251C50.0892 83.5039 50.0817 83.5864 50.0904 83.6681L50.4054 86.6835C50.4137 86.7652 50.4381 86.8444 50.4772 86.9166C50.5162 86.9888 50.5691 87.0526 50.6329 87.1043C50.6967 87.156 50.77 87.1946 50.8488 87.2179C50.9275 87.2411 51.01 87.2486 51.0917 87.2399C51.1734 87.2316 51.2526 87.2072 51.3248 87.1681C51.3971 87.1291 51.4609 87.0761 51.5126 87.0124C51.5643 86.9486 51.603 86.8752 51.6263 86.7965C51.6495 86.7177 51.657 86.6352 51.6483 86.5535L51.3336 83.5383C51.319 83.3951 51.2553 83.2614 51.1533 83.1599C51.0512 83.0583 50.9173 82.9952 50.774 82.9812H50.7741Z" fill="#F4F2F3"/>
+<g opacity="0.409" filter="url(#filter0_f_101_205)">
+<path d="M76.1617 21.884L41.9764 41.7457L20.3621 75.7729L51.9821 52.3523L76.1617 21.884Z" fill="black"/>
+</g>
+<path d="M51.7763 52.0077L41.9775 41.7463L76.7371 18.3636L51.7763 52.0077Z" fill="#FF5150"/>
+<path d="M51.7765 52.0076L41.9778 41.7462L17.0171 75.3905L51.7765 52.0076Z" fill="#F1F1F1"/>
+<path opacity="0.243" d="M17.0166 75.3905L51.776 52.0077L76.737 18.3636L17.0166 75.3905Z" fill="black"/>
+<defs>
+<filter id="filter0_f_101_205" x="14.903" y="16.425" width="66.7176" height="64.8069" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.72951" result="effect1_foregroundBlur_101_205"/>
+</filter>
+<linearGradient id="paint0_linear_101_205" x1="46.8753" y1="93.3761" x2="46.8753" y2="0.37677" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BDBDBD"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<radialGradient id="paint1_radial_101_205" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(47.07 40.6279) scale(46.4999 46.4999)">
+<stop stop-color="#06C2E7"/>
+<stop offset="0.25" stop-color="#0DB8EC"/>
+<stop offset="0.5" stop-color="#12AEF1"/>
+<stop offset="0.75" stop-color="#1F86F9"/>
+<stop offset="1" stop-color="#107DDD"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/tor.svg b/apps/web/public/logos/browsers/tor.svg
new file mode 100644
index 0000000000..01abb90849
--- /dev/null
+++ b/apps/web/public/logos/browsers/tor.svg
@@ -0,0 +1,12 @@
+<svg width="61" height="93" viewBox="0 0 61 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.8048 6.94242L32.3301 16.7712C35.8355 9.82931 41.4029 4.60563 47.7958 0C43.1217 5.43003 38.8603 10.8606 36.2482 16.2906C40.6475 10.1041 46.5587 6.66763 53.2258 4.39928C44.3588 12.304 37.3207 20.7865 31.9591 29.3093L27.6978 27.4536C28.4527 20.6491 31.024 13.679 34.8048 6.94242Z" fill="#ABCD03"/>
+<path d="M23.425 25.6468L31.536 29.0118C31.536 31.0743 31.3684 37.365 32.6584 39.2206C46.1476 56.5938 43.8783 91.4186 29.9255 92.312C8.67797 92.312 0.574951 77.878 0.574951 64.6117C0.574951 52.5141 15.0778 44.472 23.739 37.3237C25.9384 35.3991 25.5564 31.1458 23.425 25.6468Z" fill="#FFFCDB"/>
+<path d="M31.5381 28.8906L34.4612 30.3818C34.1864 32.3059 34.5986 36.5683 36.5227 37.6675C45.0465 42.9601 53.0881 48.7339 56.2503 54.5077C67.523 74.8538 48.3456 93.687 31.7802 91.8998C40.7846 85.2322 43.3967 71.5542 40.0286 56.6381C38.6541 50.7954 36.5227 45.5028 32.742 39.5226C31.1042 36.5874 31.676 32.9466 31.5381 28.8906Z" fill="#7D4698"/>
+<path d="M30.1309 28.3883L36.1795 29.2132C34.3923 35.1243 39.6854 39.2483 41.4037 40.2111C45.2529 42.3421 48.9646 44.5415 51.9205 47.222C54.6739 49.7318 56.8727 52.7891 58.376 56.1981C59.8792 59.607 60.6538 63.2924 60.6501 67.018C60.6501 74.51 57.2131 81.7273 51.4393 86.5387C46.0093 91.0754 38.5173 93 31.2311 93C26.6944 93 22.6389 92.7942 18.2401 91.3502C8.20495 87.9822 0.71243 79.3905 0.0938825 69.0795C-0.456217 61.0374 1.33098 54.9199 7.58641 48.5275C10.8165 45.1595 17.3468 41.3103 21.815 38.2171C24.0149 36.7047 26.3517 32.4428 21.8835 24.4012L22.7773 23.7137L29.3991 28.1487L23.8085 25.8446C24.2897 26.5321 25.5957 29.6254 25.871 30.5187C26.4896 33.0618 26.2148 35.537 25.6647 36.6362C22.8468 41.723 18.0353 43.0975 14.5298 45.9844C8.34336 51.0707 1.60729 55.1262 2.36323 69.0795C2.70698 75.953 8.06856 84.3388 16.1102 88.257C20.6469 90.4569 25.871 91.3502 31.1637 91.625C35.9062 91.8314 44.9796 89.0129 49.9284 84.889C55.2211 80.4902 58.1769 73.8225 58.1769 67.018C58.1769 60.144 55.4274 53.6143 50.2722 49.0087C47.3164 46.3281 42.4364 43.0975 39.4121 41.3788C36.3879 39.6605 32.6071 34.849 33.8442 30.2439L30.1309 28.3883Z" fill="black"/>
+<path d="M28.2752 38.5613C27.6567 41.7235 26.9692 47.4283 24.2197 49.5592C23.0511 50.3836 21.8824 51.209 20.6453 52.0334C15.6964 55.402 10.747 58.5632 8.47921 66.6742C7.99806 68.393 8.41076 70.2486 8.82346 71.9669C10.0606 76.9157 13.566 82.2773 16.3155 85.4395C16.3155 85.5769 16.8656 85.9207 16.8656 86.0581C19.1339 88.7391 19.8214 89.495 28.4131 91.4191L28.2068 92.3819C23.0516 91.0074 18.7902 89.7703 16.1091 86.6766C16.1091 86.6081 15.628 86.1265 15.628 86.1265C12.7411 82.8269 9.23515 77.3284 7.92961 72.1732C7.44846 70.1107 7.03627 68.5304 7.58586 66.3989C9.92265 58.0136 15.0094 54.714 20.1647 51.2085C21.3333 50.4526 22.7078 49.7646 23.8075 48.8712C25.9379 47.2909 27.1061 42.4789 28.2752 38.5613Z" fill="black"/>
+<path d="M30.473 51.6208C30.5419 55.1952 30.1932 56.9879 31.0865 59.5315C31.6361 61.0434 33.4933 63.1059 34.0434 65.0995C34.7993 67.7805 35.6227 70.7359 35.5532 72.5231C35.5532 74.5855 35.4244 78.4327 34.531 82.5572C33.8496 85.9655 32.2798 88.8896 29.6395 90.547C26.9354 89.9903 23.7601 89.0396 21.8858 87.4331C18.243 84.2714 15.0164 78.9843 14.6037 74.3787C14.2604 70.599 17.7608 65.0235 22.6408 62.2055C26.7647 59.7998 27.724 57.0579 28.6174 52.6586C27.3803 56.5078 26.2182 59.7349 22.2316 61.7964C16.4578 64.8212 13.4954 69.8979 13.7702 74.7094C14.1824 80.8948 16.6596 85.0873 21.5395 88.4553C23.6015 89.8987 27.4537 91.4242 29.8595 91.8369V91.5224C31.6839 91.1806 34.0464 88.184 35.2231 84.13C36.2543 80.4872 36.6605 75.8247 36.591 72.8688C36.5221 71.1506 35.7641 67.4292 34.3891 64.0612C33.6332 62.2055 32.4721 60.3504 31.7156 59.0444C30.8917 57.7373 30.8857 54.9199 30.473 51.6208Z" fill="black"/>
+<path d="M30.0647 65.0994C30.1332 67.5051 31.0995 70.5873 31.5117 73.7495C31.8559 76.0868 31.7065 78.4346 31.6375 80.4971C31.5696 82.8842 30.7744 87.1617 29.6872 89.2418C28.662 88.7718 28.2614 88.2352 27.5951 87.3701C26.7707 86.2014 26.211 85.0328 25.6609 83.6583C25.2482 82.6271 24.7665 81.4468 24.5597 80.0723C24.2849 78.0103 24.3619 74.7842 26.6987 71.4846C28.4859 68.8726 28.8956 68.6743 29.5141 65.65C28.6887 68.3305 28.0732 68.6038 26.1481 70.8716C24.0176 73.3463 23.6633 76.9912 23.6633 79.9465C23.6633 81.1841 24.1566 82.5571 24.6382 83.8626C25.1878 85.2376 25.6599 86.6066 26.4158 87.6373C27.5523 89.3088 29.0068 90.2595 29.7184 90.4371C29.7235 90.4382 29.7295 90.4361 29.734 90.4371C29.7491 90.4407 29.7668 90.4497 29.7814 90.4522V90.3742C31.1151 88.887 31.9178 87.4098 32.1876 85.9231C32.5314 84.1359 32.6104 82.3447 32.8167 80.2138C33.0231 78.4271 32.8736 76.0193 32.3924 73.5451C31.7054 70.4519 30.5454 67.2983 30.0647 65.0994Z" fill="black"/>
+<path d="M30.2681 35.6744C30.3371 39.2483 30.6119 45.9164 31.5742 48.528C31.849 49.4213 34.3921 53.3395 36.1788 58.082C37.4164 61.3816 37.6912 64.4059 37.8975 65.2992C38.7224 69.2174 37.6912 75.816 36.3162 82.0709C35.6292 85.439 33.2919 89.6319 30.6114 91.2817L30.0618 92.244C31.5742 92.1751 35.2854 88.5322 36.5915 83.9955C38.7914 76.2972 39.6847 72.7228 38.654 64.1995C38.5166 63.3741 38.1728 60.5567 36.8668 57.5319C34.9422 52.9263 32.1927 48.5275 31.8495 47.6336C31.2304 46.1907 30.4055 39.9358 30.2681 35.6744Z" fill="black"/>
+<path d="M31.5582 30.7864C31.3539 34.459 31.2996 35.8118 31.9866 38.4924C32.7425 41.4482 36.5922 45.7096 38.173 50.59C41.1973 59.9382 40.4414 72.1732 38.2415 81.7272C37.4171 85.0948 33.4984 89.9757 29.5808 91.5561L32.4677 92.2435C34.0485 92.1746 38.1036 88.3944 39.6849 84.064C42.2276 77.259 42.7092 69.1484 41.678 60.6252C41.609 59.8003 40.234 52.4457 38.9285 49.3524C37.0723 44.7473 33.7727 40.6228 33.4295 39.73C32.8115 38.2176 31.4531 35.0775 31.5582 30.7864Z" fill="black"/>
+<path d="M29.373 28.2009H29.6499V91.6259H29.373V28.2009Z" fill="black"/>
+</svg>
diff --git a/apps/web/public/logos/browsers/vivaldi.svg b/apps/web/public/logos/browsers/vivaldi.svg
new file mode 100644
index 0000000000..ddd6e504ec
--- /dev/null
+++ b/apps/web/public/logos/browsers/vivaldi.svg
@@ -0,0 +1,11 @@
+<svg width="94" height="93" viewBox="0 0 94 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.5945 93C67.0052 93 78.3467 93 85.7781 85.597C93.189 78.1939 93.189 66.8739 93.189 46.4898C93.189 26.1056 93.189 14.7857 85.7781 7.38258C78.3467 0 67.0052 0 46.5945 0C26.1838 0 14.8423 0 7.4109 7.40309C0 14.8062 0 26.1261 0 46.5103C0 66.8944 0 78.2144 7.4109 85.6175C14.8423 93 26.1838 93 46.5945 93Z" fill="#EF3939"/>
+<path d="M76.8928 29.3048C72.4298 21.4915 64.9575 15.4009 55.5608 12.8785C36.9108 7.89527 17.7489 18.9281 12.7537 37.5282C10.2357 46.8794 11.7915 56.3743 16.3363 64.126C16.3978 64.2285 16.4592 64.3516 16.5411 64.4541L32.9597 92.8565C35.6825 92.9386 38.6304 92.9591 41.8036 92.9591H46.4303C55.4994 92.9591 62.7875 92.9591 68.7449 92.3028C76.1762 91.4826 81.499 89.6574 85.6139 85.556C91.6122 79.5679 92.7586 70.9959 92.9838 57.1125C83.4029 40.5427 76.9132 29.3253 76.8928 29.3048Z" fill="url(#paint0_linear_101_164)"/>
+<path d="M71.1196 21.9017C57.5056 8.28496 35.4162 8.28496 21.7818 21.9017C8.1678 35.5185 8.1678 57.5842 21.7818 71.1804C35.3957 84.7972 57.4852 84.7972 71.1196 71.1804C84.7541 57.5637 84.7541 35.498 71.1196 21.9017ZM69.0315 37.9178C63.2788 47.9048 57.5261 57.8918 51.7734 67.8993C50.7089 69.7654 49.153 70.8728 47.0239 71.0369C44.6491 71.2009 42.7657 70.1961 41.5578 68.1454C37.9138 61.8907 34.3107 55.595 30.7076 49.3198C28.5171 45.5055 26.3061 41.6911 24.1156 37.8563C21.9046 34.0009 24.4022 29.3048 28.8242 29.0792C31.158 28.9562 32.9596 30.0431 34.1469 32.0733C35.7642 34.8417 37.3611 37.6512 38.9784 40.4402C40.1453 42.4499 41.2712 44.4801 42.4586 46.4488C44.1783 49.3403 46.7168 50.9604 50.0947 51.1654C54.8647 51.4525 59.3072 47.9868 59.8804 42.9216C59.9214 42.5524 59.9418 42.1628 59.9623 41.9782C59.9418 40.3377 59.6347 38.9432 58.9796 37.6512C57.1986 34.083 59.1025 30.0841 62.9717 29.2228C66.1244 28.5255 69.4 30.8428 69.8094 34.042C70.0141 35.4159 69.7275 36.7079 69.0315 37.9178Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_101_164" x1="29.1307" y1="16.3219" x2="73.4086" y2="93.4346" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.2"/>
+<stop offset="0.7908" stop-opacity="0.05"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/browsers/waterfox.svg b/apps/web/public/logos/browsers/waterfox.svg
new file mode 100644
index 0000000000..471921def2
--- /dev/null
+++ b/apps/web/public/logos/browsers/waterfox.svg
@@ -0,0 +1,6 @@
+<svg width="81" height="93" viewBox="0 0 81 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.3948 11.2288C30.2453 11.2288 20.5114 15.2607 13.3347 22.4375C6.15786 29.6143 2.12598 39.3481 2.12598 49.4976C2.12598 59.6472 6.15786 69.381 13.3347 76.5578C20.5114 83.7346 30.2453 87.7665 40.3948 87.7665C50.5443 87.7665 60.2781 83.7346 67.4549 76.5578C74.6317 69.381 78.6636 59.6472 78.6636 49.4976C78.6636 39.3481 74.6317 29.6143 67.4549 22.4375C60.2781 15.2607 50.5443 11.2288 40.3948 11.2288Z" fill="#354358"/>
+<path opacity="0.2" d="M44.8799 3.11023C43.8825 3.11654 41.9804 3.28372 41.0069 3.55337C37.7558 4.45429 34.7237 8.68569 33.6009 11.7643C33.432 12.2273 33.2148 12.6499 33.1152 12.6992C33.0156 12.7486 32.6266 12.8456 32.2532 12.9238C28.406 13.7291 23.7086 15.4937 20.4886 17.337C13.2482 21.4818 7.69401 27.3654 4.07999 34.7169C2.03888 38.8688 0.881811 42.6767 0.213078 47.4467C-0.0708067 49.4717 -0.071245 55.6005 0.213078 57.627C1.49608 66.7531 5.3208 74.5756 11.6074 80.9438C18.7698 88.1991 27.9657 92.3333 38.3662 92.9755C39.6587 93.0553 43.5714 92.9292 45.0923 92.757C49.3372 92.2765 53.8573 90.9812 57.7433 89.1329C70.4132 83.1068 79.0498 71.026 80.6412 57.1171C80.7197 56.4309 80.7863 54.5564 80.7869 52.9345C81.0334 48.3021 79.1309 43.7044 77.2235 40.32C75.2524 36.2362 74.8725 32.6967 74.5821 28.3441C74.6221 28.0782 74.617 27.8029 74.5759 27.737C69.3541 29.3427 64.8843 33.5618 62.1357 37.4656C60.2771 40.4314 59.0598 43.4613 59.0545 46.1294C59.3139 52.9381 65.1422 57.8405 65.2707 63.9889C65.2707 70.5158 61.3395 76.8265 56.6688 81.3384C55.729 82.2462 55.503 82.4126 55.4 82.3097C55.366 82.2756 55.5128 81.8755 55.7218 81.4173C58.9723 74.2844 58.2882 65.7349 53.2936 59.7456C52.5955 58.9085 49.8473 56.1921 49.457 55.9515C49.6361 56.8941 49.7276 57.8513 49.7302 58.8107C49.7302 67.3935 42.7725 74.3512 34.1897 74.3512C25.6069 74.3512 18.6492 67.3935 18.6492 58.8107C18.6492 50.2279 25.6069 43.2702 34.1897 43.2702C35.1698 43.2731 36.1475 43.3686 37.1096 43.5556C37.1598 43.5584 37.2112 43.5583 37.2614 43.5618C37.4062 43.4383 37.4981 43.3259 37.4981 43.2886C37.4981 43.0479 33.6725 39.2176 32.6114 38.3958C30.4539 36.7249 27.9979 34.7103 25.1629 33.9765C24.4037 33.7801 24.0034 33.6228 24.0034 33.5212C24.0034 33.2326 26.7 32.4298 29.6915 31.8275C33.3269 31.0956 35.6852 30.9165 42.7309 30.8441C45.6869 30.8136 48.6003 30.7375 49.2081 30.6741C56.8029 29.4502 62.9125 24.476 65.6334 18.9155C65.7096 18.6628 65.7012 18.6606 64.5225 18.6606C62.027 18.6606 59.5151 18.1422 57.1241 17.0883C54.0281 15.3317 51.3046 13.2968 47.988 12.5838C47.1326 12.4 44.8121 12.3675 43.514 12.1893C43.2095 9.58259 44.3664 5.80209 45.4808 4.124C45.7576 3.72802 45.9638 3.34496 45.9422 3.2802C45.9005 3.15558 45.4783 3.10665 44.8799 3.11023V3.11023Z" fill="black"/>
+<path d="M44.8799 0.00231725C43.8825 0.00862669 41.9804 0.175811 41.0069 0.445464C37.7558 1.34638 34.7237 5.57778 33.6009 8.65641C33.432 9.11936 33.2148 9.542 33.1152 9.59126C33.0156 9.64074 32.6266 9.73773 32.2532 9.81587C28.406 10.6212 23.7086 12.3858 20.4886 14.2291C13.2482 18.3738 7.69401 24.2575 4.07999 31.609C2.03888 35.7609 0.881811 39.5688 0.213078 44.3388C-0.0708067 46.3638 -0.071245 52.4926 0.213078 54.5191C1.49608 63.6452 5.3208 71.4677 11.6074 77.8359C18.7698 85.0912 27.9657 89.2254 38.3662 89.8676C39.6587 89.9474 43.5714 89.8213 45.0923 89.6491C49.3372 89.1686 53.8573 87.8733 57.7433 86.025C70.4132 79.9989 79.0498 67.9181 80.6412 54.0092C80.7197 53.323 80.7863 51.4485 80.7869 49.8266C81.0334 45.1942 79.1309 40.5965 77.2235 37.2121C75.2524 33.1283 74.8725 29.5888 74.5821 25.2362C74.6221 24.9703 74.617 24.695 74.5759 24.6291C69.3541 26.2348 64.8843 30.4539 62.1357 34.3577C60.2771 37.3234 59.0598 40.3534 59.0545 43.0215C59.3139 49.8302 65.1422 54.7326 65.2707 60.881C65.2707 67.4079 61.3395 73.7186 56.6688 78.2305C55.729 79.1383 55.503 79.3047 55.4 79.2018C55.366 79.1677 55.5128 78.7676 55.7218 78.3094C58.9723 71.1765 58.2882 62.627 53.2936 56.6377C52.5955 55.8006 49.8473 53.0842 49.457 52.8436C49.6361 53.7862 49.7276 54.7434 49.7302 55.7028C49.7302 64.2856 42.7725 71.2433 34.1897 71.2433C25.6069 71.2433 18.6492 64.2856 18.6492 55.7028C18.6492 47.12 25.6069 40.1623 34.1897 40.1623C35.1698 40.1651 36.1475 40.2607 37.1096 40.4477C37.1598 40.4505 37.2112 40.4504 37.2614 40.4539C37.4062 40.3304 37.4981 40.218 37.4981 40.1807C37.4981 39.94 33.6725 36.1097 32.6114 35.2879C30.4539 33.617 27.9979 31.6024 25.1629 30.8685C24.4037 30.6721 24.0034 30.5149 24.0034 30.4133C24.0034 30.1247 26.7 29.3219 29.6915 28.7196C33.3269 27.9877 35.6852 27.8086 42.7309 27.7362C45.6869 27.7057 48.6003 27.6296 49.2081 27.5662C56.8029 26.3423 62.9125 21.3681 65.6334 15.8076C65.7096 15.5549 65.7012 15.5527 64.5225 15.5527C62.027 15.5527 59.5151 15.0343 57.1241 13.9804C54.0281 12.2238 51.3046 10.1889 47.988 9.47592C47.1326 9.29205 44.8121 9.25962 43.514 9.08134C43.2095 6.47468 44.3664 2.69418 45.4808 1.01609C45.7576 0.620106 45.9638 0.237047 45.9422 0.172291C45.9005 0.047666 45.4783 -0.00126491 44.8799 0.00231873V0.00231725Z" fill="#41A6CC"/>
+<path opacity="0.2" d="M44.8796 0.000182498C43.8823 0.00649194 41.9801 0.173677 41.0066 0.443329C37.7555 1.34424 34.7234 5.5781 33.6006 8.65672C33.4318 9.11968 33.2145 9.54232 33.115 9.59158C33.0154 9.64105 32.6264 9.73805 32.253 9.81619C28.4058 10.6215 23.7084 12.3861 20.4883 14.2294C13.2479 18.3742 7.69378 24.2578 4.07976 31.6093C2.03865 35.7612 0.881581 39.5691 0.212847 44.3392C0.0275923 45.6606 0.0106338 48.4441 0.0671549 50.9803C0.0973215 49.631 0.114269 48.1504 0.212847 47.4473C0.881581 42.6772 2.03865 38.8693 4.07976 34.7174C7.69378 27.3659 13.2479 21.4823 20.4883 17.3375C23.7084 15.4942 28.4058 13.7296 32.253 12.9243C32.6264 12.8461 33.0154 12.7492 33.115 12.6997C33.2145 12.6504 33.4318 12.2278 33.6006 11.7648C34.7234 8.6862 37.7555 4.45234 41.0066 3.55143C41.8813 3.30915 43.4409 3.16704 44.485 3.13256C44.7954 2.29898 45.1328 1.53763 45.4806 1.01396C45.7574 0.617971 45.9636 0.234912 45.942 0.170157C45.9003 0.0455312 45.478 -0.00340114 44.8796 0.000182498ZM43.7202 9.09987C43.5249 10.1802 43.4051 11.2595 43.5138 12.1898C44.8118 12.368 47.1323 12.4005 47.9877 12.5843C51.3044 13.2973 54.0279 15.332 57.1238 17.0887C59.3099 18.0522 61.5971 18.5492 63.8803 18.6306C64.5495 17.7146 65.1609 16.776 65.6347 15.8078C65.7109 15.5551 65.7025 15.5528 64.5238 15.5528C62.0283 15.5528 59.5149 15.0344 57.1238 13.9806C54.0279 12.2239 51.3044 10.1892 47.9877 9.47624C47.1691 9.30027 45.0421 9.25903 43.7202 9.09987ZM74.5765 24.6282C69.3548 26.2339 64.8866 30.4554 62.1381 34.3592C60.2795 37.325 59.0596 40.3537 59.0543 43.0219C59.0724 43.4987 59.1735 43.9467 59.2424 44.4059C59.6275 42.1901 60.6676 39.8137 62.1381 37.4673C64.8866 33.5635 69.3548 29.342 74.5765 27.7363C74.6177 27.8022 74.6226 28.0775 74.5826 28.3434C74.873 32.696 75.2522 36.2367 77.2233 40.3205C78.85 43.2069 80.4607 46.9751 80.7502 50.8953C80.7581 50.4721 80.7865 50.2412 80.7867 49.8269C81.0332 45.1945 79.1306 40.5968 77.2233 37.2124C75.2522 33.1286 74.873 29.5879 74.5826 25.2353C74.6226 24.9694 74.6177 24.6941 74.5765 24.6282ZM28.1979 32.1921C25.9293 32.7216 24.0032 33.2873 24.0032 33.5215C24.0032 33.6232 24.4035 33.7804 25.1626 33.9768C27.9976 34.7106 30.4537 36.7252 32.6111 38.3961C32.9691 38.6734 33.7951 39.4842 34.5294 40.193C35.3949 40.2145 36.2592 40.2827 37.1094 40.448C37.1596 40.4508 37.211 40.4506 37.2611 40.454C37.4059 40.3306 37.4979 40.2181 37.4979 40.1809C37.4979 39.9401 33.6723 36.1099 32.6111 35.288C31.2681 34.2479 29.7918 33.1067 28.1979 32.1921ZM49.4568 52.8439C49.6359 53.7865 49.7274 54.7437 49.73 55.7031C49.73 55.8649 49.7106 56.0222 49.7057 56.1827C50.3522 56.7053 52.6434 58.9667 53.2934 59.7461C55.9155 62.8905 57.3151 66.7414 57.6156 70.7216C57.9729 65.6732 56.5953 60.5976 53.2934 56.638C52.5953 55.8009 49.8471 53.0846 49.4568 52.8439ZM18.7279 57.2572C18.6772 57.768 18.649 58.2871 18.649 58.8112C18.649 67.394 25.6067 74.3517 34.1895 74.3517C42.7722 74.3517 49.73 67.394 49.73 58.8112C49.7288 58.3915 49.6436 57.9785 49.6086 57.5607C48.6895 65.2666 42.1428 71.2436 34.1895 71.2436C26.1309 71.2436 19.5072 65.1108 18.7279 57.2572ZM65.1248 62.8724C64.4473 68.5577 61.0052 73.9447 56.9235 77.9698C56.6088 79.1421 56.231 80.2998 55.7215 81.4178C55.5126 81.876 55.3657 82.2761 55.3998 82.3102C55.5028 82.4132 55.7288 82.2467 56.6686 81.3389C61.3393 76.827 65.2705 70.5163 65.2705 63.9894C65.2625 63.6082 65.1739 63.2448 65.1248 62.8724Z" fill="white"/>
+</svg>
diff --git a/apps/web/public/logos/browsers/yandex.svg b/apps/web/public/logos/browsers/yandex.svg
new file mode 100644
index 0000000000..1a3a53c849
--- /dev/null
+++ b/apps/web/public/logos/browsers/yandex.svg
@@ -0,0 +1,11 @@
+<svg width="93" height="93" viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M93 46.5C93 72.1811 72.1811 93 46.5 93C20.8189 93 0 72.1811 0 46.5C0 20.8189 20.8189 0 46.5 0C72.1811 0 93 20.8189 93 46.5Z" fill="url(#paint0_linear_101_142)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.7477 46.5C90.7477 70.9371 70.9372 90.7476 46.5001 90.7476C22.0628 90.7476 2.25244 70.9371 2.25244 46.5C2.25244 22.0627 22.0628 2.25232 46.5001 2.25232C70.9372 2.25232 90.7477 22.0627 90.7477 46.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76.4344 27.3187L51.5496 51.6586V81.9198C51.5496 82.4648 49.1883 82.9007 46.5 82.937C43.9207 82.9007 41.4504 82.4648 41.4504 81.9198V51.6586L16.5656 27.3187C16.166 26.9191 17.4375 25.03 19.3992 23.0683C21.361 21.1066 23.2863 19.8351 23.6496 20.2347L46.4636 42.5039L69.2777 20.2347C69.6774 19.8351 71.5664 21.1066 73.5281 23.0683C75.4899 25.03 76.7977 26.9191 76.4344 27.3187Z" fill="#EC1C24"/>
+<defs>
+<linearGradient id="paint0_linear_101_142" x1="46.5" y1="0" x2="46.5" y2="93" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F5F5F6"/>
+<stop offset="1" stop-color="#EDEDEE"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/logos/os/fedora.svg b/apps/web/public/logos/os/fedora.svg
new file mode 100644
index 0000000000..e22731170a
--- /dev/null
+++ b/apps/web/public/logos/os/fedora.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="512.041"
+   height="502.439"
+   viewBox="0 0 135.47752 132.93699"
+   version="1.1">
+  <g>
+    <path
+       fill="#51A2DA"
+       d="M 67.77483,0 C 30.36665,0 0.07878,29.732002 0.0126,66.438752 H 0 v 51.430478 h 0.0126 c 0.0174,8.3247 6.90194,15.06782 15.39209,15.06782 h 52.37676 c 37.41481,-0.0238 67.69606,-29.75187 67.69606,-66.438739 5e-5,-36.70675 -30.32095,-66.438755 -67.76224,-66.438755 z" />
+    <path
+       fill="#FFFFFF"
+       d="m 81.54629,27.337877 c -10.56799,0 -19.90324,7.801562 -21.19561,18.038694 -0.0868,0.856948 -0.11179,1.474652 -0.11679,2.25154 l 0.0124,41.854812 c 0,8.0289 -6.12782,13.493227 -13.78418,13.493227 -7.66691,0 -13.8436,-6.008637 -13.8436,-13.506147 0.12574,-8.230728 6.84267,-13.450867 14.67766,-13.678237 h 0.0419 l 7.95404,-0.07183 V 64.668931 l -7.95404,0.05891 c -14.2605,-0.12574 -25.57978,10.82588 -25.99324,24.748872 0,13.539207 11.34236,24.576797 25.11319,24.576797 12.98996,0 23.80035,-9.95243 24.9809,-22.406387 0.1702,-4.239107 0.0873,-9.833503 0.0873,-9.833503 0.0238,-2.303511 -0.0365,-1.476328 -0.0124,-6.050278 l 9.86659,-0.07183 c 7.6344,0.05295 7.54863,-11.225802 -0.0879,-11.070643 l -9.7808,0.07131 c 0,-5.677739 0.0911,-11.320375 0,-17.006713 0.007,-4.918056 4.7563,-9.264033 10.02574,-9.264033 5.27077,0 10.84585,2.580457 10.84585,9.264033 0,0.954889 -0.0195,1.510723 -0.0734,1.864484 -0.58829,3.099594 1.57066,6.061962 4.75165,6.509166 3.18098,0.442039 6.10201,-1.811142 6.41718,-4.94647 0.18261,-1.239441 0.1757,-2.332945 0.1757,-3.426148 0,-11.785592 -10.74013,-20.32899 -22.11545,-20.32899 z" />
+  </g>
+</svg>
diff --git a/apps/web/public/logos/os/ios.svg b/apps/web/public/logos/os/ios.svg
new file mode 100644
index 0000000000..b73e3c7336
--- /dev/null
+++ b/apps/web/public/logos/os/ios.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M447.1 332.7C446.9 296 463.5 268.3 497.1 247.9C478.3 221 449.9 206.2 412.4 203.3C376.9 200.5 338.1 224 323.9 224C308.9 224 274.5 204.3 247.5 204.3C191.7 205.2 132.4 248.8 132.4 337.5C132.4 363.7 137.2 390.8 146.8 418.7C159.6 455.4 205.8 545.4 254 543.9C279.2 543.3 297 526 329.8 526C361.6 526 378.1 543.9 406.2 543.9C454.8 543.2 496.6 461.4 508.8 424.6C443.6 393.9 447.1 334.6 447.1 332.7zM390.5 168.5C417.8 136.1 415.3 106.6 414.5 96C390.4 97.4 362.5 112.4 346.6 130.9C329.1 150.7 318.8 175.2 321 202.8C347.1 204.8 370.9 191.4 390.5 168.5z"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/logos/os/linux.svg b/apps/web/public/logos/os/linux.svg
new file mode 100644
index 0000000000..9301e081ad
--- /dev/null
+++ b/apps/web/public/logos/os/linux.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="708.66144"
+   height="857.81506"
+   id="svg3007"
+   version="1.1"
+   inkscape:version="0.91 r"
+   sodipodi:docname="Linux Pinguino.svg">
+  <defs
+     id="defs3009" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="275.4208"
+     inkscape:cy="480.09706"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1024"
+     inkscape:window-height="719"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     units="cm"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata3012">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-35.433071,63.88618)"
+     style="display:inline"
+     sodipodi:insensitive="true">
+    <g
+       transform="matrix(0.91159133,0,0,0.91159133,-140.97298,1091.3033)"
+       style="font-style:normal;font-weight:normal;font-size:429.75283813px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+       id="text2999" />
+    <g
+       inkscape:groupmode="layer"
+       id="layer2"
+       inkscape:label="Layer 2"
+       sodipodi:insensitive="true">
+      <g
+         id="g4241">
+        <path
+           id="path154"
+           d="m 413.6538,-43.885882 c -5.21516,-0.0096 -10.65489,0.209315 -16.32753,0.66159 C 253.95642,-31.677866 291.9791,119.78498 289.85121,170.50502 c -2.61821,37.0912 -10.13858,66.32159 -35.64845,102.58276 -29.97027,35.63998 -72.16502,93.32376 -92.15377,153.37057 -9.43377,28.33951 -13.92295,57.22507 -9.7771,84.56334 -1.2987,1.16299 -2.53507,2.3815 -3.71069,3.63655 -8.79926,9.39401 -15.30093,20.77622 -22.54542,28.43963 -6.76829,6.75151 -16.41138,9.31957 -27.008338,13.12148 -10.601011,3.80362 -22.240114,9.41125 -29.305119,22.96844 0,0 0,0.005 -0.0048,0.007 -0.01153,0.0225 -0.02411,0.0437 -0.03612,0.0666 l 0,0 c -6.3956,11.94556 -4.494289,25.70181 -2.541029,38.44671 1.953317,12.74475 3.930749,24.7881 1.305968,32.95903 -8.38998,22.93199 -9.461144,38.7945 -3.55487,50.30059 5.918866,11.53004 18.088545,16.61924 31.842924,19.49201 27.508834,5.7455 64.763004,4.31771 94.123604,19.87912 l 2.52358,-4.76164 -2.49746,4.77583 c 31.43196,16.43348 63.29777,22.27051 88.72108,16.46363 18.43231,-4.21004 33.39499,-15.18545 41.0793,-32.07399 19.88509,-0.0978 41.70549,-8.51961 76.65906,-10.4442 23.71253,-1.91003 53.33366,8.42059 87.40527,6.5287 0.89062,3.69654 2.1796,7.25202 3.944,10.63061 0.018,0.0348 0.035,0.0692 0.0535,0.10345 13.20794,26.4114 37.74924,38.49201 63.90275,36.42795 26.188,-2.06669 54.03113,-17.50835 76.53804,-44.293 l -4.12607,-3.46751 4.15761,3.42935 c 21.45245,-26.01178 57.06,-36.79786 80.67066,-51.03831 11.80538,-7.12042 21.38456,-16.03623 22.12469,-28.98585 0.73973,-12.94311 -6.85904,-27.44794 -24.33217,-46.84376 0,0 -0.005,-0.005 -0.005,-0.005 -0.007,-0.009 -0.0137,-0.0161 -0.0204,-0.0241 -5.74108,-6.48783 -8.47992,-18.51237 -11.4232,-31.31741 -2.94127,-12.79725 -6.22443,-26.60189 -16.73081,-35.5481 l 0,0 c -0.021,-0.0185 -0.0422,-0.0352 -0.0633,-0.0535 0,0 0,0 0,0 -4.18139,-3.64359 -8.52658,-6.1165 -12.90241,-7.77789 14.60718,-43.32125 8.87598,-86.45868 -5.86907,-125.43994 C 642.55136,348.78328 610.95787,307.09735 586.8294,278.5805 559.82151,244.51423 533.40542,212.17103 533.92579,164.4012 534.73026,91.494028 541.94532,-43.710132 413.65068,-43.885228 Z m 17.36858,112.320623 c 7.28001,0 13.49762,2.133852 19.88447,6.769553 6.48829,4.709202 11.16263,10.604422 14.93004,18.836884 3.69759,8.023152 5.47664,15.871782 5.65107,25.185692 0,0.24419 0,0.45344 0.0697,0.69763 0.0697,9.55796 -1.56972,17.68576 -5.19761,25.98798 -2.07006,4.7373 -4.44735,8.71337 -7.29275,12.15569 -0.96599,-0.46377 -1.96925,-0.90968 -3.00978,-1.33756 l 0,0 c -7.21244,-3.0891 -12.74525,-5.05497 -17.35654,-6.65506 1.67157,-2.00927 3.06344,-4.39226 4.28736,-7.37124 1.84882,-4.49989 2.75578,-8.89527 2.93019,-14.12769 0,-0.20935 0.0698,-0.38379 0.0698,-0.62796 0.1046,-5.02309 -0.55814,-9.31379 -2.02322,-13.7091 -1.53486,-4.60454 -3.48834,-7.9184 -6.31386,-10.67418 -2.82554,-2.75589 -5.65107,-4.011584 -9.03478,-4.116338 -0.15864,-0.0096 -0.3168,-0.0096 -0.47306,-0.0096 -3.18281,0.0096 -5.94651,1.101008 -8.80584,3.494868 -2.99994,2.51169 -5.23246,5.72079 -7.08132,10.18588 -1.84879,4.465 -2.75577,8.89514 -2.93013,14.16257 -0.0351,0.20935 -0.0351,0.38379 -0.0351,0.59304 -0.0603,2.89536 0.12362,5.54776 0.57011,8.12338 -6.5125,-3.24509 -12.64971,-5.45748 -18.40956,-6.82838 -0.32833,-2.4907 -0.51826,-5.06094 -0.57889,-7.74834 l 0,-0.73263 c -0.10468,-9.52314 1.46509,-17.68575 5.12785,-25.987887 3.66275,-8.302245 8.19756,-14.267323 14.58117,-19.11607 6.38361,-4.848738 12.66256,-7.081238 20.09271,-7.15101 0.11611,0 0.2322,0 0.34774,0 z m -99.64166,7.889045 c 4.8294,0.01145 9.15083,1.624854 13.62079,5.194362 4.84876,3.871933 8.5115,8.82533 11.58123,15.802012 3.06971,6.97667 4.70922,13.95325 5.16268,22.18572 l 0,0.0693 c 0.21981,3.45756 0.19293,6.71217 -0.0796,9.8642 -0.95516,0.27148 -1.89117,0.56523 -2.80808,0.8809 -5.20733,1.79246 -9.7965,4.23523 -13.79631,6.87637 0.39112,-2.76279 0.44934,-5.56595 0.14934,-8.69145 -0.0352,-0.17444 -0.0352,-0.31394 -0.0352,-0.48829 -0.41861,-4.15112 -1.29067,-7.63942 -2.75577,-11.16265 -1.56971,-3.6626 -3.3139,-6.24404 -5.61621,-8.23244 -2.08641,-1.80185 -4.05777,-2.6293 -6.22663,-2.61291 -0.22438,0 -0.4513,0.0124 -0.6802,0.0314 -2.44184,0.20913 -4.46506,1.39515 -6.38366,3.7324 -1.91856,2.33715 -3.17433,5.23248 -4.0813,9.06954 -0.90697,3.83718 -1.15116,7.60458 -0.76745,11.93004 0,0.17434 0.0351,0.31403 0.0351,0.48836 0.41854,4.18604 1.25576,7.67427 2.75575,11.19759 1.53486,3.62783 3.31391,6.20915 5.61622,8.19746 0.38557,0.333 0.76701,0.63212 1.14674,0.89935 -2.39474,1.84307 -3.53823,2.69278 -5.50061,4.13473 -1.25862,0.92353 -2.75763,2.02314 -4.49991,3.30739 -3.79955,-3.55937 -6.76364,-8.03274 -9.35527,-13.92276 -3.06972,-6.97655 -4.70924,-13.95326 -5.19761,-22.18573 l 0,-0.0693 c -0.45346,-8.23236 0.34884,-15.31369 2.61625,-22.63913 2.26741,-7.325523 5.30227,-12.627687 9.69751,-16.988217 4.39529,-4.36034 8.82549,-6.557954 14.16262,-6.836939 0.41695,-0.02291 0.83019,-0.03332 1.23941,-0.03143 z m 45.31655,57.113524 c 11.22472,-0.0433 24.73218,3.63666 41.08476,14.15065 10.0445,6.53193 17.86033,7.07784 35.85774,14.78606 l 0.0216,0.01 0.022,0.009 c 8.6593,3.55287 13.74186,8.18385 16.22506,13.06041 2.48315,4.87664 2.54388,10.16488 0.46544,15.72795 -4.15672,11.12643 -17.425,22.83576 -36.04414,28.65006 l -0.0176,0.008 -0.0165,0.008 c -9.0786,2.94963 -16.99508,9.4634 -26.32808,14.80026 -9.33273,5.33659 -19.89342,9.6409 -34.25308,8.8102 0,-7e-5 0,0 0,0 -12.22465,-0.7125 -19.53208,-4.86257 -26.1395,-10.17284 -6.60761,-5.31033 -12.36554,-11.98164 -20.79693,-16.93251 l -0.0216,-0.013 -0.022,-0.013 c -13.58103,-7.67626 -20.99562,-16.55463 -23.32265,-24.25146 -2.32709,-7.69686 -0.14319,-14.26676 6.59509,-19.31662 7.57574,-5.67747 12.83828,-9.53942 16.3438,-12.11201 3.48245,-2.55543 4.93131,-3.51362 6.04029,-4.57847 0.006,-0.009 0.0117,-0.0122 0.0175,-0.0173 0,0 0.005,-0.009 0.005,-0.009 5.69223,-5.38806 14.76608,-15.20451 28.44393,-19.91278 4.70763,-1.62055 9.96064,-2.66609 15.84025,-2.68932 z m 78.49149,46.42197 c -4.84383,0.28881 -9.9169,2.78272 -15.82383,6.08057 -5.90699,3.29777 -12.54959,7.5163 -19.74829,11.67057 -14.39737,8.30854 -30.97057,16.25449 -47.4411,16.25449 -16.49612,0 -29.67558,-7.61859 -39.56081,-15.45215 -4.94263,-3.91679 -9.02198,-7.86202 -12.28106,-10.91405 -1.62954,-1.5261 -3.04279,-2.82674 -4.3615,-3.84264 -1.31846,-1.01589 -2.39167,-2.02321 -4.59804,-2.02321 l -0.10573,4.63619 c -0.15798,1.55131 -0.32031,1.50348 -0.25617,1.54576 0.10291,0.0676 0.61485,0.24409 1.2122,0.70422 0.96947,0.74684 2.31518,1.9643 3.91234,3.45997 3.19434,2.9914 7.43893,7.10425 12.66482,11.24548 10.45166,8.28238 24.98691,16.77988 43.37395,16.77988 18.41261,0 35.83311,-8.60615 50.51087,-17.07642 7.33882,-4.23516 14.00414,-8.46274 19.67195,-11.62698 5.66752,-3.16433 10.43602,-5.14855 13.19671,-5.31318 l -0.36631,-6.1285 z m 16.36678,22.03414 c 12.22931,48.20748 40.67315,117.83748 58.95478,151.81819 9.71733,18.02848 29.04987,56.33272 37.40244,102.48244 5.29253,-0.16214 11.12018,0.60683 17.36092,2.20307 21.83839,-56.61523 -18.51868,-117.59738 -36.97294,-134.5804 -7.45053,-7.22958 -7.80865,-10.46874 -4.11511,-10.31561 20.02212,17.70619 46.30676,53.31902 55.86978,93.51639 4.36058,18.3293 5.29026,37.5985 0.61156,56.61538 2.28908,0.95096 4.6139,1.98487 6.97007,3.10025 35.05467,17.06985 48.01909,31.91342 41.78569,52.17216 -2.05306,-0.072 -4.07258,-0.0639 -6.04239,-0.0165 -0.18384,0.005 -0.3663,0.01 -0.54946,0.014 5.07631,-16.05845 -6.16941,-27.90241 -36.13566,-41.4608 -31.08095,-13.6742 -55.84799,-12.31378 -60.03395,15.41838 -0.26791,1.4529 -0.4834,2.9334 -0.64754,4.43452 -2.32208,0.80636 -4.6568,1.8359 -6.99736,3.1166 -14.59457,7.98572 -22.56044,22.47561 -26.99089,40.24755 -4.42689,17.75756 -5.696,39.2254 -6.91777,63.35769 0,0.005 0,0.009 0,0.0125 -0.74649,12.13453 -5.73541,28.54688 -10.79526,45.93032 -50.91537,36.31882 -121.58105,52.05411 -181.57889,11.1081 -4.06607,-6.43216 -8.73037,-12.80519 -13.53147,-19.09081 -3.06591,-4.01401 -6.21536,-8.00347 -9.34651,-11.93673 6.15909,0.005 11.39435,-1.00386 15.6255,-2.92242 5.26169,-2.38587 8.95865,-6.21802 10.78763,-11.13759 3.65793,-9.83929 -0.016,-23.7194 -11.72621,-39.56967 -11.70948,-15.84918 -31.54117,-33.73646 -60.68259,-51.60847 0,0 -0.005,0 -0.005,-0.005 -21.40893,-13.31934 -33.38207,-29.64484 -38.98627,-47.37024 -5.60474,-17.72695 -4.81889,-36.89555 -0.49928,-55.82076 8.29109,-36.32625 29.59401,-71.65643 43.18646,-93.82814 3.65949,-2.69263 1.30747,4.99808 -13.76032,32.97879 -13.50408,25.58224 -38.75001,84.62032 -4.1838,130.70514 0.92373,-32.79629 8.75598,-66.24444 21.90444,-97.53121 19.15175,-43.41285 59.21029,-118.69606 62.39188,-178.69784 1.64039,1.19115 7.27736,4.99456 9.78909,6.42295 0.005,0.008 0.0111,0.008 0.0161,0.009 7.34881,4.32758 12.86808,10.65354 20.01643,16.39843 7.16251,5.75628 16.11041,10.72814 29.62889,11.51583 l 0,0 c 15.77886,0.91305 27.80467,-3.97416 37.65748,-9.6082 9.83799,-5.62549 17.69729,-11.85124 25.14318,-14.28142 0.0117,-0.008 0.0226,-0.008 0.0336,-0.0107 15.73384,-4.92021 28.24389,-13.62876 35.36281,-23.78598 z m 99.93381,275.98704 c 6.37287,-0.0295 14.09279,2.09518 22.54327,5.87563 22.74381,10.49987 29.85997,19.49973 23.65079,32.72048 -5.23245,9.97659 -27.62749,25.84843 -42.97609,21.66247 -15.66252,-4.04645 -23.30196,-26.61591 -20.75552,-43.67374 1.36405,-11.58345 7.91576,-16.53986 17.53755,-16.58484 z m -25.73289,31.17142 c 1.28565,20.85941 11.60602,42.13372 29.85781,46.73803 19.97321,5.26251 48.77045,-11.87469 60.92896,-25.8528 2.42438,-0.0971 4.79463,-0.21584 7.09654,-0.27141 10.66533,-0.25752 19.61062,0.3513 28.75032,8.34466 l 0.0316,0.0271 0.0326,0.0271 c 7.02363,5.95057 10.3622,17.19592 13.2578,29.79353 2.89545,12.59766 5.2109,26.3179 13.89441,36.0921 l 0.0129,0.014 0.0121,0.014 c 16.69426,18.52555 22.06033,31.0474 21.60357,39.03969 -0.45681,7.9925 -6.2436,13.92585 -16.9292,20.37065 -21.36193,12.88434 -59.21225,24.08827 -83.38827,53.37242 -20.99241,24.98213 -46.59034,38.70272 -69.13412,40.48196 -22.54377,1.7791 -41.99373,-7.57744 -53.4607,-30.59262 l -0.0261,-0.0522 -0.0271,-0.0513 c -7.11374,-13.53232 -4.15036,-34.88817 1.84224,-57.41439 5.99273,-22.52638 14.60269,-45.65605 15.75524,-64.45553 l 0,-0.0295 0,-0.0286 c 1.21925,-24.08721 2.56746,-45.1225 6.61366,-61.35291 4.04615,-16.23042 10.41733,-27.22266 21.70607,-33.39957 0.52569,-0.28761 1.04754,-0.55897 1.56645,-0.8154 z M 179.16687,510.626 c 1.6849,0.007 3.46796,0.14749 5.36766,0.43495 12.77836,1.93566 23.92156,10.87019 34.65749,25.43198 10.73602,14.56201 20.72566,34.44015 30.99484,56.49013 l 0.0131,0.0271 0.0121,0.0261 c 8.25231,17.22375 25.66603,36.1625 40.42309,55.48274 14.757,19.32024 26.17797,38.71341 24.69071,53.55657 l -0.007,0.0645 -0.005,0.0643 c -1.92392,25.31574 -16.20438,39.09735 -38.12629,44.10444 -21.91538,5.00542 -51.62501,0.0161 -81.29959,-15.49263 -0.009,-0.005 -0.0176,-0.009 -0.0261,-0.014 -32.83022,-17.38843 -71.88647,-15.66131 -96.939878,-20.89386 -12.530108,-2.61711 -20.706053,-6.55156 -24.458561,-13.86186 -3.752764,-7.31003 -3.836518,-20.06382 4.137967,-41.80949 l 0.03508,-0.096 0.03156,-0.097 c 3.943692,-12.16487 1.025174,-25.47508 -0.889521,-37.96816 -1.914695,-12.49316 -2.851052,-23.85678 1.414952,-31.77736 l 0.01963,-0.0362 0.01944,-0.0371 c 5.461901,-10.52828 13.47335,-14.2919 23.416451,-17.8591 9.94304,-3.5674 21.73338,-6.36903 31.04384,-15.69962 l 0.0481,-0.0492 0.0481,-0.0501 c 8.60716,-9.08005 15.07246,-20.4617 22.63917,-28.53991 6.38442,-6.81595 12.7735,-11.33336 22.40376,-11.40027 0.11143,0 0.22342,0 0.33575,0 z"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Bitstream Vera Sans';-inkscape-font-specification:'Bitstream Vera Sans';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;stroke:none;stroke-width:309;marker:none;enable-background:accumulate"
+           inkscape:connector-curvature="0" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path4222"
+           d="m 544.67511,509.42203 c -10.0634,4.23113 -16.30301,14.37681 -19.90096,24.29109 -8.7247,25.36839 -7.45231,52.64947 -10.57254,78.88797 -4.53879,27.69468 -16.08033,53.94226 -19.87578,81.8449 -0.3028,10.76998 -1.84176,22.34073 3.40479,32.26464 7.99417,15.98689 23.41995,29.52613 41.8312,30.79866 25.83787,2.6139 50.73511,-10.15426 69.13778,-27.41957 13.8228,-13.99522 26.76617,-29.40179 44.15466,-39.2056 19.15159,-11.78751 40.80437,-19.30927 59.31876,-32.21947 6.89217,-4.71596 11.49543,-13.35529 8.95729,-21.72491 -4.03232,-16.05133 -17.4286,-26.97055 -25.75184,-40.56001 -9.35878,-17.20794 -8.04187,-38.52355 -19.13096,-54.9746 -8.70828,-11.60778 -24.81913,-13.90401 -38.31079,-11.80481 -5.11651,1.89116 -8.14574,7.12109 -12.83008,9.85313 -14.45613,10.41796 -32.42379,19.53927 -50.56161,15.26609 -15.31494,-4.63006 -23.47716,-20.4166 -26.63674,-35.0512 -1.43201,-3.17002 0.046,-7.42312 -2.27564,-10.09311 -0.29074,-0.15617 -0.63369,-0.18986 -0.95754,-0.1532 z"
+           style="fill:#ffd300;fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path4226"
+           d="m 545.02764,509.37739 c -21.09095,8.64496 -23.01046,35.16219 -26.41087,54.64098 -3.12231,32.56625 -6.38607,65.04723 -16.67735,96.28065 -5.4922,24.26411 -15.50134,53.60619 1.71992,75.57305 11.01618,16.18734 31.04376,24.85292 50.37115,21.06891 37.22541,-2.22463 59.66084,-36.19017 86.76447,-57.03641 23.31522,-19.52408 55.43994,-25.82596 77.10246,-47.31453 10.19686,-15.04249 -4.68408,-31.55916 -12.92152,-43.65451 -18.87061,-19.13033 -15.49403,-48.66874 -30.96087,-69.55734 -9.42916,-10.80227 -27.0736,-12.80255 -39.78813,-7.48245 -16.92271,14.14016 -39.23526,27.46049 -61.9815,21.59565 -15.54932,-8.27635 -24.57799,-26.38365 -25.64132,-43.49763 -0.38717,-0.44564 -0.99316,-0.66383 -1.57644,-0.61637 z"
+           style="fill:#ffbb00;fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path4232"
+           d="m 178.82992,510.85201 c -21.98012,1.49026 -31.08312,25.74388 -45.45508,38.95137 -15.68046,16.39681 -45.996812,14.28443 -55.339555,37.29647 -6.07535,24.4518 8.516046,49.95462 -2.080743,73.81595 -4.034529,14.11271 -8.701381,35.71211 7.859755,43.81514 34.028393,12.48514 72.276793,8.15956 105.587433,23.65025 25.89746,11.54309 53.61203,23.71207 82.68807,18.46893 25.39148,-1.74667 46.3197,-25.84382 42.77663,-51.40968 -4.66389,-28.0145 -27.0576,-48.49685 -42.82894,-70.749 -27.46847,-31.48048 -35.90954,-76.01152 -67.89125,-103.9064 -7.05961,-5.90702 -15.92173,-10.26242 -25.31632,-9.93303 z"
+           style="fill:#ffbb00;fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path4234"
+           d="m 376.23952,132.51386 c -12.73508,-0.004 -24.93367,5.51551 -34.49226,13.72135 -6.22327,5.33503 -12.05072,11.16147 -18.87454,15.76378 -5.7256,4.40385 -11.88061,8.35022 -17.06907,13.39675 -4.61812,4.92478 -5.28625,12.46804 -2.68244,18.52606 3.29555,8.40294 10.31667,14.70129 17.56655,19.73916 6.9479,4.21641 13.65983,8.85716 19.55314,14.48577 7.62375,6.97026 16.23378,13.82766 26.74087,15.48994 7.14697,1.2682 14.54646,0.9137 21.67537,-0.29467 12.86908,-2.6775 23.78031,-10.37604 34.77384,-17.13927 5.27183,-3.47106 11.28651,-5.40397 17.1307,-7.63653 12.09605,-5.07743 23.92402,-13.05941 29.83709,-25.15232 3.37066,-6.64619 3.27213,-15.1973 -1.42461,-21.20113 -6.19133,-8.19738 -16.46837,-11.36612 -25.63733,-14.96041 -8.96525,-3.35539 -18.38296,-5.89213 -26.39991,-11.32229 -12.19032,-7.61139 -26.09058,-13.55238 -40.6974,-13.41619 z m 77.99647,48.43693 c 0.34876,1.35332 0.13429,2.82755 0.20273,4.2257 -7.77455,1.73819 -14.3439,6.58897 -21.21955,10.3601 -15.65318,9.17091 -31.53765,19.09888 -49.65812,22.41546 -5.9382,0.96725 -12.24954,0.97348 -18.34745,0.64824 -11.80751,-1.38548 -22.97401,-6.57883 -32.44474,-13.70917 -7.39356,-5.25787 -13.71146,-11.81093 -20.63688,-17.62455 0.35234,-1.43712 -0.0311,-3.43822 0.38698,-4.52552 4.53006,2.31246 7.68983,6.35539 11.59818,9.5619 8.95223,8.35838 19.0832,15.80212 30.83465,19.65161 5.68189,2.12534 11.75227,2.86421 17.79304,2.60633 10.41927,0.38729 20.52967,-3.08014 29.95933,-7.18067 15.02775,-6.6516 28.53143,-16.25298 43.10549,-23.69219 2.66889,-1.24476 5.48031,-2.40834 8.42634,-2.73724 z"
+           style="fill:#ffbb00;fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path4236"
+           d="m 570.8793,477.08619 c -7.04326,-0.19379 -14.03749,4.12166 -16.23409,10.96127 -3.04017,9.19884 -2.37642,19.3919 0.33527,28.59713 3.13795,9.75365 9.50196,20.04083 20.16303,22.495 11.12237,2.02086 22.16209,-3.21812 30.99838,-9.54895 7.02429,-5.28052 14.55411,-12.26753 14.54543,-21.76119 -0.23409,-8.77347 -8.00373,-14.62414 -14.81167,-18.82095 -10.65877,-6.09471 -22.45797,-11.86784 -34.99635,-11.92231 z"
+           style="fill:#000000;fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path4238"
+           d="m 375.3274,131.74691 c -14.44311,-0.0653 -27.7466,7.56086 -38.04292,17.17934 -9.86264,9.05679 -21.21991,16.34775 -31.266,25.20319 -6.71264,5.85643 -6.57917,16.40552 -2.09475,23.55592 6.21297,10.94523 17.51102,17.24629 27.43444,24.31891 9.71919,7.34143 18.06413,17.1304 29.9781,21.0408 9.51121,3.20973 19.94303,2.68753 29.6434,0.64918 14.50233,-3.79111 26.36236,-13.58778 39.49304,-20.16118 10.33536,-4.12318 21.04987,-8.15219 29.51674,-15.67507 5.81951,-5.26318 11.55339,-11.71634 13.004,-19.66954 0.63591,-5.49639 0.71001,-11.63359 -3.15911,-16.06357 -7.49882,-10.18719 -20.53383,-13.2908 -31.69686,-17.69848 -8.20119,-2.85523 -16.32083,-6.07463 -23.54368,-10.97644 -11.93666,-6.75756 -25.27817,-12.36278 -39.2664,-11.70306 z m 78.17729,50.28804 c 0.0251,1.17625 0.51188,2.90706 -1.2477,2.73729 -12.70626,5.02953 -23.96701,13.08263 -36.02169,19.35147 -13.25988,7.41286 -27.68839,13.79577 -43.12299,13.61096 -14.88236,0.97269 -29.07172,-5.59923 -40.76794,-14.30953 -6.54495,-5.13522 -12.70992,-10.72965 -18.97511,-16.19673 -0.14623,-1.77252 -0.30444,-3.96622 1.60539,-1.70812 11.48372,9.8128 22.485,21.01918 36.99389,26.28667 9.75837,4.25247 20.64035,4.03145 31.00423,2.87436 20.18345,-3.93297 37.47906,-15.8379 55.13585,-25.69167 4.893,-2.6383 9.99507,-5.88101 15.39607,-6.9547 z"
+           style="fill:#ff9c00;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/apps/web/public/logos/os/ubuntu.svg b/apps/web/public/logos/os/ubuntu.svg
new file mode 100644
index 0000000000..c49d351310
--- /dev/null
+++ b/apps/web/public/logos/os/ubuntu.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 767.40668 738.31421"><defs><style>.cls-1{fill:#e9500e;}</style></defs><circle class="cls-1" cx="109.02696" cy="348.09412" r="109.02696"/><circle class="cls-1" cx="563.08369" cy="109.02698" r="109.02698"/><path class="cls-1" d="M492.48194,1336.66577a265.52505,265.52505,0,0,1-181.0712-138.09814,156.94784,156.94784,0,0,1-93.21911,11.45825,354.93524,354.93524,0,0,0,255.53723,214.16455,359.20777,359.20777,0,0,0,77.41949,7.967,156.00313,156.00313,0,0,1-31.92236-91.15466C510.24622,1340.00525,501.27735,1338.548,492.48194,1336.66577Z" transform="translate(-137.56155 -707.97998)"/><circle class="cls-1" cx="538.52046" cy="629.28723" r="109.02698"/><path class="cls-1" d="M827.798,1297.22095A356.70056,356.70056,0,0,0,845.67283,878.702a157.14441,157.14441,0,0,1-61.30975,71.8031,267.293,267.293,0,0,1-8.73688,265.4884A156.34677,156.34677,0,0,1,827.798,1297.22095Z" transform="translate(-137.56155 -707.97998)"/><path class="cls-1" d="M238.17644,899.71906q4.1505-.22779,8.30533-.22553A157.34626,157.34626,0,0,1,329.16416,923.039,265.90653,265.90653,0,0,1,543.27238,808.52966a158.0877,158.0877,0,0,1,33.076-88.42022C439.24549,709.25177,306.02421,780.001,238.17644,899.71906Z" transform="translate(-137.56155 -707.97998)"/></svg>
\ No newline at end of file
diff --git a/apps/web/public/logos/os/windows.svg b/apps/web/public/logos/os/windows.svg
new file mode 100644
index 0000000000..2c7392e9c9
--- /dev/null
+++ b/apps/web/public/logos/os/windows.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="88" width="88" xmlns:v="https://vecta.io/nano"><path d="M0 12.402l35.687-4.86.016 34.423-35.67.203zm35.67 33.529l.028 34.453L.028 75.48.026 45.7zm4.326-39.025L87.314 0v41.527l-47.318.376zm47.329 39.349l-.011 41.34-47.318-6.678-.066-34.739z" fill="#00adef"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx
index e26b9e0a02..8c38dc0067 100644
--- a/packages/ui/src/components/Select.tsx
+++ b/packages/ui/src/components/Select.tsx
@@ -5,7 +5,7 @@ import { cva, cx } from "class-variance-authority";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import * as React from "react";
 
-type SelectVariant = "default" | "dark" | "white" | "gray" | "transparent";
+type SelectVariant = "default" | "dark" | "gray" | "transparent";
 
 const SelectVariantContext = React.createContext<SelectVariant>("default");
 
@@ -14,10 +14,11 @@ const selectTriggerVariants = cva(
 		"font-medium flex px-4 py-2 transition-all duration-200 text-[13px] outline-0",
 		"rounded-xl border-[1px] items-center justify-between gap-2 whitespace-nowrap",
 		"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-gray-3 disabled:text-gray-9",
-		"ring-0 ring-gray-3 focus:ring-1 focus:ring-gray-12 focus:ring-offset-2 ring-offset-gray-4",
+		"ring-0 ring-gray-12 ring-offset-0 data-[state=open]:ring-offset-2 ring-offset-gray-1 data-[state=open]:ring-1",
 		"data-[placeholder]:text-gray-1 data-[size=default]:h-[44px] data-[size=sm]:h-[40px]",
 		"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
-		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:transition-transform [&_svg]:duration-200",
+		"[&[data-state=open]_svg]:rotate-180",
 	),
 	{
 		defaultVariants: {
@@ -27,13 +28,13 @@ const selectTriggerVariants = cva(
 		variants: {
 			variant: {
 				default:
-					"bg-gray-2 border-gray-5 text-gray-12 hover:bg-gray-3 hover:border-gray-6 focus:bg-gray-3 focus:border-gray-6",
-				dark: "bg-gray-12 dark-button-border dark-button-shadow text-gray-1 border-gray-5 hover:bg-gray-11 hover:border-gray-6 focus:bg-gray-11 focus:border-gray-6",
+					"bg-gray-2 border-gray-5 text-gray-12 hover:bg-gray-3 hover:border-gray-6",
+				dark: "bg-gray-12 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-1 border-gray-5 hover:bg-gray-11 hover:border-gray-6",
 				white:
-					"bg-gray-1 text-gray-12 border-gray-5 hover:bg-gray-3 hover:border-gray-6 focus:bg-gray-3 focus:border-gray-6",
-				gray: "bg-gray-5 text-gray-12 border-gray-5 hover:bg-gray-7 hover:border-gray-6 focus:bg-gray-7 focus:border-gray-6",
+					"bg-gray-1 text-gray-12 border-gray-5 hover:bg-gray-3 hover:border-gray-6",
+				gray: "bg-gray-5 text-gray-12 border-gray-5 hover:bg-gray-7 hover:border-gray-6",
 				transparent:
-					"bg-transparent text-gray-12 border-transparent hover:bg-gray-3 hover:border-gray-6 focus:bg-gray-3 focus:border-gray-6",
+					"bg-transparent text-gray-12 border-transparent hover:bg-gray-3 hover:border-gray-6",
 			},
 			size: {
 				default: "w-full",
@@ -47,6 +48,11 @@ const selectContentVariants = cva(
 	cx(
 		"rounded-xl border-[1px] overflow-hidden",
 		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"data-[state=open]:animate-in data-[state=closed]:animate-out",
+		"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+		"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+		"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+		"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 	),
 	{
 		defaultVariants: {
@@ -55,10 +61,10 @@ const selectContentVariants = cva(
 		variants: {
 			variant: {
 				default: "bg-gray-2 border-gray-5 text-gray-12",
-				dark: "hover:bg-gray-11/50 bg-gray-12 dark-button-border dark-button-shadow text-gray-1 border-gray-5",
-				white: "bg-gray-1 text-gray-12 border-gray-5",
+				dark: "hover:bg-gray-11-50 bg-gray-12 dark-button-border dark-button-shadow text-gray-1 border-gray-5",
 				gray: "bg-gray-5 text-gray-12 border-gray-5",
-				transparent: "bg-transparent text-gray-12 border-transparent",
+				transparent:
+					"bg-transparent hover:bg-gray-3 text-gray-12 border-transparent",
 			},
 		},
 	},
@@ -78,10 +84,10 @@ const selectItemVariants = cva(
 		variants: {
 			variant: {
 				default: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
-				dark: "text-gray-1 hover:bg-[var(--gray-11-40)] focus:bg-[var(--gray-11-40)]",
-				white: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
-				gray: "text-gray-12 hover:bg-gray-6 focus:bg-gray-6",
-				transparent: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
+				dark: "text-gray-1 hover:text-gray-12 focus:text-gray-12 hover:bg-gray-1 focus:bg-gray-1",
+				gray: "text-gray-12 hover:text-gray-12 hover:bg-gray-6 focus:bg-gray-6",
+				transparent:
+					"text-gray-12 hover:text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
 			},
 		},
 	},
@@ -118,7 +124,7 @@ function Select({
 			<SelectTrigger variant={variant} size={size} className={className}>
 				<SelectValue placeholder={placeholder} />
 			</SelectTrigger>
-			<SelectContent className="mt-1" variant={variant}>
+			<SelectContent className="mt-2" variant={variant}>
 				{options.map((option) => (
 					<SelectItem key={option.value} value={option.value}>
 						<div className="flex gap-2 items-center">
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a08cf69e61..a696b85955 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -115,7 +115,7 @@ importers:
         version: 0.14.10(solid-js@1.9.6)
       '@solidjs/start':
         specifier: ^1.1.3
-        version: 1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)
+        version: 1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)
       '@tanstack/solid-query':
         specifier: ^5.51.21
         version: 5.75.4(solid-js@1.9.6)
@@ -202,7 +202,7 @@ importers:
         version: 9.0.1
       vinxi:
         specifier: ^0.5.6
-        version: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+        version: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
       webcodecs:
         specifier: ^0.1.0
         version: 0.1.0
@@ -636,6 +636,9 @@ importers:
       cookies-next:
         specifier: ^4.1.0
         version: 4.3.0
+      country-flag-icons:
+        specifier: ^1.5.21
+        version: 1.5.21
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
@@ -704,7 +707,7 @@ importers:
         version: 15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       next-auth:
         specifier: ^4.24.5
-        version: 4.24.11(next@15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(nodemailer@6.10.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+        version: 4.24.11(next@15.5.4(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(nodemailer@6.10.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       next-contentlayer2:
         specifier: ^0.5.3
         version: 0.5.8(acorn@8.15.0)(contentlayer2@0.5.8(acorn@8.15.0)(esbuild@0.25.5))(esbuild@0.25.5)(next@15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -747,6 +750,9 @@ importers:
       react-tooltip:
         specifier: ^5.26.3
         version: 5.28.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      recharts:
+        specifier: ^3.3.0
+        version: 3.3.0(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react-is@18.3.1)(react@19.1.1)(redux@5.0.1)
       resend:
         specifier: 4.6.0
         version: 4.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -1017,7 +1023,7 @@ importers:
         version: 15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       next-auth:
         specifier: ^4.24.5
-        version: 4.24.11(next@15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(nodemailer@6.10.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+        version: 4.24.11(next@15.5.4(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(nodemailer@6.10.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       react-email:
         specifier: ^4.0.16
         version: 4.0.16(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -4517,6 +4523,9 @@ packages:
   '@oxc-project/types@0.94.0':
     resolution: {integrity: sha512-+UgQT/4o59cZfH6Cp7G0hwmqEQ0wE+AdIwhikdwnhWI9Dp8CgSY081+Q3O67/wq3VJu8mgUEB93J9EHHn70fOw==}
 
+  '@oxc-project/types@0.95.0':
+    resolution: {integrity: sha512-vACy7vhpMPhjEJhULNxrdR0D943TkA/MigMpJCHmBHvMXxRStRi/dPtTlfQ3uDwWSzRpT8z+7ImjZVf8JWBocQ==}
+
   '@panva/hkdf@1.2.1':
     resolution: {integrity: sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==}
 
@@ -5418,6 +5427,17 @@ packages:
     peerDependencies:
       react: ^18.0 || ^19.0 || ^19.0.0-rc
 
+  '@reduxjs/toolkit@2.9.2':
+    resolution: {integrity: sha512-ZAYu/NXkl/OhqTz7rfPaAhY0+e8Fr15jqNxte/2exKUxvHyQ/hcqmdekiN1f+Lcw3pE+34FCgX+26zcUE3duCg==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
   '@remix-run/router@1.23.0':
     resolution: {integrity: sha512-O3rHJzAQKamUz1fvE0Qaw0xSFqsA/yafi2iqeE0pvdFtCO1viYx8QL6f3Ln/aCCTLxs68SLf0KPM9eSeM8yBnA==}
     engines: {node: '>=14.0.0'}
@@ -5445,8 +5465,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.43':
-    resolution: {integrity: sha512-TP8bcPOb1s6UmY5syhXrDn9k0XkYcw+XaoylTN4cJxf0JOVS2j682I3aTcpfT51hOFGr2bRwNKN9RZ19XxeQbA==}
+  '@rolldown/binding-android-arm64@1.0.0-beta.45':
+    resolution: {integrity: sha512-bfgKYhFiXJALeA/riil908+2vlyWGdwa7Ju5S+JgWZYdR4jtiPOGdM6WLfso1dojCh+4ZWeiTwPeV9IKQEX+4g==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
@@ -5457,8 +5477,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.43':
-    resolution: {integrity: sha512-kuVWnZsE4vEjMF/10SbSUyzucIW2zmdsqFghYMqy+fsjXnRHg0luTU6qWF8IqJf4Cbpm9NEZRnjIEPpAbdiSNQ==}
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.45':
+    resolution: {integrity: sha512-xjCv4CRVsSnnIxTuyH1RDJl5OEQ1c9JYOwfDAHddjJDxCw46ZX9q80+xq7Eok7KC4bRSZudMJllkvOKv0T9SeA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
@@ -5469,8 +5489,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.43':
-    resolution: {integrity: sha512-u9Ps4sh6lcmJ3vgLtyEg/x4jlhI64U0mM93Ew+tlfFdLDe7yKyA+Fe80cpr2n1mNCeZXrvTSbZluKpXQ0GxLjw==}
+  '@rolldown/binding-darwin-x64@1.0.0-beta.45':
+    resolution: {integrity: sha512-ddcO9TD3D/CLUa/l8GO8LHzBOaZqWg5ClMy3jICoxwCuoz47h9dtqPsIeTiB6yR501LQTeDsjA4lIFd7u3Ljfw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
@@ -5481,8 +5501,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.43':
-    resolution: {integrity: sha512-h9lUtVtXgfbk/tnicMpbFfZ3DJvk5Zn2IvmlC1/e0+nUfwoc/TFqpfrRRqcNBXk/e+xiWMSKv6b0MF8N+Rtvlg==}
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.45':
+    resolution: {integrity: sha512-MBTWdrzW9w+UMYDUvnEuh0pQvLENkl2Sis15fHTfHVW7ClbGuez+RWopZudIDEGkpZXdeI4CkRXk+vdIIebrmg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
@@ -5493,8 +5513,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.43':
-    resolution: {integrity: sha512-IX2C6bA6wM2rX/RvD75ko+ix9yxPKjKGGq7pOhB8wGI4Z4fqX5B1nDHga/qMDmAdCAR1m9ymzxkmqhm/AFYf7A==}
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.45':
+    resolution: {integrity: sha512-4YgoCFiki1HR6oSg+GxxfzfnVCesQxLF1LEnw9uXS/MpBmuog0EOO2rYfy69rWP4tFZL9IWp6KEfGZLrZ7aUog==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
@@ -5505,8 +5525,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.43':
-    resolution: {integrity: sha512-mcjd57vEj+CEQbZAzUiaxNzNgwwgOpFtZBWcINm8DNscvkXl5b/s622Z1dqGNWSdrZmdjdC6LWMvu8iHM6v9sQ==}
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.45':
+    resolution: {integrity: sha512-LE1gjAwQRrbCOorJJ7LFr10s5vqYf5a00V5Ea9wXcT2+56n5YosJkcp8eQ12FxRBv2YX8dsdQJb+ZTtYJwb6XQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5517,8 +5537,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.43':
-    resolution: {integrity: sha512-Pa8QMwlkrztTo/1mVjZmPIQ44tCSci10TBqxzVBvXVA5CFh5EpiEi99fPSll2dHG2uT4dCOMeC6fIhyDdb0zXA==}
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.45':
+    resolution: {integrity: sha512-tdy8ThO/fPp40B81v0YK3QC+KODOmzJzSUOO37DinQxzlTJ026gqUSOM8tzlVixRbQJltgVDCTYF8HNPRErQTA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5529,8 +5549,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.43':
-    resolution: {integrity: sha512-BgynXKMjeaX4AfWLARhOKDetBOOghnSiVRjAHVvhiAaDXgdQN8e65mSmXRiVoVtD3cHXx/cfU8Gw0p0K+qYKVQ==}
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.45':
+    resolution: {integrity: sha512-lS082ROBWdmOyVY/0YB3JmsiClaWoxvC+dA8/rbhyB9VLkvVEaihLEOr4CYmrMse151C4+S6hCw6oa1iewox7g==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5541,8 +5561,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.43':
-    resolution: {integrity: sha512-VIsoPlOB/tDSAw9CySckBYysoIBqLeps1/umNSYUD8pMtalJyzMTneAVI1HrUdf4ceFmQ5vARoLIXSsPwVFxNg==}
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.45':
+    resolution: {integrity: sha512-Hi73aYY0cBkr1/SvNQqH8Cd+rSV6S9RB5izCv0ySBcRnd/Wfn5plguUoGYwBnhHgFbh6cPw9m2dUVBR6BG1gxA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5553,8 +5573,8 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.43':
-    resolution: {integrity: sha512-YDXTxVJG67PqTQMKyjVJSddoPbSWJ4yRz/E3xzTLHqNrTDGY0UuhG8EMr8zsYnfH/0cPFJ3wjQd/hJWHuR6nkA==}
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.45':
+    resolution: {integrity: sha512-fljEqbO7RHHogNDxYtTzr+GNjlfOx21RUyGmF+NrkebZ8emYYiIqzPxsaMZuRx0rgZmVmliOzEp86/CQFDKhJQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
@@ -5564,8 +5584,8 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.43':
-    resolution: {integrity: sha512-3M+2DmorXvDuAIGYQ9Z93Oy1G9ETkejLwdXXb1uRTgKN9pMcu7N+KG2zDrJwqyxeeLIFE22AZGtSJm3PJbNu9Q==}
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.45':
+    resolution: {integrity: sha512-ZJDB7lkuZE9XUnWQSYrBObZxczut+8FZ5pdanm8nNS1DAo8zsrPuvGwn+U3fwU98WaiFsNrA4XHngesCGr8tEQ==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
@@ -5575,8 +5595,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.43':
-    resolution: {integrity: sha512-/B1j1pJs33y9ywtslOMxryUPHq8zIGu/OGEc2gyed0slimJ8fX2uR/SaJVhB4+NEgCFIeYDR4CX6jynAkeRuCA==}
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.45':
+    resolution: {integrity: sha512-zyzAjItHPUmxg6Z8SyRhLdXlJn3/D9KL5b9mObUrBHhWS/GwRH4665xCiFqeuktAhhWutqfc+rOV2LjK4VYQGQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
@@ -5587,8 +5607,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.43':
-    resolution: {integrity: sha512-29oG1swCz7hNP+CQYrsM4EtylsKwuYzM8ljqbqC5TsQwmKat7P8ouDpImsqg/GZxFSXcPP9ezQm0Q0wQwGM3JA==}
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.45':
+    resolution: {integrity: sha512-wODcGzlfxqS6D7BR0srkJk3drPwXYLu7jPHN27ce2c4PUnVVmJnp9mJzUQGT4LpmHmmVdMZ+P6hKvyTGBzc1CA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
@@ -5599,8 +5619,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.43':
-    resolution: {integrity: sha512-eWBV1Ef3gfGNehxVGCyXs7wLayRIgCmyItuCZwYYXW5bsk4EvR4n2GP5m3ohjnx7wdiY3nLmwQfH2Knb5gbNZw==}
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.45':
+    resolution: {integrity: sha512-wiU40G1nQo9rtfvF9jLbl79lUgjfaD/LTyUEw2Wg/gdF5OhjzpKMVugZQngO+RNdwYaNj+Fs+kWBWfp4VXPMHA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -5608,8 +5628,8 @@ packages:
   '@rolldown/pluginutils@1.0.0-beta.42':
     resolution: {integrity: sha512-N7pQzk9CyE7q0bBN/q0J8s6Db279r5kUZc6d7/wWRe9/zXqC52HQovVyu6iXPIDY4BEzzgbVLhVFXrOuGJ22ZQ==}
 
-  '@rolldown/pluginutils@1.0.0-beta.43':
-    resolution: {integrity: sha512-5Uxg7fQUCmfhax7FJke2+8B6cqgeUJUD9o2uXIKXhD+mG0mL6NObmVoi9wXEU1tY89mZKgAYA6fTbftx3q2ZPQ==}
+  '@rolldown/pluginutils@1.0.0-beta.45':
+    resolution: {integrity: sha512-Le9ulGCrD8ggInzWw/k2J8QcbPz7eGIOWqfJ2L+1R0Opm7n6J37s2hiDWlh6LJN0Lk9L5sUzMvRHKW7UxBZsQA==}
 
   '@rollup/plugin-alias@5.1.1':
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
@@ -6419,6 +6439,9 @@ packages:
   '@standard-schema/spec@1.0.0':
     resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
 
+  '@standard-schema/utils@0.3.0':
+    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
+
   '@storybook/addon-actions@8.6.12':
     resolution: {integrity: sha512-B5kfiRvi35oJ0NIo53CGH66H471A3XTzrfaa6SxXEJsgxxSeKScG5YeXcCvLiZfvANRQ7QDsmzPUgg0o3hdMXw==}
     peerDependencies:
@@ -6495,10 +6518,10 @@ packages:
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@10.0.0-beta.13':
-    resolution: {integrity: sha512-ZPxqgoofi2yfJRQkkEBINSzPjkhrgfh4HsPs4fsbPt3jfVyfP4Wic7vHep4UlR1os2iL2MTRLcapkkiajoztWQ==}
+  '@storybook/builder-vite@10.0.0-rc.2':
+    resolution: {integrity: sha512-Vp1xN+h7BKQ6k+zE2LHExfE65yL2d2q9TiVrIHJ2O7dukVkd5UYBOS9CLVenidgfbFRzt2hUQPLLKhTjJLwMmA==}
     peerDependencies:
-      storybook: ^10.0.0-beta.13
+      storybook: ^10.0.0-rc.2
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
   '@storybook/core@8.6.12':
@@ -6509,12 +6532,12 @@ packages:
       prettier:
         optional: true
 
-  '@storybook/csf-plugin@10.0.0-beta.13':
-    resolution: {integrity: sha512-mjdDsl5MAn6bLZHHInut+TQjYUJDdErpXnYlXPLvZRoaCxqxLN2O2sf5LmxAP9SRjEdKnsLFvBwMCJxVcav/lQ==}
+  '@storybook/csf-plugin@10.0.0-rc.2':
+    resolution: {integrity: sha512-GCAlUdEbcdwaDT4JL8N/Dv0w3ZMNf80tdiFC26PMK+UZBBd9DKyEJfDTd2NLSzDXEG1DGRUKJymDec8ocFFqxQ==}
     peerDependencies:
       esbuild: '*'
       rollup: '*'
-      storybook: ^10.0.0-beta.13
+      storybook: ^10.0.0-rc.2
       vite: '*'
       webpack: '*'
     peerDependenciesMeta:
@@ -7033,6 +7056,33 @@ packages:
   '@types/cors@2.8.19':
     resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.7':
+    resolution: {integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
@@ -7246,6 +7296,9 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
+  '@types/use-sync-external-store@0.0.6':
+    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
+
   '@types/uuid@9.0.8':
     resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
 
@@ -8603,6 +8656,9 @@ packages:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
 
+  country-flag-icons@1.5.21:
+    resolution: {integrity: sha512-0KmU4oeiyAM+F+atzK99ghQDQJKxEY3tiDhnRraVFL4o65rZgrmrx7xKi0b+hxcVpcEpuUbu+KCC6TKTZQTDcA==}
+
   cp-file@10.0.0:
     resolution: {integrity: sha512-vy2Vi1r2epK5WqxOLnskeKeZkdZvTKfFZQCplE3XWsP+SUJyd5XAUFC9lFgTjjXJF2GMne/UML14iEmkAaDfFg==}
     engines: {node: '>=14.16'}
@@ -8669,6 +8725,50 @@ packages:
   custom-media-element@1.4.2:
     resolution: {integrity: sha512-AM6FRWqJyW7pWTvXb4uJj6yvHE7C6UutdhJ5o3XO5NEl5aWFcfnpz8/TuW8qr1+/wfbj50wRvdArnSNjTmjmVw==}
 
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.0:
+    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
@@ -8786,6 +8886,9 @@ packages:
   decache@4.6.2:
     resolution: {integrity: sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==}
 
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
   decimal.js@10.5.0:
     resolution: {integrity: sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==}
 
@@ -9278,6 +9381,9 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
+  es-toolkit@1.41.0:
+    resolution: {integrity: sha512-bDd3oRmbVgqZCJS6WmeQieOrzpl3URcWBUVDXxOELlUW2FuW+0glPOz1n0KnRie+PdyvUZcXz2sOn00c6pPRIA==}
+
   esast-util-from-estree@2.0.0:
     resolution: {integrity: sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==}
 
@@ -9624,6 +9730,9 @@ packages:
   eventemitter3@4.0.7:
     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
   events@1.1.1:
     resolution: {integrity: sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw==}
     engines: {node: '>=0.4.x'}
@@ -10371,6 +10480,9 @@ packages:
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
+  immer@10.1.3:
+    resolution: {integrity: sha512-tmjF/k8QDKydUlm3mZU+tjM6zeq9/fFpPqH9SzWmBnVVKsPBg/V66qsMwb3/Bo90cgUN+ghdVBess+hPsxUyRw==}
+
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
@@ -10424,6 +10536,10 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ioredis@5.6.1:
     resolution: {integrity: sha512-UxC0Yv1Y4WRJiGQxQkP0hfdL0/5/6YvdfOOClRgJ0qppSarkhneSa6UvkMkms0AkdGimSH3Ikqm+6mkMmX7vGA==}
     engines: {node: '>=12.22.0'}
@@ -12670,6 +12786,18 @@ packages:
   react-promise-suspense@0.3.4:
     resolution: {integrity: sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ==}
 
+  react-redux@9.2.0:
+    resolution: {integrity: sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==}
+    peerDependencies:
+      '@types/react': ^18.2.25 || ^19
+      react: ^18.0 || ^19
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      redux:
+        optional: true
+
   react-refresh@0.17.0:
     resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
     engines: {node: '>=0.10.0'}
@@ -12795,6 +12923,14 @@ packages:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
+  recharts@3.3.0:
+    resolution: {integrity: sha512-Vi0qmTB0iz1+/Cz9o5B7irVyUjX2ynvEgImbgMt/3sKRREcUM07QiYjS1QpAVrkmVlXqy5gykq4nGWMz9AS4Rg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   recma-build-jsx@1.0.0:
     resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
 
@@ -12819,6 +12955,14 @@ packages:
     resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
     engines: {node: '>=4'}
 
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -12886,6 +13030,9 @@ packages:
   requires-port@1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
 
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
   resend@4.6.0:
     resolution: {integrity: sha512-D5T2I82FvEUYFlrHzaDvVtr5ADHdhuoLaXgLFGABKyNtQgPWIuz0Vp2L2Evx779qjK37aF4kcw1yXJDHhA2JnQ==}
     engines: {node: '>=18'}
@@ -12965,8 +13112,8 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
-  rolldown@1.0.0-beta.43:
-    resolution: {integrity: sha512-6RcqyRx0tY1MlRLnjXPp/849Rl/CPFhzpGGwNPEPjKwqBMqPq/Rbbkxasa8s0x+IkUk46ty4jazb5skZ/Vgdhw==}
+  rolldown@1.0.0-beta.45:
+    resolution: {integrity: sha512-iMmuD72XXLf26Tqrv1cryNYLX6NNPLhZ3AmNkSf8+xda0H+yijjGJ+wVT9UdBUHOpKzq9RjKtQKRCWoEKQQBZQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -14488,6 +14635,9 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
+  victory-vendor@37.3.6:
+    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+
   vinxi@0.5.6:
     resolution: {integrity: sha512-K9zaoHEdLXSVw3akoKcpRaRaGNZcXAnB0XBcke74y0FbXqcR3+rlFxOH/Pi3Maq3K7wAPBGyE91HW0lATfv5Kg==}
     hasBin: true
@@ -18868,6 +19018,8 @@ snapshots:
 
   '@oxc-project/types@0.94.0': {}
 
+  '@oxc-project/types@0.95.0': {}
+
   '@panva/hkdf@1.2.1': {}
 
   '@paralleldrive/cuid2@2.2.2':
@@ -19806,6 +19958,18 @@ snapshots:
     dependencies:
       react: 19.1.1
 
+  '@reduxjs/toolkit@2.9.2(react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1))(react@19.1.1)':
+    dependencies:
+      '@standard-schema/spec': 1.0.0
+      '@standard-schema/utils': 0.3.0
+      immer: 10.1.3
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.1.1
+    optionalDependencies:
+      react: 19.1.1
+      react-redux: 9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1)
+
   '@remix-run/router@1.23.0': {}
 
   '@remotion/licensing@4.0.298': {}
@@ -19827,61 +19991,61 @@ snapshots:
   '@rolldown/binding-android-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.43':
+  '@rolldown/binding-android-arm64@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-darwin-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.43':
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-darwin-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.43':
+  '@rolldown/binding-darwin-x64@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-freebsd-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.43':
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.43':
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.43':
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-linux-arm64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.43':
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-linux-x64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.43':
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-linux-x64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.43':
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-openharmony-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.43':
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-wasm32-wasi@1.0.0-beta.42':
@@ -19889,7 +20053,7 @@ snapshots:
       '@napi-rs/wasm-runtime': 1.0.6
     optional: true
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.43':
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.45':
     dependencies:
       '@napi-rs/wasm-runtime': 1.0.7
     optional: true
@@ -19897,24 +20061,24 @@ snapshots:
   '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.43':
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.43':
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.45':
     optional: true
 
   '@rolldown/binding-win32-x64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.43':
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.45':
     optional: true
 
   '@rolldown/pluginutils@1.0.0-beta.42': {}
 
-  '@rolldown/pluginutils@1.0.0-beta.43': {}
+  '@rolldown/pluginutils@1.0.0-beta.45': {}
 
   '@rollup/plugin-alias@5.1.1(rollup@4.40.2)':
     optionalDependencies:
@@ -20903,11 +21067,11 @@ snapshots:
     dependencies:
       solid-js: 1.9.6
 
-  '@solidjs/start@1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)':
+  '@solidjs/start@1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)':
     dependencies:
       '@tanstack/server-functions-plugin': 1.119.2(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)
-      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
-      '@vinxi/server-components': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
+      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
+      '@vinxi/server-components': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
       defu: 6.1.4
       error-stack-parser: 2.1.4
       html-to-image: 1.11.13
@@ -20918,7 +21082,7 @@ snapshots:
       source-map-js: 1.2.1
       terracotta: 1.0.6(solid-js@1.9.6)
       tinyglobby: 0.2.13
-      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
       vite-plugin-solid: 2.11.6(@testing-library/jest-dom@6.5.0)(solid-js@1.9.6)(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))
     transitivePeerDependencies:
       - '@testing-library/jest-dom'
@@ -20942,6 +21106,8 @@ snapshots:
 
   '@standard-schema/spec@1.0.0': {}
 
+  '@standard-schema/utils@0.3.0': {}
+
   '@storybook/addon-actions@8.6.12(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
@@ -21046,9 +21212,9 @@ snapshots:
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
 
-  '@storybook/builder-vite@10.0.0-beta.13(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/builder-vite@10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
-      '@storybook/csf-plugin': 10.0.0-beta.13(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/csf-plugin': 10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
       vite: 6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)
@@ -21078,7 +21244,7 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@10.0.0-beta.13(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/csf-plugin@10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
       storybook: 8.6.12(prettier@3.5.3)
       unplugin: 2.3.10
@@ -21644,6 +21810,30 @@ snapshots:
     dependencies:
       '@types/node': 20.17.43
 
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-shape@3.1.7':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 2.1.0
@@ -21888,6 +22078,8 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
+  '@types/use-sync-external-store@0.0.6': {}
+
   '@types/uuid@9.0.8': {}
 
   '@types/yargs-parser@21.0.3': {}
@@ -22261,7 +22453,7 @@ snapshots:
       untun: 0.1.3
       uqr: 0.1.2
 
-  '@vinxi/plugin-directives@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
+  '@vinxi/plugin-directives@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
     dependencies:
       '@babel/parser': 7.27.2
       acorn: 8.14.1
@@ -22272,18 +22464,18 @@ snapshots:
       magicast: 0.2.11
       recast: 0.23.11
       tslib: 2.8.1
-      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
 
-  '@vinxi/server-components@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
+  '@vinxi/server-components@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
     dependencies:
-      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
+      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
       acorn: 8.14.1
       acorn-loose: 8.5.0
       acorn-typescript: 1.4.13(acorn@8.14.1)
       astring: 1.9.0
       magicast: 0.2.11
       recast: 0.23.11
-      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
 
   '@virtual-grid/core@2.0.1': {}
 
@@ -23526,6 +23718,8 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
+  country-flag-icons@1.5.21: {}
+
   cp-file@10.0.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -23600,6 +23794,44 @@ snapshots:
 
   custom-media-element@1.4.2: {}
 
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-color@3.1.0: {}
+
+  d3-ease@3.0.1: {}
+
+  d3-format@3.1.0: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@3.1.0: {}
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.0
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
   damerau-levenshtein@1.0.8: {}
 
   data-uri-to-buffer@2.0.2: {}
@@ -23675,6 +23907,8 @@ snapshots:
     dependencies:
       callsite: 1.0.0
 
+  decimal.js-light@2.5.1: {}
+
   decimal.js@10.5.0: {}
 
   decode-named-character-reference@1.1.0:
@@ -24126,6 +24360,8 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  es-toolkit@1.41.0: {}
+
   esast-util-from-estree@2.0.0:
     dependencies:
       '@types/estree-jsx': 1.0.5
@@ -24912,6 +25148,8 @@ snapshots:
 
   eventemitter3@4.0.7: {}
 
+  eventemitter3@5.0.1: {}
+
   events@1.1.1: {}
 
   events@3.3.0: {}
@@ -25831,6 +26069,8 @@ snapshots:
 
   immediate@3.0.6: {}
 
+  immer@10.1.3: {}
+
   import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
@@ -25877,6 +26117,8 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
+  internmap@2.0.3: {}
+
   ioredis@5.6.1:
     dependencies:
       '@ioredis/commands': 1.2.0
@@ -27538,7 +27780,7 @@ snapshots:
       p-wait-for: 5.0.2
       qs: 6.14.0
 
-  next-auth@4.24.11(next@15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(nodemailer@6.10.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
+  next-auth@4.24.11(next@15.5.4(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(nodemailer@6.10.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.1
       '@panva/hkdf': 1.2.1
@@ -27613,7 +27855,7 @@ snapshots:
       cors: 2.8.5
       next: 15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
 
-  nitropack@2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(xml2js@0.6.2):
+  nitropack@2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(xml2js@0.6.2):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.0
       '@netlify/functions': 3.1.5(encoding@0.1.13)(rollup@4.40.2)
@@ -27667,7 +27909,7 @@ snapshots:
       pretty-bytes: 6.1.1
       radix3: 1.1.2
       rollup: 4.40.2
-      rollup-plugin-visualizer: 5.14.0(rolldown@1.0.0-beta.43)(rollup@4.40.2)
+      rollup-plugin-visualizer: 5.14.0(rolldown@1.0.0-beta.45)(rollup@4.40.2)
       scule: 1.3.0
       semver: 7.7.2
       serve-placeholder: 2.0.2
@@ -28666,6 +28908,15 @@ snapshots:
     dependencies:
       fast-deep-equal: 2.0.1
 
+  react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1):
+    dependencies:
+      '@types/use-sync-external-store': 0.0.6
+      react: 19.1.1
+      use-sync-external-store: 1.5.0(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      redux: 5.0.1
+
   react-refresh@0.17.0: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.1.13)(react@19.1.1):
@@ -28808,6 +29059,26 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
+  recharts@3.3.0(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react-is@18.3.1)(react@19.1.1)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.9.2(react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1))(react@19.1.1)
+      clsx: 2.1.1
+      decimal.js-light: 2.5.1
+      es-toolkit: 1.41.0
+      eventemitter3: 5.0.1
+      immer: 10.1.3
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-is: 18.3.1
+      react-redux: 9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1)
+      reselect: 5.1.1
+      tiny-invariant: 1.3.3
+      use-sync-external-store: 1.5.0(react@19.1.1)
+      victory-vendor: 37.3.6
+    transitivePeerDependencies:
+      - '@types/react'
+      - redux
+
   recma-build-jsx@1.0.0:
     dependencies:
       '@types/estree': 1.0.8
@@ -28849,6 +29120,12 @@ snapshots:
     dependencies:
       redis-errors: 1.2.0
 
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
+
+  redux@5.0.1: {}
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -28958,6 +29235,8 @@ snapshots:
 
   requires-port@1.0.0: {}
 
+  reselect@5.1.1: {}
+
   resend@4.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@react-email/render': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -29008,7 +29287,7 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.43)(typescript@5.8.3):
+  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.45)(typescript@5.8.3):
     dependencies:
       '@babel/generator': 7.28.3
       '@babel/parser': 7.28.4
@@ -29019,7 +29298,7 @@ snapshots:
       dts-resolver: 2.1.2
       get-tsconfig: 4.11.0
       magic-string: 0.30.19
-      rolldown: 1.0.0-beta.43
+      rolldown: 1.0.0-beta.45
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -29047,26 +29326,25 @@ snapshots:
       '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.42
       '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.42
 
-  rolldown@1.0.0-beta.43:
+  rolldown@1.0.0-beta.45:
     dependencies:
-      '@oxc-project/types': 0.94.0
-      '@rolldown/pluginutils': 1.0.0-beta.43
-      ansis: 4.2.0
+      '@oxc-project/types': 0.95.0
+      '@rolldown/pluginutils': 1.0.0-beta.45
     optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.0.0-beta.43
-      '@rolldown/binding-darwin-arm64': 1.0.0-beta.43
-      '@rolldown/binding-darwin-x64': 1.0.0-beta.43
-      '@rolldown/binding-freebsd-x64': 1.0.0-beta.43
-      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.43
-      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.43
-      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.43
-      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.43
-      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.43
-      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.43
-      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.43
-      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.43
-      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.43
-      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.43
+      '@rolldown/binding-android-arm64': 1.0.0-beta.45
+      '@rolldown/binding-darwin-arm64': 1.0.0-beta.45
+      '@rolldown/binding-darwin-x64': 1.0.0-beta.45
+      '@rolldown/binding-freebsd-x64': 1.0.0-beta.45
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.45
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.45
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.45
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.45
+      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.45
+      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.45
+      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.45
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.45
+      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.45
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.45
 
   rollup-plugin-inject@3.0.2:
     dependencies:
@@ -29078,14 +29356,14 @@ snapshots:
     dependencies:
       rollup-plugin-inject: 3.0.2
 
-  rollup-plugin-visualizer@5.14.0(rolldown@1.0.0-beta.43)(rollup@4.40.2):
+  rollup-plugin-visualizer@5.14.0(rolldown@1.0.0-beta.45)(rollup@4.40.2):
     dependencies:
       open: 8.4.2
       picomatch: 4.0.3
       source-map: 0.7.4
       yargs: 17.7.2
     optionalDependencies:
-      rolldown: 1.0.0-beta.43
+      rolldown: 1.0.0-beta.45
       rollup: 4.40.2
 
   rollup-pluginutils@2.8.2:
@@ -29681,7 +29959,7 @@ snapshots:
 
   storybook-solidjs-vite@1.0.0-beta.7(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(esbuild@0.25.5)(rollup@4.40.2)(solid-js@1.9.6)(storybook@8.6.12(prettier@3.5.3))(vite-plugin-solid@2.11.6(@testing-library/jest-dom@6.5.0)(solid-js@1.9.6)(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5)):
     dependencies:
-      '@storybook/builder-vite': 10.0.0-beta.13(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/builder-vite': 10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       '@storybook/types': 9.0.0-alpha.1(storybook@8.6.12(prettier@3.5.3))
       magic-string: 0.30.17
       solid-js: 1.9.6
@@ -30285,8 +30563,8 @@ snapshots:
       diff: 8.0.2
       empathic: 2.0.0
       hookable: 5.5.3
-      rolldown: 1.0.0-beta.43
-      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.43)(typescript@5.8.3)
+      rolldown: 1.0.0-beta.45
+      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.45)(typescript@5.8.3)
       semver: 7.7.2
       tinyexec: 1.0.1
       tinyglobby: 0.2.15
@@ -30878,7 +31156,24 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1):
+  victory-vendor@37.3.6:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.7
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
+  vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1):
     dependencies:
       '@babel/core': 7.27.1
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.27.1)
@@ -30900,7 +31195,7 @@ snapshots:
       hookable: 5.5.3
       http-proxy: 1.18.1
       micromatch: 4.0.8
-      nitropack: 2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(rolldown@1.0.0-beta.43)(xml2js@0.6.2)
+      nitropack: 2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(rolldown@1.0.0-beta.45)(xml2js@0.6.2)
       node-fetch-native: 1.6.6
       path-to-regexp: 6.3.0
       pathe: 1.1.2

From 37cfa8248a0af01cfd0ccc3d1a450a6db29b85a2 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 28 Oct 2025 13:12:40 +0300
Subject: [PATCH 04/23] add caps table, improve chart look, and more

---
 .../analytics/components/ChartArea.tsx        |  15 +-
 .../analytics/components/OtherStats.tsx       | 266 +++++++++++-------
 .../analytics/components/StatsChart.tsx       |  19 +-
 3 files changed, 192 insertions(+), 108 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
index 83d55aa392..06ed45b233 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
@@ -13,7 +13,7 @@ export const description = "An area chart with gradient fill";
 
 const chartData = Array.from({ length: 24 }, (_, i) => ({
 	hour: i + 1,
-	desktop: Math.floor(Math.random() * 100),
+	desktop: Math.floor(Math.random() * 100).toFixed(0),
 }));
 
 const chartConfig = {
@@ -34,25 +34,26 @@ function ChartArea() {
 				data={chartData}
 				margin={{
 					left: 20,
-					right: 0,
+					right: 20,
 					top: 20,
-					bottom: 0,
+					bottom: 10,
 				}}
 			>
 				<CartesianGrid
 					vertical={false}
 					strokeDasharray="3 3"
-					stroke="var(--gray-6)"
+					stroke="var(--gray-8)"
 					opacity={0.3}
 				/>
 				<XAxis
 					dataKey="hour"
-					tickLine={false}
 					axisLine={false}
-					tickMargin={8}
+					tickMargin={10}
+					interval={0}
+					height={40}
+					tick={{ fontSize: 11 }}
 				/>
 				<YAxis
-					tickLine={false}
 					axisLine={false}
 					tickMargin={8}
 					domain={[0, 100]}
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
index c778db0e74..ff2508efbf 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
@@ -1,6 +1,8 @@
 "use client";
 
 import {
+	Logo,
+	LogoBadge,
 	Table,
 	TableBody,
 	TableCell,
@@ -10,10 +12,13 @@ import {
 } from "@cap/ui";
 import {
 	faAppleWhole,
+	faCamera,
 	faDesktop,
 	faGlobe,
 	faMobileScreen,
+	faRecordVinyl,
 	faTablet,
+	faUserGroup,
 } from "@fortawesome/free-solid-svg-icons";
 import {
 	FontAwesomeIcon,
@@ -22,6 +27,7 @@ import {
 import clsx from "clsx";
 import getUnicodeFlagIcon from "country-flag-icons/unicode";
 import Image from "next/image";
+import CapIcon from "../../_components/AnimatedIcons/Cap";
 
 const countryCodeToIcon = (countryCode: string) => {
 	return getUnicodeFlagIcon(countryCode.toUpperCase());
@@ -39,50 +45,50 @@ export default function OtherStats() {
 							{
 								icon: countryCodeToIcon("US"),
 								name: "United States",
-								views: "1,234",
-								percentage: "45.6%",
+								views: "8,452",
+								percentage: "34.2%",
 							},
 							{
 								icon: countryCodeToIcon("GB"),
 								name: "United Kingdom",
-								views: "892",
-								percentage: "23.4%",
+								views: "3,891",
+								percentage: "15.7%",
 							},
 							{
 								icon: countryCodeToIcon("CA"),
 								name: "Canada",
-								views: "567",
-								percentage: "30.9%",
+								views: "2,764",
+								percentage: "11.2%",
 							},
 							{
 								icon: countryCodeToIcon("DE"),
 								name: "Germany",
-								views: "432",
-								percentage: "15.6%",
+								views: "2,143",
+								percentage: "8.7%",
 							},
 							{
 								icon: countryCodeToIcon("FR"),
 								name: "France",
-								views: "389",
-								percentage: "10.9%",
+								views: "1,876",
+								percentage: "7.6%",
 							},
 							{
 								icon: countryCodeToIcon("AU"),
 								name: "Australia",
-								views: "276",
-								percentage: "10.9%",
+								views: "1,542",
+								percentage: "6.2%",
 							},
 							{
 								icon: countryCodeToIcon("JP"),
 								name: "Japan",
-								views: "198",
-								percentage: "10.9%",
+								views: "1,298",
+								percentage: "5.2%",
 							},
 							{
 								icon: countryCodeToIcon("BR"),
 								name: "Brazil",
-								views: "156",
-								percentage: "10.9%",
+								views: "987",
+								percentage: "4.0%",
 							},
 						]}
 					/>
@@ -93,68 +99,68 @@ export default function OtherStats() {
 							{
 								name: "New York",
 								icon: countryCodeToIcon("US"),
-								views: "1,234",
-								percentage: "45.6%",
+								views: "3,421",
+								percentage: "18.7%",
 							},
 							{
 								name: "Los Angeles",
 								icon: countryCodeToIcon("US"),
-								views: "892",
-								percentage: "23.4%",
+								views: "2,876",
+								percentage: "15.7%",
 							},
 							{
-								name: "Chicago",
-								icon: countryCodeToIcon("US"),
-								views: "567",
-								percentage: "30.9%",
+								name: "London",
+								icon: countryCodeToIcon("GB"),
+								views: "2,145",
+								percentage: "11.7%",
 							},
 							{
-								name: "Houston",
-								icon: countryCodeToIcon("US"),
-								views: "432",
-								percentage: "15.6%",
+								name: "Toronto",
+								icon: countryCodeToIcon("CA"),
+								views: "1,892",
+								percentage: "10.3%",
 							},
 							{
-								name: "Miami",
+								name: "San Francisco",
 								icon: countryCodeToIcon("US"),
-								views: "389",
-								percentage: "10.9%",
+								views: "1,654",
+								percentage: "9.0%",
 							},
 							{
-								name: "San Francisco",
+								name: "Chicago",
 								icon: countryCodeToIcon("US"),
-								views: "389",
-								percentage: "10.9%",
+								views: "1,432",
+								percentage: "7.8%",
 							},
 							{
-								name: "Seattle",
-								icon: countryCodeToIcon("US"),
-								views: "389",
-								percentage: "10.9%",
+								name: "Berlin",
+								icon: countryCodeToIcon("DE"),
+								views: "1,198",
+								percentage: "6.5%",
 							},
 							{
-								name: "Boston",
+								name: "Seattle",
 								icon: countryCodeToIcon("US"),
-								views: "389",
-								percentage: "10.9%",
+								views: "987",
+								percentage: "5.4%",
 							},
 							{
-								name: "Washington, D.C. asd asd asdsa d",
-								icon: countryCodeToIcon("US"),
-								views: "1,000",
-								percentage: "10.9%",
+								name: "Sydney",
+								icon: countryCodeToIcon("AU"),
+								views: "876",
+								percentage: "4.8%",
 							},
 							{
-								name: "Atlanta",
-								icon: countryCodeToIcon("US"),
-								views: "1,000",
-								percentage: "10.9%",
+								name: "Paris",
+								icon: countryCodeToIcon("FR"),
+								views: "743",
+								percentage: "4.1%",
 							},
 							{
-								name: "Denver",
+								name: "Boston",
 								icon: countryCodeToIcon("US"),
-								views: "1,000",
-								percentage: "10.9%",
+								views: "621",
+								percentage: "3.4%",
 							},
 						]}
 					/>
@@ -169,56 +175,56 @@ export default function OtherStats() {
 							{
 								icon: <BrowserIcon browser="google-chrome" />,
 								name: "Chrome",
-								percentage: "45.6%",
-								views: "1,234",
-							},
-							{
-								icon: <BrowserIcon browser="firefox" />,
-								name: "Firefox",
-								percentage: "23.4%",
-								views: "892",
+								views: "12,456",
+								percentage: "42.3%",
 							},
 							{
 								icon: <BrowserIcon browser="safari" />,
 								name: "Safari",
-								percentage: "30.9%",
-								views: "567",
+								views: "6,234",
+								percentage: "21.2%",
 							},
 							{
-								icon: <BrowserIcon browser="explorer" />,
-								name: "Edge",
-								percentage: "15.6%",
-								views: "432",
+								icon: <BrowserIcon browser="firefox" />,
+								name: "Firefox",
+								views: "4,187",
+								percentage: "14.2%",
 							},
 							{
-								icon: <BrowserIcon browser="opera" />,
-								name: "Opera",
-								percentage: "10.9%",
-								views: "432",
+								icon: <BrowserIcon browser="explorer" />,
+								name: "Edge",
+								views: "3,542",
+								percentage: "12.0%",
 							},
 							{
 								icon: <BrowserIcon browser="brave" />,
 								name: "Brave",
-								percentage: "5.6%",
-								views: "432",
+								views: "1,876",
+								percentage: "6.4%",
+							},
+							{
+								icon: <BrowserIcon browser="opera" />,
+								name: "Opera",
+								views: "654",
+								percentage: "2.2%",
 							},
 							{
 								icon: <BrowserIcon browser="vivaldi" />,
 								name: "Vivaldi",
-								percentage: "3.4%",
-								views: "432",
+								views: "298",
+								percentage: "1.0%",
 							},
 							{
 								icon: <BrowserIcon browser="yandex" />,
 								name: "Yandex",
-								percentage: "2.9%",
-								views: "432",
+								views: "143",
+								percentage: "0.5%",
 							},
 							{
 								icon: <BrowserIcon browser="duckduckgo" />,
 								name: "DuckDuckGo",
-								percentage: "1.6%",
-								views: "432",
+								views: "67",
+								percentage: "0.2%",
 							},
 						]}
 					/>
@@ -229,32 +235,32 @@ export default function OtherStats() {
 							{
 								icon: <OperatingSystemIcon operatingSystem="windows" />,
 								name: "Windows",
-								views: "1,234",
-								percentage: "45.6%",
+								views: "9,876",
+								percentage: "38.7%",
 							},
 							{
 								icon: <OperatingSystemIcon operatingSystem="ios" />,
-								name: "iOS",
-								views: "892",
-								percentage: "23.4%",
+								name: "macOS",
+								views: "7,432",
+								percentage: "29.1%",
 							},
 							{
 								icon: <OperatingSystemIcon operatingSystem="linux" />,
 								name: "Linux",
-								views: "892",
-								percentage: "15.6%",
-							},
-							{
-								icon: <OperatingSystemIcon operatingSystem="fedora" />,
-								name: "Fedora",
-								views: "892",
-								percentage: "10.9%",
+								views: "3,654",
+								percentage: "14.3%",
 							},
 							{
 								icon: <OperatingSystemIcon operatingSystem="ubuntu" />,
 								name: "Ubuntu",
-								views: "892",
-								percentage: "10.9%",
+								views: "2,187",
+								percentage: "8.6%",
+							},
+							{
+								icon: <OperatingSystemIcon operatingSystem="fedora" />,
+								name: "Fedora",
+								views: "1,243",
+								percentage: "4.9%",
 							},
 						]}
 					/>
@@ -267,7 +273,6 @@ export default function OtherStats() {
 			>
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
-						tableClassname="h-fit"
 						title="Device Type"
 						columns={["Device", "Views", "Percentage"]}
 						rows={[
@@ -302,6 +307,74 @@ export default function OtherStats() {
 					/>
 				</div>
 			</OtherStatBox>
+			<OtherStatBox
+				className="col-span-2"
+				title="Top Caps"
+				icon={faRecordVinyl}
+			>
+				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
+					<TableCard
+						title="Caps"
+						columns={["Cap", "Views", "Percentage"]}
+						rows={[
+							{
+								name: "Product Demo - Q4 2024",
+								views: "5,842",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "28.3%",
+							},
+							{
+								name: "Tutorial: Getting Started",
+								views: "4,156",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "20.1%",
+							},
+							{
+								name: "Team Meeting Highlights",
+								views: "3,421",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "16.6%",
+							},
+							{
+								name: "Bug Fix Walkthrough",
+								views: "2,789",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "13.5%",
+							},
+							{
+								name: "Feature Announcement",
+								views: "1,923",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "9.3%",
+							},
+							{
+								name: "Customer Feedback Review",
+								views: "1,245",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "6.0%",
+							},
+							{
+								name: "Sprint Retrospective",
+								views: "876",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "4.2%",
+							},
+							{
+								name: "Design System Update",
+								views: "543",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "2.6%",
+							},
+							{
+								name: "API Documentation Demo",
+								views: "289",
+								icon: <LogoBadge className="size-4" />,
+								percentage: "1.4%",
+							},
+						]}
+					/>
+				</div>
+			</OtherStatBox>
 		</div>
 	);
 }
@@ -343,6 +416,8 @@ interface TableCardProps {
 		icon?: string | React.ReactNode;
 		name: string;
 		views: string;
+		comments?: string;
+		reactions?: string;
 		percentage?: string;
 	}[];
 }
@@ -381,10 +456,11 @@ const TableCard = ({
 								<span className="flex-shrink-0 fill-[var(--gray-12)]">
 									{row.icon}
 								</span>
-								<span className="truncate text-nowrap max-w-[100px]">
+								<span className="truncate text-nowrap max-w-[200px]">
 									{row.name}
 								</span>
 							</TableCell>
+
 							<TableCell className="p-2.5 text-sm w-full text-gray-11 bg-gray-3 border-y border-gray-5 group-hover:bg-gray-6 group-hover:border-gray-8 transition-colors duration-200">
 								{row.views}
 							</TableCell>
diff --git a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
index 4b88c78107..d7a5a78da0 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
@@ -27,11 +27,18 @@ export default function StatsBox() {
 	const chatsBoxRef = useRef<CapIconHandle | null>(null);
 	const reactionsBoxRef = useRef<CapIconHandle | null>(null);
 
+	const selectHandler = (box: "caps" | "views" | "chats" | "reactions") => {
+		setSelectedBox(box);
+		if (selectedBox === box) {
+			setSelectedBox(null);
+		}
+	};
+
 	return (
-		<div className="flex flex-col gap-4 p-8 w-full rounded-xl border bg-gray-1 border-gray-3">
+		<div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-1 border-gray-3">
 			<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
 				<StatBox
-					onClick={() => setSelectedBox("caps")}
+					onClick={() => selectHandler("caps")}
 					isSelected={selectedBox === "caps"}
 					title="Caps"
 					value="100"
@@ -40,7 +47,7 @@ export default function StatsBox() {
 					icon={<CapIcon ref={capsBoxRef} size={20} />}
 				/>
 				<StatBox
-					onClick={() => setSelectedBox("views")}
+					onClick={() => selectHandler("views")}
 					isSelected={selectedBox === "views"}
 					title="Views"
 					value="2,768"
@@ -49,7 +56,7 @@ export default function StatsBox() {
 					icon={<ClapIcon ref={viewsBoxRef} size={20} />}
 				/>
 				<StatBox
-					onClick={() => setSelectedBox("chats")}
+					onClick={() => selectHandler("chats")}
 					isSelected={selectedBox === "chats"}
 					title="Comments"
 					value="100"
@@ -58,7 +65,7 @@ export default function StatsBox() {
 					icon={<ChatIcon ref={chatsBoxRef} size={20} />}
 				/>
 				<StatBox
-					onClick={() => setSelectedBox("reactions")}
+					onClick={() => selectHandler("reactions")}
 					isSelected={selectedBox === "reactions"}
 					title="Reactions"
 					value="100"
@@ -90,7 +97,7 @@ function StatBox({
 			{...props}
 			className={classNames(
 				"flex flex-col flex-1 gap-2 px-8 py-6 bg-transparent rounded-xl border transition-all duration-200 cursor-pointer group h-fit hover:bg-gray-3 border-gray-5",
-				isSelected && "bg-gray-3 border-gray-6",
+				isSelected && "bg-gray-3 border-gray-8",
 			)}
 		>
 			<div className="flex gap-2 items-center h-fit">

From 88c662d08a41386044057872dd2ac8bbb557944d Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 28 Oct 2025 19:28:33 +0300
Subject: [PATCH 05/23] some refactoring and more ui updates

---
 .../dashboard/_components/Navbar/Items.tsx    |  13 +-
 .../dashboard/_components/Navbar/Top.tsx      |   4 +-
 .../analytics/components/ChartArea.tsx        | 120 +++-
 .../analytics/components/OtherStatBox.tsx     |  32 ++
 .../analytics/components/OtherStats.tsx       | 525 ++----------------
 .../analytics/components/StatsChart.tsx       | 111 ++--
 .../analytics/components/TableCard.tsx        | 274 +++++++++
 .../app/(org)/dashboard/analytics/page.tsx    | 379 ++++++++++++-
 .../(org)/dashboard/analytics/s/[id]/page.tsx |  18 +
 .../caps/components/CapCard/CapCard.tsx       | 196 ++++---
 10 files changed, 1039 insertions(+), 633 deletions(-)
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/OtherStatBox.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx

diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
index 01225b41c8..de69b941ec 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
@@ -62,6 +62,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 		{
 			name: "Analytics",
 			href: `/dashboard/analytics`,
+			ignoreParams: true,
 			icon: <ChartLineIcon />,
 			subNav: [],
 		},
@@ -84,7 +85,8 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 	const [openAIDialog, setOpenAIDialog] = useState(false);
 	const router = useRouter();
 
-	const isPathActive = (path: string) => pathname.includes(path);
+	const isPathActive = (path: string, ignoreParams: boolean = false) =>
+		ignoreParams ? pathname === path : pathname.includes(path);
 	const isDomainSetupVerified =
 		activeOrg?.organization.customDomain &&
 		activeOrg?.organization.domainVerified;
@@ -273,7 +275,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 								key={item.name}
 								className="flex relative justify-center items-center mb-1.5 w-full"
 							>
-								{isPathActive(item.href) && (
+								{isPathActive(item.href, item.ignoreParams) && (
 									<motion.div
 										animate={{
 											width: sidebarCollapsed ? 36 : "100%",
@@ -302,6 +304,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 									toggleMobileNav={toggleMobileNav}
 									isPathActive={isPathActive}
 									extraText={item.extraText}
+									ignoreParams={item.ignoreParams ?? false}
 								/>
 							</div>
 						))}
@@ -391,6 +394,7 @@ const NavItem = ({
 	sidebarCollapsed,
 	toggleMobileNav,
 	isPathActive,
+	ignoreParams,
 	extraText,
 }: {
 	name: string;
@@ -402,8 +406,9 @@ const NavItem = ({
 	}>;
 	sidebarCollapsed: boolean;
 	toggleMobileNav?: () => void;
-	isPathActive: (path: string) => boolean;
+	isPathActive: (path: string, ignoreParams: boolean) => boolean;
 	extraText: number | null | undefined;
+	ignoreParams: boolean;
 }) => {
 	const iconRef = useRef<CogIconHandle>(null);
 	return (
@@ -424,7 +429,7 @@ const NavItem = ({
 					sidebarCollapsed
 						? "flex justify-center items-center px-0 w-full size-9"
 						: "px-3 py-2 w-full",
-					isPathActive(href)
+					isPathActive(href, ignoreParams)
 						? "bg-transparent pointer-events-none"
 						: "hover:bg-gray-2",
 					"flex overflow-hidden justify-start items-center tracking-tight rounded-xl outline-none",
diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
index 266689d28d..6290a4cc5d 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
@@ -17,7 +17,7 @@ import clsx from "clsx";
 import { AnimatePresence } from "framer-motion";
 import { MoreVertical } from "lucide-react";
 import Link from "next/link";
-import { usePathname } from "next/navigation";
+import { useParams, usePathname } from "next/navigation";
 import { signOut } from "next-auth/react";
 import {
 	cloneElement,
@@ -53,6 +53,7 @@ const Top = () => {
 	const queryClient = useQueryClient();
 
 	const pathname = usePathname();
+	const params = useParams();
 
 	const titles: Record<string, string> = {
 		"/dashboard/caps": "Caps",
@@ -63,6 +64,7 @@ const Top = () => {
 		"/dashboard/spaces": "Spaces",
 		"/dashboard/spaces/browse": "Browse Spaces",
 		"/dashboard/analytics": "Analytics",
+		[`/dashboard/analytics/s/${params.id}`]: "Analytics: cap name",
 	};
 
 	const title = activeSpace
diff --git a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
index 06ed45b233..732f481e5b 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
@@ -13,18 +13,40 @@ export const description = "An area chart with gradient fill";
 
 const chartData = Array.from({ length: 24 }, (_, i) => ({
 	hour: i + 1,
-	desktop: Math.floor(Math.random() * 100).toFixed(0),
+	views: Math.floor(Math.random() * 100),
+	comments: Math.floor(Math.random() * 100),
+	reactions: Math.floor(Math.random() * 100),
+	caps: Math.floor(Math.random() * 100),
 }));
 
 const chartConfig = {
-	desktop: {
-		label: "Desktop",
+	views: {
+		label: "Views",
 		color: "var(--gray-12)",
 	},
+	comments: {
+		label: "Comments",
+		color: "#3b82f6",
+	},
+	reactions: {
+		label: "Reactions",
+		color: "#60a5fa",
+	},
+	caps: {
+		label: "Caps",
+		color: "#06b6d4",
+	},
 } satisfies ChartConfig;
 
-function ChartArea() {
-	const desktopGradientId = useId();
+interface ChartAreaProps {
+	selectedMetric: "caps" | "views" | "comments" | "reactions";
+}
+
+function ChartArea({ selectedMetric }: ChartAreaProps) {
+	const viewsGradientId = useId();
+	const commentsGradientId = useId();
+	const reactionsGradientId = useId();
+	const capsGradientId = useId();
 	const glowFilterId = useId();
 
 	return (
@@ -56,7 +78,6 @@ function ChartArea() {
 				<YAxis
 					axisLine={false}
 					tickMargin={8}
-					domain={[0, 100]}
 					ticks={[0, 20, 40, 60, 80, 100]}
 					width={16}
 					allowDataOverflow={false}
@@ -70,20 +91,81 @@ function ChartArea() {
 							<feMergeNode in="SourceGraphic" />
 						</feMerge>
 					</filter>
-					<linearGradient id={desktopGradientId} x1="0" y1="0" x2="0" y2="1">
-						<stop offset="0%" stopColor="var(--gray-8)" stopOpacity={0.6} />
-						<stop offset="95%" stopColor="var(--gray-8)" stopOpacity={0} />
-					</linearGradient>
+					{selectedMetric === "views" && (
+						<linearGradient id={viewsGradientId} x1="0" y1="0" x2="0" y2="1">
+							<stop offset="5%" stopColor="var(--gray-8)" stopOpacity={0.5} />
+							<stop offset="95%" stopColor="var(--gray-8)" stopOpacity={0} />
+						</linearGradient>
+					)}
+					{selectedMetric === "comments" && (
+						<linearGradient id={commentsGradientId} x1="0" y1="0" x2="0" y2="1">
+							<stop offset="5%" stopColor="#3b82f6" stopOpacity={0.5} />
+							<stop offset="95%" stopColor="#3b82f6" stopOpacity={0} />
+						</linearGradient>
+					)}
+					{selectedMetric === "reactions" && (
+						<linearGradient
+							id={reactionsGradientId}
+							x1="0"
+							y1="0"
+							x2="0"
+							y2="1"
+						>
+							<stop offset="5%" stopColor="#60a5fa" stopOpacity={0.5} />
+							<stop offset="95%" stopColor="#60a5fa" stopOpacity={0} />
+						</linearGradient>
+					)}
+					{selectedMetric === "caps" && (
+						<linearGradient id={capsGradientId} x1="0" y1="0" x2="0" y2="1">
+							<stop offset="5%" stopColor="#06b6d4" stopOpacity={0.5} />
+							<stop offset="95%" stopColor="#06b6d4" stopOpacity={0} />
+						</linearGradient>
+					)}
 				</defs>
-				<Area
-					dataKey="desktop"
-					type="natural"
-					fill={`url(#${desktopGradientId})`}
-					fillOpacity={1}
-					stroke="var(--gray-12)"
-					strokeWidth={1}
-					filter={`url(#${glowFilterId})`}
-				/>
+				{selectedMetric === "views" && (
+					<Area
+						dataKey="views"
+						type="monotone"
+						fill={`url(#${viewsGradientId})`}
+						fillOpacity={0.4}
+						stroke="var(--gray-12)"
+						strokeWidth={1}
+						filter={`url(#${glowFilterId})`}
+					/>
+				)}
+				{selectedMetric === "comments" && (
+					<Area
+						dataKey="comments"
+						type="monotone"
+						fill={`url(#${commentsGradientId})`}
+						fillOpacity={0.4}
+						stroke="#3b82f6"
+						strokeWidth={1}
+						filter={`url(#${glowFilterId})`}
+					/>
+				)}
+				{selectedMetric === "reactions" && (
+					<Area
+						dataKey="reactions"
+						type="monotone"
+						fill={`url(#${reactionsGradientId})`}
+						fillOpacity={0.4}
+						stroke="#60a5fa"
+						strokeWidth={1}
+						filter={`url(#${glowFilterId})`}
+					/>
+				)}
+				{selectedMetric === "caps" && (
+					<Area
+						dataKey="caps"
+						type="monotone"
+						fill={`url(#${capsGradientId})`}
+						fillOpacity={0.4}
+						stroke="#06b6d4"
+						strokeWidth={1}
+						filter={`url(#${glowFilterId})`}
+					/>
+				)}
 			</AreaChart>
 		</ChartContainer>
 	);
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStatBox.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStatBox.tsx
new file mode 100644
index 0000000000..8a5f4f37f8
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStatBox.tsx
@@ -0,0 +1,32 @@
+import type { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { clsx } from "clsx";
+
+interface OtherStatBoxProps {
+	title: string;
+	icon: FontAwesomeIconProps["icon"];
+	children: React.ReactNode;
+	className?: string;
+}
+
+export default function OtherStatBox({
+	title,
+	icon,
+	children,
+	className,
+}: OtherStatBoxProps) {
+	return (
+		<div
+			className={clsx(
+				className,
+				"p-6 space-y-6 w-full rounded-xl border bg-gray-1 border-gray-3 h-fit",
+			)}
+		>
+			<div className="flex gap-2 items-center">
+				<FontAwesomeIcon icon={icon} className="size-4 text-gray-10" />
+				<p className="text-xl font-medium text-gray-12">{title}</p>
+			</div>
+			{children}
+		</div>
+	);
+}
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
index ff2508efbf..d986c1c34a 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
@@ -1,168 +1,57 @@
 "use client";
 
 import {
-	Logo,
-	LogoBadge,
-	Table,
-	TableBody,
-	TableCell,
-	TableHead,
-	TableHeader,
-	TableRow,
-} from "@cap/ui";
-import {
-	faAppleWhole,
-	faCamera,
 	faDesktop,
 	faGlobe,
 	faMobileScreen,
 	faRecordVinyl,
-	faTablet,
-	faUserGroup,
 } from "@fortawesome/free-solid-svg-icons";
-import {
-	FontAwesomeIcon,
-	type FontAwesomeIconProps,
-} from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import getUnicodeFlagIcon from "country-flag-icons/unicode";
-import Image from "next/image";
-import CapIcon from "../../_components/AnimatedIcons/Cap";
+import OtherStatBox from "./OtherStatBox";
+import type {
+	BrowserRowData,
+	CapRowData,
+	CityRowData,
+	CountryRowData,
+	DeviceRowData,
+	OSRowData,
+} from "./TableCard";
+import TableCard from "./TableCard";
 
-const countryCodeToIcon = (countryCode: string) => {
-	return getUnicodeFlagIcon(countryCode.toUpperCase());
-};
+export interface OtherStatsData {
+	countries: CountryRowData[];
+	cities: CityRowData[];
+	browsers: BrowserRowData[];
+	operatingSystems: OSRowData[];
+	deviceTypes: DeviceRowData[];
+	topCaps: CapRowData[];
+}
 
-export default function OtherStats() {
+interface OtherStatsProps {
+	data: OtherStatsData;
+}
+
+export default function OtherStats({ data }: OtherStatsProps) {
 	return (
 		<div className="grid grid-cols-1 gap-8 w-full xl:grid-cols-4">
 			<OtherStatBox className="col-span-2" title="Geography" icon={faGlobe}>
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
 						title="Countries"
-						columns={["Country", "Views", "Percentage"]}
-						rows={[
-							{
-								icon: countryCodeToIcon("US"),
-								name: "United States",
-								views: "8,452",
-								percentage: "34.2%",
-							},
-							{
-								icon: countryCodeToIcon("GB"),
-								name: "United Kingdom",
-								views: "3,891",
-								percentage: "15.7%",
-							},
-							{
-								icon: countryCodeToIcon("CA"),
-								name: "Canada",
-								views: "2,764",
-								percentage: "11.2%",
-							},
-							{
-								icon: countryCodeToIcon("DE"),
-								name: "Germany",
-								views: "2,143",
-								percentage: "8.7%",
-							},
-							{
-								icon: countryCodeToIcon("FR"),
-								name: "France",
-								views: "1,876",
-								percentage: "7.6%",
-							},
-							{
-								icon: countryCodeToIcon("AU"),
-								name: "Australia",
-								views: "1,542",
-								percentage: "6.2%",
-							},
-							{
-								icon: countryCodeToIcon("JP"),
-								name: "Japan",
-								views: "1,298",
-								percentage: "5.2%",
-							},
-							{
-								icon: countryCodeToIcon("BR"),
-								name: "Brazil",
-								views: "987",
-								percentage: "4.0%",
-							},
+						columns={[
+							"Country",
+							"Views",
+							"Comments",
+							"Reactions",
+							"Percentage",
 						]}
+						rows={data.countries}
+						type="country"
 					/>
 					<TableCard
 						title="Cities"
-						columns={["City", "Views", "Percentage"]}
-						rows={[
-							{
-								name: "New York",
-								icon: countryCodeToIcon("US"),
-								views: "3,421",
-								percentage: "18.7%",
-							},
-							{
-								name: "Los Angeles",
-								icon: countryCodeToIcon("US"),
-								views: "2,876",
-								percentage: "15.7%",
-							},
-							{
-								name: "London",
-								icon: countryCodeToIcon("GB"),
-								views: "2,145",
-								percentage: "11.7%",
-							},
-							{
-								name: "Toronto",
-								icon: countryCodeToIcon("CA"),
-								views: "1,892",
-								percentage: "10.3%",
-							},
-							{
-								name: "San Francisco",
-								icon: countryCodeToIcon("US"),
-								views: "1,654",
-								percentage: "9.0%",
-							},
-							{
-								name: "Chicago",
-								icon: countryCodeToIcon("US"),
-								views: "1,432",
-								percentage: "7.8%",
-							},
-							{
-								name: "Berlin",
-								icon: countryCodeToIcon("DE"),
-								views: "1,198",
-								percentage: "6.5%",
-							},
-							{
-								name: "Seattle",
-								icon: countryCodeToIcon("US"),
-								views: "987",
-								percentage: "5.4%",
-							},
-							{
-								name: "Sydney",
-								icon: countryCodeToIcon("AU"),
-								views: "876",
-								percentage: "4.8%",
-							},
-							{
-								name: "Paris",
-								icon: countryCodeToIcon("FR"),
-								views: "743",
-								percentage: "4.1%",
-							},
-							{
-								name: "Boston",
-								icon: countryCodeToIcon("US"),
-								views: "621",
-								percentage: "3.4%",
-							},
-						]}
+						columns={["City", "Views", "Comments", "Reactions", "Percentage"]}
+						rows={data.cities}
+						type="city"
 					/>
 				</div>
 			</OtherStatBox>
@@ -170,99 +59,27 @@ export default function OtherStats() {
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
 						title="Browsers"
-						columns={["Browser", "Views", "Percentage"]}
-						rows={[
-							{
-								icon: <BrowserIcon browser="google-chrome" />,
-								name: "Chrome",
-								views: "12,456",
-								percentage: "42.3%",
-							},
-							{
-								icon: <BrowserIcon browser="safari" />,
-								name: "Safari",
-								views: "6,234",
-								percentage: "21.2%",
-							},
-							{
-								icon: <BrowserIcon browser="firefox" />,
-								name: "Firefox",
-								views: "4,187",
-								percentage: "14.2%",
-							},
-							{
-								icon: <BrowserIcon browser="explorer" />,
-								name: "Edge",
-								views: "3,542",
-								percentage: "12.0%",
-							},
-							{
-								icon: <BrowserIcon browser="brave" />,
-								name: "Brave",
-								views: "1,876",
-								percentage: "6.4%",
-							},
-							{
-								icon: <BrowserIcon browser="opera" />,
-								name: "Opera",
-								views: "654",
-								percentage: "2.2%",
-							},
-							{
-								icon: <BrowserIcon browser="vivaldi" />,
-								name: "Vivaldi",
-								views: "298",
-								percentage: "1.0%",
-							},
-							{
-								icon: <BrowserIcon browser="yandex" />,
-								name: "Yandex",
-								views: "143",
-								percentage: "0.5%",
-							},
-							{
-								icon: <BrowserIcon browser="duckduckgo" />,
-								name: "DuckDuckGo",
-								views: "67",
-								percentage: "0.2%",
-							},
+						columns={[
+							"Browser",
+							"Views",
+							"Comments",
+							"Reactions",
+							"Percentage",
 						]}
+						rows={data.browsers}
+						type="browser"
 					/>
 					<TableCard
 						title="Operating Systems"
-						columns={["Operating System", "Views", "Percentage"]}
-						rows={[
-							{
-								icon: <OperatingSystemIcon operatingSystem="windows" />,
-								name: "Windows",
-								views: "9,876",
-								percentage: "38.7%",
-							},
-							{
-								icon: <OperatingSystemIcon operatingSystem="ios" />,
-								name: "macOS",
-								views: "7,432",
-								percentage: "29.1%",
-							},
-							{
-								icon: <OperatingSystemIcon operatingSystem="linux" />,
-								name: "Linux",
-								views: "3,654",
-								percentage: "14.3%",
-							},
-							{
-								icon: <OperatingSystemIcon operatingSystem="ubuntu" />,
-								name: "Ubuntu",
-								views: "2,187",
-								percentage: "8.6%",
-							},
-							{
-								icon: <OperatingSystemIcon operatingSystem="fedora" />,
-								name: "Fedora",
-								views: "1,243",
-								percentage: "4.9%",
-							},
+						columns={[
+							"Operating System",
+							"Views",
+							"Comments",
+							"Reactions",
+							"Percentage",
 						]}
+						rows={data.operatingSystems}
+						type="os"
 					/>
 				</div>
 			</OtherStatBox>
@@ -274,36 +91,9 @@ export default function OtherStats() {
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
 						title="Device Type"
-						columns={["Device", "Views", "Percentage"]}
-						rows={[
-							{
-								icon: (
-									<FontAwesomeIcon icon={faDesktop} className="text-gray-12" />
-								),
-								name: "Desktop",
-								views: "2,456",
-								percentage: "45.6%",
-							},
-							{
-								icon: (
-									<FontAwesomeIcon icon={faTablet} className="text-gray-12" />
-								),
-								name: "Tablet",
-								views: "1,234",
-								percentage: "23.4%",
-							},
-							{
-								icon: (
-									<FontAwesomeIcon
-										icon={faMobileScreen}
-										className="text-gray-12"
-									/>
-								),
-								name: "Mobile",
-								views: "1,789",
-								percentage: "30.9%",
-							},
-						]}
+						columns={["Device", "Views", "Comments", "Reactions", "Percentage"]}
+						rows={data.deviceTypes}
+						type="device"
 					/>
 				</div>
 			</OtherStatBox>
@@ -315,215 +105,12 @@ export default function OtherStats() {
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
 						title="Caps"
-						columns={["Cap", "Views", "Percentage"]}
-						rows={[
-							{
-								name: "Product Demo - Q4 2024",
-								views: "5,842",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "28.3%",
-							},
-							{
-								name: "Tutorial: Getting Started",
-								views: "4,156",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "20.1%",
-							},
-							{
-								name: "Team Meeting Highlights",
-								views: "3,421",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "16.6%",
-							},
-							{
-								name: "Bug Fix Walkthrough",
-								views: "2,789",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "13.5%",
-							},
-							{
-								name: "Feature Announcement",
-								views: "1,923",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "9.3%",
-							},
-							{
-								name: "Customer Feedback Review",
-								views: "1,245",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "6.0%",
-							},
-							{
-								name: "Sprint Retrospective",
-								views: "876",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "4.2%",
-							},
-							{
-								name: "Design System Update",
-								views: "543",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "2.6%",
-							},
-							{
-								name: "API Documentation Demo",
-								views: "289",
-								icon: <LogoBadge className="size-4" />,
-								percentage: "1.4%",
-							},
-						]}
+						columns={["Cap", "Views", "Comments", "Reactions", "Percentage"]}
+						rows={data.topCaps}
+						type="cap"
 					/>
 				</div>
 			</OtherStatBox>
 		</div>
 	);
 }
-
-interface OtherStatBoxProps {
-	title: string;
-	icon: FontAwesomeIconProps["icon"];
-	children: React.ReactNode;
-	className?: string;
-}
-
-const OtherStatBox = ({
-	title,
-	icon,
-	children,
-	className,
-}: OtherStatBoxProps) => {
-	return (
-		<div
-			className={clsx(
-				className,
-				"p-6 space-y-6 w-full rounded-xl border bg-gray-1 border-gray-3 h-fit",
-			)}
-		>
-			<div className="flex gap-2 items-center">
-				<FontAwesomeIcon icon={icon} className="size-4 text-gray-10" />
-				<p className="text-xl font-medium text-gray-12">{title}</p>
-			</div>
-			{children}
-		</div>
-	);
-};
-
-interface TableCardProps {
-	title: string;
-	columns: string[];
-	tableClassname?: string;
-	rows: {
-		icon?: string | React.ReactNode;
-		name: string;
-		views: string;
-		comments?: string;
-		reactions?: string;
-		percentage?: string;
-	}[];
-}
-
-const TableCard = ({
-	title,
-	columns,
-	rows,
-	tableClassname,
-}: TableCardProps) => {
-	return (
-		<div className="p-5 w-full rounded-xl border bg-gray-2 border-gray-4">
-			<p className="text-lg font-medium text-gray-12">{title}</p>
-			<Table
-				className={clsx(
-					"block pr-2 w-full border-separate border-spacing-y-2 h-[400px] custom-scroll",
-					tableClassname,
-				)}
-			>
-				<TableHeader>
-					<TableRow>
-						{columns.map((column) => (
-							<TableHead
-								key={column}
-								className="sticky top-0 border-b text-nowrap border-gray-4 bg-gray-2 text-gray-10"
-							>
-								{column}
-							</TableHead>
-						))}
-					</TableRow>
-				</TableHeader>
-				<TableBody className="before:content-[''] before:block before:h-2 w-full">
-					{rows.map((row) => (
-						<TableRow className="cursor-pointer group" key={row.name}>
-							<TableCell className="flex gap-2 items-center group-hover:bg-gray-6 group-hover:border-gray-8 transition-colors duration-200 w-full p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
-								<span className="flex-shrink-0 fill-[var(--gray-12)]">
-									{row.icon}
-								</span>
-								<span className="truncate text-nowrap max-w-[200px]">
-									{row.name}
-								</span>
-							</TableCell>
-
-							<TableCell className="p-2.5 text-sm w-full text-gray-11 bg-gray-3 border-y border-gray-5 group-hover:bg-gray-6 group-hover:border-gray-8 transition-colors duration-200">
-								{row.views}
-							</TableCell>
-							<TableCell className="p-2.5 text-sm rounded-r-lg border-r w-full text-gray-11 bg-gray-3 border-y border-gray-5 group-hover:bg-gray-6 group-hover:border-gray-8 transition-colors duration-200">
-								{row.percentage}
-							</TableCell>
-						</TableRow>
-					))}
-				</TableBody>
-			</Table>
-		</div>
-	);
-};
-
-type OperatingSystemIconProps = {
-	operatingSystem: "windows" | "ios" | "linux" | "fedora" | "ubuntu";
-};
-
-const OperatingSystemIcon = ({ operatingSystem }: OperatingSystemIconProps) => {
-	if (operatingSystem === "ios") {
-		return <FontAwesomeIcon className="text-gray-12" icon={faAppleWhole} />;
-	} else {
-		return (
-			<Image
-				src={`/logos/os/${operatingSystem}.svg`}
-				alt={operatingSystem}
-				width={16}
-				height={16}
-				className="size-4"
-			/>
-		);
-	}
-};
-
-type BrowserIconProps = {
-	browser:
-		| "google-chrome"
-		| "firefox"
-		| "safari"
-		| "explorer"
-		| "opera"
-		| "brave"
-		| "vivaldi"
-		| "yandex"
-		| "duckduckgo"
-		| "internet-explorer"
-		| "samsung-internet"
-		| "uc-browser"
-		| "qq-browser"
-		| "maxthon"
-		| "arora"
-		| "lunascape"
-		| "lunascape";
-};
-
-const BrowserIcon = ({ browser }: BrowserIconProps) => {
-	return (
-		<Image
-			src={`/logos/browsers/${browser}.svg`}
-			alt={browser}
-			width={16}
-			height={16}
-			className="size-4"
-		/>
-	);
-};
diff --git a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
index d7a5a78da0..974d494ca5 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
@@ -17,64 +17,81 @@ import { classNames } from "@/utils/helpers";
 import type { CapIconHandle } from "../../_components/AnimatedIcons/Cap";
 import ChartArea from "./ChartArea";
 
-export default function StatsBox() {
-	const [selectedBox, setSelectedBox] = useState<
-		"caps" | "views" | "chats" | "reactions" | null
-	>(null);
+type boxes = "caps" | "views" | "comments" | "reactions";
+interface StatsChartProps {
+	counts: {
+		caps?: string;
+		views?: string;
+		chats?: string;
+		reactions?: string;
+	};
+	defaultSelectedBox?: boxes;
+}
+
+export default function StatsBox({
+	counts,
+	defaultSelectedBox = "caps",
+}: StatsChartProps) {
+	const [selectedBox, setSelectedBox] = useState<boxes>(defaultSelectedBox);
 
 	const capsBoxRef = useRef<CapIconHandle | null>(null);
 	const viewsBoxRef = useRef<CapIconHandle | null>(null);
 	const chatsBoxRef = useRef<CapIconHandle | null>(null);
 	const reactionsBoxRef = useRef<CapIconHandle | null>(null);
 
-	const selectHandler = (box: "caps" | "views" | "chats" | "reactions") => {
+	const selectHandler = (box: boxes) => {
 		setSelectedBox(box);
-		if (selectedBox === box) {
-			setSelectedBox(null);
-		}
 	};
 
 	return (
 		<div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-1 border-gray-3">
-			<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
-				<StatBox
-					onClick={() => selectHandler("caps")}
-					isSelected={selectedBox === "caps"}
-					title="Caps"
-					value="100"
-					onMouseEnter={() => capsBoxRef.current?.startAnimation()}
-					onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
-					icon={<CapIcon ref={capsBoxRef} size={20} />}
-				/>
-				<StatBox
-					onClick={() => selectHandler("views")}
-					isSelected={selectedBox === "views"}
-					title="Views"
-					value="2,768"
-					onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
-					onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
-					icon={<ClapIcon ref={viewsBoxRef} size={20} />}
-				/>
-				<StatBox
-					onClick={() => selectHandler("chats")}
-					isSelected={selectedBox === "chats"}
-					title="Comments"
-					value="100"
-					onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
-					onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
-					icon={<ChatIcon ref={chatsBoxRef} size={20} />}
-				/>
-				<StatBox
-					onClick={() => selectHandler("reactions")}
-					isSelected={selectedBox === "reactions"}
-					title="Reactions"
-					value="100"
-					onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
-					onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
-					icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
-				/>
+			<div className="flex flex-wrap gap-4">
+				{counts.caps && (
+					<StatBox
+						onClick={() => selectHandler("caps")}
+						isSelected={selectedBox === "caps"}
+						title="Caps"
+						value={counts.caps}
+						onMouseEnter={() => capsBoxRef.current?.startAnimation()}
+						onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
+						icon={<CapIcon ref={capsBoxRef} size={20} />}
+					/>
+				)}
+				{counts.views && (
+					<StatBox
+						onClick={() => selectHandler("views")}
+						isSelected={selectedBox === "views"}
+						title="Views"
+						value={counts.views}
+						onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
+						onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
+						icon={<ClapIcon ref={viewsBoxRef} size={20} />}
+					/>
+				)}
+				{counts.chats && (
+					<StatBox
+						onClick={() => selectHandler("comments")}
+						isSelected={selectedBox === "comments"}
+						title="Comments"
+						value={counts.chats}
+						onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
+						onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
+						icon={<ChatIcon ref={chatsBoxRef} size={20} />}
+					/>
+				)}
+				{counts.reactions && (
+					<StatBox
+						onClick={() => selectHandler("reactions")}
+						isSelected={selectedBox === "reactions"}
+						title="Reactions"
+						value={counts.reactions}
+						onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
+						onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
+						icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
+					/>
+				)}
 			</div>
-			<ChartArea />
+			<ChartArea selectedMetric={selectedBox} />
 		</div>
 	);
 }
@@ -96,7 +113,7 @@ function StatBox({
 		<div
 			{...props}
 			className={classNames(
-				"flex flex-col flex-1 gap-2 px-8 py-6 bg-transparent rounded-xl border transition-all duration-200 cursor-pointer group h-fit hover:bg-gray-3 border-gray-5",
+				"flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 bg-transparent rounded-xl border transition-all duration-200 cursor-pointer group h-fit hover:bg-gray-3 border-gray-5",
 				isSelected && "bg-gray-3 border-gray-8",
 			)}
 		>
diff --git a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
new file mode 100644
index 0000000000..c960107bc1
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
@@ -0,0 +1,274 @@
+import {
+	LogoBadge,
+	Table,
+	TableBody,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
+} from "@cap/ui";
+import {
+	faAppleWhole,
+	faDesktop,
+	faMobileScreen,
+	faTablet,
+} from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import clsx from "clsx";
+import getUnicodeFlagIcon from "country-flag-icons/unicode";
+import Image from "next/image";
+
+const countryCodeToIcon = (countryCode: string) => {
+	return getUnicodeFlagIcon(countryCode.toUpperCase());
+};
+
+type BrowserType =
+	| "google-chrome"
+	| "firefox"
+	| "safari"
+	| "explorer"
+	| "opera"
+	| "brave"
+	| "vivaldi"
+	| "yandex"
+	| "duckduckgo"
+	| "internet-explorer"
+	| "samsung-internet"
+	| "uc-browser"
+	| "qq-browser"
+	| "maxthon"
+	| "arora"
+	| "lunascape";
+
+type OperatingSystemType = "windows" | "ios" | "linux" | "fedora" | "ubuntu";
+
+type DeviceType = "desktop" | "tablet" | "mobile";
+
+export interface CountryRowData {
+	countryCode: string;
+	name: string;
+	views: string;
+	comments: string;
+	reactions: string;
+	percentage: string;
+}
+
+export interface CityRowData {
+	countryCode: string;
+	name: string;
+	views: string;
+	comments: string;
+	reactions: string;
+	percentage: string;
+}
+
+export interface BrowserRowData {
+	browser: BrowserType;
+	name: string;
+	views: string;
+	comments: string;
+	reactions: string;
+	percentage: string;
+}
+
+export interface OSRowData {
+	os: OperatingSystemType;
+	name: string;
+	views: string;
+	comments: string;
+	reactions: string;
+	percentage: string;
+}
+
+export interface DeviceRowData {
+	device: DeviceType;
+	name: string;
+	views: string;
+	comments: string;
+	reactions: string;
+	percentage: string;
+}
+
+export interface CapRowData {
+	name: string;
+	views: string;
+	comments: string;
+	reactions: string;
+	percentage: string;
+}
+
+export interface TableCardProps {
+	title: string;
+	columns: string[];
+	tableClassname?: string;
+	type: "country" | "city" | "browser" | "os" | "device" | "cap";
+	rows:
+		| CountryRowData[]
+		| CityRowData[]
+		| BrowserRowData[]
+		| OSRowData[]
+		| DeviceRowData[]
+		| CapRowData[];
+}
+
+const TableCard = ({
+	title,
+	columns,
+	rows,
+	type,
+	tableClassname,
+}: TableCardProps) => {
+	return (
+		<div className="p-5 w-full rounded-xl border bg-gray-2 border-gray-4">
+			<p className="text-lg font-medium text-gray-12">{title}</p>
+			<div className="w-full">
+				<Table
+					className={clsx(
+						"w-full border-separate table-fixed border-spacing-y-0",
+						tableClassname,
+					)}
+				>
+					<TableHeader>
+						<TableRow className="w-full">
+							{columns.map((column) => (
+								<TableHead
+									key={column}
+									className="border-b px-[6px] text-nowrap border-gray-4 bg-gray-2 text-gray-10"
+								>
+									{column}
+								</TableHead>
+							))}
+						</TableRow>
+					</TableHeader>
+				</Table>
+				<div className="h-[400px] overflow-auto custom-scroll pr-2">
+					<Table
+						className={clsx(
+							"w-full border-separate table-fixed border-spacing-y-2",
+							tableClassname,
+						)}
+					>
+						<TableBody className="before:content-[''] before:block w-full">
+							{rows.map((row) => (
+								<TableRow className="w-full" key={row.name}>
+									<TableCell className="p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
+										<div className="flex gap-2 items-center min-w-0">
+											<span className="flex-shrink-0 fill-[var(--gray-12)]">
+												{getIconForRow(row, type)}
+											</span>
+											<span className="truncate">{row.name}</span>
+										</div>
+									</TableCell>
+									<TableCell className="p-2.5 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+										{row.views}
+									</TableCell>
+									<TableCell className="p-2.5 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+										{row.comments}
+									</TableCell>
+									<TableCell className="p-2.5 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+										{row.reactions}
+									</TableCell>
+									<TableCell className="p-2.5 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+										{row.percentage}
+									</TableCell>
+								</TableRow>
+							))}
+						</TableBody>
+					</Table>
+				</div>
+			</div>
+		</div>
+	);
+};
+
+const getIconForRow = (
+	row:
+		| CountryRowData
+		| CityRowData
+		| BrowserRowData
+		| OSRowData
+		| DeviceRowData
+		| CapRowData,
+	type: TableCardProps["type"],
+) => {
+	switch (type) {
+		case "country":
+			return countryCodeToIcon((row as CountryRowData).countryCode);
+		case "city":
+			return countryCodeToIcon((row as CityRowData).countryCode);
+		case "browser":
+			return <BrowserIcon browser={(row as BrowserRowData).browser} />;
+		case "os":
+			return <OperatingSystemIcon operatingSystem={(row as OSRowData).os} />;
+		case "device": {
+			const device = (row as DeviceRowData).device;
+			const iconMap = {
+				desktop: faDesktop,
+				tablet: faTablet,
+				mobile: faMobileScreen,
+			};
+			return (
+				<FontAwesomeIcon icon={iconMap[device]} className="text-gray-12" />
+			);
+		}
+		case "cap":
+			return <LogoBadge className="size-4" />;
+		default:
+			return null;
+	}
+};
+
+type OperatingSystemIconProps = {
+	operatingSystem: "windows" | "ios" | "linux" | "fedora" | "ubuntu";
+};
+
+const OperatingSystemIcon = ({ operatingSystem }: OperatingSystemIconProps) => {
+	if (operatingSystem === "ios") {
+		return <FontAwesomeIcon className="text-gray-12" icon={faAppleWhole} />;
+	} else {
+		return (
+			<Image
+				src={`/logos/os/${operatingSystem}.svg`}
+				alt={operatingSystem}
+				width={16}
+				height={16}
+				className="size-4"
+			/>
+		);
+	}
+};
+
+type BrowserIconProps = {
+	browser:
+		| "google-chrome"
+		| "firefox"
+		| "safari"
+		| "explorer"
+		| "opera"
+		| "brave"
+		| "vivaldi"
+		| "yandex"
+		| "duckduckgo"
+		| "internet-explorer"
+		| "samsung-internet"
+		| "uc-browser"
+		| "qq-browser"
+		| "maxthon"
+		| "arora"
+		| "lunascape"
+		| "lunascape";
+};
+
+const BrowserIcon = ({ browser }: BrowserIconProps) => {
+	return (
+		<Image
+			src={`/logos/browsers/${browser}.svg`}
+			alt={browser}
+			width={16}
+			height={16}
+			className="size-4"
+		/>
+	);
+};
+
+export default TableCard;
diff --git a/apps/web/app/(org)/dashboard/analytics/page.tsx b/apps/web/app/(org)/dashboard/analytics/page.tsx
index 37c38d9d84..bdadbaf0d9 100644
--- a/apps/web/app/(org)/dashboard/analytics/page.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/page.tsx
@@ -1,13 +1,386 @@
 import Header from "./components/Header";
-import OtherStats from "./components/OtherStats";
+import OtherStats, { type OtherStatsData } from "./components/OtherStats";
 import StatsChart from "./components/StatsChart";
 
 export default function AnalyticsPage() {
 	return (
 		<div className="space-y-8">
 			<Header />
-			<StatsChart />
-			<OtherStats />
+			<StatsChart
+				counts={{
+					caps: "524",
+					views: "2,768",
+					chats: "100",
+					reactions: "170",
+				}}
+			/>
+			<OtherStats data={mockData} />
 		</div>
 	);
 }
+
+const mockData: OtherStatsData = {
+	countries: [
+		{
+			countryCode: "US",
+			name: "United States",
+			views: "8,452",
+			comments: "100",
+			reactions: "100",
+			percentage: "34.2%",
+		},
+		{
+			countryCode: "GB",
+			name: "United Kingdom",
+			views: "3,891",
+			comments: "100",
+			reactions: "100",
+			percentage: "15.7%",
+		},
+		{
+			countryCode: "CA",
+			name: "Canada",
+			views: "2,764",
+			comments: "100",
+			reactions: "100",
+			percentage: "11.2%",
+		},
+		{
+			countryCode: "DE",
+			name: "Germany",
+			views: "2,143",
+			comments: "100",
+			reactions: "100",
+			percentage: "8.7%",
+		},
+		{
+			countryCode: "FR",
+			name: "France",
+			views: "1,876",
+			comments: "100",
+			reactions: "100",
+			percentage: "7.6%",
+		},
+		{
+			countryCode: "AU",
+			name: "Australia",
+			views: "1,542",
+			comments: "100",
+			reactions: "100",
+			percentage: "6.2%",
+		},
+		{
+			countryCode: "JP",
+			name: "Japan",
+			views: "1,298",
+			comments: "100",
+			reactions: "100",
+			percentage: "5.2%",
+		},
+		{
+			countryCode: "BR",
+			name: "Brazil",
+			views: "987",
+			comments: "100",
+			reactions: "100",
+			percentage: "4.0%",
+		},
+	],
+	cities: [
+		{
+			countryCode: "US",
+			name: "New York",
+			views: "3,421",
+			comments: "100",
+			reactions: "100",
+			percentage: "18.7%",
+		},
+		{
+			countryCode: "US",
+			name: "Los Angeles",
+			views: "2,876",
+			comments: "100",
+			reactions: "100",
+			percentage: "15.7%",
+		},
+		{
+			countryCode: "GB",
+			name: "London",
+			views: "2,145",
+			comments: "100",
+			reactions: "100",
+			percentage: "11.7%",
+		},
+		{
+			countryCode: "CA",
+			name: "Toronto",
+			views: "1,892",
+			comments: "100",
+			reactions: "100",
+			percentage: "10.3%",
+		},
+		{
+			countryCode: "US",
+			name: "San Francisco",
+			views: "1,654",
+			comments: "100",
+			reactions: "100",
+			percentage: "9.0%",
+		},
+		{
+			countryCode: "US",
+			name: "Chicago",
+			views: "1,432",
+			comments: "100",
+			reactions: "100",
+			percentage: "7.8%",
+		},
+		{
+			countryCode: "DE",
+			name: "Berlin",
+			views: "1,198",
+			comments: "100",
+			reactions: "100",
+			percentage: "6.5%",
+		},
+		{
+			countryCode: "US",
+			name: "Seattle",
+			views: "987",
+			comments: "100",
+			reactions: "100",
+			percentage: "5.4%",
+		},
+		{
+			countryCode: "AU",
+			name: "Sydney",
+			views: "876",
+			comments: "100",
+			reactions: "100",
+			percentage: "4.8%",
+		},
+		{
+			countryCode: "FR",
+			name: "Paris",
+			views: "743",
+			comments: "100",
+			reactions: "100",
+			percentage: "4.1%",
+		},
+		{
+			countryCode: "US",
+			name: "Boston",
+			views: "621",
+			comments: "100",
+			reactions: "100",
+			percentage: "3.4%",
+		},
+	],
+	browsers: [
+		{
+			browser: "google-chrome",
+			name: "Chrome",
+			views: "12,456",
+			comments: "100",
+			reactions: "100",
+			percentage: "42.3%",
+		},
+		{
+			browser: "safari",
+			name: "Safari",
+			views: "6,234",
+			comments: "100",
+			reactions: "100",
+			percentage: "21.2%",
+		},
+		{
+			browser: "firefox",
+			name: "Firefox",
+			views: "4,187",
+			comments: "100",
+			reactions: "100",
+			percentage: "14.2%",
+		},
+		{
+			browser: "explorer",
+			name: "Edge",
+			views: "3,542",
+			comments: "100",
+			reactions: "100",
+			percentage: "12.0%",
+		},
+		{
+			browser: "brave",
+			name: "Brave",
+			views: "1,876",
+			comments: "100",
+			reactions: "100",
+			percentage: "6.4%",
+		},
+		{
+			browser: "opera",
+			name: "Opera",
+			views: "654",
+			comments: "100",
+			reactions: "100",
+			percentage: "2.2%",
+		},
+		{
+			browser: "vivaldi",
+			name: "Vivaldi",
+			views: "298",
+			comments: "100",
+			reactions: "100",
+			percentage: "1.0%",
+		},
+		{
+			browser: "yandex",
+			name: "Yandex",
+			views: "143",
+			comments: "100",
+			reactions: "100",
+			percentage: "0.5%",
+		},
+		{
+			browser: "duckduckgo",
+			name: "DuckDuckGo",
+			views: "67",
+			comments: "100",
+			reactions: "100",
+			percentage: "0.2%",
+		},
+	],
+	operatingSystems: [
+		{
+			os: "windows",
+			name: "Windows",
+			views: "9,876",
+			comments: "100",
+			reactions: "100",
+			percentage: "38.7%",
+		},
+		{
+			os: "ios",
+			name: "macOS",
+			views: "7,432",
+			comments: "100",
+			reactions: "100",
+			percentage: "29.1%",
+		},
+		{
+			os: "linux",
+			name: "Linux",
+			views: "3,654",
+			comments: "100",
+			reactions: "100",
+			percentage: "14.3%",
+		},
+		{
+			os: "ubuntu",
+			name: "Ubuntu",
+			views: "2,187",
+			comments: "100",
+			reactions: "100",
+			percentage: "8.6%",
+		},
+		{
+			os: "fedora",
+			name: "Fedora",
+			views: "1,243",
+			comments: "100",
+			reactions: "100",
+			percentage: "4.9%",
+		},
+	],
+	deviceTypes: [
+		{
+			device: "desktop",
+			name: "Desktop",
+			views: "2,456",
+			comments: "100",
+			reactions: "100",
+			percentage: "45.6%",
+		},
+		{
+			device: "tablet",
+			name: "Tablet",
+			views: "1,234",
+			comments: "100",
+			reactions: "100",
+			percentage: "23.4%",
+		},
+		{
+			device: "mobile",
+			name: "Mobile",
+			views: "1,789",
+			comments: "100",
+			reactions: "100",
+			percentage: "30.9%",
+		},
+	],
+	topCaps: [
+		{
+			name: "Product Demo - Q4 2024",
+			views: "5,842",
+			comments: "100",
+			reactions: "100",
+			percentage: "28.3%",
+		},
+		{
+			name: "Tutorial: Getting Started",
+			views: "4,156",
+			comments: "100",
+			reactions: "100",
+			percentage: "20.1%",
+		},
+		{
+			name: "Team Meeting Highlights",
+			views: "3,421",
+			comments: "100",
+			reactions: "100",
+			percentage: "16.6%",
+		},
+		{
+			name: "Bug Fix Walkthrough",
+			views: "2,789",
+			comments: "100",
+			reactions: "100",
+			percentage: "13.5%",
+		},
+		{
+			name: "Feature Announcement",
+			views: "1,923",
+			comments: "100",
+			reactions: "100",
+			percentage: "9.3%",
+		},
+		{
+			name: "Customer Feedback Review",
+			views: "1,245",
+			comments: "100",
+			reactions: "100",
+			percentage: "6.0%",
+		},
+		{
+			name: "Sprint Retrospective",
+			views: "876",
+			comments: "100",
+			reactions: "100",
+			percentage: "4.2%",
+		},
+		{
+			name: "Design System Update",
+			views: "543",
+			comments: "100",
+			reactions: "100",
+			percentage: "2.6%",
+		},
+		{
+			name: "API Documentation Demo",
+			views: "289",
+			comments: "100",
+			reactions: "100",
+			percentage: "1.4%",
+		},
+	],
+};
diff --git a/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx b/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx
new file mode 100644
index 0000000000..702eca87f6
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx
@@ -0,0 +1,18 @@
+import Header from "../../components/Header";
+import StatsChart from "../../components/StatsChart";
+
+export default function AnalyticsPage() {
+	return (
+		<div className="space-y-8">
+			<Header />
+			<StatsChart
+				counts={{
+					views: "2,768",
+					chats: "100",
+					reactions: "100",
+				}}
+				defaultSelectedBox="views"
+			/>
+		</div>
+	);
+}
diff --git a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
index eb69e3db80..3e891a4351 100644
--- a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
+++ b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
@@ -11,6 +11,7 @@ import {
 import type { ImageUpload, Video } from "@cap/web-domain";
 import { HttpClient } from "@effect/platform";
 import {
+	faChartSimple,
 	faCheck,
 	faCopy,
 	faDownload,
@@ -33,7 +34,6 @@ import { type PropsWithChildren, useState } from "react";
 import { toast } from "sonner";
 import { ConfirmationDialog } from "@/app/(org)/dashboard/_components/ConfirmationDialog";
 import { useDashboardContext } from "@/app/(org)/dashboard/Contexts";
-import { useFeatureFlag } from "@/app/Layout/features";
 import ProgressCircle, {
 	useUploadProgress,
 } from "@/app/s/[videoId]/_components/ProgressCircle";
@@ -42,7 +42,6 @@ import {
 	VideoThumbnail,
 } from "@/components/VideoThumbnail";
 import { useEffectMutation, useRpcClient } from "@/lib/EffectRuntime";
-import { withRpc } from "@/lib/Rpcs";
 import { usePublicEnv } from "@/utils/public-env";
 import { PasswordDialog } from "../PasswordDialog";
 import { SettingsDialog } from "../SettingsDialog";
@@ -362,27 +361,28 @@ export const CapCard = ({
 					)}
 				>
 					{isOwner && (
-						<CapCardButton
-							tooltipContent="Share"
-							onClick={(e) => {
-								e.stopPropagation();
-								setIsSharingDialogOpen(true);
-							}}
-							className="delay-0"
-							icon={<FontAwesomeIcon icon={faShare} />}
-						/>
+						<>
+							<CapCardButton
+								tooltipContent="Share"
+								onClick={(e) => {
+									e.stopPropagation();
+									setIsSharingDialogOpen(true);
+								}}
+								className="delay-0"
+								icon={<FontAwesomeIcon icon={faShare} />}
+							/>
+							<CapCardButton
+								tooltipContent="Analytics"
+								onClick={(e) => {
+									e.stopPropagation();
+									router.push(`/dashboard/analytics/s/${cap.id}`);
+								}}
+								className="delay-0"
+								icon={<FontAwesomeIcon icon={faChartSimple} />}
+							/>
+						</>
 					)}
 
-					<CapCardButton
-						tooltipContent="Download Cap"
-						onClick={(e) => {
-							e.stopPropagation();
-							handleDownload();
-						}}
-						className="delay-0"
-						icon={<FontAwesomeIcon icon={faDownload} />}
-					/>
-
 					{!isOwner && (
 						<CapCardButton
 							tooltipContent="Copy link"
@@ -417,22 +417,22 @@ export const CapCard = ({
 						/>
 					)}
 
-					{isOwner && (
-						<DropdownMenu modal={false} onOpenChange={setIsDropdownOpen}>
-							<DropdownMenuTrigger asChild suppressHydrationWarning>
-								<div>
-									<CapCardButton
-										tooltipContent="More options"
-										className="delay-75"
-										icon={<FontAwesomeIcon icon={faEllipsis} />}
-									/>
-								</div>
-							</DropdownMenuTrigger>
-							<DropdownMenuContent
-								align="end"
-								sideOffset={5}
-								suppressHydrationWarning
-							>
+					<DropdownMenu modal={false} onOpenChange={setIsDropdownOpen}>
+						<DropdownMenuTrigger asChild suppressHydrationWarning>
+							<div>
+								<CapCardButton
+									tooltipContent="More options"
+									className="delay-75"
+									icon={<FontAwesomeIcon icon={faEllipsis} />}
+								/>
+							</div>
+						</DropdownMenuTrigger>
+						<DropdownMenuContent
+							align="end"
+							sideOffset={5}
+							suppressHydrationWarning
+						>
+							{isOwner && (
 								<DropdownMenuItem
 									onClick={(e) => {
 										e.stopPropagation();
@@ -443,59 +443,75 @@ export const CapCard = ({
 									<FontAwesomeIcon className="size-3" icon={faGear} />
 									<p className="text-sm text-gray-12">Settings</p>
 								</DropdownMenuItem>
-								<DropdownMenuItem
-									onClick={(e) => {
-										e.stopPropagation();
-										copyLinkHandler();
-										toast.success("Link copied to clipboard");
-									}}
-									className="flex gap-2 items-center rounded-lg"
-								>
-									<FontAwesomeIcon className="size-3" icon={faLink} />
-									<p className="text-sm text-gray-12">Copy link</p>
-								</DropdownMenuItem>
-								<DropdownMenuItem
-									onClick={() => {
-										toast.promise(duplicateMutation.mutateAsync(), {
-											loading: "Duplicating cap...",
-											success: "Cap duplicated successfully",
-											error: "Failed to duplicate cap",
-										});
-									}}
-									disabled={duplicateMutation.isPending || cap.hasActiveUpload}
-									className="flex gap-2 items-center rounded-lg"
-								>
-									<FontAwesomeIcon className="size-3" icon={faCopy} />
-									<p className="text-sm text-gray-12">Duplicate</p>
-								</DropdownMenuItem>
-								<DropdownMenuItem
-									onClick={() => {
-										if (!user.isPro) setUpgradeModalOpen(true);
-										else setIsPasswordDialogOpen(true);
-									}}
-									className="flex gap-2 items-center rounded-lg"
-								>
-									<FontAwesomeIcon
-										className="size-3"
-										icon={passwordProtected ? faLock : faUnlock}
-									/>
-									<p className="text-sm text-gray-12">
-										{passwordProtected ? "Edit password" : "Add password"}
-									</p>
-								</DropdownMenuItem>
-								<DropdownMenuItem
-									onClick={(e) => {
-										e.stopPropagation();
-										setConfirmOpen(true);
-									}}
-									className="flex gap-2 items-center rounded-lg"
-								>
-									<FontAwesomeIcon className="size-3" icon={faTrash} />
-									<p className="text-sm text-gray-12">Delete Cap</p>
-								</DropdownMenuItem>
-							</DropdownMenuContent>
-						</DropdownMenu>
-					)}
+							)}
+							<DropdownMenuItem
+								onClick={(e) => {
+									e.stopPropagation();
+									handleDownload();
+								}}
+								className="flex gap-2 items-center rounded-lg"
+							>
+								<FontAwesomeIcon icon={faDownload} />
+								<p className="text-sm text-gray-12">Download</p>
+							</DropdownMenuItem>
+							<DropdownMenuItem
+								onClick={(e) => {
+									e.stopPropagation();
+									copyLinkHandler();
+									toast.success("Link copied to clipboard");
+								}}
+								className="flex gap-2 items-center rounded-lg"
+							>
+								<FontAwesomeIcon className="size-3" icon={faLink} />
+								<p className="text-sm text-gray-12">Copy link</p>
+							</DropdownMenuItem>
+							{isOwner && (
+								<>
+									<DropdownMenuItem
+										onClick={() => {
+											toast.promise(duplicateMutation.mutateAsync(), {
+												loading: "Duplicating cap...",
+												success: "Cap duplicated successfully",
+												error: "Failed to duplicate cap",
+											});
+										}}
+										disabled={
+											duplicateMutation.isPending || cap.hasActiveUpload
+										}
+										className="flex gap-2 items-center rounded-lg"
+									>
+										<FontAwesomeIcon className="size-3" icon={faCopy} />
+										<p className="text-sm text-gray-12">Duplicate</p>
+									</DropdownMenuItem>
+									<DropdownMenuItem
+										onClick={() => {
+											if (!user.isPro) setUpgradeModalOpen(true);
+											else setIsPasswordDialogOpen(true);
+										}}
+										className="flex gap-2 items-center rounded-lg"
+									>
+										<FontAwesomeIcon
+											className="size-3"
+											icon={passwordProtected ? faLock : faUnlock}
+										/>
+										<p className="text-sm text-gray-12">
+											{passwordProtected ? "Edit password" : "Add password"}
+										</p>
+									</DropdownMenuItem>
+									<DropdownMenuItem
+										onClick={(e) => {
+											e.stopPropagation();
+											setConfirmOpen(true);
+										}}
+										className="flex gap-2 items-center rounded-lg"
+									>
+										<FontAwesomeIcon className="size-3" icon={faTrash} />
+										<p className="text-sm text-gray-12">Delete Cap</p>
+									</DropdownMenuItem>
+								</>
+							)}
+						</DropdownMenuContent>
+					</DropdownMenu>
 
 					<ConfirmationDialog
 						open={confirmOpen}

From d4631f277a3a056ba23e1fe35abc0bc23fea2651 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Wed, 29 Oct 2025 19:09:50 +0300
Subject: [PATCH 06/23] some more ui stuff

---
 Cargo.lock                                    |   2 +-
 .../dashboard/_components/Navbar/Top.tsx      |   9 +-
 .../components/CompareDataDialog.tsx          | 260 ++++++++++++++++++
 .../analytics/components/CompareFilters.tsx   | 193 +++++++++++++
 .../analytics/components/FiltersList.tsx      |  57 ++++
 .../dashboard/analytics/components/Header.tsx |  64 +++--
 .../analytics/components/OtherStats.tsx       |  32 ++-
 .../analytics/components/VideoComponents.tsx  | 161 +++++++++++
 .../analytics/components/VideoFilters.tsx     |  44 +++
 .../analytics/components/VideosPicker.tsx     |  55 ++++
 .../(org)/dashboard/analytics/s/[id]/page.tsx | 119 ++++++++
 apps/web/package.json                         |   2 +
 packages/ui/src/components/Button.tsx         |   2 +-
 packages/ui/src/components/Select.tsx         |   6 +-
 pnpm-lock.yaml                                |  83 +++++-
 15 files changed, 1027 insertions(+), 62 deletions(-)
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/VideoComponents.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/VideoFilters.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/VideosPicker.tsx

diff --git a/Cargo.lock b/Cargo.lock
index 0476f577e3..6675ba37b5 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -1171,7 +1171,7 @@ dependencies = [
 
 [[package]]
 name = "cap-desktop"
-version = "0.3.78"
+version = "0.3.79"
 dependencies = [
  "anyhow",
  "async-stream",
diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
index 6290a4cc5d..0bd54ad09c 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx
@@ -64,14 +64,11 @@ const Top = () => {
 		"/dashboard/spaces": "Spaces",
 		"/dashboard/spaces/browse": "Browse Spaces",
 		"/dashboard/analytics": "Analytics",
-		[`/dashboard/analytics/s/${params.id}`]: "Analytics: cap name",
+		[`/dashboard/folder/${params.id}`]: "Caps",
+		[`/dashboard/analytics/s/${params.id}`]: "Analytics: Cap video title",
 	};
 
-	const title = activeSpace
-		? activeSpace.name
-		: pathname.includes("/dashboard/folder")
-			? "Caps"
-			: titles[pathname] || "";
+	const title = activeSpace ? activeSpace.name : titles[pathname] || "";
 
 	const notificationsRef: MutableRefObject<HTMLDivElement> = useClickAway(
 		(e) => {
diff --git a/apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx b/apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx
new file mode 100644
index 0000000000..ffa1ba73f7
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx
@@ -0,0 +1,260 @@
+import {
+	Button,
+	Dialog,
+	DialogContent,
+	DialogHeader,
+	DialogTitle,
+} from "@cap/ui";
+import { faChartSimple } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { LayoutGroup } from "motion/react";
+import { useRef, useState } from "react";
+import { CompareDataDroppable, type FilterValue } from "./CompareFilters";
+import { FiltersList } from "./FiltersList";
+import CompareVideos from "./VideoFilters";
+import VideosPicker from "./VideosPicker";
+
+export const CompareDataDialog = ({
+	open,
+	onOpenChange,
+}: {
+	open: boolean;
+	onOpenChange: (open: boolean) => void;
+}) => {
+	const [droppedItems, setDroppedItems] = useState<{
+		compare: string | null;
+		compareTwo: string | null;
+	}>({
+		compare: null,
+		compareTwo: null,
+	});
+	const [droppedVideos, setDroppedVideos] = useState<{
+		video1: string | null;
+		video2: string | null;
+	}>({
+		video1: null,
+		video2: null,
+	});
+	const [isDragging, setIsDragging] = useState(false);
+	const [isVideoDragging, setIsVideoDragging] = useState(false);
+	const [currentDragValue, setCurrentDragValue] = useState<FilterValue | null>(
+		null,
+	);
+	const [currentDragVideo, setCurrentDragVideo] = useState<string | null>(null);
+
+	const FILTERS: readonly FilterValue[] = [
+		"views",
+		"comments",
+		"reactions",
+		"shares",
+		"downloads",
+		"uploads",
+		"deletions",
+		"creations",
+		"edits",
+	] as const;
+
+	const VIDEOS: readonly string[] = [
+		"Video A",
+		"Video B",
+		"Video C",
+		"Video D",
+	] as const;
+
+	const [dragPosition, setDragPosition] = useState({ x: 0, y: 0 });
+	const [videoDragPosition, setVideoDragPosition] = useState({ x: 0, y: 0 });
+
+	const compareRef = useRef<HTMLDivElement>(null);
+	const compareTwoRef = useRef<HTMLDivElement>(null);
+	const video1Ref = useRef<HTMLDivElement>(null);
+	const video2Ref = useRef<HTMLDivElement>(null);
+
+	const handleDrop = (dropZoneId: "compare" | "compareTwo") => {
+		if (currentDragValue) {
+			setDroppedItems((prev) => ({
+				...prev,
+				[dropZoneId]: currentDragValue,
+			}));
+		}
+	};
+
+	const handleRemoveItem = (dropZoneId: "compare" | "compareTwo") => {
+		setDroppedItems((prev) => ({
+			...prev,
+			[dropZoneId]: null,
+		}));
+	};
+
+	const isFilterInUse = (value: string) => {
+		return droppedItems.compare === value || droppedItems.compareTwo === value;
+	};
+
+	const checkDropZone = (x: number, y: number): string | null => {
+		const zones = [
+			{ id: "compare", ref: compareRef },
+			{ id: "compareTwo", ref: compareTwoRef },
+		];
+
+		for (const zone of zones) {
+			if (zone.ref.current) {
+				const rect = zone.ref.current.getBoundingClientRect();
+				if (
+					x >= rect.left &&
+					x <= rect.right &&
+					y >= rect.top &&
+					y <= rect.bottom
+				) {
+					return zone.id;
+				}
+			}
+		}
+		return null;
+	};
+
+	const handleVideoDrop = (dropZoneId: "video1" | "video2") => {
+		if (currentDragVideo) {
+			setDroppedVideos((prev) => ({
+				...prev,
+				[dropZoneId]: currentDragVideo,
+			}));
+		}
+	};
+
+	const handleRemoveVideo = (dropZoneId: "video1" | "video2") => {
+		setDroppedVideos((prev) => ({
+			...prev,
+			[dropZoneId]: null,
+		}));
+	};
+
+	const isVideoInUse = (videoId: string) => {
+		return droppedVideos.video1 === videoId || droppedVideos.video2 === videoId;
+	};
+
+	const checkVideoDropZone = (x: number, y: number): string | null => {
+		const zones = [
+			{ id: "video1", ref: video1Ref },
+			{ id: "video2", ref: video2Ref },
+		];
+
+		for (const zone of zones) {
+			if (zone.ref.current) {
+				const rect = zone.ref.current.getBoundingClientRect();
+				if (
+					x >= rect.left &&
+					x <= rect.right &&
+					y >= rect.top &&
+					y <= rect.bottom
+				) {
+					return zone.id;
+				}
+			}
+		}
+		return null;
+	};
+
+	return (
+		<Dialog open={open} onOpenChange={onOpenChange}>
+			<DialogContent className="max-w-[766px]">
+				<DialogHeader
+					description="Visualize data comparisons between each other"
+					icon={<FontAwesomeIcon icon={faChartSimple} />}
+				>
+					<DialogTitle>Compare data</DialogTitle>
+				</DialogHeader>
+				<LayoutGroup>
+					<div className="flex flex-1 w-full h-full">
+						<FiltersList
+							filters={FILTERS}
+							isFilterInUse={isFilterInUse}
+							onFilterDragStart={(value) => {
+								setIsDragging(true);
+								setCurrentDragValue(value);
+							}}
+							onFilterDragEnd={(x, y) => {
+								setIsDragging(false);
+								const dropZone = checkDropZone(x, y);
+								if (dropZone) {
+									handleDrop(dropZone as "compare" | "compareTwo");
+								}
+								setCurrentDragValue(null);
+							}}
+							onFilterDrag={(x, y) => setDragPosition({ x, y })}
+						/>
+						{/*Main side*/}
+						<div className="flex flex-col flex-1 h-full">
+							<div className="border-b border-gray-4 bg-gray-3">
+								<p className="px-4 py-2 text-xs font-medium text-gray-12 will-change-auto">
+									Analysis
+								</p>
+							</div>
+							<div className="flex flex-col flex-1 gap-5 justify-between p-4">
+								<div className="space-y-5">
+									<div className="flex justify-evenly items-end px-4 py-3 w-full rounded-full border bg-gray-3 border-gray-5">
+										<div className="flex flex-1 gap-2 items-center border-r border-gray-6">
+											<p className="text-[13px] font-medium text-gray-11 will-change-auto">
+												Compare
+											</p>
+											{/* biome-ignore lint: Static ID for drop zone identification */}
+											<CompareDataDroppable
+												id="compare"
+												ref={compareRef}
+												droppedValue={droppedItems.compare}
+												onRemove={() => handleRemoveItem("compare")}
+												isDragging={isDragging}
+												dragPosition={dragPosition}
+											/>
+										</div>
+										<div className="flex flex-1 gap-2 justify-end items-center">
+											<p className="text-[13px] font-medium text-gray-11 will-change-auto">
+												with
+											</p>
+											{/* biome-ignore lint: Static ID for drop zone identification */}
+											<CompareDataDroppable
+												id="compareTwo"
+												ref={compareTwoRef}
+												droppedValue={droppedItems.compareTwo}
+												onRemove={() => handleRemoveItem("compareTwo")}
+												isDragging={isDragging}
+												dragPosition={dragPosition}
+											/>
+										</div>
+									</div>
+									<VideosPicker
+										droppedVideos={droppedVideos}
+										onRemoveVideo={handleRemoveVideo}
+										isDragging={isVideoDragging}
+										dragPosition={videoDragPosition}
+										video1Ref={video1Ref}
+										video2Ref={video2Ref}
+									/>
+								</div>
+								<Button className="w-full" size="sm" variant="dark">
+									Compare
+								</Button>
+							</div>
+						</div>
+						{/*Videos Picker*/}
+						<CompareVideos
+							videos={VIDEOS}
+							isVideoInUse={isVideoInUse}
+							onVideoDragStart={(videoId) => {
+								setIsVideoDragging(true);
+								setCurrentDragVideo(videoId);
+							}}
+							onVideoDragEnd={(x, y) => {
+								setIsVideoDragging(false);
+								const dropZone = checkVideoDropZone(x, y);
+								if (dropZone) {
+									handleVideoDrop(dropZone as "video1" | "video2");
+								}
+								setCurrentDragVideo(null);
+							}}
+							onVideoDrag={(x, y) => setVideoDragPosition({ x, y })}
+						/>
+					</div>
+				</LayoutGroup>
+			</DialogContent>
+		</Dialog>
+	);
+};
diff --git a/apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx b/apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx
new file mode 100644
index 0000000000..fa5c356097
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx
@@ -0,0 +1,193 @@
+"use client";
+
+import { faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import clsx from "clsx";
+import { motion, useDragControls, useMotionValue } from "motion/react";
+import React, { useEffect, useRef, useState } from "react";
+
+const filterColorMap = {
+	views: "bg-blue-300",
+	comments: "bg-green-300",
+	reactions: "bg-red-300",
+	shares: "bg-yellow-300",
+	downloads: "bg-purple-300",
+	uploads: "bg-pink-300",
+	deletions: "bg-gray-300",
+	creations: "bg-orange-300",
+	edits: "bg-teal-300",
+} as const;
+
+const labelMap = {
+	views: "Views",
+	comments: "Comments",
+	reactions: "Reactions",
+	shares: "Shares",
+	downloads: "Downloads",
+	uploads: "Uploads",
+	deletions: "Deletions",
+	creations: "Creations",
+	edits: "Edits",
+} as const;
+
+export type FilterValue = keyof typeof filterColorMap;
+
+interface CompareDataFilterItemProps {
+	label: string;
+	value: FilterValue;
+	isInUse: boolean;
+	onDragStart: () => void;
+	onDragEnd: (x: number, y: number) => void;
+	onDrag: (x: number, y: number) => void;
+}
+
+export const CompareDataFilterItem = ({
+	label,
+	value,
+	isInUse,
+	onDragStart,
+	onDragEnd,
+	onDrag,
+}: CompareDataFilterItemProps) => {
+	const controls = useDragControls();
+	const x = useMotionValue(0);
+	const y = useMotionValue(0);
+	const elementRef = useRef<HTMLDivElement>(null);
+
+	const handleDragEnd = () => {
+		if (elementRef.current) {
+			const rect = elementRef.current.getBoundingClientRect();
+			const centerX = rect.left + rect.width / 2;
+			const centerY = rect.top + rect.height / 2;
+			onDragEnd(centerX, centerY);
+		}
+	};
+
+	const handleDrag = () => {
+		if (elementRef.current) {
+			const rect = elementRef.current.getBoundingClientRect();
+			const centerX = rect.left + rect.width / 2;
+			const centerY = rect.top + rect.height / 2;
+			onDrag(centerX, centerY);
+		}
+	};
+
+	if (isInUse) {
+		return null;
+	}
+
+	return (
+		<motion.div
+			ref={elementRef}
+			layoutId={`filter-${value}`}
+			drag
+			dragControls={controls}
+			dragSnapToOrigin
+			onPointerDown={(e) => controls.start(e)}
+			onDragStart={onDragStart}
+			onDrag={handleDrag}
+			style={{
+				x,
+				y,
+				touchAction: "none",
+			}}
+			layout="position"
+			initial={{ opacity: 0, scale: 0.8 }}
+			animate={{ opacity: 1, scale: 1, x: 0, y: 0 }}
+			exit={{ opacity: 0, scale: 0.8 }}
+			transition={{
+				layout: {
+					type: "spring",
+					stiffness: 600,
+					damping: 35,
+					mass: 0.8,
+				},
+				opacity: { duration: 0.15, ease: "easeInOut" },
+				scale: { duration: 0.15, ease: "easeInOut" },
+				x: { type: "spring", stiffness: 600, damping: 35 },
+				y: { type: "spring", stiffness: 600, damping: 35 },
+			}}
+			onDragEnd={handleDragEnd}
+			className={clsx(
+				"flex-1 px-2 h-6 rounded-full cursor-grab active:cursor-grabbing max-w-fit min-w-fit",
+				filterColorMap[value as keyof typeof filterColorMap] ?? "bg-gray-5",
+			)}
+		>
+			<p className="text-[11px] font-medium text-black">{label}</p>
+		</motion.div>
+	);
+};
+
+interface CompareDataDroppableProps {
+	id: string;
+	droppedValue: string | null;
+	onRemove: () => void;
+	isDragging: boolean;
+	dragPosition: { x: number; y: number };
+}
+
+export const CompareDataDroppable = React.forwardRef<
+	HTMLDivElement,
+	CompareDataDroppableProps
+>(({ droppedValue, onRemove, isDragging, dragPosition }, ref) => {
+	const [isOver, setIsOver] = useState(false);
+
+	useEffect(() => {
+		if (!isDragging) {
+			setIsOver(false);
+			return;
+		}
+
+		const checkIsOver = () => {
+			if (ref && typeof ref !== "function" && ref.current) {
+				const rect = ref.current.getBoundingClientRect();
+				const over =
+					dragPosition.x >= rect.left &&
+					dragPosition.x <= rect.right &&
+					dragPosition.y >= rect.top &&
+					dragPosition.y <= rect.bottom;
+				setIsOver(over);
+			}
+		};
+
+		checkIsOver();
+	}, [isDragging, dragPosition, ref]);
+
+	return (
+		<div
+			ref={ref}
+			className={clsx(
+				"h-6 w-[100px] transition-all border rounded-full file:flex items-center",
+				isDragging && !isOver && !droppedValue
+					? "bg-gray-5 border-gray-11"
+					: isOver && isDragging
+						? "bg-transparent border-blue-500"
+						: !droppedValue
+							? "border-dashed border-gray-7"
+							: "border-transparent",
+			)}
+		>
+			{droppedValue && (
+				<div
+					className={clsx(
+						"flex items-center justify-between gap-1.5 px-2 h-6 rounded-full",
+						filterColorMap[droppedValue as keyof typeof filterColorMap] ??
+							"bg-gray-5",
+					)}
+				>
+					<p className="text-[11px] font-medium text-black">
+						{labelMap[droppedValue as keyof typeof labelMap] ?? droppedValue}
+					</p>
+					<button
+						type="button"
+						onClick={onRemove}
+						className="flex justify-center items-center h-full text-black transition-colors cursor-pointer hover:text-gray-700"
+						aria-label="Remove filter"
+					>
+						<FontAwesomeIcon icon={faXmark} className="text-black size-3" />
+					</button>
+				</div>
+			)}
+		</div>
+	);
+});
diff --git a/apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx b/apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx
new file mode 100644
index 0000000000..54302d0f11
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import { AnimatePresence, motion } from "motion/react";
+import { CompareDataFilterItem, type FilterValue } from "./CompareFilters";
+
+interface FiltersListProps {
+	filters: readonly FilterValue[];
+	isFilterInUse: (value: FilterValue) => boolean;
+	onFilterDragStart: (value: FilterValue) => void;
+	onFilterDragEnd: (x: number, y: number) => void;
+	onFilterDrag: (x: number, y: number) => void;
+}
+
+const FILTER_LABELS: Record<FilterValue, string> = {
+	views: "Views",
+	comments: "Comments",
+	reactions: "Reactions",
+	shares: "Shares",
+	downloads: "Downloads",
+	uploads: "Uploads",
+	deletions: "Deletions",
+	creations: "Creations",
+	edits: "Edits",
+};
+
+export const FiltersList = ({
+	filters,
+	isFilterInUse,
+	onFilterDragStart,
+	onFilterDragEnd,
+	onFilterDrag,
+}: FiltersListProps) => {
+	return (
+		<div className="max-w-[172px] w-full border-r border-gray-4 flex-1">
+			<div className="border-b border-gray-4 bg-gray-3">
+				<p className="px-4 py-2 text-xs font-medium text-gray-12 will-change-auto">
+					Filters
+				</p>
+			</div>
+			<motion.div layout className="flex p-4 flex-wrap gap-1.5 h-fit w-full">
+				<AnimatePresence mode="popLayout">
+					{filters.map((filter) => (
+						<CompareDataFilterItem
+							key={filter}
+							label={FILTER_LABELS[filter]}
+							value={filter}
+							isInUse={isFilterInUse(filter)}
+							onDragStart={() => onFilterDragStart(filter)}
+							onDragEnd={onFilterDragEnd}
+							onDrag={onFilterDrag}
+						/>
+					))}
+				</AnimatePresence>
+			</motion.div>
+		</div>
+	);
+};
diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
index 56775a4e02..637302b3e2 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -1,32 +1,48 @@
 "use client";
 
-import { Select } from "@cap/ui";
+import { Button, Select } from "@cap/ui";
+import { useState } from "react";
+import { CompareDataDialog } from "./CompareDataDialog";
 
 export default function Header() {
+	const [openCompareDataDialog, setOpenCompareDataDialog] = useState(false);
 	return (
-		<div className="flex gap-2 items-center">
-			<Select
-				variant="dark"
-				size="fit"
-				options={[
-					{ value: "views", label: "Views" },
-					{ value: "comments", label: "Comments" },
-					{ value: "reactions", label: "Reactions" },
-				]}
-				onValueChange={() => {}}
-				placeholder="Metric"
+		<>
+			<CompareDataDialog
+				open={openCompareDataDialog}
+				onOpenChange={setOpenCompareDataDialog}
 			/>
-			<Select
-				variant="dark"
-				size="fit"
-				options={[
-					{ value: "24_hours", label: "24 hours" },
-					{ value: "7_days", label: "7 days" },
-					{ value: "30_days", label: "30 days" },
-				]}
-				onValueChange={() => {}}
-				placeholder="Time range"
-			/>
-		</div>
+			<div className="flex gap-2 items-center">
+				<Select
+					variant="dark"
+					size="fit"
+					options={[
+						{ value: "views", label: "Views" },
+						{ value: "comments", label: "Comments" },
+						{ value: "reactions", label: "Reactions" },
+					]}
+					onValueChange={() => {}}
+					placeholder="Metric"
+				/>
+				<Select
+					variant="dark"
+					size="fit"
+					options={[
+						{ value: "24_hours", label: "24 hours" },
+						{ value: "7_days", label: "7 days" },
+						{ value: "30_days", label: "30 days" },
+					]}
+					onValueChange={() => {}}
+					placeholder="Time range"
+				/>
+				<Button
+					size="sm"
+					variant="white"
+					onClick={() => setOpenCompareDataDialog(true)}
+				>
+					Compare data
+				</Button>
+			</div>
+		</>
 	);
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
index d986c1c34a..aff9033a75 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
@@ -23,7 +23,7 @@ export interface OtherStatsData {
 	browsers: BrowserRowData[];
 	operatingSystems: OSRowData[];
 	deviceTypes: DeviceRowData[];
-	topCaps: CapRowData[];
+	topCaps?: CapRowData[] | null;
 }
 
 interface OtherStatsProps {
@@ -97,20 +97,22 @@ export default function OtherStats({ data }: OtherStatsProps) {
 					/>
 				</div>
 			</OtherStatBox>
-			<OtherStatBox
-				className="col-span-2"
-				title="Top Caps"
-				icon={faRecordVinyl}
-			>
-				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
-					<TableCard
-						title="Caps"
-						columns={["Cap", "Views", "Comments", "Reactions", "Percentage"]}
-						rows={data.topCaps}
-						type="cap"
-					/>
-				</div>
-			</OtherStatBox>
+			{data.topCaps && (
+				<OtherStatBox
+					className="col-span-2"
+					title="Top Caps"
+					icon={faRecordVinyl}
+				>
+					<div className="flex flex-col flex-1 gap-5 justify-center w-full">
+						<TableCard
+							title="Caps"
+							columns={["Cap", "Views", "Comments", "Reactions", "Percentage"]}
+							rows={data.topCaps}
+							type="cap"
+						/>
+					</div>
+				</OtherStatBox>
+			)}
 		</div>
 	);
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/VideoComponents.tsx b/apps/web/app/(org)/dashboard/analytics/components/VideoComponents.tsx
new file mode 100644
index 0000000000..89d26f869f
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/VideoComponents.tsx
@@ -0,0 +1,161 @@
+"use client";
+
+import { faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import clsx from "clsx";
+import { motion, useDragControls, useMotionValue } from "motion/react";
+import React, { useEffect, useRef, useState } from "react";
+
+export type VideoValue = string; // Can be video IDs in the future
+
+interface DraggableVideoItemProps {
+	videoId: string;
+	isInUse: boolean;
+	onDragStart: () => void;
+	onDragEnd: (x: number, y: number) => void;
+	onDrag: (x: number, y: number) => void;
+}
+
+export const DraggableVideoItem = ({
+	videoId,
+	isInUse,
+	onDragStart,
+	onDragEnd,
+	onDrag,
+}: DraggableVideoItemProps) => {
+	const controls = useDragControls();
+	const x = useMotionValue(0);
+	const y = useMotionValue(0);
+	const elementRef = useRef<HTMLDivElement>(null);
+
+	const handleDragEnd = () => {
+		if (elementRef.current) {
+			const rect = elementRef.current.getBoundingClientRect();
+			const centerX = rect.left + rect.width / 2;
+			const centerY = rect.top + rect.height / 2;
+			onDragEnd(centerX, centerY);
+		}
+	};
+
+	const handleDrag = () => {
+		if (elementRef.current) {
+			const rect = elementRef.current.getBoundingClientRect();
+			const centerX = rect.left + rect.width / 2;
+			const centerY = rect.top + rect.height / 2;
+			onDrag(centerX, centerY);
+		}
+	};
+
+	if (isInUse) {
+		return null;
+	}
+
+	return (
+		<motion.div
+			ref={elementRef}
+			layoutId={`video-${videoId}`}
+			drag
+			dragControls={controls}
+			dragSnapToOrigin
+			onPointerDown={(e) => controls.start(e)}
+			onDragStart={onDragStart}
+			onDrag={handleDrag}
+			style={{
+				x,
+				y,
+				touchAction: "none",
+			}}
+			layout="position"
+			initial={{ opacity: 0, scale: 0.9 }}
+			animate={{ opacity: 1, scale: 1, x: 0, y: 0 }}
+			exit={{ opacity: 0, scale: 0.9 }}
+			transition={{
+				layout: {
+					type: "spring",
+					stiffness: 600,
+					damping: 35,
+					mass: 0.8,
+				},
+				opacity: { duration: 0.15, ease: "easeInOut" },
+				scale: { duration: 0.15, ease: "easeInOut" },
+				x: { type: "spring", stiffness: 600, damping: 35 },
+				y: { type: "spring", stiffness: 600, damping: 35 },
+			}}
+			onDragEnd={handleDragEnd}
+			className="flex items-center justify-center w-full h-[64px] hover:bg-gray-5 hover:border-gray-7 transition-colors duration-200 rounded-lg bg-gray-4 border border-gray-6 cursor-grab active:cursor-grabbing"
+		>
+			<p className="text-xs text-gray-11">{videoId}</p>
+		</motion.div>
+	);
+};
+
+interface VideoDroppableProps {
+	id: string;
+	droppedValue: string | null;
+	onRemove: () => void;
+	isDragging: boolean;
+	dragPosition: { x: number; y: number };
+	label: string;
+}
+
+export const VideoDroppable = React.forwardRef<
+	HTMLDivElement,
+	VideoDroppableProps
+>(({ droppedValue, onRemove, isDragging, dragPosition, label }, ref) => {
+	const [isOver, setIsOver] = useState(false);
+
+	useEffect(() => {
+		if (!isDragging) {
+			setIsOver(false);
+			return;
+		}
+
+		const checkIsOver = () => {
+			if (ref && typeof ref !== "function" && ref.current) {
+				const rect = ref.current.getBoundingClientRect();
+				const over =
+					dragPosition.x >= rect.left &&
+					dragPosition.x <= rect.right &&
+					dragPosition.y >= rect.top &&
+					dragPosition.y <= rect.bottom;
+				setIsOver(over);
+			}
+		};
+
+		checkIsOver();
+	}, [isDragging, dragPosition, ref]);
+
+	return (
+		<div
+			ref={ref}
+			className={clsx(
+				"flex flex-1 justify-center items-center h-20 rounded-xl border transition-all",
+				isDragging && !isOver && !droppedValue
+					? "bg-gray-5 border-solid border-gray-11"
+					: isOver && isDragging
+						? "bg-gray-4 border-blue-500 border-solid"
+						: !droppedValue
+							? "border-dashed border-gray-6 bg-gray-3"
+							: "border-solid border-gray-5 bg-gray-3",
+			)}
+		>
+			{droppedValue ? (
+				<div className="flex gap-2 justify-between items-center p-3 w-full h-full">
+					<p className="text-xs text-gray-11">{droppedValue}</p>
+					<button
+						type="button"
+						onClick={onRemove}
+						className="flex justify-center items-center rounded-full transition-colors cursor-pointer size-6 bg-gray-5 text-gray-11 hover:bg-gray-6 hover:text-gray-12"
+						aria-label="Remove video"
+					>
+						<FontAwesomeIcon icon={faXmark} className="size-3" />
+					</button>
+				</div>
+			) : (
+				<p className="text-xs text-gray-11">{label}</p>
+			)}
+		</div>
+	);
+});
+
+VideoDroppable.displayName = "VideoDroppable";
diff --git a/apps/web/app/(org)/dashboard/analytics/components/VideoFilters.tsx b/apps/web/app/(org)/dashboard/analytics/components/VideoFilters.tsx
new file mode 100644
index 0000000000..5f63e5b9f3
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/VideoFilters.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { AnimatePresence, motion } from "motion/react";
+import { DraggableVideoItem } from "./VideoComponents";
+
+interface VideoFiltersProps {
+	videos: readonly string[];
+	isVideoInUse: (videoId: string) => boolean;
+	onVideoDragStart: (videoId: string) => void;
+	onVideoDragEnd: (x: number, y: number) => void;
+	onVideoDrag: (x: number, y: number) => void;
+}
+
+export default function VideoFilters({
+	videos,
+	isVideoInUse,
+	onVideoDragStart,
+	onVideoDragEnd,
+	onVideoDrag,
+}: VideoFiltersProps) {
+	return (
+		<div className="max-w-[160px] w-full border-l border-gray-4">
+			<div className="border-b border-gray-4 bg-gray-3">
+				<p className="px-4 py-2 text-xs font-medium text-gray-12 will-change-auto">
+					Videos
+				</p>
+			</div>
+			<motion.div layout className="grid grid-cols-2 gap-2 p-4 h-fit">
+				<AnimatePresence mode="popLayout">
+					{videos.map((videoId) => (
+						<DraggableVideoItem
+							key={videoId}
+							videoId={videoId}
+							isInUse={isVideoInUse(videoId)}
+							onDragStart={() => onVideoDragStart(videoId)}
+							onDragEnd={onVideoDragEnd}
+							onDrag={onVideoDrag}
+						/>
+					))}
+				</AnimatePresence>
+			</motion.div>
+		</div>
+	);
+}
diff --git a/apps/web/app/(org)/dashboard/analytics/components/VideosPicker.tsx b/apps/web/app/(org)/dashboard/analytics/components/VideosPicker.tsx
new file mode 100644
index 0000000000..aac2c71767
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/VideosPicker.tsx
@@ -0,0 +1,55 @@
+"use client";
+
+import { faRightLeft } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import type React from "react";
+import { VideoDroppable } from "./VideoComponents";
+
+interface VideosPickerProps {
+	droppedVideos: {
+		video1: string | null;
+		video2: string | null;
+	};
+	onRemoveVideo: (slotId: "video1" | "video2") => void;
+	isDragging: boolean;
+	dragPosition: { x: number; y: number };
+	video1Ref: React.RefObject<HTMLDivElement | null>;
+	video2Ref: React.RefObject<HTMLDivElement | null>;
+}
+
+export default function VideosPicker({
+	droppedVideos,
+	onRemoveVideo,
+	isDragging,
+	dragPosition,
+	video1Ref,
+	video2Ref,
+}: VideosPickerProps) {
+	return (
+		<div className="flex gap-4 items-center">
+			{/* biome-ignore lint: Static ID for drop zone identification */}
+			<VideoDroppable
+				id="video1"
+				ref={video1Ref}
+				droppedValue={droppedVideos.video1}
+				onRemove={() => onRemoveVideo("video1")}
+				isDragging={isDragging}
+				dragPosition={dragPosition}
+				label="Video 1"
+			/>
+			<div className="flex justify-center items-center rounded-full size-8 bg-gray-12">
+				<FontAwesomeIcon icon={faRightLeft} className="size-2.5 text-gray-1" />
+			</div>
+			{/* biome-ignore lint: Static ID for drop zone identification */}
+			<VideoDroppable
+				id="video2"
+				ref={video2Ref}
+				droppedValue={droppedVideos.video2}
+				onRemove={() => onRemoveVideo("video2")}
+				isDragging={isDragging}
+				dragPosition={dragPosition}
+				label="Video 2"
+			/>
+		</div>
+	);
+}
diff --git a/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx b/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx
index 702eca87f6..2ecb23c042 100644
--- a/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx
@@ -1,4 +1,5 @@
 import Header from "../../components/Header";
+import OtherStats, { type OtherStatsData } from "../../components/OtherStats";
 import StatsChart from "../../components/StatsChart";
 
 export default function AnalyticsPage() {
@@ -13,6 +14,124 @@ export default function AnalyticsPage() {
 				}}
 				defaultSelectedBox="views"
 			/>
+			<OtherStats data={mockData} />
 		</div>
 	);
 }
+
+const mockData: OtherStatsData = {
+	countries: [
+		{
+			countryCode: "US",
+			name: "United States",
+			views: "8,452",
+			comments: "100",
+			reactions: "100",
+			percentage: "34.2%",
+		},
+		{
+			countryCode: "GB",
+			name: "United Kingdom",
+			views: "3,891",
+			comments: "100",
+			reactions: "100",
+			percentage: "15.7%",
+		},
+		{
+			countryCode: "CA",
+			name: "Canada",
+			views: "2,764",
+			comments: "100",
+			reactions: "100",
+			percentage: "11.2%",
+		},
+		{
+			countryCode: "DE",
+			name: "Germany",
+			views: "2,143",
+			comments: "100",
+			reactions: "100",
+			percentage: "8.7%",
+		},
+		{
+			countryCode: "FR",
+			name: "France",
+			views: "1,876",
+			comments: "100",
+			reactions: "100",
+			percentage: "7.6%",
+		},
+		{
+			countryCode: "AU",
+			name: "Australia",
+			views: "1,542",
+			comments: "100",
+			reactions: "100",
+			percentage: "6.2%",
+		},
+	],
+	cities: [
+		{
+			countryCode: "US",
+			name: "New York",
+			views: "3,421",
+			comments: "100",
+			reactions: "100",
+			percentage: "18.7%",
+		},
+		{
+			countryCode: "US",
+			name: "Los Angeles",
+			views: "2,876",
+			comments: "100",
+			reactions: "100",
+			percentage: "15.7%",
+		},
+		{
+			countryCode: "GB",
+			name: "London",
+			views: "2,145",
+			comments: "100",
+			reactions: "100",
+			percentage: "11.7%",
+		},
+		{
+			countryCode: "CA",
+			name: "Toronto",
+			views: "1,892",
+			comments: "100",
+			reactions: "100",
+			percentage: "10.3%",
+		},
+	],
+	browsers: [
+		{
+			browser: "google-chrome",
+			name: "Chrome",
+			views: "8,452",
+			comments: "100",
+			reactions: "100",
+			percentage: "34.2%",
+		},
+	],
+	operatingSystems: [
+		{
+			os: "windows",
+			name: "Windows",
+			views: "8,452",
+			comments: "100",
+			reactions: "100",
+			percentage: "34.2%",
+		},
+	],
+	deviceTypes: [
+		{
+			device: "desktop",
+			name: "Desktop",
+			views: "8,452",
+			comments: "100",
+			reactions: "100",
+			percentage: "34.2%",
+		},
+	],
+};
diff --git a/apps/web/package.json b/apps/web/package.json
index b471f866a9..e35a5c9a86 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -26,6 +26,8 @@
 		"@cap/web-backend": "workspace:*",
 		"@cap/web-domain": "workspace:*",
 		"@deepgram/sdk": "^3.3.4",
+		"@dnd-kit/core": "^6.3.1",
+		"@dnd-kit/utilities": "^3.2.2",
 		"@dub/analytics": "^0.0.27",
 		"@effect/cluster": "^0.50.4",
 		"@effect/experimental": "^0.56.0",
diff --git a/packages/ui/src/components/Button.tsx b/packages/ui/src/components/Button.tsx
index 3e64fc3c3b..0ea1c1448b 100644
--- a/packages/ui/src/components/Button.tsx
+++ b/packages/ui/src/components/Button.tsx
@@ -21,7 +21,7 @@ const buttonVariants = cva(
 				outline:
 					"border border-gray-4 hover:border-gray-5 hover:bg-gray-3 text-gray-12 disabled:bg-gray-8",
 				white:
-					"bg-gray-1 border border-gray-5 text-gray-12 hover:bg-gray-3 disabled:bg-gray-8",
+					"bg-gray-3 border border-gray-5 hover:border-gray-6 text-gray-12 hover:bg-gray-6 disabled:bg-gray-8",
 				ghost: "hover:bg-white/20 hover:text-white",
 				gray: "bg-gray-5 hover:bg-gray-7 border gray-button-border gray-button-shadow text-gray-12 disabled:border-gray-7 disabled:bg-gray-8 disabled:text-gray-11",
 				dark: "bg-gray-12 dark-button-shadow hover:bg-gray-11 border dark-button-border text-gray-1 disabled:cursor-not-allowed disabled:text-gray-10 disabled:bg-gray-7 disabled:border-gray-8",
diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx
index 8c38dc0067..0840309ce7 100644
--- a/packages/ui/src/components/Select.tsx
+++ b/packages/ui/src/components/Select.tsx
@@ -11,7 +11,7 @@ const SelectVariantContext = React.createContext<SelectVariant>("default");
 
 const selectTriggerVariants = cva(
 	cx(
-		"font-medium flex px-4 py-2 transition-all duration-200 text-[13px] outline-0",
+		"font-medium flex px-4 py-2 transition-all duration-200 text-sm outline-0",
 		"rounded-xl border-[1px] items-center justify-between gap-2 whitespace-nowrap",
 		"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-gray-3 disabled:text-gray-9",
 		"ring-0 ring-gray-12 ring-offset-0 data-[state=open]:ring-offset-2 ring-offset-gray-1 data-[state=open]:ring-1",
@@ -122,7 +122,7 @@ function Select({
 			{...props}
 		>
 			<SelectTrigger variant={variant} size={size} className={className}>
-				<SelectValue placeholder={placeholder} />
+				<SelectValue className="text-sm" placeholder={placeholder} />
 			</SelectTrigger>
 			<SelectContent className="mt-2" variant={variant}>
 				{options.map((option) => (
@@ -223,7 +223,7 @@ function SelectLabel({
 	return (
 		<SelectPrimitive.Label
 			data-slot="select-label"
-			className={cx("text-gray-10 px-3 py-1.5 text-xs", className)}
+			className={cx("text-gray-10 px-3 py-1.5 text-sm", className)}
 			{...props}
 		/>
 	);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a696b85955..3ac2a81c18 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,7 +19,7 @@ importers:
         version: 0.44.0
       dotenv-cli:
         specifier: latest
-        version: 10.0.0
+        version: 11.0.0
       tsdown:
         specifier: ^0.15.6
         version: 0.15.6(typescript@5.8.3)
@@ -471,6 +471,12 @@ importers:
       '@deepgram/sdk':
         specifier: ^3.3.4
         version: 3.13.0(encoding@0.1.13)
+      '@dnd-kit/core':
+        specifier: ^6.3.1
+        version: 6.3.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@dnd-kit/utilities':
+        specifier: ^3.2.2
+        version: 3.2.2(react@19.1.1)
       '@dub/analytics':
         specifier: ^0.0.27
         version: 0.0.27
@@ -1051,7 +1057,7 @@ importers:
         version: 19.1.9(@types/react@19.1.13)
       dotenv-cli:
         specifier: latest
-        version: 10.0.0
+        version: 11.0.0
       drizzle-kit:
         specifier: 0.31.0
         version: 0.31.0
@@ -2230,6 +2236,22 @@ packages:
     resolution: {integrity: sha512-KrkT6qO5NxqNfy68sBl6CTSoJ4SNDIS5iQArkibhlbGU4LaDukZ3q2HIkh8aUKDio6o4itU4xDR7t82Y2eP1Bg==}
     engines: {node: '>=14'}
 
+  '@dnd-kit/accessibility@3.1.1':
+    resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==}
+    peerDependencies:
+      react: '>=16.8.0'
+
+  '@dnd-kit/core@6.3.1':
+    resolution: {integrity: sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@dnd-kit/utilities@3.2.2':
+    resolution: {integrity: sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==}
+    peerDependencies:
+      react: '>=16.8.0'
+
   '@drizzle-team/brocli@0.10.2':
     resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
 
@@ -6518,10 +6540,10 @@ packages:
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@10.0.0-rc.2':
-    resolution: {integrity: sha512-Vp1xN+h7BKQ6k+zE2LHExfE65yL2d2q9TiVrIHJ2O7dukVkd5UYBOS9CLVenidgfbFRzt2hUQPLLKhTjJLwMmA==}
+  '@storybook/builder-vite@10.1.0-alpha.0':
+    resolution: {integrity: sha512-ipGNG3YeYnSsnnWyKJKQUv6On8OIK8Vk7Pr51rA4BDH8Jw1zI5ulSd2zTCu6iCCH2G26KrMoXaoZ49rrJ1XEdw==}
     peerDependencies:
-      storybook: ^10.0.0-rc.2
+      storybook: ^10.1.0-alpha.0
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
   '@storybook/core@8.6.12':
@@ -6532,12 +6554,12 @@ packages:
       prettier:
         optional: true
 
-  '@storybook/csf-plugin@10.0.0-rc.2':
-    resolution: {integrity: sha512-GCAlUdEbcdwaDT4JL8N/Dv0w3ZMNf80tdiFC26PMK+UZBBd9DKyEJfDTd2NLSzDXEG1DGRUKJymDec8ocFFqxQ==}
+  '@storybook/csf-plugin@10.1.0-alpha.0':
+    resolution: {integrity: sha512-UKvA8vmGf7De9YCMsR5FRZ5J4jlTKwebheCopni3nCTn744Y9k2JmucdzfBTXIwwEl6SSuAnNc6eIKzUdSM0KQ==}
     peerDependencies:
       esbuild: '*'
       rollup: '*'
-      storybook: ^10.0.0-rc.2
+      storybook: ^10.1.0-alpha.0
       vite: '*'
       webpack: '*'
     peerDependenciesMeta:
@@ -9104,10 +9126,18 @@ packages:
     resolution: {integrity: sha512-lnOnttzfrzkRx2echxJHQRB6vOAMSCzzZg79IxpC00tU42wZPuZkQxNNrrwVAxaQZIIh001l4PxVlCrBxngBzA==}
     hasBin: true
 
+  dotenv-cli@11.0.0:
+    resolution: {integrity: sha512-r5pA8idbk7GFWuHEU7trSTflWcdBpQEK+Aw17UrSHjS6CReuhrrPcyC3zcQBPQvhArRHnBo/h6eLH1fkCvNlww==}
+    hasBin: true
+
   dotenv-expand@11.0.7:
     resolution: {integrity: sha512-zIHwmZPRshsCdpMDyVsqGmgyP0yT8GAgXUnkdAoJisxvf33k7yO6OuoKmcTGuXPWSsm8Oh88nZicRLA9Y0rUeA==}
     engines: {node: '>=12'}
 
+  dotenv-expand@12.0.3:
+    resolution: {integrity: sha512-uc47g4b+4k/M/SeaW1y4OApx+mtLWl92l5LMPP0GNXctZqELk+YGgOPIIC5elYmUH4OuoK3JLhuRUYegeySiFA==}
+    engines: {node: '>=12'}
+
   dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
     engines: {node: '>=12'}
@@ -16782,6 +16812,24 @@ snapshots:
       gonzales-pe: 4.3.0
       node-source-walk: 6.0.2
 
+  '@dnd-kit/accessibility@3.1.1(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      tslib: 2.8.1
+
+  '@dnd-kit/core@6.3.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@dnd-kit/accessibility': 3.1.1(react@19.1.1)
+      '@dnd-kit/utilities': 3.2.2(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      tslib: 2.8.1
+
+  '@dnd-kit/utilities@3.2.2(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      tslib: 2.8.1
+
   '@drizzle-team/brocli@0.10.2': {}
 
   '@dub/analytics@0.0.27':
@@ -21212,9 +21260,9 @@ snapshots:
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
 
-  '@storybook/builder-vite@10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/builder-vite@10.1.0-alpha.0(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
-      '@storybook/csf-plugin': 10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/csf-plugin': 10.1.0-alpha.0(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
       vite: 6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)
@@ -21244,7 +21292,7 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/csf-plugin@10.1.0-alpha.0(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
       storybook: 8.6.12(prettier@3.5.3)
       unplugin: 2.3.10
@@ -24114,10 +24162,21 @@ snapshots:
       dotenv-expand: 11.0.7
       minimist: 1.2.8
 
+  dotenv-cli@11.0.0:
+    dependencies:
+      cross-spawn: 7.0.6
+      dotenv: 17.2.1
+      dotenv-expand: 12.0.3
+      minimist: 1.2.8
+
   dotenv-expand@11.0.7:
     dependencies:
       dotenv: 16.5.0
 
+  dotenv-expand@12.0.3:
+    dependencies:
+      dotenv: 16.5.0
+
   dotenv@16.0.3: {}
 
   dotenv@16.5.0: {}
@@ -29959,7 +30018,7 @@ snapshots:
 
   storybook-solidjs-vite@1.0.0-beta.7(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(esbuild@0.25.5)(rollup@4.40.2)(solid-js@1.9.6)(storybook@8.6.12(prettier@3.5.3))(vite-plugin-solid@2.11.6(@testing-library/jest-dom@6.5.0)(solid-js@1.9.6)(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5)):
     dependencies:
-      '@storybook/builder-vite': 10.0.0-rc.2(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/builder-vite': 10.1.0-alpha.0(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       '@storybook/types': 9.0.0-alpha.1(storybook@8.6.12(prettier@3.5.3))
       magic-string: 0.30.17
       solid-js: 1.9.6

From d77c1812ed1f68e6724ad0ce744ddee525df3758 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Wed, 29 Oct 2025 19:37:47 +0300
Subject: [PATCH 07/23] comment out metric select

---
 apps/web/app/(org)/dashboard/analytics/components/Header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
index 637302b3e2..eab2d82c00 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -13,7 +13,7 @@ export default function Header() {
 				onOpenChange={setOpenCompareDataDialog}
 			/>
 			<div className="flex gap-2 items-center">
-				<Select
+				{/* <Select
 					variant="dark"
 					size="fit"
 					options={[
@@ -23,7 +23,7 @@ export default function Header() {
 					]}
 					onValueChange={() => {}}
 					placeholder="Metric"
-				/>
+				/> */}
 				<Select
 					variant="dark"
 					size="fit"

From c760b8d99430d3b28ceb58122282b418b375cdca Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Fri, 31 Oct 2025 14:51:08 +0300
Subject: [PATCH 08/23] make select look better

---
 .../dashboard/analytics/components/Header.tsx | 18 ++---
 .../analytics/components/TableCard.tsx        | 28 ++++++--
 packages/ui/src/components/Select.tsx         | 65 +++++++++++++------
 3 files changed, 74 insertions(+), 37 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
index eab2d82c00..a203976624 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -3,6 +3,8 @@
 import { Button, Select } from "@cap/ui";
 import { useState } from "react";
 import { CompareDataDialog } from "./CompareDataDialog";
+import { faCalendar } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function Header() {
 	const [openCompareDataDialog, setOpenCompareDataDialog] = useState(false);
@@ -13,20 +15,10 @@ export default function Header() {
 				onOpenChange={setOpenCompareDataDialog}
 			/>
 			<div className="flex gap-2 items-center">
-				{/* <Select
-					variant="dark"
-					size="fit"
-					options={[
-						{ value: "views", label: "Views" },
-						{ value: "comments", label: "Comments" },
-						{ value: "reactions", label: "Reactions" },
-					]}
-					onValueChange={() => {}}
-					placeholder="Metric"
-				/> */}
 				<Select
-					variant="dark"
-					size="fit"
+					variant="light"
+					icon={<FontAwesomeIcon icon={faCalendar} />}
+					size="md"
 					options={[
 						{ value: "24_hours", label: "24 hours" },
 						{ value: "7_days", label: "7 days" },
diff --git a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
index c960107bc1..f9e50cbb6f 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
@@ -1,5 +1,6 @@
 import {
 	LogoBadge,
+	Select,
 	Table,
 	TableBody,
 	TableCell,
@@ -11,7 +12,9 @@ import {
 	faAppleWhole,
 	faDesktop,
 	faMobileScreen,
+	faFilter,
 	faTablet,
+	faDownLong,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
@@ -120,7 +123,22 @@ const TableCard = ({
 }: TableCardProps) => {
 	return (
 		<div className="p-5 w-full rounded-xl border bg-gray-2 border-gray-4">
-			<p className="text-lg font-medium text-gray-12">{title}</p>
+			<div className="flex flex-1 gap-2 justify-between items-center h-[48px]">
+				<p className="text-lg font-medium text-gray-12">{title}</p>
+				<Select
+					variant="light"
+					icon={<FontAwesomeIcon icon={faFilter} />}
+					size="md"
+					options={[
+						{ label: "Views", value: "views_desc" },
+						{ label: "Comments", value: "comments_desc" },
+						{ label: "Reactions", value: "reactions_desc" },
+						{ label: "Percentage", value: "percentage_desc" },
+					]}
+					onValueChange={() => {}}
+					placeholder="Sort by"
+				/>
+			</div>
 			<div className="w-full">
 				<Table
 					className={clsx(
@@ -159,16 +177,16 @@ const TableCard = ({
 											<span className="truncate">{row.name}</span>
 										</div>
 									</TableCell>
-									<TableCell className="p-2.5 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+									<TableCell className="py-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
 										{row.views}
 									</TableCell>
-									<TableCell className="p-2.5 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+									<TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
 										{row.comments}
 									</TableCell>
-									<TableCell className="p-2.5 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+									<TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
 										{row.reactions}
 									</TableCell>
-									<TableCell className="p-2.5 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+									<TableCell className="p-2.5 px-3 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
 										{row.percentage}
 									</TableCell>
 								</TableRow>
diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx
index 0840309ce7..c635710439 100644
--- a/packages/ui/src/components/Select.tsx
+++ b/packages/ui/src/components/Select.tsx
@@ -5,20 +5,21 @@ import { cva, cx } from "class-variance-authority";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import * as React from "react";
 
-type SelectVariant = "default" | "dark" | "gray" | "transparent";
+type SelectVariant = "default" | "light" | "dark" | "gray" | "transparent"
+type Size = "default" | "fit" | "sm" | "md" | "lg"
 
 const SelectVariantContext = React.createContext<SelectVariant>("default");
 
 const selectTriggerVariants = cva(
 	cx(
-		"font-medium flex px-4 py-2 transition-all duration-200 text-sm outline-0",
-		"rounded-xl border-[1px] items-center justify-between gap-2 whitespace-nowrap",
+		"font-medium flex transition-all duration-200 text-[13px] outline-0",
+		"border-[1px] items-center justify-between gap-2 whitespace-nowrap",
 		"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-gray-3 disabled:text-gray-9",
-		"ring-0 ring-gray-12 ring-offset-0 data-[state=open]:ring-offset-2 ring-offset-gray-1 data-[state=open]:ring-1",
-		"data-[placeholder]:text-gray-1 data-[size=default]:h-[44px] data-[size=sm]:h-[40px]",
+		"ring-0 ring-gray-6 ring-offset-gray-6 data-[state=open]:border-gray-7 data-[state=open]:ring-gray-7 data-[state=open]:ring-1 data-[state=open]:ring-offset-0",
+		"data-[placeholder]:text-gray-12",
 		"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
 		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:transition-transform [&_svg]:duration-200",
-		"[&[data-state=open]_svg]:rotate-180",
+		"[&[data-state=open]_svg.caret-icon]:rotate-180",
 	),
 	{
 		defaultVariants: {
@@ -30,15 +31,17 @@ const selectTriggerVariants = cva(
 				default:
 					"bg-gray-2 border-gray-5 text-gray-12 hover:bg-gray-3 hover:border-gray-6",
 				dark: "bg-gray-12 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-1 border-gray-5 hover:bg-gray-11 hover:border-gray-6",
-				white:
-					"bg-gray-1 text-gray-12 border-gray-5 hover:bg-gray-3 hover:border-gray-6",
+				light: "bg-gray-1 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-12 border-gray-5 hover:bg-gray-3 hover:border-gray-6",
 				gray: "bg-gray-5 text-gray-12 border-gray-5 hover:bg-gray-7 hover:border-gray-6",
 				transparent:
 					"bg-transparent text-gray-12 border-transparent hover:bg-gray-3 hover:border-gray-6",
 			},
 			size: {
-				default: "w-full",
-				fit: "w-fit",
+				default: "w-full h-[44px] px-4 rounded-xl",
+				fit: "w-fit h-[32px] px-3 rounded-[10px]",
+				sm: "w-fit h-[32px] px-3 rounded-[10px]",
+				md: "w-fit h-[40px] px-3 rounded-xl",
+				lg: "w-fit h-[48px] px-4 rounded-xl",
 			},
 		},
 	},
@@ -62,6 +65,7 @@ const selectContentVariants = cva(
 			variant: {
 				default: "bg-gray-2 border-gray-5 text-gray-12",
 				dark: "hover:bg-gray-11-50 bg-gray-12 dark-button-border dark-button-shadow text-gray-1 border-gray-5",
+				light: "bg-gray-1 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-12 border-gray-5",
 				gray: "bg-gray-5 text-gray-12 border-gray-5",
 				transparent:
 					"bg-transparent hover:bg-gray-3 text-gray-12 border-transparent",
@@ -85,6 +89,7 @@ const selectItemVariants = cva(
 			variant: {
 				default: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
 				dark: "text-gray-1 hover:text-gray-12 focus:text-gray-12 hover:bg-gray-1 focus:bg-gray-1",
+				light: "text-gray-12 hover:text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
 				gray: "text-gray-12 hover:text-gray-12 hover:bg-gray-6 focus:bg-gray-6",
 				transparent:
 					"text-gray-12 hover:text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
@@ -98,6 +103,7 @@ function Select({
 	variant = "default",
 	size = "default",
 	options,
+	icon,
 	placeholder,
 	onValueChange,
 	value,
@@ -108,11 +114,13 @@ function Select({
 	options: {
 		value: string;
 		label: string;
+		icon?: React.ReactNode;
 		image?: React.ReactNode;
 	}[];
 	onValueChange: (value: string) => void;
 	placeholder: string;
-	size?: "default" | "fit";
+	size?: Size;
+	icon?: React.ReactNode;
 }) {
 	return (
 		<SelectRoot
@@ -121,14 +129,14 @@ function Select({
 			data-slot="select"
 			{...props}
 		>
-			<SelectTrigger variant={variant} size={size} className={className}>
+			<SelectTrigger variant={variant} size={size} className={className} icon={icon}>
 				<SelectValue className="text-sm" placeholder={placeholder} />
 			</SelectTrigger>
-			<SelectContent className="mt-2" variant={variant}>
+			<SelectContent variant={variant}>
 				{options.map((option) => (
-					<SelectItem key={option.value} value={option.value}>
-						<div className="flex gap-2 items-center">
-							{option.image}
+					<SelectItem key={option.value} value={option.value} icon={option.icon}>
+						<div className="flex items-center">
+							{option.image && option.image}
 							{option.label}
 						</div>
 					</SelectItem>
@@ -158,14 +166,23 @@ function SelectValue({
 
 function SelectTrigger({
 	className,
+	icon,
 	size = "default",
 	variant = "default",
 	children,
 	...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-	size?: "default" | "fit";
+	size?: Size;
 	variant?: SelectVariant;
+	icon?: React.ReactNode;
 }) {
+		const iconSizeVariant = {
+		default: "size-2.5",
+		fit: "size-2",
+		sm: "size-2",
+		md: "size-3",
+		lg: "size-3",
+	}
 	return (
 		<SelectPrimitive.Trigger
 			data-slot="select-trigger"
@@ -173,9 +190,10 @@ function SelectTrigger({
 			className={cx(selectTriggerVariants({ size, variant }), className)}
 			{...props}
 		>
+			{icon && React.cloneElement(icon as React.ReactElement<{ className: string }>, { className: cx(iconSizeVariant[size], "text-gray-9") })}
 			{children}
 			<SelectPrimitive.Icon asChild>
-				<ChevronDownIcon className="opacity-50 size-4" />
+				<ChevronDownIcon className="opacity-50 size-4 caret-icon" />
 			</SelectPrimitive.Icon>
 		</SelectPrimitive.Trigger>
 	);
@@ -186,6 +204,7 @@ function SelectContent({
 	children,
 	position = "popper",
 	variant = "default",
+	sideOffset = 4,
 	...props
 }: React.ComponentProps<typeof SelectPrimitive.Content> & {
 	variant?: SelectVariant;
@@ -196,6 +215,7 @@ function SelectContent({
 				data-slot="select-content"
 				className={cx(selectContentVariants({ variant }), className)}
 				position={position}
+				sideOffset={sideOffset}
 				{...props}
 			>
 				<SelectScrollUpButton />
@@ -232,8 +252,11 @@ function SelectLabel({
 function SelectItem({
 	className,
 	children,
+	icon,
 	...props
-}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+}: React.ComponentProps<typeof SelectPrimitive.Item> & {
+	icon?: React.ReactNode;
+}) {
 	const variant = React.useContext(SelectVariantContext);
 
 	return (
@@ -242,12 +265,16 @@ function SelectItem({
 			className={cx(selectItemVariants({ variant }), className)}
 			{...props}
 		>
+			
 			<span className="absolute right-2 flex size-3.5 items-center justify-center">
 				<SelectPrimitive.ItemIndicator>
 					<CheckIcon className="size-4" />
 				</SelectPrimitive.ItemIndicator>
 			</span>
+			<div className="flex justify-between items-center w-full">
 			<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+			{icon && React.cloneElement(icon as React.ReactElement<{ className: string }>, { className: cx("size-3", "text-gray-9") })}
+			</div>
 		</SelectPrimitive.Item>
 	);
 }

From 510e69eb0393e3b9343ccdcc8bae29fb53cacc5f Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Fri, 31 Oct 2025 14:52:33 +0300
Subject: [PATCH 09/23] gap

---
 packages/ui/src/components/Select.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx
index c635710439..254072ddf6 100644
--- a/packages/ui/src/components/Select.tsx
+++ b/packages/ui/src/components/Select.tsx
@@ -135,7 +135,7 @@ function Select({
 			<SelectContent variant={variant}>
 				{options.map((option) => (
 					<SelectItem key={option.value} value={option.value} icon={option.icon}>
-						<div className="flex items-center">
+						<div className="flex gap-2 items-center">
 							{option.image && option.image}
 							{option.label}
 						</div>

From 3d68b305c57625d51923e3518139a5a605ad0926 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Wed, 5 Nov 2025 11:12:43 +0300
Subject: [PATCH 10/23] Update pnpm-lock.yaml

---
 pnpm-lock.yaml | 493 +++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 412 insertions(+), 81 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3aac1e6ff4..43a414bfa6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -389,6 +389,12 @@ importers:
       '@deepgram/sdk':
         specifier: ^3.3.4
         version: 3.13.0(encoding@0.1.13)
+      '@dnd-kit/core':
+        specifier: ^6.3.1
+        version: 6.3.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@dnd-kit/utilities':
+        specifier: ^3.2.2
+        version: 3.2.2(react@19.1.1)
       '@dub/analytics':
         specifier: ^0.0.27
         version: 0.0.27
@@ -554,6 +560,9 @@ importers:
       cookies-next:
         specifier: ^4.1.0
         version: 4.3.0
+      country-flag-icons:
+        specifier: ^1.5.21
+        version: 1.5.21
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
@@ -665,6 +674,9 @@ importers:
       react-tooltip:
         specifier: ^5.26.3
         version: 5.28.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      recharts:
+        specifier: ^3.3.0
+        version: 3.3.0(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react-is@17.0.2)(react@19.1.1)(redux@5.0.1)
       resend:
         specifier: 4.6.0
         version: 4.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -2060,6 +2072,22 @@ packages:
     resolution: {integrity: sha512-KrkT6qO5NxqNfy68sBl6CTSoJ4SNDIS5iQArkibhlbGU4LaDukZ3q2HIkh8aUKDio6o4itU4xDR7t82Y2eP1Bg==}
     engines: {node: '>=14'}
 
+  '@dnd-kit/accessibility@3.1.1':
+    resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==}
+    peerDependencies:
+      react: '>=16.8.0'
+
+  '@dnd-kit/core@6.3.1':
+    resolution: {integrity: sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@dnd-kit/utilities@3.2.2':
+    resolution: {integrity: sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==}
+    peerDependencies:
+      react: '>=16.8.0'
+
   '@drizzle-team/brocli@0.10.2':
     resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
 
@@ -4279,8 +4307,8 @@ packages:
   '@oxc-project/types@0.94.0':
     resolution: {integrity: sha512-+UgQT/4o59cZfH6Cp7G0hwmqEQ0wE+AdIwhikdwnhWI9Dp8CgSY081+Q3O67/wq3VJu8mgUEB93J9EHHn70fOw==}
 
-  '@oxc-project/types@0.95.0':
-    resolution: {integrity: sha512-vACy7vhpMPhjEJhULNxrdR0D943TkA/MigMpJCHmBHvMXxRStRi/dPtTlfQ3uDwWSzRpT8z+7ImjZVf8JWBocQ==}
+  '@oxc-project/types@0.96.0':
+    resolution: {integrity: sha512-r/xkmoXA0xEpU6UGtn18CNVjXH6erU3KCpCDbpLmbVxBFor1U9MqN5Z2uMmCHJuXjJzlnDR+hWY+yPoLo8oHDw==}
 
   '@panva/hkdf@1.2.1':
     resolution: {integrity: sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==}
@@ -5183,6 +5211,17 @@ packages:
     peerDependencies:
       react: ^18.0 || ^19.0 || ^19.0.0-rc
 
+  '@reduxjs/toolkit@2.10.1':
+    resolution: {integrity: sha512-/U17EXQ9Do9Yx4DlNGU6eVNfZvFJfYpUtRRdLf19PbPjdWBxNlxGZXywQZ1p1Nz8nMkWplTI7iD/23m07nolDA==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
   '@remix-run/router@1.23.0':
     resolution: {integrity: sha512-O3rHJzAQKamUz1fvE0Qaw0xSFqsA/yafi2iqeE0pvdFtCO1viYx8QL6f3Ln/aCCTLxs68SLf0KPM9eSeM8yBnA==}
     engines: {node: '>=14.0.0'}
@@ -5210,8 +5249,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.45':
-    resolution: {integrity: sha512-bfgKYhFiXJALeA/riil908+2vlyWGdwa7Ju5S+JgWZYdR4jtiPOGdM6WLfso1dojCh+4ZWeiTwPeV9IKQEX+4g==}
+  '@rolldown/binding-android-arm64@1.0.0-beta.47':
+    resolution: {integrity: sha512-vPP9/MZzESh9QtmvQYojXP/midjgkkc1E4AdnPPAzQXo668ncHJcVLKjJKzoBdsQmaIvNjrMdsCwES8vTQHRQw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
@@ -5222,8 +5261,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.45':
-    resolution: {integrity: sha512-xjCv4CRVsSnnIxTuyH1RDJl5OEQ1c9JYOwfDAHddjJDxCw46ZX9q80+xq7Eok7KC4bRSZudMJllkvOKv0T9SeA==}
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.47':
+    resolution: {integrity: sha512-Lc3nrkxeaDVCVl8qR3qoxh6ltDZfkQ98j5vwIr5ALPkgjZtDK4BGCrrBoLpGVMg+csWcaqUbwbKwH5yvVa0oOw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
@@ -5234,8 +5273,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.45':
-    resolution: {integrity: sha512-ddcO9TD3D/CLUa/l8GO8LHzBOaZqWg5ClMy3jICoxwCuoz47h9dtqPsIeTiB6yR501LQTeDsjA4lIFd7u3Ljfw==}
+  '@rolldown/binding-darwin-x64@1.0.0-beta.47':
+    resolution: {integrity: sha512-eBYxQDwP0O33plqNVqOtUHqRiSYVneAknviM5XMawke3mwMuVlAsohtOqEjbCEl/Loi/FWdVeks5WkqAkzkYWQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
@@ -5246,8 +5285,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.45':
-    resolution: {integrity: sha512-MBTWdrzW9w+UMYDUvnEuh0pQvLENkl2Sis15fHTfHVW7ClbGuez+RWopZudIDEGkpZXdeI4CkRXk+vdIIebrmg==}
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.47':
+    resolution: {integrity: sha512-Ns+kgp2+1Iq/44bY/Z30DETUSiHY7ZuqaOgD5bHVW++8vme9rdiWsN4yG4rRPXkdgzjvQ9TDHmZZKfY4/G11AA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
@@ -5258,8 +5297,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.45':
-    resolution: {integrity: sha512-4YgoCFiki1HR6oSg+GxxfzfnVCesQxLF1LEnw9uXS/MpBmuog0EOO2rYfy69rWP4tFZL9IWp6KEfGZLrZ7aUog==}
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.47':
+    resolution: {integrity: sha512-4PecgWCJhTA2EFOlptYJiNyVP2MrVP4cWdndpOu3WmXqWqZUmSubhb4YUAIxAxnXATlGjC1WjxNPhV7ZllNgdA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
@@ -5270,8 +5309,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.45':
-    resolution: {integrity: sha512-LE1gjAwQRrbCOorJJ7LFr10s5vqYf5a00V5Ea9wXcT2+56n5YosJkcp8eQ12FxRBv2YX8dsdQJb+ZTtYJwb6XQ==}
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.47':
+    resolution: {integrity: sha512-CyIunZ6D9U9Xg94roQI1INt/bLkOpPsZjZZkiaAZ0r6uccQdICmC99M9RUPlMLw/qg4yEWLlQhG73W/mG437NA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5282,8 +5321,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.45':
-    resolution: {integrity: sha512-tdy8ThO/fPp40B81v0YK3QC+KODOmzJzSUOO37DinQxzlTJ026gqUSOM8tzlVixRbQJltgVDCTYF8HNPRErQTA==}
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.47':
+    resolution: {integrity: sha512-doozc/Goe7qRCSnzfJbFINTHsMktqmZQmweull6hsZZ9sjNWQ6BWQnbvOlfZJe4xE5NxM1NhPnY5Giqnl3ZrYQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5294,8 +5333,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.45':
-    resolution: {integrity: sha512-lS082ROBWdmOyVY/0YB3JmsiClaWoxvC+dA8/rbhyB9VLkvVEaihLEOr4CYmrMse151C4+S6hCw6oa1iewox7g==}
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.47':
+    resolution: {integrity: sha512-fodvSMf6Aqwa0wEUSTPewmmZOD44rc5Tpr5p9NkwQ6W1SSpUKzD3SwpJIgANDOhwiYhDuiIaYPGB7Ujkx1q0UQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5306,8 +5345,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.45':
-    resolution: {integrity: sha512-Hi73aYY0cBkr1/SvNQqH8Cd+rSV6S9RB5izCv0ySBcRnd/Wfn5plguUoGYwBnhHgFbh6cPw9m2dUVBR6BG1gxA==}
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.47':
+    resolution: {integrity: sha512-Rxm5hYc0mGjwLh5sjlGmMygxAaV2gnsx7CNm2lsb47oyt5UQyPDZf3GP/ct8BEcwuikdqzsrrlIp8+kCSvMFNQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5318,8 +5357,8 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.45':
-    resolution: {integrity: sha512-fljEqbO7RHHogNDxYtTzr+GNjlfOx21RUyGmF+NrkebZ8emYYiIqzPxsaMZuRx0rgZmVmliOzEp86/CQFDKhJQ==}
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.47':
+    resolution: {integrity: sha512-YakuVe+Gc87jjxazBL34hbr8RJpRuFBhun7NEqoChVDlH5FLhLXjAPHqZd990TVGVNkemourf817Z8u2fONS8w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
@@ -5329,8 +5368,8 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.45':
-    resolution: {integrity: sha512-ZJDB7lkuZE9XUnWQSYrBObZxczut+8FZ5pdanm8nNS1DAo8zsrPuvGwn+U3fwU98WaiFsNrA4XHngesCGr8tEQ==}
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.47':
+    resolution: {integrity: sha512-ak2GvTFQz3UAOw8cuQq8pWE+TNygQB6O47rMhvevvTzETh7VkHRFtRUwJynX5hwzFvQMP6G0az5JrBGuwaMwYQ==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
@@ -5340,8 +5379,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.45':
-    resolution: {integrity: sha512-zyzAjItHPUmxg6Z8SyRhLdXlJn3/D9KL5b9mObUrBHhWS/GwRH4665xCiFqeuktAhhWutqfc+rOV2LjK4VYQGQ==}
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.47':
+    resolution: {integrity: sha512-o5BpmBnXU+Cj+9+ndMcdKjhZlPb79dVPBZnWwMnI4RlNSSq5yOvFZqvfPYbyacvnW03Na4n5XXQAPhu3RydZ0w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
@@ -5352,8 +5391,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.45':
-    resolution: {integrity: sha512-wODcGzlfxqS6D7BR0srkJk3drPwXYLu7jPHN27ce2c4PUnVVmJnp9mJzUQGT4LpmHmmVdMZ+P6hKvyTGBzc1CA==}
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.47':
+    resolution: {integrity: sha512-FVOmfyYehNE92IfC9Kgs913UerDog2M1m+FADJypKz0gmRg3UyTt4o1cZMCAl7MiR89JpM9jegNO1nXuP1w1vw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
@@ -5364,8 +5403,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.45':
-    resolution: {integrity: sha512-wiU40G1nQo9rtfvF9jLbl79lUgjfaD/LTyUEw2Wg/gdF5OhjzpKMVugZQngO+RNdwYaNj+Fs+kWBWfp4VXPMHA==}
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.47':
+    resolution: {integrity: sha512-by/70F13IUE101Bat0oeH8miwWX5mhMFPk1yjCdxoTNHTyTdLgb0THNaebRM6AP7Kz+O3O2qx87sruYuF5UxHg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -5373,8 +5412,8 @@ packages:
   '@rolldown/pluginutils@1.0.0-beta.42':
     resolution: {integrity: sha512-N7pQzk9CyE7q0bBN/q0J8s6Db279r5kUZc6d7/wWRe9/zXqC52HQovVyu6iXPIDY4BEzzgbVLhVFXrOuGJ22ZQ==}
 
-  '@rolldown/pluginutils@1.0.0-beta.45':
-    resolution: {integrity: sha512-Le9ulGCrD8ggInzWw/k2J8QcbPz7eGIOWqfJ2L+1R0Opm7n6J37s2hiDWlh6LJN0Lk9L5sUzMvRHKW7UxBZsQA==}
+  '@rolldown/pluginutils@1.0.0-beta.47':
+    resolution: {integrity: sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==}
 
   '@rollup/plugin-alias@5.1.1':
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
@@ -6175,6 +6214,9 @@ packages:
   '@standard-schema/spec@1.0.0':
     resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
 
+  '@standard-schema/utils@0.3.0':
+    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
+
   '@storybook/addon-actions@8.6.12':
     resolution: {integrity: sha512-B5kfiRvi35oJ0NIo53CGH66H471A3XTzrfaa6SxXEJsgxxSeKScG5YeXcCvLiZfvANRQ7QDsmzPUgg0o3hdMXw==}
     peerDependencies:
@@ -6251,10 +6293,10 @@ packages:
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@10.1.0-alpha.3':
-    resolution: {integrity: sha512-bMgykL7QJCJREt0VyMBmTmEyxOkwssbOoKC6nMoJ8Ltnc8Sxr7g1nWSJyTnRvfrynCeUjJXQCKZOEw8LAzfSGA==}
+  '@storybook/builder-vite@10.1.0-alpha.5':
+    resolution: {integrity: sha512-7UCaQwTWzgj46aIVoqxhqRoQqyjuu+inU+PJ1lOtZW1FUQ7yzxo2+/I3bNzuo5qvnfyB55SB9g84Kvf7wMBdQg==}
     peerDependencies:
-      storybook: ^10.1.0-alpha.3
+      storybook: ^10.1.0-alpha.5
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
   '@storybook/core@8.6.12':
@@ -6265,12 +6307,12 @@ packages:
       prettier:
         optional: true
 
-  '@storybook/csf-plugin@10.1.0-alpha.3':
-    resolution: {integrity: sha512-0RBdc8R/iWdWTnHYvIfqWhdJWdRckLRPs2puu0xNOax3eX69zhPPXsx5XS6j1LCJYom3sNegX578HgkCu7snzg==}
+  '@storybook/csf-plugin@10.1.0-alpha.5':
+    resolution: {integrity: sha512-rRFLuEITBxQ7idQjHKJVvKdszWavxNSi+TwOpfjiWEiagQ59r+VRPLlfgp9P/3vvnSUEaPKTXwBBqkflFIPrWQ==}
     peerDependencies:
       esbuild: '*'
       rollup: '*'
-      storybook: ^10.1.0-alpha.3
+      storybook: ^10.1.0-alpha.5
       vite: '*'
       webpack: '*'
     peerDependenciesMeta:
@@ -6783,6 +6825,33 @@ packages:
   '@types/cors@2.8.19':
     resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.7':
+    resolution: {integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
@@ -6963,6 +7032,9 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
+  '@types/use-sync-external-store@0.0.6':
+    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
+
   '@types/uuid@9.0.8':
     resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
 
@@ -8218,6 +8290,9 @@ packages:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
 
+  country-flag-icons@1.5.21:
+    resolution: {integrity: sha512-0KmU4oeiyAM+F+atzK99ghQDQJKxEY3tiDhnRraVFL4o65rZgrmrx7xKi0b+hxcVpcEpuUbu+KCC6TKTZQTDcA==}
+
   cp-file@10.0.0:
     resolution: {integrity: sha512-vy2Vi1r2epK5WqxOLnskeKeZkdZvTKfFZQCplE3XWsP+SUJyd5XAUFC9lFgTjjXJF2GMne/UML14iEmkAaDfFg==}
     engines: {node: '>=14.16'}
@@ -8279,6 +8354,50 @@ packages:
   custom-media-element@1.4.2:
     resolution: {integrity: sha512-AM6FRWqJyW7pWTvXb4uJj6yvHE7C6UutdhJ5o3XO5NEl5aWFcfnpz8/TuW8qr1+/wfbj50wRvdArnSNjTmjmVw==}
 
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.0:
+    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
@@ -8396,6 +8515,9 @@ packages:
   decache@4.6.2:
     resolution: {integrity: sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==}
 
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
   decimal.js@10.5.0:
     resolution: {integrity: sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==}
 
@@ -8865,6 +8987,9 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
+  es-toolkit@1.41.0:
+    resolution: {integrity: sha512-bDd3oRmbVgqZCJS6WmeQieOrzpl3URcWBUVDXxOELlUW2FuW+0glPOz1n0KnRie+PdyvUZcXz2sOn00c6pPRIA==}
+
   esast-util-from-estree@2.0.0:
     resolution: {integrity: sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==}
 
@@ -9193,6 +9318,9 @@ packages:
   eventemitter3@4.0.7:
     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
   events@1.1.1:
     resolution: {integrity: sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw==}
     engines: {node: '>=0.4.x'}
@@ -9885,6 +10013,9 @@ packages:
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
@@ -9933,6 +10064,10 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ioredis@5.6.1:
     resolution: {integrity: sha512-UxC0Yv1Y4WRJiGQxQkP0hfdL0/5/6YvdfOOClRgJ0qppSarkhneSa6UvkMkms0AkdGimSH3Ikqm+6mkMmX7vGA==}
     engines: {node: '>=12.22.0'}
@@ -11919,6 +12054,18 @@ packages:
   react-promise-suspense@0.3.4:
     resolution: {integrity: sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ==}
 
+  react-redux@9.2.0:
+    resolution: {integrity: sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==}
+    peerDependencies:
+      '@types/react': ^18.2.25 || ^19
+      react: ^18.0 || ^19
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      redux:
+        optional: true
+
   react-refresh@0.17.0:
     resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
     engines: {node: '>=0.10.0'}
@@ -12044,6 +12191,14 @@ packages:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
+  recharts@3.3.0:
+    resolution: {integrity: sha512-Vi0qmTB0iz1+/Cz9o5B7irVyUjX2ynvEgImbgMt/3sKRREcUM07QiYjS1QpAVrkmVlXqy5gykq4nGWMz9AS4Rg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   recma-build-jsx@1.0.0:
     resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
 
@@ -12068,6 +12223,14 @@ packages:
     resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
     engines: {node: '>=4'}
 
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -12135,6 +12298,9 @@ packages:
   requires-port@1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
 
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
   resend@4.6.0:
     resolution: {integrity: sha512-D5T2I82FvEUYFlrHzaDvVtr5ADHdhuoLaXgLFGABKyNtQgPWIuz0Vp2L2Evx779qjK37aF4kcw1yXJDHhA2JnQ==}
     engines: {node: '>=18'}
@@ -12206,8 +12372,8 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
-  rolldown@1.0.0-beta.45:
-    resolution: {integrity: sha512-iMmuD72XXLf26Tqrv1cryNYLX6NNPLhZ3AmNkSf8+xda0H+yijjGJ+wVT9UdBUHOpKzq9RjKtQKRCWoEKQQBZQ==}
+  rolldown@1.0.0-beta.47:
+    resolution: {integrity: sha512-Mid74GckX1OeFAOYz9KuXeWYhq3xkXbMziYIC+ULVdUzPTG9y70OBSBQDQn9hQP8u/AfhuYw1R0BSg15nBI4Dg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -13642,6 +13808,9 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
+  victory-vendor@37.3.6:
+    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+
   vinxi@0.5.6:
     resolution: {integrity: sha512-K9zaoHEdLXSVw3akoKcpRaRaGNZcXAnB0XBcke74y0FbXqcR3+rlFxOH/Pi3Maq3K7wAPBGyE91HW0lATfv5Kg==}
     hasBin: true
@@ -15698,6 +15867,24 @@ snapshots:
       gonzales-pe: 4.3.0
       node-source-walk: 6.0.2
 
+  '@dnd-kit/accessibility@3.1.1(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      tslib: 2.8.1
+
+  '@dnd-kit/core@6.3.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@dnd-kit/accessibility': 3.1.1(react@19.1.1)
+      '@dnd-kit/utilities': 3.2.2(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      tslib: 2.8.1
+
+  '@dnd-kit/utilities@3.2.2(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      tslib: 2.8.1
+
   '@drizzle-team/brocli@0.10.2': {}
 
   '@dub/analytics@0.0.27':
@@ -17762,7 +17949,7 @@ snapshots:
 
   '@oxc-project/types@0.94.0': {}
 
-  '@oxc-project/types@0.95.0': {}
+  '@oxc-project/types@0.96.0': {}
 
   '@panva/hkdf@1.2.1': {}
 
@@ -18702,6 +18889,18 @@ snapshots:
     dependencies:
       react: 19.1.1
 
+  '@reduxjs/toolkit@2.10.1(react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1))(react@19.1.1)':
+    dependencies:
+      '@standard-schema/spec': 1.0.0
+      '@standard-schema/utils': 0.3.0
+      immer: 10.2.0
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.1.1
+    optionalDependencies:
+      react: 19.1.1
+      react-redux: 9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1)
+
   '@remix-run/router@1.23.0': {}
 
   '@remotion/licensing@4.0.298': {}
@@ -18723,61 +18922,61 @@ snapshots:
   '@rolldown/binding-android-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.45':
+  '@rolldown/binding-android-arm64@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-darwin-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.45':
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-darwin-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.45':
+  '@rolldown/binding-darwin-x64@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-freebsd-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.45':
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.45':
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.45':
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-linux-arm64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.45':
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-linux-x64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.45':
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-linux-x64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.45':
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-openharmony-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.45':
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-wasm32-wasi@1.0.0-beta.42':
@@ -18785,7 +18984,7 @@ snapshots:
       '@napi-rs/wasm-runtime': 1.0.6
     optional: true
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.45':
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.47':
     dependencies:
       '@napi-rs/wasm-runtime': 1.0.7
     optional: true
@@ -18793,24 +18992,24 @@ snapshots:
   '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.45':
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.45':
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.47':
     optional: true
 
   '@rolldown/binding-win32-x64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.45':
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.47':
     optional: true
 
   '@rolldown/pluginutils@1.0.0-beta.42': {}
 
-  '@rolldown/pluginutils@1.0.0-beta.45': {}
+  '@rolldown/pluginutils@1.0.0-beta.47': {}
 
   '@rollup/plugin-alias@5.1.1(rollup@4.40.2)':
     optionalDependencies:
@@ -19828,6 +20027,8 @@ snapshots:
 
   '@standard-schema/spec@1.0.0': {}
 
+  '@standard-schema/utils@0.3.0': {}
+
   '@storybook/addon-actions@8.6.12(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
@@ -19932,9 +20133,9 @@ snapshots:
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
 
-  '@storybook/builder-vite@10.1.0-alpha.3(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/builder-vite@10.1.0-alpha.5(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
-      '@storybook/csf-plugin': 10.1.0-alpha.3(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/csf-plugin': 10.1.0-alpha.5(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
       vite: 6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)
@@ -19964,7 +20165,7 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@10.1.0-alpha.3(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/csf-plugin@10.1.0-alpha.5(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
       storybook: 8.6.12(prettier@3.5.3)
       unplugin: 2.3.10
@@ -20528,6 +20729,30 @@ snapshots:
     dependencies:
       '@types/node': 20.17.43
 
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-shape@3.1.7':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 2.1.0
@@ -20729,6 +20954,8 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
+  '@types/use-sync-external-store@0.0.6': {}
+
   '@types/uuid@9.0.8': {}
 
   '@types/yauzl@2.10.3':
@@ -22189,6 +22416,8 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
+  country-flag-icons@1.5.21: {}
+
   cp-file@10.0.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -22249,6 +22478,44 @@ snapshots:
 
   custom-media-element@1.4.2: {}
 
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-color@3.1.0: {}
+
+  d3-ease@3.0.1: {}
+
+  d3-format@3.1.0: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@3.1.0: {}
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.0
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
   damerau-levenshtein@1.0.8: {}
 
   data-uri-to-buffer@2.0.2: {}
@@ -22322,6 +22589,8 @@ snapshots:
     dependencies:
       callsite: 1.0.0
 
+  decimal.js-light@2.5.1: {}
+
   decimal.js@10.5.0: {}
 
   decode-named-character-reference@1.1.0:
@@ -22755,6 +23024,8 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  es-toolkit@1.41.0: {}
+
   esast-util-from-estree@2.0.0:
     dependencies:
       '@types/estree-jsx': 1.0.5
@@ -23481,6 +23752,8 @@ snapshots:
 
   eventemitter3@4.0.7: {}
 
+  eventemitter3@5.0.1: {}
+
   events@1.1.1: {}
 
   events@3.3.0: {}
@@ -24303,6 +24576,8 @@ snapshots:
 
   immediate@3.0.6: {}
 
+  immer@10.2.0: {}
+
   import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
@@ -24344,6 +24619,8 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
+  internmap@2.0.3: {}
+
   ioredis@5.6.1:
     dependencies:
       '@ioredis/commands': 1.2.0
@@ -26674,6 +26951,15 @@ snapshots:
     dependencies:
       fast-deep-equal: 2.0.1
 
+  react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1):
+    dependencies:
+      '@types/use-sync-external-store': 0.0.6
+      react: 19.1.1
+      use-sync-external-store: 1.5.0(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      redux: 5.0.1
+
   react-refresh@0.17.0: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.1.13)(react@19.1.1):
@@ -26816,6 +27102,26 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
+  recharts@3.3.0(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react-is@17.0.2)(react@19.1.1)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.10.1(react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1))(react@19.1.1)
+      clsx: 2.1.1
+      decimal.js-light: 2.5.1
+      es-toolkit: 1.41.0
+      eventemitter3: 5.0.1
+      immer: 10.2.0
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-is: 17.0.2
+      react-redux: 9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1)
+      reselect: 5.1.1
+      tiny-invariant: 1.3.3
+      use-sync-external-store: 1.5.0(react@19.1.1)
+      victory-vendor: 37.3.6
+    transitivePeerDependencies:
+      - '@types/react'
+      - redux
+
   recma-build-jsx@1.0.0:
     dependencies:
       '@types/estree': 1.0.8
@@ -26857,6 +27163,12 @@ snapshots:
     dependencies:
       redis-errors: 1.2.0
 
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
+
+  redux@5.0.1: {}
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -26966,6 +27278,8 @@ snapshots:
 
   requires-port@1.0.0: {}
 
+  reselect@5.1.1: {}
+
   resend@4.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@react-email/render': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -27010,7 +27324,7 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.45)(typescript@5.8.3):
+  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.47)(typescript@5.8.3):
     dependencies:
       '@babel/generator': 7.28.3
       '@babel/parser': 7.28.4
@@ -27021,7 +27335,7 @@ snapshots:
       dts-resolver: 2.1.2
       get-tsconfig: 4.11.0
       magic-string: 0.30.19
-      rolldown: 1.0.0-beta.45
+      rolldown: 1.0.0-beta.47
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -27049,25 +27363,25 @@ snapshots:
       '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.42
       '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.42
 
-  rolldown@1.0.0-beta.45:
+  rolldown@1.0.0-beta.47:
     dependencies:
-      '@oxc-project/types': 0.95.0
-      '@rolldown/pluginutils': 1.0.0-beta.45
+      '@oxc-project/types': 0.96.0
+      '@rolldown/pluginutils': 1.0.0-beta.47
     optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.0.0-beta.45
-      '@rolldown/binding-darwin-arm64': 1.0.0-beta.45
-      '@rolldown/binding-darwin-x64': 1.0.0-beta.45
-      '@rolldown/binding-freebsd-x64': 1.0.0-beta.45
-      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.45
-      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.45
-      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.45
-      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.45
-      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.45
-      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.45
-      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.45
-      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.45
-      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.45
-      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.45
+      '@rolldown/binding-android-arm64': 1.0.0-beta.47
+      '@rolldown/binding-darwin-arm64': 1.0.0-beta.47
+      '@rolldown/binding-darwin-x64': 1.0.0-beta.47
+      '@rolldown/binding-freebsd-x64': 1.0.0-beta.47
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.47
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.47
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.47
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.47
+      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.47
+      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.47
+      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.47
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.47
+      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.47
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.47
 
   rollup-plugin-inject@3.0.2:
     dependencies:
@@ -27668,7 +27982,7 @@ snapshots:
 
   storybook-solidjs-vite@1.0.0-beta.7(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(esbuild@0.25.5)(rollup@4.40.2)(solid-js@1.9.6)(storybook@8.6.12(prettier@3.5.3))(vite-plugin-solid@2.11.6(@testing-library/jest-dom@6.5.0)(solid-js@1.9.6)(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5)):
     dependencies:
-      '@storybook/builder-vite': 10.1.0-alpha.3(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/builder-vite': 10.1.0-alpha.5(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       '@storybook/types': 9.0.0-alpha.1(storybook@8.6.12(prettier@3.5.3))
       magic-string: 0.30.17
       solid-js: 1.9.6
@@ -28214,8 +28528,8 @@ snapshots:
       diff: 8.0.2
       empathic: 2.0.0
       hookable: 5.5.3
-      rolldown: 1.0.0-beta.45
-      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.45)(typescript@5.8.3)
+      rolldown: 1.0.0-beta.47
+      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.47)(typescript@5.8.3)
       semver: 7.7.2
       tinyexec: 1.0.1
       tinyglobby: 0.2.15
@@ -28789,6 +29103,23 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
+  victory-vendor@37.3.6:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.7
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
   vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1):
     dependencies:
       '@babel/core': 7.27.1

From 2d86c89cea6726c74d6e003242ade1667ddf6519 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Wed, 12 Nov 2025 10:05:18 +0000
Subject: [PATCH 11/23] Update pnpm-lock.yaml

---
 pnpm-lock.yaml | 518 ++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 424 insertions(+), 94 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3c5f371c19..a74db17ba3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -115,7 +115,7 @@ importers:
         version: 0.14.10(solid-js@1.9.6)
       '@solidjs/start':
         specifier: ^1.1.3
-        version: 1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)
+        version: 1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)
       '@tanstack/solid-query':
         specifier: ^5.51.21
         version: 5.75.4(solid-js@1.9.6)
@@ -202,7 +202,7 @@ importers:
         version: 9.0.1
       vinxi:
         specifier: ^0.5.6
-        version: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+        version: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
       webcodecs:
         specifier: ^0.1.0
         version: 0.1.0
@@ -389,6 +389,12 @@ importers:
       '@deepgram/sdk':
         specifier: ^3.3.4
         version: 3.13.0(encoding@0.1.13)
+      '@dnd-kit/core':
+        specifier: ^6.3.1
+        version: 6.3.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@dnd-kit/utilities':
+        specifier: ^3.2.2
+        version: 3.2.2(react@19.1.1)
       '@dub/analytics':
         specifier: ^0.0.27
         version: 0.0.27
@@ -560,6 +566,9 @@ importers:
       cookies-next:
         specifier: ^4.1.0
         version: 4.3.0
+      country-flag-icons:
+        specifier: ^1.5.21
+        version: 1.5.21
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
@@ -671,6 +680,9 @@ importers:
       react-tooltip:
         specifier: ^5.26.3
         version: 5.28.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      recharts:
+        specifier: ^3.3.0
+        version: 3.4.1(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react-is@17.0.2)(react@19.1.1)(redux@5.0.1)
       resend:
         specifier: 4.6.0
         version: 4.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -2069,6 +2081,22 @@ packages:
     resolution: {integrity: sha512-KrkT6qO5NxqNfy68sBl6CTSoJ4SNDIS5iQArkibhlbGU4LaDukZ3q2HIkh8aUKDio6o4itU4xDR7t82Y2eP1Bg==}
     engines: {node: '>=14'}
 
+  '@dnd-kit/accessibility@3.1.1':
+    resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==}
+    peerDependencies:
+      react: '>=16.8.0'
+
+  '@dnd-kit/core@6.3.1':
+    resolution: {integrity: sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@dnd-kit/utilities@3.2.2':
+    resolution: {integrity: sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==}
+    peerDependencies:
+      react: '>=16.8.0'
+
   '@drizzle-team/brocli@0.10.2':
     resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
 
@@ -5192,6 +5220,17 @@ packages:
     peerDependencies:
       react: ^18.0 || ^19.0 || ^19.0.0-rc
 
+  '@reduxjs/toolkit@2.10.1':
+    resolution: {integrity: sha512-/U17EXQ9Do9Yx4DlNGU6eVNfZvFJfYpUtRRdLf19PbPjdWBxNlxGZXywQZ1p1Nz8nMkWplTI7iD/23m07nolDA==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
   '@remix-run/router@1.23.0':
     resolution: {integrity: sha512-O3rHJzAQKamUz1fvE0Qaw0xSFqsA/yafi2iqeE0pvdFtCO1viYx8QL6f3Ln/aCCTLxs68SLf0KPM9eSeM8yBnA==}
     engines: {node: '>=14.0.0'}
@@ -5219,8 +5258,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.47':
-    resolution: {integrity: sha512-vPP9/MZzESh9QtmvQYojXP/midjgkkc1E4AdnPPAzQXo668ncHJcVLKjJKzoBdsQmaIvNjrMdsCwES8vTQHRQw==}
+  '@rolldown/binding-android-arm64@1.0.0-beta.49':
+    resolution: {integrity: sha512-xKQEOmqOet0vFHt/aqcoQGWvoDJhfSO8EBhuST0CDnxQRmnVzbI8keeeX62vi53ZyICKZxczyfx4A8dUY3dqKw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
@@ -5231,8 +5270,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.47':
-    resolution: {integrity: sha512-Lc3nrkxeaDVCVl8qR3qoxh6ltDZfkQ98j5vwIr5ALPkgjZtDK4BGCrrBoLpGVMg+csWcaqUbwbKwH5yvVa0oOw==}
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.49':
+    resolution: {integrity: sha512-kN0N/8m8HUYO13PqlIwxcXD7fu2E6GKu0J4iH7wUJw3T3QK+nvrc20rxtTZ0J6sA1sGCE8UYvvvnurDwMUp0dg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
@@ -5243,8 +5282,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.47':
-    resolution: {integrity: sha512-eBYxQDwP0O33plqNVqOtUHqRiSYVneAknviM5XMawke3mwMuVlAsohtOqEjbCEl/Loi/FWdVeks5WkqAkzkYWQ==}
+  '@rolldown/binding-darwin-x64@1.0.0-beta.49':
+    resolution: {integrity: sha512-29qmvsgY2A4ymfy8sQkFFOFc13m04SLUcYn1iil41gpkYrAspBLkvsOQMHPCs3rQCOImgweT4tFotqTAonwphQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
@@ -5255,8 +5294,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.47':
-    resolution: {integrity: sha512-Ns+kgp2+1Iq/44bY/Z30DETUSiHY7ZuqaOgD5bHVW++8vme9rdiWsN4yG4rRPXkdgzjvQ9TDHmZZKfY4/G11AA==}
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.49':
+    resolution: {integrity: sha512-fY+esrHjgt6+RAnDPuUk39RvFNmYhJekGyC6wr0HWXGTBed07Feap9BrYINSh6x5xFlNpOPs6tImKnV0zVDuWQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
@@ -5267,8 +5306,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.47':
-    resolution: {integrity: sha512-4PecgWCJhTA2EFOlptYJiNyVP2MrVP4cWdndpOu3WmXqWqZUmSubhb4YUAIxAxnXATlGjC1WjxNPhV7ZllNgdA==}
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.49':
+    resolution: {integrity: sha512-oQNAqB+XrRM2AZaSPyudQETsPhzCZqgPICQu80fJuNyBFYoz6nonNNZtm3BJ9uP+HZfUk9NfOn9vPoCNuk6gAw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
@@ -5279,8 +5318,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.47':
-    resolution: {integrity: sha512-CyIunZ6D9U9Xg94roQI1INt/bLkOpPsZjZZkiaAZ0r6uccQdICmC99M9RUPlMLw/qg4yEWLlQhG73W/mG437NA==}
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.49':
+    resolution: {integrity: sha512-bJinAiuWUJvlBxPa8ZmRnWkmmAoUlSWtZT4pRkWi/QX3HlgHfUUbhF+d7aZLciai+iFfbiPqOwCL2tqNXXrUsA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5291,8 +5330,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.47':
-    resolution: {integrity: sha512-doozc/Goe7qRCSnzfJbFINTHsMktqmZQmweull6hsZZ9sjNWQ6BWQnbvOlfZJe4xE5NxM1NhPnY5Giqnl3ZrYQ==}
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.49':
+    resolution: {integrity: sha512-gwueY8EJU7afq5tNwKSjYy5JqTR/0MNzZfv6s5dX+rMgeUpTNhwIToLO1F41TPYEa+6LRTXUWG23DO/ONPzUJA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5303,8 +5342,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.47':
-    resolution: {integrity: sha512-fodvSMf6Aqwa0wEUSTPewmmZOD44rc5Tpr5p9NkwQ6W1SSpUKzD3SwpJIgANDOhwiYhDuiIaYPGB7Ujkx1q0UQ==}
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.49':
+    resolution: {integrity: sha512-VXYkjzzEZh5N5Ue1IEcBgL8RuJu5jWrIKmg8WY6hhCbnNJ1IOsObT4HFW+rE8ZaKNjoIXzImoiYi1UAkKiQRYA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5315,8 +5354,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.47':
-    resolution: {integrity: sha512-Rxm5hYc0mGjwLh5sjlGmMygxAaV2gnsx7CNm2lsb47oyt5UQyPDZf3GP/ct8BEcwuikdqzsrrlIp8+kCSvMFNQ==}
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.49':
+    resolution: {integrity: sha512-S5Yw6g/ftiW7MpNpnOM5vSIlDzGuohDY8y7VOI47+92HhO6WqsNfcMkDZXm3G5l6YIfUNStGBV86NWrzasp+sw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5327,8 +5366,8 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.47':
-    resolution: {integrity: sha512-YakuVe+Gc87jjxazBL34hbr8RJpRuFBhun7NEqoChVDlH5FLhLXjAPHqZd990TVGVNkemourf817Z8u2fONS8w==}
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.49':
+    resolution: {integrity: sha512-bhRoMO2oP46W1UDd/PTrSdoIYfvLS2jiFAned0SOzOO0tcait9u+b9i8h4ZugbT2IK4qUXNezovbHJs7hKJOEQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
@@ -5338,8 +5377,8 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.47':
-    resolution: {integrity: sha512-ak2GvTFQz3UAOw8cuQq8pWE+TNygQB6O47rMhvevvTzETh7VkHRFtRUwJynX5hwzFvQMP6G0az5JrBGuwaMwYQ==}
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.49':
+    resolution: {integrity: sha512-Owp6Y1RQ84UMOV8hrg5e1Fmu8Po1IUXWytAHUtPcc00+ty6Gr9g5GgLLw0oblu7QovBr4848ozvkMcEj3vDKgA==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
@@ -5349,8 +5388,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.47':
-    resolution: {integrity: sha512-o5BpmBnXU+Cj+9+ndMcdKjhZlPb79dVPBZnWwMnI4RlNSSq5yOvFZqvfPYbyacvnW03Na4n5XXQAPhu3RydZ0w==}
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.49':
+    resolution: {integrity: sha512-dnheX8aXsN9P12uwPOW3TVvqSnQ1cfjKQlYgU2dTkrRpnco0kTGvqE1nEWybGukTyuPdzVvrGElgSGEJ7crcSQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
@@ -5361,8 +5400,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.47':
-    resolution: {integrity: sha512-FVOmfyYehNE92IfC9Kgs913UerDog2M1m+FADJypKz0gmRg3UyTt4o1cZMCAl7MiR89JpM9jegNO1nXuP1w1vw==}
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.49':
+    resolution: {integrity: sha512-Blt1aODXiAuEdZBqHYXGJwVFlonXKkVEJy5hhxOgnAVi/0mzFNWDxc8qVlxl7dpQjQdboW/wXdgMHpTDfomicg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
@@ -5373,8 +5412,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.47':
-    resolution: {integrity: sha512-by/70F13IUE101Bat0oeH8miwWX5mhMFPk1yjCdxoTNHTyTdLgb0THNaebRM6AP7Kz+O3O2qx87sruYuF5UxHg==}
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.49':
+    resolution: {integrity: sha512-sSu4qUlL/62QJrR3P+Bd+EblD8tUpnovUz65qow3PA7YxH+f5NFDbCJMR1m5b8zBuVZwZIHfzbuawz+Vl34/xg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -5382,8 +5421,8 @@ packages:
   '@rolldown/pluginutils@1.0.0-beta.42':
     resolution: {integrity: sha512-N7pQzk9CyE7q0bBN/q0J8s6Db279r5kUZc6d7/wWRe9/zXqC52HQovVyu6iXPIDY4BEzzgbVLhVFXrOuGJ22ZQ==}
 
-  '@rolldown/pluginutils@1.0.0-beta.47':
-    resolution: {integrity: sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==}
+  '@rolldown/pluginutils@1.0.0-beta.49':
+    resolution: {integrity: sha512-HLlu3Qn3ePmNCbfehwKWXQMzX/2rzcL6Jmpo+Dl3xnq46TGMyJAgO+IsS8ka7IDLeD3wcoOhjJwxTdIdbrFhGw==}
 
   '@rollup/plugin-alias@5.1.1':
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
@@ -6184,6 +6223,9 @@ packages:
   '@standard-schema/spec@1.0.0':
     resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
 
+  '@standard-schema/utils@0.3.0':
+    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
+
   '@storybook/addon-actions@8.6.12':
     resolution: {integrity: sha512-B5kfiRvi35oJ0NIo53CGH66H471A3XTzrfaa6SxXEJsgxxSeKScG5YeXcCvLiZfvANRQ7QDsmzPUgg0o3hdMXw==}
     peerDependencies:
@@ -6260,10 +6302,10 @@ packages:
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@10.1.0-alpha.7':
-    resolution: {integrity: sha512-vSt4d6DpvMR84dk2Eeiqb1u0dXa3OzovJX5rAgmqq3E8y8BPCoAdvL0/UhohlzcKT0bH4qu9aXEsDqrqmK+11Q==}
+  '@storybook/builder-vite@10.1.0-alpha.8':
+    resolution: {integrity: sha512-RML4H68izGvwCp9OxZLW9+nVD5XvjiCwojshFdIfawZB4+pWu5D2NFcvmrwUskG4Hy9hBhH+Z/e1k185SXL1OA==}
     peerDependencies:
-      storybook: ^10.1.0-alpha.7
+      storybook: ^10.1.0-alpha.8
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
   '@storybook/core@8.6.12':
@@ -6274,12 +6316,12 @@ packages:
       prettier:
         optional: true
 
-  '@storybook/csf-plugin@10.1.0-alpha.7':
-    resolution: {integrity: sha512-Edhy4P01ENkUT0WTFA+3qkg0QfYIeD17hG+3tBuOlygUkEcuUB5rXTwcj5HCzLqWbFUjT6iM7EZuQZw1NycapA==}
+  '@storybook/csf-plugin@10.1.0-alpha.8':
+    resolution: {integrity: sha512-VjuPWd5oXLP6fXXKC0RSj7dPGoMt6f3AqFbn8WB/LqXYaRg5k/HGcGNWBUJ9RVq5arfwqR12HpAJkF2YaPzhOg==}
     peerDependencies:
       esbuild: '*'
       rollup: '*'
-      storybook: ^10.1.0-alpha.7
+      storybook: ^10.1.0-alpha.8
       vite: '*'
       webpack: '*'
     peerDependenciesMeta:
@@ -6792,6 +6834,33 @@ packages:
   '@types/cors@2.8.19':
     resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.7':
+    resolution: {integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
@@ -6972,6 +7041,9 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
+  '@types/use-sync-external-store@0.0.6':
+    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
+
   '@types/uuid@9.0.8':
     resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
 
@@ -8227,6 +8299,9 @@ packages:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
 
+  country-flag-icons@1.5.21:
+    resolution: {integrity: sha512-0KmU4oeiyAM+F+atzK99ghQDQJKxEY3tiDhnRraVFL4o65rZgrmrx7xKi0b+hxcVpcEpuUbu+KCC6TKTZQTDcA==}
+
   cp-file@10.0.0:
     resolution: {integrity: sha512-vy2Vi1r2epK5WqxOLnskeKeZkdZvTKfFZQCplE3XWsP+SUJyd5XAUFC9lFgTjjXJF2GMne/UML14iEmkAaDfFg==}
     engines: {node: '>=14.16'}
@@ -8288,6 +8363,50 @@ packages:
   custom-media-element@1.4.2:
     resolution: {integrity: sha512-AM6FRWqJyW7pWTvXb4uJj6yvHE7C6UutdhJ5o3XO5NEl5aWFcfnpz8/TuW8qr1+/wfbj50wRvdArnSNjTmjmVw==}
 
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.0:
+    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
@@ -8405,6 +8524,9 @@ packages:
   decache@4.6.2:
     resolution: {integrity: sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==}
 
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
   decimal.js@10.5.0:
     resolution: {integrity: sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==}
 
@@ -8882,6 +9004,9 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
+  es-toolkit@1.41.0:
+    resolution: {integrity: sha512-bDd3oRmbVgqZCJS6WmeQieOrzpl3URcWBUVDXxOELlUW2FuW+0glPOz1n0KnRie+PdyvUZcXz2sOn00c6pPRIA==}
+
   esast-util-from-estree@2.0.0:
     resolution: {integrity: sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==}
 
@@ -9210,6 +9335,9 @@ packages:
   eventemitter3@4.0.7:
     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
   events@1.1.1:
     resolution: {integrity: sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw==}
     engines: {node: '>=0.4.x'}
@@ -9902,6 +10030,9 @@ packages:
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
@@ -9950,6 +10081,10 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ioredis@5.6.1:
     resolution: {integrity: sha512-UxC0Yv1Y4WRJiGQxQkP0hfdL0/5/6YvdfOOClRgJ0qppSarkhneSa6UvkMkms0AkdGimSH3Ikqm+6mkMmX7vGA==}
     engines: {node: '>=12.22.0'}
@@ -11936,6 +12071,18 @@ packages:
   react-promise-suspense@0.3.4:
     resolution: {integrity: sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ==}
 
+  react-redux@9.2.0:
+    resolution: {integrity: sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==}
+    peerDependencies:
+      '@types/react': ^18.2.25 || ^19
+      react: ^18.0 || ^19
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      redux:
+        optional: true
+
   react-refresh@0.17.0:
     resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
     engines: {node: '>=0.10.0'}
@@ -12061,6 +12208,14 @@ packages:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
+  recharts@3.4.1:
+    resolution: {integrity: sha512-35kYg6JoOgwq8sE4rhYkVWwa6aAIgOtT+Ob0gitnShjwUwZmhrmy7Jco/5kJNF4PnLXgt9Hwq+geEMS+WrjU1g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   recma-build-jsx@1.0.0:
     resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
 
@@ -12085,6 +12240,14 @@ packages:
     resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
     engines: {node: '>=4'}
 
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -12152,6 +12315,9 @@ packages:
   requires-port@1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
 
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
   resend@4.6.0:
     resolution: {integrity: sha512-D5T2I82FvEUYFlrHzaDvVtr5ADHdhuoLaXgLFGABKyNtQgPWIuz0Vp2L2Evx779qjK37aF4kcw1yXJDHhA2JnQ==}
     engines: {node: '>=18'}
@@ -12223,8 +12389,8 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
-  rolldown@1.0.0-beta.47:
-    resolution: {integrity: sha512-Mid74GckX1OeFAOYz9KuXeWYhq3xkXbMziYIC+ULVdUzPTG9y70OBSBQDQn9hQP8u/AfhuYw1R0BSg15nBI4Dg==}
+  rolldown@1.0.0-beta.49:
+    resolution: {integrity: sha512-Bfmdn3ZqyCwi1LxG39KBrSlil9a/xnrOrAj+jqqN2YTR/WJIEOOfwNKgDALQvr0xlO9bG/i1C883KGd4nd7SrA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -13659,6 +13825,9 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
+  victory-vendor@37.3.6:
+    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+
   vinxi@0.5.6:
     resolution: {integrity: sha512-K9zaoHEdLXSVw3akoKcpRaRaGNZcXAnB0XBcke74y0FbXqcR3+rlFxOH/Pi3Maq3K7wAPBGyE91HW0lATfv5Kg==}
     hasBin: true
@@ -15715,6 +15884,24 @@ snapshots:
       gonzales-pe: 4.3.0
       node-source-walk: 6.0.2
 
+  '@dnd-kit/accessibility@3.1.1(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      tslib: 2.8.1
+
+  '@dnd-kit/core@6.3.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      '@dnd-kit/accessibility': 3.1.1(react@19.1.1)
+      '@dnd-kit/utilities': 3.2.2(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      tslib: 2.8.1
+
+  '@dnd-kit/utilities@3.2.2(react@19.1.1)':
+    dependencies:
+      react: 19.1.1
+      tslib: 2.8.1
+
   '@drizzle-team/brocli@0.10.2': {}
 
   '@dub/analytics@0.0.27':
@@ -18719,6 +18906,18 @@ snapshots:
     dependencies:
       react: 19.1.1
 
+  '@reduxjs/toolkit@2.10.1(react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1))(react@19.1.1)':
+    dependencies:
+      '@standard-schema/spec': 1.0.0
+      '@standard-schema/utils': 0.3.0
+      immer: 10.2.0
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.1.1
+    optionalDependencies:
+      react: 19.1.1
+      react-redux: 9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1)
+
   '@remix-run/router@1.23.0': {}
 
   '@remotion/licensing@4.0.298': {}
@@ -18740,61 +18939,61 @@ snapshots:
   '@rolldown/binding-android-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.47':
+  '@rolldown/binding-android-arm64@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-darwin-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.47':
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-darwin-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.47':
+  '@rolldown/binding-darwin-x64@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-freebsd-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.47':
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.47':
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.47':
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-linux-arm64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.47':
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-linux-x64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.47':
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-linux-x64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.47':
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-openharmony-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.47':
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-wasm32-wasi@1.0.0-beta.42':
@@ -18802,7 +19001,7 @@ snapshots:
       '@napi-rs/wasm-runtime': 1.0.6
     optional: true
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.47':
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.49':
     dependencies:
       '@napi-rs/wasm-runtime': 1.0.7
     optional: true
@@ -18810,24 +19009,24 @@ snapshots:
   '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.47':
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.47':
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.49':
     optional: true
 
   '@rolldown/binding-win32-x64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.47':
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.49':
     optional: true
 
   '@rolldown/pluginutils@1.0.0-beta.42': {}
 
-  '@rolldown/pluginutils@1.0.0-beta.47': {}
+  '@rolldown/pluginutils@1.0.0-beta.49': {}
 
   '@rollup/plugin-alias@5.1.1(rollup@4.40.2)':
     optionalDependencies:
@@ -19806,11 +20005,11 @@ snapshots:
     dependencies:
       solid-js: 1.9.6
 
-  '@solidjs/start@1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)':
+  '@solidjs/start@1.1.3(@testing-library/jest-dom@6.5.0)(@types/node@22.15.17)(jiti@2.6.1)(solid-js@1.9.6)(terser@5.44.0)(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1)':
     dependencies:
       '@tanstack/server-functions-plugin': 1.119.2(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)
-      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
-      '@vinxi/server-components': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
+      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
+      '@vinxi/server-components': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
       defu: 6.1.4
       error-stack-parser: 2.1.4
       html-to-image: 1.11.13
@@ -19821,7 +20020,7 @@ snapshots:
       source-map-js: 1.2.1
       terracotta: 1.0.6(solid-js@1.9.6)
       tinyglobby: 0.2.13
-      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
       vite-plugin-solid: 2.11.6(@testing-library/jest-dom@6.5.0)(solid-js@1.9.6)(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))
     transitivePeerDependencies:
       - '@testing-library/jest-dom'
@@ -19845,6 +20044,8 @@ snapshots:
 
   '@standard-schema/spec@1.0.0': {}
 
+  '@standard-schema/utils@0.3.0': {}
+
   '@storybook/addon-actions@8.6.12(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
@@ -19949,9 +20150,9 @@ snapshots:
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
 
-  '@storybook/builder-vite@10.1.0-alpha.7(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/builder-vite@10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
-      '@storybook/csf-plugin': 10.1.0-alpha.7(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/csf-plugin': 10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
       vite: 6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)
@@ -19981,7 +20182,7 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@10.1.0-alpha.7(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/csf-plugin@10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
       storybook: 8.6.12(prettier@3.5.3)
       unplugin: 2.3.10
@@ -20545,6 +20746,30 @@ snapshots:
     dependencies:
       '@types/node': 20.17.43
 
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-shape@3.1.7':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 2.1.0
@@ -20746,6 +20971,8 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
+  '@types/use-sync-external-store@0.0.6': {}
+
   '@types/uuid@9.0.8': {}
 
   '@types/yauzl@2.10.3':
@@ -21059,7 +21286,7 @@ snapshots:
       untun: 0.1.3
       uqr: 0.1.2
 
-  '@vinxi/plugin-directives@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
+  '@vinxi/plugin-directives@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
     dependencies:
       '@babel/parser': 7.27.2
       acorn: 8.14.1
@@ -21070,18 +21297,18 @@ snapshots:
       magicast: 0.2.11
       recast: 0.23.11
       tslib: 2.8.1
-      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
 
-  '@vinxi/server-components@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
+  '@vinxi/server-components@0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))':
     dependencies:
-      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
+      '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1))
       acorn: 8.14.1
       acorn-loose: 8.5.0
       acorn-typescript: 1.4.13(acorn@8.14.1)
       astring: 1.9.0
       magicast: 0.2.11
       recast: 0.23.11
-      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
+      vinxi: 0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1)
 
   '@virtual-grid/core@2.0.1': {}
 
@@ -22206,6 +22433,8 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
+  country-flag-icons@1.5.21: {}
+
   cp-file@10.0.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -22266,6 +22495,44 @@ snapshots:
 
   custom-media-element@1.4.2: {}
 
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-color@3.1.0: {}
+
+  d3-ease@3.0.1: {}
+
+  d3-format@3.1.0: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@3.1.0: {}
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.0
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
   damerau-levenshtein@1.0.8: {}
 
   data-uri-to-buffer@2.0.2: {}
@@ -22339,6 +22606,8 @@ snapshots:
     dependencies:
       callsite: 1.0.0
 
+  decimal.js-light@2.5.1: {}
+
   decimal.js@10.5.0: {}
 
   decode-named-character-reference@1.1.0:
@@ -22783,6 +23052,8 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  es-toolkit@1.41.0: {}
+
   esast-util-from-estree@2.0.0:
     dependencies:
       '@types/estree-jsx': 1.0.5
@@ -23509,6 +23780,8 @@ snapshots:
 
   eventemitter3@4.0.7: {}
 
+  eventemitter3@5.0.1: {}
+
   events@1.1.1: {}
 
   events@3.3.0: {}
@@ -24331,6 +24604,8 @@ snapshots:
 
   immediate@3.0.6: {}
 
+  immer@10.2.0: {}
+
   import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
@@ -24372,6 +24647,8 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
+  internmap@2.0.3: {}
+
   ioredis@5.6.1:
     dependencies:
       '@ioredis/commands': 1.2.0
@@ -25714,7 +25991,7 @@ snapshots:
       cors: 2.8.5
       next: 15.5.4(@babel/core@7.27.1)(@opentelemetry/api@1.9.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
 
-  nitropack@2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(xml2js@0.6.2):
+  nitropack@2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(xml2js@0.6.2):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.0
       '@netlify/functions': 3.1.5(encoding@0.1.13)(rollup@4.40.2)
@@ -25768,7 +26045,7 @@ snapshots:
       pretty-bytes: 6.1.1
       radix3: 1.1.2
       rollup: 4.40.2
-      rollup-plugin-visualizer: 5.14.0(rolldown@1.0.0-beta.47)(rollup@4.40.2)
+      rollup-plugin-visualizer: 5.14.0(rollup@4.40.2)
       scule: 1.3.0
       semver: 7.7.2
       serve-placeholder: 2.0.2
@@ -26702,6 +26979,15 @@ snapshots:
     dependencies:
       fast-deep-equal: 2.0.1
 
+  react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1):
+    dependencies:
+      '@types/use-sync-external-store': 0.0.6
+      react: 19.1.1
+      use-sync-external-store: 1.5.0(react@19.1.1)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      redux: 5.0.1
+
   react-refresh@0.17.0: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.1.13)(react@19.1.1):
@@ -26844,6 +27130,26 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
+  recharts@3.4.1(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react-is@17.0.2)(react@19.1.1)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.10.1(react-redux@9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1))(react@19.1.1)
+      clsx: 2.1.1
+      decimal.js-light: 2.5.1
+      es-toolkit: 1.41.0
+      eventemitter3: 5.0.1
+      immer: 10.2.0
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      react-is: 17.0.2
+      react-redux: 9.2.0(@types/react@19.1.13)(react@19.1.1)(redux@5.0.1)
+      reselect: 5.1.1
+      tiny-invariant: 1.3.3
+      use-sync-external-store: 1.5.0(react@19.1.1)
+      victory-vendor: 37.3.6
+    transitivePeerDependencies:
+      - '@types/react'
+      - redux
+
   recma-build-jsx@1.0.0:
     dependencies:
       '@types/estree': 1.0.8
@@ -26885,6 +27191,12 @@ snapshots:
     dependencies:
       redis-errors: 1.2.0
 
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
+
+  redux@5.0.1: {}
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -26994,6 +27306,8 @@ snapshots:
 
   requires-port@1.0.0: {}
 
+  reselect@5.1.1: {}
+
   resend@4.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@react-email/render': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -27038,7 +27352,7 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.47)(typescript@5.8.3):
+  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.49)(typescript@5.8.3):
     dependencies:
       '@babel/generator': 7.28.3
       '@babel/parser': 7.28.4
@@ -27049,7 +27363,7 @@ snapshots:
       dts-resolver: 2.1.2
       get-tsconfig: 4.11.0
       magic-string: 0.30.19
-      rolldown: 1.0.0-beta.47
+      rolldown: 1.0.0-beta.49
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -27077,25 +27391,25 @@ snapshots:
       '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.42
       '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.42
 
-  rolldown@1.0.0-beta.47:
+  rolldown@1.0.0-beta.49:
     dependencies:
       '@oxc-project/types': 0.96.0
-      '@rolldown/pluginutils': 1.0.0-beta.47
+      '@rolldown/pluginutils': 1.0.0-beta.49
     optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.0.0-beta.47
-      '@rolldown/binding-darwin-arm64': 1.0.0-beta.47
-      '@rolldown/binding-darwin-x64': 1.0.0-beta.47
-      '@rolldown/binding-freebsd-x64': 1.0.0-beta.47
-      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.47
-      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.47
-      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.47
-      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.47
-      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.47
-      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.47
-      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.47
-      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.47
-      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.47
-      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.47
+      '@rolldown/binding-android-arm64': 1.0.0-beta.49
+      '@rolldown/binding-darwin-arm64': 1.0.0-beta.49
+      '@rolldown/binding-darwin-x64': 1.0.0-beta.49
+      '@rolldown/binding-freebsd-x64': 1.0.0-beta.49
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.49
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.49
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.49
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.49
+      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.49
+      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.49
+      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.49
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.49
+      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.49
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.49
 
   rollup-plugin-inject@3.0.2:
     dependencies:
@@ -27107,14 +27421,13 @@ snapshots:
     dependencies:
       rollup-plugin-inject: 3.0.2
 
-  rollup-plugin-visualizer@5.14.0(rolldown@1.0.0-beta.47)(rollup@4.40.2):
+  rollup-plugin-visualizer@5.14.0(rollup@4.40.2):
     dependencies:
       open: 8.4.2
       picomatch: 4.0.3
       source-map: 0.7.4
       yargs: 17.7.2
     optionalDependencies:
-      rolldown: 1.0.0-beta.47
       rollup: 4.40.2
 
   rollup-pluginutils@2.8.2:
@@ -27697,7 +28010,7 @@ snapshots:
 
   storybook-solidjs-vite@1.0.0-beta.7(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(esbuild@0.25.5)(rollup@4.40.2)(solid-js@1.9.6)(storybook@8.6.12(prettier@3.5.3))(vite-plugin-solid@2.11.6(@testing-library/jest-dom@6.5.0)(solid-js@1.9.6)(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5)):
     dependencies:
-      '@storybook/builder-vite': 10.1.0-alpha.7(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/builder-vite': 10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       '@storybook/types': 9.0.0-alpha.1(storybook@8.6.12(prettier@3.5.3))
       magic-string: 0.30.17
       solid-js: 1.9.6
@@ -28243,8 +28556,8 @@ snapshots:
       diff: 8.0.2
       empathic: 2.0.0
       hookable: 5.5.3
-      rolldown: 1.0.0-beta.47
-      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.47)(typescript@5.8.3)
+      rolldown: 1.0.0-beta.49
+      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.49)(typescript@5.8.3)
       semver: 7.7.2
       tinyexec: 1.0.1
       tinyglobby: 0.2.15
@@ -28818,7 +29131,24 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1):
+  victory-vendor@37.3.6:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.7
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
+  vinxi@0.5.6(@planetscale/database@1.19.0)(@types/node@22.15.17)(db0@0.3.2(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(mysql2@3.15.2))(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(ioredis@5.6.1)(jiti@2.6.1)(mysql2@3.15.2)(terser@5.44.0)(xml2js@0.6.2)(yaml@2.8.1):
     dependencies:
       '@babel/core': 7.27.1
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.27.1)
@@ -28840,7 +29170,7 @@ snapshots:
       hookable: 5.5.3
       http-proxy: 1.18.1
       micromatch: 4.0.8
-      nitropack: 2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(rolldown@1.0.0-beta.47)(xml2js@0.6.2)
+      nitropack: 2.11.11(@planetscale/database@1.19.0)(drizzle-orm@0.44.6(@cloudflare/workers-types@4.20250507.0)(@opentelemetry/api@1.9.0)(@planetscale/database@1.19.0)(mysql2@3.15.2))(encoding@0.1.13)(mysql2@3.15.2)(xml2js@0.6.2)
       node-fetch-native: 1.6.6
       path-to-regexp: 6.3.0
       pathe: 1.1.2

From acda2fcdfd34b79b391fd80fa0c9a75e63950ab6 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Wed, 12 Nov 2025 21:52:34 +0000
Subject: [PATCH 12/23] Integrate Tinybird analytics and update dashboard

---
 .gitignore                                    |   3 +
 README.md                                     |   9 +
 apps/web/actions/videos/get-analytics.ts      | 121 +++-
 .../components/AnalyticsDashboard.tsx         |  91 +++
 .../analytics/components/ChartArea.tsx        |  62 +-
 .../components/CompareDataDialog.tsx          | 260 -------
 .../dashboard/analytics/components/Header.tsx |  65 +-
 .../analytics/components/OtherStats.tsx       | 134 +++-
 .../analytics/components/StatsChart.tsx       | 250 +++----
 .../analytics/components/TableCard.tsx        | 473 ++++++-------
 .../web/app/(org)/dashboard/analytics/data.ts | 640 ++++++++++++++++++
 .../app/(org)/dashboard/analytics/page.tsx    | 385 +----------
 .../app/(org)/dashboard/analytics/types.ts    |  32 +
 apps/web/app/api/analytics/route.ts           |  20 +-
 apps/web/app/api/analytics/track/route.ts     | 104 +++
 apps/web/app/api/dashboard/analytics/route.ts |  39 ++
 apps/web/app/layout.tsx                       |   8 -
 apps/web/app/s/[videoId]/Share.tsx            | 119 ++++
 apps/web/app/s/[videoId]/page.tsx             |   1 +
 apps/web/lib/server.ts                        |   2 +
 apps/web/package.json                         |   3 +-
 package.json                                  |   3 +
 packages/env/server.ts                        |   4 +
 packages/web-backend/src/Tinybird/index.ts    | 274 ++++++++
 packages/web-backend/src/Videos/index.ts      |  33 +-
 packages/web-backend/src/index.ts             |   1 +
 pnpm-lock.yaml                                | 169 ++---
 scripts/analytics/check-analytics.js          | 174 +++++
 scripts/analytics/delete-all-data.js          | 135 ++++
 scripts/analytics/setup-analytics.js          |  90 +++
 scripts/analytics/shared.js                   | 197 ++++++
 .../datasources/analytics_events.datasource   |  27 +
 .../datasources/analytics_pages_mv.datasource |  17 +
 .../analytics_sessions_mv.datasource          |  16 +
 .../pipes/analytics_pages_mv_pipe.pipe        |  18 +
 .../pipes/analytics_sessions_mv_pipe.pipe     |  16 +
 36 files changed, 2814 insertions(+), 1181 deletions(-)
 create mode 100644 apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
 delete mode 100644 apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx
 create mode 100644 apps/web/app/(org)/dashboard/analytics/data.ts
 create mode 100644 apps/web/app/(org)/dashboard/analytics/types.ts
 create mode 100644 apps/web/app/api/analytics/track/route.ts
 create mode 100644 apps/web/app/api/dashboard/analytics/route.ts
 create mode 100644 packages/web-backend/src/Tinybird/index.ts
 create mode 100755 scripts/analytics/check-analytics.js
 create mode 100644 scripts/analytics/delete-all-data.js
 create mode 100755 scripts/analytics/setup-analytics.js
 create mode 100644 scripts/analytics/shared.js
 create mode 100644 scripts/analytics/tinybird/datasources/analytics_events.datasource
 create mode 100644 scripts/analytics/tinybird/datasources/analytics_pages_mv.datasource
 create mode 100644 scripts/analytics/tinybird/datasources/analytics_sessions_mv.datasource
 create mode 100644 scripts/analytics/tinybird/pipes/analytics_pages_mv_pipe.pipe
 create mode 100644 scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe

diff --git a/.gitignore b/.gitignore
index b88fcb3f4d..40ea0b2797 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,6 +35,9 @@ pnpm-lock.yaml
 .vinxi
 native-deps*
 apps/storybook/storybook-static
+.tinyb
+
+**/.tinyb
 
 *.tsbuildinfo
 .cargo/config.toml
diff --git a/README.md b/README.md
index f4f413018d..314deee613 100644
--- a/README.md
+++ b/README.md
@@ -60,3 +60,12 @@ Portions of this software are licensed as follows:
 # Contributing
 
 See [CONTRIBUTING.md](CONTRIBUTING.md) for more information. This guide is a work in progress, and is updated regularly as the app matures.
+
+## Analytics (Tinybird)
+
+Cap uses [Tinybird](https://www.tinybird.co) to ingest viewer telemetry for dashboards. The Tinybird admin token (`TINYBIRD_ADMIN_TOKEN` or `TINYBIRD_TOKEN`) must be available in your environment. Once the token is present you can:
+
+- Provision the required data sources and materialized views via `pnpm analytics:setup`. This command installs the Tinybird CLI (if needed), runs `tb login` when a `.tinyb` credential file is missing, copies that credential into `scripts/analytics/tinybird`, and finally executes `tb deploy --allow-destructive-operations --wait` from that directory. **It synchronizes the Tinybird workspace to the resources defined in `scripts/analytics/tinybird`, removing any other datasources/pipes in that workspace.**
+- Validate that the schema and materialized views match what the app expects via `pnpm analytics:check`.
+
+Both commands target the workspace pointed to by `TINYBIRD_HOST` (defaults to `https://api.tinybird.co`). Make sure you are comfortable with the destructive nature of the deploy step before running `analytics:setup`.
diff --git a/apps/web/actions/videos/get-analytics.ts b/apps/web/actions/videos/get-analytics.ts
index 7792c16d46..c4518cc360 100644
--- a/apps/web/actions/videos/get-analytics.ts
+++ b/apps/web/actions/videos/get-analytics.ts
@@ -1,28 +1,99 @@
 "use server";
 
-import { dub } from "@cap/utils";
-
-export async function getVideoAnalytics(videoId: string) {
-	if (!videoId) {
-		throw new Error("Video ID is required");
-	}
-
-	try {
-		const response = await dub().analytics.retrieve({
-			domain: "cap.link",
-			key: videoId,
-		});
-		const { clicks } = response as { clicks: number };
-
-		if (typeof clicks !== "number" || clicks === null) {
-			return { count: 0 };
-		}
-
-		return { count: clicks };
-	} catch (error: any) {
-		if (error.code === "not_found") {
-			return { count: 0 };
-		}
-		return { count: 0 };
-	}
+import { Tinybird } from "@cap/web-backend";
+import { Effect } from "effect";
+
+import { runPromise } from "@/lib/server";
+
+import { db } from "@cap/database";
+import { videos } from "@cap/database/schema";
+import { Video } from "@cap/web-domain";
+import { eq } from "drizzle-orm";
+
+const DAY_IN_MS = 24 * 60 * 60 * 1000;
+const MIN_RANGE_DAYS = 1;
+const MAX_RANGE_DAYS = 90;
+const DEFAULT_RANGE_DAYS = MAX_RANGE_DAYS;
+
+const escapeLiteral = (value: string) => value.replace(/'/g, "''");
+const formatDate = (date: Date) => date.toISOString().slice(0, 10);
+const formatDateTime = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
+const buildConditions = (clauses: Array<string | undefined>) =>
+	clauses
+		.filter((clause): clause is string => Boolean(clause))
+		.join(" AND ");
+
+const normalizeRangeDays = (rangeDays?: number) => {
+	if (!Number.isFinite(rangeDays)) return DEFAULT_RANGE_DAYS;
+	const normalized = Math.floor(rangeDays as number);
+	if (normalized <= 0) return DEFAULT_RANGE_DAYS;
+	return Math.max(MIN_RANGE_DAYS, Math.min(normalized, MAX_RANGE_DAYS));
+};
+
+interface GetVideoAnalyticsOptions {
+	rangeDays?: number;
+}
+
+export async function getVideoAnalytics(
+	videoId: string,
+	options?: GetVideoAnalyticsOptions,
+) {
+	if (!videoId) throw new Error("Video ID is required");
+
+	const [{ orgId } = { orgId: null }] = await db()
+		.select({ orgId: videos.orgId })
+		.from(videos)
+		.where(eq(videos.id, Video.VideoId.make(videoId)))
+		.limit(1);
+
+	return runPromise(
+		Effect.gen(function* () {
+			const tinybird = yield* Tinybird;
+
+			const rangeDays = normalizeRangeDays(options?.rangeDays);
+			const now = new Date();
+			const from = new Date(now.getTime() - rangeDays * DAY_IN_MS);
+			const pathname = `/s/${videoId}`;
+			const aggregateConditions = [
+				orgId ? `tenant_id = '${escapeLiteral(orgId)}'` : undefined,
+				`pathname = '${escapeLiteral(pathname)}'`,
+				`date BETWEEN toDate('${formatDate(from)}') AND toDate('${formatDate(now)}')`,
+			];
+			const aggregateSql = `SELECT coalesce(uniqMerge(visits), 0) AS views FROM analytics_pages_mv WHERE ${buildConditions(aggregateConditions)}`;
+
+			const rawConditions = [
+				"action = 'page_hit'",
+				orgId ? `tenant_id = '${escapeLiteral(orgId)}'` : undefined,
+				`pathname = '${escapeLiteral(pathname)}'`,
+				`timestamp BETWEEN toDateTime('${formatDateTime(from)}') AND toDateTime('${formatDateTime(now)}')`,
+			];
+			const rawSql = `SELECT coalesce(uniq(session_id), 0) AS views FROM analytics_events WHERE ${buildConditions(rawConditions)}`;
+
+			const querySql = (sql: string) =>
+				tinybird
+					.querySql<{ views: number }>(sql)
+					.pipe(
+						Effect.catchAll((e) => {
+							console.error("tinybird sql error", e);
+							return Effect.succeed({ data: [] });
+						}),
+					);
+
+			const aggregateResult = yield* querySql(aggregateSql);
+			
+			const fallbackResult =
+				aggregateResult.data?.length
+					? aggregateResult
+					: yield* querySql(rawSql);
+
+			const data = fallbackResult?.data ?? [];
+			const firstItem = data[0];
+			const count = typeof firstItem === "number"
+				? firstItem
+				: typeof firstItem === "object" && firstItem !== null && "views" in firstItem
+					? Number(firstItem.views ?? 0)
+					: 0;
+			return { count: Number.isFinite(count) ? count : 0 };
+		}),
+	);
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
new file mode 100644
index 0000000000..b88910e245
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+
+import { useDashboardContext } from "../../Contexts";
+import type { AnalyticsRange, OrgAnalyticsResponse } from "../types";
+import Header from "./Header";
+import OtherStats from "./OtherStats";
+import StatsChart from "./StatsChart";
+
+const RANGE_OPTIONS: { value: AnalyticsRange; label: string }[] = [
+  { value: "24h", label: "Last 24 hours" },
+  { value: "7d", label: "Last 7 days" },
+  { value: "30d", label: "Last 30 days" },
+];
+
+const formatNumber = (value: number) =>
+  new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(value);
+
+export function AnalyticsDashboard() {
+  const { activeOrganization } = useDashboardContext();
+  const [range, setRange] = useState<AnalyticsRange>("7d");
+  const orgId = activeOrganization?.organization.id;
+
+  const query = useQuery<{ data: OrgAnalyticsResponse } | null>({
+    queryKey: ["dashboard-analytics", orgId, range],
+    queryFn: async () => {
+      if (!orgId) return null;
+      const response = await fetch(
+        `/api/dashboard/analytics?orgId=${orgId}&range=${range}`,
+        { cache: "no-store" }
+      );
+      console.log("response", response);
+      if (!response.ok) throw new Error("Failed to load analytics");
+      return (await response.json()) as { data: OrgAnalyticsResponse };
+    },
+    enabled: Boolean(orgId),
+    staleTime: 60 * 1000,
+  });
+
+  const analytics = query.data?.data;
+
+  if (!orgId) {
+    return (
+      <div className="rounded-xl border border-gray-5 bg-white p-6 text-gray-11">
+        Select or join an organization to view analytics.
+      </div>
+    );
+  }
+
+  const otherStats = analytics
+    ? {
+        countries: analytics.breakdowns.countries,
+        cities: analytics.breakdowns.cities,
+        browsers: analytics.breakdowns.browsers,
+        operatingSystems: analytics.breakdowns.operatingSystems,
+        deviceTypes: analytics.breakdowns.devices,
+        topCaps: analytics.breakdowns.topCaps,
+      }
+    : {
+        countries: [],
+        cities: [],
+        browsers: [],
+        operatingSystems: [],
+        deviceTypes: [],
+        topCaps: [],
+      };
+
+  return (
+    <div className="space-y-8">
+      <Header
+        options={RANGE_OPTIONS}
+        value={range}
+        onChange={setRange}
+        isLoading={query.isFetching}
+      />
+      <StatsChart
+        counts={{
+          caps: analytics?.counts.caps ?? 0,
+          views: analytics?.counts.views ?? 0,
+          comments: analytics?.counts.comments ?? 0,
+          reactions: analytics?.counts.reactions ?? 0,
+        }}
+        data={analytics?.chart ?? []}
+        isLoading={query.isLoading}
+      />
+      <OtherStats data={otherStats} isLoading={query.isLoading} />
+    </div>
+  );
+}
diff --git a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
index 732f481e5b..6abc77dddf 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useId } from "react";
+import { useId, useMemo } from "react";
 import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
 import {
 	type ChartConfig,
@@ -11,14 +11,6 @@ import {
 
 export const description = "An area chart with gradient fill";
 
-const chartData = Array.from({ length: 24 }, (_, i) => ({
-	hour: i + 1,
-	views: Math.floor(Math.random() * 100),
-	comments: Math.floor(Math.random() * 100),
-	reactions: Math.floor(Math.random() * 100),
-	caps: Math.floor(Math.random() * 100),
-}));
-
 const chartConfig = {
 	views: {
 		label: "Views",
@@ -40,15 +32,50 @@ const chartConfig = {
 
 interface ChartAreaProps {
 	selectedMetric: "caps" | "views" | "comments" | "reactions";
+	data: Array<{
+		bucket: string;
+		caps: number;
+		views: number;
+		comments: number;
+		reactions: number;
+	}>;
+	isLoading?: boolean;
 }
 
-function ChartArea({ selectedMetric }: ChartAreaProps) {
+function ChartArea({ selectedMetric, data, isLoading }: ChartAreaProps) {
 	const viewsGradientId = useId();
 	const commentsGradientId = useId();
 	const reactionsGradientId = useId();
 	const capsGradientId = useId();
 	const glowFilterId = useId();
 
+	const chartData = useMemo(() => {
+		if (!data || data.length === 0) return [];
+		const bucketDuration =
+			data.length > 1
+				? new Date(data[1]!.bucket).getTime() - new Date(data[0]!.bucket).getTime()
+				: 0;
+		const hourly = bucketDuration > 0 && bucketDuration <= 60 * 60 * 1000;
+		return data.map((point) => ({
+			...point,
+			label: formatBucketLabel(point.bucket, hourly),
+		}));
+	}, [data]);
+
+	if (isLoading && chartData.length === 0) {
+		return (
+			<div className="h-[300px] w-full animate-pulse rounded-xl bg-gray-3" />
+		);
+	}
+
+	if (chartData.length === 0) {
+		return (
+			<div className="flex h-[300px] w-full flex-col items-center justify-center rounded-xl border border-dashed border-gray-5 text-sm text-gray-9">
+				No analytics data yet.
+			</div>
+		);
+	}
+
 	return (
 		<ChartContainer className="h-[500px]" config={chartConfig}>
 			<AreaChart
@@ -67,8 +94,8 @@ function ChartArea({ selectedMetric }: ChartAreaProps) {
 					stroke="var(--gray-8)"
 					opacity={0.3}
 				/>
-				<XAxis
-					dataKey="hour"
+					<XAxis
+						dataKey="label"
 					axisLine={false}
 					tickMargin={10}
 					interval={0}
@@ -172,3 +199,14 @@ function ChartArea({ selectedMetric }: ChartAreaProps) {
 }
 
 export default ChartArea;
+
+const formatBucketLabel = (bucket: string, hourly: boolean) => {
+	const date = new Date(bucket);
+	if (Number.isNaN(date.getTime())) return bucket;
+	if (hourly)
+		return date.toLocaleTimeString([], {
+			hour: "numeric",
+			minute: undefined,
+		});
+	return date.toLocaleDateString([], { month: "short", day: "numeric" });
+};
diff --git a/apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx b/apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx
deleted file mode 100644
index ffa1ba73f7..0000000000
--- a/apps/web/app/(org)/dashboard/analytics/components/CompareDataDialog.tsx
+++ /dev/null
@@ -1,260 +0,0 @@
-import {
-	Button,
-	Dialog,
-	DialogContent,
-	DialogHeader,
-	DialogTitle,
-} from "@cap/ui";
-import { faChartSimple } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { LayoutGroup } from "motion/react";
-import { useRef, useState } from "react";
-import { CompareDataDroppable, type FilterValue } from "./CompareFilters";
-import { FiltersList } from "./FiltersList";
-import CompareVideos from "./VideoFilters";
-import VideosPicker from "./VideosPicker";
-
-export const CompareDataDialog = ({
-	open,
-	onOpenChange,
-}: {
-	open: boolean;
-	onOpenChange: (open: boolean) => void;
-}) => {
-	const [droppedItems, setDroppedItems] = useState<{
-		compare: string | null;
-		compareTwo: string | null;
-	}>({
-		compare: null,
-		compareTwo: null,
-	});
-	const [droppedVideos, setDroppedVideos] = useState<{
-		video1: string | null;
-		video2: string | null;
-	}>({
-		video1: null,
-		video2: null,
-	});
-	const [isDragging, setIsDragging] = useState(false);
-	const [isVideoDragging, setIsVideoDragging] = useState(false);
-	const [currentDragValue, setCurrentDragValue] = useState<FilterValue | null>(
-		null,
-	);
-	const [currentDragVideo, setCurrentDragVideo] = useState<string | null>(null);
-
-	const FILTERS: readonly FilterValue[] = [
-		"views",
-		"comments",
-		"reactions",
-		"shares",
-		"downloads",
-		"uploads",
-		"deletions",
-		"creations",
-		"edits",
-	] as const;
-
-	const VIDEOS: readonly string[] = [
-		"Video A",
-		"Video B",
-		"Video C",
-		"Video D",
-	] as const;
-
-	const [dragPosition, setDragPosition] = useState({ x: 0, y: 0 });
-	const [videoDragPosition, setVideoDragPosition] = useState({ x: 0, y: 0 });
-
-	const compareRef = useRef<HTMLDivElement>(null);
-	const compareTwoRef = useRef<HTMLDivElement>(null);
-	const video1Ref = useRef<HTMLDivElement>(null);
-	const video2Ref = useRef<HTMLDivElement>(null);
-
-	const handleDrop = (dropZoneId: "compare" | "compareTwo") => {
-		if (currentDragValue) {
-			setDroppedItems((prev) => ({
-				...prev,
-				[dropZoneId]: currentDragValue,
-			}));
-		}
-	};
-
-	const handleRemoveItem = (dropZoneId: "compare" | "compareTwo") => {
-		setDroppedItems((prev) => ({
-			...prev,
-			[dropZoneId]: null,
-		}));
-	};
-
-	const isFilterInUse = (value: string) => {
-		return droppedItems.compare === value || droppedItems.compareTwo === value;
-	};
-
-	const checkDropZone = (x: number, y: number): string | null => {
-		const zones = [
-			{ id: "compare", ref: compareRef },
-			{ id: "compareTwo", ref: compareTwoRef },
-		];
-
-		for (const zone of zones) {
-			if (zone.ref.current) {
-				const rect = zone.ref.current.getBoundingClientRect();
-				if (
-					x >= rect.left &&
-					x <= rect.right &&
-					y >= rect.top &&
-					y <= rect.bottom
-				) {
-					return zone.id;
-				}
-			}
-		}
-		return null;
-	};
-
-	const handleVideoDrop = (dropZoneId: "video1" | "video2") => {
-		if (currentDragVideo) {
-			setDroppedVideos((prev) => ({
-				...prev,
-				[dropZoneId]: currentDragVideo,
-			}));
-		}
-	};
-
-	const handleRemoveVideo = (dropZoneId: "video1" | "video2") => {
-		setDroppedVideos((prev) => ({
-			...prev,
-			[dropZoneId]: null,
-		}));
-	};
-
-	const isVideoInUse = (videoId: string) => {
-		return droppedVideos.video1 === videoId || droppedVideos.video2 === videoId;
-	};
-
-	const checkVideoDropZone = (x: number, y: number): string | null => {
-		const zones = [
-			{ id: "video1", ref: video1Ref },
-			{ id: "video2", ref: video2Ref },
-		];
-
-		for (const zone of zones) {
-			if (zone.ref.current) {
-				const rect = zone.ref.current.getBoundingClientRect();
-				if (
-					x >= rect.left &&
-					x <= rect.right &&
-					y >= rect.top &&
-					y <= rect.bottom
-				) {
-					return zone.id;
-				}
-			}
-		}
-		return null;
-	};
-
-	return (
-		<Dialog open={open} onOpenChange={onOpenChange}>
-			<DialogContent className="max-w-[766px]">
-				<DialogHeader
-					description="Visualize data comparisons between each other"
-					icon={<FontAwesomeIcon icon={faChartSimple} />}
-				>
-					<DialogTitle>Compare data</DialogTitle>
-				</DialogHeader>
-				<LayoutGroup>
-					<div className="flex flex-1 w-full h-full">
-						<FiltersList
-							filters={FILTERS}
-							isFilterInUse={isFilterInUse}
-							onFilterDragStart={(value) => {
-								setIsDragging(true);
-								setCurrentDragValue(value);
-							}}
-							onFilterDragEnd={(x, y) => {
-								setIsDragging(false);
-								const dropZone = checkDropZone(x, y);
-								if (dropZone) {
-									handleDrop(dropZone as "compare" | "compareTwo");
-								}
-								setCurrentDragValue(null);
-							}}
-							onFilterDrag={(x, y) => setDragPosition({ x, y })}
-						/>
-						{/*Main side*/}
-						<div className="flex flex-col flex-1 h-full">
-							<div className="border-b border-gray-4 bg-gray-3">
-								<p className="px-4 py-2 text-xs font-medium text-gray-12 will-change-auto">
-									Analysis
-								</p>
-							</div>
-							<div className="flex flex-col flex-1 gap-5 justify-between p-4">
-								<div className="space-y-5">
-									<div className="flex justify-evenly items-end px-4 py-3 w-full rounded-full border bg-gray-3 border-gray-5">
-										<div className="flex flex-1 gap-2 items-center border-r border-gray-6">
-											<p className="text-[13px] font-medium text-gray-11 will-change-auto">
-												Compare
-											</p>
-											{/* biome-ignore lint: Static ID for drop zone identification */}
-											<CompareDataDroppable
-												id="compare"
-												ref={compareRef}
-												droppedValue={droppedItems.compare}
-												onRemove={() => handleRemoveItem("compare")}
-												isDragging={isDragging}
-												dragPosition={dragPosition}
-											/>
-										</div>
-										<div className="flex flex-1 gap-2 justify-end items-center">
-											<p className="text-[13px] font-medium text-gray-11 will-change-auto">
-												with
-											</p>
-											{/* biome-ignore lint: Static ID for drop zone identification */}
-											<CompareDataDroppable
-												id="compareTwo"
-												ref={compareTwoRef}
-												droppedValue={droppedItems.compareTwo}
-												onRemove={() => handleRemoveItem("compareTwo")}
-												isDragging={isDragging}
-												dragPosition={dragPosition}
-											/>
-										</div>
-									</div>
-									<VideosPicker
-										droppedVideos={droppedVideos}
-										onRemoveVideo={handleRemoveVideo}
-										isDragging={isVideoDragging}
-										dragPosition={videoDragPosition}
-										video1Ref={video1Ref}
-										video2Ref={video2Ref}
-									/>
-								</div>
-								<Button className="w-full" size="sm" variant="dark">
-									Compare
-								</Button>
-							</div>
-						</div>
-						{/*Videos Picker*/}
-						<CompareVideos
-							videos={VIDEOS}
-							isVideoInUse={isVideoInUse}
-							onVideoDragStart={(videoId) => {
-								setIsVideoDragging(true);
-								setCurrentDragVideo(videoId);
-							}}
-							onVideoDragEnd={(x, y) => {
-								setIsVideoDragging(false);
-								const dropZone = checkVideoDropZone(x, y);
-								if (dropZone) {
-									handleVideoDrop(dropZone as "video1" | "video2");
-								}
-								setCurrentDragVideo(null);
-							}}
-							onVideoDrag={(x, y) => setVideoDragPosition({ x, y })}
-						/>
-					</div>
-				</LayoutGroup>
-			</DialogContent>
-		</Dialog>
-	);
-};
diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
index a203976624..d486f767fe 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -1,40 +1,37 @@
 "use client";
 
-import { Button, Select } from "@cap/ui";
-import { useState } from "react";
-import { CompareDataDialog } from "./CompareDataDialog";
+import { Select } from "@cap/ui";
+import type { AnalyticsRange } from "../types";
 import { faCalendar } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-export default function Header() {
-	const [openCompareDataDialog, setOpenCompareDataDialog] = useState(false);
-	return (
-		<>
-			<CompareDataDialog
-				open={openCompareDataDialog}
-				onOpenChange={setOpenCompareDataDialog}
-			/>
-			<div className="flex gap-2 items-center">
-				<Select
-					variant="light"
-					icon={<FontAwesomeIcon icon={faCalendar} />}
-					size="md"
-					options={[
-						{ value: "24_hours", label: "24 hours" },
-						{ value: "7_days", label: "7 days" },
-						{ value: "30_days", label: "30 days" },
-					]}
-					onValueChange={() => {}}
-					placeholder="Time range"
-				/>
-				<Button
-					size="sm"
-					variant="white"
-					onClick={() => setOpenCompareDataDialog(true)}
-				>
-					Compare data
-				</Button>
-			</div>
-		</>
-	);
+interface HeaderProps {
+  options: { value: AnalyticsRange; label: string }[];
+  value: AnalyticsRange;
+  onChange: (value: AnalyticsRange) => void;
+  isLoading?: boolean;
+}
+
+export default function Header({
+  options,
+  value,
+  onChange,
+  isLoading,
+}: HeaderProps) {
+  return (
+    <>
+      <div className="flex gap-2 items-center">
+        <Select
+          placeholder="Select a range"
+          variant="light"
+          icon={<FontAwesomeIcon icon={faCalendar} />}
+          size="md"
+          options={options}
+          value={value}
+          onValueChange={(val) => onChange(val as AnalyticsRange)}
+          disabled={isLoading}
+        />
+      </div>
+    </>
+  );
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
index aff9033a75..31b0fa568a 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
@@ -7,7 +7,8 @@ import {
 	faRecordVinyl,
 } from "@fortawesome/free-solid-svg-icons";
 import OtherStatBox from "./OtherStatBox";
-import type {
+import type { BreakdownRow } from "../types";
+import TableCard, {
 	BrowserRowData,
 	CapRowData,
 	CityRowData,
@@ -15,22 +16,108 @@ import type {
 	DeviceRowData,
 	OSRowData,
 } from "./TableCard";
-import TableCard from "./TableCard";
 
 export interface OtherStatsData {
-	countries: CountryRowData[];
-	cities: CityRowData[];
-	browsers: BrowserRowData[];
-	operatingSystems: OSRowData[];
-	deviceTypes: DeviceRowData[];
-	topCaps?: CapRowData[] | null;
+ 	countries: BreakdownRow[];
+	cities: BreakdownRow[];
+	browsers: BreakdownRow[];
+	operatingSystems: BreakdownRow[];
+	deviceTypes: BreakdownRow[];
+	topCaps?: Array<BreakdownRow & { id?: string }> | null;
 }
 
 interface OtherStatsProps {
 	data: OtherStatsData;
+	isLoading?: boolean;
 }
 
-export default function OtherStats({ data }: OtherStatsProps) {
+const deviceMap: Record<string, DeviceRowData["device"]> = {
+	desktop: "desktop",
+	mobile: "mobile",
+	tablet: "tablet",
+};
+
+const toCountryRow = (row: BreakdownRow): CountryRowData => ({
+	countryCode: row.name,
+	name: row.name,
+	views: row.views,
+	comments: null,
+	reactions: null,
+	percentage: row.percentage,
+});
+
+const toCityRow = (row: BreakdownRow): CityRowData => ({
+	countryCode: row.subtitle || "",
+	name: row.subtitle ? `${row.name}, ${row.subtitle}` : row.name,
+	views: row.views,
+	comments: null,
+	reactions: null,
+	percentage: row.percentage,
+});
+
+const toBrowserRow = (row: BreakdownRow): BrowserRowData => ({
+	browser: browserNameToSlug(row.name),
+	name: row.name,
+	views: row.views,
+	comments: null,
+	reactions: null,
+	percentage: row.percentage,
+});
+
+const toOSRow = (row: BreakdownRow): OSRowData => ({
+	os: osNameToKey(row.name),
+	name: row.name,
+	views: row.views,
+	comments: null,
+	reactions: null,
+	percentage: row.percentage,
+});
+
+const toCapRow = (row: BreakdownRow & { id?: string }): CapRowData => ({
+	name: row.name,
+	views: row.views,
+	comments: null,
+	reactions: null,
+	percentage: row.percentage,
+});
+
+const browserNameToSlug = (name: string): BrowserRowData["browser"] => {
+	switch (name.toLowerCase()) {
+		case "chrome":
+			return "google-chrome";
+		case "firefox":
+			return "firefox";
+		case "safari":
+			return "safari";
+		case "edge":
+		case "internet explorer":
+			return "explorer";
+		case "opera":
+			return "opera";
+		case "brave":
+			return "brave";
+		default:
+			return "google-chrome";
+	}
+};
+
+const osNameToKey = (name: string): OSRowData["os"] => {
+	switch (name.toLowerCase()) {
+		case "macos":
+		case "ios":
+			return "ios";
+		case "linux":
+			return "linux";
+		case "ubuntu":
+			return "ubuntu";
+		case "fedora":
+			return "fedora";
+		default:
+			return "windows";
+	}
+};
+
+export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 	return (
 		<div className="grid grid-cols-1 gap-8 w-full xl:grid-cols-4">
 			<OtherStatBox className="col-span-2" title="Geography" icon={faGlobe}>
@@ -44,14 +131,16 @@ export default function OtherStats({ data }: OtherStatsProps) {
 							"Reactions",
 							"Percentage",
 						]}
-						rows={data.countries}
+						rows={data.countries.map(toCountryRow)}
 						type="country"
+						isLoading={isLoading}
 					/>
 					<TableCard
 						title="Cities"
 						columns={["City", "Views", "Comments", "Reactions", "Percentage"]}
-						rows={data.cities}
+						rows={data.cities.map(toCityRow)}
 						type="city"
+						isLoading={isLoading}
 					/>
 				</div>
 			</OtherStatBox>
@@ -66,8 +155,9 @@ export default function OtherStats({ data }: OtherStatsProps) {
 							"Reactions",
 							"Percentage",
 						]}
-						rows={data.browsers}
+						rows={data.browsers.map(toBrowserRow)}
 						type="browser"
+						isLoading={isLoading}
 					/>
 					<TableCard
 						title="Operating Systems"
@@ -78,8 +168,9 @@ export default function OtherStats({ data }: OtherStatsProps) {
 							"Reactions",
 							"Percentage",
 						]}
-						rows={data.operatingSystems}
+						rows={data.operatingSystems.map(toOSRow)}
 						type="os"
+						isLoading={isLoading}
 					/>
 				</div>
 			</OtherStatBox>
@@ -92,12 +183,20 @@ export default function OtherStats({ data }: OtherStatsProps) {
 					<TableCard
 						title="Device Type"
 						columns={["Device", "Views", "Comments", "Reactions", "Percentage"]}
-						rows={data.deviceTypes}
+						rows={data.deviceTypes.map((device) => ({
+							device: deviceMap[device.name.toLowerCase()] ?? "desktop",
+							name: device.name,
+							views: device.views,
+							comments: null,
+							reactions: null,
+							percentage: device.percentage,
+						}))}
 						type="device"
+						isLoading={isLoading}
 					/>
 				</div>
 			</OtherStatBox>
-			{data.topCaps && (
+			{data.topCaps && data.topCaps.length > 0 && (
 				<OtherStatBox
 					className="col-span-2"
 					title="Top Caps"
@@ -107,12 +206,13 @@ export default function OtherStats({ data }: OtherStatsProps) {
 						<TableCard
 							title="Caps"
 							columns={["Cap", "Views", "Comments", "Reactions", "Percentage"]}
-							rows={data.topCaps}
+							rows={data.topCaps.map(toCapRow)}
 							type="cap"
+							isLoading={isLoading}
 						/>
 					</div>
 				</OtherStatBox>
 			)}
 		</div>
 	);
-}
+} 
diff --git a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
index 974d494ca5..0a6c010d46 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
@@ -1,141 +1,161 @@
 "use client";
 
 import {
-	cloneElement,
-	type HTMLAttributes,
-	type SVGProps,
-	useRef,
-	useState,
+  cloneElement,
+  type HTMLAttributes,
+  type SVGProps,
+  useMemo,
+  useRef,
+  useState,
 } from "react";
 import {
-	CapIcon,
-	ChatIcon,
-	ClapIcon,
-	ReactionIcon,
+  CapIcon,
+  ChatIcon,
+  ClapIcon,
+  ReactionIcon,
 } from "@/app/(org)/dashboard/_components/AnimatedIcons";
 import { classNames } from "@/utils/helpers";
 import type { CapIconHandle } from "../../_components/AnimatedIcons/Cap";
 import ChartArea from "./ChartArea";
 
 type boxes = "caps" | "views" | "comments" | "reactions";
+type ChartPoint = {
+  bucket: string;
+  caps: number;
+  views: number;
+  comments: number;
+  reactions: number;
+};
+
+const formatCount = (value: number) => {
+  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;
+  if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`;
+  return value.toLocaleString();
+};
+
 interface StatsChartProps {
-	counts: {
-		caps?: string;
-		views?: string;
-		chats?: string;
-		reactions?: string;
-	};
-	defaultSelectedBox?: boxes;
+  counts: Record<boxes, number>;
+  data: ChartPoint[];
+  defaultSelectedBox?: boxes;
+  isLoading?: boolean;
 }
 
 export default function StatsBox({
-	counts,
-	defaultSelectedBox = "caps",
+  counts,
+  data,
+  defaultSelectedBox = "caps",
+  isLoading,
 }: StatsChartProps) {
-	const [selectedBox, setSelectedBox] = useState<boxes>(defaultSelectedBox);
+  const [selectedBox, setSelectedBox] = useState<boxes>(defaultSelectedBox);
+
+  const capsBoxRef = useRef<CapIconHandle | null>(null);
+  const viewsBoxRef = useRef<CapIconHandle | null>(null);
+  const chatsBoxRef = useRef<CapIconHandle | null>(null);
+  const reactionsBoxRef = useRef<CapIconHandle | null>(null);
 
-	const capsBoxRef = useRef<CapIconHandle | null>(null);
-	const viewsBoxRef = useRef<CapIconHandle | null>(null);
-	const chatsBoxRef = useRef<CapIconHandle | null>(null);
-	const reactionsBoxRef = useRef<CapIconHandle | null>(null);
+  const selectHandler = (box: boxes) => {
+    setSelectedBox(box);
+  };
 
-	const selectHandler = (box: boxes) => {
-		setSelectedBox(box);
-	};
+  const formattedCounts = useMemo(
+    () => ({
+      caps: formatCount(counts.caps),
+      views: formatCount(counts.views),
+      comments: formatCount(counts.comments),
+      reactions: formatCount(counts.reactions),
+    }),
+    [counts]
+  );
 
-	return (
-		<div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-1 border-gray-3">
-			<div className="flex flex-wrap gap-4">
-				{counts.caps && (
-					<StatBox
-						onClick={() => selectHandler("caps")}
-						isSelected={selectedBox === "caps"}
-						title="Caps"
-						value={counts.caps}
-						onMouseEnter={() => capsBoxRef.current?.startAnimation()}
-						onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
-						icon={<CapIcon ref={capsBoxRef} size={20} />}
-					/>
-				)}
-				{counts.views && (
-					<StatBox
-						onClick={() => selectHandler("views")}
-						isSelected={selectedBox === "views"}
-						title="Views"
-						value={counts.views}
-						onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
-						onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
-						icon={<ClapIcon ref={viewsBoxRef} size={20} />}
-					/>
-				)}
-				{counts.chats && (
-					<StatBox
-						onClick={() => selectHandler("comments")}
-						isSelected={selectedBox === "comments"}
-						title="Comments"
-						value={counts.chats}
-						onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
-						onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
-						icon={<ChatIcon ref={chatsBoxRef} size={20} />}
-					/>
-				)}
-				{counts.reactions && (
-					<StatBox
-						onClick={() => selectHandler("reactions")}
-						isSelected={selectedBox === "reactions"}
-						title="Reactions"
-						value={counts.reactions}
-						onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
-						onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
-						icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
-					/>
-				)}
-			</div>
-			<ChartArea selectedMetric={selectedBox} />
-		</div>
-	);
+  return (
+    <div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-1 border-gray-3">
+      <div className="flex flex-wrap gap-4">
+        <StatBox
+          onClick={() => selectHandler("caps")}
+          isSelected={selectedBox === "caps"}
+          title="Caps"
+          value={formattedCounts.caps}
+          onMouseEnter={() => capsBoxRef.current?.startAnimation()}
+          onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
+          icon={<CapIcon ref={capsBoxRef} size={20} />}
+        />
+        <StatBox
+          onClick={() => selectHandler("views")}
+          isSelected={selectedBox === "views"}
+          title="Views"
+          value={formattedCounts.views}
+          onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
+          onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
+          icon={<ClapIcon ref={viewsBoxRef} size={20} />}
+        />
+        <StatBox
+          onClick={() => selectHandler("comments")}
+          isSelected={selectedBox === "comments"}
+          title="Comments"
+          value={formattedCounts.comments}
+          onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
+          onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
+          icon={<ChatIcon ref={chatsBoxRef} size={20} />}
+        />
+        <StatBox
+          onClick={() => selectHandler("reactions")}
+          isSelected={selectedBox === "reactions"}
+          title="Reactions"
+          value={formattedCounts.reactions}
+          onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
+          onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
+          icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
+        />
+      </div>
+      <ChartArea
+        selectedMetric={selectedBox}
+        data={data}
+        isLoading={isLoading}
+      />
+    </div>
+  );
 }
 
 interface StatBoxProps extends HTMLAttributes<HTMLDivElement> {
-	title: string;
-	value: string;
-	icon: React.ReactElement<SVGProps<SVGSVGElement>>;
-	isSelected?: boolean;
+  title: string;
+  value: string;
+  icon: React.ReactElement<SVGProps<SVGSVGElement>>;
+  isSelected?: boolean;
 }
 function StatBox({
-	title,
-	value,
-	icon,
-	isSelected = false,
-	...props
+  title,
+  value,
+  icon,
+  isSelected = false,
+  ...props
 }: StatBoxProps) {
-	return (
-		<div
-			{...props}
-			className={classNames(
-				"flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 bg-transparent rounded-xl border transition-all duration-200 cursor-pointer group h-fit hover:bg-gray-3 border-gray-5",
-				isSelected && "bg-gray-3 border-gray-8",
-			)}
-		>
-			<div className="flex gap-2 items-center h-fit">
-				{cloneElement(icon, {
-					className: classNames(
-						"group-hover:text-gray-12 transition-colors duration-200",
-						isSelected ? "text-gray-12" : "text-gray-10",
-					),
-				})}
-				<p
-					className={classNames(
-						"text-base font-medium transition-colors duration-200 group-hover:text-gray-12 text-gray-10",
-						isSelected && "text-gray-12",
-					)}
-				>
-					{title}
-				</p>
-			</div>
-			<p className="text-2xl font-medium transition-colors duration-200 text-gray-12">
-				{value}
-			</p>
-		</div>
-	);
+  return (
+    <div
+      {...props}
+      className={classNames(
+        "flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 bg-transparent rounded-xl border transition-all duration-200 cursor-pointer group h-fit hover:bg-gray-3 border-gray-5",
+        isSelected && "bg-gray-3 border-gray-8"
+      )}
+    >
+      <div className="flex gap-2 items-center h-fit">
+        {cloneElement(icon, {
+          className: classNames(
+            "group-hover:text-gray-12 transition-colors duration-200",
+            isSelected ? "text-gray-12" : "text-gray-10"
+          ),
+        })}
+        <p
+          className={classNames(
+            "text-base font-medium transition-colors duration-200 group-hover:text-gray-12 text-gray-10",
+            isSelected && "text-gray-12"
+          )}
+        >
+          {title}
+        </p>
+      </div>
+      <p className="text-2xl font-medium transition-colors duration-200 text-gray-12">
+        {value}
+      </p>
+    </div>
+  );
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
index f9e50cbb6f..72b27aa37c 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
@@ -1,20 +1,20 @@
 import {
-	LogoBadge,
-	Select,
-	Table,
-	TableBody,
-	TableCell,
-	TableHead,
-	TableHeader,
-	TableRow,
+  LogoBadge,
+  Select,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
 } from "@cap/ui";
 import {
-	faAppleWhole,
-	faDesktop,
-	faMobileScreen,
-	faFilter,
-	faTablet,
-	faDownLong,
+  faAppleWhole,
+  faDesktop,
+  faDownLong,
+  faFilter,
+  faMobileScreen,
+  faTablet,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
@@ -22,271 +22,276 @@ import getUnicodeFlagIcon from "country-flag-icons/unicode";
 import Image from "next/image";
 
 const countryCodeToIcon = (countryCode: string) => {
-	return getUnicodeFlagIcon(countryCode.toUpperCase());
+  return getUnicodeFlagIcon(countryCode.toUpperCase());
 };
 
+const formatNumber = (value?: number | null) =>
+  value == null ? "—" : value.toLocaleString();
+const formatPercentage = (value?: number | null) =>
+  value == null ? "—" : `${Math.round(value * 100)}%`;
+const skeletonBar = (width = 48) => (
+  <div className="h-2 rounded-full bg-gray-5 animate-pulse" style={{ width }} />
+);
+
 type BrowserType =
-	| "google-chrome"
-	| "firefox"
-	| "safari"
-	| "explorer"
-	| "opera"
-	| "brave"
-	| "vivaldi"
-	| "yandex"
-	| "duckduckgo"
-	| "internet-explorer"
-	| "samsung-internet"
-	| "uc-browser"
-	| "qq-browser"
-	| "maxthon"
-	| "arora"
-	| "lunascape";
+  | "google-chrome"
+  | "firefox"
+  | "safari"
+  | "explorer"
+  | "opera"
+  | "brave"
+  | "vivaldi"
+  | "yandex"
+  | "duckduckgo"
+  | "internet-explorer"
+  | "samsung-internet"
+  | "uc-browser"
+  | "qq-browser"
+  | "maxthon"
+  | "arora"
+  | "lunascape";
 
 type OperatingSystemType = "windows" | "ios" | "linux" | "fedora" | "ubuntu";
 
 type DeviceType = "desktop" | "tablet" | "mobile";
 
 export interface CountryRowData {
-	countryCode: string;
-	name: string;
-	views: string;
-	comments: string;
-	reactions: string;
-	percentage: string;
+  countryCode: string;
+  name: string;
+  views: number;
+  comments?: number | null;
+  reactions?: number | null;
+  percentage: number;
 }
 
 export interface CityRowData {
-	countryCode: string;
-	name: string;
-	views: string;
-	comments: string;
-	reactions: string;
-	percentage: string;
+  countryCode: string;
+  name: string;
+  views: number;
+  comments?: number | null;
+  reactions?: number | null;
+  percentage: number;
 }
 
 export interface BrowserRowData {
-	browser: BrowserType;
-	name: string;
-	views: string;
-	comments: string;
-	reactions: string;
-	percentage: string;
+  browser: BrowserType;
+  name: string;
+  views: number;
+  comments?: number | null;
+  reactions?: number | null;
+  percentage: number;
 }
 
 export interface OSRowData {
-	os: OperatingSystemType;
-	name: string;
-	views: string;
-	comments: string;
-	reactions: string;
-	percentage: string;
+  os: OperatingSystemType;
+  name: string;
+  views: number;
+  comments?: number | null;
+  reactions?: number | null;
+  percentage: number;
 }
 
 export interface DeviceRowData {
-	device: DeviceType;
-	name: string;
-	views: string;
-	comments: string;
-	reactions: string;
-	percentage: string;
+  device: DeviceType;
+  name: string;
+  views: number;
+  comments?: number | null;
+  reactions?: number | null;
+  percentage: number;
 }
 
 export interface CapRowData {
-	name: string;
-	views: string;
-	comments: string;
-	reactions: string;
-	percentage: string;
+  name: string;
+  views: number;
+  comments?: number | null;
+  reactions?: number | null;
+  percentage: number;
 }
 
 export interface TableCardProps {
-	title: string;
-	columns: string[];
-	tableClassname?: string;
-	type: "country" | "city" | "browser" | "os" | "device" | "cap";
-	rows:
-		| CountryRowData[]
-		| CityRowData[]
-		| BrowserRowData[]
-		| OSRowData[]
-		| DeviceRowData[]
-		| CapRowData[];
+  title: string;
+  columns: string[];
+  tableClassname?: string;
+  type: "country" | "city" | "browser" | "os" | "device" | "cap";
+  rows:
+    | CountryRowData[]
+    | CityRowData[]
+    | BrowserRowData[]
+    | OSRowData[]
+    | DeviceRowData[]
+    | CapRowData[];
+  isLoading?: boolean;
 }
 
 const TableCard = ({
-	title,
-	columns,
-	rows,
-	type,
-	tableClassname,
+  title,
+  columns,
+  rows,
+  type,
+  tableClassname,
+  isLoading,
 }: TableCardProps) => {
-	return (
-		<div className="p-5 w-full rounded-xl border bg-gray-2 border-gray-4">
-			<div className="flex flex-1 gap-2 justify-between items-center h-[48px]">
-				<p className="text-lg font-medium text-gray-12">{title}</p>
-				<Select
-					variant="light"
-					icon={<FontAwesomeIcon icon={faFilter} />}
-					size="md"
-					options={[
-						{ label: "Views", value: "views_desc" },
-						{ label: "Comments", value: "comments_desc" },
-						{ label: "Reactions", value: "reactions_desc" },
-						{ label: "Percentage", value: "percentage_desc" },
-					]}
-					onValueChange={() => {}}
-					placeholder="Sort by"
-				/>
-			</div>
-			<div className="w-full">
-				<Table
-					className={clsx(
-						"w-full border-separate table-fixed border-spacing-y-0",
-						tableClassname,
-					)}
-				>
-					<TableHeader>
-						<TableRow className="w-full">
-							{columns.map((column) => (
-								<TableHead
-									key={column}
-									className="border-b px-[6px] text-nowrap border-gray-4 bg-gray-2 text-gray-10"
-								>
-									{column}
-								</TableHead>
-							))}
-						</TableRow>
-					</TableHeader>
-				</Table>
-				<div className="h-[400px] overflow-auto custom-scroll pr-2">
-					<Table
-						className={clsx(
-							"w-full border-separate table-fixed border-spacing-y-2",
-							tableClassname,
-						)}
-					>
-						<TableBody className="before:content-[''] before:block w-full">
-							{rows.map((row) => (
-								<TableRow className="w-full" key={row.name}>
-									<TableCell className="p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
-										<div className="flex gap-2 items-center min-w-0">
-											<span className="flex-shrink-0 fill-[var(--gray-12)]">
-												{getIconForRow(row, type)}
-											</span>
-											<span className="truncate">{row.name}</span>
-										</div>
-									</TableCell>
-									<TableCell className="py-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-										{row.views}
-									</TableCell>
-									<TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-										{row.comments}
-									</TableCell>
-									<TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-										{row.reactions}
-									</TableCell>
-									<TableCell className="p-2.5 px-3 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-										{row.percentage}
-									</TableCell>
-								</TableRow>
-							))}
-						</TableBody>
-					</Table>
-				</div>
-			</div>
-		</div>
-	);
+  const hasRows = rows.length > 0;
+  const placeholders = Array.from({ length: 4 }, (_, index) => ({
+    name: `placeholder-${index}`,
+    views: 0,
+    comments: null,
+    reactions: null,
+    percentage: 0,
+  })) as TableCardProps["rows"];
+
+  const displayRows = hasRows ? rows : placeholders;
+
+  return (
+    <div className="p-5 w-full rounded-xl border bg-gray-2 border-gray-4">
+      <div className="flex flex-1 gap-2 justify-between items-center h-[48px]">
+        <p className="text-lg font-medium text-gray-12">{title}</p>
+        <Select
+          variant="light"
+          placeholder="Views"
+          icon={<FontAwesomeIcon icon={faFilter} className="text-gray-11" />}
+          options={[
+            { value: "views", label: "Views" },
+            { value: "comments", label: "Comments" },
+            { value: "reactions", label: "Reactions" },
+          ]}
+          value="views"
+          onValueChange={() => {}}
+          size="sm"
+        />
+      </div>
+      <div className="flex flex-1 flex-col gap-4 justify-center">
+        <div className="relative w-full">
+          <Table className="w-full border-separate table-fixed border-spacing-y-2">
+            <TableHeader className="text-xs uppercase text-gray-11 opacity-70">
+              <TableRow>
+                {columns.map((column) => (
+                  <TableHead className="px-3 text-left" key={column}>
+                    {column}
+                  </TableHead>
+                ))}
+              </TableRow>
+            </TableHeader>
+            <TableBody
+              className={clsx(
+                "before:content-[''] before:block w-full",
+                tableClassname
+              )}
+            >
+              {displayRows.map((row, index) => {
+                const typedRow = row as {
+                  comments?: number | null;
+                  reactions?: number | null;
+                };
+                return (
+                  <TableRow className="w-full" key={row.name ?? index}>
+                    <TableCell className="p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
+                      <div className="flex gap-2 items-center min-w-0">
+                        <span className="flex-shrink-0 fill-[var(--gray-12)]">
+                          {hasRows ? getIconForRow(row, type) : skeletonBar(16)}
+                        </span>
+                        <span className="truncate">
+                          {hasRows ? row.name : ""}
+                        </span>
+                      </div>
+                    </TableCell>
+                    <TableCell className="py-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+                      {hasRows ? formatNumber(row.views) : skeletonBar()}
+                    </TableCell>
+                    <TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+                      {hasRows
+                        ? formatNumber(typedRow.comments)
+                        : skeletonBar()}
+                    </TableCell>
+                    <TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+                      {hasRows
+                        ? formatNumber(typedRow.reactions)
+                        : skeletonBar()}
+                    </TableCell>
+                    <TableCell className="p-2.5 px-3 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+                      {hasRows
+                        ? formatPercentage(row.percentage)
+                        : skeletonBar(32)}
+                    </TableCell>
+                  </TableRow>
+                );
+              })}
+            </TableBody>
+          </Table>
+        </div>
+      </div>
+    </div>
+  );
 };
 
 const getIconForRow = (
-	row:
-		| CountryRowData
-		| CityRowData
-		| BrowserRowData
-		| OSRowData
-		| DeviceRowData
-		| CapRowData,
-	type: TableCardProps["type"],
+  row:
+    | CountryRowData
+    | CityRowData
+    | BrowserRowData
+    | OSRowData
+    | DeviceRowData
+    | CapRowData,
+  type: TableCardProps["type"]
 ) => {
-	switch (type) {
-		case "country":
-			return countryCodeToIcon((row as CountryRowData).countryCode);
-		case "city":
-			return countryCodeToIcon((row as CityRowData).countryCode);
-		case "browser":
-			return <BrowserIcon browser={(row as BrowserRowData).browser} />;
-		case "os":
-			return <OperatingSystemIcon operatingSystem={(row as OSRowData).os} />;
-		case "device": {
-			const device = (row as DeviceRowData).device;
-			const iconMap = {
-				desktop: faDesktop,
-				tablet: faTablet,
-				mobile: faMobileScreen,
-			};
-			return (
-				<FontAwesomeIcon icon={iconMap[device]} className="text-gray-12" />
-			);
-		}
-		case "cap":
-			return <LogoBadge className="size-4" />;
-		default:
-			return null;
-	}
+  switch (type) {
+    case "country":
+      return countryCodeToIcon((row as CountryRowData).countryCode);
+    case "city":
+      return countryCodeToIcon((row as CityRowData).countryCode);
+    case "browser":
+      return <BrowserIcon browser={(row as BrowserRowData).browser} />;
+    case "os":
+      return <OperatingSystemIcon operatingSystem={(row as OSRowData).os} />;
+    case "device": {
+      const device = (row as DeviceRowData).device;
+      const iconMap = {
+        desktop: faDesktop,
+        tablet: faTablet,
+        mobile: faMobileScreen,
+      };
+      return (
+        <FontAwesomeIcon icon={iconMap[device]} className="text-gray-12" />
+      );
+    }
+    case "cap":
+      return <LogoBadge className="size-4" />;
+    default:
+      return null;
+  }
 };
 
 type OperatingSystemIconProps = {
-	operatingSystem: "windows" | "ios" | "linux" | "fedora" | "ubuntu";
+  operatingSystem: OperatingSystemType;
 };
 
 const OperatingSystemIcon = ({ operatingSystem }: OperatingSystemIconProps) => {
-	if (operatingSystem === "ios") {
-		return <FontAwesomeIcon className="text-gray-12" icon={faAppleWhole} />;
-	} else {
-		return (
-			<Image
-				src={`/logos/os/${operatingSystem}.svg`}
-				alt={operatingSystem}
-				width={16}
-				height={16}
-				className="size-4"
-			/>
-		);
-	}
+  if (operatingSystem === "ios") {
+    return <FontAwesomeIcon className="text-gray-12" icon={faAppleWhole} />;
+  }
+  return (
+    <Image
+      src={`/logos/os/${operatingSystem}.svg`}
+      alt={operatingSystem}
+      width={16}
+      height={16}
+      className="size-4"
+    />
+  );
 };
 
 type BrowserIconProps = {
-	browser:
-		| "google-chrome"
-		| "firefox"
-		| "safari"
-		| "explorer"
-		| "opera"
-		| "brave"
-		| "vivaldi"
-		| "yandex"
-		| "duckduckgo"
-		| "internet-explorer"
-		| "samsung-internet"
-		| "uc-browser"
-		| "qq-browser"
-		| "maxthon"
-		| "arora"
-		| "lunascape"
-		| "lunascape";
+  browser: BrowserType;
 };
 
-const BrowserIcon = ({ browser }: BrowserIconProps) => {
-	return (
-		<Image
-			src={`/logos/browsers/${browser}.svg`}
-			alt={browser}
-			width={16}
-			height={16}
-			className="size-4"
-		/>
-	);
-};
+const BrowserIcon = ({ browser }: BrowserIconProps) => (
+  <Image
+    src={`/logos/browsers/${browser}.svg`}
+    alt={browser}
+    width={16}
+    height={16}
+    className="size-4"
+  />
+);
 
 export default TableCard;
diff --git a/apps/web/app/(org)/dashboard/analytics/data.ts b/apps/web/app/(org)/dashboard/analytics/data.ts
new file mode 100644
index 0000000000..63f0d4000d
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/data.ts
@@ -0,0 +1,640 @@
+import { db } from "@cap/database";
+import { comments, videos } from "@cap/database/schema";
+import { Tinybird } from "@cap/web-backend";
+import { and, between, eq, inArray, sql } from "drizzle-orm";
+import { Effect } from "effect";
+
+import { runPromise } from "@/lib/server";
+
+import type {
+	AnalyticsRange,
+	BreakdownRow,
+	OrgAnalyticsResponse,
+} from "./types";
+
+type VideoRow = typeof videos.$inferSelect;
+type OrgId = VideoRow["orgId"];
+type VideoId = VideoRow["id"];
+
+type CountSeriesRow = { bucket: string; count: number };
+type ViewSeriesRow = { bucket: string; views: number };
+type BreakdownSourceRow = { name: string; views: number; subtitle?: string };
+type TopCapRow = { videoId: string; views: number };
+
+type TinybirdAnalyticsData = {
+	viewSeries: ViewSeriesRow[];
+	countries: BreakdownSourceRow[];
+	cities: BreakdownSourceRow[];
+	browsers: BreakdownSourceRow[];
+	devices: BreakdownSourceRow[];
+	operatingSystems: BreakdownSourceRow[];
+	topCapsRaw: TopCapRow[];
+};
+
+const RANGE_CONFIG: Record<AnalyticsRange, { hours: number; bucket: "hour" | "day" }> = {
+	"24h": { hours: 24, bucket: "hour" },
+	"7d": { hours: 7 * 24, bucket: "day" },
+	"30d": { hours: 30 * 24, bucket: "day" },
+};
+
+const escapeLiteral = (value: string) => value.replace(/'/g, "''");
+const toDateString = (date: Date) => date.toISOString().slice(0, 10);
+const toDateTimeString = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
+
+const normalizeBucket = (input: string | null | undefined, bucket: "hour" | "day") => {
+	if (!input) return undefined;
+	if (input.endsWith("Z")) return input;
+	if (bucket === "day" && input.length === 10) return `${input}T00:00:00Z`;
+	return `${input.replace(" ", "T")}Z`;
+};
+
+const formatBucketTimestamp = (value: Date) =>
+	// Strip milliseconds so we can string-compare with MySQL/Tinybird buckets
+	`${value.toISOString().slice(0, 19)}Z`;
+
+const buildBuckets = (from: Date, to: Date, bucket: "hour" | "day") => {
+	const size = bucket === "hour" ? 60 * 60 * 1000 : 24 * 60 * 60 * 1000;
+	const buckets: string[] = [];
+	const start = Math.floor(from.getTime() / size) * size;
+	const end = Math.floor(to.getTime() / size) * size;
+	for (let ts = start; ts <= end; ts += size) {
+		buckets.push(formatBucketTimestamp(new Date(ts)));
+	}
+	return buckets;
+};
+
+const fallbackIfEmpty = <Row>(
+	primary: Effect.Effect<Row[], never, never>,
+	fallback?: Effect.Effect<Row[], never, never>,
+) =>
+	fallback
+		? primary.pipe(
+			Effect.flatMap((rows) =>
+				rows.length > 0 ? Effect.succeed(rows) : fallback,
+			),
+		)
+		: primary;
+
+const withTinybirdFallback = <Row>(
+	effect: Effect.Effect<unknown, unknown, never>,
+) =>
+	effect.pipe(
+		Effect.catchAll((e) => {
+			console.error("tinybird query error", e);
+			return Effect.succeed<{ data: Row[] }>({ data: [] as Row[] });
+		}),
+		Effect.map((res) => {
+			console.log("tinybird raw response", JSON.stringify(res, null, 2));
+			const response = res as { data: unknown[] };
+			const data = response.data ?? [];
+			console.log("tinybird data array", JSON.stringify(data, null, 2));
+			const filtered = data.filter((item): item is Row => {
+				const isObject = typeof item === "object" && item !== null;
+				if (!isObject) {
+					console.log("filtered out non-object item", typeof item, item);
+				}
+				return isObject;
+			}) as Row[];
+			console.log("tinybird filtered rows", JSON.stringify(filtered, null, 2));
+			return filtered;
+		}),
+	);
+
+export const getOrgAnalyticsData = async (
+	orgId: string,
+	range: AnalyticsRange,
+): Promise<OrgAnalyticsResponse> => {
+	const rangeConfig = RANGE_CONFIG[range];
+	const to = new Date();
+	const from = new Date(to.getTime() - rangeConfig.hours * 60 * 60 * 1000);
+	const buckets = buildBuckets(from, to, rangeConfig.bucket);
+	const typedOrgId = orgId as OrgId;
+
+	const [capsSeries, commentSeries, reactionSeries] = await Promise.all([
+		queryVideoSeries(typedOrgId, from, to, rangeConfig.bucket),
+		queryCommentsSeries(typedOrgId, from, to, "text", rangeConfig.bucket),
+		queryCommentsSeries(typedOrgId, from, to, "emoji", rangeConfig.bucket),
+	]);
+
+	const tinybirdData = await runPromise(
+		Effect.gen(function* () {
+			const tinybird = yield* Tinybird;
+			console.log("getOrgAnalyticsData - orgId:", orgId, "range:", range);
+			console.log("getOrgAnalyticsData - from:", from.toISOString(), "to:", to.toISOString());
+			
+			const viewSeries = yield* queryViewSeries(
+				tinybird,
+				typedOrgId,
+				from,
+				to,
+				rangeConfig.bucket,
+			);
+			console.log("getOrgAnalyticsData - viewSeries:", JSON.stringify(viewSeries, null, 2));
+			
+			const countries = yield* queryCountries(tinybird, typedOrgId, from, to);
+			console.log("getOrgAnalyticsData - countries:", JSON.stringify(countries, null, 2));
+			
+			const cities = yield* queryCities(tinybird, typedOrgId, from, to);
+			console.log("getOrgAnalyticsData - cities:", JSON.stringify(cities, null, 2));
+			
+			const browsers = yield* queryBrowsers(tinybird, typedOrgId, from, to);
+			console.log("getOrgAnalyticsData - browsers:", JSON.stringify(browsers, null, 2));
+			
+			const devices = yield* queryDevices(tinybird, typedOrgId, from, to);
+			console.log("getOrgAnalyticsData - devices:", JSON.stringify(devices, null, 2));
+			
+			const operatingSystems = yield* queryOperatingSystems(
+				tinybird,
+				typedOrgId,
+				from,
+				to,
+			);
+			console.log("getOrgAnalyticsData - operatingSystems:", JSON.stringify(operatingSystems, null, 2));
+			
+			const topCapsRaw = yield* queryTopCaps(tinybird, typedOrgId, from, to);
+			console.log("getOrgAnalyticsData - topCapsRaw:", JSON.stringify(topCapsRaw, null, 2));
+			
+			return {
+				viewSeries,
+				countries,
+				cities,
+				browsers,
+				devices,
+				operatingSystems,
+				topCapsRaw,
+			} satisfies TinybirdAnalyticsData;
+		}),
+	);
+
+	const totalViews = tinybirdData.viewSeries.reduce((sum, row) => sum + row.views, 0);
+	const totalCaps = capsSeries.reduce((sum, row) => sum + row.count, 0);
+	const totalComments = commentSeries.reduce((sum, row) => sum + row.count, 0);
+	const totalReactions = reactionSeries.reduce((sum, row) => sum + row.count, 0);
+
+	const chartData = buckets.map((bucket) => ({
+		bucket,
+		caps: capsSeries.find((row) => row.bucket === bucket)?.count ?? 0,
+		views: tinybirdData.viewSeries.find((row) => row.bucket === bucket)?.views ?? 0,
+		comments: commentSeries.find((row) => row.bucket === bucket)?.count ?? 0,
+		reactions: reactionSeries.find((row) => row.bucket === bucket)?.count ?? 0,
+	}));
+
+	const videoNames = await loadVideoNames(
+		tinybirdData.topCapsRaw.map((cap) => cap.videoId).filter(Boolean),
+	);
+
+	return {
+		counts: {
+			caps: totalCaps,
+			views: totalViews,
+			comments: totalComments,
+			reactions: totalReactions,
+		},
+		chart: chartData,
+		breakdowns: {
+			countries: formatBreakdown(
+				tinybirdData.countries,
+				totalViews,
+				(row) => row.name,
+			),
+			cities: formatBreakdown(
+				tinybirdData.cities,
+				totalViews,
+				(row) => row.name,
+			),
+			browsers: formatBreakdown(
+				tinybirdData.browsers,
+				totalViews,
+				(row) => row.name,
+			),
+			operatingSystems: formatBreakdown(
+				tinybirdData.operatingSystems,
+				totalViews,
+				(row) => row.name,
+			),
+			devices: formatBreakdown(
+				tinybirdData.devices,
+				totalViews,
+				(row) => row.name,
+			),
+			topCaps: tinybirdData.topCapsRaw.map((row) => ({
+				id: row.videoId,
+				name: videoNames.get(row.videoId) ?? row.videoId,
+				views: row.views,
+				percentage: totalViews > 0 ? row.views / totalViews : 0,
+			})),
+		},
+	};
+};
+
+const formatBreakdown = <T extends { name: string; views: number }>(
+	rows: T[],
+	totalViews: number,
+	getName: (row: T) => string,
+): BreakdownRow[] =>
+	rows.map((row) => ({
+		name: getName(row),
+		views: row.views,
+		percentage: totalViews > 0 ? row.views / totalViews : 0,
+	}));
+
+const loadVideoNames = async (videoIds: ReadonlyArray<string>) => {
+	if (videoIds.length === 0) return new Map<string, string>();
+	const typedVideoIds = videoIds.map((id) => id as VideoId);
+	const records = await db()
+		.select({ id: videos.id, name: videos.name })
+		.from(videos)
+		.where(inArray(videos.id, typedVideoIds));
+	return new Map(records.map((record) => [record.id, record.name]));
+};
+
+const queryVideoSeries = async (
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+	bucket: "hour" | "day",
+): Promise<CountSeriesRow[]> => {
+	const bucketExpr =
+		bucket === "hour"
+			? sql<string>`DATE_FORMAT(${videos.createdAt}, '%Y-%m-%dT%H:00:00Z')`
+			: sql<string>`DATE_FORMAT(${videos.createdAt}, '%Y-%m-%dT00:00:00Z')`;
+
+	const rows = await db()
+		.select({ bucket: bucketExpr, count: sql<number>`COUNT(*)` })
+		.from(videos)
+		.where(and(eq(videos.orgId, orgId), between(videos.createdAt, from, to)))
+		.groupBy(bucketExpr);
+
+	return rows
+		.map((row) => ({
+			bucket: normalizeBucket(row.bucket, bucket),
+			count: Number(row.count) || 0,
+		}))
+		.filter((row): row is CountSeriesRow => Boolean(row.bucket));
+};
+
+const queryCommentsSeries = async (
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+	type: "text" | "emoji",
+	bucket: "hour" | "day",
+): Promise<CountSeriesRow[]> => {
+	const column = comments.createdAt;
+	const bucketExpr =
+		bucket === "hour"
+			? sql<string>`DATE_FORMAT(${column}, '%Y-%m-%dT%H:00:00Z')`
+			: sql<string>`DATE_FORMAT(${column}, '%Y-%m-%dT00:00:00Z')`;
+
+	const rows = await db()
+		.select({ bucket: bucketExpr, count: sql<number>`COUNT(*)` })
+		.from(comments)
+		.innerJoin(videos, eq(comments.videoId, videos.id))
+		.where(
+			and(
+				eq(videos.orgId, orgId),
+				eq(comments.type, type),
+				between(comments.createdAt, from, to),
+			),
+		)
+		.groupBy(bucketExpr);
+
+	return rows
+		.map((row) => ({
+			bucket: normalizeBucket(row.bucket, bucket),
+			count: Number(row.count) || 0,
+		}))
+		.filter((row): row is CountSeriesRow => Boolean(row.bucket));
+};
+
+const queryViewSeries = (
+	tinybird: Tinybird,
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+	bucket: "hour" | "day",
+) => {
+	const bucketFormatter = bucket === "hour" ? "%Y-%m-%dT%H:00:00Z" : "%Y-%m-%dT00:00:00Z";
+	const rawSql = `
+		SELECT
+			formatDateTime(${bucket === "hour" ? "toStartOfHour" : "toStartOfDay"}(timestamp), '${bucketFormatter}') as bucket,
+			uniq(session_id) as views
+		FROM analytics_events
+		WHERE action = 'page_hit'
+			AND tenant_id = '${escapeLiteral(orgId)}'
+			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+		GROUP BY bucket
+		ORDER BY bucket
+	`;
+
+	const aggregatedSql = `
+		SELECT
+			formatDateTime(date, '${bucketFormatter}') as bucket,
+			uniqMerge(visits) as views
+		FROM analytics_pages_mv
+		WHERE tenant_id = '${escapeLiteral(orgId)}'
+			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+		GROUP BY bucket
+		ORDER BY bucket
+	`;
+
+	type Row = { bucket: string; views: number };
+	const rawEffect = withTinybirdFallback<Row>(tinybird.querySql<Row>(rawSql));
+	const effect =
+		bucket === "hour"
+			? rawEffect
+			: fallbackIfEmpty(
+				withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+				rawEffect,
+			);
+
+	return effect.pipe(
+		Effect.map((rows) =>
+			rows.map((row) => ({
+				bucket: row.bucket,
+				views: Number(row.views) || 0,
+			})),
+		),
+	);
+};
+
+const queryCountries = (
+	tinybird: Tinybird,
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+) => {
+	const aggregatedSql = `
+		SELECT
+			country as name,
+			uniqMerge(visits) as views
+		FROM analytics_pages_mv
+		WHERE tenant_id = '${escapeLiteral(orgId)}'
+			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+			AND country != ''
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	const rawSql = `
+		SELECT
+			coalesce(nullIf(country, ''), '') as name,
+			uniq(session_id) as views
+		FROM analytics_events
+		WHERE action = 'page_hit'
+			AND tenant_id = '${escapeLiteral(orgId)}'
+			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+			AND country != ''
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	type Row = { name: string; views: number };
+	return fallbackIfEmpty(
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(rawSql)),
+	).pipe(
+		Effect.map((rows) =>
+			rows.map((row) => ({
+				name: row.name,
+				views: Number(row.views) || 0,
+			})),
+		),
+	);
+};
+
+const queryCities = (
+	tinybird: Tinybird,
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+) => {
+	const aggregatedSql = `
+		SELECT
+			country as country,
+			city as city,
+			uniqMerge(visits) as views
+		FROM analytics_pages_mv
+		WHERE tenant_id = '${escapeLiteral(orgId)}'
+			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+			AND city != ''
+		GROUP BY country, city
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	const rawSql = `
+		SELECT
+			coalesce(nullIf(country, ''), '') as country,
+			coalesce(nullIf(city, ''), '') as city,
+			uniq(session_id) as views
+		FROM analytics_events
+		WHERE action = 'page_hit'
+			AND tenant_id = '${escapeLiteral(orgId)}'
+			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+			AND city != ''
+		GROUP BY country, city
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	type Row = { country: string; city: string; views: number };
+	return fallbackIfEmpty(
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(rawSql)),
+	).pipe(
+		Effect.map((rows) =>
+			rows.map((row) => ({
+				name: row.city,
+				subtitle: row.country,
+				views: Number(row.views) || 0,
+			})),
+		),
+	);
+};
+
+const queryBrowsers = (
+	tinybird: Tinybird,
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+) => {
+	const aggregatedSql = `
+		SELECT
+			browser as name,
+			uniq(session_id) as views
+		FROM analytics_sessions_mv
+		WHERE tenant_id = '${escapeLiteral(orgId)}'
+			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	const rawSql = `
+		SELECT
+			coalesce(nullIf(browser, ''), 'unknown') as name,
+			uniq(session_id) as views
+		FROM analytics_events
+		WHERE action = 'page_hit'
+			AND tenant_id = '${escapeLiteral(orgId)}'
+			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	type Row = { name: string; views: number };
+	return fallbackIfEmpty(
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(rawSql)),
+	).pipe(
+		Effect.map((rows) =>
+			rows.map((row) => ({
+				name: row.name,
+				views: Number(row.views) || 0,
+			})),
+		),
+	);
+};
+
+const queryDevices = (
+	tinybird: Tinybird,
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+) => {
+	const aggregatedSql = `
+		SELECT
+			device as name,
+			uniq(session_id) as views
+		FROM analytics_sessions_mv
+		WHERE tenant_id = '${escapeLiteral(orgId)}'
+			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	const rawSql = `
+		SELECT
+			coalesce(nullIf(device, ''), 'desktop') as name,
+			uniq(session_id) as views
+		FROM analytics_events
+		WHERE action = 'page_hit'
+			AND tenant_id = '${escapeLiteral(orgId)}'
+			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	type Row = { name: string; views: number };
+	return fallbackIfEmpty(
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(rawSql)),
+	).pipe(
+		Effect.map((rows) =>
+			rows.map((row) => ({
+				name: row.name,
+				views: Number(row.views) || 0,
+			})),
+		),
+	);
+};
+
+const queryOperatingSystems = (
+	tinybird: Tinybird,
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+) => {
+	const aggregatedSql = `
+		SELECT
+			os as name,
+			uniq(session_id) as views
+		FROM analytics_sessions_mv
+		WHERE tenant_id = '${escapeLiteral(orgId)}'
+			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	const rawSql = `
+		SELECT
+			coalesce(nullIf(os, ''), 'unknown') as name,
+			uniq(session_id) as views
+		FROM analytics_events
+		WHERE action = 'page_hit'
+			AND tenant_id = '${escapeLiteral(orgId)}'
+			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+		GROUP BY name
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	type Row = { name: string; views: number };
+	return fallbackIfEmpty(
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(rawSql)),
+	).pipe(
+		Effect.map((rows) =>
+			rows.map((row) => ({
+				name: row.name,
+				views: Number(row.views) || 0,
+			})),
+		),
+	);
+};
+
+const queryTopCaps = (
+	tinybird: Tinybird,
+	orgId: OrgId,
+	from: Date,
+	to: Date,
+) => {
+	const aggregatedSql = `
+		SELECT
+			pathname,
+			uniqMerge(visits) as views
+		FROM analytics_pages_mv
+		WHERE tenant_id = '${escapeLiteral(orgId)}'
+			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+			AND startsWith(pathname, '/s/')
+		GROUP BY pathname
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	const rawSql = `
+		SELECT
+			coalesce(pathname, '') as pathname,
+			uniq(session_id) as views
+		FROM analytics_events
+		WHERE action = 'page_hit'
+			AND tenant_id = '${escapeLiteral(orgId)}'
+			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+		GROUP BY pathname
+		HAVING startsWith(pathname, '/s/')
+		ORDER BY views DESC
+		LIMIT 10
+	`;
+
+	type Row = { pathname: string; views: number };
+	return fallbackIfEmpty(
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+		withTinybirdFallback<Row>(tinybird.querySql<Row>(rawSql)),
+	).pipe(
+		Effect.map((rows) =>
+			rows
+				.map((row) => ({
+					videoId: row.pathname?.split("/s/")[1] ?? row.pathname,
+					views: Number(row.views) || 0,
+				}))
+				.filter((row): row is TopCapRow => Boolean(row.videoId)),
+		),
+	);
+};
diff --git a/apps/web/app/(org)/dashboard/analytics/page.tsx b/apps/web/app/(org)/dashboard/analytics/page.tsx
index bdadbaf0d9..a52cf3ae7a 100644
--- a/apps/web/app/(org)/dashboard/analytics/page.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/page.tsx
@@ -1,386 +1,5 @@
-import Header from "./components/Header";
-import OtherStats, { type OtherStatsData } from "./components/OtherStats";
-import StatsChart from "./components/StatsChart";
+import { AnalyticsDashboard } from "./components/AnalyticsDashboard";
 
 export default function AnalyticsPage() {
-	return (
-		<div className="space-y-8">
-			<Header />
-			<StatsChart
-				counts={{
-					caps: "524",
-					views: "2,768",
-					chats: "100",
-					reactions: "170",
-				}}
-			/>
-			<OtherStats data={mockData} />
-		</div>
-	);
+	return <AnalyticsDashboard />;
 }
-
-const mockData: OtherStatsData = {
-	countries: [
-		{
-			countryCode: "US",
-			name: "United States",
-			views: "8,452",
-			comments: "100",
-			reactions: "100",
-			percentage: "34.2%",
-		},
-		{
-			countryCode: "GB",
-			name: "United Kingdom",
-			views: "3,891",
-			comments: "100",
-			reactions: "100",
-			percentage: "15.7%",
-		},
-		{
-			countryCode: "CA",
-			name: "Canada",
-			views: "2,764",
-			comments: "100",
-			reactions: "100",
-			percentage: "11.2%",
-		},
-		{
-			countryCode: "DE",
-			name: "Germany",
-			views: "2,143",
-			comments: "100",
-			reactions: "100",
-			percentage: "8.7%",
-		},
-		{
-			countryCode: "FR",
-			name: "France",
-			views: "1,876",
-			comments: "100",
-			reactions: "100",
-			percentage: "7.6%",
-		},
-		{
-			countryCode: "AU",
-			name: "Australia",
-			views: "1,542",
-			comments: "100",
-			reactions: "100",
-			percentage: "6.2%",
-		},
-		{
-			countryCode: "JP",
-			name: "Japan",
-			views: "1,298",
-			comments: "100",
-			reactions: "100",
-			percentage: "5.2%",
-		},
-		{
-			countryCode: "BR",
-			name: "Brazil",
-			views: "987",
-			comments: "100",
-			reactions: "100",
-			percentage: "4.0%",
-		},
-	],
-	cities: [
-		{
-			countryCode: "US",
-			name: "New York",
-			views: "3,421",
-			comments: "100",
-			reactions: "100",
-			percentage: "18.7%",
-		},
-		{
-			countryCode: "US",
-			name: "Los Angeles",
-			views: "2,876",
-			comments: "100",
-			reactions: "100",
-			percentage: "15.7%",
-		},
-		{
-			countryCode: "GB",
-			name: "London",
-			views: "2,145",
-			comments: "100",
-			reactions: "100",
-			percentage: "11.7%",
-		},
-		{
-			countryCode: "CA",
-			name: "Toronto",
-			views: "1,892",
-			comments: "100",
-			reactions: "100",
-			percentage: "10.3%",
-		},
-		{
-			countryCode: "US",
-			name: "San Francisco",
-			views: "1,654",
-			comments: "100",
-			reactions: "100",
-			percentage: "9.0%",
-		},
-		{
-			countryCode: "US",
-			name: "Chicago",
-			views: "1,432",
-			comments: "100",
-			reactions: "100",
-			percentage: "7.8%",
-		},
-		{
-			countryCode: "DE",
-			name: "Berlin",
-			views: "1,198",
-			comments: "100",
-			reactions: "100",
-			percentage: "6.5%",
-		},
-		{
-			countryCode: "US",
-			name: "Seattle",
-			views: "987",
-			comments: "100",
-			reactions: "100",
-			percentage: "5.4%",
-		},
-		{
-			countryCode: "AU",
-			name: "Sydney",
-			views: "876",
-			comments: "100",
-			reactions: "100",
-			percentage: "4.8%",
-		},
-		{
-			countryCode: "FR",
-			name: "Paris",
-			views: "743",
-			comments: "100",
-			reactions: "100",
-			percentage: "4.1%",
-		},
-		{
-			countryCode: "US",
-			name: "Boston",
-			views: "621",
-			comments: "100",
-			reactions: "100",
-			percentage: "3.4%",
-		},
-	],
-	browsers: [
-		{
-			browser: "google-chrome",
-			name: "Chrome",
-			views: "12,456",
-			comments: "100",
-			reactions: "100",
-			percentage: "42.3%",
-		},
-		{
-			browser: "safari",
-			name: "Safari",
-			views: "6,234",
-			comments: "100",
-			reactions: "100",
-			percentage: "21.2%",
-		},
-		{
-			browser: "firefox",
-			name: "Firefox",
-			views: "4,187",
-			comments: "100",
-			reactions: "100",
-			percentage: "14.2%",
-		},
-		{
-			browser: "explorer",
-			name: "Edge",
-			views: "3,542",
-			comments: "100",
-			reactions: "100",
-			percentage: "12.0%",
-		},
-		{
-			browser: "brave",
-			name: "Brave",
-			views: "1,876",
-			comments: "100",
-			reactions: "100",
-			percentage: "6.4%",
-		},
-		{
-			browser: "opera",
-			name: "Opera",
-			views: "654",
-			comments: "100",
-			reactions: "100",
-			percentage: "2.2%",
-		},
-		{
-			browser: "vivaldi",
-			name: "Vivaldi",
-			views: "298",
-			comments: "100",
-			reactions: "100",
-			percentage: "1.0%",
-		},
-		{
-			browser: "yandex",
-			name: "Yandex",
-			views: "143",
-			comments: "100",
-			reactions: "100",
-			percentage: "0.5%",
-		},
-		{
-			browser: "duckduckgo",
-			name: "DuckDuckGo",
-			views: "67",
-			comments: "100",
-			reactions: "100",
-			percentage: "0.2%",
-		},
-	],
-	operatingSystems: [
-		{
-			os: "windows",
-			name: "Windows",
-			views: "9,876",
-			comments: "100",
-			reactions: "100",
-			percentage: "38.7%",
-		},
-		{
-			os: "ios",
-			name: "macOS",
-			views: "7,432",
-			comments: "100",
-			reactions: "100",
-			percentage: "29.1%",
-		},
-		{
-			os: "linux",
-			name: "Linux",
-			views: "3,654",
-			comments: "100",
-			reactions: "100",
-			percentage: "14.3%",
-		},
-		{
-			os: "ubuntu",
-			name: "Ubuntu",
-			views: "2,187",
-			comments: "100",
-			reactions: "100",
-			percentage: "8.6%",
-		},
-		{
-			os: "fedora",
-			name: "Fedora",
-			views: "1,243",
-			comments: "100",
-			reactions: "100",
-			percentage: "4.9%",
-		},
-	],
-	deviceTypes: [
-		{
-			device: "desktop",
-			name: "Desktop",
-			views: "2,456",
-			comments: "100",
-			reactions: "100",
-			percentage: "45.6%",
-		},
-		{
-			device: "tablet",
-			name: "Tablet",
-			views: "1,234",
-			comments: "100",
-			reactions: "100",
-			percentage: "23.4%",
-		},
-		{
-			device: "mobile",
-			name: "Mobile",
-			views: "1,789",
-			comments: "100",
-			reactions: "100",
-			percentage: "30.9%",
-		},
-	],
-	topCaps: [
-		{
-			name: "Product Demo - Q4 2024",
-			views: "5,842",
-			comments: "100",
-			reactions: "100",
-			percentage: "28.3%",
-		},
-		{
-			name: "Tutorial: Getting Started",
-			views: "4,156",
-			comments: "100",
-			reactions: "100",
-			percentage: "20.1%",
-		},
-		{
-			name: "Team Meeting Highlights",
-			views: "3,421",
-			comments: "100",
-			reactions: "100",
-			percentage: "16.6%",
-		},
-		{
-			name: "Bug Fix Walkthrough",
-			views: "2,789",
-			comments: "100",
-			reactions: "100",
-			percentage: "13.5%",
-		},
-		{
-			name: "Feature Announcement",
-			views: "1,923",
-			comments: "100",
-			reactions: "100",
-			percentage: "9.3%",
-		},
-		{
-			name: "Customer Feedback Review",
-			views: "1,245",
-			comments: "100",
-			reactions: "100",
-			percentage: "6.0%",
-		},
-		{
-			name: "Sprint Retrospective",
-			views: "876",
-			comments: "100",
-			reactions: "100",
-			percentage: "4.2%",
-		},
-		{
-			name: "Design System Update",
-			views: "543",
-			comments: "100",
-			reactions: "100",
-			percentage: "2.6%",
-		},
-		{
-			name: "API Documentation Demo",
-			views: "289",
-			comments: "100",
-			reactions: "100",
-			percentage: "1.4%",
-		},
-	],
-};
diff --git a/apps/web/app/(org)/dashboard/analytics/types.ts b/apps/web/app/(org)/dashboard/analytics/types.ts
new file mode 100644
index 0000000000..272b1a9a94
--- /dev/null
+++ b/apps/web/app/(org)/dashboard/analytics/types.ts
@@ -0,0 +1,32 @@
+export type AnalyticsRange = "24h" | "7d" | "30d";
+
+export interface BreakdownRow {
+	name: string;
+	subtitle?: string | null;
+	views: number;
+	percentage: number;
+}
+
+export interface OrgAnalyticsResponse {
+	counts: {
+		caps: number;
+		views: number;
+		comments: number;
+		reactions: number;
+	};
+	chart: Array<{
+		bucket: string;
+		caps: number;
+		views: number;
+		comments: number;
+		reactions: number;
+	}>;
+	breakdowns: {
+		countries: BreakdownRow[];
+		cities: BreakdownRow[];
+		browsers: BreakdownRow[];
+		operatingSystems: BreakdownRow[];
+		devices: BreakdownRow[];
+		topCaps: Array<BreakdownRow & { id: string }>;
+	};
+}
diff --git a/apps/web/app/api/analytics/route.ts b/apps/web/app/api/analytics/route.ts
index 7a3fd4a061..949edfb8f2 100644
--- a/apps/web/app/api/analytics/route.ts
+++ b/apps/web/app/api/analytics/route.ts
@@ -1,16 +1,34 @@
 import type { NextRequest } from "next/server";
 import { getVideoAnalytics } from "@/actions/videos/get-analytics";
 
+const parseRangeParam = (value: string | null) => {
+	if (!value) return undefined;
+	const trimmed = value.trim();
+	if (!trimmed) return undefined;
+	const normalized = trimmed.endsWith("d") || trimmed.endsWith("D")
+		? trimmed.slice(0, -1)
+		: trimmed;
+	const parsed = Number.parseInt(normalized, 10);
+	if (!Number.isFinite(parsed) || parsed <= 0) return undefined;
+	return parsed;
+};
+
+export const dynamic = 'force-dynamic';
+
 export async function GET(request: NextRequest) {
 	const url = new URL(request.url);
 	const videoId = url.searchParams.get("videoId");
+	const rangeParam = url.searchParams.get("range");
+	const rangeDays = parseRangeParam(rangeParam);
 
 	if (!videoId) {
 		return Response.json({ error: "Video ID is required" }, { status: 400 });
 	}
 
 	try {
-		const result = await getVideoAnalytics(videoId);
+		console.log("videoId", videoId);
+		const result = await getVideoAnalytics(videoId, { rangeDays });
+		console.log("result", result);
 		return Response.json({ count: result.count }, { status: 200 });
 	} catch (error) {
 		console.error("Error fetching video analytics:", error);
diff --git a/apps/web/app/api/analytics/track/route.ts b/apps/web/app/api/analytics/track/route.ts
new file mode 100644
index 0000000000..160254f55a
--- /dev/null
+++ b/apps/web/app/api/analytics/track/route.ts
@@ -0,0 +1,104 @@
+import { provideOptionalAuth, Tinybird } from "@cap/web-backend";
+import { CurrentUser } from "@cap/web-domain";
+import { Effect, Option } from "effect";
+import type { NextRequest } from "next/server";
+import UAParser from "ua-parser-js";
+
+import { runPromise } from "@/lib/server";
+
+interface TrackPayload {
+	videoId: string;
+	orgId?: string | null;
+	ownerId?: string | null;
+	sessionId?: string;
+	pathname?: string;
+	hostname?: string | null;
+	userAgent?: string;
+	occurredAt?: string;
+}
+
+const sanitizeString = (value?: string | null) =>
+	value?.trim() && value.trim() !== "unknown"
+		? value.trim().slice(0, 256)
+		: undefined;
+
+export async function POST(request: NextRequest) {
+	let body: TrackPayload;
+	try {
+		body = (await request.json()) as TrackPayload;
+	} catch (_error) {
+		return Response.json({ error: "Invalid JSON payload" }, { status: 400 });
+	}
+
+	if (!body?.videoId) {
+		return Response.json({ error: "videoId is required" }, { status: 400 });
+	}
+
+	const sessionId = body.sessionId?.slice(0, 128) ?? "anon";
+	const userAgent =
+		sanitizeString(request.headers.get("user-agent")) ||
+		sanitizeString(body.userAgent) ||
+		"unknown";
+	const parser = new UAParser(userAgent);
+	const browserName = parser.getBrowser().name ?? "unknown";
+	const osName = parser.getOS().name ?? "unknown";
+	const deviceType = parser.getDevice().type ?? "desktop";
+
+	const timestamp = body.occurredAt
+		? new Date(body.occurredAt)
+		: new Date();
+
+	const country =
+		sanitizeString(request.headers.get("x-vercel-ip-country")) ||
+		"";
+	const region =
+		sanitizeString(request.headers.get("x-vercel-ip-country-region")) ||
+		"";
+	const city = sanitizeString(request.headers.get("x-vercel-ip-city")) || "";
+
+	const hostname =
+		sanitizeString(body.hostname) ||
+		sanitizeString(request.nextUrl.hostname) ||
+		"";
+
+	const tenantId =
+		body.orgId ||
+		body.ownerId ||
+		(hostname ? `domain:${hostname}` : "public");
+
+	const pathname = body.pathname ?? `/s/${body.videoId}`;
+
+	await runPromise(
+		Effect.gen(function* () {
+			const maybeUser = yield* Effect.serviceOption(CurrentUser);
+			const userId = Option.isSome(maybeUser)
+				? maybeUser.value.id
+				: null;
+			if (userId && body.ownerId && userId === body.ownerId) {
+				return;
+			}
+
+			const tinybird = yield* Tinybird;
+			yield* tinybird.appendEvents([
+				{
+					timestamp: timestamp.toISOString(),
+					session_id: sessionId,
+					action: "page_hit",
+					version: "1.0",
+					tenant_id: tenantId,
+					video_id: body.videoId,
+					pathname,
+					country,
+					region,
+					city,
+					browser: browserName,
+					device: deviceType,
+					os: osName,
+					user_id: userId,
+				},
+			]);
+		}).pipe(provideOptionalAuth),
+	);
+
+	return Response.json({ success: true });
+}
diff --git a/apps/web/app/api/dashboard/analytics/route.ts b/apps/web/app/api/dashboard/analytics/route.ts
new file mode 100644
index 0000000000..3894df02b7
--- /dev/null
+++ b/apps/web/app/api/dashboard/analytics/route.ts
@@ -0,0 +1,39 @@
+import { getCurrentUser } from "@cap/database/auth/session";
+import type { NextRequest } from "next/server";
+
+import { getOrgAnalyticsData } from "@/app/(org)/dashboard/analytics/data";
+import type { AnalyticsRange } from "@/app/(org)/dashboard/analytics/types";
+
+const RANGE_VALUES: AnalyticsRange[] = ["24h", "7d", "30d"];
+
+export const dynamic = "force-dynamic";
+
+export async function GET(request: NextRequest) {
+	const user = await getCurrentUser();
+	if (!user)
+		return Response.json({ error: "Unauthorized" }, { status: 401 });
+
+	const { searchParams } = new URL(request.url);
+	const requestedOrgId = searchParams.get("orgId");
+	const orgId = requestedOrgId ?? user.activeOrganizationId;
+
+	if (!orgId)
+		return Response.json({ error: "No active organization" }, { status: 400 });
+
+	if (requestedOrgId && requestedOrgId !== user.activeOrganizationId) {
+		return Response.json({ error: "Forbidden" }, { status: 403 });
+	}
+
+	const rangeParam = (searchParams.get("range") ?? "7d") as AnalyticsRange;
+	const range: AnalyticsRange = RANGE_VALUES.includes(rangeParam)
+		? rangeParam
+		: "7d";
+
+	try {
+		const data = await getOrgAnalyticsData(orgId, range);
+		return Response.json({ data });
+	} catch (error) {
+		console.error("Failed to load analytics", error);
+		return Response.json({ error: "Failed to load analytics" }, { status: 500 });
+	}
+}
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 7130597f6e..bf9d86a207 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -4,7 +4,6 @@ import { buildEnv, serverEnv } from "@cap/env";
 import { STRIPE_PLAN_IDS, userIsPro } from "@cap/utils";
 import { ImageUploads } from "@cap/web-backend";
 import type { ImageUpload } from "@cap/web-domain";
-import { Analytics as DubAnalytics } from "@dub/analytics/react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Effect } from "effect";
 import type { Metadata } from "next";
@@ -147,13 +146,6 @@ export default ({ children }: PropsWithChildren) =>
 							</AuthContextProvider>
 						</PostHogProvider>
 					</TooltipPrimitive.Provider>
-					{buildEnv.NEXT_PUBLIC_IS_CAP && (
-						<DubAnalytics
-							domainsConfig={{
-								refer: "go.cap.so",
-							}}
-						/>
-					)}
 				</body>
 			</html>
 		);
diff --git a/apps/web/app/s/[videoId]/Share.tsx b/apps/web/app/s/[videoId]/Share.tsx
index 347c5bd5a0..d830277c17 100644
--- a/apps/web/app/s/[videoId]/Share.tsx
+++ b/apps/web/app/s/[videoId]/Share.tsx
@@ -7,6 +7,7 @@ import {
 	startTransition,
 	use,
 	useCallback,
+	useEffect,
 	useMemo,
 	useOptimistic,
 	useRef,
@@ -34,6 +35,107 @@ export type CommentType = typeof commentsSchema.$inferSelect & {
 	sending?: boolean;
 };
 
+const SESSION_STORAGE_KEY = "cap_tb_session_id";
+const SESSION_TTL_MS = 30 * 60 * 1000; // 30 minutes
+
+const ensureAnalyticsSessionId = () => {
+	if (typeof window === "undefined") return "anonymous";
+	try {
+		const raw = window.localStorage.getItem(SESSION_STORAGE_KEY);
+		const now = Date.now();
+		if (raw) {
+			const parsed = JSON.parse(raw) as { value: string; expiry: number };
+			if (parsed?.value && parsed.expiry > now) return parsed.value;
+		}
+		const newId =
+			typeof crypto !== "undefined" && "randomUUID" in crypto
+				? crypto.randomUUID()
+				: Math.random().toString(36).slice(2);
+		window.localStorage.setItem(
+			SESSION_STORAGE_KEY,
+			JSON.stringify({ value: newId, expiry: now + SESSION_TTL_MS }),
+		);
+		return newId;
+	} catch (error) {
+		console.warn("Failed to persist analytics session id", error);
+		return "anonymous";
+	}
+};
+
+const trackVideoView = (payload: {
+	videoId: string;
+	orgId?: string | null;
+	ownerId?: string | null;
+}) => {
+	if (typeof window === "undefined") return;
+	const sessionId = ensureAnalyticsSessionId();
+	const screen = window.screen;
+	const body = {
+		videoId: payload.videoId,
+		orgId: payload.orgId,
+		ownerId: payload.ownerId,
+		sessionId,
+		pathname: window.location.pathname,
+		href: window.location.href,
+		referrer: document.referrer,
+		hostname: window.location.hostname,
+		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+		language:
+			typeof navigator !== "undefined" ? navigator.language : undefined,
+		locale:
+			typeof navigator !== "undefined" && navigator.languages?.length
+				? navigator.languages[0]
+				: undefined,
+		screen: screen
+			? {
+				width: screen.width,
+				height: screen.height,
+				colorDepth: screen.colorDepth,
+			}
+			: undefined,
+		userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+		occurredAt: new Date().toISOString(),
+	};
+
+	const serializedBody = JSON.stringify(body);
+
+	if (
+		typeof navigator !== "undefined" &&
+		typeof navigator.sendBeacon === "function"
+	) {
+		try {
+			const beaconPayload = new Blob([serializedBody], {
+				type: "application/json",
+			});
+			const queued = navigator.sendBeacon(
+				"/api/analytics/track",
+				beaconPayload,
+			);
+			if (queued) {
+				return;
+			}
+		} catch (error) {
+			console.warn("Falling back to fetch for analytics tracking", error);
+		}
+	}
+
+	const controller = new AbortController();
+
+	void fetch("/api/analytics/track", {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: serializedBody,
+		signal: controller.signal,
+		keepalive: true,
+	}).catch((error) => {
+		if (error?.name !== "AbortError") {
+			console.warn("Failed to track analytics event", error);
+		}
+	});
+
+	return () => controller.abort();
+};
+
 interface ShareProps {
 	data: VideoData;
 	comments: MaybePromise<CommentWithAuthor[]>;
@@ -42,6 +144,7 @@ interface ShareProps {
 	domainVerified: boolean;
 	videoSettings?: OrganizationSettings | null;
 	userOrganizations?: { id: string; name: string }[];
+	viewerId?: string | null;
 	initialAiData?: {
 		title?: string | null;
 		summary?: string | null;
@@ -134,6 +237,7 @@ export const Share = ({
 	initialAiData,
 	aiGenerationEnabled,
 	videoSettings,
+	viewerId,
 }: ShareProps) => {
 	const effectiveDate: Date = data.metadata?.customCreatedAt
 		? new Date(data.metadata.customCreatedAt)
@@ -171,6 +275,21 @@ export const Share = ({
 		[videoStatus],
 	);
 
+	useEffect(() => {
+		if (viewerId && viewerId === data.owner.id) {
+			return;
+		}
+
+		const dispose = trackVideoView({
+			videoId: data.id,
+			orgId: data.orgId,
+			ownerId: data.owner.id,
+		});
+		return () => {
+			dispose?.();
+		};
+	}, [data.id, data.orgId, data.owner.id, viewerId]);
+
 	const shouldShowLoading = () => {
 		if (!aiGenerationEnabled) {
 			return false;
diff --git a/apps/web/app/s/[videoId]/page.tsx b/apps/web/app/s/[videoId]/page.tsx
index 38329a3c4d..12de03c207 100644
--- a/apps/web/app/s/[videoId]/page.tsx
+++ b/apps/web/app/s/[videoId]/page.tsx
@@ -748,6 +748,7 @@ async function AuthorizedContent({
 					customDomain={customDomain}
 					domainVerified={domainVerified}
 					userOrganizations={userOrganizations}
+					viewerId={user?.id ?? null}
 					initialAiData={initialAiData}
 					aiGenerationEnabled={aiGenerationEnabled}
 				/>
diff --git a/apps/web/lib/server.ts b/apps/web/lib/server.ts
index 3c93c45b7f..c9105e3365 100644
--- a/apps/web/lib/server.ts
+++ b/apps/web/lib/server.ts
@@ -17,6 +17,7 @@ import {
 	Videos,
 	VideosPolicy,
 	VideosRepo,
+	Tinybird,
 	Workflows,
 } from "@cap/web-backend";
 import { type HttpAuthMiddleware, Video } from "@cap/web-domain";
@@ -113,6 +114,7 @@ export const Dependencies = Layer.mergeAll(
 	Videos.Default,
 	VideosPolicy.Default,
 	VideosRepo.Default,
+	Tinybird.Default,
 	Folders.Default,
 	SpacesPolicy.Default,
 	OrganisationsPolicy.Default,
diff --git a/apps/web/package.json b/apps/web/package.json
index d17fa1ed0c..3e0281a1e3 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -28,7 +28,6 @@
 		"@deepgram/sdk": "^3.3.4",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/utilities": "^3.2.2",
-		"@dub/analytics": "^0.0.27",
 		"@effect/cluster": "^0.50.4",
 		"@effect/experimental": "^0.56.0",
 		"@effect/opentelemetry": "^0.58.0",
@@ -132,6 +131,7 @@
 		"tailwindcss-animate": "^1.0.7",
 		"tldts": "^7.0.11",
 		"uuid": "^9.0.1",
+		"ua-parser-js": "^1.0.38",
 		"zod": "^3.25.76"
 	},
 	"devDependencies": {
@@ -147,6 +147,7 @@
 		"@types/react": "19.1.13",
 		"@types/react-dom": "19.1.9",
 		"@types/react-responsive-masonry": "^2.6.0",
+		"@types/ua-parser-js": "^0.7.39",
 		"@types/uuid": "^9.0.8",
 		"autoprefixer": "^10.4.14",
 		"babel-loader": "^10.0.0",
diff --git a/package.json b/package.json
index 0f7c91b6b0..decc3128eb 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,9 @@
 		"build:web": "turbo run build:web",
 		"build:web:docker": "pnpm run --filter=@cap/web build:docker",
 		"cap-setup": "dotenv -e .env -- node scripts/setup.js",
+		"analytics:setup": "dotenv -e .env -- node scripts/analytics/setup-analytics.js",
+		"analytics:check": "dotenv -e .env -- node scripts/analytics/check-analytics.js",
+		"analytics:delete-all": "dotenv -e .env -- node scripts/analytics/delete-all-data.js",
 		"db:generate": "dotenv -e .env -- pnpm --filter @cap/database db:generate",
 		"db:push": "dotenv -e .env -- pnpm --filter @cap/database db:push",
 		"db:studio": "dotenv -e .env -- pnpm --filter @cap/database db:studio",
diff --git a/packages/env/server.ts b/packages/env/server.ts
index 8adcc34922..f32a6f09e4 100644
--- a/packages/env/server.ts
+++ b/packages/env/server.ts
@@ -92,6 +92,10 @@ function createServerEnv() {
 			STRIPE_WEBHOOK_SECRET: z.string().optional(),
 			DISCORD_FEEDBACK_WEBHOOK_URL: z.string().optional(),
 			DISCORD_LOGS_WEBHOOK_URL: z.string().optional(),
+
+			/// Tinybird analytics
+			TINYBIRD_HOST: z.string().optional(),
+			TINYBIRD_TOKEN: z.string().optional(),
 			VERCEL_ENV: z
 				.union([
 					z.literal("production"),
diff --git a/packages/web-backend/src/Tinybird/index.ts b/packages/web-backend/src/Tinybird/index.ts
new file mode 100644
index 0000000000..d80ccc401b
--- /dev/null
+++ b/packages/web-backend/src/Tinybird/index.ts
@@ -0,0 +1,274 @@
+import { serverEnv } from "@cap/env";
+import { Effect } from "effect";
+
+const DEFAULT_DATASOURCE = "analytics_events";
+
+interface TinybirdResponse<T> {
+	data: T[];
+	error?: string;
+}
+
+export interface TinybirdEventRow {
+	timestamp: string;
+	session_id?: string | null;
+	user_id?: string | null;
+	tenant_id?: string | null;
+	action: string;
+	version?: string;
+	pathname?: string | null;
+	video_id?: string | null;
+	country?: string | null;
+	region?: string | null;
+	city?: string | null;
+	browser?: string | null;
+	device?: string | null;
+	os?: string | null;
+}
+
+export class Tinybird extends Effect.Service<Tinybird>()("Tinybird", {
+	effect: Effect.gen(function* () {
+		const env = serverEnv();
+		const token = env.TINYBIRD_TOKEN;
+		const host = env.TINYBIRD_HOST;
+
+		if (!host) {
+			yield* Effect.die(
+				new Error("TINYBIRD_HOST must be set"),
+			);
+		}
+
+		yield* Effect.logDebug("Initializing Tinybird service", {
+			hasToken: Boolean(token),
+			host,
+		});
+
+		const enabled = Boolean(token);
+
+		if (!enabled) {
+			yield* Effect.logWarning(
+				"Tinybird is disabled: TINYBIRD_TOKEN is not set",
+			);
+		}
+
+		const request = <T>(path: string, init?: RequestInit) => {
+			if (!enabled) return Effect.succeed<TinybirdResponse<T>>({ data: [] });
+
+			return Effect.tryPromise({
+				try: async () => {
+					const url = `${host}/v0${path}`;
+					const response = await fetch(url, {
+						...init,
+						headers: {
+							Authorization: `Bearer ${token}`,
+							Accept: "application/json",
+							"Content-Type": "application/json",
+							...(init?.headers ?? {}),
+						},
+					});
+
+				const textBody = await response.text();
+
+				if (!response.ok) {
+					const errorMessage = textBody || `Tinybird request failed (${response.status})`;
+					console.error("Tinybird request failed", {
+						path,
+						status: response.status,
+						statusText: response.statusText,
+						body: textBody,
+					});
+					throw new Error(errorMessage);
+				}
+
+				if (!textBody) {
+					console.log("Tinybird empty response", { path });
+					return { data: [] } as TinybirdResponse<T>;
+				}
+
+				let parsed: unknown;
+				try {
+					parsed = JSON.parse(textBody);
+				} catch (parseError) {
+					console.error("Tinybird JSON parse error", {
+						path,
+						responseBody: textBody,
+						bodyLength: textBody.length,
+						bodyPreview: textBody.slice(0, 500),
+						parseError,
+					});
+					throw new Error(`Tinybird returned invalid JSON for ${path}`);
+				}
+
+					const normalized: TinybirdResponse<T> = Array.isArray(parsed)
+						? ({ data: parsed } as TinybirdResponse<T>)
+						: parsed && typeof parsed === "object" && "data" in parsed
+							? (parsed as TinybirdResponse<T>)
+							: ({ data: [parsed as T] } as TinybirdResponse<T>);
+
+					if (normalized.error) {
+						throw new Error(normalized.error);
+					}
+
+					return normalized;
+				},
+				catch: (cause) => cause as Error,
+			});
+		};
+
+		const splitSelectColumns = (selectClause: string) => {
+			const columns: string[] = [];
+			let current = "";
+			let depth = 0;
+			let inSingle = false;
+			let inDouble = false;
+			for (let i = 0; i < selectClause.length; i++) {
+				const ch = selectClause.charAt(i);
+				if (ch === "'" && !inDouble) {
+					inSingle = !inSingle;
+				} else if (ch === '"' && !inSingle) {
+					inDouble = !inDouble;
+				}
+				if (!inSingle && !inDouble) {
+					if (ch === "(") depth++;
+					else if (ch === ")") depth--;
+					else if (ch === "," && depth === 0) {
+						columns.push(current.trim());
+						current = "";
+						continue;
+					}
+				}
+				current += ch;
+			}
+			if (current.trim()) columns.push(current.trim());
+			return columns;
+		};
+
+		const extractAliases = (sql: string) => {
+			const upper = sql.toUpperCase();
+			const selectIdx = upper.indexOf("SELECT ");
+			const fromIdx = upper.indexOf(" FROM ");
+			if (selectIdx === -1 || fromIdx === -1 || fromIdx <= selectIdx) return [];
+			const clause = sql.slice(selectIdx + 7, fromIdx);
+			const parts = splitSelectColumns(clause);
+			return parts.map((part, idx) => {
+				const mAs = part.match(/\bas\s+([a-zA-Z_][a-zA-Z0-9_]*)\s*$/i);
+				if (mAs) return String(mAs[1]);
+				const mSimple = part.match(/([a-zA-Z_][a-zA-Z0-9_]*)\s*$/);
+				return mSimple ? String(mSimple[1]) : `col_${idx}`;
+			});
+		};
+
+		const parseTsvToObjects = <T>(text: string, aliases: string[]) => {
+			const lines = text.trim().split(/\r?\n/).filter(Boolean);
+			const rows = lines.map((line) => line.split("\t"));
+			const objects = rows.map((values) => {
+				const obj: Record<string, unknown> = {};
+				for (let i = 0; i < values.length; i++) {
+					const key = aliases[i] ?? `col_${i}`;
+					const raw = values[i] ?? "";
+					obj[key] = key === "views" ? Number(raw) : raw;
+				}
+				return obj as T;
+			});
+			return objects;
+		};
+
+		const appendEvents = (rows: TinybirdEventRow[]) => {
+			if (!enabled || rows.length === 0) return Effect.void;
+			const body = rows
+				.map((row) =>
+					JSON.stringify({
+						...row,
+						session_id: row.session_id ?? "",
+						user_id: row.user_id ?? "",
+						tenant_id: row.tenant_id ?? "",
+						pathname: row.pathname ?? "",
+						video_id: row.video_id ?? "",
+						country: row.country ?? "",
+						region: row.region ?? "",
+						city: row.city ?? "",
+						browser: row.browser ?? "unknown",
+						device: row.device ?? "desktop",
+						os: row.os ?? "unknown",
+					}),
+				)
+				.join("\n");
+			const search = new URLSearchParams({
+				name: DEFAULT_DATASOURCE,
+				format: "ndjson",
+			});
+			return request(`/events?${search.toString()}`, {
+				method: "POST",
+				body,
+				headers: {
+					"Content-Type": "application/x-ndjson",
+				},
+			}).pipe(Effect.asVoid);
+		};
+
+		const queryPipe = <T>(
+			name: string,
+			params?: Record<string, string | number | boolean | undefined>,
+		) => {
+			if (!enabled) return Effect.succeed<TinybirdResponse<T>>({ data: [] });
+			const search = new URLSearchParams();
+			Object.entries(params ?? {}).forEach(([key, value]) => {
+				if (value === undefined || value === null) return;
+				search.set(key, String(value));
+			});
+			const query = search.toString();
+			return request<T>(`/pipes/${name}.json${query ? `?${query}` : ""}`);
+		};
+
+		const querySql = <T>(sql: string) => {
+			if (!enabled) return Effect.succeed<TinybirdResponse<T>>({ data: [] });
+			const normalized = sql.replace(/\s+/g, " ").trim();
+			const encoded = encodeURIComponent(normalized);
+			const path = `/sql?q=${encoded}&format=JSON`;
+			return Effect.tryPromise({
+				try: async () => {
+					const url = `${host}/v0${path}`;
+					const response = await fetch(url, {
+						headers: {
+							Authorization: `Bearer ${token}`,
+							Accept: "application/json",
+						},
+					});
+					const textBody = await response.text();
+					if (!response.ok) {
+						const errorMessage = textBody || `Tinybird request failed (${response.status})`;
+						console.error("Tinybird request failed", {
+							path,
+							status: response.status,
+							statusText: response.statusText,
+							body: textBody,
+						});
+						throw new Error(errorMessage);
+					}
+					if (!textBody) {
+						console.log("Tinybird empty response", { path });
+						return { data: [] } as TinybirdResponse<T>;
+					}
+					try {
+						const parsed = JSON.parse(textBody);
+						const normalizedRes: TinybirdResponse<T> = Array.isArray(parsed)
+							? ({ data: parsed } as TinybirdResponse<T>)
+							: parsed && typeof parsed === "object" && "data" in parsed
+								? (parsed as TinybirdResponse<T>)
+								: ({ data: [parsed as T] } as TinybirdResponse<T>);
+						if ((normalizedRes as TinybirdResponse<T>).error) {
+							throw new Error((normalizedRes as TinybirdResponse<T>).error as string);
+						}
+						return normalizedRes;
+					} catch {
+						const aliases = extractAliases(normalized);
+						const objects = parseTsvToObjects<T>(textBody, aliases);
+						return { data: objects } as TinybirdResponse<T>;
+					}
+				},
+				catch: (cause) => cause as Error,
+			});
+		};
+
+		return { enabled, appendEvents, queryPipe, querySql } as const;
+	}),
+}) {}
diff --git a/packages/web-backend/src/Videos/index.ts b/packages/web-backend/src/Videos/index.ts
index 49f7587705..9825f20173 100644
--- a/packages/web-backend/src/Videos/index.ts
+++ b/packages/web-backend/src/Videos/index.ts
@@ -8,10 +8,15 @@ import type { Schema } from "effect/Schema";
 
 import { Database } from "../Database.ts";
 import { S3Buckets } from "../S3Buckets/index.ts";
+import { Tinybird } from "../Tinybird/index.ts";
 import { VideosPolicy } from "./VideosPolicy.ts";
 import type { CreateVideoInput as RepoCreateVideoInput } from "./VideosRepo.ts";
 import { VideosRepo } from "./VideosRepo.ts";
 
+const DEFAULT_ANALYTICS_RANGE_DAYS = 30;
+const escapeSqlLiteral = (value: string) => value.replace(/'/g, "''");
+const formatDate = (date: Date) => date.toISOString().slice(0, 10);
+
 type UploadProgressUpdateInput = Schema.Type<
 	typeof Video.UploadProgressUpdateInput
 >;
@@ -30,6 +35,7 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 		const repo = yield* VideosRepo;
 		const policy = yield* VideosPolicy;
 		const s3Buckets = yield* S3Buckets;
+		const tinybird = yield* Tinybird;
 
 		const getByIdForViewing = (id: Video.VideoId) =>
 			repo
@@ -359,17 +365,23 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 					return yield* Effect.fail(new Video.NotFoundError());
 				const [video] = maybeVideo.value;
 
-				const response = yield* Effect.tryPromise(() =>
-					dub().analytics.retrieve({
-						domain: "cap.link",
-						key: video.id,
-					}),
+				const now = new Date();
+				const from = new Date(
+					now.getTime() - DEFAULT_ANALYTICS_RANGE_DAYS * 24 * 60 * 60 * 1000,
 				);
-				const { clicks } = response as { clicks: unknown };
-
-				if (typeof clicks !== "number" || clicks === null) return { count: 0 };
-
-				return { count: clicks };
+				const pathname = `/s/${video.id}`;
+				const sql = `
+					SELECT coalesce(uniqMerge(visits), 0) AS views
+					FROM analytics_pages_mv
+					WHERE pathname = '${escapeSqlLiteral(pathname)}'
+						AND date >= toDate('${formatDate(from)}')
+						AND date <= toDate('${formatDate(now)}')
+				`;
+				const response = yield* tinybird
+					.querySql<{ views: number }>(sql)
+					.pipe(Effect.catchAll(() => Effect.succeed({ data: [] })));
+				const views = response.data[0]?.views ?? 0;
+				return { count: Number.isFinite(views) ? Number(views) : 0 };
 			}),
 		};
 	}),
@@ -378,5 +390,6 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 		VideosRepo.Default,
 		Database.Default,
 		S3Buckets.Default,
+		Tinybird.Default,
 	],
 }) {}
diff --git a/packages/web-backend/src/index.ts b/packages/web-backend/src/index.ts
index b3b4382dcf..f1715d2a30 100644
--- a/packages/web-backend/src/index.ts
+++ b/packages/web-backend/src/index.ts
@@ -15,4 +15,5 @@ export { Users } from "./Users/index.ts";
 export { Videos } from "./Videos/index.ts";
 export { VideosPolicy } from "./Videos/VideosPolicy.ts";
 export { VideosRepo } from "./Videos/VideosRepo.ts";
+export { Tinybird } from "./Tinybird/index.ts";
 export * as Workflows from "./Workflows.ts";
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a74db17ba3..f9ab4ab132 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -395,9 +395,6 @@ importers:
       '@dnd-kit/utilities':
         specifier: ^3.2.2
         version: 3.2.2(react@19.1.1)
-      '@dub/analytics':
-        specifier: ^0.0.27
-        version: 0.0.27
       '@effect/cluster':
         specifier: ^0.50.4
         version: 0.50.4(@effect/platform@0.92.1(effect@3.18.4))(@effect/rpc@0.71.0(@effect/platform@0.92.1(effect@3.18.4))(effect@3.18.4))(@effect/sql@0.44.2(@effect/experimental@0.56.0(@effect/platform@0.92.1(effect@3.18.4))(effect@3.18.4)(ioredis@5.6.1))(@effect/platform@0.92.1(effect@3.18.4))(effect@3.18.4))(@effect/workflow@0.11.3(@effect/platform@0.92.1(effect@3.18.4))(@effect/rpc@0.71.0(@effect/platform@0.92.1(effect@3.18.4))(effect@3.18.4))(effect@3.18.4))(effect@3.18.4)
@@ -704,6 +701,9 @@ importers:
       tldts:
         specifier: ^7.0.11
         version: 7.0.11
+      ua-parser-js:
+        specifier: ^1.0.38
+        version: 1.0.41
       uuid:
         specifier: ^9.0.1
         version: 9.0.1
@@ -747,6 +747,9 @@ importers:
       '@types/react-responsive-masonry':
         specifier: ^2.6.0
         version: 2.6.0
+      '@types/ua-parser-js':
+        specifier: ^0.7.39
+        version: 0.7.39
       '@types/uuid':
         specifier: ^9.0.8
         version: 9.0.8
@@ -2100,9 +2103,6 @@ packages:
   '@drizzle-team/brocli@0.10.2':
     resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
 
-  '@dub/analytics@0.0.27':
-    resolution: {integrity: sha512-TbLr+sKWiBsMw1GOLpduZI7skXmrLwZlEoVoHyxq66RvMk/5Fl84QoenlhjdxaX1rlHAkWCcjcbAYcCN7skoKw==}
-
   '@effect-ts/core@0.60.5':
     resolution: {integrity: sha512-qi1WrtJA90XLMnj2hnUszW9Sx4dXP03ZJtCc5DiUBIOhF4Vw7plfb65/bdBySPoC9s7zy995TdUX1XBSxUkl5w==}
 
@@ -4316,8 +4316,8 @@ packages:
   '@oxc-project/types@0.94.0':
     resolution: {integrity: sha512-+UgQT/4o59cZfH6Cp7G0hwmqEQ0wE+AdIwhikdwnhWI9Dp8CgSY081+Q3O67/wq3VJu8mgUEB93J9EHHn70fOw==}
 
-  '@oxc-project/types@0.96.0':
-    resolution: {integrity: sha512-r/xkmoXA0xEpU6UGtn18CNVjXH6erU3KCpCDbpLmbVxBFor1U9MqN5Z2uMmCHJuXjJzlnDR+hWY+yPoLo8oHDw==}
+  '@oxc-project/types@0.97.0':
+    resolution: {integrity: sha512-lxmZK4xFrdvU0yZiDwgVQTCvh2gHWBJCBk5ALsrtsBWhs0uDIi+FTOnXRQeQfs304imdvTdaakT/lqwQ8hkOXQ==}
 
   '@panva/hkdf@1.2.1':
     resolution: {integrity: sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==}
@@ -5258,8 +5258,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.49':
-    resolution: {integrity: sha512-xKQEOmqOet0vFHt/aqcoQGWvoDJhfSO8EBhuST0CDnxQRmnVzbI8keeeX62vi53ZyICKZxczyfx4A8dUY3dqKw==}
+  '@rolldown/binding-android-arm64@1.0.0-beta.50':
+    resolution: {integrity: sha512-XlEkrOIHLyGT3avOgzfTFSjG+f+dZMw+/qd+Y3HLN86wlndrB/gSimrJCk4gOhr1XtRtEKfszpadI3Md4Z4/Ag==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
@@ -5270,8 +5270,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.49':
-    resolution: {integrity: sha512-kN0N/8m8HUYO13PqlIwxcXD7fu2E6GKu0J4iH7wUJw3T3QK+nvrc20rxtTZ0J6sA1sGCE8UYvvvnurDwMUp0dg==}
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.50':
+    resolution: {integrity: sha512-+JRqKJhoFlt5r9q+DecAGPLZ5PxeLva+wCMtAuoFMWPoZzgcYrr599KQ+Ix0jwll4B4HGP43avu9My8KtSOR+w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
@@ -5282,8 +5282,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.49':
-    resolution: {integrity: sha512-29qmvsgY2A4ymfy8sQkFFOFc13m04SLUcYn1iil41gpkYrAspBLkvsOQMHPCs3rQCOImgweT4tFotqTAonwphQ==}
+  '@rolldown/binding-darwin-x64@1.0.0-beta.50':
+    resolution: {integrity: sha512-fFXDjXnuX7/gQZQm/1FoivVtRcyAzdjSik7Eo+9iwPQ9EgtA5/nB2+jmbzaKtMGG3q+BnZbdKHCtOacmNrkIDA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
@@ -5294,8 +5294,8 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.49':
-    resolution: {integrity: sha512-fY+esrHjgt6+RAnDPuUk39RvFNmYhJekGyC6wr0HWXGTBed07Feap9BrYINSh6x5xFlNpOPs6tImKnV0zVDuWQ==}
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.50':
+    resolution: {integrity: sha512-F1b6vARy49tjmT/hbloplzgJS7GIvwWZqt+tAHEstCh0JIh9sa8FAMVqEmYxDviqKBaAI8iVvUREm/Kh/PD26Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
@@ -5306,8 +5306,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.49':
-    resolution: {integrity: sha512-oQNAqB+XrRM2AZaSPyudQETsPhzCZqgPICQu80fJuNyBFYoz6nonNNZtm3BJ9uP+HZfUk9NfOn9vPoCNuk6gAw==}
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.50':
+    resolution: {integrity: sha512-U6cR76N8T8M6lHj7EZrQ3xunLPxSvYYxA8vJsBKZiFZkT8YV4kjgCO3KwMJL0NOjQCPGKyiXO07U+KmJzdPGRw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
@@ -5318,8 +5318,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.49':
-    resolution: {integrity: sha512-bJinAiuWUJvlBxPa8ZmRnWkmmAoUlSWtZT4pRkWi/QX3HlgHfUUbhF+d7aZLciai+iFfbiPqOwCL2tqNXXrUsA==}
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.50':
+    resolution: {integrity: sha512-ONgyjofCrrE3bnh5GZb8EINSFyR/hmwTzZ7oVuyUB170lboza1VMCnb8jgE6MsyyRgHYmN8Lb59i3NKGrxrYjw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5330,8 +5330,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.49':
-    resolution: {integrity: sha512-gwueY8EJU7afq5tNwKSjYy5JqTR/0MNzZfv6s5dX+rMgeUpTNhwIToLO1F41TPYEa+6LRTXUWG23DO/ONPzUJA==}
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.50':
+    resolution: {integrity: sha512-L0zRdH2oDPkmB+wvuTl+dJbXCsx62SkqcEqdM+79LOcB+PxbAxxjzHU14BuZIQdXcAVDzfpMfaHWzZuwhhBTcw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
@@ -5342,8 +5342,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.49':
-    resolution: {integrity: sha512-VXYkjzzEZh5N5Ue1IEcBgL8RuJu5jWrIKmg8WY6hhCbnNJ1IOsObT4HFW+rE8ZaKNjoIXzImoiYi1UAkKiQRYA==}
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.50':
+    resolution: {integrity: sha512-gyoI8o/TGpQd3OzkJnh1M2kxy1Bisg8qJ5Gci0sXm9yLFzEXIFdtc4EAzepxGvrT2ri99ar5rdsmNG0zP0SbIg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5354,8 +5354,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.49':
-    resolution: {integrity: sha512-S5Yw6g/ftiW7MpNpnOM5vSIlDzGuohDY8y7VOI47+92HhO6WqsNfcMkDZXm3G5l6YIfUNStGBV86NWrzasp+sw==}
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.50':
+    resolution: {integrity: sha512-zti8A7M+xFDpKlghpcCAzyOi+e5nfUl3QhU023ce5NCgUxRG5zGP2GR9LTydQ1rnIPwZUVBWd4o7NjZDaQxaXA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
@@ -5366,8 +5366,8 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.49':
-    resolution: {integrity: sha512-bhRoMO2oP46W1UDd/PTrSdoIYfvLS2jiFAned0SOzOO0tcait9u+b9i8h4ZugbT2IK4qUXNezovbHJs7hKJOEQ==}
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.50':
+    resolution: {integrity: sha512-eZUssog7qljrrRU9Mi0eqYEPm3Ch0UwB+qlWPMKSUXHNqhm3TvDZarJQdTevGEfu3EHAXJvBIe0YFYr0TPVaMA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
@@ -5377,8 +5377,8 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.49':
-    resolution: {integrity: sha512-Owp6Y1RQ84UMOV8hrg5e1Fmu8Po1IUXWytAHUtPcc00+ty6Gr9g5GgLLw0oblu7QovBr4848ozvkMcEj3vDKgA==}
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.50':
+    resolution: {integrity: sha512-nmCN0nIdeUnmgeDXiQ+2HU6FT162o+rxnF7WMkBm4M5Ds8qTU7Dzv2Wrf22bo4ftnlrb2hKK6FSwAJSAe2FWLg==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
@@ -5388,8 +5388,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.49':
-    resolution: {integrity: sha512-dnheX8aXsN9P12uwPOW3TVvqSnQ1cfjKQlYgU2dTkrRpnco0kTGvqE1nEWybGukTyuPdzVvrGElgSGEJ7crcSQ==}
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.50':
+    resolution: {integrity: sha512-7kcNLi7Ua59JTTLvbe1dYb028QEPaJPJQHqkmSZ5q3tJueUeb6yjRtx8mw4uIqgWZcnQHAR3PrLN4XRJxvgIkA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
@@ -5400,8 +5400,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.49':
-    resolution: {integrity: sha512-Blt1aODXiAuEdZBqHYXGJwVFlonXKkVEJy5hhxOgnAVi/0mzFNWDxc8qVlxl7dpQjQdboW/wXdgMHpTDfomicg==}
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.50':
+    resolution: {integrity: sha512-lL70VTNvSCdSZkDPPVMwWn/M2yQiYvSoXw9hTLgdIWdUfC3g72UaruezusR6ceRuwHCY1Ayu2LtKqXkBO5LIwg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
@@ -5412,8 +5412,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.49':
-    resolution: {integrity: sha512-sSu4qUlL/62QJrR3P+Bd+EblD8tUpnovUz65qow3PA7YxH+f5NFDbCJMR1m5b8zBuVZwZIHfzbuawz+Vl34/xg==}
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.50':
+    resolution: {integrity: sha512-4qU4x5DXWB4JPjyTne/wBNPqkbQU8J45bl21geERBKtEittleonioACBL1R0PsBu0Aq21SwMK5a9zdBkWSlQtQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -5421,8 +5421,8 @@ packages:
   '@rolldown/pluginutils@1.0.0-beta.42':
     resolution: {integrity: sha512-N7pQzk9CyE7q0bBN/q0J8s6Db279r5kUZc6d7/wWRe9/zXqC52HQovVyu6iXPIDY4BEzzgbVLhVFXrOuGJ22ZQ==}
 
-  '@rolldown/pluginutils@1.0.0-beta.49':
-    resolution: {integrity: sha512-HLlu3Qn3ePmNCbfehwKWXQMzX/2rzcL6Jmpo+Dl3xnq46TGMyJAgO+IsS8ka7IDLeD3wcoOhjJwxTdIdbrFhGw==}
+  '@rolldown/pluginutils@1.0.0-beta.50':
+    resolution: {integrity: sha512-5e76wQiQVeL1ICOZVUg4LSOVYg9jyhGCin+icYozhsUzM+fHE7kddi1bdiE0jwVqTfkjba3jUFbEkoC9WkdvyA==}
 
   '@rollup/plugin-alias@5.1.1':
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
@@ -7035,6 +7035,9 @@ packages:
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
+  '@types/ua-parser-js@0.7.39':
+    resolution: {integrity: sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==}
+
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
 
@@ -12389,8 +12392,8 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
-  rolldown@1.0.0-beta.49:
-    resolution: {integrity: sha512-Bfmdn3ZqyCwi1LxG39KBrSlil9a/xnrOrAj+jqqN2YTR/WJIEOOfwNKgDALQvr0xlO9bG/i1C883KGd4nd7SrA==}
+  rolldown@1.0.0-beta.50:
+    resolution: {integrity: sha512-JFULvCNl/anKn99eKjOSEubi0lLmNqQDAjyEMME2T4CwezUDL0i6t1O9xZsu2OMehPnV2caNefWpGF+8TnzB6A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -13436,6 +13439,10 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  ua-parser-js@1.0.41:
+    resolution: {integrity: sha512-LbBDqdIC5s8iROCUjMbW1f5dJQTEFB1+KO9ogbvlb3nm9n4YHa5p4KTvFPWvh2Hs8gZMBuiB1/8+pdfe/tDPug==}
+    hasBin: true
+
   ufo@1.6.1:
     resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
 
@@ -15904,10 +15911,6 @@ snapshots:
 
   '@drizzle-team/brocli@0.10.2': {}
 
-  '@dub/analytics@0.0.27':
-    dependencies:
-      server-only: 0.0.1
-
   '@effect-ts/core@0.60.5':
     dependencies:
       '@effect-ts/system': 0.57.5
@@ -17966,7 +17969,7 @@ snapshots:
 
   '@oxc-project/types@0.94.0': {}
 
-  '@oxc-project/types@0.96.0': {}
+  '@oxc-project/types@0.97.0': {}
 
   '@panva/hkdf@1.2.1': {}
 
@@ -18939,61 +18942,61 @@ snapshots:
   '@rolldown/binding-android-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-android-arm64@1.0.0-beta.49':
+  '@rolldown/binding-android-arm64@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-darwin-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-arm64@1.0.0-beta.49':
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-darwin-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-darwin-x64@1.0.0-beta.49':
+  '@rolldown/binding-darwin-x64@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-freebsd-x64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-freebsd-x64@1.0.0-beta.49':
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.49':
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.49':
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-linux-arm64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.49':
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-linux-x64-gnu@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.49':
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-linux-x64-musl@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.0.0-beta.49':
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-openharmony-arm64@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.0.0-beta.49':
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-wasm32-wasi@1.0.0-beta.42':
@@ -19001,7 +19004,7 @@ snapshots:
       '@napi-rs/wasm-runtime': 1.0.6
     optional: true
 
-  '@rolldown/binding-wasm32-wasi@1.0.0-beta.49':
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.50':
     dependencies:
       '@napi-rs/wasm-runtime': 1.0.7
     optional: true
@@ -19009,24 +19012,24 @@ snapshots:
   '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.49':
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.49':
+  '@rolldown/binding-win32-ia32-msvc@1.0.0-beta.50':
     optional: true
 
   '@rolldown/binding-win32-x64-msvc@1.0.0-beta.42':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.49':
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.50':
     optional: true
 
   '@rolldown/pluginutils@1.0.0-beta.42': {}
 
-  '@rolldown/pluginutils@1.0.0-beta.49': {}
+  '@rolldown/pluginutils@1.0.0-beta.50': {}
 
   '@rollup/plugin-alias@5.1.1(rollup@4.40.2)':
     optionalDependencies:
@@ -20967,6 +20970,8 @@ snapshots:
   '@types/trusted-types@2.0.7':
     optional: true
 
+  '@types/ua-parser-js@0.7.39': {}
+
   '@types/unist@2.0.11': {}
 
   '@types/unist@3.0.3': {}
@@ -27352,7 +27357,7 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.49)(typescript@5.8.3):
+  rolldown-plugin-dts@0.16.11(rolldown@1.0.0-beta.50)(typescript@5.8.3):
     dependencies:
       '@babel/generator': 7.28.3
       '@babel/parser': 7.28.4
@@ -27363,7 +27368,7 @@ snapshots:
       dts-resolver: 2.1.2
       get-tsconfig: 4.11.0
       magic-string: 0.30.19
-      rolldown: 1.0.0-beta.49
+      rolldown: 1.0.0-beta.50
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -27391,25 +27396,25 @@ snapshots:
       '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.42
       '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.42
 
-  rolldown@1.0.0-beta.49:
+  rolldown@1.0.0-beta.50:
     dependencies:
-      '@oxc-project/types': 0.96.0
-      '@rolldown/pluginutils': 1.0.0-beta.49
+      '@oxc-project/types': 0.97.0
+      '@rolldown/pluginutils': 1.0.0-beta.50
     optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.0.0-beta.49
-      '@rolldown/binding-darwin-arm64': 1.0.0-beta.49
-      '@rolldown/binding-darwin-x64': 1.0.0-beta.49
-      '@rolldown/binding-freebsd-x64': 1.0.0-beta.49
-      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.49
-      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.49
-      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.49
-      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.49
-      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.49
-      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.49
-      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.49
-      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.49
-      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.49
-      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.49
+      '@rolldown/binding-android-arm64': 1.0.0-beta.50
+      '@rolldown/binding-darwin-arm64': 1.0.0-beta.50
+      '@rolldown/binding-darwin-x64': 1.0.0-beta.50
+      '@rolldown/binding-freebsd-x64': 1.0.0-beta.50
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.50
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.50
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.50
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.50
+      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.50
+      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.50
+      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.50
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.50
+      '@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.50
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.50
 
   rollup-plugin-inject@3.0.2:
     dependencies:
@@ -28556,8 +28561,8 @@ snapshots:
       diff: 8.0.2
       empathic: 2.0.0
       hookable: 5.5.3
-      rolldown: 1.0.0-beta.49
-      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.49)(typescript@5.8.3)
+      rolldown: 1.0.0-beta.50
+      rolldown-plugin-dts: 0.16.11(rolldown@1.0.0-beta.50)(typescript@5.8.3)
       semver: 7.7.2
       tinyexec: 1.0.1
       tinyglobby: 0.2.15
@@ -28701,6 +28706,8 @@ snapshots:
 
   typescript@5.8.3: {}
 
+  ua-parser-js@1.0.41: {}
+
   ufo@1.6.1: {}
 
   ultrahtml@1.6.0: {}
diff --git a/scripts/analytics/check-analytics.js b/scripts/analytics/check-analytics.js
new file mode 100755
index 0000000000..ec425250d6
--- /dev/null
+++ b/scripts/analytics/check-analytics.js
@@ -0,0 +1,174 @@
+#!/usr/bin/env node
+
+import process from "node:process";
+
+import {
+  PIPE_DEFINITIONS,
+  TABLE_DEFINITIONS,
+  buildSchemaLines,
+  createTinybirdClient,
+  normalizeWhitespace,
+} from "./shared.js";
+
+const normalizeColumnDef = (definition) =>
+  normalizeWhitespace(
+    definition
+      .replace(/`/g, "")
+      .replace(/\bjson:\$[^\s,\)]+/gi, "")
+      .replace(/\bdefault\s+(?:'[^']*'|"[^"]*"|[^\s,\)]+)/gi, ""),
+  ).toLowerCase();
+
+const buildExpectedSchema = (table) =>
+  buildSchemaLines(table).map((column) => normalizeColumnDef(column));
+
+const splitSchema = (schema) => {
+  const parts = [];
+  let depth = 0;
+  let current = "";
+  for (const char of schema) {
+    if (char === "(") depth += 1;
+    if (char === ")" && depth > 0) depth -= 1;
+    if (char === "," && depth === 0) {
+      if (current.trim()) parts.push(current.trim());
+      current = "";
+      continue;
+    }
+    current += char;
+  }
+  if (current.trim()) parts.push(current.trim());
+  return parts;
+};
+
+async function validateTables(client) {
+  const issues = [];
+  for (const table of TABLE_DEFINITIONS) {
+    try {
+      const datasource = await client.getDatasource(table.name);
+      if (!datasource) {
+        issues.push(`Missing data source ${table.name}`);
+        continue;
+      }
+
+      const remoteSchema = datasource?.schema?.sql_schema;
+      if (!remoteSchema) {
+        issues.push(`Data source ${table.name} does not expose schema metadata`);
+        continue;
+      }
+
+      const remoteColumns = splitSchema(remoteSchema).map(normalizeColumnDef);
+      const expectedColumns = buildExpectedSchema(table);
+
+      let hasIssue = false;
+
+      if (remoteColumns.length !== expectedColumns.length) {
+        issues.push(
+          `Schema mismatch for ${table.name}. Expected ${expectedColumns.length} columns, got ${remoteColumns.length}.`,
+        );
+        hasIssue = true;
+      }
+
+      const missingColumns = expectedColumns.filter((column, index) => remoteColumns[index] !== column);
+      if (missingColumns.length > 0) {
+        issues.push(
+          `Schema mismatch for ${table.name}. Expected columns (${expectedColumns.join(", ")}), got (${remoteColumns.join(", ")}).`,
+        );
+        hasIssue = true;
+      }
+
+      if (table.engine) {
+        const actualEngine = typeof datasource.engine === "string" 
+          ? datasource.engine 
+          : datasource.engine?.engine;
+        if (actualEngine && actualEngine !== table.engine) {
+          issues.push(
+            `Data source ${table.name} has engine ${actualEngine}, expected ${table.engine}.`,
+          );
+          hasIssue = true;
+        }
+      }
+
+      if (!hasIssue) {
+        console.log(`✔ Data source ${table.name} schema matches`);
+      }
+    } catch (error) {
+      issues.push(
+        `Failed to inspect ${table.name}: ${error instanceof Error ? error.message : String(error)}`,
+      );
+    }
+  }
+  return issues;
+}
+
+async function validatePipes(client) {
+  const issues = [];
+  for (const pipeDef of PIPE_DEFINITIONS) {
+    try {
+      const pipe = await client.getPipe(pipeDef.name);
+      if (!pipe) {
+        issues.push(`Missing pipe ${pipeDef.name}`);
+        continue;
+      }
+
+      if ((pipe.type || "").toLowerCase() !== "materialized") {
+        issues.push(`Pipe ${pipeDef.name} is not materialized (type=${pipe.type ?? "unknown"}).`);
+        continue;
+      }
+
+      const materializedNode = pipe.nodes?.find((node) =>
+        (node.type || "").toLowerCase() === "materialized" || 
+        (node.node_type || "").toLowerCase() === "materialized" ||
+        node.materialized,
+      );
+
+      const targetDatasource =
+        materializedNode?.tags?.materializing_target_datasource ||
+        materializedNode?.materialized?.datasource ||
+        materializedNode?.datasource ||
+        materializedNode?.params?.datasource;
+
+      if (targetDatasource !== pipeDef.targetDatasource) {
+        issues.push(
+          `Pipe ${pipeDef.name} does not target ${pipeDef.targetDatasource} (found ${targetDatasource ?? "unknown"}).`,
+        );
+        continue;
+      }
+
+      console.log(`✔ Pipe ${pipeDef.name} feeds ${pipeDef.targetDatasource}`);
+    } catch (error) {
+      const errorMessage = error instanceof Error 
+        ? error.message 
+        : String(error);
+      const errorDetails = error instanceof Error && error.cause 
+        ? ` (cause: ${error.cause})` 
+        : "";
+      issues.push(
+        `Failed to inspect pipe ${pipeDef.name}: ${errorMessage}${errorDetails}`,
+      );
+    }
+  }
+  return issues;
+}
+
+async function main() {
+  try {
+    const client = createTinybirdClient();
+    const tableIssues = await validateTables(client);
+    const pipeIssues = await validatePipes(client);
+    const issues = [...tableIssues, ...pipeIssues];
+
+    if (issues.length > 0) {
+      console.error("❌ Tinybird analytics validation failed:");
+      for (const issue of issues) {
+        console.error(`  - ${issue}`);
+      }
+      process.exit(1);
+    }
+
+    console.log("✅ Tinybird analytics setup is valid.");
+  } catch (error) {
+    console.error("❌ Tinybird analytics validation crashed:", error instanceof Error ? error.message : error);
+    process.exit(1);
+  }
+}
+
+main();
diff --git a/scripts/analytics/delete-all-data.js b/scripts/analytics/delete-all-data.js
new file mode 100644
index 0000000000..27160f7bc1
--- /dev/null
+++ b/scripts/analytics/delete-all-data.js
@@ -0,0 +1,135 @@
+#!/usr/bin/env node
+
+import { createTinybirdClient, resolveTinybirdAuth } from "./shared.js";
+import { intro, outro, text, isCancel, log } from "@clack/prompts";
+
+async function getAllDatasources(client) {
+  try {
+    const payload = await client.request(`/v0/datasources`);
+    const list = Array.isArray(payload?.datasources)
+      ? payload.datasources
+      : Array.isArray(payload?.data)
+        ? payload.data
+        : Array.isArray(payload)
+          ? payload
+          : [];
+    const names = list
+      .map((ds) => (typeof ds === "string" ? ds : ds?.name))
+      .filter(Boolean);
+    const unique = Array.from(new Set(names));
+    if (unique.length > 0) return unique;
+  } catch {
+    // fall through to fallback list
+  }
+  return ["analytics_events", "analytics_pages_mv", "analytics_sessions_mv"];
+}
+
+async function doubleConfirm({ workspaceName, workspaceId, host, datasources }) {
+  const workspaceLabel =
+    workspaceName || workspaceId || new URL(host).host || "unknown-workspace";
+
+  intro("Delete ALL analytics data from Tinybird");
+  log.warn(
+    `This will TRUNCATE all datasources in the Tinybird workspace:\n` +
+      `- Workspace: ${workspaceLabel}\n` +
+      `- Host: ${host}\n` +
+      `- Datasources (${datasources.length}): ${datasources.join(", ")}`
+  );
+
+  const first = await text({
+    message: `Type the workspace name or ID to confirm (${workspaceLabel})`,
+    placeholder: workspaceLabel,
+    defaultValue: "",
+    validate: (value) => {
+      if (!value) return "Required";
+      if (value !== workspaceName && value !== workspaceId && value !== workspaceLabel) {
+        return "Value does not match the workspace name or ID";
+      }
+    },
+  });
+  if (isCancel(first)) {
+    outro("Cancelled.");
+    process.exit(0);
+  }
+
+  const second = await text({
+    message: 'Final confirmation: type "DELETE ALL" to proceed',
+    placeholder: "DELETE ALL",
+    defaultValue: "",
+    validate: (value) => (value === "DELETE ALL" ? undefined : 'You must type "DELETE ALL"'),
+  });
+  if (isCancel(second)) {
+    outro("Cancelled.");
+    process.exit(0);
+  }
+}
+
+async function deleteAllData() {
+  const auth = resolveTinybirdAuth();
+  const client = createTinybirdClient(auth);
+
+  const datasources = await getAllDatasources(client);
+
+  await doubleConfirm({
+    workspaceName: client.workspaceName,
+    workspaceId: client.workspaceId,
+    host: client.host,
+    datasources,
+  });
+
+  console.log("\nDeleting all data from Tinybird datasources...\n");
+
+  const successes = [];
+  const failures = [];
+  for (const datasource of datasources) {
+    try {
+      console.log(`Deleting data from ${datasource}...`);
+      let ok = false;
+      try {
+        await client.request(`/v0/datasources/${encodeURIComponent(datasource)}/truncate`, {
+          method: "POST",
+        });
+        ok = true;
+      } catch (e1) {
+        try {
+          await client.request(`/v0/datasources/${encodeURIComponent(datasource)}/data`, {
+            method: "DELETE",
+          });
+          ok = true;
+        } catch (e2) {
+          await client.request(`/v0/datasources/${encodeURIComponent(datasource)}`, {
+            method: "DELETE",
+          });
+          ok = true;
+        }
+      }
+      if (ok) {
+        console.log(`✅ Deleted data from ${datasource}`);
+        successes.push(datasource);
+      } else {
+        failures.push(datasource);
+      }
+    } catch (error) {
+      console.error(`❌ Failed to delete data from ${datasource}:`, error.message);
+      if (error.payload) {
+        console.error("   Details:", JSON.stringify(error.payload, null, 2));
+      }
+      failures.push(datasource);
+    }
+  }
+
+  if (failures.length === 0) {
+    console.log("\n✅ Finished deleting all data");
+  } else {
+    console.log(
+      `\n⚠️  Finished with errors. Deleted: ${successes.length}. Failed: ${failures.length} -> ${failures.join(", ")}`,
+    );
+    process.exitCode = 1;
+  }
+}
+
+deleteAllData().catch((error) => {
+  console.error("❌ Failed to delete data:", error.message);
+  process.exit(1);
+});
+
diff --git a/scripts/analytics/setup-analytics.js b/scripts/analytics/setup-analytics.js
new file mode 100755
index 0000000000..43531360eb
--- /dev/null
+++ b/scripts/analytics/setup-analytics.js
@@ -0,0 +1,90 @@
+#!/usr/bin/env node
+
+import { spawnSync } from "node:child_process";
+import fs from "node:fs";
+import path from "node:path";
+import process from "node:process";
+import { fileURLToPath } from "node:url";
+
+import { PROJECT_ROOT, resolveTinybirdAuth } from "./shared.js";
+
+const DEFAULT_PYTHON = process.env.PYTHON || "python3";
+const TB_BINARY = process.env.TB_BIN || "tb";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const tinybirdProjectDir = path.join(__dirname, "tinybird");
+const projectTinybPath = path.join(tinybirdProjectDir, ".tinyb");
+const rootTinybPath = path.join(PROJECT_ROOT, ".tinyb");
+
+const run = (command, args, options = {}) => {
+  const result = spawnSync(command, args, {
+    stdio: "inherit",
+    ...options,
+  });
+  if (result.error || result.status !== 0) {
+    const message = result.error?.message || `Command ${command} ${args.join(" ")} failed.`;
+    throw new Error(message);
+  }
+};
+
+const ensureTinybirdCli = () => {
+  try {
+    run(TB_BINARY, ["--version"], { stdio: "ignore" });
+  } catch {
+    console.log("Tinybird CLI not found. Installing via pip...");
+    run(DEFAULT_PYTHON, ["-m", "pip", "install", "--user", "tinybird-cli"], { stdio: "inherit" });
+    console.log("Tinybird CLI installed. Re-running version check...");
+    run(TB_BINARY, ["--version"], { stdio: "inherit" });
+  }
+};
+
+const ensureTinybirdLogin = () => {
+  if (fs.existsSync(rootTinybPath)) {
+    return;
+  }
+  console.log("Tinybird credentials not found. Launching `tb login`...");
+  run(TB_BINARY, ["login"], { cwd: PROJECT_ROOT, stdio: "inherit" });
+  if (!fs.existsSync(rootTinybPath)) {
+    throw new Error("Tinybird login did not create a .tinyb file. Please rerun `tb login` and try again.");
+  }
+};
+
+const syncProjectTinyb = () => {
+  if (!fs.existsSync(rootTinybPath)) return;
+  fs.copyFileSync(rootTinybPath, projectTinybPath);
+};
+
+const deployTinybirdProject = (auth) => {
+  console.log(
+    "⚠️  Running `tb --cloud deploy --allow-destructive-operations --wait` inside scripts/analytics/tinybird. This will synchronize the Tinybird workspace to the resources defined in that folder and remove any other datasources/pipes in the workspace."
+  );
+  run(
+    TB_BINARY,
+    ["--cloud", "deploy", "--allow-destructive-operations", "--wait"],
+    {
+      cwd: tinybirdProjectDir,
+      env: {
+        ...process.env,
+        TB_HOST: auth.host,
+        TB_TOKEN: auth.token,
+        TB_LOCAL: "0",
+        ...(auth.userToken ? { TB_USER_TOKEN: auth.userToken } : {}),
+      },
+    },
+  );
+};
+
+function main() {
+  try {
+    ensureTinybirdCli();
+    ensureTinybirdLogin();
+    const auth = resolveTinybirdAuth();
+    syncProjectTinyb();
+    deployTinybirdProject(auth);
+    console.log("✅ Tinybird analytics resources are ready.");
+  } catch (error) {
+    console.error("❌ Failed to set up Tinybird analytics:", error instanceof Error ? error.message : error);
+    process.exit(1);
+  }
+}
+
+main();
diff --git a/scripts/analytics/shared.js b/scripts/analytics/shared.js
new file mode 100644
index 0000000000..9f61dfd133
--- /dev/null
+++ b/scripts/analytics/shared.js
@@ -0,0 +1,197 @@
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+import process from "node:process";
+import { fileURLToPath } from "node:url";
+
+const DEFAULT_TINYBIRD_HOST = "https://api.tinybird.co";
+const MODULE_DIR = path.dirname(fileURLToPath(import.meta.url));
+const PROJECT_ROOT = path.resolve(MODULE_DIR, "..", "..");
+const TINYB_FILE_CANDIDATES = [
+  path.join(PROJECT_ROOT, ".tinyb"),
+  path.join(process.cwd(), ".tinyb"),
+  path.join(os.homedir(), ".tinyb"),
+];
+
+const TABLE_DEFINITIONS = [
+  {
+    name: "analytics_events",
+    description: "Raw analytics events generated by Cap clients.",
+    engine: "MergeTree",
+    partitionKey: "toYYYYMM(timestamp)",
+    sortingKey: "(tenant_id, timestamp)",
+    ttl: "timestamp + INTERVAL 90 DAY",
+    settings: "index_granularity = 8192",
+    columns: [
+      { name: "timestamp", type: "DateTime" },
+      { name: "session_id", type: "String" },
+      { name: "action", type: "LowCardinality(String)" },
+      { name: "version", type: "LowCardinality(String)" },
+      { name: "payload", type: "String" },
+      { name: "tenant_id", type: "LowCardinality(String)" },
+      { name: "domain", type: "LowCardinality(String)" },
+    ],
+  },
+  {
+    name: "analytics_pages_mv",
+    description: "Aggregated page views per tenant/path/day.",
+    engine: "AggregatingMergeTree",
+    partitionKey: "toYYYYMM(date)",
+    sortingKey: "(tenant_id, date, pathname)",
+    ttl: "date + INTERVAL 90 DAY",
+    settings: "index_granularity = 256",
+    columns: [
+      { name: "tenant_id", type: "LowCardinality(String)" },
+      { name: "date", type: "Date" },
+      { name: "pathname", type: "String" },
+      { name: "location", type: "String" },
+      { name: "visits", type: "AggregateFunction(uniq, String)" },
+    ],
+  },
+  {
+    name: "analytics_sessions_mv",
+    description: "Session level metadata derived from analytics events.",
+    engine: "ReplacingMergeTree",
+    partitionKey: "toYYYYMM(date)",
+    sortingKey: "(tenant_id, date, session_id)",
+    ttl: "date + INTERVAL 90 DAY",
+    settings: "index_granularity = 256",
+    columns: [
+      { name: "tenant_id", type: "LowCardinality(String)" },
+      { name: "date", type: "Date" },
+      { name: "session_id", type: "String" },
+      { name: "browser", type: "LowCardinality(String)" },
+      { name: "device", type: "LowCardinality(String)" },
+    ],
+  },
+];
+
+const PIPE_DEFINITIONS = [
+  { name: "analytics_pages_mv_pipe", targetDatasource: "analytics_pages_mv" },
+  { name: "analytics_sessions_mv_pipe", targetDatasource: "analytics_sessions_mv" },
+];
+
+const normalizeWhitespace = (value) => value.replace(/\s+/g, " ").trim();
+
+const buildSchemaLines = (table) => table.columns.map((column) => `${column.name} ${column.type}`);
+
+function formatHost(host) {
+  if (!host) return DEFAULT_TINYBIRD_HOST;
+  if (host.startsWith("http://") || host.startsWith("https://")) return host;
+  return `https://${host}`;
+}
+
+function loadTinybFile() {
+  for (const candidate of TINYB_FILE_CANDIDATES) {
+    try {
+      if (fs.existsSync(candidate)) {
+        const raw = fs.readFileSync(candidate, "utf8");
+        const data = JSON.parse(raw);
+        return { path: candidate, data };
+      }
+    } catch {
+      // ignore malformed files and continue
+    }
+  }
+  return null;
+}
+
+function resolveTinybirdAuth() {
+  const envHost = process.env.TINYBIRD_HOST?.trim();
+  const envToken = process.env.TINYBIRD_ADMIN_TOKEN?.trim() || process.env.TINYBIRD_TOKEN?.trim();
+  if (envHost && envToken) {
+    return {
+      host: formatHost(envHost),
+      token: envToken,
+      source: "env",
+    };
+  }
+
+  const tinyb = loadTinybFile();
+  if (tinyb) {
+    if (!tinyb.data?.token) {
+      throw new Error(`Tinybird auth file at ${tinyb.path} is missing a token.`);
+    }
+    return {
+      host: formatHost(tinyb.data.host ?? DEFAULT_TINYBIRD_HOST),
+      token: tinyb.data.token,
+      workspaceId: tinyb.data.id,
+      workspaceName: tinyb.data.name,
+      userToken: tinyb.data.user_token,
+      tinybPath: tinyb.path,
+      source: "tinyb",
+    };
+  }
+
+  throw new Error(
+    "Tinybird credentials not found. Set TINYBIRD_TOKEN/TINYBIRD_HOST or run `tb login` to create a .tinyb file.",
+  );
+}
+
+function createTinybirdClient(authOverride) {
+  const auth = authOverride ?? resolveTinybirdAuth();
+
+  const request = async (path, init = {}) => {
+    const url = new URL(path, formatHost(auth.host));
+    const headers = {
+      Authorization: `Bearer ${auth.token}`,
+      ...(init.headers ?? {}),
+    };
+    let response;
+    try {
+      response = await fetch(url, { ...init, headers });
+    } catch (error) {
+      const err = new Error(`Tinybird request failed: ${error instanceof Error ? error.message : String(error)}`);
+      err.cause = error;
+      throw err;
+    }
+    const text = await response.text();
+    let payload = text;
+    try {
+      payload = text ? JSON.parse(text) : {};
+    } catch {
+      // keep raw text when JSON parsing fails
+    }
+
+    if (!response.ok) {
+      const message = payload?.error || payload?.message || response.statusText;
+      const err = new Error(`Tinybird request failed (${response.status}): ${message}`);
+      err.status = response.status;
+      err.payload = payload;
+      throw err;
+    }
+
+    return payload;
+  };
+
+  const getResource = async (resourcePath, { allowNotFound = false } = {}) => {
+    try {
+      return await request(resourcePath);
+    } catch (error) {
+      if (allowNotFound && error.status === 404) return null;
+      throw error;
+    }
+  };
+
+  return {
+    host: formatHost(auth.host),
+    token: auth.token,
+    userToken: auth.userToken,
+    workspaceId: auth.workspaceId,
+    workspaceName: auth.workspaceName,
+    tinybPath: auth.tinybPath,
+    request,
+    getDatasource: (name, options) => getResource(`/v0/datasources/${encodeURIComponent(name)}`, options),
+    getPipe: (name, options) => getResource(`/v0/pipes/${encodeURIComponent(name)}`, options),
+  };
+}
+
+export {
+  PIPE_DEFINITIONS,
+  PROJECT_ROOT,
+  TABLE_DEFINITIONS,
+  buildSchemaLines,
+  createTinybirdClient,
+  normalizeWhitespace,
+  resolveTinybirdAuth,
+};
diff --git a/scripts/analytics/tinybird/datasources/analytics_events.datasource b/scripts/analytics/tinybird/datasources/analytics_events.datasource
new file mode 100644
index 0000000000..9c33cb1b06
--- /dev/null
+++ b/scripts/analytics/tinybird/datasources/analytics_events.datasource
@@ -0,0 +1,27 @@
+DESCRIPTION >
+	Raw analytics events generated by Cap clients.
+
+SCHEMA >
+	timestamp DateTime `json:$.timestamp`,
+	session_id String `json:$.session_id` DEFAULT '',
+	user_id LowCardinality(String) `json:$.user_id` DEFAULT '',
+	tenant_id LowCardinality(String) `json:$.tenant_id` DEFAULT '',
+	action LowCardinality(String) `json:$.action`,
+	version LowCardinality(String) `json:$.version`,
+	pathname String `json:$.pathname` DEFAULT '',
+	video_id LowCardinality(String) `json:$.video_id` DEFAULT '',
+	country LowCardinality(String) `json:$.country` DEFAULT '',
+	region LowCardinality(String) `json:$.region` DEFAULT '',
+	city LowCardinality(String) `json:$.city` DEFAULT '',
+	browser LowCardinality(String) `json:$.browser` DEFAULT 'unknown',
+	device LowCardinality(String) `json:$.device` DEFAULT 'desktop',
+	os LowCardinality(String) `json:$.os` DEFAULT 'unknown'
+
+ENGINE MergeTree
+ENGINE_PARTITION_KEY toYYYYMM(timestamp)
+ENGINE_SORTING_KEY (tenant_id, timestamp)
+ENGINE_TTL timestamp + INTERVAL 90 DAY
+ENGINE_SETTINGS index_granularity = 8192
+
+FORWARD_QUERY >
+	SELECT timestamp, session_id, defaultValueOfTypeName('LowCardinality(String)') AS user_id, tenant_id, action, version, defaultValueOfTypeName('String') AS pathname, defaultValueOfTypeName('LowCardinality(String)') AS video_id, defaultValueOfTypeName('LowCardinality(String)') AS country, defaultValueOfTypeName('LowCardinality(String)') AS region, defaultValueOfTypeName('LowCardinality(String)') AS city, defaultValueOfTypeName('LowCardinality(String)') AS browser, defaultValueOfTypeName('LowCardinality(String)') AS device, defaultValueOfTypeName('LowCardinality(String)') AS os
diff --git a/scripts/analytics/tinybird/datasources/analytics_pages_mv.datasource b/scripts/analytics/tinybird/datasources/analytics_pages_mv.datasource
new file mode 100644
index 0000000000..016fe18e8f
--- /dev/null
+++ b/scripts/analytics/tinybird/datasources/analytics_pages_mv.datasource
@@ -0,0 +1,17 @@
+DESCRIPTION >
+    Aggregated page views per tenant/path.
+
+SCHEMA >
+	tenant_id LowCardinality(String),
+	date Date,
+	pathname String,
+	country LowCardinality(String),
+	region LowCardinality(String),
+	city LowCardinality(String),
+	visits AggregateFunction(uniq, String)
+
+ENGINE AggregatingMergeTree
+ENGINE_PARTITION_KEY toYYYYMM(date)
+ENGINE_SORTING_KEY (tenant_id, date, country, city, pathname)
+ENGINE_TTL date + INTERVAL 90 DAY
+ENGINE_SETTINGS index_granularity = 256
diff --git a/scripts/analytics/tinybird/datasources/analytics_sessions_mv.datasource b/scripts/analytics/tinybird/datasources/analytics_sessions_mv.datasource
new file mode 100644
index 0000000000..4cd0fdb357
--- /dev/null
+++ b/scripts/analytics/tinybird/datasources/analytics_sessions_mv.datasource
@@ -0,0 +1,16 @@
+DESCRIPTION >
+    Session level facts derived from analytics events.
+
+SCHEMA >
+	tenant_id LowCardinality(String),
+	date Date,
+	session_id String,
+	browser LowCardinality(String),
+	device LowCardinality(String),
+	os LowCardinality(String)
+
+ENGINE ReplacingMergeTree
+ENGINE_PARTITION_KEY toYYYYMM(date)
+ENGINE_SORTING_KEY (tenant_id, date, session_id)
+ENGINE_TTL date + INTERVAL 90 DAY
+ENGINE_SETTINGS index_granularity = 256
diff --git a/scripts/analytics/tinybird/pipes/analytics_pages_mv_pipe.pipe b/scripts/analytics/tinybird/pipes/analytics_pages_mv_pipe.pipe
new file mode 100644
index 0000000000..f279605324
--- /dev/null
+++ b/scripts/analytics/tinybird/pipes/analytics_pages_mv_pipe.pipe
@@ -0,0 +1,18 @@
+NODE "analytics_pages_mv_node"
+DESCRIPTION >
+    Materialized view that aggregates uniq sessions per tenant, path and day.
+SQL >
+	SELECT
+		tenant_id,
+		toDate(timestamp) AS date,
+		coalesce(nullIf(pathname, ''), '/') AS pathname,
+		coalesce(country, '') AS country,
+		coalesce(region, '') AS region,
+		coalesce(city, '') AS city,
+		uniqState(session_id) AS visits
+	FROM analytics_events
+	WHERE action = 'page_hit'
+	GROUP BY tenant_id, date, pathname, country, region, city
+
+TYPE MATERIALIZED
+DATASOURCE analytics_pages_mv
diff --git a/scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe b/scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe
new file mode 100644
index 0000000000..bde6ae5e03
--- /dev/null
+++ b/scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe
@@ -0,0 +1,16 @@
+NODE "analytics_sessions_mv_node"
+DESCRIPTION >
+    Materialized view that denormalizes browser/device metadata per session.
+SQL >
+	SELECT
+		tenant_id,
+		toDate(timestamp) AS date,
+		session_id,
+		coalesce(nullIf(browser, ''), 'unknown') AS browser,
+		coalesce(nullIf(device, ''), 'desktop') AS device,
+		coalesce(nullIf(os, ''), 'unknown') AS os
+	FROM analytics_events
+	WHERE action = 'page_hit'
+
+TYPE MATERIALIZED
+DATASOURCE analytics_sessions_mv

From a94a008b6faf96e26344035e8809ff0d0b0380df Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 03:43:19 +0000
Subject: [PATCH 13/23] Revamp analytics dashboard UI and filtering

---
 .../components/AnalyticsDashboard.tsx         |   52 +-
 .../analytics/components/ChartArea.tsx        |  138 +-
 .../dashboard/analytics/components/Header.tsx |  422 +-
 .../analytics/components/OtherStats.tsx       |   22 +-
 .../analytics/components/StatsChart.tsx       |  234 +-
 .../analytics/components/TableCard.tsx        |  102 +-
 .../web/app/(org)/dashboard/analytics/data.ts |  254 +-
 .../app/(org)/dashboard/analytics/types.ts    |    1 +
 apps/web/app/(org)/dashboard/caps/Caps.tsx    |    9 +-
 .../components/CapCard/CapCardAnalytics.tsx   |   59 +-
 apps/web/app/(org)/dashboard/caps/page.tsx    |    4 +-
 .../[id]/components/FolderVideosSection.tsx   |    6 +-
 .../app/(org)/dashboard/folder/[id]/page.tsx  |    4 +-
 .../dashboard/spaces/[spaceId]/SharedCaps.tsx |    6 +-
 .../[spaceId]/folder/[folderId]/page.tsx      |    4 +-
 .../(org)/dashboard/spaces/[spaceId]/page.tsx |    8 +-
 apps/web/app/api/dashboard/analytics/route.ts |    4 +-
 apps/web/components/Tooltip.tsx               |    4 +-
 apps/web/lib/Queries/Analytics.ts             |   79 +-
 package.json                                  |    4 +
 packages/web-backend/src/Videos/VideosRpcs.ts |   25 +-
 packages/web-backend/src/Videos/index.ts      |  167 +-
 pnpm-lock.yaml                                |   23 +-
 scripts/analytics/migrate-dub-to-tinybird.js  | 5075 +++++++++++++++++
 scripts/analytics/populate-test-data.js       |  233 +
 25 files changed, 6616 insertions(+), 323 deletions(-)
 create mode 100644 scripts/analytics/migrate-dub-to-tinybird.js
 create mode 100644 scripts/analytics/populate-test-data.js

diff --git a/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
index b88910e245..cb17fb360f 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
@@ -1,13 +1,15 @@
 "use client";
 
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
+import { useSearchParams } from "next/navigation";
 
 import { useDashboardContext } from "../../Contexts";
 import type { AnalyticsRange, OrgAnalyticsResponse } from "../types";
 import Header from "./Header";
 import OtherStats from "./OtherStats";
 import StatsChart from "./StatsChart";
+import type { Organisation } from "@cap/web-domain";
 
 const RANGE_OPTIONS: { value: AnalyticsRange; label: string }[] = [
   { value: "24h", label: "Last 24 hours" },
@@ -19,18 +21,37 @@ const formatNumber = (value: number) =>
   new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(value);
 
 export function AnalyticsDashboard() {
-  const { activeOrganization } = useDashboardContext();
+  const searchParams = useSearchParams();
+  const capId = searchParams.get("capId");
+  const { activeOrganization, organizationData, spacesData } = useDashboardContext();
   const [range, setRange] = useState<AnalyticsRange>("7d");
-  const orgId = activeOrganization?.organization.id;
+  const [selectedOrgId, setSelectedOrgId] = useState<
+    Organisation.OrganisationId | null
+  >(null);
+  const [selectedSpaceId, setSelectedSpaceId] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (activeOrganization?.organization.id && !selectedOrgId) {
+      setSelectedOrgId(activeOrganization.organization.id);
+    }
+  }, [activeOrganization, selectedOrgId]);
+
+  const orgId = selectedOrgId || activeOrganization?.organization.id;
 
   const query = useQuery<{ data: OrgAnalyticsResponse } | null>({
-    queryKey: ["dashboard-analytics", orgId, range],
+    queryKey: ["dashboard-analytics", orgId, selectedSpaceId, range, capId],
     queryFn: async () => {
       if (!orgId) return null;
-      const response = await fetch(
-        `/api/dashboard/analytics?orgId=${orgId}&range=${range}`,
-        { cache: "no-store" }
-      );
+      const url = new URL("/api/dashboard/analytics", window.location.origin);
+      url.searchParams.set("orgId", orgId);
+      url.searchParams.set("range", range);
+      if (selectedSpaceId) {
+        url.searchParams.set("spaceId", selectedSpaceId);
+      }
+      if (capId) {
+        url.searchParams.set("capId", capId);
+      }
+      const response = await fetch(url.toString(), { cache: "no-store" });
       console.log("response", response);
       if (!response.ok) throw new Error("Failed to load analytics");
       return (await response.json()) as { data: OrgAnalyticsResponse };
@@ -43,7 +64,7 @@ export function AnalyticsDashboard() {
 
   if (!orgId) {
     return (
-      <div className="rounded-xl border border-gray-5 bg-white p-6 text-gray-11">
+      <div className="rounded-xl border border-gray-5 bg-gray-2 p-6 text-gray-11">
         Select or join an organization to view analytics.
       </div>
     );
@@ -56,7 +77,7 @@ export function AnalyticsDashboard() {
         browsers: analytics.breakdowns.browsers,
         operatingSystems: analytics.breakdowns.operatingSystems,
         deviceTypes: analytics.breakdowns.devices,
-        topCaps: analytics.breakdowns.topCaps,
+        topCaps: capId ? null : analytics.breakdowns.topCaps,
       }
     : {
         countries: [],
@@ -74,6 +95,16 @@ export function AnalyticsDashboard() {
         value={range}
         onChange={setRange}
         isLoading={query.isFetching}
+        organizations={organizationData}
+        activeOrganization={activeOrganization}
+        spacesData={spacesData}
+        selectedOrganizationId={selectedOrgId}
+        selectedSpaceId={selectedSpaceId}
+        onOrganizationChange={setSelectedOrgId}
+        onSpaceChange={setSelectedSpaceId}
+        hideCapsSelect={!!capId}
+        capId={capId}
+        capName={analytics?.capName ?? null}
       />
       <StatsChart
         counts={{
@@ -84,6 +115,7 @@ export function AnalyticsDashboard() {
         }}
         data={analytics?.chart ?? []}
         isLoading={query.isLoading}
+        capId={capId}
       />
       <OtherStats data={otherStats} isLoading={query.isLoading} />
     </div>
diff --git a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
index 6abc77dddf..248333d092 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
@@ -14,24 +14,24 @@ export const description = "An area chart with gradient fill";
 const chartConfig = {
 	views: {
 		label: "Views",
-		color: "var(--gray-12)",
+		color: "#3b82f6",
 	},
 	comments: {
 		label: "Comments",
-		color: "#3b82f6",
+		color: "#ec4899",
 	},
 	reactions: {
 		label: "Reactions",
-		color: "#60a5fa",
+		color: "#f97316",
 	},
 	caps: {
 		label: "Caps",
-		color: "#06b6d4",
+		color: "var(--gray-12)",
 	},
 } satisfies ChartConfig;
 
 interface ChartAreaProps {
-	selectedMetric: "caps" | "views" | "comments" | "reactions";
+	selectedMetrics: Array<"caps" | "views" | "comments" | "reactions">;
 	data: Array<{
 		bucket: string;
 		caps: number;
@@ -42,7 +42,7 @@ interface ChartAreaProps {
 	isLoading?: boolean;
 }
 
-function ChartArea({ selectedMetric, data, isLoading }: ChartAreaProps) {
+function ChartArea({ selectedMetrics, data, isLoading }: ChartAreaProps) {
 	const viewsGradientId = useId();
 	const commentsGradientId = useId();
 	const reactionsGradientId = useId();
@@ -62,9 +62,52 @@ function ChartArea({ selectedMetric, data, isLoading }: ChartAreaProps) {
 		}));
 	}, [data]);
 
+	const { maxValue, yAxisTicks } = useMemo(() => {
+		if (!chartData.length || selectedMetrics.length === 0) {
+			return { maxValue: 100, yAxisTicks: [0, 20, 40, 60, 80, 100] };
+		}
+
+		let max = 0;
+		for (const point of chartData) {
+			for (const metric of selectedMetrics) {
+				const value = point[metric] ?? 0;
+				if (value > max) {
+					max = value;
+				}
+			}
+		}
+
+		if (max === 0) {
+			return { maxValue: 100, yAxisTicks: [0, 20, 40, 60, 80, 100] };
+		}
+
+		const roundedMax = Math.ceil(max * 1.1);
+		const magnitude = Math.pow(10, Math.floor(Math.log10(roundedMax)));
+		const normalized = roundedMax / magnitude;
+		let niceMax: number;
+
+		if (normalized <= 1) {
+			niceMax = magnitude;
+		} else if (normalized <= 2) {
+			niceMax = 2 * magnitude;
+		} else if (normalized <= 5) {
+			niceMax = 5 * magnitude;
+		} else {
+			niceMax = 10 * magnitude;
+		}
+
+		const step = niceMax / 5;
+		const ticks: number[] = [];
+		for (let i = 0; i <= 5; i++) {
+			ticks.push(Math.round(i * step));
+		}
+
+		return { maxValue: niceMax, yAxisTicks: ticks };
+	}, [chartData, selectedMetrics]);
+
 	if (isLoading && chartData.length === 0) {
 		return (
-			<div className="h-[300px] w-full animate-pulse rounded-xl bg-gray-3" />
+			<div className="h-[500px] w-full animate-pulse rounded-xl border bg-gray-2 border-gray-3" />
 		);
 	}
 
@@ -76,8 +119,16 @@ function ChartArea({ selectedMetric, data, isLoading }: ChartAreaProps) {
 		);
 	}
 
+	if (selectedMetrics.length === 0) {
+		return (
+			<div className="flex h-[300px] w-full flex-col items-center justify-center rounded-xl border border-dashed border-gray-5 text-sm text-gray-9">
+				Select at least one metric to view.
+			</div>
+		);
+	}
+
 	return (
-		<ChartContainer className="h-[500px]" config={chartConfig}>
+		<ChartContainer className="h-[500px] bg-gray-2" config={chartConfig}>
 			<AreaChart
 				accessibilityLayer
 				data={chartData}
@@ -105,7 +156,8 @@ function ChartArea({ selectedMetric, data, isLoading }: ChartAreaProps) {
 				<YAxis
 					axisLine={false}
 					tickMargin={8}
-					ticks={[0, 20, 40, 60, 80, 100]}
+					ticks={yAxisTicks}
+					domain={[0, maxValue]}
 					width={16}
 					allowDataOverflow={false}
 				/>
@@ -118,77 +170,69 @@ function ChartArea({ selectedMetric, data, isLoading }: ChartAreaProps) {
 							<feMergeNode in="SourceGraphic" />
 						</feMerge>
 					</filter>
-					{selectedMetric === "views" && (
-						<linearGradient id={viewsGradientId} x1="0" y1="0" x2="0" y2="1">
-							<stop offset="5%" stopColor="var(--gray-8)" stopOpacity={0.5} />
-							<stop offset="95%" stopColor="var(--gray-8)" stopOpacity={0} />
-						</linearGradient>
-					)}
-					{selectedMetric === "comments" && (
-						<linearGradient id={commentsGradientId} x1="0" y1="0" x2="0" y2="1">
-							<stop offset="5%" stopColor="#3b82f6" stopOpacity={0.5} />
-							<stop offset="95%" stopColor="#3b82f6" stopOpacity={0} />
-						</linearGradient>
-					)}
-					{selectedMetric === "reactions" && (
-						<linearGradient
-							id={reactionsGradientId}
-							x1="0"
-							y1="0"
-							x2="0"
-							y2="1"
-						>
-							<stop offset="5%" stopColor="#60a5fa" stopOpacity={0.5} />
-							<stop offset="95%" stopColor="#60a5fa" stopOpacity={0} />
-						</linearGradient>
-					)}
-					{selectedMetric === "caps" && (
-						<linearGradient id={capsGradientId} x1="0" y1="0" x2="0" y2="1">
-							<stop offset="5%" stopColor="#06b6d4" stopOpacity={0.5} />
-							<stop offset="95%" stopColor="#06b6d4" stopOpacity={0} />
-						</linearGradient>
-					)}
+					<linearGradient id={viewsGradientId} x1="0" y1="0" x2="0" y2="1">
+						<stop offset="5%" stopColor="#3b82f6" stopOpacity={0.5} />
+						<stop offset="95%" stopColor="#3b82f6" stopOpacity={0} />
+					</linearGradient>
+					<linearGradient id={commentsGradientId} x1="0" y1="0" x2="0" y2="1">
+						<stop offset="5%" stopColor="#ec4899" stopOpacity={0.5} />
+						<stop offset="95%" stopColor="#ec4899" stopOpacity={0} />
+					</linearGradient>
+					<linearGradient
+						id={reactionsGradientId}
+						x1="0"
+						y1="0"
+						x2="0"
+						y2="1"
+					>
+						<stop offset="5%" stopColor="#f97316" stopOpacity={0.5} />
+						<stop offset="95%" stopColor="#f97316" stopOpacity={0} />
+					</linearGradient>
+					<linearGradient id={capsGradientId} x1="0" y1="0" x2="0" y2="1">
+						<stop offset="5%" stopColor="var(--gray-12)" stopOpacity={0.5} />
+						<stop offset="95%" stopColor="var(--gray-12)" stopOpacity={0} />
+					</linearGradient>
 				</defs>
-				{selectedMetric === "views" && (
+				{selectedMetrics.includes("views") && (
 					<Area
 						dataKey="views"
 						type="monotone"
 						fill={`url(#${viewsGradientId})`}
 						fillOpacity={0.4}
-						stroke="var(--gray-12)"
+						stroke="#3b82f6"
 						strokeWidth={1}
 						filter={`url(#${glowFilterId})`}
 					/>
 				)}
-				{selectedMetric === "comments" && (
+				{selectedMetrics.includes("comments") && (
 					<Area
 						dataKey="comments"
 						type="monotone"
 						fill={`url(#${commentsGradientId})`}
 						fillOpacity={0.4}
-						stroke="#3b82f6"
+						stroke="#ec4899"
 						strokeWidth={1}
 						filter={`url(#${glowFilterId})`}
 					/>
 				)}
-				{selectedMetric === "reactions" && (
+				{selectedMetrics.includes("reactions") && (
 					<Area
 						dataKey="reactions"
 						type="monotone"
 						fill={`url(#${reactionsGradientId})`}
 						fillOpacity={0.4}
-						stroke="#60a5fa"
+						stroke="#f97316"
 						strokeWidth={1}
 						filter={`url(#${glowFilterId})`}
 					/>
 				)}
-				{selectedMetric === "caps" && (
+				{selectedMetrics.includes("caps") && (
 					<Area
 						dataKey="caps"
 						type="monotone"
 						fill={`url(#${capsGradientId})`}
 						fillOpacity={0.4}
-						stroke="#06b6d4"
+						stroke="var(--gray-12)"
 						strokeWidth={1}
 						filter={`url(#${glowFilterId})`}
 					/>
diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
index d486f767fe..c5e0cfb8c7 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -1,37 +1,425 @@
 "use client";
 
-import { Select } from "@cap/ui";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import {
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ArrowLeft,
+} from "lucide-react";
+import { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
 import type { AnalyticsRange } from "../types";
-import { faCalendar } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import clsx from "clsx";
+import type { Organization, Spaces } from "../../dashboard-data";
+import { SignedImageUrl } from "@/components/SignedImageUrl";
+import type { Organisation } from "@cap/web-domain";
+import { useCurrentUser } from "@/app/Layout/AuthContext";
 
 interface HeaderProps {
   options: { value: AnalyticsRange; label: string }[];
   value: AnalyticsRange;
   onChange: (value: AnalyticsRange) => void;
   isLoading?: boolean;
+  organizations?: Organization[] | null;
+  activeOrganization?: Organization | null;
+  spacesData?: Spaces[] | null;
+  selectedOrganizationId?: Organisation.OrganisationId | null;
+  selectedSpaceId?: string | null;
+  onOrganizationChange?: (organizationId: Organisation.OrganisationId) => void;
+  onSpaceChange?: (spaceId: string | null) => void;
+  hideCapsSelect?: boolean;
+  capId?: string | null;
+  capName?: string | null;
 }
 
+const DATE_RANGE_OPTIONS = [
+  { value: "today", label: "Today" },
+  { value: "yesterday", label: "Yesterday" },
+  { value: "24h", label: "Last 24 hours" },
+  { value: "7d", label: "Last 7 days" },
+  { value: "30d", label: "Last 30 days" },
+  { value: "wtd", label: "Week to date" },
+  { value: "mtd", label: "Month to date" },
+] as const;
+
+const mapToBackendRange = (value: string): AnalyticsRange => {
+  if (value === "24h" || value === "7d" || value === "30d") {
+    return value as AnalyticsRange;
+  }
+  if (value === "today" || value === "yesterday") {
+    return "24h";
+  }
+  if (value === "wtd") {
+    return "7d";
+  }
+  if (value === "mtd") {
+    return "30d";
+  }
+  return "7d";
+};
+
+const getDisplayValue = (
+  backendValue: AnalyticsRange,
+  lastUISelection?: string
+): string => {
+  if (
+    lastUISelection &&
+    (lastUISelection === "today" || lastUISelection === "yesterday")
+  ) {
+    if (backendValue === "24h") {
+      return lastUISelection;
+    }
+  }
+  if (lastUISelection && lastUISelection === "wtd") {
+    if (backendValue === "7d") {
+      return lastUISelection;
+    }
+  }
+  if (lastUISelection && lastUISelection === "mtd") {
+    if (backendValue === "30d") {
+      return lastUISelection;
+    }
+  }
+  if (backendValue === "24h") return "24h";
+  if (backendValue === "7d") return "7d";
+  if (backendValue === "30d") return "30d";
+  return "7d";
+};
+
 export default function Header({
-  options,
+  options: _options,
   value,
   onChange,
   isLoading,
+  organizations,
+  activeOrganization,
+  spacesData,
+  selectedOrganizationId,
+  selectedSpaceId,
+  onOrganizationChange,
+  onSpaceChange,
+  hideCapsSelect = false,
+  capId,
+  capName,
 }: HeaderProps) {
+  const user = useCurrentUser();
+  const router = useRouter();
+  const [open, setOpen] = useState(false);
+  const [orgOpen, setOrgOpen] = useState(false);
+  const [lastUISelection, setLastUISelection] = useState<string | undefined>(
+    undefined
+  );
+
+  useEffect(() => {
+    if (!lastUISelection) {
+      if (value === "24h") {
+        setLastUISelection("24h");
+      } else if (value === "7d") {
+        setLastUISelection("7d");
+      } else if (value === "30d") {
+        setLastUISelection("30d");
+      }
+    }
+  }, [value, lastUISelection]);
+
+  useEffect(() => {
+    const currentOrgId =
+      selectedOrganizationId || activeOrganization?.organization.id;
+
+    if (selectedSpaceId) {
+      const space = spacesData?.find((s) => s.id === selectedSpaceId);
+      if (!space || space.organizationId !== currentOrgId) {
+        onSpaceChange?.(null);
+      }
+    }
+  }, [
+    selectedOrganizationId,
+    selectedSpaceId,
+    spacesData,
+    activeOrganization,
+    onSpaceChange,
+  ]);
+
+  const selectedOption =
+    DATE_RANGE_OPTIONS.find(
+      (opt) => opt.value === getDisplayValue(value, lastUISelection)
+    ) || DATE_RANGE_OPTIONS[3];
+
+  const handleValueChange = (newValue: string) => {
+    setLastUISelection(newValue);
+    const backendRange = mapToBackendRange(newValue);
+    onChange(backendRange);
+    setOpen(false);
+  };
+
+  const handlePrevious = () => {
+    const currentIndex = DATE_RANGE_OPTIONS.findIndex(
+      (opt) => opt.value === selectedOption.value
+    );
+    if (currentIndex > 0) {
+      const prevOption = DATE_RANGE_OPTIONS[currentIndex - 1];
+      handleValueChange(prevOption?.value ?? "");
+    }
+  };
+
+  const handleNext = () => {
+    const currentIndex = DATE_RANGE_OPTIONS.findIndex(
+      (opt) => opt.value === selectedOption.value
+    );
+    if (currentIndex < DATE_RANGE_OPTIONS.length - 1) {
+      const nextOption = DATE_RANGE_OPTIONS[currentIndex + 1];
+      handleValueChange(nextOption?.value ?? "");
+    }
+  };
+
+  const canGoPrevious =
+    DATE_RANGE_OPTIONS.findIndex((opt) => opt.value === selectedOption.value) >
+    0;
+  const canGoNext =
+    DATE_RANGE_OPTIONS.findIndex((opt) => opt.value === selectedOption.value) <
+    DATE_RANGE_OPTIONS.length - 1;
+
+  const selectedOrgId =
+    selectedOrganizationId || activeOrganization?.organization.id;
+  const selectedOrg =
+    organizations?.find((org) => org.organization.id === selectedOrgId) ||
+    activeOrganization ||
+    organizations?.[0];
+
+  const filteredSpaces = spacesData?.filter(
+    (space) => space.organizationId === selectedOrgId
+  );
+
+  const handleOrgChange = (value: string) => {
+    if (value.startsWith("space:")) {
+      const spaceId = value.replace("space:", "");
+      const space = filteredSpaces?.find((s) => s.id === spaceId);
+      if (space) {
+        onSpaceChange?.(spaceId);
+        onOrganizationChange?.(
+          space.organizationId as Organisation.OrganisationId
+        );
+      }
+    } else {
+      onSpaceChange?.(null);
+      onOrganizationChange?.(value as Organisation.OrganisationId);
+    }
+    setOrgOpen(false);
+  };
+
+  const selectedSpace = selectedSpaceId
+    ? filteredSpaces?.find((s) => s.id === selectedSpaceId)
+    : null;
+
+  const isMyCapsSelected =
+    !selectedSpaceId &&
+    selectedOrg?.organization.id === activeOrganization?.organization.id;
+
+  const displayName = selectedSpace
+    ? selectedSpace.name
+    : isMyCapsSelected
+    ? user?.name
+      ? `${user.name}'s Caps`
+      : "My Caps"
+    : selectedOrg?.organization.name || "Select organization";
+
+  const displayIcon = selectedSpace
+    ? selectedSpace.iconUrl
+    : isMyCapsSelected
+    ? user?.imageUrl || selectedOrg?.organization.iconUrl || undefined
+    : selectedOrg?.organization.iconUrl;
+
+  const displayIconName = selectedSpace
+    ? selectedSpace.name
+    : isMyCapsSelected
+    ? user?.name || selectedOrg?.organization.name || "My Caps"
+    : selectedOrg?.organization.name || "Select organization";
+
+  if (!activeOrganization) {
+    return null;
+  }
+
+  const selectValue = selectedSpaceId
+    ? `space:${selectedSpaceId}`
+    : selectedOrgId || activeOrganization.organization.id;
+
+  const handleBackClick = () => {
+    router.push("/dashboard/analytics");
+  };
+
   return (
-    <>
-      <div className="flex gap-2 items-center">
-        <Select
-          placeholder="Select a range"
-          variant="light"
-          icon={<FontAwesomeIcon icon={faCalendar} />}
-          size="md"
-          options={options}
-          value={value}
-          onValueChange={(val) => onChange(val as AnalyticsRange)}
+    <div className="flex gap-2 items-center">
+      {capId && capName && (
+        <div className="flex items-center rounded-xl border border-gray-4 bg-gray-2 overflow-hidden">
+          <button
+            type="button"
+            onClick={handleBackClick}
+            className="flex items-center justify-center px-3 py-2.5 border-r border-gray-4 transition-colors text-gray-11 cursor-pointer"
+          >
+            <ArrowLeft className="size-4" />
+          </button>
+          <div className="flex items-center px-4 py-2.5">
+            <span className="text-sm font-semibold text-gray-12">
+              {capName}
+            </span>
+          </div>
+        </div>
+      )}
+      {!hideCapsSelect && (
+        <SelectPrimitive.Root
+          value={selectValue}
+          onValueChange={handleOrgChange}
+          open={orgOpen}
+          onOpenChange={setOrgOpen}
           disabled={isLoading}
-        />
-      </div>
-    </>
+        >
+          <SelectPrimitive.Trigger className="flex items-center gap-2 rounded-xl border border-gray-4 bg-gray-2 px-4 py-2.5 outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
+            {displayIconName && (
+              <SignedImageUrl
+                image={displayIcon}
+                name={displayIconName}
+                className="size-5 flex-shrink-0"
+              />
+            )}
+            <span className="text-sm font-semibold text-gray-12">
+              {displayName}
+            </span>
+            <SelectPrimitive.Icon className="ml-1">
+              <ChevronDown className="size-4 text-gray-9" />
+            </SelectPrimitive.Icon>
+          </SelectPrimitive.Trigger>
+
+          <SelectPrimitive.Portal>
+            <SelectPrimitive.Content
+              className="z-50 min-w-[200px] rounded-xl border border-gray-4 bg-gray-2 shadow-lg overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2"
+              position="popper"
+              sideOffset={4}
+            >
+              <SelectPrimitive.Viewport className="p-1">
+                <SelectPrimitive.Item
+                  key={activeOrganization.organization.id}
+                  value={activeOrganization.organization.id}
+                  className="relative flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm outline-none transition-colors font-semibold text-gray-12 data-[state=checked]:bg-gray-3 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
+                >
+                  <SignedImageUrl
+                    image={
+                      user?.imageUrl || activeOrganization.organization.iconUrl
+                    }
+                    name={user?.name || activeOrganization.organization.name}
+                    className="size-5 flex-shrink-0"
+                  />
+                  <SelectPrimitive.ItemText>
+                    {user?.name ? `${user.name}'s Caps` : "My Caps"}
+                  </SelectPrimitive.ItemText>
+                </SelectPrimitive.Item>
+                {filteredSpaces && filteredSpaces.length > 0 && (
+                  <>
+                    <div className="px-3 py-2 text-xs font-semibold text-gray-9 uppercase tracking-wider">
+                      Spaces
+                    </div>
+                    {filteredSpaces.map((space) => {
+                      return (
+                        <SelectPrimitive.Item
+                          key={space.id}
+                          value={`space:${space.id}`}
+                          className="relative flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm outline-none transition-colors text-gray-12 data-[state=checked]:bg-gray-3 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
+                        >
+                          <SignedImageUrl
+                            image={space.iconUrl}
+                            name={space.name}
+                            className="size-5 flex-shrink-0"
+                          />
+                          <SelectPrimitive.ItemText>
+                            {space.name}
+                          </SelectPrimitive.ItemText>
+                        </SelectPrimitive.Item>
+                      );
+                    })}
+                  </>
+                )}
+              </SelectPrimitive.Viewport>
+            </SelectPrimitive.Content>
+          </SelectPrimitive.Portal>
+        </SelectPrimitive.Root>
+      )}
+
+      <SelectPrimitive.Root
+        value={selectedOption.value}
+        onValueChange={handleValueChange}
+        open={open}
+        onOpenChange={setOpen}
+        disabled={isLoading}
+      >
+        <div className="flex items-center rounded-xl border border-gray-4 bg-gray-2 overflow-hidden">
+          <button
+            type="button"
+            onClick={handlePrevious}
+            disabled={!canGoPrevious || isLoading}
+            className={clsx(
+              "flex items-center justify-center px-3 py-2.5 border-r border-gray-4 transition-colors",
+              canGoPrevious && !isLoading
+                ? "text-gray-11 cursor-pointer"
+                : "text-gray-6 cursor-not-allowed"
+            )}
+          >
+            <ChevronLeft className="size-4" />
+          </button>
+
+          <SelectPrimitive.Trigger className="flex-1 flex items-center justify-between px-4 py-2.5 border-r border-gray-4 outline-none hover:bg-gray-3 transition-colors disabled:opacity-50 disabled:cursor-not-allowed space-x-1">
+            <span className="text-sm font-semibold text-gray-12">
+              {selectedOption.label}
+            </span>
+            <SelectPrimitive.Icon>
+              <ChevronDown className="size-4 text-gray-9" />
+            </SelectPrimitive.Icon>
+          </SelectPrimitive.Trigger>
+
+          <button
+            type="button"
+            onClick={handleNext}
+            disabled={!canGoNext || isLoading}
+            className={clsx(
+              "flex items-center justify-center px-3 py-2.5 transition-colors",
+              canGoNext && !isLoading
+                ? "text-gray-6 cursor-pointer"
+                : "text-gray-4 cursor-not-allowed"
+            )}
+          >
+            <ChevronRight className="size-4" />
+          </button>
+        </div>
+
+        <SelectPrimitive.Portal>
+          <SelectPrimitive.Content
+            className="z-50 min-w-[200px] rounded-xl border border-gray-4 bg-gray-2 shadow-lg overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2"
+            position="popper"
+            sideOffset={4}
+          >
+            <SelectPrimitive.Viewport className="p-1">
+              {DATE_RANGE_OPTIONS.map((option) => {
+                const isSelected = selectedOption.value === option.value;
+                return (
+                  <SelectPrimitive.Item
+                    key={option.value}
+                    value={option.value}
+                    className={clsx(
+                      "relative flex w-full cursor-pointer items-center rounded-lg px-3 py-2 text-sm outline-none transition-colors font-semibold",
+                      isSelected
+                        ? "bg-gray-3 text-gray-12 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
+                        : "text-gray-12 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
+                    )}
+                  >
+                    <SelectPrimitive.ItemText>
+                      {option.label}
+                    </SelectPrimitive.ItemText>
+                  </SelectPrimitive.Item>
+                );
+              })}
+            </SelectPrimitive.Viewport>
+          </SelectPrimitive.Content>
+        </SelectPrimitive.Portal>
+      </SelectPrimitive.Root>
+    </div>
   );
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
index 31b0fa568a..2f9fc413cc 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
@@ -79,6 +79,7 @@ const toCapRow = (row: BreakdownRow & { id?: string }): CapRowData => ({
 	comments: null,
 	reactions: null,
 	percentage: row.percentage,
+	id: row.id,
 });
 
 const browserNameToSlug = (name: string): BrowserRowData["browser"] => {
@@ -102,10 +103,11 @@ const browserNameToSlug = (name: string): BrowserRowData["browser"] => {
 };
 
 const osNameToKey = (name: string): OSRowData["os"] => {
-	switch (name.toLowerCase()) {
-		case "macos":
-		case "ios":
-			return "ios";
+	const normalized = name.toLowerCase().trim();
+	if (normalized.includes("mac") || normalized === "ios") {
+		return "ios";
+	}
+	switch (normalized) {
 		case "linux":
 			return "linux";
 		case "ubuntu":
@@ -127,8 +129,6 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 						columns={[
 							"Country",
 							"Views",
-							"Comments",
-							"Reactions",
 							"Percentage",
 						]}
 						rows={data.countries.map(toCountryRow)}
@@ -137,7 +137,7 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 					/>
 					<TableCard
 						title="Cities"
-						columns={["City", "Views", "Comments", "Reactions", "Percentage"]}
+						columns={["City", "Views", "Percentage"]}
 						rows={data.cities.map(toCityRow)}
 						type="city"
 						isLoading={isLoading}
@@ -151,8 +151,6 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 						columns={[
 							"Browser",
 							"Views",
-							"Comments",
-							"Reactions",
 							"Percentage",
 						]}
 						rows={data.browsers.map(toBrowserRow)}
@@ -164,8 +162,6 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 						columns={[
 							"Operating System",
 							"Views",
-							"Comments",
-							"Reactions",
 							"Percentage",
 						]}
 						rows={data.operatingSystems.map(toOSRow)}
@@ -182,7 +178,7 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
 						title="Device Type"
-						columns={["Device", "Views", "Comments", "Reactions", "Percentage"]}
+						columns={["Device", "Views", "Percentage"]}
 						rows={data.deviceTypes.map((device) => ({
 							device: deviceMap[device.name.toLowerCase()] ?? "desktop",
 							name: device.name,
@@ -205,7 +201,7 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 					<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 						<TableCard
 							title="Caps"
-							columns={["Cap", "Views", "Comments", "Reactions", "Percentage"]}
+							columns={["Name", "Views", "Percentage"]}
 							rows={data.topCaps.map(toCapRow)}
 							type="cap"
 							isLoading={isLoading}
diff --git a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
index 0a6c010d46..5b8a007d59 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
@@ -1,13 +1,6 @@
 "use client";
 
-import {
-  cloneElement,
-  type HTMLAttributes,
-  type SVGProps,
-  useMemo,
-  useRef,
-  useState,
-} from "react";
+import { cloneElement, type SVGProps, useMemo, useRef, useState } from "react";
 import {
   CapIcon,
   ChatIcon,
@@ -17,6 +10,7 @@ import {
 import { classNames } from "@/utils/helpers";
 import type { CapIconHandle } from "../../_components/AnimatedIcons/Cap";
 import ChartArea from "./ChartArea";
+import { Check } from "lucide-react";
 
 type boxes = "caps" | "views" | "comments" | "reactions";
 type ChartPoint = {
@@ -36,25 +30,35 @@ const formatCount = (value: number) => {
 interface StatsChartProps {
   counts: Record<boxes, number>;
   data: ChartPoint[];
-  defaultSelectedBox?: boxes;
   isLoading?: boolean;
+  capId?: string | null;
 }
 
 export default function StatsBox({
   counts,
   data,
-  defaultSelectedBox = "caps",
   isLoading,
+  capId,
 }: StatsChartProps) {
-  const [selectedBox, setSelectedBox] = useState<boxes>(defaultSelectedBox);
+  const [selectedBoxes, setSelectedBoxes] = useState<Set<boxes>>(
+    new Set(["views", "comments", "reactions"])
+  );
 
   const capsBoxRef = useRef<CapIconHandle | null>(null);
   const viewsBoxRef = useRef<CapIconHandle | null>(null);
   const chatsBoxRef = useRef<CapIconHandle | null>(null);
   const reactionsBoxRef = useRef<CapIconHandle | null>(null);
 
-  const selectHandler = (box: boxes) => {
-    setSelectedBox(box);
+  const toggleHandler = (box: boxes) => {
+    setSelectedBoxes((prev) => {
+      const next = new Set(prev);
+      if (next.has(box)) {
+        next.delete(box);
+      } else {
+        next.add(box);
+      }
+      return next;
+    });
   };
 
   const formattedCounts = useMemo(
@@ -68,47 +72,65 @@ export default function StatsBox({
   );
 
   return (
-    <div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-1 border-gray-3">
+    <div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-2 border-gray-3">
       <div className="flex flex-wrap gap-4">
-        <StatBox
-          onClick={() => selectHandler("caps")}
-          isSelected={selectedBox === "caps"}
-          title="Caps"
-          value={formattedCounts.caps}
-          onMouseEnter={() => capsBoxRef.current?.startAnimation()}
-          onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
-          icon={<CapIcon ref={capsBoxRef} size={20} />}
-        />
-        <StatBox
-          onClick={() => selectHandler("views")}
-          isSelected={selectedBox === "views"}
-          title="Views"
-          value={formattedCounts.views}
-          onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
-          onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
-          icon={<ClapIcon ref={viewsBoxRef} size={20} />}
-        />
-        <StatBox
-          onClick={() => selectHandler("comments")}
-          isSelected={selectedBox === "comments"}
-          title="Comments"
-          value={formattedCounts.comments}
-          onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
-          onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
-          icon={<ChatIcon ref={chatsBoxRef} size={20} />}
-        />
-        <StatBox
-          onClick={() => selectHandler("reactions")}
-          isSelected={selectedBox === "reactions"}
-          title="Reactions"
-          value={formattedCounts.reactions}
-          onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
-          onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
-          icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
-        />
+        {isLoading ? (
+          <>
+            {Array.from({ length: capId ? 3 : 4 }, (_, index) => (
+              <StatBoxSkeleton key={`skeleton-${capId ? 3 : 4}-${index}`} />
+            ))}
+          </>
+        ) : (
+          <>
+            <StatBox
+              onClick={() => toggleHandler("views")}
+              isSelected={selectedBoxes.has("views")}
+              title="Views"
+              value={formattedCounts.views}
+              metric="views"
+              onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
+              onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
+              icon={<ClapIcon ref={viewsBoxRef} size={20} />}
+            />
+            <StatBox
+              onClick={() => toggleHandler("comments")}
+              isSelected={selectedBoxes.has("comments")}
+              title="Comments"
+              value={formattedCounts.comments}
+              metric="comments"
+              onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
+              onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
+              icon={<ChatIcon ref={chatsBoxRef} size={20} />}
+            />
+            <StatBox
+              onClick={() => toggleHandler("reactions")}
+              isSelected={selectedBoxes.has("reactions")}
+              title="Reactions"
+              value={formattedCounts.reactions}
+              metric="reactions"
+              onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
+              onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
+              icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
+            />
+            {!capId && (
+              <StatBox
+                onClick={() => toggleHandler("caps")}
+                isSelected={selectedBoxes.has("caps")}
+                title="Caps"
+                value={formattedCounts.caps}
+                metric="caps"
+                onMouseEnter={() => capsBoxRef.current?.startAnimation()}
+                onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
+                icon={<CapIcon ref={capsBoxRef} size={20} />}
+              />
+            )}
+          </>
+        )}
       </div>
       <ChartArea
-        selectedMetric={selectedBox}
+        selectedMetrics={Array.from(selectedBoxes).filter(
+          (metric) => !capId || metric !== "caps"
+        )}
         data={data}
         isLoading={isLoading}
       />
@@ -116,46 +138,124 @@ export default function StatsBox({
   );
 }
 
-interface StatBoxProps extends HTMLAttributes<HTMLDivElement> {
+const metricColors = {
+  views: {
+    bg: "rgba(59, 130, 246, 0.03)",
+    bgHover: "rgba(59, 130, 246, 0.05)",
+    bgSelected: "rgba(59, 130, 246, 0.08)",
+    border: "rgba(59, 130, 246, 0.15)",
+    borderSelected: "rgba(59, 130, 246, 0.25)",
+  },
+  comments: {
+    bg: "rgba(236, 72, 153, 0.03)",
+    bgHover: "rgba(236, 72, 153, 0.05)",
+    bgSelected: "rgba(236, 72, 153, 0.08)",
+    border: "rgba(236, 72, 153, 0.15)",
+    borderSelected: "rgba(236, 72, 153, 0.25)",
+  },
+  reactions: {
+    bg: "rgba(249, 115, 22, 0.03)",
+    bgHover: "rgba(249, 115, 22, 0.05)",
+    bgSelected: "rgba(249, 115, 22, 0.08)",
+    border: "rgba(249, 115, 22, 0.15)",
+    borderSelected: "rgba(249, 115, 22, 0.25)",
+  },
+  caps: {
+    bg: "rgba(0, 0, 0, 0.02)",
+    bgHover: "rgba(0, 0, 0, 0.03)",
+    bgSelected: "rgba(0, 0, 0, 0.05)",
+    border: "rgba(0, 0, 0, 0.12)",
+    borderSelected: "rgba(0, 0, 0, 0.2)",
+  },
+} as const;
+
+interface StatBoxProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   title: string;
   value: string;
   icon: React.ReactElement<SVGProps<SVGSVGElement>>;
   isSelected?: boolean;
+  metric: boxes;
 }
 function StatBox({
   title,
   value,
   icon,
   isSelected = false,
+  metric,
   ...props
 }: StatBoxProps) {
+  const colors = metricColors[metric];
+
   return (
-    <div
+    <button
       {...props}
+      type="button"
       className={classNames(
-        "flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 bg-transparent rounded-xl border transition-all duration-200 cursor-pointer group h-fit hover:bg-gray-3 border-gray-5",
-        isSelected && "bg-gray-3 border-gray-8"
+        "flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 rounded-xl border transition-all duration-200 cursor-pointer group h-fit border-gray-5 text-left",
+        isSelected ? "border-gray-8" : ""
       )}
+      style={{
+        backgroundColor: isSelected ? colors.bgSelected : colors.bg,
+        borderColor: isSelected ? colors.borderSelected : colors.border,
+      }}
+      onMouseEnter={(e) => {
+        if (!isSelected) {
+          e.currentTarget.style.backgroundColor = colors.bgHover;
+        }
+        props.onMouseEnter?.(e);
+      }}
+      onMouseLeave={(e) => {
+        if (!isSelected) {
+          e.currentTarget.style.backgroundColor = colors.bg;
+        }
+        props.onMouseLeave?.(e);
+      }}
     >
-      <div className="flex gap-2 items-center h-fit">
-        {cloneElement(icon, {
-          className: classNames(
-            "group-hover:text-gray-12 transition-colors duration-200",
-            isSelected ? "text-gray-12" : "text-gray-10"
-          ),
-        })}
-        <p
+      <div className="flex gap-2 items-center h-fit justify-between">
+        <div className="flex gap-2 items-center h-fit">
+          {cloneElement(icon, {
+            className: classNames(
+              "group-hover:text-gray-12 transition-colors duration-200",
+              isSelected ? "text-gray-12" : "text-gray-10"
+            ),
+          })}
+          <p
+            className={classNames(
+              "text-base font-medium transition-colors duration-200 group-hover:text-gray-12 text-gray-10",
+              isSelected && "text-gray-12"
+            )}
+          >
+            {title}
+          </p>
+        </div>
+        <div
           className={classNames(
-            "text-base font-medium transition-colors duration-200 group-hover:text-gray-12 text-gray-10",
-            isSelected && "text-gray-12"
+            "flex items-center justify-center size-5 rounded border transition-all duration-200",
+            isSelected
+              ? "bg-gray-3 border-gray-9 dark:bg-gray-10 dark:border-gray-10"
+              : "bg-transparent border-gray-8 group-hover:border-gray-10"
           )}
         >
-          {title}
-        </p>
+          {isSelected && (
+            <Check className="size-3.5 text-gray-12 dark:text-gray-1" />
+          )}
+        </div>
       </div>
       <p className="text-2xl font-medium transition-colors duration-200 text-gray-12">
         {value}
       </p>
+    </button>
+  );
+}
+
+function StatBoxSkeleton() {
+  return (
+    <div className="flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 bg-transparent rounded-xl border border-gray-5 h-fit">
+      <div className="flex gap-2 items-center h-fit">
+        <div className="size-5 rounded bg-gray-4 animate-pulse" />
+        <div className="h-4 w-20 rounded bg-gray-4 animate-pulse" />
+      </div>
+      <div className="h-8 w-16 rounded bg-gray-4 animate-pulse" />
     </div>
   );
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
index 72b27aa37c..40eeb30172 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
@@ -1,6 +1,7 @@
+"use client";
+
 import {
   LogoBadge,
-  Select,
   Table,
   TableBody,
   TableCell,
@@ -11,8 +12,6 @@ import {
 import {
   faAppleWhole,
   faDesktop,
-  faDownLong,
-  faFilter,
   faMobileScreen,
   faTablet,
 } from "@fortawesome/free-solid-svg-icons";
@@ -20,8 +19,12 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
 import getUnicodeFlagIcon from "country-flag-icons/unicode";
 import Image from "next/image";
+import { useRouter } from "next/navigation";
 
-const countryCodeToIcon = (countryCode: string) => {
+const countryCodeToIcon = (countryCode: string | undefined | null) => {
+  if (!countryCode || countryCode.trim() === "") {
+    return null;
+  }
   return getUnicodeFlagIcon(countryCode.toUpperCase());
 };
 
@@ -30,7 +33,10 @@ const formatNumber = (value?: number | null) =>
 const formatPercentage = (value?: number | null) =>
   value == null ? "—" : `${Math.round(value * 100)}%`;
 const skeletonBar = (width = 48) => (
-  <div className="h-2 rounded-full bg-gray-5 animate-pulse" style={{ width }} />
+  <div
+    className="h-4 rounded bg-gray-4 animate-pulse"
+    style={{ width: `${width}px` }}
+  />
 );
 
 type BrowserType =
@@ -106,6 +112,7 @@ export interface CapRowData {
   comments?: number | null;
   reactions?: number | null;
   percentage: number;
+  id?: string;
 }
 
 export interface TableCardProps {
@@ -124,13 +131,14 @@ export interface TableCardProps {
 }
 
 const TableCard = ({
-  title,
+  title: _title,
   columns,
   rows,
   type,
   tableClassname,
   isLoading,
 }: TableCardProps) => {
+  const router = useRouter();
   const hasRows = rows.length > 0;
   const placeholders = Array.from({ length: 4 }, (_, index) => ({
     name: `placeholder-${index}`,
@@ -140,11 +148,18 @@ const TableCard = ({
     percentage: 0,
   })) as TableCardProps["rows"];
 
-  const displayRows = hasRows ? rows : placeholders;
+  const displayRows = isLoading || !hasRows ? placeholders : rows;
+  const showSkeletons = isLoading || !hasRows;
+
+  const handleCapNameClick = (capId: string | undefined) => {
+    if (capId && type === "cap") {
+      router.push(`/dashboard/analytics?capId=${capId}`);
+    }
+  };
 
   return (
-    <div className="p-5 w-full rounded-xl border bg-gray-2 border-gray-4">
-      <div className="flex flex-1 gap-2 justify-between items-center h-[48px]">
+    <div className="relative p-5 w-full rounded-xl border bg-gray-2 border-gray-4 min-h-[400px] max-h-[400px] overflow-y-auto">
+      {/* <div className="flex flex-1 gap-2 justify-between items-center h-[48px]">
         <p className="text-lg font-medium text-gray-12">{title}</p>
         <Select
           variant="light"
@@ -159,11 +174,11 @@ const TableCard = ({
           onValueChange={() => {}}
           size="sm"
         />
-      </div>
+      </div> */}
       <div className="flex flex-1 flex-col gap-4 justify-center">
         <div className="relative w-full">
           <Table className="w-full border-separate table-fixed border-spacing-y-2">
-            <TableHeader className="text-xs uppercase text-gray-11 opacity-70">
+            <TableHeader className="sticky top-0 z-10 bg-gray-2 text-xs uppercase text-gray-11 opacity-70">
               <TableRow>
                 {columns.map((column) => (
                   <TableHead className="px-3 text-left" key={column}>
@@ -179,39 +194,58 @@ const TableCard = ({
               )}
             >
               {displayRows.map((row, index) => {
-                const typedRow = row as {
-                  comments?: number | null;
-                  reactions?: number | null;
-                };
+                const capRow = type === "cap" ? (row as CapRowData) : null;
+                const uniqueKey = `${row.name ?? `row-${index}`}-${index}`;
+                const isCap = type === "cap";
+                const isClickable = isCap && capRow?.id && !showSkeletons;
                 return (
-                  <TableRow className="w-full" key={row.name ?? index}>
+                  <TableRow className="w-full" key={uniqueKey}>
                     <TableCell className="p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
                       <div className="flex gap-2 items-center min-w-0">
                         <span className="flex-shrink-0 fill-[var(--gray-12)]">
-                          {hasRows ? getIconForRow(row, type) : skeletonBar(16)}
-                        </span>
-                        <span className="truncate">
-                          {hasRows ? row.name : ""}
+                          {showSkeletons ? (
+                            <div className="size-4 rounded bg-gray-4 animate-pulse" />
+                          ) : (
+                            getIconForRow(row, type)
+                          )}
                         </span>
+                        {isClickable ? (
+                          <button
+                            type="button"
+                            onClick={() => handleCapNameClick(capRow?.id)}
+                            className="truncate text-left hover:text-gray-12 transition-colors cursor-pointer"
+                            title={row.name}
+                          >
+                            {row.name}
+                          </button>
+                        ) : (
+                          <span
+                            className={clsx(
+                              "truncate",
+                              isCap && !showSkeletons && "cursor-default"
+                            )}
+                            title={
+                              isCap && !showSkeletons ? row.name : undefined
+                            }
+                          >
+                            {showSkeletons ? (
+                              <div className="h-4 w-24 rounded bg-gray-4 animate-pulse" />
+                            ) : (
+                              row.name
+                            )}
+                          </span>
+                        )}
                       </div>
                     </TableCell>
                     <TableCell className="py-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-                      {hasRows ? formatNumber(row.views) : skeletonBar()}
-                    </TableCell>
-                    <TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-                      {hasRows
-                        ? formatNumber(typedRow.comments)
-                        : skeletonBar()}
-                    </TableCell>
-                    <TableCell className="p-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-                      {hasRows
-                        ? formatNumber(typedRow.reactions)
-                        : skeletonBar()}
+                      {showSkeletons
+                        ? skeletonBar(48)
+                        : formatNumber(row.views)}
                     </TableCell>
                     <TableCell className="p-2.5 px-3 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-                      {hasRows
-                        ? formatPercentage(row.percentage)
-                        : skeletonBar(32)}
+                      {showSkeletons
+                        ? skeletonBar(40)
+                        : formatPercentage(row.percentage)}
                     </TableCell>
                   </TableRow>
                 );
diff --git a/apps/web/app/(org)/dashboard/analytics/data.ts b/apps/web/app/(org)/dashboard/analytics/data.ts
index 63f0d4000d..116d9c5c86 100644
--- a/apps/web/app/(org)/dashboard/analytics/data.ts
+++ b/apps/web/app/(org)/dashboard/analytics/data.ts
@@ -1,5 +1,5 @@
 import { db } from "@cap/database";
-import { comments, videos } from "@cap/database/schema";
+import { comments, videos, spaceVideos } from "@cap/database/schema";
 import { Tinybird } from "@cap/web-backend";
 import { and, between, eq, inArray, sql } from "drizzle-orm";
 import { Effect } from "effect";
@@ -41,6 +41,14 @@ const escapeLiteral = (value: string) => value.replace(/'/g, "''");
 const toDateString = (date: Date) => date.toISOString().slice(0, 10);
 const toDateTimeString = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
 
+const buildPathnameFilter = (spaceVideoIds?: VideoId[]): string => {
+	if (!spaceVideoIds || spaceVideoIds.length === 0) {
+		return "";
+	}
+	const pathnames = spaceVideoIds.map((id) => `'/s/${escapeLiteral(id)}'`).join(", ");
+	return `AND pathname IN (${pathnames})`;
+};
+
 const normalizeBucket = (input: string | null | undefined, bucket: "hour" | "day") => {
 	if (!input) return undefined;
 	if (input.endsWith("Z")) return input;
@@ -100,9 +108,19 @@ const withTinybirdFallback = <Row>(
 		}),
 	);
 
+const getSpaceVideoIds = async (spaceId: string): Promise<VideoId[]> => {
+	const rows = await db()
+		.select({ videoId: spaceVideos.videoId })
+		.from(spaceVideos)
+		.where(eq(spaceVideos.spaceId, spaceId as any));
+	return rows.map((row) => row.videoId);
+};
+
 export const getOrgAnalyticsData = async (
 	orgId: string,
 	range: AnalyticsRange,
+	spaceId?: string,
+	capId?: string,
 ): Promise<OrgAnalyticsResponse> => {
 	const rangeConfig = RANGE_CONFIG[range];
 	const to = new Date();
@@ -110,10 +128,46 @@ export const getOrgAnalyticsData = async (
 	const buckets = buildBuckets(from, to, rangeConfig.bucket);
 	const typedOrgId = orgId as OrgId;
 
+	const spaceVideoIds = spaceId ? await getSpaceVideoIds(spaceId) : undefined;
+	const capVideoIds = capId ? [capId as VideoId] : undefined;
+	const videoIds = capVideoIds || spaceVideoIds;
+
+	if ((spaceId && spaceVideoIds && spaceVideoIds.length === 0) || (capId && !capVideoIds)) {
+		let capName: string | undefined;
+		if (capId) {
+			const capNames = await loadVideoNames([capId]);
+			capName = capNames.get(capId);
+		}
+		return {
+			counts: {
+				caps: 0,
+				views: 0,
+				comments: 0,
+				reactions: 0,
+			},
+			chart: buckets.map((bucket) => ({
+				bucket,
+				caps: 0,
+				views: 0,
+				comments: 0,
+				reactions: 0,
+			})),
+			breakdowns: {
+				countries: [],
+				cities: [],
+				browsers: [],
+				operatingSystems: [],
+				devices: [],
+				topCaps: [],
+			},
+			capName,
+		};
+	}
+
 	const [capsSeries, commentSeries, reactionSeries] = await Promise.all([
-		queryVideoSeries(typedOrgId, from, to, rangeConfig.bucket),
-		queryCommentsSeries(typedOrgId, from, to, "text", rangeConfig.bucket),
-		queryCommentsSeries(typedOrgId, from, to, "emoji", rangeConfig.bucket),
+		queryVideoSeries(typedOrgId, from, to, rangeConfig.bucket, videoIds),
+		queryCommentsSeries(typedOrgId, from, to, "text", rangeConfig.bucket, videoIds),
+		queryCommentsSeries(typedOrgId, from, to, "emoji", rangeConfig.bucket, videoIds),
 	]);
 
 	const tinybirdData = await runPromise(
@@ -128,19 +182,20 @@ export const getOrgAnalyticsData = async (
 				from,
 				to,
 				rangeConfig.bucket,
+				videoIds,
 			);
 			console.log("getOrgAnalyticsData - viewSeries:", JSON.stringify(viewSeries, null, 2));
 			
-			const countries = yield* queryCountries(tinybird, typedOrgId, from, to);
+			const countries = yield* queryCountries(tinybird, typedOrgId, from, to, videoIds);
 			console.log("getOrgAnalyticsData - countries:", JSON.stringify(countries, null, 2));
 			
-			const cities = yield* queryCities(tinybird, typedOrgId, from, to);
+			const cities = yield* queryCities(tinybird, typedOrgId, from, to, videoIds);
 			console.log("getOrgAnalyticsData - cities:", JSON.stringify(cities, null, 2));
 			
-			const browsers = yield* queryBrowsers(tinybird, typedOrgId, from, to);
+			const browsers = yield* queryBrowsers(tinybird, typedOrgId, from, to, videoIds);
 			console.log("getOrgAnalyticsData - browsers:", JSON.stringify(browsers, null, 2));
 			
-			const devices = yield* queryDevices(tinybird, typedOrgId, from, to);
+			const devices = yield* queryDevices(tinybird, typedOrgId, from, to, videoIds);
 			console.log("getOrgAnalyticsData - devices:", JSON.stringify(devices, null, 2));
 			
 			const operatingSystems = yield* queryOperatingSystems(
@@ -148,10 +203,11 @@ export const getOrgAnalyticsData = async (
 				typedOrgId,
 				from,
 				to,
+				videoIds,
 			);
 			console.log("getOrgAnalyticsData - operatingSystems:", JSON.stringify(operatingSystems, null, 2));
 			
-			const topCapsRaw = yield* queryTopCaps(tinybird, typedOrgId, from, to);
+			const topCapsRaw = capId ? [] : yield* queryTopCaps(tinybird, typedOrgId, from, to, videoIds);
 			console.log("getOrgAnalyticsData - topCapsRaw:", JSON.stringify(topCapsRaw, null, 2));
 			
 			return {
@@ -183,6 +239,12 @@ export const getOrgAnalyticsData = async (
 		tinybirdData.topCapsRaw.map((cap) => cap.videoId).filter(Boolean),
 	);
 
+	let capName: string | undefined;
+	if (capId) {
+		const capNames = await loadVideoNames([capId]);
+		capName = capNames.get(capId);
+	}
+
 	return {
 		counts: {
 			caps: totalCaps,
@@ -202,20 +264,23 @@ export const getOrgAnalyticsData = async (
 				totalViews,
 				(row) => row.name,
 			),
-			browsers: formatBreakdown(
+			browsers: normalizeAndAggregate(
 				tinybirdData.browsers,
 				totalViews,
 				(row) => row.name,
+				normalizeBrowserName,
 			),
-			operatingSystems: formatBreakdown(
+			operatingSystems: normalizeAndAggregate(
 				tinybirdData.operatingSystems,
 				totalViews,
 				(row) => row.name,
+				normalizeOSName,
 			),
-			devices: formatBreakdown(
+			devices: normalizeAndAggregate(
 				tinybirdData.devices,
 				totalViews,
 				(row) => row.name,
+				normalizeDeviceName,
 			),
 			topCaps: tinybirdData.topCapsRaw.map((row) => ({
 				id: row.videoId,
@@ -224,9 +289,115 @@ export const getOrgAnalyticsData = async (
 				percentage: totalViews > 0 ? row.views / totalViews : 0,
 			})),
 		},
+		capName,
 	};
 };
 
+const normalizeOSName = (name: string): string => {
+	if (!name || typeof name !== "string") return name || "Unknown";
+	const normalized = name.trim();
+	if (!normalized) return "Unknown";
+	const lower = normalized.toLowerCase();
+	
+	if (lower.includes("mac") || lower === "macos" || lower === "mac os" || lower === "darwin") {
+		return "macOS";
+	}
+	if (lower.includes("windows") || lower === "win") {
+		return "Windows";
+	}
+	if (lower.includes("linux")) {
+		return "Linux";
+	}
+	if (lower.includes("android")) {
+		return "Android";
+	}
+	if (lower.includes("ios") || lower === "iphone os") {
+		return "iOS";
+	}
+	if (lower.includes("ubuntu")) {
+		return "Ubuntu";
+	}
+	if (lower.includes("fedora")) {
+		return "Fedora";
+	}
+	
+	return normalized;
+};
+
+const normalizeDeviceName = (name: string): string => {
+	if (!name || typeof name !== "string") return name || "Unknown";
+	const normalized = name.trim();
+	if (!normalized) return "Unknown";
+	const lower = normalized.toLowerCase();
+	
+	if (lower === "desktop" || lower === "desktop computer" || lower === "pc") {
+		return "Desktop";
+	}
+	if (lower === "mobile" || lower === "smartphone" || lower === "phone") {
+		return "Mobile";
+	}
+	if (lower === "tablet" || lower === "ipad") {
+		return "Tablet";
+	}
+	
+	return normalized;
+};
+
+const normalizeBrowserName = (name: string): string => {
+	if (!name || typeof name !== "string") return name || "Unknown";
+	const normalized = name.trim();
+	if (!normalized) return "Unknown";
+	const lower = normalized.toLowerCase();
+	
+	if (lower.includes("chrome") && !lower.includes("chromium")) {
+		return "Chrome";
+	}
+	if (lower.includes("firefox")) {
+		return "Firefox";
+	}
+	if (lower.includes("safari")) {
+		return "Safari";
+	}
+	if (lower.includes("edge")) {
+		return "Edge";
+	}
+	if (lower.includes("opera")) {
+		return "Opera";
+	}
+	if (lower.includes("brave")) {
+		return "Brave";
+	}
+	if (lower.includes("internet explorer") || lower === "ie") {
+		return "Internet Explorer";
+	}
+	
+	return normalized;
+};
+
+const normalizeAndAggregate = <T extends { name: string; views: number }>(
+	rows: T[],
+	totalViews: number,
+	getName: (row: T) => string,
+	normalizeFn: (name: string) => string,
+): BreakdownRow[] => {
+	const aggregated = new Map<string, number>();
+	
+	for (const row of rows) {
+		const originalName = getName(row);
+		const normalizedName = normalizeFn(originalName);
+		const currentViews = aggregated.get(normalizedName) ?? 0;
+		aggregated.set(normalizedName, currentViews + row.views);
+	}
+	
+	return Array.from(aggregated.entries())
+		.map(([name, views]) => ({
+			name,
+			views,
+			percentage: totalViews > 0 ? views / totalViews : 0,
+		}))
+		.sort((a, b) => b.views - a.views);
+};
+
 const formatBreakdown = <T extends { name: string; views: number }>(
 	rows: T[],
 	totalViews: number,
@@ -253,16 +424,26 @@ const queryVideoSeries = async (
 	from: Date,
 	to: Date,
 	bucket: "hour" | "day",
+	spaceVideoIds?: VideoId[],
 ): Promise<CountSeriesRow[]> => {
 	const bucketExpr =
 		bucket === "hour"
 			? sql<string>`DATE_FORMAT(${videos.createdAt}, '%Y-%m-%dT%H:00:00Z')`
 			: sql<string>`DATE_FORMAT(${videos.createdAt}, '%Y-%m-%dT00:00:00Z')`;
 
+	const conditions = [
+		eq(videos.orgId, orgId),
+		between(videos.createdAt, from, to),
+	];
+	
+	if (spaceVideoIds && spaceVideoIds.length > 0) {
+		conditions.push(inArray(videos.id, spaceVideoIds));
+	}
+
 	const rows = await db()
 		.select({ bucket: bucketExpr, count: sql<number>`COUNT(*)` })
 		.from(videos)
-		.where(and(eq(videos.orgId, orgId), between(videos.createdAt, from, to)))
+		.where(and(...conditions))
 		.groupBy(bucketExpr);
 
 	return rows
@@ -279,6 +460,7 @@ const queryCommentsSeries = async (
 	to: Date,
 	type: "text" | "emoji",
 	bucket: "hour" | "day",
+	spaceVideoIds?: VideoId[],
 ): Promise<CountSeriesRow[]> => {
 	const column = comments.createdAt;
 	const bucketExpr =
@@ -286,17 +468,21 @@ const queryCommentsSeries = async (
 			? sql<string>`DATE_FORMAT(${column}, '%Y-%m-%dT%H:00:00Z')`
 			: sql<string>`DATE_FORMAT(${column}, '%Y-%m-%dT00:00:00Z')`;
 
+	const conditions = [
+		eq(videos.orgId, orgId),
+		eq(comments.type, type),
+		between(comments.createdAt, from, to),
+	];
+	
+	if (spaceVideoIds && spaceVideoIds.length > 0) {
+		conditions.push(inArray(videos.id, spaceVideoIds));
+	}
+
 	const rows = await db()
 		.select({ bucket: bucketExpr, count: sql<number>`COUNT(*)` })
 		.from(comments)
 		.innerJoin(videos, eq(comments.videoId, videos.id))
-		.where(
-			and(
-				eq(videos.orgId, orgId),
-				eq(comments.type, type),
-				between(comments.createdAt, from, to),
-			),
-		)
+		.where(and(...conditions))
 		.groupBy(bucketExpr);
 
 	return rows
@@ -313,7 +499,9 @@ const queryViewSeries = (
 	from: Date,
 	to: Date,
 	bucket: "hour" | "day",
+	spaceVideoIds?: VideoId[],
 ) => {
+	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
 	const bucketFormatter = bucket === "hour" ? "%Y-%m-%dT%H:00:00Z" : "%Y-%m-%dT00:00:00Z";
 	const rawSql = `
 		SELECT
@@ -323,6 +511,7 @@ const queryViewSeries = (
 		WHERE action = 'page_hit'
 			AND tenant_id = '${escapeLiteral(orgId)}'
 			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+			${pathnameFilter}
 		GROUP BY bucket
 		ORDER BY bucket
 	`;
@@ -334,6 +523,7 @@ const queryViewSeries = (
 		FROM analytics_pages_mv
 		WHERE tenant_id = '${escapeLiteral(orgId)}'
 			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+			${pathnameFilter}
 		GROUP BY bucket
 		ORDER BY bucket
 	`;
@@ -363,7 +553,9 @@ const queryCountries = (
 	orgId: OrgId,
 	from: Date,
 	to: Date,
+	spaceVideoIds?: VideoId[],
 ) => {
+	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
 	const aggregatedSql = `
 		SELECT
 			country as name,
@@ -372,6 +564,7 @@ const queryCountries = (
 		WHERE tenant_id = '${escapeLiteral(orgId)}'
 			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
 			AND country != ''
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -386,6 +579,7 @@ const queryCountries = (
 			AND tenant_id = '${escapeLiteral(orgId)}'
 			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
 			AND country != ''
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -410,7 +604,9 @@ const queryCities = (
 	orgId: OrgId,
 	from: Date,
 	to: Date,
+	spaceVideoIds?: VideoId[],
 ) => {
+	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
 	const aggregatedSql = `
 		SELECT
 			country as country,
@@ -420,6 +616,7 @@ const queryCities = (
 		WHERE tenant_id = '${escapeLiteral(orgId)}'
 			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
 			AND city != ''
+			${pathnameFilter}
 		GROUP BY country, city
 		ORDER BY views DESC
 		LIMIT 10
@@ -435,6 +632,7 @@ const queryCities = (
 			AND tenant_id = '${escapeLiteral(orgId)}'
 			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
 			AND city != ''
+			${pathnameFilter}
 		GROUP BY country, city
 		ORDER BY views DESC
 		LIMIT 10
@@ -460,7 +658,9 @@ const queryBrowsers = (
 	orgId: OrgId,
 	from: Date,
 	to: Date,
+	spaceVideoIds?: VideoId[],
 ) => {
+	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
 	const aggregatedSql = `
 		SELECT
 			browser as name,
@@ -468,6 +668,7 @@ const queryBrowsers = (
 		FROM analytics_sessions_mv
 		WHERE tenant_id = '${escapeLiteral(orgId)}'
 			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -481,6 +682,7 @@ const queryBrowsers = (
 		WHERE action = 'page_hit'
 			AND tenant_id = '${escapeLiteral(orgId)}'
 			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -505,7 +707,9 @@ const queryDevices = (
 	orgId: OrgId,
 	from: Date,
 	to: Date,
+	spaceVideoIds?: VideoId[],
 ) => {
+	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
 	const aggregatedSql = `
 		SELECT
 			device as name,
@@ -513,6 +717,7 @@ const queryDevices = (
 		FROM analytics_sessions_mv
 		WHERE tenant_id = '${escapeLiteral(orgId)}'
 			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -526,6 +731,7 @@ const queryDevices = (
 		WHERE action = 'page_hit'
 			AND tenant_id = '${escapeLiteral(orgId)}'
 			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -550,7 +756,9 @@ const queryOperatingSystems = (
 	orgId: OrgId,
 	from: Date,
 	to: Date,
+	spaceVideoIds?: VideoId[],
 ) => {
+	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
 	const aggregatedSql = `
 		SELECT
 			os as name,
@@ -558,6 +766,7 @@ const queryOperatingSystems = (
 		FROM analytics_sessions_mv
 		WHERE tenant_id = '${escapeLiteral(orgId)}'
 			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -571,6 +780,7 @@ const queryOperatingSystems = (
 		WHERE action = 'page_hit'
 			AND tenant_id = '${escapeLiteral(orgId)}'
 			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+			${pathnameFilter}
 		GROUP BY name
 		ORDER BY views DESC
 		LIMIT 10
@@ -595,7 +805,9 @@ const queryTopCaps = (
 	orgId: OrgId,
 	from: Date,
 	to: Date,
+	spaceVideoIds?: VideoId[],
 ) => {
+	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
 	const aggregatedSql = `
 		SELECT
 			pathname,
@@ -604,6 +816,7 @@ const queryTopCaps = (
 		WHERE tenant_id = '${escapeLiteral(orgId)}'
 			AND date BETWEEN toDate('${toDateString(from)}') AND toDate('${toDateString(to)}')
 			AND startsWith(pathname, '/s/')
+			${pathnameFilter}
 		GROUP BY pathname
 		ORDER BY views DESC
 		LIMIT 10
@@ -617,6 +830,7 @@ const queryTopCaps = (
 		WHERE action = 'page_hit'
 			AND tenant_id = '${escapeLiteral(orgId)}'
 			AND timestamp BETWEEN toDateTime('${toDateTimeString(from)}') AND toDateTime('${toDateTimeString(to)}')
+			${pathnameFilter}
 		GROUP BY pathname
 		HAVING startsWith(pathname, '/s/')
 		ORDER BY views DESC
diff --git a/apps/web/app/(org)/dashboard/analytics/types.ts b/apps/web/app/(org)/dashboard/analytics/types.ts
index 272b1a9a94..67752e3862 100644
--- a/apps/web/app/(org)/dashboard/analytics/types.ts
+++ b/apps/web/app/(org)/dashboard/analytics/types.ts
@@ -29,4 +29,5 @@ export interface OrgAnalyticsResponse {
 		devices: BreakdownRow[];
 		topCaps: Array<BreakdownRow & { id: string }>;
 	};
+	capName?: string;
 }
diff --git a/apps/web/app/(org)/dashboard/caps/Caps.tsx b/apps/web/app/(org)/dashboard/caps/Caps.tsx
index 2974ec8e72..c3c9bf7835 100644
--- a/apps/web/app/(org)/dashboard/caps/Caps.tsx
+++ b/apps/web/app/(org)/dashboard/caps/Caps.tsx
@@ -55,13 +55,13 @@ export type VideoData = {
 export const Caps = ({
 	data,
 	count,
-	dubApiKeyEnabled,
+	analyticsEnabled,
 	folders,
 }: {
 	data: VideoData;
 	count: number;
 	folders: FolderDataType[];
-	dubApiKeyEnabled: boolean;
+	analyticsEnabled: boolean;
 }) => {
 	const router = useRouter();
 	const params = useSearchParams();
@@ -78,9 +78,10 @@ export const Caps = ({
 
 	const analyticsQuery = useVideosAnalyticsQuery(
 		data.map((video) => video.id),
-		dubApiKeyEnabled,
+		analyticsEnabled,
 	);
 	const analytics = analyticsQuery.data || {};
+	const isLoadingAnalytics = analyticsEnabled && analyticsQuery.isLoading;
 
 	useEffect(() => {
 		const handleKeyDown = (e: KeyboardEvent) => {
@@ -279,7 +280,7 @@ export const Caps = ({
 										}
 									}}
 									userId={user?.id}
-									isLoadingAnalytics={analyticsQuery.isLoading}
+									isLoadingAnalytics={isLoadingAnalytics}
 									isSelected={selectedCaps.includes(video.id)}
 									anyCapSelected={anyCapSelected}
 									onSelectToggle={() => handleCapSelection(video.id)}
diff --git a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx
index 87060a88b8..e2d6629282 100644
--- a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx
+++ b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx
@@ -9,6 +9,7 @@ import {
 	forwardRef,
 	type PropsWithChildren,
 } from "react";
+import Link from "next/link";
 import { Tooltip } from "@/components/Tooltip";
 
 interface CapCardAnalyticsProps {
@@ -21,6 +22,7 @@ interface CapCardAnalyticsProps {
 
 export const CapCardAnalytics = Object.assign(
 	({
+		capId,
 		displayCount,
 		totalComments,
 		totalReactions,
@@ -30,20 +32,53 @@ export const CapCardAnalytics = Object.assign(
 			<CapCardAnalytics.Skeleton />
 		) : (
 			<Shell>
-				<Tooltip content={`${displayCount} unique views`}>
-					<IconItem icon={faEye}>
-						<span className="text-sm text-gray-12">{displayCount}</span>
-					</IconItem>
+				<Tooltip
+					content="View analytics"
+					className="bg-gray-12 text-gray-1 border-gray-11 shadow-lg"
+					delayDuration={100}
+				>
+					<Link
+						href={`/dashboard/analytics?capId=${capId}`}
+						className="inline-flex cursor-pointer"
+					>
+						<IconItem icon={faEye}>
+							<span className="text-sm text-gray-12">
+								{displayCount}
+							</span>
+						</IconItem>
+					</Link>
 				</Tooltip>
-				<Tooltip content={`${totalComments} comments`}>
-					<IconItem icon={faComment}>
-						<span className="text-sm text-gray-12">{totalComments}</span>
-					</IconItem>
+				<Tooltip
+					content="View analytics"
+					className="bg-gray-12 text-gray-1 border-gray-11 shadow-lg"
+					delayDuration={100}
+				>
+					<Link
+						href={`/dashboard/analytics?capId=${capId}`}
+						className="inline-flex cursor-pointer"
+					>
+						<IconItem icon={faComment}>
+							<span className="text-sm text-gray-12">
+								{totalComments}
+							</span>
+						</IconItem>
+					</Link>
 				</Tooltip>
-				<Tooltip content={`${totalReactions} reactions`}>
-					<IconItem icon={faSmile}>
-						<span className="text-sm text-gray-12">{totalReactions}</span>
-					</IconItem>
+				<Tooltip
+					content="View analytics"
+					className="bg-gray-12 text-gray-1 border-gray-11 shadow-lg"
+					delayDuration={100}
+				>
+					<Link
+						href={`/dashboard/analytics?capId=${capId}`}
+						className="inline-flex cursor-pointer"
+					>
+						<IconItem icon={faSmile}>
+							<span className="text-sm text-gray-12">
+								{totalReactions}
+							</span>
+						</IconItem>
+					</Link>
 				</Tooltip>
 			</Shell>
 		),
diff --git a/apps/web/app/(org)/dashboard/caps/page.tsx b/apps/web/app/(org)/dashboard/caps/page.tsx
index c274c8b66d..aca950f225 100644
--- a/apps/web/app/(org)/dashboard/caps/page.tsx
+++ b/apps/web/app/(org)/dashboard/caps/page.tsx
@@ -266,7 +266,9 @@ export default async function CapsPage(props: PageProps<"/dashboard/caps">) {
 			data={processedVideoData}
 			folders={foldersData}
 			count={totalCount}
-			dubApiKeyEnabled={!!serverEnv().DUB_API_KEY}
+			analyticsEnabled={
+				Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
+			}
 		/>
 	);
 }
diff --git a/apps/web/app/(org)/dashboard/folder/[id]/components/FolderVideosSection.tsx b/apps/web/app/(org)/dashboard/folder/[id]/components/FolderVideosSection.tsx
index 5b4f40b0e1..0e85774755 100644
--- a/apps/web/app/(org)/dashboard/folder/[id]/components/FolderVideosSection.tsx
+++ b/apps/web/app/(org)/dashboard/folder/[id]/components/FolderVideosSection.tsx
@@ -16,12 +16,12 @@ import { useUploadingStatus } from "../../../caps/UploadingContext";
 
 interface FolderVideosSectionProps {
 	initialVideos: VideoData;
-	dubApiKeyEnabled: boolean;
+	analyticsEnabled: boolean;
 }
 
 export default function FolderVideosSection({
 	initialVideos,
-	dubApiKeyEnabled,
+	analyticsEnabled,
 }: FolderVideosSectionProps) {
 	const router = useRouter();
 	const { user } = useDashboardContext();
@@ -109,7 +109,7 @@ export default function FolderVideosSection({
 
 	const analyticsQuery = useVideosAnalyticsQuery(
 		initialVideos.map((video) => video.id),
-		dubApiKeyEnabled,
+		analyticsEnabled,
 	);
 
 	const [isUploading, uploadingCapId] = useUploadingStatus();
diff --git a/apps/web/app/(org)/dashboard/folder/[id]/page.tsx b/apps/web/app/(org)/dashboard/folder/[id]/page.tsx
index d6a001f31c..b3fa93edb2 100644
--- a/apps/web/app/(org)/dashboard/folder/[id]/page.tsx
+++ b/apps/web/app/(org)/dashboard/folder/[id]/page.tsx
@@ -84,7 +84,9 @@ const FolderPage = async (props: PageProps<"/dashboard/folder/[id]">) => {
 				{/* Display Videos */}
 				<FolderVideosSection
 					initialVideos={videosData}
-					dubApiKeyEnabled={!!serverEnv().DUB_API_KEY}
+					analyticsEnabled={
+						Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
+					}
 				/>
 			</div>
 		);
diff --git a/apps/web/app/(org)/dashboard/spaces/[spaceId]/SharedCaps.tsx b/apps/web/app/(org)/dashboard/spaces/[spaceId]/SharedCaps.tsx
index f496d9aa9b..121fa8eb3e 100644
--- a/apps/web/app/(org)/dashboard/spaces/[spaceId]/SharedCaps.tsx
+++ b/apps/web/app/(org)/dashboard/spaces/[spaceId]/SharedCaps.tsx
@@ -53,12 +53,12 @@ export const SharedCaps = ({
 	organizationMembers,
 	currentUserId,
 	folders,
-	dubApiKeyEnabled,
+	analyticsEnabled,
 	organizationData,
 }: {
 	data: SharedVideoData;
 	count: number;
-	dubApiKeyEnabled: boolean;
+	analyticsEnabled: boolean;
 	spaceData?: SpaceData;
 	spaceId: Space.SpaceIdOrOrganisationId;
 	hideSharedWith?: boolean;
@@ -98,7 +98,7 @@ export const SharedCaps = ({
 
 	const analyticsQuery = useVideosAnalyticsQuery(
 		data.map((video) => video.id),
-		dubApiKeyEnabled,
+		analyticsEnabled,
 	);
 
 	const analytics = analyticsQuery.data || {};
diff --git a/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx b/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx
index c530083cf5..3fcfc6688f 100644
--- a/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx
+++ b/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx
@@ -103,7 +103,9 @@ const FolderPage = async (props: {
 				{/* Display Videos */}
 				<FolderVideosSection
 					initialVideos={videosData}
-					dubApiKeyEnabled={!!serverEnv().DUB_API_KEY}
+					analyticsEnabled={
+						Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
+					}
 				/>
 			</div>
 		);
diff --git a/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx b/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx
index 6c90641200..10d9116caa 100644
--- a/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx
+++ b/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx
@@ -258,7 +258,9 @@ export default async function SharedCapsPage(props: {
 				count={totalCount}
 				spaceData={space}
 				spaceId={params.spaceId as Space.SpaceIdOrOrganisationId}
-				dubApiKeyEnabled={!!serverEnv().DUB_API_KEY}
+				analyticsEnabled={
+					Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
+				}
 				spaceMembers={spaceMembersData}
 				organizationMembers={organizationMembersData}
 				currentUserId={user.id}
@@ -362,7 +364,9 @@ export default async function SharedCapsPage(props: {
 				hideSharedWith
 				organizationData={organization}
 				spaceId={params.spaceId as Space.SpaceIdOrOrganisationId}
-				dubApiKeyEnabled={!!serverEnv().DUB_API_KEY}
+				analyticsEnabled={
+					Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
+				}
 				organizationMembers={organizationMembersData}
 				currentUserId={user.id}
 				folders={foldersData}
diff --git a/apps/web/app/api/dashboard/analytics/route.ts b/apps/web/app/api/dashboard/analytics/route.ts
index 3894df02b7..2d298f1b7d 100644
--- a/apps/web/app/api/dashboard/analytics/route.ts
+++ b/apps/web/app/api/dashboard/analytics/route.ts
@@ -16,6 +16,8 @@ export async function GET(request: NextRequest) {
 	const { searchParams } = new URL(request.url);
 	const requestedOrgId = searchParams.get("orgId");
 	const orgId = requestedOrgId ?? user.activeOrganizationId;
+	const spaceId = searchParams.get("spaceId") ?? undefined;
+	const capId = searchParams.get("capId") ?? undefined;
 
 	if (!orgId)
 		return Response.json({ error: "No active organization" }, { status: 400 });
@@ -30,7 +32,7 @@ export async function GET(request: NextRequest) {
 		: "7d";
 
 	try {
-		const data = await getOrgAnalyticsData(orgId, range);
+		const data = await getOrgAnalyticsData(orgId, range, spaceId, capId);
 		return Response.json({ data });
 	} catch (error) {
 		console.error("Failed to load analytics", error);
diff --git a/apps/web/components/Tooltip.tsx b/apps/web/components/Tooltip.tsx
index a6db805a74..40bab8b4ed 100644
--- a/apps/web/components/Tooltip.tsx
+++ b/apps/web/components/Tooltip.tsx
@@ -11,6 +11,7 @@ const Tooltip = ({
 	position = "top",
 	kbd,
 	disable,
+	delayDuration,
 }: {
 	children: React.ReactNode;
 	content: string;
@@ -18,12 +19,13 @@ const Tooltip = ({
 	position?: "top" | "bottom" | "left" | "right";
 	kbd?: string[];
 	disable?: boolean;
+	delayDuration?: number;
 }) => {
 	if (disable) {
 		return <>{children}</>;
 	}
 	return (
-		<TooltipPrimitive.Root>
+		<TooltipPrimitive.Root delayDuration={delayDuration}>
 			<TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
 			<TooltipPrimitive.Portal>
 				<TooltipPrimitive.Content
diff --git a/apps/web/lib/Queries/Analytics.ts b/apps/web/lib/Queries/Analytics.ts
index eb00f33bf6..ba0a070b46 100644
--- a/apps/web/lib/Queries/Analytics.ts
+++ b/apps/web/lib/Queries/Analytics.ts
@@ -3,44 +3,65 @@ import { Effect } from "effect";
 import { useEffectQuery } from "../EffectRuntime";
 import { AnalyticsRequest } from "../Requests/AnalyticsRequest";
 
+type AnalyticsDataLoader = Effect.Effect.Success<
+	typeof AnalyticsRequest.DataLoaderResolver
+>;
+
 export function useVideosAnalyticsQuery(
 	videoIds: Video.VideoId[],
-	dubApiKeyEnabled?: boolean,
+	analyticsEnabled = true,
 ) {
-	return useEffectQuery({
-		queryKey: ["analytics", videoIds],
-		queryFn: Effect.fn(function* () {
-			if (!dubApiKeyEnabled) return {};
+	const uniqueVideoIds = Array.from(new Set<Video.VideoId>(videoIds));
+	const queryKey = [
+		"analytics",
+		Boolean(analyticsEnabled),
+		uniqueVideoIds.join("|"),
+	] as const;
+
+	const enabled = analyticsEnabled && uniqueVideoIds.length > 0;
 
-			const dataloader = yield* AnalyticsRequest.DataLoaderResolver;
+	return useEffectQuery({
+		queryKey,
+		enabled,
+		queryFn: () => {
+			if (!analyticsEnabled || uniqueVideoIds.length === 0) {
+				return Effect.succeed<Record<Video.VideoId, number>>({});
+			}
 
-			const results = yield* Effect.all(
-				videoIds.map((videoId) =>
-					Effect.request(
-						new AnalyticsRequest.AnalyticsRequest({ videoId }),
-						dataloader,
+			return Effect.flatMap(
+				AnalyticsRequest.DataLoaderResolver,
+				(dataloader: AnalyticsDataLoader) =>
+					Effect.all(
+						uniqueVideoIds.map((videoId) =>
+							Effect.request(
+								new AnalyticsRequest.AnalyticsRequest({ videoId }),
+								dataloader,
+							).pipe(
+								Effect.catchAll((error: unknown) => {
+									console.warn(
+										`Failed to fetch analytics for video ${videoId}:`,
+										error,
+									);
+									return Effect.succeed({ count: 0 });
+								}),
+								Effect.map((result: { count: number }) => ({
+									videoId,
+									count: result.count,
+								})),
+							),
+						),
+						{ concurrency: "unbounded" },
 					).pipe(
-						Effect.catchAll((e) => {
-							console.warn(
-								`Failed to fetch analytics for video ${videoId}:`,
-								e,
-							);
-							return Effect.succeed({ count: 0 });
+						Effect.map((rows: Array<{ videoId: Video.VideoId; count: number }>) => {
+							const output: Partial<Record<Video.VideoId, number>> = {};
+							for (const row of rows) {
+								output[row.videoId] = row.count;
+							}
+							return output as Record<Video.VideoId, number>;
 						}),
-						Effect.map(({ count }) => ({ videoId, count })),
 					),
-				),
-				{ concurrency: "unbounded" },
-			);
-
-			return results.reduce(
-				(acc, current) => {
-					acc[current.videoId] = current.count;
-					return acc;
-				},
-				{} as Record<Video.VideoId, number>,
 			);
-		}),
+		},
 		refetchOnWindowFocus: false,
 		refetchOnMount: true,
 	});
diff --git a/package.json b/package.json
index decc3128eb..2be28c122c 100644
--- a/package.json
+++ b/package.json
@@ -5,9 +5,12 @@
 		"build:web": "turbo run build:web",
 		"build:web:docker": "pnpm run --filter=@cap/web build:docker",
 		"cap-setup": "dotenv -e .env -- node scripts/setup.js",
+		"analytics:migrate-dub": "dotenv -e .env -- node scripts/analytics/migrate-dub-to-tinybird.js --dry-run",
+		"analytics:migrate-dub:apply": "dotenv -e .env -- node scripts/analytics/migrate-dub-to-tinybird.js --apply",
 		"analytics:setup": "dotenv -e .env -- node scripts/analytics/setup-analytics.js",
 		"analytics:check": "dotenv -e .env -- node scripts/analytics/check-analytics.js",
 		"analytics:delete-all": "dotenv -e .env -- node scripts/analytics/delete-all-data.js",
+		"analytics:populate-test": "dotenv -e .env -- node scripts/analytics/populate-test-data.js",
 		"db:generate": "dotenv -e .env -- pnpm --filter @cap/database db:generate",
 		"db:push": "dotenv -e .env -- pnpm --filter @cap/database db:push",
 		"db:studio": "dotenv -e .env -- pnpm --filter @cap/database db:studio",
@@ -35,6 +38,7 @@
 		"@clack/prompts": "^0.10.0",
 		"@effect/language-service": "^0.44.0",
 		"dotenv-cli": "latest",
+		"mysql2": "^3.15.2",
 		"tsdown": "^0.15.6",
 		"turbo": "^2.3.4",
 		"typescript": "^5.8.3"
diff --git a/packages/web-backend/src/Videos/VideosRpcs.ts b/packages/web-backend/src/Videos/VideosRpcs.ts
index dc4aa4de8d..2af44bc569 100644
--- a/packages/web-backend/src/Videos/VideosRpcs.ts
+++ b/packages/web-backend/src/Videos/VideosRpcs.ts
@@ -109,29 +109,10 @@ export const VideosRpcsLive = Video.VideoRpcs.toLayer(
 				),
 
 			VideosGetAnalytics: (videoIds) =>
-				Effect.all(
-					videoIds.map((id) =>
-						videos.getAnalytics(id).pipe(
-							Effect.catchTag(
-								"DatabaseError",
-								() => new InternalError({ type: "database" }),
-							),
-							Effect.catchTag(
-								"UnknownException",
-								() => new InternalError({ type: "unknown" }),
-							),
-							Effect.matchEffect({
-								onSuccess: (v) => Effect.succeed(Exit.succeed(v)),
-								onFailure: (e) =>
-									Schema.is(InternalError)(e)
-										? Effect.fail(e)
-										: Effect.succeed(Exit.fail(e)),
-							}),
-							Effect.map((v) => Unify.unify(v)),
-						),
+				videos.getAnalyticsBulk(videoIds).pipe(
+					Effect.map((results) =>
+						results.map((result) => Unify.unify(result)),
 					),
-					{ concurrency: 10 },
-				).pipe(
 					provideOptionalAuth,
 					Effect.catchTag(
 						"DatabaseError",
diff --git a/packages/web-backend/src/Videos/index.ts b/packages/web-backend/src/Videos/index.ts
index 9825f20173..7489b6d992 100644
--- a/packages/web-backend/src/Videos/index.ts
+++ b/packages/web-backend/src/Videos/index.ts
@@ -3,7 +3,7 @@ import { buildEnv, NODE_ENV, serverEnv } from "@cap/env";
 import { dub } from "@cap/utils";
 import { CurrentUser, type Folder, Policy, Video } from "@cap/web-domain";
 import * as Dz from "drizzle-orm";
-import { Array, Context, Effect, Option, pipe } from "effect";
+import { Array, Context, Effect, Exit, Option, pipe } from "effect";
 import type { Schema } from "effect/Schema";
 
 import { Database } from "../Database.ts";
@@ -16,6 +16,8 @@ import { VideosRepo } from "./VideosRepo.ts";
 const DEFAULT_ANALYTICS_RANGE_DAYS = 30;
 const escapeSqlLiteral = (value: string) => value.replace(/'/g, "''");
 const formatDate = (date: Date) => date.toISOString().slice(0, 10);
+const formatDateTime = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
+const buildPathname = (videoId: Video.VideoId) => `/s/${videoId}`;
 
 type UploadProgressUpdateInput = Schema.Type<
 	typeof Video.UploadProgressUpdateInput
@@ -45,6 +47,135 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 					Effect.withSpan("Videos.getById"),
 				);
 
+		const getAnalyticsBulkInternal = Effect.fn("Videos.getAnalyticsBulk")(
+			function* (videoIds: ReadonlyArray<Video.VideoId>) {
+				if (videoIds.length === 0)
+					return [] as Array<Exit.Exit<{ count: number }, unknown>>;
+
+				const now = new Date();
+				const from = new Date(
+					now.getTime() - DEFAULT_ANALYTICS_RANGE_DAYS * 24 * 60 * 60 * 1000,
+				);
+
+				const videoExits = yield* Effect.forEach(
+					videoIds,
+					(videoId) =>
+						getByIdForViewing(videoId).pipe(
+							Effect.map((video) => video),
+							Effect.exit,
+						),
+					{ concurrency: 10 },
+				);
+
+				const successfulVideos: Array<{
+					index: number;
+					videoId: Video.VideoId;
+					video: Video.Video;
+				}> = [];
+
+				for (let index = 0; index < videoExits.length; index++) {
+					const exit = videoExits[index]!;
+					if (Exit.isSuccess(exit)) {
+						successfulVideos.push({
+							index,
+							videoId: videoIds[index]!,
+							video: exit.value,
+						});
+					}
+				}
+
+				const countsByPathname = new Map<string, number>();
+
+				const videosByOrg = new Map<
+					string,
+					Array<{ videoId: Video.VideoId; pathname: string }>
+				>();
+				for (const { video } of successfulVideos) {
+					const key = video.orgId ?? "";
+					if (!videosByOrg.has(key)) {
+						videosByOrg.set(key, []);
+					}
+					videosByOrg.get(key)!.push({
+						videoId: video.id,
+						pathname: buildPathname(video.id),
+					});
+				}
+
+				const runTinybirdQuery = <
+					Row extends { pathname?: string | null; views?: number }
+				>(
+					sql: string,
+				) =>
+					tinybird
+						.querySql<Row>(sql)
+						.pipe(
+							Effect.catchAll((error) => {
+								console.error("tinybird analytics query failed", {
+									sql,
+									error,
+								});
+								return Effect.succeed<{ data: Row[] }>({ data: [] });
+							}),
+							Effect.map((response) => response.data ?? []),
+						);
+
+				for (const [orgKey, entries] of videosByOrg) {
+					const pathnames = entries.map((entry) => entry.pathname);
+					if (pathnames.length === 0) continue;
+
+					const escapedPathnames = pathnames
+						.map((pathname) => `'${escapeSqlLiteral(pathname)}'`)
+						.join(", ");
+					const tenantCondition =
+						orgKey.length > 0
+							? `tenant_id = '${escapeSqlLiteral(orgKey)}' AND `
+							: "";
+
+					const aggregateSql = `
+						SELECT pathname, coalesce(uniqMerge(visits), 0) AS views
+						FROM analytics_pages_mv
+						WHERE ${tenantCondition}pathname IN (${escapedPathnames})
+							AND date BETWEEN toDate('${formatDate(from)}') AND toDate('${formatDate(now)}')
+						GROUP BY pathname
+					`;
+
+					const rawSql = `
+						SELECT coalesce(pathname, '') AS pathname, coalesce(uniq(session_id), 0) AS views
+						FROM analytics_events
+						WHERE ${tenantCondition}pathname IN (${escapedPathnames})
+							AND action = 'page_hit'
+							AND timestamp BETWEEN toDateTime('${formatDateTime(from)}') AND toDateTime('${formatDateTime(now)}')
+						GROUP BY pathname
+					`;
+
+					const aggregateRows = yield* runTinybirdQuery(aggregateSql);
+					const rows =
+						aggregateRows.length > 0 ? aggregateRows : yield* runTinybirdQuery(rawSql);
+
+					for (const row of rows) {
+						const pathname = row.pathname ?? "";
+						const value = Number(row.views ?? 0);
+						if (!pathname) continue;
+						countsByPathname.set(pathname, Number.isFinite(value) ? value : 0);
+					}
+				}
+
+				for (const { videoId } of successfulVideos) {
+					const pathname = buildPathname(videoId);
+					if (!countsByPathname.has(pathname)) {
+						countsByPathname.set(pathname, 0);
+					}
+				}
+
+				return videoExits.map((exit, index) =>
+					Exit.map(exit, () => ({
+						count:
+							countsByPathname.get(buildPathname(videoIds[index]!)) ?? 0,
+					})),
+				);
+			},
+		);
+
 		return {
 			/*
 			 * Get a video by ID. Will fail if the user does not have access.
@@ -358,31 +489,17 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 			getAnalytics: Effect.fn("Videos.getAnalytics")(function* (
 				videoId: Video.VideoId,
 			) {
-				const maybeVideo = yield* repo
-					.getById(videoId)
-					.pipe(Policy.withPublicPolicy(policy.canView(videoId)));
-				if (Option.isNone(maybeVideo))
-					return yield* Effect.fail(new Video.NotFoundError());
-				const [video] = maybeVideo.value;
-
-				const now = new Date();
-				const from = new Date(
-					now.getTime() - DEFAULT_ANALYTICS_RANGE_DAYS * 24 * 60 * 60 * 1000,
-				);
-				const pathname = `/s/${video.id}`;
-				const sql = `
-					SELECT coalesce(uniqMerge(visits), 0) AS views
-					FROM analytics_pages_mv
-					WHERE pathname = '${escapeSqlLiteral(pathname)}'
-						AND date >= toDate('${formatDate(from)}')
-						AND date <= toDate('${formatDate(now)}')
-				`;
-				const response = yield* tinybird
-					.querySql<{ views: number }>(sql)
-					.pipe(Effect.catchAll(() => Effect.succeed({ data: [] })));
-				const views = response.data[0]?.views ?? 0;
-				return { count: Number.isFinite(views) ? Number(views) : 0 };
+				const [result] = yield* getAnalyticsBulkInternal([videoId]);
+				if (!result)
+					return { count: 0 };
+				return yield* Exit.matchEffect(result, {
+					onSuccess: (value) => Effect.succeed(value),
+					onFailure: (error) => Effect.fail(error),
+					onDie: (cause) => Effect.die(cause),
+					onInterrupt: (fiberId) => Effect.interrupt(fiberId),
+				});
 			}),
+			getAnalyticsBulk: getAnalyticsBulkInternal,
 		};
 	}),
 	dependencies: [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f9ab4ab132..828606d401 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
       dotenv-cli:
         specifier: latest
         version: 11.0.0
+      mysql2:
+        specifier: ^3.15.2
+        version: 3.15.2
       tsdown:
         specifier: ^0.15.6
         version: 0.15.6(typescript@5.8.3)
@@ -6302,10 +6305,10 @@ packages:
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@10.1.0-alpha.8':
-    resolution: {integrity: sha512-RML4H68izGvwCp9OxZLW9+nVD5XvjiCwojshFdIfawZB4+pWu5D2NFcvmrwUskG4Hy9hBhH+Z/e1k185SXL1OA==}
+  '@storybook/builder-vite@10.1.0-alpha.10':
+    resolution: {integrity: sha512-Sb/Kwucehq0I9e5sZb+ZchP4iGUa6LQ0RIi+uXBiyvmnYA6OYKZCnGsCG8VQARwiWcSDmeHd71ncnyMBwJSEDA==}
     peerDependencies:
-      storybook: ^10.1.0-alpha.8
+      storybook: ^10.1.0-alpha.10
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
   '@storybook/core@8.6.12':
@@ -6316,12 +6319,12 @@ packages:
       prettier:
         optional: true
 
-  '@storybook/csf-plugin@10.1.0-alpha.8':
-    resolution: {integrity: sha512-VjuPWd5oXLP6fXXKC0RSj7dPGoMt6f3AqFbn8WB/LqXYaRg5k/HGcGNWBUJ9RVq5arfwqR12HpAJkF2YaPzhOg==}
+  '@storybook/csf-plugin@10.1.0-alpha.10':
+    resolution: {integrity: sha512-DLFzOaUwu6gPFZ3cMxRdhIOUROq2LSKXuDioXlTTS23lQu5F4SPZM8TeWXQ6Oy5bg1LUhxsGWohTO7jmsThLRA==}
     peerDependencies:
       esbuild: '*'
       rollup: '*'
-      storybook: ^10.1.0-alpha.8
+      storybook: ^10.1.0-alpha.10
       vite: '*'
       webpack: '*'
     peerDependenciesMeta:
@@ -20153,9 +20156,9 @@ snapshots:
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
 
-  '@storybook/builder-vite@10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/builder-vite@10.1.0-alpha.10(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
-      '@storybook/csf-plugin': 10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/csf-plugin': 10.1.0-alpha.10(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
       vite: 6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)
@@ -20185,7 +20188,7 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
+  '@storybook/csf-plugin@10.1.0-alpha.10(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))':
     dependencies:
       storybook: 8.6.12(prettier@3.5.3)
       unplugin: 2.3.10
@@ -28015,7 +28018,7 @@ snapshots:
 
   storybook-solidjs-vite@1.0.0-beta.7(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(esbuild@0.25.5)(rollup@4.40.2)(solid-js@1.9.6)(storybook@8.6.12(prettier@3.5.3))(vite-plugin-solid@2.11.6(@testing-library/jest-dom@6.5.0)(solid-js@1.9.6)(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1)))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5)):
     dependencies:
-      '@storybook/builder-vite': 10.1.0-alpha.8(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
+      '@storybook/builder-vite': 10.1.0-alpha.10(esbuild@0.25.5)(rollup@4.40.2)(storybook@8.6.12(prettier@3.5.3))(vite@6.3.5(@types/node@22.15.17)(jiti@2.6.1)(terser@5.44.0)(yaml@2.8.1))(webpack@5.101.3(esbuild@0.25.5))
       '@storybook/types': 9.0.0-alpha.1(storybook@8.6.12(prettier@3.5.3))
       magic-string: 0.30.17
       solid-js: 1.9.6
diff --git a/scripts/analytics/migrate-dub-to-tinybird.js b/scripts/analytics/migrate-dub-to-tinybird.js
new file mode 100644
index 0000000000..8e973d59c1
--- /dev/null
+++ b/scripts/analytics/migrate-dub-to-tinybird.js
@@ -0,0 +1,5075 @@
+// ESM module (root package.json has "type":"module")
+import fs from "node:fs";
+import path from "node:path";
+import process from "node:process";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const DUB_API_URL = "https://api.dub.co";
+const DEFAULT_DOMAIN = "cap.link";
+const DEFAULT_TIMEZONE = "UTC";
+const DEFAULT_INTERVAL = "30d";
+const DEFAULT_HOST = process.env.TINYBIRD_HOST?.trim() || "https://api.tinybird.co";
+const TB_DATASOURCE = "analytics_events";
+const MAX_CITY_COUNT = 25;
+const INGEST_CHUNK_SIZE = 5000;
+const DEFAULT_VIDEO_CONCURRENCY = Number(process.env.VIDEO_CONCURRENCY || 4);
+const DEFAULT_API_CONCURRENCY = Number(process.env.DUB_CONCURRENCY || 8);
+const DEFAULT_INGEST_CONCURRENCY = Number(process.env.INGEST_CONCURRENCY || 4);
+
+export const REGIONS = {
+  "AF-BDS": "Badakhshān",
+  "AF-BDG": "Bādghīs",
+  "AF-BGL": "Baghlān",
+  "AF-BAL": "Balkh",
+  "AF-BAM": "Bāmyān",
+  "AF-DAY": "Dāykundī",
+  "AF-FRA": "Farāh",
+  "AF-FYB": "Fāryāb",
+  "AF-GHA": "Ghaznī",
+  "AF-GHO": "Ghōr",
+  "AF-HEL": "Helmand",
+  "AF-HER": "Herāt",
+  "AF-JOW": "Jowzjān",
+  "AF-KAB": "Kābul",
+  "AF-KAN": "Kandahār",
+  "AF-KAP": "Kāpīsā",
+  "AF-KHO": "Khōst",
+  "AF-KNR": "Kunaṟ",
+  "AF-KDZ": "Kunduz",
+  "AF-LAG": "Laghmān",
+  "AF-LOG": "Lōgar",
+  "AF-NAN": "Nangarhār",
+  "AF-NIM": "Nīmrōz",
+  "AF-NUR": "Nūristān",
+  "AF-PKA": "Paktīkā",
+  "AF-PIA": "Paktiyā",
+  "AF-PAN": "Panjshayr",
+  "AF-PAR": "Parwān",
+  "AF-SAM": "Samangān",
+  "AF-SAR": "Sar-e Pul",
+  "AF-TAK": "Takhār",
+  "AF-URU": "Uruzgān",
+  "AF-WAR": "Wardak",
+  "AF-ZAB": "Zābul",
+  "AL-01": "Berat",
+  "AL-09": "Dibër",
+  "AL-02": "Durrës",
+  "AL-03": "Elbasan",
+  "AL-04": "Fier",
+  "AL-05": "Gjirokastër",
+  "AL-06": "Korçë",
+  "AL-07": "Kukës",
+  "AL-08": "Lezhë",
+  "AL-10": "Shkodër",
+  "AL-11": "Tiranë",
+  "AL-12": "Vlorë",
+  "DZ-01": "Adrar",
+  "DZ-44": "Aïn Defla",
+  "DZ-46": "Aïn Témouchent",
+  "DZ-16": "Alger",
+  "DZ-23": "Annaba",
+  "DZ-05": "Batna",
+  "DZ-08": "Béchar",
+  "DZ-06": "Béjaïa",
+  "DZ-52": "Béni Abbès",
+  "DZ-07": "Biskra",
+  "DZ-09": "Blida",
+  "DZ-50": "Bordj Badji Mokhtar",
+  "DZ-34": "Bordj Bou Arréridj",
+  "DZ-10": "Bouira",
+  "DZ-35": "Boumerdès",
+  "DZ-02": "Chlef",
+  "DZ-25": "Constantine",
+  "DZ-56": "Djanet",
+  "DZ-17": "Djelfa",
+  "DZ-32": "El Bayadh",
+  "DZ-57": "El Meghaier",
+  "DZ-58": "El Meniaa",
+  "DZ-39": "El Oued",
+  "DZ-36": "El Tarf",
+  "DZ-47": "Ghardaïa",
+  "DZ-24": "Guelma",
+  "DZ-33": "Illizi",
+  "DZ-54": "In Guezzam",
+  "DZ-53": "In Salah",
+  "DZ-18": "Jijel",
+  "DZ-40": "Khenchela",
+  "DZ-03": "Laghouat",
+  "DZ-28": "M'sila",
+  "DZ-29": "Mascara",
+  "DZ-26": "Médéa",
+  "DZ-43": "Mila",
+  "DZ-27": "Mostaganem",
+  "DZ-45": "Naama",
+  "DZ-31": "Oran",
+  "DZ-30": "Ouargla",
+  "DZ-51": "Ouled Djellal",
+  "DZ-04": "Oum el Bouaghi",
+  "DZ-48": "Relizane",
+  "DZ-20": "Saïda",
+  "DZ-19": "Sétif",
+  "DZ-22": "Sidi Bel Abbès",
+  "DZ-21": "Skikda",
+  "DZ-41": "Souk Ahras",
+  "DZ-11": "Tamanrasset",
+  "DZ-12": "Tébessa",
+  "DZ-14": "Tiaret",
+  "DZ-49": "Timimoun",
+  "DZ-37": "Tindouf",
+  "DZ-42": "Tipaza",
+  "DZ-38": "Tissemsilt",
+  "DZ-15": "Tizi Ouzou",
+  "DZ-13": "Tlemcen",
+  "DZ-55": "Touggourt",
+  "AD-07": "Andorra la Vella",
+  "AD-02": "Canillo",
+  "AD-03": "Encamp",
+  "AD-08": "Escaldes-Engordany",
+  "AD-04": "La Massana",
+  "AD-05": "Ordino",
+  "AD-06": "Sant Julià de Lòria",
+  "AO-BGO": "Bengo",
+  "AO-BGU": "Benguela",
+  "AO-BIE": "Bié",
+  "AO-CAB": "Cabinda",
+  "AO-CCU": "Cuando Cubango",
+  "AO-CNO": "Cuanza-Norte",
+  "AO-CUS": "Cuanza-Sul",
+  "AO-CNN": "Cunene",
+  "AO-HUA": "Huambo",
+  "AO-HUI": "Huíla",
+  "AO-LUA": "Luanda",
+  "AO-LNO": "Lunda-Norte",
+  "AO-LSU": "Lunda-Sul",
+  "AO-MAL": "Malange",
+  "AO-MOX": "Moxico",
+  "AO-NAM": "Namibe",
+  "AO-UIG": "Uíge",
+  "AO-ZAI": "Zaire",
+  "AG-03": "Saint George",
+  "AG-04": "Saint John",
+  "AG-05": "Saint Mary",
+  "AG-06": "Saint Paul",
+  "AG-07": "Saint Peter",
+  "AG-08": "Saint Philip",
+  "AG-10": "Barbuda",
+  "AG-11": "Redonda",
+  "AR-B": "Buenos Aires",
+  "AR-K": "Catamarca",
+  "AR-H": "Chaco",
+  "AR-U": "Chubut",
+  "AR-C": "Ciudad Autónoma de Buenos Aires",
+  "AR-X": "Córdoba",
+  "AR-W": "Corrientes",
+  "AR-E": "Entre Ríos",
+  "AR-P": "Formosa",
+  "AR-Y": "Jujuy",
+  "AR-L": "La Pampa",
+  "AR-F": "La Rioja",
+  "AR-M": "Mendoza",
+  "AR-N": "Misiones",
+  "AR-Q": "Neuquén",
+  "AR-R": "Río Negro",
+  "AR-A": "Salta",
+  "AR-J": "San Juan",
+  "AR-D": "San Luis",
+  "AR-Z": "Santa Cruz",
+  "AR-S": "Santa Fe",
+  "AR-G": "Santiago del Estero",
+  "AR-V": "Tierra del Fuego",
+  "AR-T": "Tucumán",
+  "AM-AG": "Aragac̣otn",
+  "AM-AR": "Ararat",
+  "AM-AV": "Armavir",
+  "AM-ER": "Erevan",
+  "AM-GR": "Geġark'unik'",
+  "AM-KT": "Kotayk'",
+  "AM-LO": "Loṙi",
+  "AM-SH": "Širak",
+  "AM-SU": "Syunik'",
+  "AM-TV": "Tavuš",
+  "AM-VD": "Vayoć Jor",
+  "AU-NSW": "New South Wales",
+  "AU-QLD": "Queensland",
+  "AU-SA": "South Australia",
+  "AU-TAS": "Tasmania",
+  "AU-VIC": "Victoria",
+  "AU-WA": "Western Australia",
+  "AU-ACT": "Australian Capital Territory",
+  "AU-NT": "Northern Territory",
+  "AT-1": "Burgenland",
+  "AT-2": "Kärnten",
+  "AT-3": "Niederösterreich",
+  "AT-4": "Oberösterreich",
+  "AT-5": "Salzburg",
+  "AT-6": "Steiermark",
+  "AT-7": "Tirol",
+  "AT-8": "Vorarlberg",
+  "AT-9": "Wien",
+  "AZ-NX": "Naxçıvan",
+  "BS-AK": "Acklins",
+  "BS-BY": "Berry Islands",
+  "BS-BI": "Bimini",
+  "BS-BP": "Black Point",
+  "BS-CI": "Cat Island",
+  "BS-CO": "Central Abaco",
+  "BS-CS": "Central Andros",
+  "BS-CE": "Central Eleuthera",
+  "BS-FP": "City of Freeport",
+  "BS-CK": "Crooked Island and Long Cay",
+  "BS-EG": "East Grand Bahama",
+  "BS-EX": "Exuma",
+  "BS-GC": "Grand Cay",
+  "BS-HI": "Harbour Island",
+  "BS-HT": "Hope Town",
+  "BS-IN": "Inagua",
+  "BS-LI": "Long Island",
+  "BS-MC": "Mangrove Cay",
+  "BS-MG": "Mayaguana",
+  "BS-MI": "Moore's Island",
+  "BS-NP": "New Providence",
+  "BS-NO": "North Abaco",
+  "BS-NS": "North Andros",
+  "BS-NE": "North Eleuthera",
+  "BS-RI": "Ragged Island",
+  "BS-RC": "Rum Cay",
+  "BS-SS": "San Salvador",
+  "BS-SO": "South Abaco",
+  "BS-SA": "South Andros",
+  "BS-SE": "South Eleuthera",
+  "BS-SW": "Spanish Wells",
+  "BS-WG": "West Grand Bahama",
+  "BH-13": "Al ‘Āşimah",
+  "BH-14": "Al Janūbīyah",
+  "BH-15": "Al Muḩarraq",
+  "BH-17": "Ash Shamālīyah",
+  "BD-A": "Barishal",
+  "BD-B": "Chattogram",
+  "BD-C": "Dhaka",
+  "BD-D": "Khulna",
+  "BD-H": "Mymensingh",
+  "BD-E": "Rajshahi",
+  "BD-F": "Rangpur",
+  "BD-G": "Sylhet",
+  "BB-01": "Christ Church",
+  "BB-02": "Saint Andrew",
+  "BB-03": "Saint George",
+  "BB-04": "Saint James",
+  "BB-05": "Saint John",
+  "BB-06": "Saint Joseph",
+  "BB-07": "Saint Lucy",
+  "BB-08": "Saint Michael",
+  "BB-09": "Saint Peter",
+  "BB-10": "Saint Philip",
+  "BB-11": "Saint Thomas",
+  "BY-BR": "Brestskaya voblasts'",
+  "BY-HO": "Homyel'skaya voblasts'",
+  "BY-HM": "Horad Minsk",
+  "BY-HR": "Hrodzyenskaya voblasts'",
+  "BY-MA": "Mahilyowskaya voblasts'",
+  "BY-MI": "Minskaya voblasts'",
+  "BY-VI": "Vitsyebskaya voblasts'",
+  "BE-BRU": "Brussels Hoofdstedelijk Gewest",
+  "BE-VLG": "Vlaams Gewest",
+  "BE-WAL": "Waals Gewest[note 2]",
+  "BZ-BZ": "Belize",
+  "BZ-CY": "Cayo",
+  "BZ-CZL": "Corozal",
+  "BZ-OW": "Orange Walk",
+  "BZ-SC": "Stann Creek",
+  "BZ-TOL": "Toledo",
+  "BJ-AL": "Alibori",
+  "BJ-AK": "Atacora",
+  "BJ-AQ": "Atlantique",
+  "BJ-BO": "Borgou",
+  "BJ-CO": "Collines",
+  "BJ-KO": "Couffo",
+  "BJ-DO": "Donga",
+  "BJ-LI": "Littoral",
+  "BJ-MO": "Mono",
+  "BJ-OU": "Ouémé",
+  "BJ-PL": "Plateau",
+  "BJ-ZO": "Zou",
+  "BT-33": "Bumthang",
+  "BT-12": "Chhukha",
+  "BT-22": "Dagana",
+  "BT-GA": "Gasa",
+  "BT-13": "Haa",
+  "BT-44": "Lhuentse",
+  "BT-42": "Monggar",
+  "BT-11": "Paro",
+  "BT-43": "Pema Gatshel",
+  "BT-23": "Punakha",
+  "BT-45": "Samdrup Jongkhar",
+  "BT-14": "Samtse",
+  "BT-31": "Sarpang",
+  "BT-15": "Thimphu",
+  "BT-41": "Trashigang",
+  "BT-TY": "Trashi Yangtse",
+  "BT-32": "Trongsa",
+  "BT-21": "Tsirang",
+  "BT-24": "Wangdue Phodrang",
+  "BT-34": "Zhemgang",
+  "BO-C": "Cochabamba",
+  "BO-H": "Chuquisaca",
+  "BO-B": "El Beni",
+  "BO-L": "La Paz",
+  "BO-O": "Oruro",
+  "BO-N": "Pando",
+  "BO-P": "Potosí",
+  "BO-S": "Santa Cruz",
+  "BO-T": "Tarija",
+  "BA-BIH": "Federacija Bosne i Hercegovine",
+  "BA-SRP": "Republika Srpska",
+  "BA-BRC": "Brčko distrikt",
+  "BW-CE": "Central",
+  "BW-CH": "Chobe",
+  "BW-FR": "Francistown",
+  "BW-GA": "Gaborone",
+  "BW-GH": "Ghanzi",
+  "BW-JW": "Jwaneng",
+  "BW-KG": "Kgalagadi",
+  "BW-KL": "Kgatleng",
+  "BW-KW": "Kweneng",
+  "BW-LO": "Lobatse",
+  "BW-NE": "North East",
+  "BW-NW": "North West",
+  "BW-SP": "Selibe Phikwe",
+  "BW-SE": "South East",
+  "BW-SO": "Southern",
+  "BW-ST": "Sowa Town",
+  "BR-AC": "Acre",
+  "BR-AL": "Alagoas",
+  "BR-AP": "Amapá",
+  "BR-AM": "Amazonas",
+  "BR-BA": "Bahia",
+  "BR-CE": "Ceará",
+  "BR-DF": "Distrito Federal",
+  "BR-ES": "Espírito Santo",
+  "BR-GO": "Goiás",
+  "BR-MA": "Maranhão",
+  "BR-MT": "Mato Grosso",
+  "BR-MS": "Mato Grosso do Sul",
+  "BR-MG": "Minas Gerais",
+  "BR-PA": "Pará",
+  "BR-PB": "Paraíba",
+  "BR-PR": "Paraná",
+  "BR-PE": "Pernambuco",
+  "BR-PI": "Piauí",
+  "BR-RJ": "Rio de Janeiro",
+  "BR-RN": "Rio Grande do Norte",
+  "BR-RS": "Rio Grande do Sul",
+  "BR-RO": "Rondônia",
+  "BR-RR": "Roraima",
+  "BR-SC": "Santa Catarina",
+  "BR-SP": "São Paulo",
+  "BR-SE": "Sergipe",
+  "BR-TO": "Tocantins",
+  "BN-BE": "Belait",
+  "BN-BM": "Brunei-Muara",
+  "BN-TE": "Temburong",
+  "BN-TU": "Tutong",
+  "BG-01": "Blagoevgrad",
+  "BG-02": "Burgas",
+  "BG-08": "Dobrich",
+  "BG-07": "Gabrovo",
+  "BG-26": "Haskovo",
+  "BG-09": "Kardzhali",
+  "BG-10": "Kyustendil",
+  "BG-11": "Lovech",
+  "BG-12": "Montana",
+  "BG-13": "Pazardzhik",
+  "BG-14": "Pernik",
+  "BG-15": "Pleven",
+  "BG-16": "Plovdiv",
+  "BG-17": "Razgrad",
+  "BG-18": "Ruse",
+  "BG-27": "Shumen",
+  "BG-19": "Silistra",
+  "BG-20": "Sliven",
+  "BG-21": "Smolyan",
+  "BG-23": "Sofia",
+  "BG-22": "Sofia (stolitsa)",
+  "BG-24": "Stara Zagora",
+  "BG-25": "Targovishte",
+  "BG-03": "Varna",
+  "BG-04": "Veliko Tarnovo",
+  "BG-05": "Vidin",
+  "BG-06": "Vratsa",
+  "BG-28": "Yambol",
+  "BF-01": "Boucle du Mouhoun",
+  "BF-02": "Cascades",
+  "BF-03": "Centre",
+  "BF-04": "Centre-Est",
+  "BF-05": "Centre-Nord",
+  "BF-06": "Centre-Ouest",
+  "BF-07": "Centre-Sud",
+  "BF-08": "Est",
+  "BF-09": "Hauts-Bassins",
+  "BF-10": "Nord",
+  "BF-11": "Plateau-Central",
+  "BF-12": "Sahel",
+  "BF-13": "Sud-Ouest",
+  "BI-BB": "Bubanza",
+  "BI-BM": "Bujumbura Mairie",
+  "BI-BL": "Bujumbura Rural",
+  "BI-BR": "Bururi",
+  "BI-CA": "Cankuzo",
+  "BI-CI": "Cibitoke",
+  "BI-GI": "Gitega",
+  "BI-KR": "Karuzi",
+  "BI-KY": "Kayanza",
+  "BI-KI": "Kirundo",
+  "BI-MA": "Makamba",
+  "BI-MU": "Muramvya",
+  "BI-MY": "Muyinga",
+  "BI-MW": "Mwaro",
+  "BI-NG": "Ngozi",
+  "BI-RM": "Rumonge",
+  "BI-RT": "Rutana",
+  "BI-RY": "Ruyigi",
+  "KH-2": "Baat Dambang",
+  "KH-1": "Banteay Mean Choăy",
+  "KH-23": "Kaeb",
+  "KH-3": "Kampong Chaam",
+  "KH-4": "Kampong Chhnang",
+  "KH-5": "Kampong Spueu",
+  "KH-6": "Kampong Thum",
+  "KH-7": "Kampot",
+  "KH-8": "Kandaal",
+  "KH-9": "Kaoh Kong",
+  "KH-10": "Kracheh",
+  "KH-11": "Mondol Kiri",
+  "KH-22": "Otdar Mean Chey",
+  "KH-24": "Pailin",
+  "KH-12": "Phnom Penh",
+  "KH-15": "Pousaat",
+  "KH-18": "Preah Sihanouk",
+  "KH-13": "Preah Vihear",
+  "KH-14": "Prey Veaeng",
+  "KH-16": "Rotanak Kiri",
+  "KH-17": "Siem Reab",
+  "KH-19": "Stueng Traeng",
+  "KH-20": "Svaay Rieng",
+  "KH-21": "Taakaev",
+  "KH-25": "Tbong Khmum",
+  "CM-AD": "Adamaoua",
+  "CM-CE": "Centre",
+  "CM-ES": "East",
+  "CM-EN": "Far North",
+  "CM-LT": "Littoral",
+  "CM-NO": "North",
+  "CM-NW": "North-West",
+  "CM-SU": "South",
+  "CM-SW": "South-West",
+  "CM-OU": "West",
+  "CA-AB": "Alberta",
+  "CA-BC": "British Columbia",
+  "CA-MB": "Manitoba",
+  "CA-NB": "New Brunswick",
+  "CA-NL": "Newfoundland and Labrador",
+  "CA-NT": "Northwest Territories",
+  "CA-NS": "Nova Scotia",
+  "CA-NU": "Nunavut",
+  "CA-ON": "Ontario",
+  "CA-PE": "Prince Edward Island",
+  "CA-QC": "Quebec",
+  "CA-SK": "Saskatchewan",
+  "CA-YT": "Yukon",
+  "CV-B": "Ilhas de Barlavento",
+  "CV-S": "Ilhas de Sotavento",
+  "CF-BB": "Bamingui-Bangoran",
+  "CF-BGF": "Bangui",
+  "CF-BK": "Basse-Kotto",
+  "CF-KB": "Gribingui",
+  "CF-HM": "Haut-Mbomou",
+  "CF-HK": "Haute-Kotto",
+  "CF-HS": "Haute-Sangha / Mambéré-Kadéï",
+  "CF-KG": "Kémo-Gribingui",
+  "CF-LB": "Lobaye",
+  "CF-MB": "Mbomou",
+  "CF-NM": "Nana-Mambéré",
+  "CF-MP": "Ombella-Mpoko",
+  "CF-UK": "Ouaka",
+  "CF-AC": "Ouham",
+  "CF-OP": "Ouham-Pendé",
+  "CF-SE": "Sangha",
+  "CF-VK": "Vakaga",
+  "TD-BG": "Baḩr al Ghazāl",
+  "TD-BA": "Al Baţḩā’",
+  "TD-BO": "Būrkū",
+  "TD-CB": "Shārī Bāqirmī",
+  "TD-EE": "Inīdī ash Sharqī",
+  "TD-EO": "Inīdī al Gharbī",
+  "TD-GR": "Qīrā",
+  "TD-HL": "Ḩajjar Lamīs",
+  "TD-KA": "Kānim",
+  "TD-LC": "Al Buḩayrah",
+  "TD-LO": "Lūghūn al Gharbī",
+  "TD-LR": "Lūghūn ash Sharqī",
+  "TD-MA": "Māndūl",
+  "TD-ME": "Māyū Kībbī ash Sharqī",
+  "TD-MO": "Māyū Kībbī al Gharbī",
+  "TD-MC": "Shārī al Awsaţ",
+  "TD-OD": "Waddāy",
+  "TD-SA": "Salāmāt",
+  "TD-SI": "Sīlā",
+  "TD-TA": "Tānjīlī",
+  "TD-TI": "Tibastī",
+  "TD-ND": "Madīnat Injamīnā",
+  "TD-WF": "Wādī Fīrā’",
+  "CL-AI": "Aisén del General Carlos Ibañez del Campo",
+  "CL-AN": "Antofagasta",
+  "CL-AP": "Arica y Parinacota",
+  "CL-AT": "Atacama",
+  "CL-BI": "Biobío",
+  "CL-CO": "Coquimbo",
+  "CL-AR": "La Araucanía",
+  "CL-LI": "Libertador General Bernardo O'Higgins",
+  "CL-LL": "Los Lagos",
+  "CL-LR": "Los Ríos",
+  "CL-MA": "Magallanes",
+  "CL-ML": "Maule",
+  "CL-NB": "Ñuble",
+  "CL-RM": "Región Metropolitana de Santiago",
+  "CL-TA": "Tarapacá",
+  "CL-VS": "Valparaíso",
+  "CN-AH": "Anhui Sheng",
+  "CN-BJ": "Beijing Shi",
+  "CN-CQ": "Chongqing Shi",
+  "CN-FJ": "Fujian Sheng",
+  "CN-GS": "Gansu Sheng",
+  "CN-GD": "Guangdong Sheng",
+  "CN-GX": "Guangxi Zhuangzu Zizhiqu",
+  "CN-GZ": "Guizhou Sheng",
+  "CN-HI": "Hainan Sheng",
+  "CN-HE": "Hebei Sheng",
+  "CN-HL": "Heilongjiang Sheng",
+  "CN-HA": "Henan Sheng",
+  "CN-HK": "Hong Kong SARen",
+  "CN-HB": "Hubei Sheng",
+  "CN-HN": "Hunan Sheng",
+  "CN-JS": "Jiangsu Sheng",
+  "CN-JX": "Jiangxi Sheng",
+  "CN-JL": "Jilin Sheng",
+  "CN-LN": "Liaoning Sheng",
+  "CN-MO": "Macao SARpt",
+  "CN-NM": "Nei Mongol Zizhiqu",
+  "CN-NX": "Ningxia Huizu Zizhiqu",
+  "CN-QH": "Qinghai Sheng",
+  "CN-SN": "Shaanxi Sheng",
+  "CN-SD": "Shandong Sheng",
+  "CN-SH": "Shanghai Shi",
+  "CN-SX": "Shanxi Sheng",
+  "CN-SC": "Sichuan Sheng",
+  "CN-TW": "Taiwan Sheng",
+  "CN-TJ": "Tianjin Shi",
+  "CN-XJ": "Xinjiang Uygur Zizhiqu",
+  "CN-XZ": "Xizang Zizhiqu",
+  "CN-YN": "Yunnan Sheng",
+  "CN-ZJ": "Zhejiang Sheng",
+  "CO-AMA": "Amazonas",
+  "CO-ANT": "Antioquia",
+  "CO-ARA": "Arauca",
+  "CO-ATL": "Atlántico",
+  "CO-BOL": "Bolívar",
+  "CO-BOY": "Boyacá",
+  "CO-CAL": "Caldas",
+  "CO-CAQ": "Caquetá",
+  "CO-CAS": "Casanare",
+  "CO-CAU": "Cauca",
+  "CO-CES": "Cesar",
+  "CO-COR": "Córdoba",
+  "CO-CUN": "Cundinamarca",
+  "CO-CHO": "Chocó",
+  "CO-DC": "Distrito Capital de Bogotá",
+  "CO-GUA": "Guainía",
+  "CO-GUV": "Guaviare",
+  "CO-HUI": "Huila",
+  "CO-LAG": "La Guajira",
+  "CO-MAG": "Magdalena",
+  "CO-MET": "Meta",
+  "CO-NAR": "Nariño",
+  "CO-NSA": "Norte de Santander",
+  "CO-PUT": "Putumayo",
+  "CO-QUI": "Quindío",
+  "CO-RIS": "Risaralda",
+  "CO-SAP": "San Andrés",
+  "CO-SAN": "Santander",
+  "CO-SUC": "Sucre",
+  "CO-TOL": "Tolima",
+  "CO-VAC": "Valle del Cauca",
+  "CO-VAU": "Vaupés",
+  "CO-VID": "Vichada",
+  "KM-G": "Grande Comore",
+  "KM-A": "Anjouan",
+  "KM-M": "Mohéli",
+  "CG-11": "Bouenza",
+  "CG-BZV": "Brazzaville",
+  "CG-8": "Cuvette",
+  "CG-15": "Cuvette-Ouest",
+  "CG-5": "Kouilou",
+  "CG-2": "Lékoumou",
+  "CG-7": "Likouala",
+  "CG-9": "Niari",
+  "CG-14": "Plateaux",
+  "CG-16": "Pointe-Noire",
+  "CG-12": "Pool",
+  "CG-13": "Sangha",
+  "CD-BU": "Bas-Uélé",
+  "CD-EQ": "Équateur",
+  "CD-HK": "Haut-Katanga",
+  "CD-HL": "Haut-Lomami",
+  "CD-HU": "Haut-Uélé",
+  "CD-IT": "Ituri",
+  "CD-KS": "Kasaï",
+  "CD-KC": "Kasaï Central",
+  "CD-KE": "Kasaï Oriental",
+  "CD-KN": "Kinshasa",
+  "CD-BC": "Kongo Central",
+  "CD-KG": "Kwango",
+  "CD-KL": "Kwilu",
+  "CD-LO": "Lomami",
+  "CD-LU": "Lualaba",
+  "CD-MN": "Mai-Ndombe",
+  "CD-MA": "Maniema",
+  "CD-MO": "Mongala",
+  "CD-NK": "Nord-Kivu",
+  "CD-NU": "Nord-Ubangi",
+  "CD-SA": "Sankuru",
+  "CD-SK": "Sud-Kivu",
+  "CD-SU": "Sud-Ubangi",
+  "CD-TA": "Tanganyika",
+  "CD-TO": "Tshopo",
+  "CD-TU": "Tshuapa",
+  "CR-A": "Alajuela",
+  "CR-C": "Cartago",
+  "CR-G": "Guanacaste",
+  "CR-H": "Heredia",
+  "CR-L": "Limón",
+  "CR-P": "Puntarenas",
+  "CR-SJ": "San José",
+  "CI-AB": "Abidjan",
+  "CI-BS": "Bas-Sassandra",
+  "CI-CM": "Comoé",
+  "CI-DN": "Denguélé",
+  "CI-GD": "Gôh-Djiboua",
+  "CI-LC": "Lacs",
+  "CI-LG": "Lagunes",
+  "CI-MG": "Montagnes",
+  "CI-SM": "Sassandra-Marahoué",
+  "CI-SV": "Savanes",
+  "CI-VB": "Vallée du Bandama",
+  "CI-WR": "Woroba",
+  "CI-YM": "Yamoussoukro",
+  "CI-ZZ": "Zanzan",
+  "HR-07": "Bjelovarsko-bilogorska županija",
+  "HR-12": "Brodsko-posavska županija",
+  "HR-19": "Dubrovačko-neretvanska županija",
+  "HR-21": "Grad Zagreb",
+  "HR-18": "Istarska županija",
+  "HR-04": "Karlovačka županija",
+  "HR-06": "Koprivničko-križevačka županija",
+  "HR-02": "Krapinsko-zagorska županija",
+  "HR-09": "Ličko-senjska županija",
+  "HR-20": "Međimurska županija",
+  "HR-14": "Osječko-baranjska županija",
+  "HR-11": "Požeško-slavonska županija",
+  "HR-08": "Primorsko-goranska županija",
+  "HR-03": "Sisačko-moslavačka županija",
+  "HR-17": "Splitsko-dalmatinska županija",
+  "HR-15": "Šibensko-kninska županija",
+  "HR-05": "Varaždinska županija",
+  "HR-10": "Virovitičko-podravska županija",
+  "HR-16": "Vukovarsko-srijemska županija",
+  "HR-13": "Zadarska županija",
+  "HR-01": "Zagrebačka županija",
+  "CU-15": "Artemisa",
+  "CU-09": "Camagüey",
+  "CU-08": "Ciego de Ávila",
+  "CU-06": "Cienfuegos",
+  "CU-12": "Granma",
+  "CU-14": "Guantánamo",
+  "CU-11": "Holguín",
+  "CU-03": "La Habana",
+  "CU-10": "Las Tunas",
+  "CU-04": "Matanzas",
+  "CU-16": "Mayabeque",
+  "CU-01": "Pinar del Río",
+  "CU-07": "Sancti Spíritus",
+  "CU-13": "Santiago de Cuba",
+  "CU-05": "Villa Clara",
+  "CU-99": "Isla de la Juventud",
+  "CY-04": "Ammochostos",
+  "CY-06": "Keryneia",
+  "CY-03": "Larnaka",
+  "CY-01": "Lefkosia",
+  "CY-02": "Lemesos",
+  "CY-05": "Pafos",
+  "CZ-31": "Jihočeský kraj",
+  "CZ-64": "Jihomoravský kraj",
+  "CZ-41": "Karlovarský kraj",
+  "CZ-52": "Královéhradecký kraj",
+  "CZ-51": "Liberecký kraj",
+  "CZ-80": "Moravskoslezský kraj",
+  "CZ-71": "Olomoucký kraj",
+  "CZ-53": "Pardubický kraj",
+  "CZ-32": "Plzeňský kraj",
+  "CZ-10": "Praha",
+  "CZ-20": "Středočeský kraj",
+  "CZ-42": "Ústecký kraj",
+  "CZ-63": "Kraj Vysočina",
+  "CZ-72": "Zlínský kraj",
+  "DK-84": "Region Hovedstaden",
+  "DK-82": "Region Midjylland",
+  "DK-81": "Region Nordjylland",
+  "DK-85": "Region Sjælland",
+  "DK-83": "Region Syddanmark",
+  "DJ-AS": "Ali Sabieh",
+  "DJ-AR": "Arta",
+  "DJ-DI": "Dikhil",
+  "DJ-DJ": "Djibouti",
+  "DJ-OB": "Obock",
+  "DJ-TA": "Tadjourah",
+  "DM-02": "Saint Andrew",
+  "DM-03": "Saint David",
+  "DM-04": "Saint George",
+  "DM-05": "Saint John",
+  "DM-06": "Saint Joseph",
+  "DM-07": "Saint Luke",
+  "DM-08": "Saint Mark",
+  "DM-09": "Saint Patrick",
+  "DM-10": "Saint Paul",
+  "DM-11": "Saint Peter",
+  "DO-33": "Cibao Nordeste",
+  "DO-34": "Cibao Noroeste",
+  "DO-35": "Cibao Norte",
+  "DO-36": "Cibao Sur",
+  "DO-37": "El Valle",
+  "DO-38": "Enriquillo",
+  "DO-39": "Higuamo",
+  "DO-40": "Ozama",
+  "DO-41": "Valdesia",
+  "DO-42": "Yuma",
+  "EC-A": "Azuay",
+  "EC-B": "Bolívar",
+  "EC-F": "Cañar",
+  "EC-C": "Carchi",
+  "EC-H": "Chimborazo",
+  "EC-X": "Cotopaxi",
+  "EC-O": "El Oro",
+  "EC-E": "Esmeraldas",
+  "EC-W": "Galápagos",
+  "EC-G": "Guayas",
+  "EC-I": "Imbabura",
+  "EC-L": "Loja",
+  "EC-R": "Los Ríos",
+  "EC-M": "Manabí",
+  "EC-S": "Morona Santiago",
+  "EC-N": "Napo",
+  "EC-D": "Orellana",
+  "EC-Y": "Pastaza",
+  "EC-P": "Pichincha",
+  "EC-SE": "Santa Elena",
+  "EC-SD": "Santo Domingo de los Tsáchilas",
+  "EC-U": "Sucumbíos",
+  "EC-T": "Tungurahua",
+  "EC-Z": "Zamora Chinchipe",
+  "EG-DK": "Ad Daqahlīyah",
+  "EG-BA": "Al Baḩr al Aḩmar",
+  "EG-BH": "Al Buḩayrah",
+  "EG-FYM": "Al Fayyūm",
+  "EG-GH": "Al Gharbīyah",
+  "EG-ALX": "Al Iskandarīyah",
+  "EG-IS": "Al Ismā'īlīyah",
+  "EG-GZ": "Al Jīzah",
+  "EG-MNF": "Al Minūfīyah",
+  "EG-MN": "Al Minyā",
+  "EG-C": "Al Qāhirah",
+  "EG-KB": "Al Qalyūbīyah",
+  "EG-LX": "Al Uqşur",
+  "EG-WAD": "Al Wādī al Jadīd",
+  "EG-SUZ": "As Suways",
+  "EG-SHR": "Ash Sharqīyah",
+  "EG-ASN": "Aswān",
+  "EG-AST": "Asyūţ",
+  "EG-BNS": "Banī Suwayf",
+  "EG-PTS": "Būr Sa‘īd",
+  "EG-DT": "Dumyāţ",
+  "EG-JS": "Janūb Sīnā'",
+  "EG-KFS": "Kafr ash Shaykh",
+  "EG-MT": "Maţrūḩ",
+  "EG-KN": "Qinā",
+  "EG-SIN": "Shamāl Sīnā'",
+  "EG-SHG": "Sūhāj",
+  "SV-AH": "Ahuachapán",
+  "SV-CA": "Cabañas",
+  "SV-CH": "Chalatenango",
+  "SV-CU": "Cuscatlán",
+  "SV-LI": "La Libertad",
+  "SV-PA": "La Paz",
+  "SV-UN": "La Unión",
+  "SV-MO": "Morazán",
+  "SV-SM": "San Miguel",
+  "SV-SS": "San Salvador",
+  "SV-SV": "San Vicente",
+  "SV-SA": "Santa Ana",
+  "SV-SO": "Sonsonate",
+  "SV-US": "Usulután",
+  "GQ-C": "Región Continental",
+  "GQ-I": "Región Insular",
+  "ER-MA": "Al Awsaţ",
+  "ER-DU": "Al Janūbī",
+  "ER-AN": "Ansabā",
+  "ER-DK": "Janūbī al Baḩrī al Aḩmar",
+  "ER-GB": "Qāsh-Barkah",
+  "ER-SK": "Shimālī al Baḩrī al Aḩmar",
+  "EE-37": "Harjumaa",
+  "EE-39": "Hiiumaa",
+  "EE-45": "Ida-Virumaa",
+  "EE-50": "Jõgevamaa",
+  "EE-52": "Järvamaa",
+  "EE-60": "Lääne-Virumaa",
+  "EE-56": "Läänemaa",
+  "EE-64": "Põlvamaa",
+  "EE-68": "Pärnumaa",
+  "EE-71": "Raplamaa",
+  "EE-74": "Saaremaa",
+  "EE-79": "Tartumaa",
+  "EE-81": "Valgamaa",
+  "EE-84": "Viljandimaa",
+  "EE-87": "Võrumaa",
+  "ET-AA": "Ādīs Ābeba",
+  "ET-AF": "Āfar",
+  "ET-AM": "Āmara",
+  "ET-BE": "Bīnshangul Gumuz",
+  "ET-DD": "Dirē Dawa",
+  "ET-GA": "Gambēla Hizboch",
+  "ET-HA": "Hārerī Hizb",
+  "ET-OR": "Oromīya",
+  "ET-SI": "Sīdama",
+  "ET-SO": "Sumalē",
+  "ET-TI": "Tigray",
+  "ET-SN": "YeDebub Bihēroch Bihēreseboch na Hizboch",
+  "ET-SW": "YeDebub M‘irab Ītyop’iya Hizboch",
+  "FJ-C": "Central",
+  "FJ-E": "Eastern",
+  "FJ-N": "Northern",
+  "FJ-W": "Western",
+  "FJ-R": "Rotuma",
+  "FI-01": "Ahvenanmaan maakunta",
+  "FI-02": "Etelä-Karjala",
+  "FI-03": "Etelä-Pohjanmaa",
+  "FI-04": "Etelä-Savo",
+  "FI-05": "Kainuu",
+  "FI-06": "Kanta-Häme",
+  "FI-07": "Keski-Pohjanmaa",
+  "FI-08": "Keski-Suomi",
+  "FI-09": "Kymenlaakso",
+  "FI-10": "Lappi",
+  "FI-11": "Pirkanmaa",
+  "FI-12": "Pohjanmaa",
+  "FI-13": "Pohjois-Karjala",
+  "FI-14": "Pohjois-Pohjanmaa",
+  "FI-15": "Pohjois-Savo",
+  "FI-16": "Päijät-Häme",
+  "FI-17": "Satakunta",
+  "FI-18": "Uusimaa",
+  "FI-19": "Varsinais-Suomi",
+  "FR-ARA": "Auvergne-Rhône-Alpes",
+  "FR-BFC": "Bourgogne-Franche-Comté",
+  "FR-BRE": "Bretagne",
+  "FR-CVL": "Centre-Val de Loire",
+  "FR-20R": "Corse",
+  "FR-GES": "Grand Est",
+  "FR-HDF": "Hauts-de-France",
+  "FR-IDF": "Île-de-France",
+  "FR-NOR": "Normandie",
+  "FR-NAQ": "Nouvelle-Aquitaine",
+  "FR-OCC": "Occitanie",
+  "FR-PDL": "Pays-de-la-Loire",
+  "FR-PAC": "Provence-Alpes-Côte-d’Azur",
+  "GA-1": "Estuaire",
+  "GA-2": "Haut-Ogooué",
+  "GA-3": "Moyen-Ogooué",
+  "GA-4": "Ngounié",
+  "GA-5": "Nyanga",
+  "GA-6": "Ogooué-Ivindo",
+  "GA-7": "Ogooué-Lolo",
+  "GA-8": "Ogooué-Maritime",
+  "GA-9": "Woleu-Ntem",
+  "GM-B": "Banjul",
+  "GM-M": "Central River",
+  "GM-L": "Lower River",
+  "GM-N": "North Bank",
+  "GM-U": "Upper River",
+  "GM-W": "Western",
+  "GE-AB": "Abkhazia",
+  "GE-AJ": "Ajaria",
+  "GE-GU": "Guria",
+  "GE-IM": "Imereti",
+  "GE-KA": "K'akheti",
+  "GE-KK": "Kvemo Kartli",
+  "GE-MM": "Mtskheta-Mtianeti",
+  "GE-RL": "Rach'a-Lechkhumi-Kvemo Svaneti",
+  "GE-SZ": "Samegrelo-Zemo Svaneti",
+  "GE-SJ": "Samtskhe-Javakheti",
+  "GE-SK": "Shida Kartli",
+  "GE-TB": "Tbilisi",
+  "DE-BW": "Baden-Württemberg",
+  "DE-BY": "Bayern",
+  "DE-BE": "Berlin",
+  "DE-BB": "Brandenburg",
+  "DE-HB": "Bremen",
+  "DE-HH": "Hamburg",
+  "DE-HE": "Hessen",
+  "DE-MV": "Mecklenburg-Vorpommern",
+  "DE-NI": "Niedersachsen",
+  "DE-NW": "Nordrhein-Westfalen",
+  "DE-RP": "Rheinland-Pfalz",
+  "DE-SL": "Saarland",
+  "DE-SN": "Sachsen",
+  "DE-ST": "Sachsen-Anhalt",
+  "DE-SH": "Schleswig-Holstein",
+  "DE-TH": "Thüringen",
+  "GH-AF": "Ahafo",
+  "GH-AH": "Ashanti",
+  "GH-BO": "Bono",
+  "GH-BE": "Bono East",
+  "GH-CP": "Central",
+  "GH-EP": "Eastern",
+  "GH-AA": "Greater Accra",
+  "GH-NE": "North East",
+  "GH-NP": "Northern",
+  "GH-OT": "Oti",
+  "GH-SV": "Savannah",
+  "GH-UE": "Upper East",
+  "GH-UW": "Upper West",
+  "GH-TV": "Volta",
+  "GH-WP": "Western",
+  "GH-WN": "Western North",
+  "GR-69": "Ágion Óros",
+  "GR-A": "Anatolikí Makedonía kaiThráki",
+  "GR-I": "Attikí",
+  "GR-G": "Dytikí Elláda",
+  "GR-C": "Dytikí Makedonía",
+  "GR-F": "Ionía Nísia",
+  "GR-D": "Ípeiros",
+  "GR-B": "Kentrikí Makedonía",
+  "GR-M": "Kríti",
+  "GR-L": "Nótio Aigaío",
+  "GR-J": "Pelopónnisos",
+  "GR-H": "Stereá Elláda",
+  "GR-E": "Thessalía",
+  "GR-K": "Vóreio Aigaío",
+  "GL-AV": "Avannaata Kommunia",
+  "GL-KU": "Kommune Kujalleq",
+  "GL-QT": "Kommune Qeqertalik",
+  "GL-SM": "Kommuneqarfik Sermersooq",
+  "GL-QE": "Qeqqata Kommunia",
+  "GD-01": "Saint Andrew",
+  "GD-02": "Saint David",
+  "GD-03": "Saint George",
+  "GD-04": "Saint John",
+  "GD-05": "Saint Mark",
+  "GD-06": "Saint Patrick",
+  "GD-10": "Southern Grenadine Islands",
+  "GT-16": "Alta Verapaz",
+  "GT-15": "Baja Verapaz",
+  "GT-04": "Chimaltenango",
+  "GT-20": "Chiquimula",
+  "GT-02": "El Progreso",
+  "GT-05": "Escuintla",
+  "GT-01": "Guatemala",
+  "GT-13": "Huehuetenango",
+  "GT-18": "Izabal",
+  "GT-21": "Jalapa",
+  "GT-22": "Jutiapa",
+  "GT-17": "Petén",
+  "GT-09": "Quetzaltenango",
+  "GT-14": "Quiché",
+  "GT-11": "Retalhuleu",
+  "GT-03": "Sacatepéquez",
+  "GT-12": "San Marcos",
+  "GT-06": "Santa Rosa",
+  "GT-07": "Sololá",
+  "GT-10": "Suchitepéquez",
+  "GT-08": "Totonicapán",
+  "GT-19": "Zacapa",
+  "GN-B": "Boké",
+  "GN-F": "Faranah",
+  "GN-K": "Kankan",
+  "GN-D": "Kindia",
+  "GN-L": "Labé",
+  "GN-M": "Mamou",
+  "GN-N": "Nzérékoré",
+  "GN-C": "Conakry",
+  "GW-L": "Leste",
+  "GW-N": "Norte",
+  "GW-S": "Sul",
+  "GY-BA": "Barima-Waini",
+  "GY-CU": "Cuyuni-Mazaruni",
+  "GY-DE": "Demerara-Mahaica",
+  "GY-EB": "East Berbice-Corentyne",
+  "GY-ES": "Essequibo Islands-West Demerara",
+  "GY-MA": "Mahaica-Berbice",
+  "GY-PM": "Pomeroon-Supenaam",
+  "GY-PT": "Potaro-Siparuni",
+  "GY-UD": "Upper Demerara-Berbice",
+  "GY-UT": "Upper Takutu-Upper Essequibo",
+  "HT-AR": "Artibonite",
+  "HT-CE": "Centre",
+  "HT-GA": "Grande’Anse",
+  "HT-NI": "Nippes",
+  "HT-ND": "Nord",
+  "HT-NE": "Nord-Est",
+  "HT-NO": "Nord-Ouest",
+  "HT-OU": "Ouest",
+  "HT-SD": "Sud",
+  "HT-SE": "Sud-Est",
+  "HN-AT": "Atlántida",
+  "HN-CH": "Choluteca",
+  "HN-CL": "Colón",
+  "HN-CM": "Comayagua",
+  "HN-CP": "Copán",
+  "HN-CR": "Cortés",
+  "HN-EP": "El Paraíso",
+  "HN-FM": "Francisco Morazán",
+  "HN-GD": "Gracias a Dios",
+  "HN-IN": "Intibucá",
+  "HN-IB": "Islas de la Bahía",
+  "HN-LP": "La Paz",
+  "HN-LE": "Lempira",
+  "HN-OC": "Ocotepeque",
+  "HN-OL": "Olancho",
+  "HN-SB": "Santa Bárbara",
+  "HN-VA": "Valle",
+  "HN-YO": "Yoro",
+  "HU-BK": "Bács-Kiskun",
+  "HU-BA": "Baranya",
+  "HU-BE": "Békés",
+  "HU-BC": "Békéscsaba",
+  "HU-BZ": "Borsod-Abaúj-Zemplén",
+  "HU-BU": "Budapest",
+  "HU-CS": "Csongrád-Csanád",
+  "HU-DE": "Debrecen",
+  "HU-DU": "Dunaújváros",
+  "HU-EG": "Eger",
+  "HU-ER": "Érd",
+  "HU-FE": "Fejér",
+  "HU-GY": "Győr",
+  "HU-GS": "Győr-Moson-Sopron",
+  "HU-HB": "Hajdú-Bihar",
+  "HU-HE": "Heves",
+  "HU-HV": "Hódmezővásárhely",
+  "HU-JN": "Jász-Nagykun-Szolnok",
+  "HU-KV": "Kaposvár",
+  "HU-KM": "Kecskemét",
+  "HU-KE": "Komárom-Esztergom",
+  "HU-MI": "Miskolc",
+  "HU-NK": "Nagykanizsa",
+  "HU-NO": "Nógrád",
+  "HU-NY": "Nyíregyháza",
+  "HU-PS": "Pécs",
+  "HU-PE": "Pest",
+  "HU-ST": "Salgótarján",
+  "HU-SO": "Somogy",
+  "HU-SN": "Sopron",
+  "HU-SZ": "Szabolcs-Szatmár-Bereg",
+  "HU-SD": "Szeged",
+  "HU-SF": "Székesfehérvár",
+  "HU-SS": "Szekszárd",
+  "HU-SK": "Szolnok",
+  "HU-SH": "Szombathely",
+  "HU-TB": "Tatabánya",
+  "HU-TO": "Tolna",
+  "HU-VA": "Vas",
+  "HU-VM": "Veszprém",
+  "HU-VE": "Veszprém",
+  "HU-ZA": "Zala",
+  "HU-ZE": "Zalaegerszeg",
+  "IS-7": "Austurland",
+  "IS-1": "Höfuðborgarsvæði",
+  "IS-6": "Norðurland eystra",
+  "IS-5": "Norðurland vestra",
+  "IS-8": "Suðurland",
+  "IS-2": "Suðurnes",
+  "IS-4": "Vestfirðir",
+  "IS-3": "Vesturland",
+  "IN-AN": "Andaman and Nicobar Islands",
+  "IN-AP": "Andhra Pradesh",
+  "IN-AR": "Arunāchal Pradesh",
+  "IN-AS": "Assam",
+  "IN-BR": "Bihār",
+  "IN-CH": "Chandīgarh",
+  "IN-CG": "Chhattīsgarh",
+  "IN-DH": "Dādra and Nagar Haveli and Damān and Diu[1]",
+  "IN-DL": "Delhi",
+  "IN-GA": "Goa",
+  "IN-GJ": "Gujarāt",
+  "IN-HR": "Haryāna",
+  "IN-HP": "Himāchal Pradesh",
+  "IN-JK": "Jammu and Kashmīr",
+  "IN-JH": "Jhārkhand",
+  "IN-KA": "Karnātaka",
+  "IN-KL": "Kerala",
+  "IN-LA": "Ladākh",
+  "IN-LD": "Lakshadweep",
+  "IN-MP": "Madhya Pradesh",
+  "IN-MH": "Mahārāshtra",
+  "IN-MN": "Manipur",
+  "IN-ML": "Meghālaya",
+  "IN-MZ": "Mizoram",
+  "IN-NL": "Nāgāland",
+  "IN-OD": "Odisha",
+  "IN-PY": "Puducherry",
+  "IN-PB": "Punjab",
+  "IN-RJ": "Rājasthān",
+  "IN-SK": "Sikkim",
+  "IN-TN": "Tamil Nādu",
+  "IN-TS": "Telangāna[2]",
+  "IN-TR": "Tripura",
+  "IN-UP": "Uttar Pradesh",
+  "IN-UK": "Uttarākhand",
+  "IN-WB": "West Bengal",
+  "ID-JW": "Jawa",
+  "ID-KA": "Kalimantan",
+  "ID-ML": "Maluku",
+  "ID-NU": "Nusa Tenggara",
+  "ID-PP": "Papua",
+  "ID-SL": "Sulawesi",
+  "ID-SM": "Sumatera",
+  "IR-30": "Alborz",
+  "IR-24": "Ardabīl",
+  "IR-04": "Āz̄ārbāyjān-e Ghārbī",
+  "IR-03": "Āz̄ārbāyjān-e Shārqī",
+  "IR-18": "Būshehr",
+  "IR-14": "Chahār Maḩāl va Bakhtīārī",
+  "IR-10": "Eşfahān",
+  "IR-07": "Fārs",
+  "IR-01": "Gīlān",
+  "IR-27": "Golestān",
+  "IR-13": "Hamadān",
+  "IR-22": "Hormozgān",
+  "IR-16": "Īlām",
+  "IR-08": "Kermān",
+  "IR-05": "Kermānshāh",
+  "IR-29": "Khorāsān-e Jonūbī",
+  "IR-09": "Khorāsān-e Raẕavī",
+  "IR-28": "Khorāsān-e Shomālī",
+  "IR-06": "Khūzestān",
+  "IR-17": "Kohgīlūyeh va Bowyer Aḩmad",
+  "IR-12": "Kordestān",
+  "IR-15": "Lorestān",
+  "IR-00": "Markazī",
+  "IR-02": "Māzandarān",
+  "IR-26": "Qazvīn",
+  "IR-25": "Qom",
+  "IR-20": "Semnān",
+  "IR-11": "Sīstān va Balūchestān",
+  "IR-23": "Tehrān",
+  "IR-21": "Yazd",
+  "IR-19": "Zanjān",
+  "IQ-AN": "Al Anbār",
+  "IQ-BA": "Al Başrah",
+  "IQ-MU": "Al Muthanná",
+  "IQ-QA": "Al Qādisīyah",
+  "IQ-NA": "An Najaf",
+  "IQ-AR": "Arbīl",
+  "IQ-SU": "As Sulaymānīyah",
+  "IQ-BB": "Bābil",
+  "IQ-BG": "Baghdād",
+  "IQ-DA": "Dahūk",
+  "IQ-DQ": "Dhī Qār",
+  "IQ-DI": "Diyālá",
+  "IQ-KR": "Iqlīm Kūrdistān",
+  "IQ-KA": "Karbalā’",
+  "IQ-KI": "Kirkūk",
+  "IQ-MA": "Maysān",
+  "IQ-NI": "Nīnawá",
+  "IQ-SD": "Şalāḩ ad Dīn",
+  "IQ-WA": "Wāsiţ",
+  "IE-C": "Connaught",
+  "IE-L": "Leinster",
+  "IE-M": "Munster",
+  "IE-U": "Ulster[a]",
+  "IL-D": "HaDarom",
+  "IL-M": "HaMerkaz",
+  "IL-Z": "HaTsafon",
+  "IL-HA": "H̱efa",
+  "IL-TA": "Tel Aviv",
+  "IL-JM": "Yerushalayim",
+  "IT-65": "Abruzzo",
+  "IT-77": "Basilicata",
+  "IT-78": "Calabria",
+  "IT-72": "Campania",
+  "IT-45": "Emilia-Romagna",
+  "IT-36": "Friuli Venezia Giulia",
+  "IT-62": "Lazio",
+  "IT-42": "Liguria",
+  "IT-25": "Lombardia",
+  "IT-57": "Marche",
+  "IT-67": "Molise",
+  "IT-21": "Piemonte",
+  "IT-75": "Puglia",
+  "IT-88": "Sardegna",
+  "IT-82": "Sicilia",
+  "IT-52": "Toscana",
+  "IT-32": "Trentino-Alto Adigede",
+  "IT-55": "Umbria",
+  "IT-23": "Valle d'Aostafr",
+  "IT-34": "Veneto",
+  "JM-13": "Clarendon",
+  "JM-09": "Hanover",
+  "JM-01": "Kingston",
+  "JM-12": "Manchester",
+  "JM-04": "Portland",
+  "JM-02": "Saint Andrew",
+  "JM-06": "Saint Ann",
+  "JM-14": "Saint Catherine",
+  "JM-11": "Saint Elizabeth",
+  "JM-08": "Saint James",
+  "JM-05": "Saint Mary",
+  "JM-03": "Saint Thomas",
+  "JM-07": "Trelawny",
+  "JM-10": "Westmoreland",
+  "JP-23": "Aiti",
+  "JP-05": "Akita",
+  "JP-02": "Aomori",
+  "JP-38": "Ehime",
+  "JP-21": "Gihu",
+  "JP-10": "Gunma",
+  "JP-34": "Hirosima",
+  "JP-01": "Hokkaidô",
+  "JP-18": "Hukui",
+  "JP-40": "Hukuoka",
+  "JP-07": "Hukusima",
+  "JP-28": "Hyôgo",
+  "JP-08": "Ibaraki",
+  "JP-17": "Isikawa",
+  "JP-03": "Iwate",
+  "JP-37": "Kagawa",
+  "JP-46": "Kagosima",
+  "JP-14": "Kanagawa",
+  "JP-39": "Kôti",
+  "JP-43": "Kumamoto",
+  "JP-26": "Kyôto",
+  "JP-24": "Mie",
+  "JP-04": "Miyagi",
+  "JP-45": "Miyazaki",
+  "JP-20": "Nagano",
+  "JP-42": "Nagasaki",
+  "JP-29": "Nara",
+  "JP-15": "Niigata",
+  "JP-44": "Ôita",
+  "JP-33": "Okayama",
+  "JP-47": "Okinawa",
+  "JP-27": "Ôsaka",
+  "JP-41": "Saga",
+  "JP-11": "Saitama",
+  "JP-25": "Siga",
+  "JP-32": "Simane",
+  "JP-22": "Sizuoka",
+  "JP-12": "Tiba",
+  "JP-36": "Tokusima",
+  "JP-13": "Tôkyô",
+  "JP-09": "Totigi",
+  "JP-31": "Tottori",
+  "JP-16": "Toyama",
+  "JP-30": "Wakayama",
+  "JP-06": "Yamagata",
+  "JP-35": "Yamaguti",
+  "JP-19": "Yamanasi",
+  "JO-AJ": "‘Ajlūn",
+  "JO-AQ": "Al ‘Aqabah",
+  "JO-AM": "Al ‘A̅şimah",
+  "JO-BA": "Al Balqā’",
+  "JO-KA": "Al Karak",
+  "JO-MA": "Al Mafraq",
+  "JO-AT": "Aţ Ţafīlah",
+  "JO-AZ": "Az Zarqā’",
+  "JO-IR": "Irbid",
+  "JO-JA": "Jarash",
+  "JO-MN": "Ma‘ān",
+  "JO-MD": "Mādabā",
+  "KZ-10": "Abayoblysy",
+  "KZ-75": "Almaty",
+  "KZ-19": "Almatyoblysy",
+  "KZ-11": "Aqmola oblysy",
+  "KZ-15": "Aqtöbe oblysy",
+  "KZ-71": "Astana",
+  "KZ-23": "Atyraūoblysy",
+  "KZ-27": "Batys Qazaqstan oblysy",
+  "KZ-47": "Mangghystaū oblysy",
+  "KZ-55": "Pavlodar oblysy",
+  "KZ-35": "Qaraghandy oblysy",
+  "KZ-39": "Qostanay oblysy",
+  "KZ-43": "Qyzylorda oblysy",
+  "KZ-63": "Shyghys Qazaqstan oblysy",
+  "KZ-79": "Shymkent",
+  "KZ-59": "Soltüstik Qazaqstan oblysy",
+  "KZ-61": "Türkistan oblysy",
+  "KZ-62": "Ulytaūoblysy",
+  "KZ-31": "Zhambyl oblysy",
+  "KZ-33": "Zhetisū oblysy",
+  "KE-01": "Baringo",
+  "KE-02": "Bomet",
+  "KE-03": "Bungoma",
+  "KE-04": "Busia",
+  "KE-05": "Elgeyo/Marakwet",
+  "KE-06": "Embu",
+  "KE-07": "Garissa",
+  "KE-08": "Homa Bay",
+  "KE-09": "Isiolo",
+  "KE-10": "Kajiado",
+  "KE-11": "Kakamega",
+  "KE-12": "Kericho",
+  "KE-13": "Kiambu",
+  "KE-14": "Kilifi",
+  "KE-15": "Kirinyaga",
+  "KE-16": "Kisii",
+  "KE-17": "Kisumu",
+  "KE-18": "Kitui",
+  "KE-19": "Kwale",
+  "KE-20": "Laikipia",
+  "KE-21": "Lamu",
+  "KE-22": "Machakos",
+  "KE-23": "Makueni",
+  "KE-24": "Mandera",
+  "KE-25": "Marsabit",
+  "KE-26": "Meru",
+  "KE-27": "Migori",
+  "KE-28": "Mombasa",
+  "KE-29": "Murang'a",
+  "KE-30": "Nairobi City",
+  "KE-31": "Nakuru",
+  "KE-32": "Nandi",
+  "KE-33": "Narok",
+  "KE-34": "Nyamira",
+  "KE-35": "Nyandarua",
+  "KE-36": "Nyeri",
+  "KE-37": "Samburu",
+  "KE-38": "Siaya",
+  "KE-39": "Taita/Taveta",
+  "KE-40": "Tana River",
+  "KE-41": "Tharaka-Nithi",
+  "KE-42": "Trans Nzoia",
+  "KE-43": "Turkana",
+  "KE-44": "Uasin Gishu",
+  "KE-45": "Vihiga",
+  "KE-46": "Wajir",
+  "KE-47": "West Pokot",
+  "KI-G": "Gilbert Islands",
+  "KI-L": "Line Islands",
+  "KI-P": "Phoenix Islands",
+  "KP-04": "Chagang-do",
+  "KP-09": "Hamgyǒng-bukto",
+  "KP-08": "Hamgyǒng-namdo",
+  "KP-06": "Hwanghae-bukto",
+  "KP-05": "Hwanghae-namdo",
+  "KP-15": "Kaesŏng",
+  "KP-07": "Kangwǒn-do",
+  "KP-14": "Namp’o",
+  "KP-03": "P'yǒngan-bukto",
+  "KP-02": "P'yǒngan-namdo",
+  "KP-01": "P'yǒngyang",
+  "KP-13": "Rasǒn",
+  "KP-10": "Ryanggang-do",
+  "KR-26": "Busan-gwangyeoksi",
+  "KR-43": "Chungcheongbuk-do",
+  "KR-44": "Chungcheongnam-do",
+  "KR-27": "Daegu-gwangyeoksi",
+  "KR-30": "Daejeon-gwangyeoksi",
+  "KR-42": "Gangwon-teukbyeoljachido",
+  "KR-29": "Gwangju-gwangyeoksi",
+  "KR-41": "Gyeonggi-do",
+  "KR-47": "Gyeongsangbuk-do",
+  "KR-48": "Gyeongsangnam-do",
+  "KR-28": "Incheon-gwangyeoksi",
+  "KR-49": "Jeju-teukbyeoljachido",
+  "KR-45": "Jeollabuk-do",
+  "KR-46": "Jeollanam-do",
+  "KR-50": "Sejong",
+  "KR-11": "Seoul-teukbyeolsi",
+  "KR-31": "Ulsan-gwangyeoksi",
+  "KW-AH": "Al Aḩmadī",
+  "KW-FA": "Al Farwānīyah",
+  "KW-JA": "Al Jahrā’",
+  "KW-KU": "Al ‘Āşimah",
+  "KW-HA": "Ḩawallī",
+  "KW-MU": "Mubārak al Kabīr",
+  "KG-B": "Batken",
+  "KG-GB": "Bishkek Shaary",
+  "KG-C": "Chüy",
+  "KG-J": "Jalal-Abad",
+  "KG-N": "Naryn",
+  "KG-O": "Osh",
+  "KG-GO": "Osh Shaary",
+  "KG-T": "Talas",
+  "KG-Y": "Ysyk-Köl",
+  "LA-AT": "Attapu",
+  "LA-BK": "Bokèo",
+  "LA-BL": "Bolikhamxai",
+  "LA-CH": "Champasak",
+  "LA-HO": "Houaphan",
+  "LA-KH": "Khammouan",
+  "LA-LM": "Louang Namtha",
+  "LA-LP": "Louangphabang",
+  "LA-OU": "Oudômxai",
+  "LA-PH": "Phôngsali",
+  "LA-SL": "Salavan",
+  "LA-SV": "Savannakhét",
+  "LA-VI": "Viangchan",
+  "LA-VT": "Viangchan",
+  "LA-XA": "Xaignabouli",
+  "LA-XS": "Xaisômboun",
+  "LA-XE": "Xékong",
+  "LA-XI": "Xiangkhouang",
+  "LV-002": "Aizkraukles novads",
+  "LV-007": "Alūksnes novads",
+  "LV-111": "Augšdaugavas novads",
+  "LV-011": "Ādažu novads",
+  "LV-015": "Balvu novads",
+  "LV-016": "Bauskas novads",
+  "LV-022": "Cēsu novads",
+  "LV-DGV": "Daugavpils",
+  "LV-112": "Dienvidkurzemes Novads",
+  "LV-026": "Dobeles novads",
+  "LV-033": "Gulbenes novads",
+  "LV-JEL": "Jelgava",
+  "LV-041": "Jelgavas novads",
+  "LV-042": "Jēkabpils novads",
+  "LV-JUR": "Jūrmala",
+  "LV-047": "Krāslavas novads",
+  "LV-050": "Kuldīgas novads",
+  "LV-052": "Ķekavas novads",
+  "LV-LPX": "Liepāja",
+  "LV-054": "Limbažu novads",
+  "LV-056": "Līvānu novads",
+  "LV-058": "Ludzas novads",
+  "LV-059": "Madonas novads",
+  "LV-062": "Mārupes novads",
+  "LV-067": "Ogres novads",
+  "LV-068": "Olaines novads",
+  "LV-073": "Preiļu novads",
+  "LV-REZ": "Rēzekne",
+  "LV-077": "Rēzeknes novads",
+  "LV-RIX": "Rīga",
+  "LV-080": "Ropažu novads",
+  "LV-087": "Salaspils novads",
+  "LV-088": "Saldus novads",
+  "LV-089": "Saulkrastu novads",
+  "LV-091": "Siguldas novads",
+  "LV-094": "Smiltenes novads",
+  "LV-097": "Talsu novads",
+  "LV-099": "Tukuma novads",
+  "LV-101": "Valkas novads",
+  "LV-113": "Valmieras Novads",
+  "LV-102": "Varakļānu novads",
+  "LV-VEN": "Ventspils",
+  "LV-106": "Ventspils novads",
+  "LB-AK": "Aakkâr",
+  "LB-BH": "Baalbek-Hermel",
+  "LB-BI": "Béqaa",
+  "LB-BA": "Beyrouth",
+  "LB-AS": "Liban-Nord",
+  "LB-JA": "Liban-Sud",
+  "LB-JL": "Mont-Liban",
+  "LB-NA": "Nabatîyé",
+  "LS-D": "Berea",
+  "LS-B": "Botha-Bothe",
+  "LS-C": "Leribe",
+  "LS-E": "Mafeteng",
+  "LS-A": "Maseru",
+  "LS-F": "Mohale's Hoek",
+  "LS-J": "Mokhotlong",
+  "LS-H": "Qacha's Nek",
+  "LS-G": "Quthing",
+  "LS-K": "Thaba-Tseka",
+  "LR-BM": "Bomi",
+  "LR-BG": "Bong",
+  "LR-GP": "Gbarpolu",
+  "LR-GB": "Grand Bassa",
+  "LR-CM": "Grand Cape Mount",
+  "LR-GG": "Grand Gedeh",
+  "LR-GK": "Grand Kru",
+  "LR-LO": "Lofa",
+  "LR-MG": "Margibi",
+  "LR-MY": "Maryland",
+  "LR-MO": "Montserrado",
+  "LR-NI": "Nimba",
+  "LR-RI": "River Cess",
+  "LR-RG": "River Gee",
+  "LR-SI": "Sinoe",
+  "LY-BU": "Al Buţnān",
+  "LY-JA": "Al Jabal al Akhḑar",
+  "LY-JG": "Al Jabal al Gharbī",
+  "LY-JI": "Al Jafārah",
+  "LY-JU": "Al Jufrah",
+  "LY-KF": "Al Kufrah",
+  "LY-MJ": "Al Marj",
+  "LY-MB": "Al Marqab",
+  "LY-WA": "Al Wāḩāt",
+  "LY-NQ": "An Nuqāţ al Khams",
+  "LY-ZA": "Az Zāwiyah",
+  "LY-BA": "Banghāzī",
+  "LY-DR": "Darnah",
+  "LY-GT": "Ghāt",
+  "LY-MI": "Mişrātah",
+  "LY-MQ": "Murzuq",
+  "LY-NL": "Nālūt",
+  "LY-SB": "Sabhā",
+  "LY-SR": "Surt",
+  "LY-TB": "Ţarābulus",
+  "LY-WD": "Wādī al Ḩayāt",
+  "LY-WS": "Wādī ash Shāţi’",
+  "LI-01": "Balzers",
+  "LI-02": "Eschen",
+  "LI-03": "Gamprin",
+  "LI-04": "Mauren",
+  "LI-05": "Planken",
+  "LI-06": "Ruggell",
+  "LI-07": "Schaan",
+  "LI-08": "Schellenberg",
+  "LI-09": "Triesen",
+  "LI-10": "Triesenberg",
+  "LI-11": "Vaduz",
+  "LT-AL": "Alytaus apskritis",
+  "LT-KU": "Kauno apskritis",
+  "LT-KL": "Klaipėdos apskritis",
+  "LT-MR": "Marijampolės apskritis",
+  "LT-PN": "Panevėžio apskritis",
+  "LT-SA": "Šiaulių apskritis",
+  "LT-TA": "Tauragės apskritis",
+  "LT-TE": "Telšių apskritis",
+  "LT-UT": "Utenos apskritis",
+  "LT-VL": "Vilniaus apskritis",
+  "LU-CA": "Capellen",
+  "LU-CL": "Clervaux",
+  "LU-DI": "Diekirch",
+  "LU-EC": "Echternach",
+  "LU-ES": "Esch-sur-Alzette",
+  "LU-GR": "Grevenmacher",
+  "LU-LU": "Luxembourg",
+  "LU-ME": "Mersch",
+  "LU-RD": "Redange",
+  "LU-RM": "Remich",
+  "LU-VD": "Vianden",
+  "LU-WI": "Wiltz",
+  "MG-T": "Antananarivo",
+  "MG-D": "Antsiranana",
+  "MG-F": "Fianarantsoa",
+  "MG-M": "Mahajanga",
+  "MG-A": "Toamasina",
+  "MG-U": "Toliara",
+  "MW-N": "Chakumpoto",
+  "MW-S": "Chakumwera",
+  "MW-C": "Chapakati",
+  "MY-01": "Johor",
+  "MY-02": "Kedah",
+  "MY-03": "Kelantan",
+  "MY-04": "Melaka",
+  "MY-05": "Negeri Sembilan",
+  "MY-06": "Pahang",
+  "MY-08": "Perak",
+  "MY-09": "Perlis",
+  "MY-07": "Pulau Pinang",
+  "MY-12": "Sabah",
+  "MY-13": "Sarawak",
+  "MY-10": "Selangor",
+  "MY-11": "Terengganu",
+  "MY-14": "Wilayah Persekutuan Kuala Lumpur",
+  "MY-15": "Wilayah Persekutuan Labuan",
+  "MY-16": "Wilayah Persekutuan Putrajaya",
+  "MV-01": "Addu",
+  "MV-00": "Ariatholhu Dhekunuburi",
+  "MV-02": "Ariatholhu Uthuruburi",
+  "MV-03": "Faadhippolhu",
+  "MV-04": "Felidheatholhu",
+  "MV-29": "Fuvammulah",
+  "MV-05": "Hahdhunmathi",
+  "MV-28": "Huvadhuatholhu Dhekunuburi",
+  "MV-27": "Huvadhuatholhu Uthuruburi",
+  "MV-08": "Kolhumadulu",
+  "MV-MLE": "Maale",
+  "MV-26": "Maaleatholhu",
+  "MV-20": "Maalhosmadulu Dhekunuburi",
+  "MV-13": "Maalhosmadulu Uthuruburi",
+  "MV-25": "Miladhunmadulu Dhekunuburi",
+  "MV-24": "Miladhunmadulu Uthuruburi",
+  "MV-12": "Mulakatholhu",
+  "MV-17": "Nilandheatholhu Dhekunuburi",
+  "MV-14": "Nilandheatholhu Uthuruburi",
+  "MV-23": "Thiladhunmathee Dhekunuburi",
+  "MV-07": "Thiladhunmathee Uthuruburi",
+  "ML-BKO": "Bamako",
+  "ML-7": "Gao",
+  "ML-1": "Kayes",
+  "ML-8": "Kidal",
+  "ML-2": "Koulikoro",
+  "ML-9": "Ménaka",
+  "ML-5": "Mopti",
+  "ML-4": "Ségou",
+  "ML-3": "Sikasso",
+  "ML-10": "Taoudénit",
+  "ML-6": "Tombouctou",
+  "MT-01": "Attard",
+  "MT-02": "Balzan",
+  "MT-03": "Birgu",
+  "MT-04": "Birkirkara",
+  "MT-05": "Birżebbuġa",
+  "MT-06": "Bormla",
+  "MT-07": "Dingli",
+  "MT-08": "Fgura",
+  "MT-09": "Floriana",
+  "MT-10": "Fontana",
+  "MT-11": "Gudja",
+  "MT-12": "Gżira",
+  "MT-13": "Għajnsielem",
+  "MT-14": "Għarb",
+  "MT-15": "Għargħur",
+  "MT-16": "Għasri",
+  "MT-17": "Għaxaq",
+  "MT-18": "Ħamrun",
+  "MT-19": "Iklin",
+  "MT-20": "Isla",
+  "MT-21": "Kalkara",
+  "MT-22": "Kerċem",
+  "MT-23": "Kirkop",
+  "MT-24": "Lija",
+  "MT-25": "Luqa",
+  "MT-26": "Marsa",
+  "MT-27": "Marsaskala",
+  "MT-28": "Marsaxlokk",
+  "MT-29": "Mdina",
+  "MT-30": "Mellieħa",
+  "MT-31": "Mġarr",
+  "MT-32": "Mosta",
+  "MT-33": "Mqabba",
+  "MT-34": "Msida",
+  "MT-35": "Mtarfa",
+  "MT-36": "Munxar",
+  "MT-37": "Nadur",
+  "MT-38": "Naxxar",
+  "MT-39": "Paola",
+  "MT-40": "Pembroke",
+  "MT-41": "Pietà",
+  "MT-42": "Qala",
+  "MT-43": "Qormi",
+  "MT-44": "Qrendi",
+  "MT-45": "Rabat Għawdex",
+  "MT-46": "Rabat Malta",
+  "MT-47": "Safi",
+  "MT-48": "San Ġiljan",
+  "MT-49": "San Ġwann",
+  "MT-50": "San Lawrenz",
+  "MT-51": "San Pawl il-Baħar",
+  "MT-52": "Sannat",
+  "MT-53": "Santa Luċija",
+  "MT-54": "Santa Venera",
+  "MT-55": "Siġġiewi",
+  "MT-56": "Sliema",
+  "MT-57": "Swieqi",
+  "MT-58": "Ta' Xbiex",
+  "MT-59": "Tarxien",
+  "MT-60": "Valletta",
+  "MT-61": "Xagħra",
+  "MT-62": "Xewkija",
+  "MT-63": "Xgħajra",
+  "MT-64": "Żabbar",
+  "MT-65": "Żebbuġ Għawdex",
+  "MT-66": "Żebbuġ Malta",
+  "MT-67": "Żejtun",
+  "MT-68": "Żurrieq",
+  "MH-L": "Ralik chain",
+  "MH-T": "Ratak chain",
+  "MR-07": "Adrar",
+  "MR-03": "Assaba",
+  "MR-05": "Brakna",
+  "MR-08": "Dakhlet Nouâdhibou",
+  "MR-04": "Gorgol",
+  "MR-10": "Guidimaka",
+  "MR-01": "Hodh ech Chargui",
+  "MR-02": "Hodh el Gharbi",
+  "MR-12": "Inchiri",
+  "MR-09": "Tagant",
+  "MR-11": "Tiris Zemmour",
+  "MR-06": "Trarza",
+  "MU-AG": "Agalega Islands",
+  "MU-BL": "Black River",
+  "MU-CC": "Cargados Carajos Shoals",
+  "MU-FL": "Flacq",
+  "MU-GP": "Grand Port",
+  "MU-MO": "Moka",
+  "MU-PA": "Pamplemousses",
+  "MU-PW": "Plaines Wilhems",
+  "MU-PL": "Port Louis",
+  "MU-RR": "Rivière du Rempart",
+  "MU-RO": "Rodrigues Island",
+  "MU-SA": "Savanne",
+  "MX-AGU": "Aguascalientes",
+  "MX-BCN": "Baja California",
+  "MX-BCS": "Baja California Sur",
+  "MX-CAM": "Campeche",
+  "MX-CMX": "Ciudad de México",
+  "MX-COA": "Coahuila de Zaragoza",
+  "MX-COL": "Colima",
+  "MX-CHP": "Chiapas",
+  "MX-CHH": "Chihuahua",
+  "MX-DUR": "Durango",
+  "MX-GUA": "Guanajuato",
+  "MX-GRO": "Guerrero",
+  "MX-HID": "Hidalgo",
+  "MX-JAL": "Jalisco",
+  "MX-MEX": "México",
+  "MX-MIC": "Michoacán de Ocampo",
+  "MX-MOR": "Morelos",
+  "MX-NAY": "Nayarit",
+  "MX-NLE": "Nuevo León",
+  "MX-OAX": "Oaxaca",
+  "MX-PUE": "Puebla",
+  "MX-QUE": "Querétaro",
+  "MX-ROO": "Quintana Roo",
+  "MX-SLP": "San Luis Potosí",
+  "MX-SIN": "Sinaloa",
+  "MX-SON": "Sonora",
+  "MX-TAB": "Tabasco",
+  "MX-TAM": "Tamaulipas",
+  "MX-TLA": "Tlaxcala",
+  "MX-VER": "Veracruz de Ignacio de la Llave",
+  "MX-YUC": "Yucatán",
+  "MX-ZAC": "Zacatecas",
+  "FM-TRK": "Chuuk",
+  "FM-KSA": "Kosrae",
+  "FM-PNI": "Pohnpei",
+  "FM-YAP": "Yap",
+  "MD-AN": "Anenii Noi",
+  "MD-BS": "Basarabeasca",
+  "MD-BA": "Bălți",
+  "MD-BD": "Bender",
+  "MD-BR": "Briceni",
+  "MD-CA": "Cahul",
+  "MD-CT": "Cantemir",
+  "MD-CL": "Călărași",
+  "MD-CS": "Căușeni",
+  "MD-CU": "Chișinău",
+  "MD-CM": "Cimișlia",
+  "MD-CR": "Criuleni",
+  "MD-DO": "Dondușeni",
+  "MD-DR": "Drochia",
+  "MD-DU": "Dubăsari",
+  "MD-ED": "Edineț",
+  "MD-FA": "Fălești",
+  "MD-FL": "Florești",
+  "MD-GA": "Găgăuzia",
+  "MD-GL": "Glodeni",
+  "MD-HI": "Hîncești",
+  "MD-IA": "Ialoveni",
+  "MD-LE": "Leova",
+  "MD-NI": "Nisporeni",
+  "MD-OC": "Ocnița",
+  "MD-OR": "Orhei",
+  "MD-RE": "Rezina",
+  "MD-RI": "Rîșcani",
+  "MD-SI": "Sîngerei",
+  "MD-SO": "Soroca",
+  "MD-SN": "Stînga Nistrului",
+  "MD-ST": "Strășeni",
+  "MD-SD": "Șoldănești",
+  "MD-SV": "Ștefan Vodă",
+  "MD-TA": "Taraclia",
+  "MD-TE": "Telenești",
+  "MD-UN": "Ungheni",
+  "MC-FO": "Fontvieille",
+  "MC-JE": "Jardin Exotique",
+  "MC-CL": "La Colle",
+  "MC-CO": "La Condamine",
+  "MC-GA": "La Gare",
+  "MC-SO": "La Source",
+  "MC-LA": "Larvotto",
+  "MC-MA": "Malbousquet",
+  "MC-MO": "Monaco-Ville",
+  "MC-MG": "Moneghetti",
+  "MC-MC": "Monte-Carlo",
+  "MC-MU": "Moulins",
+  "MC-PH": "Port-Hercule",
+  "MC-SR": "Saint-Roman",
+  "MC-SD": "Sainte-Dévote",
+  "MC-SP": "Spélugues",
+  "MC-VR": "Vallon de la Rousse",
+  "MN-073": "Arhangay",
+  "MN-069": "Bayanhongor",
+  "MN-071": "Bayan-Ölgiy",
+  "MN-067": "Bulgan",
+  "MN-037": "Darhan uul",
+  "MN-061": "Dornod",
+  "MN-063": "Dornogovĭ",
+  "MN-059": "Dundgovĭ",
+  "MN-057": "Dzavhan",
+  "MN-065": "Govĭ-Altay",
+  "MN-064": "Govĭ-Sümber",
+  "MN-039": "Hentiy",
+  "MN-043": "Hovd",
+  "MN-041": "Hövsgöl",
+  "MN-053": "Ömnögovĭ",
+  "MN-035": "Orhon",
+  "MN-055": "Övörhangay",
+  "MN-049": "Selenge",
+  "MN-051": "Sühbaatar",
+  "MN-047": "Töv",
+  "MN-1": "Ulaanbaatar",
+  "MN-046": "Uvs",
+  "MA-05": "Béni Mellal-Khénifra",
+  "MA-06": "Casablanca-Settat",
+  "MA-12": "Dakhla-Oued Ed-Dahab",
+  "MA-08": "Drâa-Tafilalet",
+  "MA-03": "Fès-Meknès",
+  "MA-10": "Guelmim-Oued Noun",
+  "MA-02": "L'Oriental",
+  "MA-11": "Laâyoune-Sakia El Hamra",
+  "MA-07": "Marrakech-Safi",
+  "MA-04": "Rabat-Salé-Kénitra",
+  "MA-09": "Souss-Massa",
+  "MA-01": "Tanger-Tétouan-Al Hoceïma",
+  "MZ-P": "Cabo Delgado",
+  "MZ-G": "Gaza",
+  "MZ-I": "Inhambane",
+  "MZ-B": "Manica",
+  "MZ-MPM": "Maputo",
+  "MZ-L": "Maputo",
+  "MZ-N": "Nampula",
+  "MZ-A": "Niassa",
+  "MZ-S": "Sofala",
+  "MZ-T": "Tete",
+  "MZ-Q": "Zambézia",
+  "MM-07": "Ayeyarwady",
+  "MM-02": "Bago",
+  "MM-14": "Chin",
+  "MM-11": "Kachin",
+  "MM-12": "Kayah",
+  "MM-13": "Kayin",
+  "MM-03": "Magway",
+  "MM-04": "Mandalay",
+  "MM-15": "Mon",
+  "MM-18": "Nay Pyi Taw",
+  "MM-16": "Rakhine",
+  "MM-01": "Sagaing",
+  "MM-17": "Shan",
+  "MM-05": "Tanintharyi",
+  "MM-06": "Yangon",
+  "NA-ER": "Erongo",
+  "NA-HA": "Hardap",
+  "NA-KA": "//Karas",
+  "NA-KE": "Kavango East",
+  "NA-KW": "Kavango West",
+  "NA-KH": "Khomas",
+  "NA-KU": "Kunene",
+  "NA-OW": "Ohangwena",
+  "NA-OH": "Omaheke",
+  "NA-OS": "Omusati",
+  "NA-ON": "Oshana",
+  "NA-OT": "Oshikoto",
+  "NA-OD": "Otjozondjupa",
+  "NA-CA": "Zambezi",
+  "NR-01": "Aiwo",
+  "NR-02": "Anabar",
+  "NR-03": "Anetan",
+  "NR-04": "Anibare",
+  "NR-05": "Baitsi",
+  "NR-06": "Boe",
+  "NR-07": "Buada",
+  "NR-08": "Denigomodu",
+  "NR-09": "Ewa",
+  "NR-10": "Ijuw",
+  "NR-11": "Meneng",
+  "NR-12": "Nibok",
+  "NR-13": "Uaboe",
+  "NR-14": "Yaren",
+  "NP-P3": "Bāgmatī",
+  "NP-P4": "Gaṇḍakī",
+  "NP-P6": "Karṇālī",
+  "NP-P1": "Koshī",
+  "NP-P5": "Lumbinī",
+  "NP-P2": "Madhesh",
+  "NP-P7": "Sudūrpashchim",
+  "NL-DR": "Drenthe",
+  "NL-FL": "Flevoland",
+  "NL-FR": "Fryslânfy",
+  "NL-GE": "Gelderland",
+  "NL-GR": "Groningen",
+  "NL-LI": "Limburg",
+  "NL-NB": "Noord-Brabant",
+  "NL-NH": "Noord-Holland",
+  "NL-OV": "Overijssel",
+  "NL-UT": "Utrecht",
+  "NL-ZE": "Zeeland",
+  "NL-ZH": "Zuid-Holland",
+  "NZ-AUK": "Auckland",
+  "NZ-BOP": "Bay of Plenty",
+  "NZ-CAN": "Canterbury",
+  "NZ-CIT": "Chatham Islands Territory",
+  "NZ-GIS": "Gisborne",
+  "NZ-WGN": "Greater Wellington",
+  "NZ-HKB": "Hawke's Bay",
+  "NZ-MWT": "Manawatū-Whanganui",
+  "NZ-MBH": "Marlborough",
+  "NZ-NSN": "Nelson",
+  "NZ-NTL": "Northland",
+  "NZ-OTA": "Otago",
+  "NZ-STL": "Southland",
+  "NZ-TKI": "Taranaki",
+  "NZ-TAS": "Tasman",
+  "NZ-WKO": "Waikato",
+  "NZ-WTC": "West Coast",
+  "NI-BO": "Boaco",
+  "NI-CA": "Carazo",
+  "NI-CI": "Chinandega",
+  "NI-CO": "Chontales",
+  "NI-AN": "Costa Caribe Norte",
+  "NI-AS": "Costa Caribe Sur",
+  "NI-ES": "Estelí",
+  "NI-GR": "Granada",
+  "NI-JI": "Jinotega",
+  "NI-LE": "León",
+  "NI-MD": "Madriz",
+  "NI-MN": "Managua",
+  "NI-MS": "Masaya",
+  "NI-MT": "Matagalpa",
+  "NI-NS": "Nueva Segovia",
+  "NI-SJ": "Río San Juan",
+  "NI-RI": "Rivas",
+  "NE-1": "Agadez",
+  "NE-2": "Diffa",
+  "NE-3": "Dosso",
+  "NE-4": "Maradi",
+  "NE-8": "Niamey",
+  "NE-5": "Tahoua",
+  "NE-6": "Tillabéri",
+  "NE-7": "Zinder",
+  "NG-AB": "Abia",
+  "NG-FC": "Abuja Federal Capital Territory",
+  "NG-AD": "Adamawa",
+  "NG-AK": "Akwa Ibom",
+  "NG-AN": "Anambra",
+  "NG-BA": "Bauchi",
+  "NG-BY": "Bayelsa",
+  "NG-BE": "Benue",
+  "NG-BO": "Borno",
+  "NG-CR": "Cross River",
+  "NG-DE": "Delta",
+  "NG-EB": "Ebonyi",
+  "NG-ED": "Edo",
+  "NG-EK": "Ekiti",
+  "NG-EN": "Enugu",
+  "NG-GO": "Gombe",
+  "NG-IM": "Imo",
+  "NG-JI": "Jigawa",
+  "NG-KD": "Kaduna",
+  "NG-KN": "Kano",
+  "NG-KT": "Katsina",
+  "NG-KE": "Kebbi",
+  "NG-KO": "Kogi",
+  "NG-KW": "Kwara",
+  "NG-LA": "Lagos",
+  "NG-NA": "Nasarawa",
+  "NG-NI": "Niger",
+  "NG-OG": "Ogun",
+  "NG-ON": "Ondo",
+  "NG-OS": "Osun",
+  "NG-OY": "Oyo",
+  "NG-PL": "Plateau",
+  "NG-RI": "Rivers",
+  "NG-SO": "Sokoto",
+  "NG-TA": "Taraba",
+  "NG-YO": "Yobe",
+  "NG-ZA": "Zamfara",
+  "MK-801": "Aerodrom",
+  "MK-802": "Aračinovo",
+  "MK-201": "Berovo",
+  "MK-501": "Bitola",
+  "MK-401": "Bogdanci",
+  "MK-601": "Bogovinje",
+  "MK-402": "Bosilovo",
+  "MK-602": "Brvenica",
+  "MK-803": "Butel",
+  "MK-814": "Centar",
+  "MK-313": "Centar Župa",
+  "MK-815": "Čair",
+  "MK-109": "Čaška",
+  "MK-210": "Češinovo-Obleševo",
+  "MK-816": "Čučer-Sandevo",
+  "MK-303": "Debar",
+  "MK-304": "Debrca",
+  "MK-203": "Delčevo",
+  "MK-502": "Demir Hisar",
+  "MK-103": "Demir Kapija",
+  "MK-406": "Dojran",
+  "MK-503": "Dolneni",
+  "MK-804": "Gazi Baba",
+  "MK-405": "Gevgelija",
+  "MK-805": "Gjorče Petrov",
+  "MK-604": "Gostivar",
+  "MK-102": "Gradsko",
+  "MK-807": "Ilinden",
+  "MK-606": "Jegunovce",
+  "MK-205": "Karbinci",
+  "MK-808": "Karpoš",
+  "MK-104": "Kavadarci",
+  "MK-307": "Kičevo",
+  "MK-809": "Kisela Voda",
+  "MK-206": "Kočani",
+  "MK-407": "Konče",
+  "MK-701": "Kratovo",
+  "MK-702": "Kriva Palanka",
+  "MK-504": "Krivogaštani",
+  "MK-505": "Kruševo",
+  "MK-703": "Kumanovo",
+  "MK-704": "Lipkovo",
+  "MK-105": "Lozovo",
+  "MK-207": "Makedonska Kamenica",
+  "MK-308": "Makedonski Brod",
+  "MK-607": "Mavrovo i Rostuše",
+  "MK-506": "Mogila",
+  "MK-106": "Negotino",
+  "MK-507": "Novaci",
+  "MK-408": "Novo Selo",
+  "MK-310": "Ohrid",
+  "MK-208": "Pehčevo",
+  "MK-810": "Petrovec",
+  "MK-311": "Plasnica",
+  "MK-508": "Prilep",
+  "MK-209": "Probištip",
+  "MK-409": "Radoviš",
+  "MK-705": "Rankovce",
+  "MK-509": "Resen",
+  "MK-107": "Rosoman",
+  "MK-811": "Saraj",
+  "MK-812": "Sopište",
+  "MK-706": "Staro Nagoričane",
+  "MK-312": "Struga",
+  "MK-410": "Strumica",
+  "MK-813": "Studeničani",
+  "MK-108": "Sveti Nikole",
+  "MK-211": "Štip",
+  "MK-817": "Šuto Orizari",
+  "MK-608": "Tearce",
+  "MK-609": "Tetovo",
+  "MK-403": "Valandovo",
+  "MK-404": "Vasilevo",
+  "MK-101": "Veles",
+  "MK-301": "Vevčani",
+  "MK-202": "Vinica",
+  "MK-603": "Vrapčište",
+  "MK-806": "Zelenikovo",
+  "MK-204": "Zrnovci",
+  "MK-605": "Želino",
+  "NO-42": "Agder",
+  "NO-34": "Innlandet",
+  "NO-22": "Jan Mayen",
+  "NO-15": "Møre og Romsdal",
+  "NO-18": "Nordland",
+  "NO-03": "Oslo",
+  "NO-11": "Rogaland",
+  "NO-21": "Svalbard",
+  "NO-54": "Troms og Finnmarksefkv",
+  "NO-50": "Trøndelagsma",
+  "NO-38": "Vestfold og Telemark",
+  "NO-46": "Vestland",
+  "NO-30": "Viken",
+  "OM-DA": "Ad Dākhilīyah",
+  "OM-BU": "Al Buraymī",
+  "OM-WU": "Al Wusţá",
+  "OM-ZA": "Az̧ Z̧āhirah",
+  "OM-BJ": "Janūb al Bāţinah",
+  "OM-SJ": "Janūb ash Sharqīyah",
+  "OM-MA": "Masqaţ",
+  "OM-MU": "Musandam",
+  "OM-BS": "Shamāl al Bāţinah",
+  "OM-SS": "Shamāl ash Sharqīyah",
+  "OM-ZU": "Z̧ufār",
+  "PK-JK": "Āzād Jammūñ o Kashmīr",
+  "PK-BA": "Balōchistān",
+  "PK-GB": "Gilgit-Baltistān",
+  "PK-IS": "Islāmābād",
+  "PK-KP": "Khaībar Pakhtūnkhwā",
+  "PK-PB": "Panjāb",
+  "PK-SD": "Sindh",
+  "PW-002": "Aimeliik",
+  "PW-004": "Airai",
+  "PW-010": "Angaur",
+  "PW-050": "Hatohobei",
+  "PW-100": "Kayangel",
+  "PW-150": "Koror",
+  "PW-212": "Melekeok",
+  "PW-214": "Ngaraard",
+  "PW-218": "Ngarchelong",
+  "PW-222": "Ngardmau",
+  "PW-224": "Ngatpang",
+  "PW-226": "Ngchesar",
+  "PW-227": "Ngeremlengui",
+  "PW-228": "Ngiwal",
+  "PW-350": "Peleliu",
+  "PW-370": "Sonsorol",
+  "PS-BTH": "Bayt Laḩm",
+  "PS-DEB": "Dayr al Balaḩ",
+  "PS-GZA": "Ghazzah",
+  "PS-HBN": "Al Khalīl",
+  "PS-JEN": "Janīn",
+  "PS-JRH": "Arīḩā wal Aghwār",
+  "PS-JEM": "Al Quds",
+  "PS-KYS": "Khān Yūnis",
+  "PS-NBS": "Nāblus",
+  "PS-NGZ": "Shamāl Ghazzah",
+  "PS-QQA": "Qalqīlyah",
+  "PS-RFH": "Rafaḩ",
+  "PS-RBH": "Rām Allāh wal Bīrah",
+  "PS-SLT": "Salfīt",
+  "PS-TBS": "Ţūbās",
+  "PS-TKM": "Ţūlkarm",
+  "PA-1": "Bocas del Toro",
+  "PA-4": "Chiriquí",
+  "PA-2": "Coclé",
+  "PA-3": "Colón",
+  "PA-5": "Darién",
+  "PA-EM": "Emberá",
+  "PA-KY": "Guna Yala",
+  "PA-6": "Herrera",
+  "PA-7": "Los Santos",
+  "PA-NT": "Naso Tjër Di",
+  "PA-NB": "Ngäbe-Buglé",
+  "PA-8": "Panamá",
+  "PA-10": "Panamá Oeste",
+  "PA-9": "Veraguas",
+  "PG-NSB": "Bougainville",
+  "PG-CPM": "Central",
+  "PG-CPK": "Chimbu",
+  "PG-EBR": "East New Britain",
+  "PG-ESW": "East Sepik",
+  "PG-EHG": "Eastern Highlands",
+  "PG-EPW": "Enga",
+  "PG-GPK": "Gulf",
+  "PG-HLA": "Hela",
+  "PG-JWK": "Jiwaka",
+  "PG-MPM": "Madang",
+  "PG-MRL": "Manus",
+  "PG-MBA": "Milne Bay",
+  "PG-MPL": "Morobe",
+  "PG-NCD": "National Capital District",
+  "PG-NIK": "New Ireland",
+  "PG-NPP": "Northern",
+  "PG-SHM": "Southern Highlands",
+  "PG-WBK": "West New Britain",
+  "PG-SAN": "West Sepik",
+  "PG-WPD": "Western",
+  "PG-WHM": "Western Highlands",
+  "PY-16": "Alto Paraguay",
+  "PY-10": "Alto Paraná",
+  "PY-13": "Amambay",
+  "PY-ASU": "Asunción",
+  "PY-19": "Boquerón",
+  "PY-5": "Caaguazú",
+  "PY-6": "Caazapá",
+  "PY-14": "Canindeyú",
+  "PY-11": "Central",
+  "PY-1": "Concepción",
+  "PY-3": "Cordillera",
+  "PY-4": "Guairá",
+  "PY-7": "Itapúa",
+  "PY-8": "Misiones",
+  "PY-12": "Ñeembucú",
+  "PY-9": "Paraguarí",
+  "PY-15": "Presidente Hayes",
+  "PY-2": "San Pedro",
+  "PE-AMA": "Amazonas",
+  "PE-ANC": "Ancash",
+  "PE-APU": "Apurímac",
+  "PE-ARE": "Arequipa",
+  "PE-AYA": "Ayacucho",
+  "PE-CAJ": "Cajamarca",
+  "PE-CUS": "Cusco",
+  "PE-CAL": "El Callao",
+  "PE-HUV": "Huancavelica",
+  "PE-HUC": "Huánuco",
+  "PE-ICA": "Ica",
+  "PE-JUN": "Junín",
+  "PE-LAL": "La Libertad",
+  "PE-LAM": "Lambayeque",
+  "PE-LIM": "Lima",
+  "PE-LOR": "Loreto",
+  "PE-MDD": "Madre de Dios",
+  "PE-MOQ": "Moquegua",
+  "PE-LMA": "Municipalidad Metropolitana de Lima",
+  "PE-PAS": "Pasco",
+  "PE-PIU": "Piura",
+  "PE-PUN": "Puno",
+  "PE-SAM": "San Martín",
+  "PE-TAC": "Tacna",
+  "PE-TUM": "Tumbes",
+  "PE-UCA": "Ucayali",
+  "PH-14": "Autonomous Region in Muslim Mindanao[b]",
+  "PH-05": "Bicol",
+  "PH-02": "Cagayan Valley",
+  "PH-40": "Calabarzon",
+  "PH-13": "Caraga",
+  "PH-03": "Central Luzon",
+  "PH-07": "Central Visayas",
+  "PH-15": "Cordillera Administrative Region",
+  "PH-11": "Davao",
+  "PH-08": "Eastern Visayas",
+  "PH-01": "Ilocos",
+  "PH-41": "Mimaropa",
+  "PH-00": "National Capital Region",
+  "PH-10": "Northern Mindanao",
+  "PH-12": "Soccsksargen",
+  "PH-06": "Western Visayas",
+  "PH-09": "Zamboanga Peninsula",
+  "PL-02": "Dolnośląskie",
+  "PL-04": "Kujawsko-Pomorskie",
+  "PL-06": "Lubelskie",
+  "PL-08": "Lubuskie",
+  "PL-10": "Łódzkie",
+  "PL-12": "Małopolskie",
+  "PL-14": "Mazowieckie",
+  "PL-16": "Opolskie",
+  "PL-18": "Podkarpackie",
+  "PL-20": "Podlaskie",
+  "PL-22": "Pomorskie",
+  "PL-24": "Śląskie",
+  "PL-26": "Świętokrzyskie",
+  "PL-28": "Warmińsko-Mazurskie",
+  "PL-30": "Wielkopolskie",
+  "PL-32": "Zachodniopomorskie",
+  "PT-01": "Aveiro",
+  "PT-02": "Beja",
+  "PT-03": "Braga",
+  "PT-04": "Bragança",
+  "PT-05": "Castelo Branco",
+  "PT-06": "Coimbra",
+  "PT-07": "Évora",
+  "PT-08": "Faro",
+  "PT-09": "Guarda",
+  "PT-10": "Leiria",
+  "PT-11": "Lisboa",
+  "PT-12": "Portalegre",
+  "PT-13": "Porto",
+  "PT-30": "Região Autónoma da Madeira",
+  "PT-20": "Região Autónoma dos Açores",
+  "PT-14": "Santarém",
+  "PT-15": "Setúbal",
+  "PT-16": "Viana do Castelo",
+  "PT-17": "Vila Real",
+  "PT-18": "Viseu",
+  "QA-DA": "Ad Dawḩah",
+  "QA-KH": "Al Khawr wa adh Dhakhīrah",
+  "QA-WA": "Al Wakrah",
+  "QA-RA": "Ar Rayyān",
+  "QA-MS": "Ash Shamāl",
+  "QA-SH": "Ash Shīḩānīyah",
+  "QA-ZA": "Az̧ Z̧a‘āyin",
+  "QA-US": "Umm Şalāl",
+  "RO-AB": "Alba",
+  "RO-AR": "Arad",
+  "RO-AG": "Argeș",
+  "RO-BC": "Bacău",
+  "RO-BH": "Bihor",
+  "RO-BN": "Bistrița-Năsăud",
+  "RO-BT": "Botoșani",
+  "RO-BV": "Brașov",
+  "RO-BR": "Brăila",
+  "RO-B": "București",
+  "RO-BZ": "Buzău",
+  "RO-CS": "Caraș-Severin",
+  "RO-CL": "Călărași",
+  "RO-CJ": "Cluj",
+  "RO-CT": "Constanța",
+  "RO-CV": "Covasna",
+  "RO-DB": "Dâmbovița",
+  "RO-DJ": "Dolj",
+  "RO-GL": "Galați",
+  "RO-GR": "Giurgiu",
+  "RO-GJ": "Gorj",
+  "RO-HR": "Harghita",
+  "RO-HD": "Hunedoara",
+  "RO-IL": "Ialomița",
+  "RO-IS": "Iași",
+  "RO-IF": "Ilfov",
+  "RO-MM": "Maramureș",
+  "RO-MH": "Mehedinți",
+  "RO-MS": "Mureș",
+  "RO-NT": "Neamț",
+  "RO-OT": "Olt",
+  "RO-PH": "Prahova",
+  "RO-SM": "Satu Mare",
+  "RO-SJ": "Sălaj",
+  "RO-SB": "Sibiu",
+  "RO-SV": "Suceava",
+  "RO-TR": "Teleorman",
+  "RO-TM": "Timiș",
+  "RO-TL": "Tulcea",
+  "RO-VS": "Vaslui",
+  "RO-VL": "Vâlcea",
+  "RO-VN": "Vrancea",
+  "RU-AD": "Adygeya",
+  "RU-AL": "Altay",
+  "RU-ALT": "Altayskiy kray",
+  "RU-AMU": "Amurskaya oblast'",
+  "RU-ARK": "Arkhangel'skaya oblast'",
+  "RU-AST": "Astrakhanskaya oblast'",
+  "RU-BA": "Bashkortostan",
+  "RU-BEL": "Belgorodskaya oblast'",
+  "RU-BRY": "Bryanskaya oblast'",
+  "RU-BU": "Buryatiya",
+  "RU-CE": "Chechenskaya Respublika",
+  "RU-CHE": "Chelyabinskaya oblast'",
+  "RU-CHU": "Chukotskiy avtonomnyy okrug",
+  "RU-CU": "Chuvashskaya Respublika",
+  "RU-DA": "Dagestan",
+  "RU-IN": "Ingushetiya",
+  "RU-IRK": "Irkutskaya oblast'",
+  "RU-IVA": "Ivanovskaya oblast'",
+  "RU-KB": "Kabardino-BalkarskayaRespublika",
+  "RU-KGD": "Kaliningradskaya oblast'",
+  "RU-KL": "Kalmykiya",
+  "RU-KLU": "Kaluzhskaya oblast'",
+  "RU-KAM": "Kamchatskiy kray",
+  "RU-KC": "Karachayevo-CherkesskayaRespublika",
+  "RU-KR": "Kareliya",
+  "RU-KEM": "Kemerovskaya oblast'",
+  "RU-KHA": "Khabarovskiy kray",
+  "RU-KK": "Khakasiya",
+  "RU-KHM": "Khanty-Mansiyskiyavtonomnyy okrug",
+  "RU-KIR": "Kirovskaya oblast'",
+  "RU-KO": "Komi",
+  "RU-KOS": "Kostromskaya oblast'",
+  "RU-KDA": "Krasnodarskiy kray",
+  "RU-KYA": "Krasnoyarskiy kray",
+  "RU-KGN": "Kurganskaya oblast'",
+  "RU-KRS": "Kurskaya oblast'",
+  "RU-LEN": "Leningradskayaoblast'",
+  "RU-LIP": "Lipetskaya oblast'",
+  "RU-MAG": "Magadanskaya oblast'",
+  "RU-ME": "Mariy El",
+  "RU-MO": "Mordoviya",
+  "RU-MOS": "Moskovskaya oblast'",
+  "RU-MOW": "Moskva",
+  "RU-MUR": "Murmanskaya oblast'",
+  "RU-NEN": "Nenetskiyavtonomnyy okrug",
+  "RU-NIZ": "Nizhegorodskaya oblast'",
+  "RU-NGR": "Novgorodskaya oblast'",
+  "RU-NVS": "Novosibirskayaoblast'",
+  "RU-OMS": "Omskaya oblast'",
+  "RU-ORE": "Orenburgskaya oblast'",
+  "RU-ORL": "Orlovskaya oblast'",
+  "RU-PNZ": "Penzenskaya oblast'",
+  "RU-PER": "Permskiy kray",
+  "RU-PRI": "Primorskiy kray",
+  "RU-PSK": "Pskovskaya oblast'",
+  "RU-ROS": "Rostovskaya oblast'",
+  "RU-RYA": "Ryazanskaya oblast'",
+  "RU-SA": "Saha",
+  "RU-SAK": "Sakhalinskaya oblast'",
+  "RU-SAM": "Samarskaya oblast'",
+  "RU-SPE": "Sankt-Peterburg",
+  "RU-SAR": "Saratovskaya oblast'",
+  "RU-SE": "Severnaya Osetiya",
+  "RU-SMO": "Smolenskaya oblast'",
+  "RU-STA": "Stavropol'skiy kray",
+  "RU-SVE": "Sverdlovskaya oblast'",
+  "RU-TAM": "Tambovskaya oblast'",
+  "RU-TA": "Tatarstan",
+  "RU-TOM": "Tomskaya oblast'",
+  "RU-TUL": "Tul'skaya oblast'",
+  "RU-TVE": "Tverskaya oblast'",
+  "RU-TYU": "Tyumenskaya oblast'",
+  "RU-TY": "Tyva",
+  "RU-UD": "Udmurtskaya Respublika",
+  "RU-ULY": "Ul'yanovskaya oblast'",
+  "RU-VLA": "Vladimirskayaoblast'",
+  "RU-VGG": "Volgogradskayaoblast'",
+  "RU-VLG": "Vologodskaya oblast'",
+  "RU-VOR": "Voronezhskaya oblast'",
+  "RU-YAN": "Yamalo-Nenetskiyavtonomnyy okrug",
+  "RU-YAR": "Yaroslavskaya oblast'",
+  "RU-YEV": "Yevreyskaya avtonomnaya oblast'",
+  "RU-ZAB": "Zabaykal'skiy kray",
+  "RW-01": "City of Kigali",
+  "RW-02": "Eastern",
+  "RW-03": "Northern",
+  "RW-05": "Southern",
+  "RW-04": "Western",
+  "SH-AC": "Ascension",
+  "SH-HL": "Saint Helena",
+  "SH-TA": "Tristan da Cunha",
+  "KN-K": "Saint Kitts",
+  "KN-N": "Nevis",
+  "LC-01": "Anse la Raye",
+  "LC-12": "Canaries",
+  "LC-02": "Castries",
+  "LC-03": "Choiseul",
+  "LC-05": "Dennery",
+  "LC-06": "Gros Islet",
+  "LC-07": "Laborie",
+  "LC-08": "Micoud",
+  "LC-10": "Soufrière",
+  "LC-11": "Vieux Fort",
+  "VC-01": "Charlotte",
+  "VC-06": "Grenadines",
+  "VC-02": "Saint Andrew",
+  "VC-03": "Saint David",
+  "VC-04": "Saint George",
+  "VC-05": "Saint Patrick",
+  "WS-AA": "A'ana",
+  "WS-AL": "Aiga-i-le-Tai",
+  "WS-AT": "Atua",
+  "WS-FA": "Fa'asaleleaga",
+  "WS-GE": "Gaga'emauga",
+  "WS-GI": "Gagaifomauga",
+  "WS-PA": "Palauli",
+  "WS-SA": "Satupa'itea",
+  "WS-TU": "Tuamasaga",
+  "WS-VF": "Va'a-o-Fonoti",
+  "WS-VS": "Vaisigano",
+  "SM-01": "Acquaviva",
+  "SM-06": "Borgo Maggiore",
+  "SM-02": "Chiesanuova",
+  "SM-07": "Città di San Marino",
+  "SM-03": "Domagnano",
+  "SM-04": "Faetano",
+  "SM-05": "Fiorentino",
+  "SM-08": "Montegiardino",
+  "SM-09": "Serravalle",
+  "ST-01": "Água Grande",
+  "ST-02": "Cantagalo",
+  "ST-03": "Caué",
+  "ST-04": "Lembá",
+  "ST-05": "Lobata",
+  "ST-06": "Mé-Zóchi",
+  "ST-P": "Príncipe",
+  "SA-14": "'Asīr",
+  "SA-11": "Al Bāḩah",
+  "SA-08": "Al Ḩudūd ash Shamālīyah",
+  "SA-12": "Al Jawf",
+  "SA-03": "Al Madīnah al Munawwarah",
+  "SA-05": "Al Qaşīm",
+  "SA-01": "Ar Riyāḑ",
+  "SA-04": "Ash Sharqīyah",
+  "SA-06": "Ḩā'il",
+  "SA-09": "Jāzān",
+  "SA-02": "Makkah al Mukarramah",
+  "SA-10": "Najrān",
+  "SA-07": "Tabūk",
+  "SN-DK": "Dakar",
+  "SN-DB": "Diourbel",
+  "SN-FK": "Fatick",
+  "SN-KA": "Kaffrine",
+  "SN-KL": "Kaolack",
+  "SN-KE": "Kédougou",
+  "SN-KD": "Kolda",
+  "SN-LG": "Louga",
+  "SN-MT": "Matam",
+  "SN-SL": "Saint-Louis",
+  "SN-SE": "Sédhiou",
+  "SN-TC": "Tambacounda",
+  "SN-TH": "Thiès",
+  "SN-ZG": "Ziguinchor",
+  "SC-01": "Anse aux Pins",
+  "SC-02": "Anse Boileau",
+  "SC-03": "Anse Etoile",
+  "SC-05": "Anse Royale",
+  "SC-04": "Au Cap",
+  "SC-06": "Baie Lazare",
+  "SC-07": "Baie Sainte Anne",
+  "SC-08": "Beau Vallon",
+  "SC-09": "Bel Air",
+  "SC-10": "Bel Ombre",
+  "SC-11": "Cascade",
+  "SC-16": "English River",
+  "SC-12": "Glacis",
+  "SC-13": "Grand Anse Mahe",
+  "SC-14": "Grand Anse Praslin",
+  "SC-26": "Ile Perseverance I",
+  "SC-27": "Ile Perseverance II",
+  "SC-15": "La Digue",
+  "SC-24": "Les Mamelles",
+  "SC-17": "Mont Buxton",
+  "SC-18": "Mont Fleuri",
+  "SC-19": "Plaisance",
+  "SC-20": "Pointe Larue",
+  "SC-21": "Port Glaud",
+  "SC-25": "Roche Caiman",
+  "SC-22": "Saint Louis",
+  "SC-23": "Takamaka",
+  "SL-E": "Eastern",
+  "SL-NW": "North Western",
+  "SL-N": "Northern",
+  "SL-S": "Southern",
+  "SL-W": "Western Area",
+  "SG-01": "Central Singapore",
+  "SG-02": "North East",
+  "SG-03": "North West",
+  "SG-04": "South East",
+  "SG-05": "South West",
+  "SK-BC": "Banskobystrický kraj",
+  "SK-BL": "Bratislavský kraj",
+  "SK-KI": "Košický kraj",
+  "SK-NI": "Nitriansky kraj",
+  "SK-PV": "Prešovský kraj",
+  "SK-TC": "Trenčiansky kraj",
+  "SK-TA": "Trnavský kraj",
+  "SK-ZI": "Žilinský kraj",
+  "SI-001": "Ajdovščina",
+  "SI-213": "Ankaran",
+  "SI-195": "Apače",
+  "SI-002": "Beltinci",
+  "SI-148": "Benedikt",
+  "SI-149": "Bistrica ob Sotli",
+  "SI-003": "Bled",
+  "SI-150": "Bloke",
+  "SI-004": "Bohinj",
+  "SI-005": "Borovnica",
+  "SI-006": "Bovec",
+  "SI-151": "Braslovče",
+  "SI-007": "Brda",
+  "SI-008": "Brezovica",
+  "SI-009": "Brežice",
+  "SI-152": "Cankova",
+  "SI-011": "Celje",
+  "SI-012": "Cerklje na Gorenjskem",
+  "SI-013": "Cerknica",
+  "SI-014": "Cerkno",
+  "SI-153": "Cerkvenjak",
+  "SI-196": "Cirkulane",
+  "SI-015": "Črenšovci",
+  "SI-016": "Črna na Koroškem",
+  "SI-017": "Črnomelj",
+  "SI-018": "Destrnik",
+  "SI-019": "Divača",
+  "SI-154": "Dobje",
+  "SI-020": "Dobrepolje",
+  "SI-155": "Dobrna",
+  "SI-021": "Dobrova-Polhov Gradec",
+  "SI-156": "Dobrovnik",
+  "SI-022": "Dol pri Ljubljani",
+  "SI-157": "Dolenjske Toplice",
+  "SI-023": "Domžale",
+  "SI-024": "Dornava",
+  "SI-025": "Dravograd",
+  "SI-026": "Duplek",
+  "SI-027": "Gorenja vas-Poljane",
+  "SI-028": "Gorišnica",
+  "SI-207": "Gorje",
+  "SI-029": "Gornja Radgona",
+  "SI-030": "Gornji Grad",
+  "SI-031": "Gornji Petrovci",
+  "SI-158": "Grad",
+  "SI-032": "Grosuplje",
+  "SI-159": "Hajdina",
+  "SI-160": "Hoče-Slivnica",
+  "SI-161": "Hodoš",
+  "SI-162": "Horjul",
+  "SI-034": "Hrastnik",
+  "SI-035": "Hrpelje-Kozina",
+  "SI-036": "Idrija",
+  "SI-037": "Ig",
+  "SI-038": "Ilirska Bistrica",
+  "SI-039": "Ivančna Gorica",
+  "SI-040": "Izola",
+  "SI-041": "Jesenice",
+  "SI-163": "Jezersko",
+  "SI-042": "Juršinci",
+  "SI-043": "Kamnik",
+  "SI-044": "Kanal ob Soči",
+  "SI-045": "Kidričevo",
+  "SI-046": "Kobarid",
+  "SI-047": "Kobilje",
+  "SI-048": "Kočevje",
+  "SI-049": "Komen",
+  "SI-164": "Komenda",
+  "SI-050": "Koper",
+  "SI-197": "Kostanjevica na Krki",
+  "SI-165": "Kostel",
+  "SI-051": "Kozje",
+  "SI-052": "Kranj",
+  "SI-053": "Kranjska Gora",
+  "SI-166": "Križevci",
+  "SI-054": "Krško",
+  "SI-055": "Kungota",
+  "SI-056": "Kuzma",
+  "SI-057": "Laško",
+  "SI-058": "Lenart",
+  "SI-059": "Lendava",
+  "SI-060": "Litija",
+  "SI-061": "Ljubljana",
+  "SI-062": "Ljubno",
+  "SI-063": "Ljutomer",
+  "SI-208": "Log-Dragomer",
+  "SI-064": "Logatec",
+  "SI-065": "Loška dolina",
+  "SI-066": "Loški Potok",
+  "SI-167": "Lovrenc na Pohorju",
+  "SI-067": "Luče",
+  "SI-068": "Lukovica",
+  "SI-069": "Majšperk",
+  "SI-198": "Makole",
+  "SI-070": "Maribor",
+  "SI-168": "Markovci",
+  "SI-071": "Medvode",
+  "SI-072": "Mengeš",
+  "SI-073": "Metlika",
+  "SI-074": "Mežica",
+  "SI-169": "Miklavž na Dravskem polju",
+  "SI-075": "Miren-Kostanjevica",
+  "SI-212": "Mirna",
+  "SI-170": "Mirna Peč",
+  "SI-076": "Mislinja",
+  "SI-199": "Mokronog-Trebelno",
+  "SI-077": "Moravče",
+  "SI-078": "Moravske Toplice",
+  "SI-079": "Mozirje",
+  "SI-080": "Murska Sobota",
+  "SI-081": "Muta",
+  "SI-082": "Naklo",
+  "SI-083": "Nazarje",
+  "SI-084": "Nova Gorica",
+  "SI-085": "Novo Mesto",
+  "SI-086": "Odranci",
+  "SI-171": "Oplotnica",
+  "SI-087": "Ormož",
+  "SI-088": "Osilnica",
+  "SI-089": "Pesnica",
+  "SI-090": "Piran",
+  "SI-091": "Pivka",
+  "SI-092": "Podčetrtek",
+  "SI-172": "Podlehnik",
+  "SI-093": "Podvelka",
+  "SI-200": "Poljčane",
+  "SI-173": "Polzela",
+  "SI-094": "Postojna",
+  "SI-174": "Prebold",
+  "SI-095": "Preddvor",
+  "SI-175": "Prevalje",
+  "SI-096": "Ptuj",
+  "SI-097": "Puconci",
+  "SI-098": "Rače-Fram",
+  "SI-099": "Radeče",
+  "SI-100": "Radenci",
+  "SI-101": "Radlje ob Dravi",
+  "SI-102": "Radovljica",
+  "SI-103": "Ravne na Koroškem",
+  "SI-176": "Razkrižje",
+  "SI-209": "Rečica ob Savinji",
+  "SI-201": "Renče-Vogrsko",
+  "SI-104": "Ribnica",
+  "SI-177": "Ribnica na Pohorju",
+  "SI-106": "Rogaška Slatina",
+  "SI-105": "Rogašovci",
+  "SI-107": "Rogatec",
+  "SI-108": "Ruše",
+  "SI-178": "Selnica ob Dravi",
+  "SI-109": "Semič",
+  "SI-110": "Sevnica",
+  "SI-111": "Sežana",
+  "SI-112": "Slovenj Gradec",
+  "SI-113": "Slovenska Bistrica",
+  "SI-114": "Slovenske Konjice",
+  "SI-179": "Sodražica",
+  "SI-180": "Solčava",
+  "SI-202": "Središče ob Dravi",
+  "SI-115": "Starše",
+  "SI-203": "Straža",
+  "SI-181": "Sveta Ana",
+  "SI-204": "Sveta Trojica v Slovenskih goricah",
+  "SI-182": "Sveti Andraž v Slovenskih goricah",
+  "SI-116": "Sveti Jurij ob Ščavnici",
+  "SI-210": "Sveti Jurij v Slovenskih goricah",
+  "SI-205": "Sveti Tomaž",
+  "SI-033": "Šalovci",
+  "SI-183": "Šempeter-Vrtojba",
+  "SI-117": "Šenčur",
+  "SI-118": "Šentilj",
+  "SI-119": "Šentjernej",
+  "SI-120": "Šentjur",
+  "SI-211": "Šentrupert",
+  "SI-121": "Škocjan",
+  "SI-122": "Škofja Loka",
+  "SI-123": "Škofljica",
+  "SI-124": "Šmarje pri Jelšah",
+  "SI-206": "Šmarješke Toplice",
+  "SI-125": "Šmartno ob Paki",
+  "SI-194": "Šmartno pri Litiji",
+  "SI-126": "Šoštanj",
+  "SI-127": "Štore",
+  "SI-184": "Tabor",
+  "SI-010": "Tišina",
+  "SI-128": "Tolmin",
+  "SI-129": "Trbovlje",
+  "SI-130": "Trebnje",
+  "SI-185": "Trnovska Vas",
+  "SI-186": "Trzin",
+  "SI-131": "Tržič",
+  "SI-132": "Turnišče",
+  "SI-133": "Velenje",
+  "SI-187": "Velika Polana",
+  "SI-134": "Velike Lašče",
+  "SI-188": "Veržej",
+  "SI-135": "Videm",
+  "SI-136": "Vipava",
+  "SI-137": "Vitanje",
+  "SI-138": "Vodice",
+  "SI-139": "Vojnik",
+  "SI-189": "Vransko",
+  "SI-140": "Vrhnika",
+  "SI-141": "Vuzenica",
+  "SI-142": "Zagorje ob Savi",
+  "SI-143": "Zavrč",
+  "SI-144": "Zreče",
+  "SI-190": "Žalec",
+  "SI-146": "Železniki",
+  "SI-191": "Žetale",
+  "SI-147": "Žiri",
+  "SI-192": "Žirovnica",
+  "SI-193": "Žužemberk",
+  "SB-CT": "Capital Territory",
+  "SB-CE": "Central",
+  "SB-CH": "Choiseul",
+  "SB-GU": "Guadalcanal",
+  "SB-IS": "Isabel",
+  "SB-MK": "Makira-Ulawa",
+  "SB-ML": "Malaita",
+  "SB-RB": "Rennell and Bellona",
+  "SB-TE": "Temotu",
+  "SB-WE": "Western",
+  "SO-AW": "Awdal",
+  "SO-BK": "Bakool",
+  "SO-BN": "Banaadir",
+  "SO-BR": "Bari",
+  "SO-BY": "Bay",
+  "SO-GA": "Galguduud",
+  "SO-GE": "Gedo",
+  "SO-HI": "Hiiraan",
+  "SO-JD": "Jubbada Dhexe",
+  "SO-JH": "Jubbada Hoose",
+  "SO-MU": "Mudug",
+  "SO-NU": "Nugaal",
+  "SO-SA": "Sanaag",
+  "SO-SD": "Shabeellaha Dhexe",
+  "SO-SH": "Shabeellaha Hoose",
+  "SO-SO": "Sool",
+  "SO-TO": "Togdheer",
+  "SO-WO": "Woqooyi Galbeed",
+  "ZA-EC": "Eastern Cape",
+  "ZA-FS": "Free State",
+  "ZA-GP": "Gauteng",
+  "ZA-KZN": "Kwazulu-Natal",
+  "ZA-LP": "Limpopo",
+  "ZA-MP": "Mpumalanga",
+  "ZA-NW": "North-West",
+  "ZA-NC": "Northern Cape",
+  "ZA-WC": "Western Cape",
+  "ES-AN": "Andalucía",
+  "ES-AR": "Aragón",
+  "ES-AS": "Asturias",
+  "ES-CN": "Canarias",
+  "ES-CB": "Cantabria",
+  "ES-CL": "Castilla y León",
+  "ES-CM": "Castilla-La Mancha",
+  "ES-CT": "Catalunya",
+  "ES-CE": "Ceuta",
+  "ES-EX": "Extremadura",
+  "ES-GA": "Galicia",
+  "ES-IB": "Illes Balears",
+  "ES-RI": "La Rioja",
+  "ES-MD": "Madrid",
+  "ES-ML": "Melilla",
+  "ES-MC": "Murcia",
+  "ES-NC": "Navarra",
+  "ES-PV": "País Vasco",
+  "ES-VC": "Valenciana",
+  "LK-1": "Basnāhira paḷāta",
+  "LK-3": "Dakuṇu paḷāta",
+  "LK-2": "Madhyama paḷāta",
+  "LK-5": "Næ̆gĕnahira paḷāta",
+  "LK-9": "Sabaragamuva paḷāta",
+  "LK-4": "Uturu paḷāta",
+  "LK-7": "Uturumæ̆da paḷāta",
+  "LK-8": "Ūva paḷāta",
+  "LK-6": "Vayamba paḷāta",
+  "SD-RS": "Al Baḩr al Aḩmar",
+  "SD-GZ": "Al Jazīrah",
+  "SD-KH": "Al Kharţūm",
+  "SD-GD": "Al Qaḑārif",
+  "SD-NW": "An Nīl al Abyaḑ",
+  "SD-NB": "An Nīl al Azraq",
+  "SD-NO": "Ash Shamālīyah",
+  "SD-DW": "Gharb Dārfūr",
+  "SD-GK": "Gharb Kurdufān",
+  "SD-DS": "Janūb Dārfūr",
+  "SD-KS": "Janūb Kurdufān",
+  "SD-KA": "Kassalā",
+  "SD-NR": "Nahr an Nīl",
+  "SD-DN": "Shamāl Dārfūr",
+  "SD-KN": "Shamāl Kurdufān",
+  "SD-DE": "Sharq Dārfūr",
+  "SD-SI": "Sinnār",
+  "SD-DC": "Wasaţ Dārfūr",
+  "SR-BR": "Brokopondo",
+  "SR-CM": "Commewijne",
+  "SR-CR": "Coronie",
+  "SR-MA": "Marowijne",
+  "SR-NI": "Nickerie",
+  "SR-PR": "Para",
+  "SR-PM": "Paramaribo",
+  "SR-SA": "Saramacca",
+  "SR-SI": "Sipaliwini",
+  "SR-WA": "Wanica",
+  "SZ-HH": "Hhohho",
+  "SZ-LU": "Lubombo",
+  "SZ-MA": "Manzini",
+  "SZ-SH": "Shiselweni",
+  "SE-K": "Blekinge län",
+  "SE-W": "Dalarnas län",
+  "SE-I": "Gotlands län",
+  "SE-X": "Gävleborgs län",
+  "SE-N": "Hallands län",
+  "SE-Z": "Jämtlands län",
+  "SE-F": "Jönköpings län",
+  "SE-H": "Kalmar län",
+  "SE-G": "Kronobergs län",
+  "SE-BD": "Norrbottens län",
+  "SE-M": "Skåne län",
+  "SE-AB": "Stockholms län",
+  "SE-D": "Södermanlands län",
+  "SE-C": "Uppsala län",
+  "SE-S": "Värmlands län",
+  "SE-AC": "Västerbottens län",
+  "SE-Y": "Västernorrlands län",
+  "SE-U": "Västmanlands län",
+  "SE-O": "Västra Götalands län",
+  "SE-T": "Örebro län",
+  "SE-E": "Östergötlands län",
+  "CH-AG": "Aargau",
+  "CH-AR": "Appenzell Ausserrhoden",
+  "CH-AI": "Appenzell Innerrhoden",
+  "CH-BL": "Basel-Landschaft",
+  "CH-BS": "Basel-Stadt",
+  "CH-BE": "Bern",
+  "CH-FR": "Fribourg",
+  "CH-GE": "Genève",
+  "CH-GL": "Glarus",
+  "CH-GR": "Graubünden",
+  "CH-JU": "Jura",
+  "CH-LU": "Luzern",
+  "CH-NE": "Neuchâtel",
+  "CH-NW": "Nidwalden",
+  "CH-OW": "Obwalden",
+  "CH-SG": "Sankt Gallen",
+  "CH-SH": "Schaffhausen",
+  "CH-SZ": "Schwyz",
+  "CH-SO": "Solothurn",
+  "CH-TG": "Thurgau",
+  "CH-TI": "Ticino",
+  "CH-UR": "Uri",
+  "CH-VS": "Valais",
+  "CH-VD": "Vaud",
+  "CH-ZG": "Zug",
+  "CH-ZH": "Zürich",
+  "SY-HA": "Al Ḩasakah",
+  "SY-LA": "Al Lādhiqīyah",
+  "SY-QU": "Al Qunayţirah",
+  "SY-RA": "Ar Raqqah",
+  "SY-SU": "As Suwaydā'",
+  "SY-DR": "Dar'ā",
+  "SY-DY": "Dayr az Zawr",
+  "SY-DI": "Dimashq",
+  "SY-HL": "Ḩalab",
+  "SY-HM": "Ḩamāh",
+  "SY-HI": "Ḩimş",
+  "SY-ID": "Idlib",
+  "SY-RD": "Rīf Dimashq",
+  "SY-TA": "Ţarţūs",
+  "TW-CHA": "Changhua",
+  "TW-CYI": "Chiayi",
+  "TW-CYQ": "Chiayi",
+  "TW-HSZ": "Hsinchu",
+  "TW-HSQ": "Hsinchu",
+  "TW-HUA": "Hualien",
+  "TW-KHH": "Kaohsiung",
+  "TW-KEE": "Keelung",
+  "TW-KIN": "Kinmen",
+  "TW-LIE": "Lienchiang",
+  "TW-MIA": "Miaoli",
+  "TW-NAN": "Nantou",
+  "TW-NWT": "New Taipei",
+  "TW-PEN": "Penghu",
+  "TW-PIF": "Pingtung",
+  "TW-TXG": "Taichung",
+  "TW-TNN": "Tainan",
+  "TW-TPE": "Taipei",
+  "TW-TTT": "Taitung",
+  "TW-TAO": "Taoyuan",
+  "TW-ILA": "Yilan",
+  "TW-YUN": "Yunlin",
+  "TJ-DU": "Dushanbe",
+  "TJ-KT": "Khatlon",
+  "TJ-GB": "Kŭhistoni Badakhshon",
+  "TJ-RA": "nohiyahoi tobei jumhurí",
+  "TJ-SU": "Sughd",
+  "TZ-01": "Arusha",
+  "TZ-02": "Dar es Salaam",
+  "TZ-03": "Dodoma",
+  "TZ-27": "Geita",
+  "TZ-04": "Iringa",
+  "TZ-05": "Kagera",
+  "TZ-06": "Kaskazini Pemba",
+  "TZ-07": "Kaskazini Unguja",
+  "TZ-28": "Katavi",
+  "TZ-08": "Kigoma",
+  "TZ-09": "Kilimanjaro",
+  "TZ-10": "Kusini Pemba",
+  "TZ-11": "Kusini Unguja",
+  "TZ-12": "Lindi",
+  "TZ-26": "Manyara",
+  "TZ-13": "Mara",
+  "TZ-14": "Mbeya",
+  "TZ-15": "Mjini Magharibi",
+  "TZ-16": "Morogoro",
+  "TZ-17": "Mtwara",
+  "TZ-18": "Mwanza",
+  "TZ-29": "Njombe",
+  "TZ-19": "Pwani",
+  "TZ-20": "Rukwa",
+  "TZ-21": "Ruvuma",
+  "TZ-22": "Shinyanga",
+  "TZ-30": "Simiyu",
+  "TZ-23": "Singida",
+  "TZ-31": "Songwe",
+  "TZ-24": "Tabora",
+  "TZ-25": "Tanga",
+  "TH-37": "Amnat Charoen",
+  "TH-15": "Ang Thong",
+  "TH-38": "Bueng Kan",
+  "TH-31": "Buri Ram",
+  "TH-24": "Chachoengsao",
+  "TH-18": "Chai Nat",
+  "TH-36": "Chaiyaphum",
+  "TH-22": "Chanthaburi",
+  "TH-50": "Chiang Mai",
+  "TH-57": "Chiang Rai",
+  "TH-20": "Chon Buri",
+  "TH-86": "Chumphon",
+  "TH-46": "Kalasin",
+  "TH-62": "Kamphaeng Phet",
+  "TH-71": "Kanchanaburi",
+  "TH-40": "Khon Kaen",
+  "TH-81": "Krabi",
+  "TH-10": "Bangkok",
+  "TH-52": "Lampang",
+  "TH-51": "Lamphun",
+  "TH-42": "Loei",
+  "TH-16": "Lop Buri",
+  "TH-58": "Mae Hong Son",
+  "TH-44": "Maha Sarakham",
+  "TH-49": "Mukdahan",
+  "TH-26": "Nakhon Nayok",
+  "TH-73": "Nakhon Pathom",
+  "TH-48": "Nakhon Phanom",
+  "TH-30": "Nakhon Ratchasima",
+  "TH-60": "Nakhon Sawan",
+  "TH-80": "Nakhon Si Thammarat",
+  "TH-55": "Nan",
+  "TH-96": "Narathiwat",
+  "TH-39": "Nong Bua Lam Phu",
+  "TH-43": "Nong Khai",
+  "TH-12": "Nonthaburi",
+  "TH-13": "Pathum Thani",
+  "TH-94": "Pattani",
+  "TH-82": "Phangnga",
+  "TH-93": "Phatthalung",
+  "TH-S": "Phatthaya",
+  "TH-56": "Phayao",
+  "TH-67": "Phetchabun",
+  "TH-76": "Phetchaburi",
+  "TH-66": "Phichit",
+  "TH-65": "Phitsanulok",
+  "TH-14": "Phra Nakhon Si Ayutthaya",
+  "TH-54": "Phrae",
+  "TH-83": "Phuket",
+  "TH-25": "Prachin Buri",
+  "TH-77": "Prachuap Khiri Khan",
+  "TH-85": "Ranong",
+  "TH-70": "Ratchaburi",
+  "TH-21": "Rayong",
+  "TH-45": "Roi Et",
+  "TH-27": "Sa Kaeo",
+  "TH-47": "Sakon Nakhon",
+  "TH-11": "Samut Prakan",
+  "TH-74": "Samut Sakhon",
+  "TH-75": "Samut Songkhram",
+  "TH-19": "Saraburi",
+  "TH-91": "Satun",
+  "TH-33": "Si Sa Ket",
+  "TH-17": "Sing Buri",
+  "TH-90": "Songkhla",
+  "TH-64": "Sukhothai",
+  "TH-72": "Suphan Buri",
+  "TH-84": "Surat Thani",
+  "TH-32": "Surin",
+  "TH-63": "Tak",
+  "TH-92": "Trang",
+  "TH-23": "Trat",
+  "TH-34": "Ubon Ratchathani",
+  "TH-41": "Udon Thani",
+  "TH-61": "Uthai Thani",
+  "TH-53": "Uttaradit",
+  "TH-95": "Yala",
+  "TH-35": "Yasothon",
+  "TL-AL": "Aileu",
+  "TL-AN": "Ainaro",
+  "TL-BA": "Baucau",
+  "TL-BO": "Bobonaro",
+  "TL-CO": "Cova Lima",
+  "TL-DI": "Díli",
+  "TL-ER": "Ermera",
+  "TL-LA": "Lautém",
+  "TL-LI": "Liquiça",
+  "TL-MT": "Manatuto",
+  "TL-MF": "Manufahi",
+  "TL-OE": "Oé-Cusse Ambeno",
+  "TL-VI": "Viqueque",
+  "TG-C": "Centrale",
+  "TG-K": "Kara",
+  "TG-M": "Maritime",
+  "TG-P": "Plateaux",
+  "TG-S": "Savanes",
+  "TO-01": "'Eua",
+  "TO-02": "Ha'apai",
+  "TO-03": "Niuas",
+  "TO-04": "Tongatapu",
+  "TO-05": "Vava'u",
+  "TT-ARI": "Arima",
+  "TT-CHA": "Chaguanas",
+  "TT-CTT": "Couva-Tabaquite-Talparo",
+  "TT-DMN": "Diego Martin",
+  "TT-MRC": "Mayaro-Rio Claro",
+  "TT-PED": "Penal-Debe",
+  "TT-POS": "Port of Spain",
+  "TT-PRT": "Princes Town",
+  "TT-PTF": "Point Fortin",
+  "TT-SFO": "San Fernando",
+  "TT-SGE": "Sangre Grande",
+  "TT-SIP": "Siparia",
+  "TT-SJL": "San Juan-Laventille",
+  "TT-TOB": "Tobago",
+  "TT-TUP": "Tunapuna-Piarco",
+  "TN-31": "Béja",
+  "TN-13": "Ben Arous",
+  "TN-23": "Bizerte",
+  "TN-81": "Gabès",
+  "TN-71": "Gafsa",
+  "TN-32": "Jendouba",
+  "TN-41": "Kairouan",
+  "TN-42": "Kasserine",
+  "TN-73": "Kébili",
+  "TN-12": "L'Ariana",
+  "TN-14": "La Manouba",
+  "TN-33": "Le Kef",
+  "TN-53": "Mahdia",
+  "TN-82": "Médenine",
+  "TN-52": "Monastir",
+  "TN-21": "Nabeul",
+  "TN-61": "Sfax",
+  "TN-43": "Sidi Bouzid",
+  "TN-34": "Siliana",
+  "TN-51": "Sousse",
+  "TN-83": "Tataouine",
+  "TN-72": "Tozeur",
+  "TN-11": "Tunis",
+  "TN-22": "Zaghouan",
+  "TR-01": "Adana",
+  "TR-02": "Adıyaman",
+  "TR-03": "Afyonkarahisar",
+  "TR-04": "Ağrı",
+  "TR-68": "Aksaray",
+  "TR-05": "Amasya",
+  "TR-06": "Ankara",
+  "TR-07": "Antalya",
+  "TR-75": "Ardahan",
+  "TR-08": "Artvin",
+  "TR-09": "Aydın",
+  "TR-10": "Balıkesir",
+  "TR-74": "Bartın",
+  "TR-72": "Batman",
+  "TR-69": "Bayburt",
+  "TR-11": "Bilecik",
+  "TR-12": "Bingöl",
+  "TR-13": "Bitlis",
+  "TR-14": "Bolu",
+  "TR-15": "Burdur",
+  "TR-16": "Bursa",
+  "TR-17": "Çanakkale",
+  "TR-18": "Çankırı",
+  "TR-19": "Çorum",
+  "TR-20": "Denizli",
+  "TR-21": "Diyarbakır",
+  "TR-81": "Düzce",
+  "TR-22": "Edirne",
+  "TR-23": "Elazığ",
+  "TR-24": "Erzincan",
+  "TR-25": "Erzurum",
+  "TR-26": "Eskişehir",
+  "TR-27": "Gaziantep",
+  "TR-28": "Giresun",
+  "TR-29": "Gümüşhane",
+  "TR-30": "Hakkâri",
+  "TR-31": "Hatay",
+  "TR-76": "Iğdır",
+  "TR-32": "Isparta",
+  "TR-34": "İstanbul",
+  "TR-35": "İzmir",
+  "TR-46": "Kahramanmaraş",
+  "TR-78": "Karabük",
+  "TR-70": "Karaman",
+  "TR-36": "Kars",
+  "TR-37": "Kastamonu",
+  "TR-38": "Kayseri",
+  "TR-71": "Kırıkkale",
+  "TR-39": "Kırklareli",
+  "TR-40": "Kırşehir",
+  "TR-79": "Kilis",
+  "TR-41": "Kocaeli",
+  "TR-42": "Konya",
+  "TR-43": "Kütahya",
+  "TR-44": "Malatya",
+  "TR-45": "Manisa",
+  "TR-47": "Mardin",
+  "TR-33": "Mersin",
+  "TR-48": "Muğla",
+  "TR-49": "Muş",
+  "TR-50": "Nevşehir",
+  "TR-51": "Niğde",
+  "TR-52": "Ordu",
+  "TR-80": "Osmaniye",
+  "TR-53": "Rize",
+  "TR-54": "Sakarya",
+  "TR-55": "Samsun",
+  "TR-56": "Siirt",
+  "TR-57": "Sinop",
+  "TR-58": "Sivas",
+  "TR-63": "Şanlıurfa",
+  "TR-73": "Şırnak",
+  "TR-59": "Tekirdağ",
+  "TR-60": "Tokat",
+  "TR-61": "Trabzon",
+  "TR-62": "Tunceli",
+  "TR-64": "Uşak",
+  "TR-65": "Van",
+  "TR-77": "Yalova",
+  "TR-66": "Yozgat",
+  "TR-67": "Zonguldak",
+  "TM-A": "Ahal",
+  "TM-S": "Aşgabat",
+  "TM-B": "Balkan",
+  "TM-D": "Daşoguz",
+  "TM-L": "Lebap",
+  "TM-M": "Mary",
+  "TV-FUN": "Funafuti",
+  "TV-NMG": "Nanumaga",
+  "TV-NMA": "Nanumea",
+  "TV-NIT": "Niutao",
+  "TV-NUI": "Nui",
+  "TV-NKF": "Nukufetau",
+  "TV-NKL": "Nukulaelae",
+  "TV-VAI": "Vaitupu",
+  "UG-C": "Central",
+  "UG-E": "Eastern",
+  "UG-N": "Northern",
+  "UG-W": "Western",
+  "UA-43": "Avtonomna Respublika Krym",
+  "UA-71": "Cherkaska oblast",
+  "UA-74": "Chernihivska oblast",
+  "UA-77": "Chernivetska oblast",
+  "UA-12": "Dnipropetrovska oblast",
+  "UA-14": "Donetska oblast",
+  "UA-26": "Ivano-Frankivska oblast",
+  "UA-63": "Kharkivska oblast",
+  "UA-65": "Khersonska oblast",
+  "UA-68": "Khmelnytska oblast",
+  "UA-35": "Kirovohradska oblast",
+  "UA-30": "Kyiv",
+  "UA-32": "Kyivska oblast",
+  "UA-09": "Luhanska oblast",
+  "UA-46": "Lvivska oblast",
+  "UA-48": "Mykolaivska oblast",
+  "UA-51": "Odeska oblast",
+  "UA-53": "Poltavska oblast",
+  "UA-56": "Rivnenska oblast",
+  "UA-40": "Sevastopol",
+  "UA-59": "Sumska oblast",
+  "UA-61": "Ternopilska oblast",
+  "UA-05": "Vinnytska oblast",
+  "UA-07": "Volynska oblast",
+  "UA-21": "Zakarpatska oblast",
+  "UA-23": "Zaporizka oblast",
+  "UA-18": "Zhytomyrska oblast",
+  "AE-AJ": "‘Ajmān",
+  "AE-AZ": "Abū Z̧aby",
+  "AE-FU": "Al Fujayrah",
+  "AE-SH": "Ash Shāriqah",
+  "AE-DU": "Dubayy",
+  "AE-RK": "Ra’s al Khaymah",
+  "AE-UQ": "Umm al Qaywayn",
+  "GB-ENG": "England",
+  "GB-NIR": "Northern Ireland",
+  "GB-SCT": "Scotland",
+  "GB-WLS": "Wales",
+  "US-AL": "Alabama",
+  "US-AK": "Alaska",
+  "US-AZ": "Arizona",
+  "US-AR": "Arkansas",
+  "US-CA": "California",
+  "US-CO": "Colorado",
+  "US-CT": "Connecticut",
+  "US-DE": "Delaware",
+  "US-FL": "Florida",
+  "US-GA": "Georgia",
+  "US-HI": "Hawaii",
+  "US-ID": "Idaho",
+  "US-IL": "Illinois",
+  "US-IN": "Indiana",
+  "US-IA": "Iowa",
+  "US-KS": "Kansas",
+  "US-KY": "Kentucky",
+  "US-LA": "Louisiana",
+  "US-ME": "Maine",
+  "US-MD": "Maryland",
+  "US-MA": "Massachusetts",
+  "US-MI": "Michigan",
+  "US-MN": "Minnesota",
+  "US-MS": "Mississippi",
+  "US-MO": "Missouri",
+  "US-MT": "Montana",
+  "US-NE": "Nebraska",
+  "US-NV": "Nevada",
+  "US-NH": "New Hampshire",
+  "US-NJ": "New Jersey",
+  "US-NM": "New Mexico",
+  "US-NY": "New York",
+  "US-NC": "North Carolina",
+  "US-ND": "North Dakota",
+  "US-OH": "Ohio",
+  "US-OK": "Oklahoma",
+  "US-OR": "Oregon",
+  "US-PA": "Pennsylvania",
+  "US-RI": "Rhode Island",
+  "US-SC": "South Carolina",
+  "US-SD": "South Dakota",
+  "US-TN": "Tennessee",
+  "US-TX": "Texas",
+  "US-UT": "Utah",
+  "US-VT": "Vermont",
+  "US-VA": "Virginia",
+  "US-WA": "Washington",
+  "US-WV": "West Virginia",
+  "US-WI": "Wisconsin",
+  "US-WY": "Wyoming",
+  "US-DC": "District of Columbia",
+  "US-AS": "American Samoa",
+  "US-GU": "Guam",
+  "US-MP": "Northern Mariana Islands",
+  "US-PR": "Puerto Rico",
+  "US-UM": "United States Minor Outlying Islands",
+  "US-VI": "Virgin Islands",
+  "UM-81": "Baker Island",
+  "UM-84": "Howland Island",
+  "UM-86": "Jarvis Island",
+  "UM-67": "Johnston Atoll",
+  "UM-89": "Kingman Reef",
+  "UM-71": "Midway Islands",
+  "UM-76": "Navassa Island",
+  "UM-95": "Palmyra Atoll",
+  "UM-79": "Wake Island",
+  "UY-AR": "Artigas",
+  "UY-CA": "Canelones",
+  "UY-CL": "Cerro Largo",
+  "UY-CO": "Colonia",
+  "UY-DU": "Durazno",
+  "UY-FS": "Flores",
+  "UY-FD": "Florida",
+  "UY-LA": "Lavalleja",
+  "UY-MA": "Maldonado",
+  "UY-MO": "Montevideo",
+  "UY-PA": "Paysandú",
+  "UY-RN": "Río Negro",
+  "UY-RV": "Rivera",
+  "UY-RO": "Rocha",
+  "UY-SA": "Salto",
+  "UY-SJ": "San José",
+  "UY-SO": "Soriano",
+  "UY-TA": "Tacuarembó",
+  "UY-TT": "Treinta y Tres",
+  "UZ-AN": "Andijon",
+  "UZ-BU": "Buxoro",
+  "UZ-FA": "Farg‘ona",
+  "UZ-JI": "Jizzax",
+  "UZ-NG": "Namangan",
+  "UZ-NW": "Navoiy",
+  "UZ-QA": "Qashqadaryo",
+  "UZ-QR": "Qoraqalpog‘iston Respublikasi",
+  "UZ-SA": "Samarqand",
+  "UZ-SI": "Sirdaryo",
+  "UZ-SU": "Surxondaryo",
+  "UZ-TK": "Toshkent",
+  "UZ-TO": "Toshkent",
+  "UZ-XO": "Xorazm",
+  "VU-MAP": "Malampa",
+  "VU-PAM": "Pénama",
+  "VU-SAM": "Sanma",
+  "VU-SEE": "Shéfa",
+  "VU-TAE": "Taféa",
+  "VU-TOB": "Torba",
+  "VE-Z": "Amazonas",
+  "VE-B": "Anzoátegui",
+  "VE-C": "Apure",
+  "VE-D": "Aragua",
+  "VE-E": "Barinas",
+  "VE-F": "Bolívar",
+  "VE-G": "Carabobo",
+  "VE-H": "Cojedes",
+  "VE-Y": "Delta Amacuro",
+  "VE-W": "Dependencias Federales",
+  "VE-A": "Distrito Capital",
+  "VE-I": "Falcón",
+  "VE-J": "Guárico",
+  "VE-X": "La Guaira",
+  "VE-K": "Lara",
+  "VE-L": "Mérida",
+  "VE-M": "Miranda",
+  "VE-N": "Monagas",
+  "VE-O": "Nueva Esparta",
+  "VE-P": "Portuguesa",
+  "VE-R": "Sucre",
+  "VE-S": "Táchira",
+  "VE-T": "Trujillo",
+  "VE-U": "Yaracuy",
+  "VE-V": "Zulia",
+  "VN-44": "An Giang",
+  "VN-43": "Bà Rịa - Vũng Tàu",
+  "VN-54": "Bắc Giang",
+  "VN-53": "Bắc Kạn",
+  "VN-55": "Bạc Liêu",
+  "VN-56": "Bắc Ninh",
+  "VN-50": "Bến Tre",
+  "VN-31": "Bình Định",
+  "VN-57": "Bình Dương",
+  "VN-58": "Bình Phước",
+  "VN-40": "Bình Thuận",
+  "VN-59": "Cà Mau",
+  "VN-CT": "Cần Thơ",
+  "VN-04": "Cao Bằng",
+  "VN-DN": "Đà Nẵng",
+  "VN-33": "Đắk Lắk",
+  "VN-72": "Đắk Nông",
+  "VN-71": "Điện Biên",
+  "VN-39": "Đồng Nai",
+  "VN-45": "Đồng Tháp",
+  "VN-30": "Gia Lai",
+  "VN-03": "Hà Giang",
+  "VN-63": "Hà Nam",
+  "VN-HN": "Hà Nội",
+  "VN-23": "Hà Tĩnh",
+  "VN-61": "Hải Dương",
+  "VN-HP": "Hải Phòng",
+  "VN-73": "Hậu Giang",
+  "VN-SG": "Hồ Chí Minh",
+  "VN-14": "Hòa Bình",
+  "VN-66": "Hưng Yên",
+  "VN-34": "Khánh Hòa",
+  "VN-47": "Kiến Giang",
+  "VN-28": "Kon Tum",
+  "VN-01": "Lai Châu",
+  "VN-35": "Lâm Đồng",
+  "VN-09": "Lạng Sơn",
+  "VN-02": "Lào Cai",
+  "VN-41": "Long An",
+  "VN-67": "Nam Định",
+  "VN-22": "Nghệ An",
+  "VN-18": "Ninh Bình",
+  "VN-36": "Ninh Thuận",
+  "VN-68": "Phú Thọ",
+  "VN-32": "Phú Yên",
+  "VN-24": "Quảng Bình",
+  "VN-27": "Quảng Nam",
+  "VN-29": "Quảng Ngãi",
+  "VN-13": "Quảng Ninh",
+  "VN-25": "Quảng Trị",
+  "VN-52": "Sóc Trăng",
+  "VN-05": "Sơn La",
+  "VN-37": "Tây Ninh",
+  "VN-20": "Thái Bình",
+  "VN-69": "Thái Nguyên",
+  "VN-21": "Thanh Hóa",
+  "VN-26": "Thừa Thiên-Huế",
+  "VN-46": "Tiền Giang",
+  "VN-51": "Trà Vinh",
+  "VN-07": "Tuyên Quang",
+  "VN-49": "Vĩnh Long",
+  "VN-70": "Vĩnh Phúc",
+  "VN-06": "Yên Bái",
+  "WF-AL": "Alo",
+  "WF-SG": "Sigave",
+  "WF-UV": "Uvea",
+  "YE-AD": "‘Adan",
+  "YE-AM": "‘Amrān",
+  "YE-AB": "Abyan",
+  "YE-DA": "Aḑ Ḑāli‘",
+  "YE-BA": "Al Bayḑā’",
+  "YE-HU": "Al Ḩudaydah",
+  "YE-JA": "Al Jawf",
+  "YE-MR": "Al Mahrah",
+  "YE-MW": "Al Maḩwīt",
+  "YE-SA": "Amānat al ‘Āşimah",
+  "YE-SU": "Arkhabīl Suquţrá",
+  "YE-DH": "Dhamār",
+  "YE-HD": "Ḩaḑramawt",
+  "YE-HJ": "Ḩajjah",
+  "YE-IB": "Ibb",
+  "YE-LA": "Laḩij",
+  "YE-MA": "Ma’rib",
+  "YE-RA": "Raymah",
+  "YE-SD": "Şāʻdah",
+  "YE-SN": "Şanʻā’",
+  "YE-SH": "Shabwah",
+  "YE-TA": "Tāʻizz",
+  "ZM-02": "Central",
+  "ZM-08": "Copperbelt",
+  "ZM-03": "Eastern",
+  "ZM-04": "Luapula",
+  "ZM-09": "Lusaka",
+  "ZM-10": "Muchinga",
+  "ZM-06": "North-Western",
+  "ZM-05": "Northern",
+  "ZM-07": "Southern",
+  "ZM-01": "Western",
+  "ZW-BU": "Bulawayo",
+  "ZW-HA": "Harare",
+  "ZW-MA": "Manicaland",
+  "ZW-MC": "Mashonaland Central",
+  "ZW-ME": "Mashonaland East",
+  "ZW-MW": "Mashonaland West",
+  "ZW-MV": "Masvingo",
+  "ZW-MN": "Matabeleland North",
+  "ZW-MS": "Matabeleland South",
+  "ZW-MI": "Midlands",
+  "BQ-BO": "Bonaire",
+  "BQ-SA": "Saba",
+  "BQ-SE": "Sint Eustatius",
+  "ME-01": "Andrijevica",
+  "ME-02": "Bar",
+  "ME-03": "Berane",
+  "ME-04": "Bijelo Polje",
+  "ME-05": "Budva",
+  "ME-06": "Cetinje",
+  "ME-07": "Danilovgrad",
+  "ME-22": "Gusinje",
+  "ME-08": "Herceg-Novi",
+  "ME-09": "Kolašin",
+  "ME-10": "Kotor",
+  "ME-11": "Mojkovac",
+  "ME-12": "Nikšić",
+  "ME-23": "Petnjica",
+  "ME-13": "Plav",
+  "ME-14": "Pljevlja",
+  "ME-15": "Plužine",
+  "ME-16": "Podgorica",
+  "ME-17": "Rožaje",
+  "ME-18": "Šavnik",
+  "ME-19": "Tivat",
+  "ME-24": "Tuzi",
+  "ME-20": "Ulcinj",
+  "ME-21": "Žabljak",
+  "ME-25": "Zeta",
+  "RS-KM": "Kosovo-Metohija[1]",
+  "RS-VO": "Vojvodina",
+  "SS-EC": "Central Equatoria",
+  "SS-EE": "Eastern Equatoria",
+  "SS-JG": "Jonglei",
+  "SS-LK": "Lakes",
+  "SS-BN": "Northern Bahr el Ghazal",
+  "SS-UY": "Unity",
+  "SS-NU": "Upper Nile",
+  "SS-WR": "Warrap",
+  "SS-BW": "Western Bahr el Ghazal",
+  "SS-EW": "Western Equatoria",
+};
+
+export const CONTINENTS = {
+  AF: "Africa",
+  AN: "Antarctica",
+  AS: "Asia",
+  EU: "Europe",
+  NA: "North America",
+  OC: "Oceania",
+  SA: "South America",
+};
+
+export const CONTINENT_CODES = Object.keys(CONTINENTS);
+
+export const COUNTRIES_TO_CONTINENTS = {
+  AF: "AS", // Afghanistan - Asia
+  AL: "EU", // Albania - Europe
+  DZ: "AF", // Algeria - Africa
+  AS: "OC", // American Samoa - Oceania
+  AD: "EU", // Andorra - Europe
+  AO: "AF", // Angola - Africa
+  AI: "NA", // Anguilla - North America
+  AQ: "AN", // Antarctica - Antarctica
+  AG: "NA", // Antigua and Barbuda - North America
+  AR: "SA", // Argentina - South America
+  AM: "AS", // Armenia - Asia
+  AW: "NA", // Aruba - North America
+  AU: "OC", // Australia - Oceania
+  AT: "EU", // Austria - Europe
+  AZ: "AS", // Azerbaijan - Asia
+  BS: "NA", // Bahamas - North America
+  BH: "AS", // Bahrain - Asia
+  BD: "AS", // Bangladesh - Asia
+  BB: "NA", // Barbados - North America
+  BY: "EU", // Belarus - Europe
+  BE: "EU", // Belgium - Europe
+  BZ: "NA", // Belize - North America
+  BJ: "AF", // Benin - Africa
+  BM: "NA", // Bermuda - North America
+  BT: "AS", // Bhutan - Asia
+  BO: "SA", // Bolivia - South America
+  BA: "EU", // Bosnia and Herzegovina - Europe
+  BW: "AF", // Botswana - Africa
+  BV: "AN", // Bouvet Island - Antarctica
+  BR: "SA", // Brazil - South America
+  IO: "AS", // British Indian Ocean Territory - Asia
+  BN: "AS", // Brunei Darussalam - Asia
+  BG: "EU", // Bulgaria - Europe
+  BF: "AF", // Burkina Faso - Africa
+  BI: "AF", // Burundi - Africa
+  KH: "AS", // Cambodia - Asia
+  CM: "AF", // Cameroon - Africa
+  CA: "NA", // Canada - North America
+  CV: "AF", // Cape Verde - Africa
+  KY: "NA", // Cayman Islands - North America
+  CF: "AF", // Central African Republic - Africa
+  TD: "AF", // Chad - Africa
+  CL: "SA", // Chile - South America
+  CN: "AS", // China - Asia
+  CX: "AS", // Christmas Island - Asia
+  CC: "AS", // Cocos (Keeling) Islands - Asia
+  CO: "SA", // Colombia - South America
+  KM: "AF", // Comoros - Africa
+  CG: "AF", // Congo (Republic) - Africa
+  CD: "AF", // Congo (Democratic Republic) - Africa
+  CK: "OC", // Cook Islands - Oceania
+  CR: "NA", // Costa Rica - North America
+  CI: "AF", // Ivory Coast - Africa
+  HR: "EU", // Croatia - Europe
+  CU: "NA", // Cuba - North America
+  CY: "AS", // Cyprus - Asia
+  CZ: "EU", // Czech Republic - Europe
+  DK: "EU", // Denmark - Europe
+  DJ: "AF", // Djibouti - Africa
+  DM: "NA", // Dominica - North America
+  DO: "NA", // Dominican Republic - North America
+  EC: "SA", // Ecuador - South America
+  EG: "AF", // Egypt - Africa
+  SV: "NA", // El Salvador - North America
+  GQ: "AF", // Equatorial Guinea - Africa
+  ER: "AF", // Eritrea - Africa
+  EE: "EU", // Estonia - Europe
+  ET: "AF", // Ethiopia - Africa
+  FK: "SA", // Falkland Islands - South America
+  FO: "EU", // Faroe Islands - Europe
+  FJ: "OC", // Fiji - Oceania
+  FI: "EU", // Finland - Europe
+  FR: "EU", // France - Europe
+  GF: "SA", // French Guiana - South America
+  PF: "OC", // French Polynesia - Oceania
+  TF: "AN", // French Southern Territories - Antarctica
+  GA: "AF", // Gabon - Africa
+  GM: "AF", // Gambia - Africa
+  GE: "AS", // Georgia - Asia
+  DE: "EU", // Germany - Europe
+  GH: "AF", // Ghana - Africa
+  GI: "EU", // Gibraltar - Europe
+  GR: "EU", // Greece - Europe
+  GL: "NA", // Greenland - North America
+  GD: "NA", // Grenada - North America
+  GP: "NA", // Guadeloupe - North America
+  GU: "OC", // Guam - Oceania
+  GT: "NA", // Guatemala - North America
+  GN: "AF", // Guinea - Africa
+  GW: "AF", // Guinea-Bissau - Africa
+  GY: "SA", // Guyana - South America
+  HT: "NA", // Haiti - North America
+  HM: "AN", // Heard Island and McDonald Islands - Antarctica
+  VA: "EU", // Vatican City - Europe
+  HN: "NA", // Honduras - North America
+  HK: "AS", // Hong Kong - Asia
+  HU: "EU", // Hungary - Europe
+  IS: "EU", // Iceland - Europe
+  IN: "AS", // India - Asia
+  ID: "AS", // Indonesia - Asia
+  IR: "AS", // Iran - Asia
+  IQ: "AS", // Iraq - Asia
+  IE: "EU", // Ireland - Europe
+  IL: "AS", // Israel - Asia
+  IT: "EU", // Italy - Europe
+  JM: "NA", // Jamaica - North America
+  JP: "AS", // Japan - Asia
+  JO: "AS", // Jordan - Asia
+  KZ: "AS", // Kazakhstan - Asia
+  KE: "AF", // Kenya - Africa
+  KI: "OC", // Kiribati - Oceania
+  KP: "AS", // North Korea - Asia
+  KR: "AS", // South Korea - Asia
+  KW: "AS", // Kuwait - Asia
+  KG: "AS", // Kyrgyzstan - Asia
+  LA: "AS", // Laos - Asia
+  LV: "EU", // Latvia - Europe
+  LB: "AS", // Lebanon - Asia
+  LS: "AF", // Lesotho - Africa
+  LR: "AF", // Liberia - Africa
+  LY: "AF", // Libya - Africa
+  LI: "EU", // Liechtenstein - Europe
+  LT: "EU", // Lithuania - Europe
+  LU: "EU", // Luxembourg - Europe
+  MO: "AS", // Macao - Asia
+  MG: "AF", // Madagascar - Africa
+  MW: "AF", // Malawi - Africa
+  MY: "AS", // Malaysia - Asia
+  MV: "AS", // Maldives - Asia
+  ML: "AF", // Mali - Africa
+  MT: "EU", // Malta - Europe
+  MH: "OC", // Marshall Islands - Oceania
+  MQ: "NA", // Martinique - North America
+  MR: "AF", // Mauritania - Africa
+  MU: "AF", // Mauritius - Africa
+  YT: "AF", // Mayotte - Africa
+  MX: "NA", // Mexico - North America
+  FM: "OC", // Micronesia - Oceania
+  MD: "EU", // Moldova - Europe
+  MC: "EU", // Monaco - Europe
+  MN: "AS", // Mongolia - Asia
+  MS: "NA", // Montserrat - North America
+  MA: "AF", // Morocco - Africa
+  MZ: "AF", // Mozambique - Africa
+  MM: "AS", // Myanmar - Asia
+  NA: "AF", // Namibia - Africa
+  NR: "OC", // Nauru - Oceania
+  NP: "AS", // Nepal - Asia
+  NL: "EU", // Netherlands - Europe
+  NC: "OC", // New Caledonia - Oceania
+  NZ: "OC", // New Zealand - Oceania
+  NI: "NA", // Nicaragua - North America
+  NE: "AF", // Niger - Africa
+  NG: "AF", // Nigeria - Africa
+  NU: "OC", // Niue - Oceania
+  NF: "OC", // Norfolk Island - Oceania
+  MK: "EU", // Macedonia - Europe
+  MP: "OC", // Northern Mariana Islands - Oceania
+  NO: "EU", // Norway - Europe
+  OM: "AS", // Oman - Asia
+  PK: "AS", // Pakistan - Asia
+  PW: "OC", // Palau - Oceania
+  PS: "AS", // Palestine - Asia
+  PA: "NA", // Panama - North America
+  PG: "OC", // Papua New Guinea - Oceania
+  PY: "SA", // Paraguay - South America
+  PE: "SA", // Peru - South America
+  PH: "AS", // Philippines - Asia
+  PN: "OC", // Pitcairn - Oceania
+  PL: "EU", // Poland - Europe
+  PT: "EU", // Portugal - Europe
+  PR: "NA", // Puerto Rico - North America
+  QA: "AS", // Qatar - Asia
+  RE: "AF", // Reunion - Africa
+  RO: "EU", // Romania - Europe
+  RU: "EU", // Russia - Europe
+  RW: "AF", // Rwanda - Africa
+  SH: "AF", // Saint Helena - Africa
+  KN: "NA", // Saint Kitts and Nevis - North America
+  LC: "NA", // Saint Lucia - North America
+  PM: "NA", // Saint Pierre and Miquelon - North America
+  VC: "NA", // Saint Vincent and the Grenadines - North America
+  WS: "OC", // Samoa - Oceania
+  SM: "EU", // San Marino - Europe
+  ST: "AF", // Sao Tome and Principe - Africa
+  SA: "AS", // Saudi Arabia - Asia
+  SN: "AF", // Senegal - Africa
+  SC: "AF", // Seychelles - Africa
+  SL: "AF", // Sierra Leone - Africa
+  SG: "AS", // Singapore - Asia
+  SK: "EU", // Slovakia - Europe
+  SI: "EU", // Slovenia - Europe
+  SB: "OC", // Solomon Islands - Oceania
+  SO: "AF", // Somalia - Africa
+  ZA: "AF", // South Africa - Africa
+  GS: "AN", // South Georgia and the South Sandwich Islands - Antarctica
+  ES: "EU", // Spain - Europe
+  LK: "AS", // Sri Lanka - Asia
+  SD: "AF", // Sudan - Africa
+  SR: "SA", // Suriname - South America
+  SJ: "EU", // Svalbard and Jan Mayen - Europe
+  SZ: "AF", // Eswatini - Africa
+  SE: "EU", // Sweden - Europe
+  CH: "EU", // Switzerland - Europe
+  SY: "AS", // Syrian Arab Republic - Asia
+  TW: "AS", // Taiwan - Asia
+  TJ: "AS", // Tajikistan - Asia
+  TZ: "AF", // Tanzania - Africa
+  TH: "AS", // Thailand - Asia
+  TL: "AS", // Timor-Leste - Asia
+  TG: "AF", // Togo - Africa
+  TK: "OC", // Tokelau - Oceania
+  TO: "OC", // Tonga - Oceania
+  TT: "NA", // Trinidad and Tobago - North America
+  TN: "AF", // Tunisia - Africa
+  TR: "AS", // Turkey - Asia
+  TM: "AS", // Turkmenistan - Asia
+  TC: "NA", // Turks and Caicos Islands - North America
+  TV: "OC", // Tuvalu - Oceania
+  UG: "AF", // Uganda - Africa
+  UA: "EU", // Ukraine - Europe
+  AE: "AS", // United Arab Emirates - Asia
+  GB: "EU", // United Kingdom - Europe
+  US: "NA", // United States - North America
+  UM: "OC", // United States Minor Outlying Islands - Oceania
+  UY: "SA", // Uruguay - South America
+  UZ: "AS", // Uzbekistan - Asia
+  VU: "OC", // Vanuatu - Oceania
+  VE: "SA", // Venezuela - South America
+  VN: "AS", // Vietnam - Asia
+  VG: "NA", // Virgin Islands, British - North America
+  VI: "NA", // Virgin Islands, U.S. - North America
+  WF: "OC", // Wallis and Futuna - Oceania
+  EH: "AF", // Western Sahara - Africa
+  YE: "AS", // Yemen - Asia
+  ZM: "AF", // Zambia - Africa
+  ZW: "AF", // Zimbabwe - Africa
+  AX: "EU", // Åland Islands - Europe
+  BQ: "NA", // Bonaire, Sint Eustatius and Saba - North America
+  CW: "NA", // Curaçao - North America
+  GG: "EU", // Guernsey - Europe
+  IM: "EU", // Isle of Man - Europe
+  JE: "EU", // Jersey - Europe
+  ME: "EU", // Montenegro - Europe
+  BL: "NA", // Saint Barthélemy - North America
+  MF: "NA", // Saint Martin (French part) - North America
+  RS: "EU", // Serbia - Europe
+  SX: "NA", // Sint Maarten (Dutch part) - North America
+  SS: "AF", // South Sudan - Africa
+  XK: "EU", // Kosovo - Europe
+};
+
+export const COUNTRIES = {
+  AF: "Afghanistan",
+  AL: "Albania",
+  DZ: "Algeria",
+  AS: "American Samoa",
+  AD: "Andorra",
+  AO: "Angola",
+  AI: "Anguilla",
+  AQ: "Antarctica",
+  AG: "Antigua and Barbuda",
+  AR: "Argentina",
+  AM: "Armenia",
+  AW: "Aruba",
+  AU: "Australia",
+  AT: "Austria",
+  AZ: "Azerbaijan",
+  BS: "Bahamas",
+  BH: "Bahrain",
+  BD: "Bangladesh",
+  BB: "Barbados",
+  BY: "Belarus",
+  BE: "Belgium",
+  BZ: "Belize",
+  BJ: "Benin",
+  BM: "Bermuda",
+  BT: "Bhutan",
+  BO: "Bolivia",
+  BA: "Bosnia and Herzegovina",
+  BW: "Botswana",
+  BV: "Bouvet Island",
+  BR: "Brazil",
+  IO: "British Indian Ocean Territory",
+  BN: "Brunei Darussalam",
+  BG: "Bulgaria",
+  BF: "Burkina Faso",
+  BI: "Burundi",
+  KH: "Cambodia",
+  CM: "Cameroon",
+  CA: "Canada",
+  CV: "Cape Verde",
+  KY: "Cayman Islands",
+  CF: "Central African Republic",
+  TD: "Chad",
+  CL: "Chile",
+  CN: "China",
+  CX: "Christmas Island",
+  CC: "Cocos (Keeling) Islands",
+  CO: "Colombia",
+  KM: "Comoros",
+  CG: "Congo (Republic)",
+  CD: "Congo (Democratic Republic)",
+  CK: "Cook Islands",
+  CR: "Costa Rica",
+  CI: "Ivory Coast",
+  HR: "Croatia",
+  CU: "Cuba",
+  CY: "Cyprus",
+  CZ: "Czech Republic",
+  DK: "Denmark",
+  DJ: "Djibouti",
+  DM: "Dominica",
+  DO: "Dominican Republic",
+  EC: "Ecuador",
+  EG: "Egypt",
+  SV: "El Salvador",
+  GQ: "Equatorial Guinea",
+  ER: "Eritrea",
+  EE: "Estonia",
+  ET: "Ethiopia",
+  FK: "Falkland Islands",
+  FO: "Faroe Islands",
+  FJ: "Fiji",
+  FI: "Finland",
+  FR: "France",
+  GF: "French Guiana",
+  PF: "French Polynesia",
+  TF: "French Southern Territories",
+  GA: "Gabon",
+  GM: "Gambia",
+  GE: "Georgia",
+  DE: "Germany",
+  GH: "Ghana",
+  GI: "Gibraltar",
+  GR: "Greece",
+  GL: "Greenland",
+  GD: "Grenada",
+  GP: "Guadeloupe",
+  GU: "Guam",
+  GT: "Guatemala",
+  GN: "Guinea",
+  GW: "Guinea-Bissau",
+  GY: "Guyana",
+  HT: "Haiti",
+  HM: "Heard Island and McDonald Islands",
+  VA: "Vatican City",
+  HN: "Honduras",
+  HK: "Hong Kong",
+  HU: "Hungary",
+  IS: "Iceland",
+  IN: "India",
+  ID: "Indonesia",
+  IR: "Iran",
+  IQ: "Iraq",
+  IE: "Ireland",
+  IL: "Israel",
+  IT: "Italy",
+  JM: "Jamaica",
+  JP: "Japan",
+  JO: "Jordan",
+  KZ: "Kazakhstan",
+  KE: "Kenya",
+  KI: "Kiribati",
+  KP: "North Korea",
+  KR: "South Korea",
+  KW: "Kuwait",
+  KG: "Kyrgyzstan",
+  LA: "Laos",
+  LV: "Latvia",
+  LB: "Lebanon",
+  LS: "Lesotho",
+  LR: "Liberia",
+  LY: "Libya",
+  LI: "Liechtenstein",
+  LT: "Lithuania",
+  LU: "Luxembourg",
+  MO: "Macao",
+  MG: "Madagascar",
+  MW: "Malawi",
+  MY: "Malaysia",
+  MV: "Maldives",
+  ML: "Mali",
+  MT: "Malta",
+  MH: "Marshall Islands",
+  MQ: "Martinique",
+  MR: "Mauritania",
+  MU: "Mauritius",
+  YT: "Mayotte",
+  MX: "Mexico",
+  FM: "Micronesia",
+  MD: "Moldova",
+  MC: "Monaco",
+  MN: "Mongolia",
+  MS: "Montserrat",
+  MA: "Morocco",
+  MZ: "Mozambique",
+  MM: "Myanmar",
+  NA: "Namibia",
+  NR: "Nauru",
+  NP: "Nepal",
+  NL: "Netherlands",
+  NC: "New Caledonia",
+  NZ: "New Zealand",
+  NI: "Nicaragua",
+  NE: "Niger",
+  NG: "Nigeria",
+  NU: "Niue",
+  NF: "Norfolk Island",
+  MK: "Macedonia",
+  MP: "Northern Mariana Islands",
+  NO: "Norway",
+  OM: "Oman",
+  PK: "Pakistan",
+  PW: "Palau",
+  PS: "Palestine",
+  PA: "Panama",
+  PG: "Papua New Guinea",
+  PY: "Paraguay",
+  PE: "Peru",
+  PH: "Philippines",
+  PN: "Pitcairn",
+  PL: "Poland",
+  PT: "Portugal",
+  PR: "Puerto Rico",
+  QA: "Qatar",
+  RE: "Reunion",
+  RO: "Romania",
+  RU: "Russia",
+  RW: "Rwanda",
+  SH: "Saint Helena",
+  KN: "Saint Kitts and Nevis",
+  LC: "Saint Lucia",
+  PM: "Saint Pierre and Miquelon",
+  VC: "Saint Vincent and the Grenadines",
+  WS: "Samoa",
+  SM: "San Marino",
+  ST: "Sao Tome and Principe",
+  SA: "Saudi Arabia",
+  SN: "Senegal",
+  SC: "Seychelles",
+  SL: "Sierra Leone",
+  SG: "Singapore",
+  SK: "Slovakia",
+  SI: "Slovenia",
+  SB: "Solomon Islands",
+  SO: "Somalia",
+  ZA: "South Africa",
+  GS: "South Georgia and the South Sandwich Islands",
+  ES: "Spain",
+  LK: "Sri Lanka",
+  SD: "Sudan",
+  SR: "Suriname",
+  SJ: "Svalbard and Jan Mayen",
+  SZ: "Eswatini",
+  SE: "Sweden",
+  CH: "Switzerland",
+  SY: "Syrian Arab Republic",
+  TW: "Taiwan",
+  TJ: "Tajikistan",
+  TZ: "Tanzania",
+  TH: "Thailand",
+  TL: "Timor-Leste",
+  TG: "Togo",
+  TK: "Tokelau",
+  TO: "Tonga",
+  TT: "Trinidad and Tobago",
+  TN: "Tunisia",
+  TR: "Turkey",
+  TM: "Turkmenistan",
+  TC: "Turks and Caicos Islands",
+  TV: "Tuvalu",
+  UG: "Uganda",
+  UA: "Ukraine",
+  AE: "United Arab Emirates",
+  GB: "United Kingdom",
+  US: "United States",
+  UM: "United States Minor Outlying Islands",
+  UY: "Uruguay",
+  UZ: "Uzbekistan",
+  VU: "Vanuatu",
+  VE: "Venezuela",
+  VN: "Vietnam",
+  VG: "Virgin Islands, British",
+  VI: "Virgin Islands, U.S.",
+  WF: "Wallis and Futuna",
+  EH: "Western Sahara",
+  YE: "Yemen",
+  ZM: "Zambia",
+  ZW: "Zimbabwe",
+  AX: "Åland Islands",
+  BQ: "Bonaire, Sint Eustatius and Saba",
+  CW: "Curaçao",
+  GG: "Guernsey",
+  IM: "Isle of Man",
+  JE: "Jersey",
+  ME: "Montenegro",
+  BL: "Saint Barthélemy",
+  MF: "Saint Martin (French part)",
+  RS: "Serbia",
+  SX: "Sint Maarten (Dutch part)",
+  SS: "South Sudan",
+  XK: "Kosovo",
+};
+
+export const COUNTRY_CODES = Object.keys(COUNTRIES);
+
+export const EU_COUNTRY_CODES = [
+  "AT",
+  "BE",
+  "BG",
+  "CY",
+  "CZ",
+  "DE",
+  "DK",
+  "EE",
+  "ES",
+  "FI",
+  "FR",
+  "GB",
+  "GR",
+  "HR",
+  "HU",
+  "IE",
+  "IT",
+  "LT",
+  "LU",
+  "LV",
+  "MT",
+  "NL",
+  "PL",
+  "PT",
+  "RO",
+  "SE",
+  "SI",
+  "SK",
+];
+
+function usageAndExit(message, code = 1) {
+  if (message) console.error(message);
+  console.error(
+    [
+      "Usage: node scripts/analytics/migrate-dub-to-tinybird.js [options]",
+      "",
+      "Options:",
+      "  --dry-run                 Dry run (no writes). Default: true",
+      "  --apply                   Perform writes to Tinybird (sets dry-run=false)",
+      "  --domain <domain>         Dub link domain. Default: cap.link",
+      "  --interval <ival>         Dub interval (24h,7d,30d,90d,1y,all). Default: 30d",
+      "  --start <iso>             Start ISO datetime (overrides interval)",
+      "  --end <iso>               End ISO datetime (overrides interval)",
+      "  --timezone <tz>           IANA timezone for timeseries. Default: UTC",
+      "  --video <id>              Video ID to migrate (repeatable, optional - defaults to all links from domain)",
+      "  --videos-file <path>      File with newline-separated video IDs (optional)",
+      "  --org <orgId>             Default tenant orgId for videos (optional, uses empty string if not provided)",
+      "  --map <path>              JSON mapping file: { \"<videoId>\": \"<orgId>\" } (optional)",
+      "  --max-cities <n>          Limit number of cities per video. Default: 25",
+      "  --limit <n>               Limit number of videos to process (useful for testing). Default: unlimited",
+      "  --video-concurrency <n>   Number of videos to process in parallel. Default: 4",
+      "  --dub-concurrency <n>     Max concurrent Dub API requests per process. Default: 8",
+      "  --ingest-chunk <n>        Tinybird ingest chunk size. Default: 5000",
+      "  --ingest-concurrency <n>  Max concurrent Tinybird ingest requests. Default: 4",
+      "",
+      "By default, fetches all links from the specified domain and migrates analytics for each.",
+      "The link key (slug) is used as the videoId.",
+      "",
+      "Environment:",
+      "  DUB_API_KEY (required), TINYBIRD_TOKEN (required for --apply), TINYBIRD_HOST (optional)",
+    ].join("\n")
+  );
+  process.exit(code);
+}
+
+function parseArgs(argv) {
+  const args = {
+    dryRun: true,
+    domain: DEFAULT_DOMAIN,
+    interval: DEFAULT_INTERVAL,
+    start: null,
+    end: null,
+    timezone: DEFAULT_TIMEZONE,
+    videoIds: [],
+    orgs: [],
+    mapPath: null,
+    maxCities: MAX_CITY_COUNT,
+    limit: null,
+    apply: false,
+    videoConcurrency: DEFAULT_VIDEO_CONCURRENCY,
+    apiConcurrency: DEFAULT_API_CONCURRENCY,
+    ingestChunk: INGEST_CHUNK_SIZE,
+    ingestConcurrency: DEFAULT_INGEST_CONCURRENCY,
+  };
+  for (let i = 2; i < argv.length; i++) {
+    const a = argv[i];
+    if (a === "--dry-run") args.dryRun = true;
+    else if (a === "--apply") {
+      args.apply = true;
+      args.dryRun = false;
+    } else if (a === "--domain") args.domain = argv[++i];
+    else if (a === "--interval") args.interval = argv[++i];
+    else if (a === "--start") args.start = argv[++i];
+    else if (a === "--end") args.end = argv[++i];
+    else if (a === "--timezone") args.timezone = argv[++i];
+    else if (a === "--video") args.videoIds.push(argv[++i]);
+    else if (a === "--videos-file") {
+      const file = argv[++i];
+      const raw = fs.readFileSync(path.resolve(process.cwd(), file), "utf8");
+      const ids = raw
+        .split(/\r?\n/)
+        .map((l) => l.trim())
+        .filter(Boolean);
+      args.videoIds.push(...ids);
+    } else if (a === "--org") args.orgs.push(argv[++i]);
+    else if (a === "--map") args.mapPath = argv[++i];
+    else if (a === "--max-cities") args.maxCities = Number(argv[++i] || MAX_CITY_COUNT) || MAX_CITY_COUNT;
+    else if (a === "--limit") {
+      const limitVal = argv[++i];
+      if (limitVal) {
+        const num = Number(limitVal);
+        args.limit = num > 0 ? num : null;
+      }
+    } else if (a === "--video-concurrency") {
+      const n = Number(argv[++i]);
+      if (!Number.isNaN(n) && n > 0) args.videoConcurrency = n;
+    } else if (a === "--dub-concurrency") {
+      const n = Number(argv[++i]);
+      if (!Number.isNaN(n) && n > 0) args.apiConcurrency = n;
+    } else if (a === "--ingest-chunk") {
+      const n = Number(argv[++i]);
+      if (!Number.isNaN(n) && n > 0) args.ingestChunk = n;
+    } else if (a === "--ingest-concurrency") {
+      const n = Number(argv[++i]);
+      if (!Number.isNaN(n) && n > 0) args.ingestConcurrency = n;
+    }
+    else usageAndExit(`Unknown argument: ${a}`);
+  }
+  return args;
+}
+
+function loadVideoToOrgMap(args, videoIds) {
+  const map = new Map();
+  if (args.mapPath) {
+    const p = path.resolve(process.cwd(), args.mapPath);
+    const json = JSON.parse(fs.readFileSync(p, "utf8"));
+    for (const [k, v] of Object.entries(json)) map.set(String(k), String(v));
+  }
+  if (args.orgs.length) {
+    const defaultOrg = args.orgs[0] || "";
+    if (args.orgs.length === 1) {
+      for (const vid of videoIds) {
+        if (!map.has(vid)) map.set(vid, defaultOrg);
+      }
+    } else if (args.orgs.length === videoIds.length) {
+      for (let i = 0; i < videoIds.length; i++) {
+        if (!map.has(videoIds[i])) map.set(videoIds[i], args.orgs[i] || "");
+      }
+    } else {
+      usageAndExit("Provide either one --org for all videos or one --org per video");
+    }
+  }
+  return map;
+}
+
+function requireEnv(name) {
+  const v = process.env[name];
+  if (!v || !v.trim()) usageAndExit(`Missing required env: ${name}`);
+  return v.trim();
+}
+
+function qs(params) {
+  const sp = new URLSearchParams();
+  Object.entries(params).forEach(([k, v]) => {
+    if (v === undefined || v === null || v === "") return;
+    sp.set(k, String(v));
+  });
+  return sp.toString();
+}
+
+function createLimiter(max) {
+  let active = 0;
+  const queue = [];
+  const runNext = () => {
+    if (active >= max) return;
+    const item = queue.shift();
+    if (!item) return;
+    active++;
+    Promise.resolve()
+      .then(item.fn)
+      .then((v) => {
+        active--;
+        item.resolve(v);
+        runNext();
+      })
+      .catch((e) => {
+        active--;
+        item.reject(e);
+        runNext();
+      });
+  };
+  return function limit(fn) {
+    return new Promise((resolve, reject) => {
+      queue.push({ fn, resolve, reject });
+      runNext();
+    });
+  };
+}
+
+async function mapWithConcurrency(items, mapper, limit) {
+  const limiter = createLimiter(limit);
+  return Promise.all(
+    items.map((item, idx) =>
+      limiter(() => mapper(item, idx))
+    )
+  );
+}
+
+function sleep(ms) {
+  return new Promise((r) => setTimeout(r, ms));
+}
+
+function normalizeDimensionField(value) {
+  if (value === undefined || value === null) return "";
+  const str = String(value).trim();
+  if (!str || str === "*" || str === "null" || str === "undefined") return "";
+  return str;
+}
+
+function resolveRegionName(region, regionCode, country) {
+  const sources = [];
+  if (region !== undefined) sources.push(region);
+  if (regionCode !== undefined) sources.push(regionCode);
+  const normalizedCountry = normalizeDimensionField(country).toUpperCase();
+  if (normalizedCountry) {
+    if (region) sources.push(`${normalizedCountry}-${region}`);
+    if (regionCode) sources.push(`${normalizedCountry}-${regionCode}`);
+  }
+  for (const source of sources) {
+    const normalized = normalizeDimensionField(source);
+    if (!normalized) continue;
+    if (REGIONS[normalized]) return REGIONS[normalized];
+    const upper = normalized.toUpperCase();
+    if (REGIONS[upper]) return REGIONS[upper];
+  }
+  const fallback = normalizeDimensionField(region) || normalizeDimensionField(regionCode);
+  return fallback;
+}
+
+function resolveCountryCode(countryCode, country, continent) {
+  const normalizedContinent = normalizeDimensionField(continent).toUpperCase();
+  const normalizedCountryCode = normalizeDimensionField(countryCode).toUpperCase();
+  const normalizedCountryName = normalizeDimensionField(country);
+  const upperCountryName = normalizedCountryName ? normalizedCountryName.toUpperCase() : "";
+  
+  if (normalizedCountryCode && COUNTRIES[normalizedCountryCode]) {
+    if (normalizedContinent) {
+      const expectedContinent = COUNTRIES_TO_CONTINENTS[normalizedCountryCode];
+      if (expectedContinent && expectedContinent === normalizedContinent) {
+        return normalizedCountryCode;
+      }
+    } else {
+      return normalizedCountryCode;
+    }
+  }
+  
+  if (upperCountryName && COUNTRIES[upperCountryName]) {
+    if (normalizedContinent) {
+      const expectedContinent = COUNTRIES_TO_CONTINENTS[upperCountryName];
+      if (expectedContinent && expectedContinent === normalizedContinent) {
+        return upperCountryName;
+      }
+    } else {
+      return upperCountryName;
+    }
+  }
+  
+  if (normalizedCountryName) {
+    for (const [code, name] of Object.entries(COUNTRIES)) {
+      if (name.toUpperCase() === upperCountryName || name === normalizedCountryName) {
+        if (normalizedContinent) {
+          const expectedContinent = COUNTRIES_TO_CONTINENTS[code];
+          if (expectedContinent && expectedContinent === normalizedContinent) {
+            return code;
+          }
+        } else {
+          return code;
+        }
+      }
+    }
+  }
+  
+  if (normalizedCountryCode && COUNTRIES[normalizedCountryCode]) {
+    return normalizedCountryCode;
+  }
+  
+  return normalizedCountryCode || upperCountryName || "";
+}
+
+async function dubFetch(pathname, token, params = {}) {
+  const url = `${DUB_API_URL}${pathname}${Object.keys(params).length ? `?${qs(params)}` : ""}`;
+  const maxAttempts = 5;
+  for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+    const response = await fetch(url, {
+      headers: { Authorization: `Bearer ${token}`, Accept: "application/json" },
+    });
+    const text = await response.text();
+    if (response.ok) {
+      try {
+        return JSON.parse(text || "{}");
+      } catch {
+        return {};
+      }
+    }
+    const status = response.status;
+    const shouldRetry = status === 429 || (status >= 500 && status < 600);
+    if (!shouldRetry || attempt === maxAttempts) {
+      let message = text;
+      try {
+        const payload = JSON.parse(text || "{}");
+        message = payload?.error || payload?.message || text;
+      } catch {}
+      throw new Error(`Dub request failed (${status}): ${message}`);
+    }
+    const retryAfter = Number(response.headers.get("retry-after"));
+    const base = Number.isFinite(retryAfter) && retryAfter > 0 ? retryAfter * 1000 : 500 * 2 ** (attempt - 1);
+    const jitter = Math.floor(Math.random() * 250);
+    await sleep(base + jitter);
+  }
+}
+
+async function dubListLinks({ token, domain, limit = 100, offset = 0 }) {
+  const params = {
+    domain,
+    limit,
+    offset,
+  };
+  const res = await dubFetch("/links", token, params);
+  const links = Array.isArray(res?.links) ? res.links : Array.isArray(res) ? res : [];
+  const hasMore = res?.hasMore ?? false;
+  return { links, hasMore };
+}
+
+async function dubFetchAllLinks({ token, domain }) {
+  const allLinks = [];
+  let offset = 0;
+  const limit = 100;
+  let hasMore = true;
+
+  while (hasMore) {
+    const { links, hasMore: more } = await dubListLinks({ token, domain, limit, offset });
+    allLinks.push(...links);
+    hasMore = more;
+    offset += limit;
+    if (links.length < limit) break;
+  }
+
+  return allLinks;
+}
+
+async function dubRetrieveTimeseries({ token, domain, key, start, end, interval, timezone, city, country, region }) {
+  const params = {
+    event: "clicks",
+    groupBy: "timeseries",
+    domain,
+    key,
+    timezone: timezone || DEFAULT_TIMEZONE,
+    interval: start || end ? undefined : interval || DEFAULT_INTERVAL,
+    start: start || undefined,
+    end: end || undefined,
+    city: city || undefined,
+    country: country || undefined,
+    region: region || undefined,
+  };
+  const res = await dubFetch("/analytics", token, params);
+  let data = [];
+  if (Array.isArray(res)) {
+    data = res;
+  } else if (Array.isArray(res?.data)) {
+    data = res.data;
+  } else if (res && typeof res === "object") {
+    data = [res];
+  }
+  const rows = [];
+  for (const row of data) {
+    if (!row || typeof row !== "object") continue;
+    const t = row.start || row.timestamp || row.date || row.ts || row.time || row.d || row.t || row.startDate;
+    const c = row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
+    if (!t) continue;
+    let tsStr;
+    if (typeof t === "string") {
+      tsStr = t;
+    } else if (typeof t === "number") {
+      tsStr = new Date(t).toISOString();
+    } else {
+      tsStr = String(t);
+    }
+    if (!tsStr || tsStr === "undefined" || tsStr === "null" || tsStr === "Invalid Date") continue;
+    rows.push({ timestamp: tsStr, count: Number(c) || 0 });
+  }
+  return rows.filter((r) => r.timestamp && r.timestamp !== "undefined" && r.timestamp !== "null");
+}
+
+async function dubRetrieveBreakdown({ token, domain, key, start, end, interval, timezone, groupBy, city, country, region }) {
+  const params = {
+    event: "clicks",
+    groupBy,
+    domain,
+    key,
+    timezone: timezone || DEFAULT_TIMEZONE,
+    interval: start || end ? undefined : interval || DEFAULT_INTERVAL,
+    start: start || undefined,
+    end: end || undefined,
+    city: city || undefined,
+    country: country || undefined,
+    region: region || undefined,
+  };
+  const res = await dubFetch("/analytics", token, params);
+  const data = Array.isArray(res?.data) ? res.data : res;
+  const rows = Array.isArray(data) ? data : [];
+  const normalized = [];
+  for (const row of rows) {
+    if (!row || typeof row !== "object") continue;
+    const name = normalizeDimensionField(
+      row.name ?? row.city ?? row.country ?? row.region ?? row.device ?? row.browser ?? row.os ?? row.key
+    );
+    if (!name) continue;
+    const value = Number(row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0) || 0;
+    const rowCity = normalizeDimensionField(row.city);
+    const rowCountry =
+      normalizeDimensionField(row.country) ||
+      normalizeDimensionField(row.countryCode) ||
+      normalizeDimensionField(row.country_code);
+    const rowRegion =
+      normalizeDimensionField(row.region) ||
+      normalizeDimensionField(row.regionCode) ||
+      normalizeDimensionField(row.region_code) ||
+      normalizeDimensionField(row.state);
+    const countryCode =
+      normalizeDimensionField(row.countryCode) ||
+      normalizeDimensionField(row.country_code) ||
+      normalizeDimensionField(row.isoCode) ||
+      normalizeDimensionField(row.iso_code);
+    const regionCode =
+      normalizeDimensionField(row.regionCode) ||
+      normalizeDimensionField(row.region_code) ||
+      normalizeDimensionField(row.subdivisionCode) ||
+      normalizeDimensionField(row.subdivision_code);
+    normalized.push({
+      name,
+      value,
+      city: rowCity,
+      country: rowCountry,
+      region: rowRegion,
+      countryCode,
+      regionCode,
+    });
+  }
+  return normalized;
+}
+
+function dayMidpointIso(day) {
+  if (!day || day === "undefined" || day === "null") return null;
+  const dayStr = String(day);
+  if (dayStr.length >= 10) {
+    const datePart = dayStr.slice(0, 10);
+    if (datePart.match(/^\d{4}-\d{2}-\d{2}$/)) {
+      return `${datePart}T12:00:00.000Z`;
+    }
+  }
+  try {
+    const d = new Date(dayStr);
+    if (!Number.isNaN(d.getTime())) {
+      return d.toISOString().slice(0, 10) + "T12:00:00.000Z";
+    }
+  } catch {}
+  return null;
+}
+
+function* generateSessionIds(prefix, count) {
+  for (let i = 0; i < count; i++) {
+    yield `${prefix}-${i}`;
+  }
+}
+
+function toNdjson(rows) {
+  return rows.map((r) => JSON.stringify(r)).join("\n");
+}
+
+async function tinybirdIngest({ host, token, datasource, ndjson }) {
+  const search = new URLSearchParams({ name: datasource, format: "ndjson" });
+  const url = `${host.replace(/\/$/, "")}/v0/events?${search.toString()}`;
+  const response = await fetch(url, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${token}`,
+      "Content-Type": "application/x-ndjson",
+      Accept: "application/json",
+    },
+    body: ndjson,
+  });
+  const text = await response.text();
+  if (!response.ok) {
+    let message = text;
+    try {
+      const payload = JSON.parse(text || "{}");
+      message = payload?.error || payload?.message || text;
+    } catch {}
+    throw new Error(`Tinybird ingest failed (${response.status}): ${message}`);
+  }
+  return text ? JSON.parse(text) : {};
+}
+
+async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window, limits, dryRun, apiConcurrency }) {
+  const pathname = `/s/${videoId}`;
+  const baseArgs = {
+    token: tokenDub,
+    domain,
+    key: videoId,
+    timezone: window.timezone,
+    start: window.start,
+    end: window.end,
+    interval: window.interval,
+  };
+
+  const apiLimit = createLimiter(apiConcurrency || DEFAULT_API_CONCURRENCY);
+  const [timeseries, countries, cities, browsers, devices, os] = await Promise.all([
+    apiLimit(() => dubRetrieveTimeseries(baseArgs)),
+    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "countries" })),
+    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "cities" })),
+    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "browsers" })),
+    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "devices" })),
+    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "os" })),
+  ]);
+  
+  const selectedCities = cities
+    .filter((c) => c.value > 0)
+    .sort((a, b) => b.value - a.value)
+    .slice(0, limits.maxCities)
+    .map((city) => {
+      const resolvedRegion = resolveRegionName(city.region, city.regionCode, city.countryCode || city.country);
+      return resolvedRegion ? { ...city, region: resolvedRegion } : city;
+    });
+  const cityMetaMap = new Map(selectedCities.map((city) => [city.name, city]));
+  
+  if (dryRun && timeseries.length > 0 && timeseries[0]) {
+    console.log(`  Sample timeseries entry:`, JSON.stringify(timeseries[0]));
+    if (countries.length > 0) console.log(`  Sample countries:`, JSON.stringify(countries.slice(0, 3)));
+    if (browsers.length > 0) console.log(`  Sample browsers:`, JSON.stringify(browsers.slice(0, 3)));
+  }
+
+  const cityToCountryMap = new Map();
+  const cityToCountryCodeMap = new Map();
+  const cityToRegionMap = new Map();
+  for (const city of selectedCities) {
+    const resolvedCountryCode = resolveCountryCode(
+      city.countryCode,
+      city.country,
+      city.continent || (city.countryCode ? COUNTRIES_TO_CONTINENTS[city.countryCode.toUpperCase()] : undefined)
+    );
+    if (resolvedCountryCode) {
+      cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+      cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || city.country || "");
+    } else if (city.country) {
+      cityToCountryMap.set(city.name, city.country);
+    }
+    if (city.region) cityToRegionMap.set(city.name, city.region);
+  }
+  
+  // Try to get country/region for cities by querying cities breakdown which might include country info
+  // If that doesn't work, try filtering countries/regions by city
+  const citiesMissingCountry = selectedCities.filter((city) => !cityToCountryMap.has(city.name));
+  await mapWithConcurrency(citiesMissingCountry, async (city) => {
+    const cityWithCountry = await apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "countries", city: city.name }));
+    const validCountries = cityWithCountry.filter((c) => c.name && c.name !== "*" && c.value > 0);
+    if (validCountries.length === 1) {
+      const resolvedCountryCode = resolveCountryCode(
+        validCountries[0].countryCode,
+        validCountries[0].name,
+        validCountries[0].continent || (validCountries[0].countryCode ? COUNTRIES_TO_CONTINENTS[validCountries[0].countryCode.toUpperCase()] : undefined)
+      );
+      if (resolvedCountryCode) {
+        cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+        cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || validCountries[0].name);
+      } else {
+        cityToCountryMap.set(city.name, validCountries[0].name);
+      }
+    } else if (validCountries.length > 1) {
+      const topCountry = validCountries.sort((a, b) => b.value - a.value)[0];
+      const resolvedCountryCode = resolveCountryCode(
+        topCountry.countryCode,
+        topCountry.name,
+        topCountry.continent || (topCountry.countryCode ? COUNTRIES_TO_CONTINENTS[topCountry.countryCode.toUpperCase()] : undefined)
+      );
+      if (resolvedCountryCode) {
+        cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+        cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || topCountry.name);
+      } else {
+        cityToCountryMap.set(city.name, topCountry.name);
+      }
+    }
+    const cityWithRegion = await apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "regions", city: city.name }));
+    const validRegions = cityWithRegion.filter((r) => r.name && r.name !== "*" && r.value > 0);
+    if (validRegions.length === 1) {
+      const regionCountryCode = validRegions[0].countryCode || validRegions[0].country || city.country;
+      const resolvedRegion = resolveRegionName(
+        validRegions[0].region || validRegions[0].name,
+        validRegions[0].regionCode,
+        regionCountryCode
+      );
+      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+      if (!cityToCountryCodeMap.has(city.name)) {
+        const resolvedCountryCode = resolveCountryCode(
+          validRegions[0].countryCode,
+          validRegions[0].country || city.country,
+          validRegions[0].continent || (validRegions[0].countryCode ? COUNTRIES_TO_CONTINENTS[validRegions[0].countryCode.toUpperCase()] : undefined)
+        );
+        if (resolvedCountryCode) {
+          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+          if (!cityToCountryMap.has(city.name)) {
+            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || validRegions[0].country || city.country || "");
+          }
+        }
+      }
+    } else if (validRegions.length > 1) {
+      const topRegion = validRegions.sort((a, b) => b.value - a.value)[0];
+      const regionCountryCode = topRegion.countryCode || topRegion.country || city.country;
+      const resolvedRegion = resolveRegionName(
+        topRegion.region || topRegion.name,
+        topRegion.regionCode,
+        regionCountryCode
+      );
+      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+      if (!cityToCountryCodeMap.has(city.name)) {
+        const resolvedCountryCode = resolveCountryCode(
+          topRegion.countryCode,
+          topRegion.country || city.country,
+          topRegion.continent || (topRegion.countryCode ? COUNTRIES_TO_CONTINENTS[topRegion.countryCode.toUpperCase()] : undefined)
+        );
+        if (resolvedCountryCode) {
+          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+          if (!cityToCountryMap.has(city.name)) {
+            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || topRegion.country || city.country || "");
+          }
+        }
+      }
+    }
+  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
+  const citiesMissingRegion = selectedCities.filter((city) => !cityToRegionMap.has(city.name));
+  await mapWithConcurrency(citiesMissingRegion, async (city) => {
+    if (cityToRegionMap.has(city.name)) return;
+    const cityWithRegion = await apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "regions", city: city.name }));
+    const validRegions = cityWithRegion.filter((r) => r.name && r.name !== "*" && r.value > 0);
+    if (validRegions.length === 1) {
+      const regionCountryCode = validRegions[0].countryCode || validRegions[0].country || city.country;
+      const resolvedRegion = resolveRegionName(
+        validRegions[0].region || validRegions[0].name,
+        validRegions[0].regionCode,
+        regionCountryCode
+      );
+      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+      if (!cityToCountryCodeMap.has(city.name)) {
+        const resolvedCountryCode = resolveCountryCode(
+          validRegions[0].countryCode,
+          validRegions[0].country || city.country,
+          validRegions[0].continent || (validRegions[0].countryCode ? COUNTRIES_TO_CONTINENTS[validRegions[0].countryCode.toUpperCase()] : undefined)
+        );
+        if (resolvedCountryCode) {
+          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+          if (!cityToCountryMap.has(city.name)) {
+            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || validRegions[0].country || city.country || "");
+          }
+        }
+      }
+    } else if (validRegions.length > 1) {
+      const topRegion = validRegions.sort((a, b) => b.value - a.value)[0];
+      const regionCountryCode = topRegion.countryCode || topRegion.country || city.country;
+      const resolvedRegion = resolveRegionName(
+        topRegion.region || topRegion.name,
+        topRegion.regionCode,
+        regionCountryCode
+      );
+      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+      if (!cityToCountryCodeMap.has(city.name)) {
+        const resolvedCountryCode = resolveCountryCode(
+          topRegion.countryCode,
+          topRegion.country || city.country,
+          topRegion.continent || (topRegion.countryCode ? COUNTRIES_TO_CONTINENTS[topRegion.countryCode.toUpperCase()] : undefined)
+        );
+        if (resolvedCountryCode) {
+          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+          if (!cityToCountryMap.has(city.name)) {
+            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || topRegion.country || city.country || "");
+          }
+        }
+      }
+    }
+  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
+  
+  // Fallback: if we have cities but no country mapping, try to match cities to countries from overall breakdown
+  // by checking if city name appears in country-specific city breakdowns
+  const unresolvedCountryCities = selectedCities.filter((city) => !cityToCountryMap.has(city.name));
+  if (unresolvedCountryCities.length > 0 && countries.length > 0) {
+    const topCountries = countries.slice(0, 10);
+    const countryCitiesList = await mapWithConcurrency(
+      topCountries,
+      (country) => apiLimit(() =>
+        dubRetrieveBreakdown({ ...baseArgs, groupBy: "cities", country: country.name })
+          .then((rows) => ({ country, rows }))
+      ),
+      apiConcurrency || DEFAULT_API_CONCURRENCY
+    );
+    for (const { country, rows: countryCities } of countryCitiesList) {
+      for (const city of unresolvedCountryCities) {
+        if (cityToCountryMap.has(city.name)) continue;
+        const matchingCity = countryCities.find((c) => c.name === city.name || c.city === city.name);
+        if (matchingCity) {
+          if (!cityToCountryCodeMap.has(city.name)) {
+            const resolvedCountryCode = resolveCountryCode(
+              matchingCity.countryCode,
+              matchingCity.country || country.name,
+              matchingCity.continent || (matchingCity.countryCode ? COUNTRIES_TO_CONTINENTS[matchingCity.countryCode.toUpperCase()] : undefined)
+            );
+            if (resolvedCountryCode) {
+              cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+              cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || matchingCity.country || country.name || matchingCity.name);
+            } else {
+              const resolvedCountry = matchingCity.country || country.name || matchingCity.name;
+              if (resolvedCountry) cityToCountryMap.set(city.name, resolvedCountry);
+            }
+          } else if (!cityToCountryMap.has(city.name)) {
+            const resolvedCountryCode = cityToCountryCodeMap.get(city.name);
+            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || matchingCity.country || country.name || matchingCity.name);
+          }
+          if (!cityToRegionMap.has(city.name) && (matchingCity.region || matchingCity.regionCode)) {
+            const resolvedRegion = resolveRegionName(
+              matchingCity.region || matchingCity.name,
+              matchingCity.regionCode,
+              matchingCity.countryCode || matchingCity.country || country.name
+            );
+            if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+          }
+        }
+      }
+    }
+  }
+
+  const perCityTimeseries = new Map();
+  await mapWithConcurrency(selectedCities, async (c) => {
+    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, city: c.name }));
+    perCityTimeseries.set(c.name, series);
+  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
+  
+  const perBrowserTimeseries = new Map();
+  const topBrowsers = browsers.filter((b) => b.value > 0).sort((a, b) => b.value - a.value).slice(0, 10);
+  await mapWithConcurrency(topBrowsers, async (browser) => {
+    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, browser: browser.name }));
+    perBrowserTimeseries.set(browser.name, series);
+  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
+  
+  const perDeviceTimeseries = new Map();
+  const topDevices = devices.filter((d) => d.value > 0).sort((a, b) => b.value - a.value).slice(0, 5);
+  await mapWithConcurrency(topDevices, async (device) => {
+    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, device: device.name }));
+    perDeviceTimeseries.set(device.name, series);
+  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
+  
+  const perOSTimeseries = new Map();
+  const topOS = os.filter((o) => o.value > 0).sort((a, b) => b.value - a.value).slice(0, 5);
+  await mapWithConcurrency(topOS, async (osItem) => {
+    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, os: osItem.name }));
+    perOSTimeseries.set(osItem.name, series);
+  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
+
+  // Build rows per-city per-day with browser/device/OS distribution
+  const rows = [];
+  for (const seriesItem of timeseries) {
+    if (seriesItem.count <= 0) continue;
+    const tsStr = String(seriesItem.timestamp);
+    if (!tsStr || tsStr === "undefined" || tsStr === "null") continue;
+    const day = tsStr.slice(0, 10);
+    if (!day || day.length < 10 || day === "undefined") continue;
+    const tsIso = dayMidpointIso(day);
+    if (!tsIso) continue;
+    const dayTotal = seriesItem.count;
+
+    // Get browser/device/OS breakdowns for this day
+    const dayBrowsers = [];
+    for (const [browserName, browserSeries] of perBrowserTimeseries.entries()) {
+      const dayEntry = browserSeries.find((s) => String(s.timestamp).slice(0, 10) === day);
+      if (dayEntry && dayEntry.count > 0) {
+        dayBrowsers.push({ name: browserName, count: dayEntry.count });
+      }
+    }
+    dayBrowsers.sort((a, b) => b.count - a.count);
+    const totalBrowserClicks = dayBrowsers.reduce((a, b) => a + b.count, 0);
+    
+    const dayDevices = [];
+    for (const [deviceName, deviceSeries] of perDeviceTimeseries.entries()) {
+      const dayEntry = deviceSeries.find((s) => String(s.timestamp).slice(0, 10) === day);
+      if (dayEntry && dayEntry.count > 0) {
+        dayDevices.push({ name: deviceName, count: dayEntry.count });
+      }
+    }
+    dayDevices.sort((a, b) => b.count - a.count);
+    
+    const dayOS = [];
+    for (const [osName, osSeries] of perOSTimeseries.entries()) {
+      const dayEntry = osSeries.find((s) => String(s.timestamp).slice(0, 10) === day);
+      if (dayEntry && dayEntry.count > 0) {
+        dayOS.push({ name: osName, count: dayEntry.count });
+      }
+    }
+    dayOS.sort((a, b) => b.count - a.count);
+
+    let allocated = 0;
+    for (const [cityName, citySeries] of perCityTimeseries.entries()) {
+      const dayEntry = citySeries.find((s) => String(s.timestamp).slice(0, 10) === day);
+      const cityCount = dayEntry?.count || 0;
+      if (cityCount <= 0) continue;
+      allocated += cityCount;
+      
+      const cityMeta = cityMetaMap.get(cityName);
+      const resolvedCountryCode = cityToCountryCodeMap.get(cityName);
+      let country = "";
+      if (resolvedCountryCode && COUNTRIES[resolvedCountryCode]) {
+        country = COUNTRIES[resolvedCountryCode];
+      } else {
+        const fallbackCountry = cityToCountryMap.get(cityName) || cityMeta?.country || "";
+        if (fallbackCountry) {
+          const fallbackCode = fallbackCountry.toUpperCase();
+          if (COUNTRIES[fallbackCode]) {
+            country = COUNTRIES[fallbackCode];
+          } else {
+            country = fallbackCountry;
+          }
+        }
+      }
+      const region = cityToRegionMap.get(cityName) || cityMeta?.region || "";
+      
+      // Distribute city clicks across browsers proportionally
+      let browserAllocated = 0;
+      for (const browser of dayBrowsers) {
+        const browserProportion = totalBrowserClicks > 0 ? browser.count / totalBrowserClicks : 0;
+        const browserAllocation = Math.round(cityCount * browserProportion);
+        if (browserAllocation <= 0) continue;
+        browserAllocated += browserAllocation;
+        
+        // For each browser allocation, use most common device/OS for that day
+        const device = dayDevices[0]?.name || topDevices[0]?.name || "desktop";
+        const os = dayOS[0]?.name || topOS[0]?.name || "unknown";
+        
+        const sidPrefix = `mig:${videoId}:${day}:${cityName}:${browser.name}`;
+        for (const sid of generateSessionIds(sidPrefix, browserAllocation)) {
+          rows.push({
+            timestamp: tsIso,
+            session_id: sid,
+            tenant_id: orgId,
+            action: "page_hit",
+            version: "dub_migration_v1",
+            pathname,
+            video_id: videoId,
+            country,
+            region,
+            city: cityName,
+            browser: browser.name,
+            device,
+            os,
+          });
+        }
+      }
+      
+      // Handle remainder for browsers (or if no browser data)
+      const browserRemainder = cityCount - browserAllocated;
+      if (browserRemainder > 0 || totalBrowserClicks === 0) {
+        const defaultBrowser = dayBrowsers[0]?.name || topBrowsers[0]?.name || "unknown";
+        const defaultDevice = dayDevices[0]?.name || topDevices[0]?.name || "desktop";
+        const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
+        const sidPrefix = `mig:${videoId}:${day}:${cityName}:${defaultBrowser}`;
+        for (const sid of generateSessionIds(sidPrefix, browserRemainder)) {
+          rows.push({
+            timestamp: tsIso,
+            session_id: sid,
+            tenant_id: orgId,
+            action: "page_hit",
+            version: "dub_migration_v1",
+            pathname,
+            video_id: videoId,
+            country,
+            region,
+            city: cityName,
+            browser: defaultBrowser,
+            device: defaultDevice,
+            os: defaultOS,
+          });
+        }
+      }
+    }
+
+    // Handle remainder (uncategorized)
+    const remainder = Math.max(0, dayTotal - allocated);
+    if (remainder > 0) {
+      const defaultCountry = countries[0]?.name || "";
+      const defaultBrowser = dayBrowsers[0]?.name || topBrowsers[0]?.name || "unknown";
+      const defaultDevice = dayDevices[0]?.name || topDevices[0]?.name || "desktop";
+      const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
+      const sidPrefix = `mig:${videoId}:${day}:__uncategorized__`;
+      for (const sid of generateSessionIds(sidPrefix, remainder)) {
+        rows.push({
+          timestamp: tsIso,
+          session_id: sid,
+          tenant_id: orgId,
+          action: "page_hit",
+          version: "dub_migration_v1",
+          pathname,
+          video_id: videoId,
+          country: defaultCountry,
+          region: "",
+          city: "",
+          browser: defaultBrowser,
+          device: defaultDevice,
+          os: defaultOS,
+        });
+      }
+    }
+  }
+
+  const totalPlanned = rows.length;
+
+  if (dryRun) {
+    return {
+      videoId,
+      orgId,
+      timeseriesPoints: timeseries.length,
+      citiesConsidered: selectedCities.length,
+      plannedEvents: totalPlanned,
+      sample: rows.slice(0, Math.min(3, rows.length)),
+    };
+  }
+
+  let written = 0;
+  const chunkSize = limits.ingestChunkSize || INGEST_CHUNK_SIZE;
+  const ingestConcurrency = limits.ingestConcurrency || DEFAULT_INGEST_CONCURRENCY;
+  const chunks = [];
+  for (let i = 0; i < rows.length; i += chunkSize) {
+    chunks.push(rows.slice(i, i + chunkSize));
+  }
+  const ingestLimit = createLimiter(ingestConcurrency);
+  const results = await Promise.all(
+    chunks.map((chunk) =>
+      ingestLimit(async () => {
+        const ndjson = toNdjson(chunk);
+        await tinybirdIngest({
+          host: tb.host,
+          token: tb.token,
+          datasource: TB_DATASOURCE,
+          ndjson,
+        });
+        return chunk.length;
+      })
+    )
+  );
+  written = results.reduce((a, b) => a + b, 0);
+
+  return {
+    videoId,
+    orgId,
+    written,
+  };
+}
+
+async function main() {
+  const args = parseArgs(process.argv);
+  if (!args.dryRun && !args.apply) usageAndExit("Specify --apply to perform writes or omit to dry run");
+
+  const dubToken = requireEnv("DUB_API_KEY");
+  const tbToken = args.dryRun ? null : requireEnv("TINYBIRD_TOKEN");
+  const tbHost = DEFAULT_HOST;
+
+  let videoIds = [...args.videoIds];
+
+  if (videoIds.length === 0) {
+    console.log(`Fetching all links from domain: ${args.domain}...`);
+    const links = await dubFetchAllLinks({ token: dubToken, domain: args.domain });
+    videoIds = links.map((link) => link.key || link.id).filter(Boolean);
+    console.log(`Found ${videoIds.length} links total`);
+  }
+
+  if (videoIds.length === 0) {
+    console.error("No video IDs found to migrate");
+    process.exit(0);
+  }
+
+  const originalCount = videoIds.length;
+  if (args.limit && args.limit > 0 && args.limit < videoIds.length) {
+    videoIds = videoIds.slice(0, args.limit);
+    console.log(`Limiting to ${args.limit} videos (out of ${originalCount} total)`);
+  } else if (args.limit && args.limit > 0) {
+    console.log(`Limit of ${args.limit} specified, but only ${originalCount} videos found`);
+  }
+
+  const map = loadVideoToOrgMap(args, videoIds);
+
+  const window = {
+    interval: args.start || args.end ? undefined : args.interval,
+    start: args.start || undefined,
+    end: args.end || undefined,
+    timezone: args.timezone,
+  };
+
+  const limits = { maxCities: args.maxCities };
+  const maxToProcess = args.limit && args.limit > 0 ? Math.min(args.limit, videoIds.length) : videoIds.length;
+  console.log(`Processing ${maxToProcess} video(s) with video concurrency=${args.videoConcurrency}, API concurrency=${args.apiConcurrency}...`);
+  const extendedLimits = {
+    ...limits,
+    ingestChunkSize: args.ingestChunk,
+    ingestConcurrency: args.ingestConcurrency,
+  };
+  const videoLimiter = createLimiter(args.videoConcurrency);
+  const tasks = videoIds.slice(0, maxToProcess).map((videoId, idx) =>
+    videoLimiter(async () => {
+      const orgId = map.get(videoId) || "";
+      console.log(`Migrating ${videoId}... (${idx + 1}/${maxToProcess})`);
+      return migrateVideo({
+        tokenDub: dubToken,
+        tb: { host: tbHost, token: tbToken },
+        domain: args.domain,
+        videoId,
+        orgId,
+        window,
+        limits: extendedLimits,
+        dryRun: args.dryRun,
+        apiConcurrency: args.apiConcurrency,
+      });
+    })
+  );
+  const results = await Promise.all(tasks);
+
+  const totalPlanned = results.reduce((acc, r) => acc + (r.plannedEvents || 0), 0);
+  const totalWritten = results.reduce((acc, r) => acc + (r.written || 0), 0);
+
+  const summary = {
+    mode: args.dryRun ? "dry-run" : "apply",
+    videos: videoIds.length,
+    totalPlanned,
+    totalWritten,
+    results,
+  };
+  console.log(JSON.stringify(summary, null, 2));
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
+
+
diff --git a/scripts/analytics/populate-test-data.js b/scripts/analytics/populate-test-data.js
new file mode 100644
index 0000000000..992bd68cbd
--- /dev/null
+++ b/scripts/analytics/populate-test-data.js
@@ -0,0 +1,233 @@
+import mysql from "mysql2/promise";
+import { createTinybirdClient, resolveTinybirdAuth } from "./shared.js";
+
+const TB_DATASOURCE = "analytics_events";
+const MAX_VIEWS = 100;
+const INGEST_CHUNK_SIZE = 5000;
+
+const BROWSERS = ["Chrome", "Safari", "Firefox", "Edge", "Mobile Safari", "Samsung Internet"];
+const DEVICES = ["Desktop", "Mobile", "Tablet"];
+const OS_OPTIONS = ["Mac OS", "Windows", "iOS", "Android", "Linux"];
+
+const CITIES = [
+	{ name: "New York", country: "United States", region: "New York" },
+	{ name: "Los Angeles", country: "United States", region: "California" },
+	{ name: "Chicago", country: "United States", region: "Illinois" },
+	{ name: "London", country: "United Kingdom", region: "England" },
+	{ name: "Toronto", country: "Canada", region: "Ontario" },
+	{ name: "Berlin", country: "Germany", region: "Berlin" },
+	{ name: "Paris", country: "France", region: "Île-de-France" },
+	{ name: "Sydney", country: "Australia", region: "New South Wales" },
+	{ name: "Tokyo", country: "Japan", region: "Tokyo" },
+	{ name: "São Paulo", country: "Brazil", region: "São Paulo" },
+	{ name: "Mumbai", country: "India", region: "Maharashtra" },
+	{ name: "Prague", country: "Czech Republic", region: "Praha" },
+	{ name: "Silver Spring", country: "United States", region: "Maryland" },
+	{ name: "Ashburn", country: "United States", region: "Virginia" },
+];
+
+function randomChoice(array) {
+	return array[Math.floor(Math.random() * array.length)];
+}
+
+function randomInt(min, max) {
+	return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+function generateRandomTimestamp(daysAgo = 30) {
+	const now = Date.now();
+	const daysAgoMs = daysAgo * 24 * 60 * 60 * 1000;
+	const randomMs = Math.random() * daysAgoMs;
+	const timestamp = new Date(now - randomMs);
+	return timestamp.toISOString();
+}
+
+function generateSessionId(videoId, timestamp, city, browser, index) {
+	const day = timestamp.slice(0, 10);
+	return `test:${videoId}:${day}:${city}:${browser}-${index}`;
+}
+
+function generateTestEvent(videoId, orgId = "", index = 0) {
+	const timestamp = generateRandomTimestamp(30);
+	const city = randomChoice(CITIES);
+	const browser = randomChoice(BROWSERS);
+	const device = randomChoice(DEVICES);
+	const os = randomChoice(OS_OPTIONS);
+	const sessionId = generateSessionId(videoId, timestamp, city.name, browser, index);
+
+	return {
+		timestamp,
+		session_id: sessionId,
+		tenant_id: orgId,
+		action: "page_hit",
+		version: "test_data_v1",
+		pathname: `/s/${videoId}`,
+		video_id: videoId,
+		country: city.country,
+		region: city.region,
+		city: city.name,
+		browser,
+		device,
+		os,
+	};
+}
+
+function toNdjson(rows) {
+	return rows.map((r) => JSON.stringify(r)).join("\n");
+}
+
+async function tinybirdIngest({ host, token, datasource, ndjson }) {
+	const search = new URLSearchParams({ name: datasource, format: "ndjson" });
+	const url = `${host.replace(/\/$/, "")}/v0/events?${search.toString()}`;
+	const response = await fetch(url, {
+		method: "POST",
+		headers: {
+			Authorization: `Bearer ${token}`,
+			"Content-Type": "application/x-ndjson",
+			Accept: "application/json",
+		},
+		body: ndjson,
+	});
+	const text = await response.text();
+	if (!response.ok) {
+		let message = text;
+		try {
+			const payload = JSON.parse(text || "{}");
+			message = payload?.error || payload?.message || text;
+		} catch {}
+		throw new Error(`Tinybird ingest failed (${response.status}): ${message}`);
+	}
+	return text ? JSON.parse(text) : {};
+}
+
+function parseDatabaseUrl(url) {
+	if (!url) throw new Error("DATABASE_URL not found");
+	if (!url.startsWith("mysql://")) throw new Error("DATABASE_URL is not a MySQL URL");
+
+	const parsed = new URL(url);
+	const config = {
+		host: parsed.hostname,
+		port: parsed.port ? parseInt(parsed.port, 10) : 3306,
+		user: parsed.username,
+		password: parsed.password,
+		database: parsed.pathname.slice(1),
+		ssl: {
+			rejectUnauthorized: false,
+		},
+	};
+
+	return config;
+}
+
+async function getVideoIds() {
+	const dbUrl = process.env.DATABASE_URL;
+	if (!dbUrl) {
+		throw new Error("DATABASE_URL environment variable is required");
+	}
+
+	const config = parseDatabaseUrl(dbUrl);
+	const connection = await mysql.createConnection(config);
+
+	try {
+		const [rows] = await connection.execute(
+			"SELECT id, orgId FROM videos LIMIT 1000",
+		);
+
+		const videoIds = rows.map((r) => r.id);
+		const orgMap = new Map();
+		for (const row of rows) {
+			orgMap.set(row.id, row.orgId || "");
+		}
+
+		return { videoIds, orgMap };
+	} finally {
+		await connection.end();
+	}
+}
+
+function distributeViews(videoIds, totalViews) {
+	if (videoIds.length === 0) return [];
+	if (videoIds.length === 1) return [{ videoId: videoIds[0], views: totalViews }];
+
+	const distribution = [];
+	let remaining = totalViews;
+
+	for (let i = 0; i < videoIds.length - 1; i++) {
+		const maxForThis = Math.floor(remaining / (videoIds.length - i));
+		const views = randomInt(1, Math.max(1, Math.min(maxForThis, remaining - (videoIds.length - i - 1))));
+		distribution.push({ videoId: videoIds[i], views });
+		remaining -= views;
+	}
+
+	if (remaining > 0) {
+		distribution.push({ videoId: videoIds[videoIds.length - 1], views: remaining });
+	} else {
+		distribution.push({ videoId: videoIds[videoIds.length - 1], views: 1 });
+	}
+
+	return distribution;
+}
+
+async function main() {
+	console.log("Fetching video IDs from database...");
+	const { videoIds, orgMap } = await getVideoIds();
+
+	if (videoIds.length === 0) {
+		console.error("No video IDs found in database");
+		process.exit(1);
+	}
+
+	console.log(`Found ${videoIds.length} video(s)`);
+
+	const distribution = distributeViews(videoIds, MAX_VIEWS);
+	console.log(`Generating ${MAX_VIEWS} test views across ${distribution.length} video(s)...`);
+
+	const events = [];
+	for (const { videoId, views } of distribution) {
+		const orgId = orgMap.get(videoId) || "";
+		for (let i = 0; i < views; i++) {
+			events.push(generateTestEvent(videoId, orgId, i));
+		}
+	}
+
+	console.log(`Generated ${events.length} events`);
+
+	const auth = resolveTinybirdAuth();
+	const client = createTinybirdClient(auth);
+
+	console.log(`Ingesting events into Tinybird (${auth.host})...`);
+
+	let totalWritten = 0;
+	const chunks = [];
+	for (let i = 0; i < events.length; i += INGEST_CHUNK_SIZE) {
+		chunks.push(events.slice(i, i + INGEST_CHUNK_SIZE));
+	}
+
+	for (let i = 0; i < chunks.length; i++) {
+		const chunk = chunks[i];
+		const ndjson = toNdjson(chunk);
+		await tinybirdIngest({
+			host: client.host,
+			token: client.token,
+			datasource: TB_DATASOURCE,
+			ndjson,
+		});
+		totalWritten += chunk.length;
+		console.log(`Ingested chunk ${i + 1}/${chunks.length} (${chunk.length} events)`);
+	}
+
+	console.log(`\n✅ Successfully ingested ${totalWritten} events into Tinybird`);
+	console.log(`\nSummary:`);
+	console.log(`  Videos: ${distribution.length}`);
+	console.log(`  Total events: ${totalWritten}`);
+	console.log(`  Distribution:`);
+	for (const { videoId, views } of distribution) {
+		console.log(`    ${videoId}: ${views} views`);
+	}
+}
+
+main().catch((err) => {
+	console.error("Error:", err);
+	process.exit(1);
+});
+

From b54dd8cbd02170daace2709155adba4296d43755 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 03:44:56 +0000
Subject: [PATCH 14/23] Add aspect ratio and width to CapCard image container

---
 .../web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
index 3e891a4351..186dc26c78 100644
--- a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
+++ b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
@@ -554,7 +554,7 @@ export const CapCard = ({
 					</div>
 				)}
 
-				<div className="relative">
+				<div className="relative aspect-video w-full">
 					<Link
 						className={clsx(
 							"relative",

From 4838494350c9c0cffeae9c92f974529a0cd067e6 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 04:37:06 +0000
Subject: [PATCH 15/23] Improve analytics migration and UI interactions

---
 .../dashboard/analytics/components/Header.tsx |  12 +-
 .../caps/components/CapCard/CapCard.tsx       | 115 ++--
 packages/database/auth/auth-options.ts        |   2 -
 packages/web-backend/src/Videos/index.ts      |  38 +-
 scripts/analytics/migrate-dub-to-tinybird.js  | 510 +++++++++++++++---
 5 files changed, 519 insertions(+), 158 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
index c5e0cfb8c7..361cbffffa 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -250,7 +250,7 @@ export default function Header({
 
   return (
     <div className="flex gap-2 items-center">
-      {capId && capName && (
+      {capId && (
         <div className="flex items-center rounded-xl border border-gray-4 bg-gray-2 overflow-hidden">
           <button
             type="button"
@@ -260,9 +260,13 @@ export default function Header({
             <ArrowLeft className="size-4" />
           </button>
           <div className="flex items-center px-4 py-2.5">
-            <span className="text-sm font-semibold text-gray-12">
-              {capName}
-            </span>
+            {capName ? (
+              <span className="text-sm font-semibold text-gray-12">
+                {capName}
+              </span>
+            ) : (
+              <div className="h-4 w-32 rounded bg-gray-4 animate-pulse" />
+            )}
           </div>
         </div>
       )}
diff --git a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
index 186dc26c78..035cc17d31 100644
--- a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
+++ b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx
@@ -360,60 +360,47 @@ export const CapCard = ({
 						"top-2 right-2 flex-col gap-2 z-[51]",
 					)}
 				>
+					<CapCardButton
+						tooltipContent="Copy link"
+						onClick={(e) => {
+							e.stopPropagation();
+							copyLinkHandler();
+							toast.success("Link copied to clipboard");
+						}}
+						className="delay-0"
+						icon={
+							!copyPressed ? (
+								<FontAwesomeIcon
+									className="text-gray-12 size-4"
+									icon={faLink}
+								/>
+							) : (
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									width="24"
+									height="24"
+									viewBox="0 0 24 24"
+									fill="none"
+									stroke="currentColor"
+									strokeWidth="2"
+									strokeLinecap="round"
+									strokeLinejoin="round"
+									className="text-gray-12 size-5 svgpathanimation"
+								>
+									<path d="M20 6 9 17l-5-5" />
+								</svg>
+							)
+						}
+					/>
 					{isOwner && (
-						<>
-							<CapCardButton
-								tooltipContent="Share"
-								onClick={(e) => {
-									e.stopPropagation();
-									setIsSharingDialogOpen(true);
-								}}
-								className="delay-0"
-								icon={<FontAwesomeIcon icon={faShare} />}
-							/>
-							<CapCardButton
-								tooltipContent="Analytics"
-								onClick={(e) => {
-									e.stopPropagation();
-									router.push(`/dashboard/analytics/s/${cap.id}`);
-								}}
-								className="delay-0"
-								icon={<FontAwesomeIcon icon={faChartSimple} />}
-							/>
-						</>
-					)}
-
-					{!isOwner && (
 						<CapCardButton
-							tooltipContent="Copy link"
+							tooltipContent="Share"
 							onClick={(e) => {
 								e.stopPropagation();
-								copyLinkHandler();
+								setIsSharingDialogOpen(true);
 							}}
 							className="delay-0"
-							icon={
-								!copyPressed ? (
-									<FontAwesomeIcon
-										className="text-gray-12 size-4"
-										icon={faLink}
-									/>
-								) : (
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										width="24"
-										height="24"
-										viewBox="0 0 24 24"
-										fill="none"
-										stroke="currentColor"
-										strokeWidth="2"
-										strokeLinecap="round"
-										strokeLinejoin="round"
-										className="text-gray-12 size-5 svgpathanimation"
-									>
-										<path d="M20 6 9 17l-5-5" />
-									</svg>
-								)
-							}
+							icon={<FontAwesomeIcon icon={faShare} />}
 						/>
 					)}
 
@@ -433,16 +420,28 @@ export const CapCard = ({
 							suppressHydrationWarning
 						>
 							{isOwner && (
-								<DropdownMenuItem
-									onClick={(e) => {
-										e.stopPropagation();
-										setIsSettingsDialogOpen(true);
-									}}
-									className="flex gap-2 items-center rounded-lg"
-								>
-									<FontAwesomeIcon className="size-3" icon={faGear} />
-									<p className="text-sm text-gray-12">Settings</p>
-								</DropdownMenuItem>
+								<>
+									<DropdownMenuItem
+										onClick={(e) => {
+											e.stopPropagation();
+											setIsSettingsDialogOpen(true);
+										}}
+										className="flex gap-2 items-center rounded-lg"
+									>
+										<FontAwesomeIcon className="size-3" icon={faGear} />
+										<p className="text-sm text-gray-12">Settings</p>
+									</DropdownMenuItem>
+									<DropdownMenuItem
+										onClick={(e) => {
+											e.stopPropagation();
+											router.push(`/dashboard/analytics/s/${cap.id}`);
+										}}
+										className="flex gap-2 items-center rounded-lg"
+									>
+										<FontAwesomeIcon className="size-3" icon={faChartSimple} />
+										<p className="text-sm text-gray-12">View analytics</p>
+									</DropdownMenuItem>
+								</>
 							)}
 							<DropdownMenuItem
 								onClick={(e) => {
diff --git a/packages/database/auth/auth-options.ts b/packages/database/auth/auth-options.ts
index 8f39e2575e..388b480b9a 100644
--- a/packages/database/auth/auth-options.ts
+++ b/packages/database/auth/auth-options.ts
@@ -9,9 +9,7 @@ import EmailProvider from "next-auth/providers/email";
 import GoogleProvider from "next-auth/providers/google";
 import type { Provider } from "next-auth/providers/index";
 import WorkOSProvider from "next-auth/providers/workos";
-import { dub } from "../dub.ts";
 import { sendEmail } from "../emails/config.ts";
-import { nanoId } from "../helpers.ts";
 import { db } from "../index.ts";
 import { organizationMembers, organizations, users } from "../schema.ts";
 import { isEmailAllowedForSignup } from "./domain-utils.ts";
diff --git a/packages/web-backend/src/Videos/index.ts b/packages/web-backend/src/Videos/index.ts
index 7489b6d992..c8f101119c 100644
--- a/packages/web-backend/src/Videos/index.ts
+++ b/packages/web-backend/src/Videos/index.ts
@@ -3,7 +3,7 @@ import { buildEnv, NODE_ENV, serverEnv } from "@cap/env";
 import { dub } from "@cap/utils";
 import { CurrentUser, type Folder, Policy, Video } from "@cap/web-domain";
 import * as Dz from "drizzle-orm";
-import { Array, Context, Effect, Exit, Option, pipe } from "effect";
+import { Array, Effect, Exit, Option } from "effect";
 import type { Schema } from "effect/Schema";
 
 import { Database } from "../Database.ts";
@@ -13,7 +13,7 @@ import { VideosPolicy } from "./VideosPolicy.ts";
 import type { CreateVideoInput as RepoCreateVideoInput } from "./VideosRepo.ts";
 import { VideosRepo } from "./VideosRepo.ts";
 
-const DEFAULT_ANALYTICS_RANGE_DAYS = 30;
+const DEFAULT_ANALYTICS_RANGE_DAYS = 90;
 const escapeSqlLiteral = (value: string) => value.replace(/'/g, "''");
 const formatDate = (date: Date) => date.toISOString().slice(0, 10);
 const formatDateTime = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
@@ -74,13 +74,18 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 				}> = [];
 
 				for (let index = 0; index < videoExits.length; index++) {
-					const exit = videoExits[index]!;
+					const exit = videoExits[index];
+					if (!exit) continue;
 					if (Exit.isSuccess(exit)) {
-						successfulVideos.push({
-							index,
-							videoId: videoIds[index]!,
-							video: exit.value,
-						});
+						const maybeVideo = exit.value;
+						if (Option.isSome(maybeVideo)) {
+							const [video] = maybeVideo.value;
+							successfulVideos.push({
+								index,
+								videoId: videoIds[index] ?? "",
+								video,
+							});
+						}
 					}
 				}
 
@@ -95,10 +100,13 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 					if (!videosByOrg.has(key)) {
 						videosByOrg.set(key, []);
 					}
-					videosByOrg.get(key)!.push({
-						videoId: video.id,
-						pathname: buildPathname(video.id),
-					});
+					const entries = videosByOrg.get(key);
+					if (entries) {
+						entries.push({
+							videoId: video.id,
+							pathname: buildPathname(video.id),
+						});
+					}
 				}
 
 				const runTinybirdQuery = <
@@ -170,7 +178,9 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 				return videoExits.map((exit, index) =>
 					Exit.map(exit, () => ({
 						count:
-							countsByPathname.get(buildPathname(videoIds[index]!)) ?? 0,
+							countsByPathname.get(
+								buildPathname(videoIds[index] ?? ""),
+							) ?? 0,
 					})),
 				);
 			},
@@ -495,8 +505,6 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 				return yield* Exit.matchEffect(result, {
 					onSuccess: (value) => Effect.succeed(value),
 					onFailure: (error) => Effect.fail(error),
-					onDie: (cause) => Effect.die(cause),
-					onInterrupt: (fiberId) => Effect.interrupt(fiberId),
 				});
 			}),
 			getAnalyticsBulk: getAnalyticsBulkInternal,
diff --git a/scripts/analytics/migrate-dub-to-tinybird.js b/scripts/analytics/migrate-dub-to-tinybird.js
index 8e973d59c1..220830b8e3 100644
--- a/scripts/analytics/migrate-dub-to-tinybird.js
+++ b/scripts/analytics/migrate-dub-to-tinybird.js
@@ -18,6 +18,7 @@ const INGEST_CHUNK_SIZE = 5000;
 const DEFAULT_VIDEO_CONCURRENCY = Number(process.env.VIDEO_CONCURRENCY || 4);
 const DEFAULT_API_CONCURRENCY = Number(process.env.DUB_CONCURRENCY || 8);
 const DEFAULT_INGEST_CONCURRENCY = Number(process.env.INGEST_CONCURRENCY || 4);
+const DEFAULT_INGEST_RATE_LIMIT = Number(process.env.INGEST_RATE_LIMIT || 10);
 
 export const REGIONS = {
   "AF-BDS": "Badakhshān",
@@ -4080,6 +4081,7 @@ function usageAndExit(message, code = 1) {
       "  --dub-concurrency <n>     Max concurrent Dub API requests per process. Default: 8",
       "  --ingest-chunk <n>        Tinybird ingest chunk size. Default: 5000",
       "  --ingest-concurrency <n>  Max concurrent Tinybird ingest requests. Default: 4",
+      "  --ingest-rate-limit <n>  Tinybird requests per second. Default: 10",
       "",
       "By default, fetches all links from the specified domain and migrates analytics for each.",
       "The link key (slug) is used as the videoId.",
@@ -4109,6 +4111,7 @@ function parseArgs(argv) {
     apiConcurrency: DEFAULT_API_CONCURRENCY,
     ingestChunk: INGEST_CHUNK_SIZE,
     ingestConcurrency: DEFAULT_INGEST_CONCURRENCY,
+    ingestRateLimit: DEFAULT_INGEST_RATE_LIMIT,
   };
   for (let i = 2; i < argv.length; i++) {
     const a = argv[i];
@@ -4151,6 +4154,9 @@ function parseArgs(argv) {
     } else if (a === "--ingest-concurrency") {
       const n = Number(argv[++i]);
       if (!Number.isNaN(n) && n > 0) args.ingestConcurrency = n;
+    } else if (a === "--ingest-rate-limit") {
+      const n = Number(argv[++i]);
+      if (!Number.isNaN(n) && n > 0) args.ingestRateLimit = n;
     }
     else usageAndExit(`Unknown argument: ${a}`);
   }
@@ -4238,6 +4244,109 @@ function sleep(ms) {
   return new Promise((r) => setTimeout(r, ms));
 }
 
+const tinybirdRateLimitState = {
+  lastRequestTime: 0,
+};
+
+function createTinybirdRateLimiter(requestsPerSecond) {
+  const minDelayMs = requestsPerSecond > 0 ? 1000 / requestsPerSecond : 0;
+  return {
+    minDelayMs,
+    async wait() {
+      const now = Date.now();
+      const timeSinceLastRequest = now - tinybirdRateLimitState.lastRequestTime;
+      if (timeSinceLastRequest < minDelayMs) {
+        const waitTime = minDelayMs - timeSinceLastRequest;
+        await sleep(waitTime);
+      }
+      tinybirdRateLimitState.lastRequestTime = Date.now();
+    },
+  };
+}
+
+const dubRateLimitState = {
+  limit: 3000,
+  remaining: 3000,
+  resetAt: Date.now() + 60000,
+  requests: [],
+};
+
+async function waitForRateLimit() {
+  const state = dubRateLimitState;
+  const now = Date.now();
+  
+  if (now >= state.resetAt) {
+    state.remaining = state.limit;
+    state.resetAt = now + 60000;
+    state.requests = [];
+  }
+  
+  state.requests = state.requests.filter((timestamp) => timestamp > now - 60000);
+  
+  if (state.requests.length >= state.limit) {
+    const oldestRequest = Math.min(...state.requests);
+    const waitTime = 60000 - (now - oldestRequest) + 100;
+    if (waitTime > 0) {
+      await sleep(waitTime);
+      return waitForRateLimit();
+    }
+  }
+  
+  if (state.remaining <= 0) {
+    const waitTime = state.resetAt - now + 100;
+    if (waitTime > 0) {
+      await sleep(waitTime);
+      return waitForRateLimit();
+    }
+  }
+  
+  state.requests.push(now);
+  if (state.remaining > 0) {
+    state.remaining--;
+  }
+}
+
+function updateRateLimitState(response) {
+  const state = dubRateLimitState;
+  const limitHeader = response.headers.get("x-ratelimit-limit");
+  const remainingHeader = response.headers.get("x-ratelimit-remaining");
+  const resetHeader = response.headers.get("x-ratelimit-reset");
+  
+  if (limitHeader) {
+    const limit = Number(limitHeader);
+    if (Number.isFinite(limit) && limit > 0) {
+      state.limit = limit;
+    }
+  }
+  
+  if (remainingHeader) {
+    const remaining = Number(remainingHeader);
+    if (Number.isFinite(remaining) && remaining >= 0) {
+      state.remaining = remaining;
+    }
+  }
+  
+  if (resetHeader) {
+    const resetTimestamp = Number(resetHeader);
+    if (Number.isFinite(resetTimestamp) && resetTimestamp > 0) {
+      let resetMs;
+      const now = Date.now();
+      if (resetTimestamp > now * 1000) {
+        resetMs = Math.floor(resetTimestamp / 1000);
+      } else if (resetTimestamp > now) {
+        resetMs = resetTimestamp;
+      } else if (resetTimestamp < 1e10) {
+        resetMs = resetTimestamp * 1000;
+      } else {
+        resetMs = Math.floor(resetTimestamp / 1000);
+      }
+      if (resetMs > now && resetMs < now + 86400000) {
+        state.resetAt = resetMs;
+      }
+    }
+  }
+}
+
 function normalizeDimensionField(value) {
   if (value === undefined || value === null) return "";
   const str = String(value).trim();
@@ -4319,9 +4428,14 @@ async function dubFetch(pathname, token, params = {}) {
   const url = `${DUB_API_URL}${pathname}${Object.keys(params).length ? `?${qs(params)}` : ""}`;
   const maxAttempts = 5;
   for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+    await waitForRateLimit();
+    
     const response = await fetch(url, {
       headers: { Authorization: `Bearer ${token}`, Accept: "application/json" },
     });
+    
+    updateRateLimitState(response);
+    
     const text = await response.text();
     if (response.ok) {
       try {
@@ -4359,64 +4473,171 @@ async function dubListLinks({ token, domain, limit = 100, offset = 0 }) {
   return { links, hasMore };
 }
 
-async function dubFetchAllLinks({ token, domain }) {
+async function dubFetchAllLinks({ token, domain, maxLinks = null }) {
   const allLinks = [];
   let offset = 0;
   const limit = 100;
-  let hasMore = true;
 
-  while (hasMore) {
-    const { links, hasMore: more } = await dubListLinks({ token, domain, limit, offset });
+  while (true) {
+    const { links, hasMore } = await dubListLinks({ token, domain, limit, offset });
     allLinks.push(...links);
-    hasMore = more;
     offset += limit;
+    
+    if (maxLinks !== null && allLinks.length >= maxLinks) {
+      return allLinks.slice(0, maxLinks);
+    }
+    
     if (links.length < limit) break;
+    
+    if (!hasMore && maxLinks === null) break;
   }
 
   return allLinks;
 }
 
 async function dubRetrieveTimeseries({ token, domain, key, start, end, interval, timezone, city, country, region }) {
-  const params = {
-    event: "clicks",
-    groupBy: "timeseries",
-    domain,
-    key,
-    timezone: timezone || DEFAULT_TIMEZONE,
-    interval: start || end ? undefined : interval || DEFAULT_INTERVAL,
-    start: start || undefined,
-    end: end || undefined,
-    city: city || undefined,
-    country: country || undefined,
-    region: region || undefined,
-  };
-  const res = await dubFetch("/analytics", token, params);
-  let data = [];
-  if (Array.isArray(res)) {
-    data = res;
-  } else if (Array.isArray(res?.data)) {
-    data = res.data;
-  } else if (res && typeof res === "object") {
-    data = [res];
-  }
-  const rows = [];
-  for (const row of data) {
-    if (!row || typeof row !== "object") continue;
-    const t = row.start || row.timestamp || row.date || row.ts || row.time || row.d || row.t || row.startDate;
-    const c = row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
-    if (!t) continue;
-    let tsStr;
-    if (typeof t === "string") {
-      tsStr = t;
-    } else if (typeof t === "number") {
-      tsStr = new Date(t).toISOString();
-    } else {
-      tsStr = String(t);
+  const allRows = [];
+  
+  if (start && end) {
+    const startDate = new Date(start);
+    const endDate = new Date(end);
+    const currentDate = new Date(startDate);
+    
+    while (currentDate <= endDate) {
+      const dayStart = new Date(currentDate);
+      dayStart.setHours(0, 0, 0, 0);
+      const dayEnd = new Date(currentDate);
+      dayEnd.setHours(23, 59, 59, 999);
+      
+      const dayStartISO = dayStart.toISOString();
+      const dayEndISO = dayEnd.toISOString();
+      
+      const params = {
+        event: "clicks",
+        groupBy: "timeseries",
+        domain,
+        key,
+        timezone: timezone || DEFAULT_TIMEZONE,
+        interval: "24h",
+        start: dayStartISO,
+        end: dayEndISO,
+        city: city || undefined,
+        country: country || undefined,
+        region: region || undefined,
+      };
+      
+      const res = await dubFetch("/analytics", token, params);
+      let data = [];
+      if (Array.isArray(res)) {
+        data = res;
+      } else if (Array.isArray(res?.data)) {
+        data = res.data;
+      } else if (res && typeof res === "object") {
+        data = [res];
+      }
+      
+      for (const row of data) {
+        if (!row || typeof row !== "object") continue;
+        const t = row.start || row.timestamp || row.date || row.ts || row.time || row.d || row.t || row.startDate;
+        const c = row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
+        if (!t) continue;
+        
+        let tsStr;
+        if (typeof t === "string") {
+          tsStr = t;
+        } else if (typeof t === "number") {
+          tsStr = new Date(t).toISOString();
+        } else {
+          tsStr = String(t);
+        }
+        
+        if (!tsStr || tsStr === "undefined" || tsStr === "null" || tsStr === "Invalid Date") continue;
+        
+        if (tsStr.includes("+0000")) {
+          tsStr = tsStr.replace("+0000", "Z");
+        } else if (tsStr.match(/[+-]\d{4}$/)) {
+          const parsed = new Date(tsStr);
+          if (!Number.isNaN(parsed.getTime())) {
+            tsStr = parsed.toISOString();
+          }
+        } else if (!tsStr.includes("T") || !tsStr.includes(":")) {
+          const parsed = new Date(tsStr);
+          if (!Number.isNaN(parsed.getTime())) {
+            tsStr = parsed.toISOString();
+          }
+        }
+        
+        const count = Number(c) || 0;
+        if (count > 0) {
+          allRows.push({ timestamp: tsStr, count });
+        }
+      }
+      
+      currentDate.setDate(currentDate.getDate() + 1);
+    }
+  } else {
+    const params = {
+      event: "clicks",
+      groupBy: "timeseries",
+      domain,
+      key,
+      timezone: timezone || DEFAULT_TIMEZONE,
+      interval: interval || DEFAULT_INTERVAL,
+      start: start || undefined,
+      end: end || undefined,
+      city: city || undefined,
+      country: country || undefined,
+      region: region || undefined,
+    };
+    const res = await dubFetch("/analytics", token, params);
+    let data = [];
+    if (Array.isArray(res)) {
+      data = res;
+    } else if (Array.isArray(res?.data)) {
+      data = res.data;
+    } else if (res && typeof res === "object") {
+      data = [res];
+    }
+    
+    for (const row of data) {
+      if (!row || typeof row !== "object") continue;
+      const t = row.start || row.timestamp || row.date || row.ts || row.time || row.d || row.t || row.startDate;
+      const c = row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
+      if (!t) continue;
+      
+      let tsStr;
+      if (typeof t === "string") {
+        tsStr = t;
+      } else if (typeof t === "number") {
+        tsStr = new Date(t).toISOString();
+      } else {
+        tsStr = String(t);
+      }
+      
+      if (!tsStr || tsStr === "undefined" || tsStr === "null" || tsStr === "Invalid Date") continue;
+      
+      if (tsStr.includes("+0000")) {
+        tsStr = tsStr.replace("+0000", "Z");
+      } else if (tsStr.match(/[+-]\d{4}$/)) {
+        const parsed = new Date(tsStr);
+        if (!Number.isNaN(parsed.getTime())) {
+          tsStr = parsed.toISOString();
+        }
+      } else if (!tsStr.includes("T") || !tsStr.includes(":")) {
+        const parsed = new Date(tsStr);
+        if (!Number.isNaN(parsed.getTime())) {
+          tsStr = parsed.toISOString();
+        }
+      }
+      
+      const count = Number(c) || 0;
+      if (count > 0) {
+        allRows.push({ timestamp: tsStr, count });
+      }
     }
-    if (!tsStr || tsStr === "undefined" || tsStr === "null" || tsStr === "Invalid Date") continue;
-    rows.push({ timestamp: tsStr, count: Number(c) || 0 });
   }
-  return rows.filter((r) => r.timestamp && r.timestamp !== "undefined" && r.timestamp !== "null");
+  
+  return allRows.filter((r) => r.timestamp && r.timestamp !== "undefined" && r.timestamp !== "null");
 }
 
 async function dubRetrieveBreakdown({ token, domain, key, start, end, interval, timezone, groupBy, city, country, region }) {
@@ -4487,11 +4708,12 @@ function dayMidpointIso(day) {
     }
   }
   try {
-    const d = new Date(dayStr);
+    const d = new Date(dayStr + "T00:00:00.000Z");
     if (!Number.isNaN(d.getTime())) {
       return d.toISOString().slice(0, 10) + "T12:00:00.000Z";
     }
-  } catch {}
+  } catch {
+  }
   return null;
 }
 
@@ -4505,28 +4727,73 @@ function toNdjson(rows) {
   return rows.map((r) => JSON.stringify(r)).join("\n");
 }
 
-async function tinybirdIngest({ host, token, datasource, ndjson }) {
-  const search = new URLSearchParams({ name: datasource, format: "ndjson" });
-  const url = `${host.replace(/\/$/, "")}/v0/events?${search.toString()}`;
-  const response = await fetch(url, {
-    method: "POST",
-    headers: {
-      Authorization: `Bearer ${token}`,
-      "Content-Type": "application/x-ndjson",
-      Accept: "application/json",
-    },
-    body: ndjson,
-  });
-  const text = await response.text();
-  if (!response.ok) {
-    let message = text;
+async function tinybirdIngest({ host, token, datasource, ndjson, rateLimiter }) {
+  const maxAttempts = 5;
+  for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+    if (rateLimiter) {
+      await rateLimiter.wait();
+    }
+    const search = new URLSearchParams({ name: datasource, format: "ndjson" });
+    const url = `${host.replace(/\/$/, "")}/v0/events?${search.toString()}`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${token}`,
+        "Content-Type": "application/x-ndjson",
+        Accept: "application/json",
+      },
+      body: ndjson,
+    });
+    const text = await response.text();
+    if (response.ok) {
+      try {
+        return text ? JSON.parse(text) : {};
+      } catch {
+        return {};
+      }
+    }
+    const status = response.status;
+    let responseData = null;
     try {
-      const payload = JSON.parse(text || "{}");
-      message = payload?.error || payload?.message || text;
+      responseData = text ? JSON.parse(text) : null;
     } catch {}
-    throw new Error(`Tinybird ingest failed (${response.status}): ${message}`);
+    
+    if (status === 429 && responseData && (responseData.quarantined || responseData.imported || responseData.success)) {
+      return responseData;
+    }
+    
+    const shouldRetry = status === 429 || (status >= 500 && status < 600);
+    if (!shouldRetry || attempt === maxAttempts) {
+      let message = text;
+      if (responseData) {
+        message = responseData?.error || responseData?.message || text;
+      }
+      throw new Error(`Tinybird ingest failed (${status}): ${message}`);
+    }
+    const retryAfter = response.headers.get("retry-after");
+    let waitTime;
+    if (retryAfter) {
+      const retryAfterNum = Number(retryAfter);
+      if (Number.isFinite(retryAfterNum) && retryAfterNum > 0) {
+        if (retryAfterNum < 86400) {
+          waitTime = retryAfterNum * 1000;
+        } else if (retryAfterNum < 86400000) {
+          waitTime = retryAfterNum;
+        } else {
+          waitTime = 60000;
+        }
+        if (waitTime > 60000) {
+          waitTime = 60000;
+        }
+      } else {
+        waitTime = Math.min(500 * 2 ** (attempt - 1), 60000);
+      }
+    } else {
+      waitTime = Math.min(500 * 2 ** (attempt - 1), 60000);
+    }
+    const jitter = Math.floor(Math.random() * 250);
+    await sleep(Math.min(waitTime + jitter, 60000));
   }
-  return text ? JSON.parse(text) : {};
 }
 
 async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window, limits, dryRun, apiConcurrency }) {
@@ -4542,8 +4809,24 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
   };
 
   const apiLimit = createLimiter(apiConcurrency || DEFAULT_API_CONCURRENCY);
-  const [timeseries, countries, cities, browsers, devices, os] = await Promise.all([
-    apiLimit(() => dubRetrieveTimeseries(baseArgs)),
+  
+  const timeseries = await apiLimit(() => dubRetrieveTimeseries(baseArgs));
+  
+  if (timeseries.length === 0) {
+    if (dryRun) {
+      return {
+        videoId,
+        orgId,
+        timeseriesPoints: 0,
+        citiesConsidered: 0,
+        plannedEvents: 0,
+        sample: [],
+      };
+    }
+    return { videoId, orgId, written: 0 };
+  }
+  
+  const [countries, cities, browsers, devices, os] = await Promise.all([
     apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "countries" })),
     apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "cities" })),
     apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "browsers" })),
@@ -4561,8 +4844,11 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
     });
   const cityMetaMap = new Map(selectedCities.map((city) => [city.name, city]));
   
-  if (dryRun && timeseries.length > 0 && timeseries[0]) {
-    console.log(`  Sample timeseries entry:`, JSON.stringify(timeseries[0]));
+  if (dryRun && timeseries.length > 0) {
+    console.log(`  Sample timeseries entries (showing first 5):`);
+    timeseries.slice(0, 5).forEach((entry, idx) => {
+      console.log(`    [${idx}]:`, JSON.stringify(entry));
+    });
     if (countries.length > 0) console.log(`  Sample countries:`, JSON.stringify(countries.slice(0, 3)));
     if (browsers.length > 0) console.log(`  Sample browsers:`, JSON.stringify(browsers.slice(0, 3)));
   }
@@ -4792,15 +5078,48 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
 
   // Build rows per-city per-day with browser/device/OS distribution
   const rows = [];
+  const dayRowMap = new Map();
   for (const seriesItem of timeseries) {
     if (seriesItem.count <= 0) continue;
     const tsStr = String(seriesItem.timestamp);
     if (!tsStr || tsStr === "undefined" || tsStr === "null") continue;
-    const day = tsStr.slice(0, 10);
+    
+    let parsedDate;
+    let day;
+    let tsIso;
+    
+    if (tsStr.includes("T") && tsStr.includes(":")) {
+      parsedDate = new Date(tsStr);
+      if (!Number.isNaN(parsedDate.getTime())) {
+        day = parsedDate.toISOString().slice(0, 10);
+        tsIso = `${day}T00:00:00.000Z`;
+      } else {
+        day = tsStr.slice(0, 10);
+        tsIso = dayMidpointIso(day);
+      }
+    } else {
+      day = tsStr.slice(0, 10);
+      const dateStrWithUTC = tsStr.includes("Z") || tsStr.match(/[+-]\d{2}:?\d{2}$/) ? tsStr : tsStr + "T00:00:00.000Z";
+      parsedDate = new Date(dateStrWithUTC);
+      if (!Number.isNaN(parsedDate.getTime())) {
+        day = parsedDate.toISOString().slice(0, 10);
+        tsIso = `${day}T00:00:00.000Z`;
+      } else {
+        tsIso = dayMidpointIso(day);
+      }
+    }
+    
     if (!day || day.length < 10 || day === "undefined") continue;
-    const tsIso = dayMidpointIso(day);
     if (!tsIso) continue;
     const dayTotal = seriesItem.count;
+    let dayData = dayRowMap.get(day);
+    if (!dayData) {
+      dayData = { total: dayTotal, rows: [] };
+      dayRowMap.set(day, dayData);
+    } else {
+      dayData.total = Math.max(dayData.total, dayTotal);
+    }
+    const dayRows = dayData.rows;
 
     // Get browser/device/OS breakdowns for this day
     const dayBrowsers = [];
@@ -4870,7 +5189,7 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
         
         const sidPrefix = `mig:${videoId}:${day}:${cityName}:${browser.name}`;
         for (const sid of generateSessionIds(sidPrefix, browserAllocation)) {
-          rows.push({
+          dayRows.push({
             timestamp: tsIso,
             session_id: sid,
             tenant_id: orgId,
@@ -4896,7 +5215,7 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
         const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
         const sidPrefix = `mig:${videoId}:${day}:${cityName}:${defaultBrowser}`;
         for (const sid of generateSessionIds(sidPrefix, browserRemainder)) {
-          rows.push({
+          dayRows.push({
             timestamp: tsIso,
             session_id: sid,
             tenant_id: orgId,
@@ -4924,7 +5243,7 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
       const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
       const sidPrefix = `mig:${videoId}:${day}:__uncategorized__`;
       for (const sid of generateSessionIds(sidPrefix, remainder)) {
-        rows.push({
+        dayRows.push({
           timestamp: tsIso,
           session_id: sid,
           tenant_id: orgId,
@@ -4943,25 +5262,52 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
     }
   }
 
+  for (const [day, { total: dayTotal, rows: dayRows }] of dayRowMap.entries()) {
+    if (dayRows.length > dayTotal) {
+      const excess = dayRows.length - dayTotal;
+      console.log(`  Day ${day}: Capping rows from ${dayRows.length} to ${dayTotal} (removing ${excess} excess row(s))`);
+      dayRows.splice(dayTotal);
+    }
+    rows.push(...dayRows);
+  }
+
   const totalPlanned = rows.length;
 
+  const seen = new Map();
+  const deduplicatedRows = [];
+  for (const row of rows) {
+    const key = `${row.timestamp}|${row.session_id}|${row.video_id}`;
+    if (!seen.has(key)) {
+      seen.set(key, true);
+      deduplicatedRows.push(row);
+    }
+  }
+
+  const duplicatesRemoved = totalPlanned - deduplicatedRows.length;
+  if (duplicatesRemoved > 0) {
+    console.log(`  Removed ${duplicatesRemoved} duplicate row(s) (${totalPlanned} -> ${deduplicatedRows.length})`);
+  }
+
   if (dryRun) {
     return {
       videoId,
       orgId,
       timeseriesPoints: timeseries.length,
       citiesConsidered: selectedCities.length,
-      plannedEvents: totalPlanned,
-      sample: rows.slice(0, Math.min(3, rows.length)),
+      plannedEvents: deduplicatedRows.length,
+      duplicatesRemoved,
+      sample: deduplicatedRows.slice(0, Math.min(3, deduplicatedRows.length)),
     };
   }
 
   let written = 0;
   const chunkSize = limits.ingestChunkSize || INGEST_CHUNK_SIZE;
   const ingestConcurrency = limits.ingestConcurrency || DEFAULT_INGEST_CONCURRENCY;
+  const ingestRateLimit = limits.ingestRateLimit || DEFAULT_INGEST_RATE_LIMIT;
+  const rateLimiter = createTinybirdRateLimiter(ingestRateLimit);
   const chunks = [];
-  for (let i = 0; i < rows.length; i += chunkSize) {
-    chunks.push(rows.slice(i, i + chunkSize));
+  for (let i = 0; i < deduplicatedRows.length; i += chunkSize) {
+    chunks.push(deduplicatedRows.slice(i, i + chunkSize));
   }
   const ingestLimit = createLimiter(ingestConcurrency);
   const results = await Promise.all(
@@ -4973,6 +5319,7 @@ async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window,
           token: tb.token,
           datasource: TB_DATASOURCE,
           ndjson,
+          rateLimiter,
         });
         return chunk.length;
       })
@@ -4999,7 +5346,11 @@ async function main() {
 
   if (videoIds.length === 0) {
     console.log(`Fetching all links from domain: ${args.domain}...`);
-    const links = await dubFetchAllLinks({ token: dubToken, domain: args.domain });
+    const links = await dubFetchAllLinks({ 
+      token: dubToken, 
+      domain: args.domain,
+      maxLinks: args.limit || null
+    });
     videoIds = links.map((link) => link.key || link.id).filter(Boolean);
     console.log(`Found ${videoIds.length} links total`);
   }
@@ -5028,11 +5379,12 @@ async function main() {
 
   const limits = { maxCities: args.maxCities };
   const maxToProcess = args.limit && args.limit > 0 ? Math.min(args.limit, videoIds.length) : videoIds.length;
-  console.log(`Processing ${maxToProcess} video(s) with video concurrency=${args.videoConcurrency}, API concurrency=${args.apiConcurrency}...`);
+  console.log(`Processing ${maxToProcess} video(s) with video concurrency=${args.videoConcurrency}, API concurrency=${args.apiConcurrency}, ingest rate limit=${args.ingestRateLimit}/s...`);
   const extendedLimits = {
     ...limits,
     ingestChunkSize: args.ingestChunk,
     ingestConcurrency: args.ingestConcurrency,
+    ingestRateLimit: args.ingestRateLimit,
   };
   const videoLimiter = createLimiter(args.videoConcurrency);
   const tasks = videoIds.slice(0, maxToProcess).map((videoId, idx) =>

From 4e4646e2c2dbb83cc2ea1e33db03222688536876 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 04:41:01 +0000
Subject: [PATCH 16/23] Refactor cap deletion logic and analytics tracking

---
 apps/web/app/(org)/dashboard/caps/Caps.tsx | 159 +++++++++++----------
 apps/web/app/api/analytics/track/route.ts  |  17 ++-
 2 files changed, 93 insertions(+), 83 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/caps/Caps.tsx b/apps/web/app/(org)/dashboard/caps/Caps.tsx
index c3c9bf7835..903a55a140 100644
--- a/apps/web/app/(org)/dashboard/caps/Caps.tsx
+++ b/apps/web/app/(org)/dashboard/caps/Caps.tsx
@@ -80,9 +80,85 @@ export const Caps = ({
 		data.map((video) => video.id),
 		analyticsEnabled,
 	);
-	const analytics = analyticsQuery.data || {};
+	const analytics: Partial<Record<Video.VideoId, number>> =
+		analyticsQuery.data || {};
 	const isLoadingAnalytics = analyticsEnabled && analyticsQuery.isLoading;
 
+	const handleCapSelection = (capId: Video.VideoId) => {
+		setSelectedCaps((prev) => {
+			const newSelection = prev.includes(capId)
+				? prev.filter((id) => id !== capId)
+				: [...prev, capId];
+
+			previousCountRef.current = prev.length;
+
+			return newSelection;
+		});
+	};
+
+	const rpc = useRpcClient();
+
+	const { mutate: deleteCaps, isPending: isDeletingCaps } = useEffectMutation({
+		mutationFn: Effect.fn(function* (ids: Video.VideoId[]) {
+			if (ids.length === 0) return { success: 0 };
+
+			const results = yield* Effect.all(
+				ids.map((id) => rpc.VideoDelete(id).pipe(Effect.exit)),
+				{ concurrency: 10 },
+			);
+
+			const successCount = results.filter(Exit.isSuccess).length;
+
+			const errorCount = ids.length - successCount;
+
+			if (successCount > 0 && errorCount > 0) {
+				return { success: successCount, error: errorCount };
+			} else if (successCount > 0) {
+				return { success: successCount };
+			} else {
+				return yield* Effect.fail(
+					new Error(
+						`Failed to delete ${errorCount} cap${errorCount === 1 ? "" : "s"}`,
+					),
+				);
+			}
+		}),
+		onMutate: (ids: Video.VideoId[]) => {
+			toast.loading(`Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`);
+		},
+		onSuccess: (data: { success: number; error?: number }) => {
+			setSelectedCaps([]);
+			router.refresh();
+			if (data.error) {
+				toast.success(
+					`Successfully deleted ${data.success} cap${
+						data.success === 1 ? "" : "s"
+					}, but failed to delete ${data.error} cap${data.error === 1 ? "" : "s"}`,
+				);
+			} else {
+				toast.success(
+					`Successfully deleted ${data.success} cap${data.success === 1 ? "" : "s"}`,
+				);
+			}
+		},
+		onError: (error: unknown) => {
+			const message =
+				error instanceof Error ? error.message : "An error occurred while deleting caps";
+			toast.error(message);
+		},
+	});
+
+	const { mutate: deleteCap, isPending: isDeletingCap } = useEffectMutation({
+		mutationFn: Effect.fn(function* (id: Video.VideoId) {
+			yield* rpc.VideoDelete(id);
+		}),
+		onSuccess: () => {
+			toast.success("Cap deleted successfully");
+			router.refresh();
+		},
+		onError: (_error: unknown) => toast.error("Failed to delete cap"),
+	});
+
 	useEffect(() => {
 		const handleKeyDown = (e: KeyboardEvent) => {
 			if (e.key === "Escape" && selectedCaps.length > 0) {
@@ -123,7 +199,7 @@ export const Caps = ({
 		return () => {
 			window.removeEventListener("keydown", handleKeyDown);
 		};
-	}, [selectedCaps.length, data]);
+	}, [selectedCaps, data, deleteCaps]);
 
 	useEffect(() => {
 		const handleDragStart = () => setIsDraggingCap(true);
@@ -138,82 +214,6 @@ export const Caps = ({
 		};
 	}, []);
 
-	const handleCapSelection = (capId: Video.VideoId) => {
-		setSelectedCaps((prev) => {
-			const newSelection = prev.includes(capId)
-				? prev.filter((id) => id !== capId)
-				: [...prev, capId];
-
-			previousCountRef.current = prev.length;
-
-			return newSelection;
-		});
-	};
-
-	const rpc = useRpcClient();
-
-	const { mutate: deleteCaps, isPending: isDeletingCaps } = useEffectMutation({
-		mutationFn: Effect.fn(function* (ids: Video.VideoId[]) {
-			if (ids.length === 0) return;
-
-			const fiber = yield* Effect.gen(function* () {
-				const results = yield* Effect.all(
-					ids.map((id) => rpc.VideoDelete(id).pipe(Effect.exit)),
-					{ concurrency: 10 },
-				);
-
-				const successCount = results.filter(Exit.isSuccess).length;
-
-				const errorCount = ids.length - successCount;
-
-				if (successCount > 0 && errorCount > 0) {
-					return { success: successCount, error: errorCount };
-				} else if (successCount > 0) {
-					return { success: successCount };
-				} else {
-					return yield* Effect.fail(
-						new Error(
-							`Failed to delete ${errorCount} cap${errorCount === 1 ? "" : "s"}`,
-						),
-					);
-				}
-			}).pipe(Effect.fork);
-
-			toast.promise(Effect.runPromise(fiber.await.pipe(Effect.flatten)), {
-				loading: `Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`,
-				success: (data) => {
-					if (data.error) {
-						return `Successfully deleted ${data.success} cap${
-							data.success === 1 ? "" : "s"
-						}, but failed to delete ${data.error} cap${
-							data.error === 1 ? "" : "s"
-						}`;
-					}
-					return `Successfully deleted ${data.success} cap${
-						data.success === 1 ? "" : "s"
-					}`;
-				},
-				error: (error) =>
-					error.message || "An error occurred while deleting caps",
-			});
-
-			return yield* fiber.await.pipe(Effect.flatten);
-		}),
-		onSuccess: () => {
-			setSelectedCaps([]);
-			router.refresh();
-		},
-	});
-
-	const { mutate: deleteCap, isPending: isDeletingCap } = useEffectMutation({
-		mutationFn: (id: Video.VideoId) => rpc.VideoDelete(id),
-		onSuccess: () => {
-			toast.success("Cap deleted successfully");
-			router.refresh();
-		},
-		onError: () => toast.error("Failed to delete cap"),
-	});
-
 	const [isUploading, uploadingCapId] = useUploadingStatus();
 	const visibleVideos = useMemo(
 		() =>
@@ -267,11 +267,12 @@ export const Caps = ({
 							<UploadPlaceholderCard key={"upload-placeholder"} />
 						)}
 						{visibleVideos.map((video) => {
+							const videoAnalytics = analytics[video.id];
 							return (
 								<CapCard
 									key={video.id}
 									cap={video}
-									analytics={analytics[video.id] || 0}
+									analytics={videoAnalytics ?? 0}
 									onDelete={() => {
 										if (selectedCaps.length > 0) {
 											deleteCaps(selectedCaps);
diff --git a/apps/web/app/api/analytics/track/route.ts b/apps/web/app/api/analytics/track/route.ts
index 160254f55a..5d526a30fa 100644
--- a/apps/web/app/api/analytics/track/route.ts
+++ b/apps/web/app/api/analytics/track/route.ts
@@ -71,14 +71,23 @@ export async function POST(request: NextRequest) {
 	await runPromise(
 		Effect.gen(function* () {
 			const maybeUser = yield* Effect.serviceOption(CurrentUser);
-			const userId = Option.isSome(maybeUser)
-				? maybeUser.value.id
-				: null;
+			const userId = Option.match(maybeUser, {
+				onNone: () => null as string | null,
+				onSome: (user) => {
+					const currentUser = user as {
+						id: string;
+						email: string;
+						activeOrganizationId: string;
+						iconUrlOrKey: Option.Option<unknown>;
+					};
+					return currentUser.id;
+				},
+			});
 			if (userId && body.ownerId && userId === body.ownerId) {
 				return;
 			}
 
-			const tinybird = yield* Tinybird;
+			const tinybird = yield* Effect.service(Tinybird);
 			yield* tinybird.appendEvents([
 				{
 					timestamp: timestamp.toISOString(),

From 2b48e50a7c29d78fd48387682148f0aba1e9bb19 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 04:41:37 +0000
Subject: [PATCH 17/23] format

---
 apps/web/actions/videos/get-analytics.ts      |    51 +-
 .../dashboard/_components/Navbar/Items.tsx    |   852 +-
 .../components/AnalyticsDashboard.tsx         |   197 +-
 .../analytics/components/ChartArea.tsx        |    17 +-
 .../dashboard/analytics/components/Header.tsx |   760 +-
 .../analytics/components/OtherStats.tsx       |    36 +-
 .../analytics/components/StatsChart.tsx       |   444 +-
 .../analytics/components/TableCard.tsx        |   490 +-
 .../web/app/(org)/dashboard/analytics/data.ts |   193 +-
 apps/web/app/(org)/dashboard/caps/Caps.tsx    |    20 +-
 .../components/CapCard/CapCardAnalytics.tsx   |    14 +-
 apps/web/app/(org)/dashboard/caps/page.tsx    |     6 +-
 .../app/(org)/dashboard/folder/[id]/page.tsx  |     6 +-
 .../[spaceId]/folder/[folderId]/page.tsx      |     6 +-
 .../(org)/dashboard/spaces/[spaceId]/page.tsx |    12 +-
 apps/web/app/api/analytics/route.ts           |     9 +-
 apps/web/app/api/analytics/track/route.ts     |    14 +-
 apps/web/app/api/dashboard/analytics/route.ts |     8 +-
 apps/web/app/s/[videoId]/Share.tsx            |    14 +-
 apps/web/lib/Queries/Analytics.ts             |    16 +-
 apps/web/lib/server.ts                        |     2 +-
 packages/ui/src/components/Select.tsx         |    44 +-
 packages/web-backend/src/Tinybird/index.ts    |    68 +-
 packages/web-backend/src/Videos/VideosRpcs.ts |     4 +-
 packages/web-backend/src/Videos/index.ts      |    38 +-
 packages/web-backend/src/index.ts             |     2 +-
 scripts/analytics/check-analytics.js          |   309 +-
 scripts/analytics/delete-all-data.js          |   247 +-
 scripts/analytics/migrate-dub-to-tinybird.js  | 10876 ++++++++--------
 scripts/analytics/populate-test-data.js       |    46 +-
 scripts/analytics/setup-analytics.js          |   116 +-
 scripts/analytics/shared.js                   |   338 +-
 32 files changed, 7867 insertions(+), 7388 deletions(-)

diff --git a/apps/web/actions/videos/get-analytics.ts b/apps/web/actions/videos/get-analytics.ts
index c4518cc360..35e1ca743a 100644
--- a/apps/web/actions/videos/get-analytics.ts
+++ b/apps/web/actions/videos/get-analytics.ts
@@ -1,14 +1,12 @@
 "use server";
 
-import { Tinybird } from "@cap/web-backend";
-import { Effect } from "effect";
-
-import { runPromise } from "@/lib/server";
-
 import { db } from "@cap/database";
 import { videos } from "@cap/database/schema";
+import { Tinybird } from "@cap/web-backend";
 import { Video } from "@cap/web-domain";
 import { eq } from "drizzle-orm";
+import { Effect } from "effect";
+import { runPromise } from "@/lib/server";
 
 const DAY_IN_MS = 24 * 60 * 60 * 1000;
 const MIN_RANGE_DAYS = 1;
@@ -17,11 +15,10 @@ const DEFAULT_RANGE_DAYS = MAX_RANGE_DAYS;
 
 const escapeLiteral = (value: string) => value.replace(/'/g, "''");
 const formatDate = (date: Date) => date.toISOString().slice(0, 10);
-const formatDateTime = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
+const formatDateTime = (date: Date) =>
+	date.toISOString().slice(0, 19).replace("T", " ");
 const buildConditions = (clauses: Array<string | undefined>) =>
-	clauses
-		.filter((clause): clause is string => Boolean(clause))
-		.join(" AND ");
+	clauses.filter((clause): clause is string => Boolean(clause)).join(" AND ");
 
 const normalizeRangeDays = (rangeDays?: number) => {
 	if (!Number.isFinite(rangeDays)) return DEFAULT_RANGE_DAYS;
@@ -70,29 +67,29 @@ export async function getVideoAnalytics(
 			const rawSql = `SELECT coalesce(uniq(session_id), 0) AS views FROM analytics_events WHERE ${buildConditions(rawConditions)}`;
 
 			const querySql = (sql: string) =>
-				tinybird
-					.querySql<{ views: number }>(sql)
-					.pipe(
-						Effect.catchAll((e) => {
-							console.error("tinybird sql error", e);
-							return Effect.succeed({ data: [] });
-						}),
-					);
+				tinybird.querySql<{ views: number }>(sql).pipe(
+					Effect.catchAll((e) => {
+						console.error("tinybird sql error", e);
+						return Effect.succeed({ data: [] });
+					}),
+				);
 
 			const aggregateResult = yield* querySql(aggregateSql);
-			
-			const fallbackResult =
-				aggregateResult.data?.length
-					? aggregateResult
-					: yield* querySql(rawSql);
+
+			const fallbackResult = aggregateResult.data?.length
+				? aggregateResult
+				: yield* querySql(rawSql);
 
 			const data = fallbackResult?.data ?? [];
 			const firstItem = data[0];
-			const count = typeof firstItem === "number"
-				? firstItem
-				: typeof firstItem === "object" && firstItem !== null && "views" in firstItem
-					? Number(firstItem.views ?? 0)
-					: 0;
+			const count =
+				typeof firstItem === "number"
+					? firstItem
+					: typeof firstItem === "object" &&
+							firstItem !== null &&
+							"views" in firstItem
+						? Number(firstItem.views ?? 0)
+						: 0;
 			return { count: Number.isFinite(count) ? count : 0 };
 		}),
 	);
diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
index aa16cdd239..a24547c079 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
@@ -1,28 +1,28 @@
 "use client";
 import { buildEnv } from "@cap/env";
 import {
-  Avatar,
-  Button,
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
+	Avatar,
+	Button,
+	Command,
+	CommandEmpty,
+	CommandGroup,
+	CommandInput,
+	CommandItem,
+	Dialog,
+	DialogContent,
+	DialogFooter,
+	DialogHeader,
+	DialogTitle,
+	DialogTrigger,
+	Popover,
+	PopoverContent,
+	PopoverTrigger,
 } from "@cap/ui";
 import { classNames } from "@cap/utils";
 import {
-  faBuilding,
-  faCircleInfo,
-  faLink,
+	faBuilding,
+	faCircleInfo,
+	faLink,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
@@ -43,428 +43,428 @@ import SpacesList from "./SpacesList";
 import { updateActiveOrganization } from "./server";
 
 interface Props {
-  toggleMobileNav?: () => void;
+	toggleMobileNav?: () => void;
 }
 
 const AdminNavItems = ({ toggleMobileNav }: Props) => {
-  const pathname = usePathname();
-  const [open, setOpen] = useState(false);
-  const { user, sidebarCollapsed, userCapsCount } = useDashboardContext();
+	const pathname = usePathname();
+	const [open, setOpen] = useState(false);
+	const { user, sidebarCollapsed, userCapsCount } = useDashboardContext();
 
-  const manageNavigation = [
-    {
-      name: "My Caps",
-      href: `/dashboard/caps`,
-      extraText: userCapsCount,
-      icon: <CapIcon />,
-      subNav: [],
-    },
-    {
-      name: "Analytics",
-      href: `/dashboard/analytics`,
-      ignoreParams: true,
-      icon: <ChartLineIcon />,
-      subNav: [],
-    },
-    {
-      name: "Record a Cap",
-      href: `/dashboard/caps/record`,
-      icon: <RecordIcon />,
-      subNav: [],
-    },
-    {
-      name: "Organization Settings",
-      href: `/dashboard/settings/organization`,
-      ownerOnly: true,
-      icon: <CogIcon />,
-      subNav: [],
-    },
-  ];
+	const manageNavigation = [
+		{
+			name: "My Caps",
+			href: `/dashboard/caps`,
+			extraText: userCapsCount,
+			icon: <CapIcon />,
+			subNav: [],
+		},
+		{
+			name: "Analytics",
+			href: `/dashboard/analytics`,
+			ignoreParams: true,
+			icon: <ChartLineIcon />,
+			subNav: [],
+		},
+		{
+			name: "Record a Cap",
+			href: `/dashboard/caps/record`,
+			icon: <RecordIcon />,
+			subNav: [],
+		},
+		{
+			name: "Organization Settings",
+			href: `/dashboard/settings/organization`,
+			ownerOnly: true,
+			icon: <CogIcon />,
+			subNav: [],
+		},
+	];
 
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const { organizationData: orgData, activeOrganization: activeOrg } =
-    useDashboardContext();
-  const formRef = useRef<HTMLFormElement | null>(null);
-  const [createLoading, setCreateLoading] = useState(false);
-  const [organizationName, setOrganizationName] = useState("");
-  const isOwner = activeOrg?.organization.ownerId === user.id;
-  const [openAIDialog, setOpenAIDialog] = useState(false);
-  const router = useRouter();
+	const [dialogOpen, setDialogOpen] = useState(false);
+	const { organizationData: orgData, activeOrganization: activeOrg } =
+		useDashboardContext();
+	const formRef = useRef<HTMLFormElement | null>(null);
+	const [createLoading, setCreateLoading] = useState(false);
+	const [organizationName, setOrganizationName] = useState("");
+	const isOwner = activeOrg?.organization.ownerId === user.id;
+	const [openAIDialog, setOpenAIDialog] = useState(false);
+	const router = useRouter();
 
-  const isPathActive = (path: string, ignoreParams: boolean = false) =>
-    ignoreParams ? pathname === path : pathname.includes(path);
+	const isPathActive = (path: string, ignoreParams: boolean = false) =>
+		ignoreParams ? pathname === path : pathname.includes(path);
 
-  const isDomainSetupVerified =
-    activeOrg?.organization.customDomain &&
-    activeOrg?.organization.domainVerified;
+	const isDomainSetupVerified =
+		activeOrg?.organization.customDomain &&
+		activeOrg?.organization.domainVerified;
 
-  return (
-    <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
-      <Popover open={open} onOpenChange={setOpen}>
-        <Tooltip
-          disable={open || sidebarCollapsed === false}
-          position="right"
-          content={activeOrg?.organization.name ?? "No organization found"}
-        >
-          <PopoverTrigger suppressHydrationWarning asChild>
-            <motion.div
-              transition={{
-                type: "easeInOut",
-                duration: 0.2,
-              }}
-              className={clsx(
-                "mt-1.5 mx-auto rounded-xl cursor-pointer bg-gray-3",
-                sidebarCollapsed ? "w-fit px-2 py-0.5" : "w-full p-2.5"
-              )}
-            >
-              <div
-                className={clsx(
-                  "flex flex-col items-center cursor-pointer",
-                  sidebarCollapsed ? "justify-center" : "justify-between"
-                )}
-                role="combobox"
-                aria-expanded={open}
-              >
-                <div
-                  className={clsx(
-                    "flex items-center",
-                    sidebarCollapsed
-                      ? "justify-center w-fit"
-                      : "justify-between gap-2.5 w-full"
-                  )}
-                >
-                  <div className="flex items-center">
-                    <SignedImageUrl
-                      image={activeOrg?.organization.iconUrl}
-                      name={
-                        activeOrg?.organization.name ?? "No organization found"
-                      }
-                      letterClass={clsx(
-                        sidebarCollapsed ? "text-sm" : "text-[13px]"
-                      )}
-                      className={clsx(
-                        "relative flex-shrink-0 mx-auto",
-                        sidebarCollapsed ? "size-6" : "size-7"
-                      )}
-                    />
-                  </div>
-                  <div className="flex flex-col flex-1 items-center h-10">
-                    <div className="flex justify-between items-center w-full">
-                      {!sidebarCollapsed && (
-                        <p className="text-sm truncate leading-0 text-gray-12">
-                          {activeOrg?.organization.name ??
-                            "No organization found"}
-                        </p>
-                      )}
-                      {!sidebarCollapsed && (
-                        <ChevronDown
-                          data-state={open ? "open" : "closed"}
-                          className="size-4 transition-transform duration-200 text-gray-10 data-[state=open]:rotate-180"
-                        />
-                      )}
-                    </div>
-                    {!sidebarCollapsed && (
-                      <Link
-                        href={
-                          isDomainSetupVerified
-                            ? `https://${activeOrg.organization.customDomain}`
-                            : "/dashboard/settings/organization"
-                        }
-                        rel={
-                          isDomainSetupVerified
-                            ? "noopener noreferrer"
-                            : undefined
-                        }
-                        target={isDomainSetupVerified ? "_blank" : "_self"}
-                        className="flex truncate w-full overflow-hidden flex-1 gap-1.5 items-center self-start"
-                      >
-                        <FontAwesomeIcon
-                          icon={isDomainSetupVerified ? faLink : faCircleInfo}
-                          className="duration-200 size-3 text-gray-10"
-                        />
-                        <p className="w-full text-[11px] flex-1 duration-200 truncate leading-0 text-gray-11">
-                          {isDomainSetupVerified
-                            ? activeOrg?.organization.customDomain
-                            : "No custom domain set"}
-                        </p>
-                      </Link>
-                    )}
-                  </div>
-                </div>
-              </div>
-              <PopoverContent
-                className={clsx(
-                  "p-0 w-full min-w-[287px] md:min-w-fit z-[120]",
-                  sidebarCollapsed ? "ml-3" : "mx-auto"
-                )}
-              >
-                <Command>
-                  <CommandInput placeholder="Search organizations..." />
-                  <CommandEmpty>No organizations found</CommandEmpty>
-                  <CommandGroup>
-                    {orgData?.map((organization) => {
-                      const isSelected =
-                        activeOrg?.organization.id ===
-                        organization.organization.id;
-                      return (
-                        <CommandItem
-                          className={clsx(
-                            "rounded-lg transition-colors duration-300 group",
-                            isSelected
-                              ? "pointer-events-none"
-                              : "text-gray-10 hover:text-gray-12 hover:bg-gray-6"
-                          )}
-                          key={`${organization.organization.name}-organization-${organization.organization.id}`}
-                          onSelect={async () => {
-                            await updateActiveOrganization(
-                              organization.organization.id
-                            );
-                            setOpen(false);
-                            router.push("/dashboard/caps");
-                          }}
-                        >
-                          <div className="flex gap-2 items-center w-full">
-                            <SignedImageUrl
-                              image={organization.organization.iconUrl}
-                              name={organization.organization.name}
-                              letterClass="text-xs"
-                              className="relative flex-shrink-0 size-5"
-                            />
-                            <p
-                              className={clsx(
-                                "flex-1 text-sm transition-colors duration-200 group-hover:text-gray-12",
-                                isSelected ? "text-gray-12" : "text-gray-10"
-                              )}
-                            >
-                              {organization.organization.name}
-                            </p>
-                          </div>
-                          {isSelected && (
-                            <Check
-                              size={18}
-                              className={"ml-auto text-gray-12"}
-                            />
-                          )}
-                        </CommandItem>
-                      );
-                    })}
-                    <DialogTrigger asChild>
-                      <Button
-                        variant="dark"
-                        size="sm"
-                        className="flex gap-1 items-center my-2 w-[90%] mx-auto text-sm"
-                      >
-                        <Plus className="w-3.5 h-auto" />
-                        New organization
-                      </Button>
-                    </DialogTrigger>
-                  </CommandGroup>
-                </Command>
-              </PopoverContent>
-            </motion.div>
-          </PopoverTrigger>
-        </Tooltip>
-      </Popover>
-      <nav
-        className="flex flex-col justify-between w-full h-full"
-        aria-label="Sidebar"
-      >
-        <div
-          className={clsx(
-            "mt-5",
-            sidebarCollapsed ? "flex flex-col justify-center items-center" : ""
-          )}
-        >
-          {manageNavigation
-            .filter((item) => !item.ownerOnly || isOwner)
-            .map((item) => (
-              <div
-                key={item.name}
-                className="flex relative justify-center items-center mb-1.5 w-full"
-              >
-                {isPathActive(item.href, item.ignoreParams) && (
-                  <motion.div
-                    animate={{
-                      width: sidebarCollapsed ? 36 : "100%",
-                    }}
-                    transition={{
-                      layout: {
-                        type: "tween",
-                        duration: 0.15,
-                      },
-                      width: {
-                        type: "tween",
-                        duration: 0.05,
-                      },
-                    }}
-                    layoutId="navlinks"
-                    id="navlinks"
-                    className="absolute h-[36px] w-full rounded-xl pointer-events-none bg-gray-3"
-                  />
-                )}
+	return (
+		<Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+			<Popover open={open} onOpenChange={setOpen}>
+				<Tooltip
+					disable={open || sidebarCollapsed === false}
+					position="right"
+					content={activeOrg?.organization.name ?? "No organization found"}
+				>
+					<PopoverTrigger suppressHydrationWarning asChild>
+						<motion.div
+							transition={{
+								type: "easeInOut",
+								duration: 0.2,
+							}}
+							className={clsx(
+								"mt-1.5 mx-auto rounded-xl cursor-pointer bg-gray-3",
+								sidebarCollapsed ? "w-fit px-2 py-0.5" : "w-full p-2.5",
+							)}
+						>
+							<div
+								className={clsx(
+									"flex flex-col items-center cursor-pointer",
+									sidebarCollapsed ? "justify-center" : "justify-between",
+								)}
+								role="combobox"
+								aria-expanded={open}
+							>
+								<div
+									className={clsx(
+										"flex items-center",
+										sidebarCollapsed
+											? "justify-center w-fit"
+											: "justify-between gap-2.5 w-full",
+									)}
+								>
+									<div className="flex items-center">
+										<SignedImageUrl
+											image={activeOrg?.organization.iconUrl}
+											name={
+												activeOrg?.organization.name ?? "No organization found"
+											}
+											letterClass={clsx(
+												sidebarCollapsed ? "text-sm" : "text-[13px]",
+											)}
+											className={clsx(
+												"relative flex-shrink-0 mx-auto",
+												sidebarCollapsed ? "size-6" : "size-7",
+											)}
+										/>
+									</div>
+									<div className="flex flex-col flex-1 items-center h-10">
+										<div className="flex justify-between items-center w-full">
+											{!sidebarCollapsed && (
+												<p className="text-sm truncate leading-0 text-gray-12">
+													{activeOrg?.organization.name ??
+														"No organization found"}
+												</p>
+											)}
+											{!sidebarCollapsed && (
+												<ChevronDown
+													data-state={open ? "open" : "closed"}
+													className="size-4 transition-transform duration-200 text-gray-10 data-[state=open]:rotate-180"
+												/>
+											)}
+										</div>
+										{!sidebarCollapsed && (
+											<Link
+												href={
+													isDomainSetupVerified
+														? `https://${activeOrg.organization.customDomain}`
+														: "/dashboard/settings/organization"
+												}
+												rel={
+													isDomainSetupVerified
+														? "noopener noreferrer"
+														: undefined
+												}
+												target={isDomainSetupVerified ? "_blank" : "_self"}
+												className="flex truncate w-full overflow-hidden flex-1 gap-1.5 items-center self-start"
+											>
+												<FontAwesomeIcon
+													icon={isDomainSetupVerified ? faLink : faCircleInfo}
+													className="duration-200 size-3 text-gray-10"
+												/>
+												<p className="w-full text-[11px] flex-1 duration-200 truncate leading-0 text-gray-11">
+													{isDomainSetupVerified
+														? activeOrg?.organization.customDomain
+														: "No custom domain set"}
+												</p>
+											</Link>
+										)}
+									</div>
+								</div>
+							</div>
+							<PopoverContent
+								className={clsx(
+									"p-0 w-full min-w-[287px] md:min-w-fit z-[120]",
+									sidebarCollapsed ? "ml-3" : "mx-auto",
+								)}
+							>
+								<Command>
+									<CommandInput placeholder="Search organizations..." />
+									<CommandEmpty>No organizations found</CommandEmpty>
+									<CommandGroup>
+										{orgData?.map((organization) => {
+											const isSelected =
+												activeOrg?.organization.id ===
+												organization.organization.id;
+											return (
+												<CommandItem
+													className={clsx(
+														"rounded-lg transition-colors duration-300 group",
+														isSelected
+															? "pointer-events-none"
+															: "text-gray-10 hover:text-gray-12 hover:bg-gray-6",
+													)}
+													key={`${organization.organization.name}-organization-${organization.organization.id}`}
+													onSelect={async () => {
+														await updateActiveOrganization(
+															organization.organization.id,
+														);
+														setOpen(false);
+														router.push("/dashboard/caps");
+													}}
+												>
+													<div className="flex gap-2 items-center w-full">
+														<SignedImageUrl
+															image={organization.organization.iconUrl}
+															name={organization.organization.name}
+															letterClass="text-xs"
+															className="relative flex-shrink-0 size-5"
+														/>
+														<p
+															className={clsx(
+																"flex-1 text-sm transition-colors duration-200 group-hover:text-gray-12",
+																isSelected ? "text-gray-12" : "text-gray-10",
+															)}
+														>
+															{organization.organization.name}
+														</p>
+													</div>
+													{isSelected && (
+														<Check
+															size={18}
+															className={"ml-auto text-gray-12"}
+														/>
+													)}
+												</CommandItem>
+											);
+										})}
+										<DialogTrigger asChild>
+											<Button
+												variant="dark"
+												size="sm"
+												className="flex gap-1 items-center my-2 w-[90%] mx-auto text-sm"
+											>
+												<Plus className="w-3.5 h-auto" />
+												New organization
+											</Button>
+										</DialogTrigger>
+									</CommandGroup>
+								</Command>
+							</PopoverContent>
+						</motion.div>
+					</PopoverTrigger>
+				</Tooltip>
+			</Popover>
+			<nav
+				className="flex flex-col justify-between w-full h-full"
+				aria-label="Sidebar"
+			>
+				<div
+					className={clsx(
+						"mt-5",
+						sidebarCollapsed ? "flex flex-col justify-center items-center" : "",
+					)}
+				>
+					{manageNavigation
+						.filter((item) => !item.ownerOnly || isOwner)
+						.map((item) => (
+							<div
+								key={item.name}
+								className="flex relative justify-center items-center mb-1.5 w-full"
+							>
+								{isPathActive(item.href, item.ignoreParams) && (
+									<motion.div
+										animate={{
+											width: sidebarCollapsed ? 36 : "100%",
+										}}
+										transition={{
+											layout: {
+												type: "tween",
+												duration: 0.15,
+											},
+											width: {
+												type: "tween",
+												duration: 0.05,
+											},
+										}}
+										layoutId="navlinks"
+										id="navlinks"
+										className="absolute h-[36px] w-full rounded-xl pointer-events-none bg-gray-3"
+									/>
+								)}
 
-                <NavItem
-                  name={item.name}
-                  href={item.href}
-                  icon={item.icon}
-                  sidebarCollapsed={sidebarCollapsed}
-                  toggleMobileNav={toggleMobileNav}
-                  isPathActive={isPathActive}
-                  extraText={item.extraText}
-                  ignoreParams={item.ignoreParams ?? false}
-                />
-              </div>
-            ))}
+								<NavItem
+									name={item.name}
+									href={item.href}
+									icon={item.icon}
+									sidebarCollapsed={sidebarCollapsed}
+									toggleMobileNav={toggleMobileNav}
+									isPathActive={isPathActive}
+									extraText={item.extraText}
+									ignoreParams={item.ignoreParams ?? false}
+								/>
+							</div>
+						))}
 
-          <SpacesList toggleMobileNav={() => toggleMobileNav?.()} />
-        </div>
-        <div className="pb-4 mt-auto w-full">
-          <AnimatePresence>
-            {!sidebarCollapsed && !user.isPro && (
-              <motion.div
-                initial={{ scale: 0 }}
-                animate={{ scale: 1 }}
-                exit={{ scale: 0 }}
-                transition={{
-                  type: "spring",
-                  bounce: 0.2,
-                  duration: 0.2,
-                }}
-              >
-                <CapAIBox
-                  openAIDialog={openAIDialog}
-                  setOpenAIDialog={setOpenAIDialog}
-                />
-              </motion.div>
-            )}
-          </AnimatePresence>
-          <UsageButton
-            toggleMobileNav={() => toggleMobileNav?.()}
-            subscribed={user.isPro}
-          />
-          {buildEnv.NEXT_PUBLIC_IS_CAP && (
-            <div className="flex justify-center items-center mt-2">
-              <Link
-                href="/dashboard/refer"
-                className="text-sm underline text-gray-10 hover:text-gray-12"
-              >
-                Earn 40% Referral
-              </Link>
-            </div>
-          )}
-          <p className="mt-2 text-xs text-center truncate text-gray-10">
-            Cap Software, Inc. {new Date().getFullYear()}.
-          </p>
-        </div>
-      </nav>
-      <DialogContent className="p-0 w-full max-w-md rounded-xl bg-gray-2">
-        <DialogHeader
-          icon={<FontAwesomeIcon icon={faBuilding} />}
-          description="A new organization to share caps with your team"
-        >
-          <DialogTitle className="text-lg text-gray-12">
-            Create New Organization
-          </DialogTitle>
-        </DialogHeader>
-        <div className="p-5">
-          <NewOrganization
-            setCreateLoading={setCreateLoading}
-            onOrganizationCreated={() => setDialogOpen(false)}
-            formRef={formRef}
-            onNameChange={setOrganizationName}
-          />
-        </div>
-        <DialogFooter>
-          <Button variant="gray" size="sm" onClick={() => setDialogOpen(false)}>
-            Cancel
-          </Button>
-          <Button
-            variant="dark"
-            size="sm"
-            disabled={createLoading || !organizationName.trim().length}
-            spinner={createLoading}
-            onClick={() => formRef.current?.requestSubmit()}
-            type="submit"
-          >
-            {createLoading ? "Creating..." : "Create"}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
+					<SpacesList toggleMobileNav={() => toggleMobileNav?.()} />
+				</div>
+				<div className="pb-4 mt-auto w-full">
+					<AnimatePresence>
+						{!sidebarCollapsed && !user.isPro && (
+							<motion.div
+								initial={{ scale: 0 }}
+								animate={{ scale: 1 }}
+								exit={{ scale: 0 }}
+								transition={{
+									type: "spring",
+									bounce: 0.2,
+									duration: 0.2,
+								}}
+							>
+								<CapAIBox
+									openAIDialog={openAIDialog}
+									setOpenAIDialog={setOpenAIDialog}
+								/>
+							</motion.div>
+						)}
+					</AnimatePresence>
+					<UsageButton
+						toggleMobileNav={() => toggleMobileNav?.()}
+						subscribed={user.isPro}
+					/>
+					{buildEnv.NEXT_PUBLIC_IS_CAP && (
+						<div className="flex justify-center items-center mt-2">
+							<Link
+								href="/dashboard/refer"
+								className="text-sm underline text-gray-10 hover:text-gray-12"
+							>
+								Earn 40% Referral
+							</Link>
+						</div>
+					)}
+					<p className="mt-2 text-xs text-center truncate text-gray-10">
+						Cap Software, Inc. {new Date().getFullYear()}.
+					</p>
+				</div>
+			</nav>
+			<DialogContent className="p-0 w-full max-w-md rounded-xl bg-gray-2">
+				<DialogHeader
+					icon={<FontAwesomeIcon icon={faBuilding} />}
+					description="A new organization to share caps with your team"
+				>
+					<DialogTitle className="text-lg text-gray-12">
+						Create New Organization
+					</DialogTitle>
+				</DialogHeader>
+				<div className="p-5">
+					<NewOrganization
+						setCreateLoading={setCreateLoading}
+						onOrganizationCreated={() => setDialogOpen(false)}
+						formRef={formRef}
+						onNameChange={setOrganizationName}
+					/>
+				</div>
+				<DialogFooter>
+					<Button variant="gray" size="sm" onClick={() => setDialogOpen(false)}>
+						Cancel
+					</Button>
+					<Button
+						variant="dark"
+						size="sm"
+						disabled={createLoading || !organizationName.trim().length}
+						spinner={createLoading}
+						onClick={() => formRef.current?.requestSubmit()}
+						type="submit"
+					>
+						{createLoading ? "Creating..." : "Create"}
+					</Button>
+				</DialogFooter>
+			</DialogContent>
+		</Dialog>
+	);
 };
 
 const NavItem = ({
-  name,
-  href,
-  icon,
-  sidebarCollapsed,
-  toggleMobileNav,
-  isPathActive,
-  ignoreParams,
-  extraText,
+	name,
+	href,
+	icon,
+	sidebarCollapsed,
+	toggleMobileNav,
+	isPathActive,
+	ignoreParams,
+	extraText,
 }: {
-  name: string;
-  href: string;
-  icon: React.ReactElement<{
-    ref: RefObject<CogIconHandle | null>;
-    className: string;
-    size: number;
-  }>;
-  sidebarCollapsed: boolean;
-  toggleMobileNav?: () => void;
-  isPathActive: (path: string, ignoreParams: boolean) => boolean;
-  extraText: number | null | undefined;
-  ignoreParams: boolean;
+	name: string;
+	href: string;
+	icon: React.ReactElement<{
+		ref: RefObject<CogIconHandle | null>;
+		className: string;
+		size: number;
+	}>;
+	sidebarCollapsed: boolean;
+	toggleMobileNav?: () => void;
+	isPathActive: (path: string, ignoreParams: boolean) => boolean;
+	extraText: number | null | undefined;
+	ignoreParams: boolean;
 }) => {
-  const iconRef = useRef<CogIconHandle>(null);
-  return (
-    <Tooltip disable={!sidebarCollapsed} content={name} position="right">
-      <Link
-        href={href}
-        onClick={() => toggleMobileNav?.()}
-        onMouseEnter={() => {
-          iconRef.current?.startAnimation();
-        }}
-        onMouseLeave={() => {
-          iconRef.current?.stopAnimation();
-        }}
-        prefetch={true}
-        passHref
-        className={classNames(
-          "relative border border-transparent transition z-3",
-          sidebarCollapsed
-            ? "flex justify-center items-center px-0 w-full size-9"
-            : "px-3 py-2 w-full",
-          isPathActive(href, ignoreParams)
-            ? "bg-transparent pointer-events-none"
-            : "hover:bg-gray-2",
-          "flex overflow-hidden justify-start items-center tracking-tight rounded-xl outline-none"
-        )}
-      >
-        {cloneElement(icon, {
-          ref: iconRef,
-          className: clsx(
-            sidebarCollapsed ? "text-gray-12 mx-auto" : "text-gray-10"
-          ),
-          size: sidebarCollapsed ? 18 : 16,
-        })}
-        <p
-          className={clsx(
-            "text-sm text-gray-12 truncate",
-            sidebarCollapsed ? "hidden" : "ml-2.5"
-          )}
-        >
-          {name}
-        </p>
-        {extraText !== null && !sidebarCollapsed && (
-          <p className="ml-auto text-xs font-medium text-gray-11">
-            {extraText}
-          </p>
-        )}
-      </Link>
-    </Tooltip>
-  );
+	const iconRef = useRef<CogIconHandle>(null);
+	return (
+		<Tooltip disable={!sidebarCollapsed} content={name} position="right">
+			<Link
+				href={href}
+				onClick={() => toggleMobileNav?.()}
+				onMouseEnter={() => {
+					iconRef.current?.startAnimation();
+				}}
+				onMouseLeave={() => {
+					iconRef.current?.stopAnimation();
+				}}
+				prefetch={true}
+				passHref
+				className={classNames(
+					"relative border border-transparent transition z-3",
+					sidebarCollapsed
+						? "flex justify-center items-center px-0 w-full size-9"
+						: "px-3 py-2 w-full",
+					isPathActive(href, ignoreParams)
+						? "bg-transparent pointer-events-none"
+						: "hover:bg-gray-2",
+					"flex overflow-hidden justify-start items-center tracking-tight rounded-xl outline-none",
+				)}
+			>
+				{cloneElement(icon, {
+					ref: iconRef,
+					className: clsx(
+						sidebarCollapsed ? "text-gray-12 mx-auto" : "text-gray-10",
+					),
+					size: sidebarCollapsed ? 18 : 16,
+				})}
+				<p
+					className={clsx(
+						"text-sm text-gray-12 truncate",
+						sidebarCollapsed ? "hidden" : "ml-2.5",
+					)}
+				>
+					{name}
+				</p>
+				{extraText !== null && !sidebarCollapsed && (
+					<p className="ml-auto text-xs font-medium text-gray-11">
+						{extraText}
+					</p>
+				)}
+			</Link>
+		</Tooltip>
+	);
 };
 
 export default AdminNavItems;
diff --git a/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
index cb17fb360f..d046afd817 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
@@ -1,123 +1,122 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import type { Organisation } from "@cap/web-domain";
 import { useQuery } from "@tanstack/react-query";
 import { useSearchParams } from "next/navigation";
-
+import { useEffect, useState } from "react";
 import { useDashboardContext } from "../../Contexts";
 import type { AnalyticsRange, OrgAnalyticsResponse } from "../types";
 import Header from "./Header";
 import OtherStats from "./OtherStats";
 import StatsChart from "./StatsChart";
-import type { Organisation } from "@cap/web-domain";
 
 const RANGE_OPTIONS: { value: AnalyticsRange; label: string }[] = [
-  { value: "24h", label: "Last 24 hours" },
-  { value: "7d", label: "Last 7 days" },
-  { value: "30d", label: "Last 30 days" },
+	{ value: "24h", label: "Last 24 hours" },
+	{ value: "7d", label: "Last 7 days" },
+	{ value: "30d", label: "Last 30 days" },
 ];
 
 const formatNumber = (value: number) =>
-  new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(value);
+	new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(value);
 
 export function AnalyticsDashboard() {
-  const searchParams = useSearchParams();
-  const capId = searchParams.get("capId");
-  const { activeOrganization, organizationData, spacesData } = useDashboardContext();
-  const [range, setRange] = useState<AnalyticsRange>("7d");
-  const [selectedOrgId, setSelectedOrgId] = useState<
-    Organisation.OrganisationId | null
-  >(null);
-  const [selectedSpaceId, setSelectedSpaceId] = useState<string | null>(null);
+	const searchParams = useSearchParams();
+	const capId = searchParams.get("capId");
+	const { activeOrganization, organizationData, spacesData } =
+		useDashboardContext();
+	const [range, setRange] = useState<AnalyticsRange>("7d");
+	const [selectedOrgId, setSelectedOrgId] =
+		useState<Organisation.OrganisationId | null>(null);
+	const [selectedSpaceId, setSelectedSpaceId] = useState<string | null>(null);
 
-  useEffect(() => {
-    if (activeOrganization?.organization.id && !selectedOrgId) {
-      setSelectedOrgId(activeOrganization.organization.id);
-    }
-  }, [activeOrganization, selectedOrgId]);
+	useEffect(() => {
+		if (activeOrganization?.organization.id && !selectedOrgId) {
+			setSelectedOrgId(activeOrganization.organization.id);
+		}
+	}, [activeOrganization, selectedOrgId]);
 
-  const orgId = selectedOrgId || activeOrganization?.organization.id;
+	const orgId = selectedOrgId || activeOrganization?.organization.id;
 
-  const query = useQuery<{ data: OrgAnalyticsResponse } | null>({
-    queryKey: ["dashboard-analytics", orgId, selectedSpaceId, range, capId],
-    queryFn: async () => {
-      if (!orgId) return null;
-      const url = new URL("/api/dashboard/analytics", window.location.origin);
-      url.searchParams.set("orgId", orgId);
-      url.searchParams.set("range", range);
-      if (selectedSpaceId) {
-        url.searchParams.set("spaceId", selectedSpaceId);
-      }
-      if (capId) {
-        url.searchParams.set("capId", capId);
-      }
-      const response = await fetch(url.toString(), { cache: "no-store" });
-      console.log("response", response);
-      if (!response.ok) throw new Error("Failed to load analytics");
-      return (await response.json()) as { data: OrgAnalyticsResponse };
-    },
-    enabled: Boolean(orgId),
-    staleTime: 60 * 1000,
-  });
+	const query = useQuery<{ data: OrgAnalyticsResponse } | null>({
+		queryKey: ["dashboard-analytics", orgId, selectedSpaceId, range, capId],
+		queryFn: async () => {
+			if (!orgId) return null;
+			const url = new URL("/api/dashboard/analytics", window.location.origin);
+			url.searchParams.set("orgId", orgId);
+			url.searchParams.set("range", range);
+			if (selectedSpaceId) {
+				url.searchParams.set("spaceId", selectedSpaceId);
+			}
+			if (capId) {
+				url.searchParams.set("capId", capId);
+			}
+			const response = await fetch(url.toString(), { cache: "no-store" });
+			console.log("response", response);
+			if (!response.ok) throw new Error("Failed to load analytics");
+			return (await response.json()) as { data: OrgAnalyticsResponse };
+		},
+		enabled: Boolean(orgId),
+		staleTime: 60 * 1000,
+	});
 
-  const analytics = query.data?.data;
+	const analytics = query.data?.data;
 
-  if (!orgId) {
-    return (
-      <div className="rounded-xl border border-gray-5 bg-gray-2 p-6 text-gray-11">
-        Select or join an organization to view analytics.
-      </div>
-    );
-  }
+	if (!orgId) {
+		return (
+			<div className="rounded-xl border border-gray-5 bg-gray-2 p-6 text-gray-11">
+				Select or join an organization to view analytics.
+			</div>
+		);
+	}
 
-  const otherStats = analytics
-    ? {
-        countries: analytics.breakdowns.countries,
-        cities: analytics.breakdowns.cities,
-        browsers: analytics.breakdowns.browsers,
-        operatingSystems: analytics.breakdowns.operatingSystems,
-        deviceTypes: analytics.breakdowns.devices,
-        topCaps: capId ? null : analytics.breakdowns.topCaps,
-      }
-    : {
-        countries: [],
-        cities: [],
-        browsers: [],
-        operatingSystems: [],
-        deviceTypes: [],
-        topCaps: [],
-      };
+	const otherStats = analytics
+		? {
+				countries: analytics.breakdowns.countries,
+				cities: analytics.breakdowns.cities,
+				browsers: analytics.breakdowns.browsers,
+				operatingSystems: analytics.breakdowns.operatingSystems,
+				deviceTypes: analytics.breakdowns.devices,
+				topCaps: capId ? null : analytics.breakdowns.topCaps,
+			}
+		: {
+				countries: [],
+				cities: [],
+				browsers: [],
+				operatingSystems: [],
+				deviceTypes: [],
+				topCaps: [],
+			};
 
-  return (
-    <div className="space-y-8">
-      <Header
-        options={RANGE_OPTIONS}
-        value={range}
-        onChange={setRange}
-        isLoading={query.isFetching}
-        organizations={organizationData}
-        activeOrganization={activeOrganization}
-        spacesData={spacesData}
-        selectedOrganizationId={selectedOrgId}
-        selectedSpaceId={selectedSpaceId}
-        onOrganizationChange={setSelectedOrgId}
-        onSpaceChange={setSelectedSpaceId}
-        hideCapsSelect={!!capId}
-        capId={capId}
-        capName={analytics?.capName ?? null}
-      />
-      <StatsChart
-        counts={{
-          caps: analytics?.counts.caps ?? 0,
-          views: analytics?.counts.views ?? 0,
-          comments: analytics?.counts.comments ?? 0,
-          reactions: analytics?.counts.reactions ?? 0,
-        }}
-        data={analytics?.chart ?? []}
-        isLoading={query.isLoading}
-        capId={capId}
-      />
-      <OtherStats data={otherStats} isLoading={query.isLoading} />
-    </div>
-  );
+	return (
+		<div className="space-y-8">
+			<Header
+				options={RANGE_OPTIONS}
+				value={range}
+				onChange={setRange}
+				isLoading={query.isFetching}
+				organizations={organizationData}
+				activeOrganization={activeOrganization}
+				spacesData={spacesData}
+				selectedOrganizationId={selectedOrgId}
+				selectedSpaceId={selectedSpaceId}
+				onOrganizationChange={setSelectedOrgId}
+				onSpaceChange={setSelectedSpaceId}
+				hideCapsSelect={!!capId}
+				capId={capId}
+				capName={analytics?.capName ?? null}
+			/>
+			<StatsChart
+				counts={{
+					caps: analytics?.counts.caps ?? 0,
+					views: analytics?.counts.views ?? 0,
+					comments: analytics?.counts.comments ?? 0,
+					reactions: analytics?.counts.reactions ?? 0,
+				}}
+				data={analytics?.chart ?? []}
+				isLoading={query.isLoading}
+				capId={capId}
+			/>
+			<OtherStats data={otherStats} isLoading={query.isLoading} />
+		</div>
+	);
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
index 248333d092..003a64c9da 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/ChartArea.tsx
@@ -53,7 +53,8 @@ function ChartArea({ selectedMetrics, data, isLoading }: ChartAreaProps) {
 		if (!data || data.length === 0) return [];
 		const bucketDuration =
 			data.length > 1
-				? new Date(data[1]!.bucket).getTime() - new Date(data[0]!.bucket).getTime()
+				? new Date(data[1]!.bucket).getTime() -
+					new Date(data[0]!.bucket).getTime()
 				: 0;
 		const hourly = bucketDuration > 0 && bucketDuration <= 60 * 60 * 1000;
 		return data.map((point) => ({
@@ -82,7 +83,7 @@ function ChartArea({ selectedMetrics, data, isLoading }: ChartAreaProps) {
 		}
 
 		const roundedMax = Math.ceil(max * 1.1);
-		const magnitude = Math.pow(10, Math.floor(Math.log10(roundedMax)));
+		const magnitude = 10 ** Math.floor(Math.log10(roundedMax));
 		const normalized = roundedMax / magnitude;
 		let niceMax: number;
 
@@ -145,8 +146,8 @@ function ChartArea({ selectedMetrics, data, isLoading }: ChartAreaProps) {
 					stroke="var(--gray-8)"
 					opacity={0.3}
 				/>
-					<XAxis
-						dataKey="label"
+				<XAxis
+					dataKey="label"
 					axisLine={false}
 					tickMargin={10}
 					interval={0}
@@ -178,13 +179,7 @@ function ChartArea({ selectedMetrics, data, isLoading }: ChartAreaProps) {
 						<stop offset="5%" stopColor="#ec4899" stopOpacity={0.5} />
 						<stop offset="95%" stopColor="#ec4899" stopOpacity={0} />
 					</linearGradient>
-					<linearGradient
-						id={reactionsGradientId}
-						x1="0"
-						y1="0"
-						x2="0"
-						y2="1"
-					>
+					<linearGradient id={reactionsGradientId} x1="0" y1="0" x2="0" y2="1">
 						<stop offset="5%" stopColor="#f97316" stopOpacity={0.5} />
 						<stop offset="95%" stopColor="#f97316" stopOpacity={0} />
 					</linearGradient>
diff --git a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
index 361cbffffa..9605a1a5f3 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/Header.tsx
@@ -1,429 +1,429 @@
 "use client";
 
+import type { Organisation } from "@cap/web-domain";
 import * as SelectPrimitive from "@radix-ui/react-select";
+import clsx from "clsx";
 import {
-  ChevronDown,
-  ChevronLeft,
-  ChevronRight,
-  ArrowLeft,
+	ArrowLeft,
+	ChevronDown,
+	ChevronLeft,
+	ChevronRight,
 } from "lucide-react";
-import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
-import type { AnalyticsRange } from "../types";
-import clsx from "clsx";
-import type { Organization, Spaces } from "../../dashboard-data";
-import { SignedImageUrl } from "@/components/SignedImageUrl";
-import type { Organisation } from "@cap/web-domain";
+import { useEffect, useState } from "react";
 import { useCurrentUser } from "@/app/Layout/AuthContext";
+import { SignedImageUrl } from "@/components/SignedImageUrl";
+import type { Organization, Spaces } from "../../dashboard-data";
+import type { AnalyticsRange } from "../types";
 
 interface HeaderProps {
-  options: { value: AnalyticsRange; label: string }[];
-  value: AnalyticsRange;
-  onChange: (value: AnalyticsRange) => void;
-  isLoading?: boolean;
-  organizations?: Organization[] | null;
-  activeOrganization?: Organization | null;
-  spacesData?: Spaces[] | null;
-  selectedOrganizationId?: Organisation.OrganisationId | null;
-  selectedSpaceId?: string | null;
-  onOrganizationChange?: (organizationId: Organisation.OrganisationId) => void;
-  onSpaceChange?: (spaceId: string | null) => void;
-  hideCapsSelect?: boolean;
-  capId?: string | null;
-  capName?: string | null;
+	options: { value: AnalyticsRange; label: string }[];
+	value: AnalyticsRange;
+	onChange: (value: AnalyticsRange) => void;
+	isLoading?: boolean;
+	organizations?: Organization[] | null;
+	activeOrganization?: Organization | null;
+	spacesData?: Spaces[] | null;
+	selectedOrganizationId?: Organisation.OrganisationId | null;
+	selectedSpaceId?: string | null;
+	onOrganizationChange?: (organizationId: Organisation.OrganisationId) => void;
+	onSpaceChange?: (spaceId: string | null) => void;
+	hideCapsSelect?: boolean;
+	capId?: string | null;
+	capName?: string | null;
 }
 
 const DATE_RANGE_OPTIONS = [
-  { value: "today", label: "Today" },
-  { value: "yesterday", label: "Yesterday" },
-  { value: "24h", label: "Last 24 hours" },
-  { value: "7d", label: "Last 7 days" },
-  { value: "30d", label: "Last 30 days" },
-  { value: "wtd", label: "Week to date" },
-  { value: "mtd", label: "Month to date" },
+	{ value: "today", label: "Today" },
+	{ value: "yesterday", label: "Yesterday" },
+	{ value: "24h", label: "Last 24 hours" },
+	{ value: "7d", label: "Last 7 days" },
+	{ value: "30d", label: "Last 30 days" },
+	{ value: "wtd", label: "Week to date" },
+	{ value: "mtd", label: "Month to date" },
 ] as const;
 
 const mapToBackendRange = (value: string): AnalyticsRange => {
-  if (value === "24h" || value === "7d" || value === "30d") {
-    return value as AnalyticsRange;
-  }
-  if (value === "today" || value === "yesterday") {
-    return "24h";
-  }
-  if (value === "wtd") {
-    return "7d";
-  }
-  if (value === "mtd") {
-    return "30d";
-  }
-  return "7d";
+	if (value === "24h" || value === "7d" || value === "30d") {
+		return value as AnalyticsRange;
+	}
+	if (value === "today" || value === "yesterday") {
+		return "24h";
+	}
+	if (value === "wtd") {
+		return "7d";
+	}
+	if (value === "mtd") {
+		return "30d";
+	}
+	return "7d";
 };
 
 const getDisplayValue = (
-  backendValue: AnalyticsRange,
-  lastUISelection?: string
+	backendValue: AnalyticsRange,
+	lastUISelection?: string,
 ): string => {
-  if (
-    lastUISelection &&
-    (lastUISelection === "today" || lastUISelection === "yesterday")
-  ) {
-    if (backendValue === "24h") {
-      return lastUISelection;
-    }
-  }
-  if (lastUISelection && lastUISelection === "wtd") {
-    if (backendValue === "7d") {
-      return lastUISelection;
-    }
-  }
-  if (lastUISelection && lastUISelection === "mtd") {
-    if (backendValue === "30d") {
-      return lastUISelection;
-    }
-  }
-  if (backendValue === "24h") return "24h";
-  if (backendValue === "7d") return "7d";
-  if (backendValue === "30d") return "30d";
-  return "7d";
+	if (
+		lastUISelection &&
+		(lastUISelection === "today" || lastUISelection === "yesterday")
+	) {
+		if (backendValue === "24h") {
+			return lastUISelection;
+		}
+	}
+	if (lastUISelection && lastUISelection === "wtd") {
+		if (backendValue === "7d") {
+			return lastUISelection;
+		}
+	}
+	if (lastUISelection && lastUISelection === "mtd") {
+		if (backendValue === "30d") {
+			return lastUISelection;
+		}
+	}
+	if (backendValue === "24h") return "24h";
+	if (backendValue === "7d") return "7d";
+	if (backendValue === "30d") return "30d";
+	return "7d";
 };
 
 export default function Header({
-  options: _options,
-  value,
-  onChange,
-  isLoading,
-  organizations,
-  activeOrganization,
-  spacesData,
-  selectedOrganizationId,
-  selectedSpaceId,
-  onOrganizationChange,
-  onSpaceChange,
-  hideCapsSelect = false,
-  capId,
-  capName,
+	options: _options,
+	value,
+	onChange,
+	isLoading,
+	organizations,
+	activeOrganization,
+	spacesData,
+	selectedOrganizationId,
+	selectedSpaceId,
+	onOrganizationChange,
+	onSpaceChange,
+	hideCapsSelect = false,
+	capId,
+	capName,
 }: HeaderProps) {
-  const user = useCurrentUser();
-  const router = useRouter();
-  const [open, setOpen] = useState(false);
-  const [orgOpen, setOrgOpen] = useState(false);
-  const [lastUISelection, setLastUISelection] = useState<string | undefined>(
-    undefined
-  );
+	const user = useCurrentUser();
+	const router = useRouter();
+	const [open, setOpen] = useState(false);
+	const [orgOpen, setOrgOpen] = useState(false);
+	const [lastUISelection, setLastUISelection] = useState<string | undefined>(
+		undefined,
+	);
 
-  useEffect(() => {
-    if (!lastUISelection) {
-      if (value === "24h") {
-        setLastUISelection("24h");
-      } else if (value === "7d") {
-        setLastUISelection("7d");
-      } else if (value === "30d") {
-        setLastUISelection("30d");
-      }
-    }
-  }, [value, lastUISelection]);
+	useEffect(() => {
+		if (!lastUISelection) {
+			if (value === "24h") {
+				setLastUISelection("24h");
+			} else if (value === "7d") {
+				setLastUISelection("7d");
+			} else if (value === "30d") {
+				setLastUISelection("30d");
+			}
+		}
+	}, [value, lastUISelection]);
 
-  useEffect(() => {
-    const currentOrgId =
-      selectedOrganizationId || activeOrganization?.organization.id;
+	useEffect(() => {
+		const currentOrgId =
+			selectedOrganizationId || activeOrganization?.organization.id;
 
-    if (selectedSpaceId) {
-      const space = spacesData?.find((s) => s.id === selectedSpaceId);
-      if (!space || space.organizationId !== currentOrgId) {
-        onSpaceChange?.(null);
-      }
-    }
-  }, [
-    selectedOrganizationId,
-    selectedSpaceId,
-    spacesData,
-    activeOrganization,
-    onSpaceChange,
-  ]);
+		if (selectedSpaceId) {
+			const space = spacesData?.find((s) => s.id === selectedSpaceId);
+			if (!space || space.organizationId !== currentOrgId) {
+				onSpaceChange?.(null);
+			}
+		}
+	}, [
+		selectedOrganizationId,
+		selectedSpaceId,
+		spacesData,
+		activeOrganization,
+		onSpaceChange,
+	]);
 
-  const selectedOption =
-    DATE_RANGE_OPTIONS.find(
-      (opt) => opt.value === getDisplayValue(value, lastUISelection)
-    ) || DATE_RANGE_OPTIONS[3];
+	const selectedOption =
+		DATE_RANGE_OPTIONS.find(
+			(opt) => opt.value === getDisplayValue(value, lastUISelection),
+		) || DATE_RANGE_OPTIONS[3];
 
-  const handleValueChange = (newValue: string) => {
-    setLastUISelection(newValue);
-    const backendRange = mapToBackendRange(newValue);
-    onChange(backendRange);
-    setOpen(false);
-  };
+	const handleValueChange = (newValue: string) => {
+		setLastUISelection(newValue);
+		const backendRange = mapToBackendRange(newValue);
+		onChange(backendRange);
+		setOpen(false);
+	};
 
-  const handlePrevious = () => {
-    const currentIndex = DATE_RANGE_OPTIONS.findIndex(
-      (opt) => opt.value === selectedOption.value
-    );
-    if (currentIndex > 0) {
-      const prevOption = DATE_RANGE_OPTIONS[currentIndex - 1];
-      handleValueChange(prevOption?.value ?? "");
-    }
-  };
+	const handlePrevious = () => {
+		const currentIndex = DATE_RANGE_OPTIONS.findIndex(
+			(opt) => opt.value === selectedOption.value,
+		);
+		if (currentIndex > 0) {
+			const prevOption = DATE_RANGE_OPTIONS[currentIndex - 1];
+			handleValueChange(prevOption?.value ?? "");
+		}
+	};
 
-  const handleNext = () => {
-    const currentIndex = DATE_RANGE_OPTIONS.findIndex(
-      (opt) => opt.value === selectedOption.value
-    );
-    if (currentIndex < DATE_RANGE_OPTIONS.length - 1) {
-      const nextOption = DATE_RANGE_OPTIONS[currentIndex + 1];
-      handleValueChange(nextOption?.value ?? "");
-    }
-  };
+	const handleNext = () => {
+		const currentIndex = DATE_RANGE_OPTIONS.findIndex(
+			(opt) => opt.value === selectedOption.value,
+		);
+		if (currentIndex < DATE_RANGE_OPTIONS.length - 1) {
+			const nextOption = DATE_RANGE_OPTIONS[currentIndex + 1];
+			handleValueChange(nextOption?.value ?? "");
+		}
+	};
 
-  const canGoPrevious =
-    DATE_RANGE_OPTIONS.findIndex((opt) => opt.value === selectedOption.value) >
-    0;
-  const canGoNext =
-    DATE_RANGE_OPTIONS.findIndex((opt) => opt.value === selectedOption.value) <
-    DATE_RANGE_OPTIONS.length - 1;
+	const canGoPrevious =
+		DATE_RANGE_OPTIONS.findIndex((opt) => opt.value === selectedOption.value) >
+		0;
+	const canGoNext =
+		DATE_RANGE_OPTIONS.findIndex((opt) => opt.value === selectedOption.value) <
+		DATE_RANGE_OPTIONS.length - 1;
 
-  const selectedOrgId =
-    selectedOrganizationId || activeOrganization?.organization.id;
-  const selectedOrg =
-    organizations?.find((org) => org.organization.id === selectedOrgId) ||
-    activeOrganization ||
-    organizations?.[0];
+	const selectedOrgId =
+		selectedOrganizationId || activeOrganization?.organization.id;
+	const selectedOrg =
+		organizations?.find((org) => org.organization.id === selectedOrgId) ||
+		activeOrganization ||
+		organizations?.[0];
 
-  const filteredSpaces = spacesData?.filter(
-    (space) => space.organizationId === selectedOrgId
-  );
+	const filteredSpaces = spacesData?.filter(
+		(space) => space.organizationId === selectedOrgId,
+	);
 
-  const handleOrgChange = (value: string) => {
-    if (value.startsWith("space:")) {
-      const spaceId = value.replace("space:", "");
-      const space = filteredSpaces?.find((s) => s.id === spaceId);
-      if (space) {
-        onSpaceChange?.(spaceId);
-        onOrganizationChange?.(
-          space.organizationId as Organisation.OrganisationId
-        );
-      }
-    } else {
-      onSpaceChange?.(null);
-      onOrganizationChange?.(value as Organisation.OrganisationId);
-    }
-    setOrgOpen(false);
-  };
+	const handleOrgChange = (value: string) => {
+		if (value.startsWith("space:")) {
+			const spaceId = value.replace("space:", "");
+			const space = filteredSpaces?.find((s) => s.id === spaceId);
+			if (space) {
+				onSpaceChange?.(spaceId);
+				onOrganizationChange?.(
+					space.organizationId as Organisation.OrganisationId,
+				);
+			}
+		} else {
+			onSpaceChange?.(null);
+			onOrganizationChange?.(value as Organisation.OrganisationId);
+		}
+		setOrgOpen(false);
+	};
 
-  const selectedSpace = selectedSpaceId
-    ? filteredSpaces?.find((s) => s.id === selectedSpaceId)
-    : null;
+	const selectedSpace = selectedSpaceId
+		? filteredSpaces?.find((s) => s.id === selectedSpaceId)
+		: null;
 
-  const isMyCapsSelected =
-    !selectedSpaceId &&
-    selectedOrg?.organization.id === activeOrganization?.organization.id;
+	const isMyCapsSelected =
+		!selectedSpaceId &&
+		selectedOrg?.organization.id === activeOrganization?.organization.id;
 
-  const displayName = selectedSpace
-    ? selectedSpace.name
-    : isMyCapsSelected
-    ? user?.name
-      ? `${user.name}'s Caps`
-      : "My Caps"
-    : selectedOrg?.organization.name || "Select organization";
+	const displayName = selectedSpace
+		? selectedSpace.name
+		: isMyCapsSelected
+			? user?.name
+				? `${user.name}'s Caps`
+				: "My Caps"
+			: selectedOrg?.organization.name || "Select organization";
 
-  const displayIcon = selectedSpace
-    ? selectedSpace.iconUrl
-    : isMyCapsSelected
-    ? user?.imageUrl || selectedOrg?.organization.iconUrl || undefined
-    : selectedOrg?.organization.iconUrl;
+	const displayIcon = selectedSpace
+		? selectedSpace.iconUrl
+		: isMyCapsSelected
+			? user?.imageUrl || selectedOrg?.organization.iconUrl || undefined
+			: selectedOrg?.organization.iconUrl;
 
-  const displayIconName = selectedSpace
-    ? selectedSpace.name
-    : isMyCapsSelected
-    ? user?.name || selectedOrg?.organization.name || "My Caps"
-    : selectedOrg?.organization.name || "Select organization";
+	const displayIconName = selectedSpace
+		? selectedSpace.name
+		: isMyCapsSelected
+			? user?.name || selectedOrg?.organization.name || "My Caps"
+			: selectedOrg?.organization.name || "Select organization";
 
-  if (!activeOrganization) {
-    return null;
-  }
+	if (!activeOrganization) {
+		return null;
+	}
 
-  const selectValue = selectedSpaceId
-    ? `space:${selectedSpaceId}`
-    : selectedOrgId || activeOrganization.organization.id;
+	const selectValue = selectedSpaceId
+		? `space:${selectedSpaceId}`
+		: selectedOrgId || activeOrganization.organization.id;
 
-  const handleBackClick = () => {
-    router.push("/dashboard/analytics");
-  };
+	const handleBackClick = () => {
+		router.push("/dashboard/analytics");
+	};
 
-  return (
-    <div className="flex gap-2 items-center">
-      {capId && (
-        <div className="flex items-center rounded-xl border border-gray-4 bg-gray-2 overflow-hidden">
-          <button
-            type="button"
-            onClick={handleBackClick}
-            className="flex items-center justify-center px-3 py-2.5 border-r border-gray-4 transition-colors text-gray-11 cursor-pointer"
-          >
-            <ArrowLeft className="size-4" />
-          </button>
-          <div className="flex items-center px-4 py-2.5">
-            {capName ? (
-              <span className="text-sm font-semibold text-gray-12">
-                {capName}
-              </span>
-            ) : (
-              <div className="h-4 w-32 rounded bg-gray-4 animate-pulse" />
-            )}
-          </div>
-        </div>
-      )}
-      {!hideCapsSelect && (
-        <SelectPrimitive.Root
-          value={selectValue}
-          onValueChange={handleOrgChange}
-          open={orgOpen}
-          onOpenChange={setOrgOpen}
-          disabled={isLoading}
-        >
-          <SelectPrimitive.Trigger className="flex items-center gap-2 rounded-xl border border-gray-4 bg-gray-2 px-4 py-2.5 outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
-            {displayIconName && (
-              <SignedImageUrl
-                image={displayIcon}
-                name={displayIconName}
-                className="size-5 flex-shrink-0"
-              />
-            )}
-            <span className="text-sm font-semibold text-gray-12">
-              {displayName}
-            </span>
-            <SelectPrimitive.Icon className="ml-1">
-              <ChevronDown className="size-4 text-gray-9" />
-            </SelectPrimitive.Icon>
-          </SelectPrimitive.Trigger>
+	return (
+		<div className="flex gap-2 items-center">
+			{capId && (
+				<div className="flex items-center rounded-xl border border-gray-4 bg-gray-2 overflow-hidden">
+					<button
+						type="button"
+						onClick={handleBackClick}
+						className="flex items-center justify-center px-3 py-2.5 border-r border-gray-4 transition-colors text-gray-11 cursor-pointer"
+					>
+						<ArrowLeft className="size-4" />
+					</button>
+					<div className="flex items-center px-4 py-2.5">
+						{capName ? (
+							<span className="text-sm font-semibold text-gray-12">
+								{capName}
+							</span>
+						) : (
+							<div className="h-4 w-32 rounded bg-gray-4 animate-pulse" />
+						)}
+					</div>
+				</div>
+			)}
+			{!hideCapsSelect && (
+				<SelectPrimitive.Root
+					value={selectValue}
+					onValueChange={handleOrgChange}
+					open={orgOpen}
+					onOpenChange={setOrgOpen}
+					disabled={isLoading}
+				>
+					<SelectPrimitive.Trigger className="flex items-center gap-2 rounded-xl border border-gray-4 bg-gray-2 px-4 py-2.5 outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
+						{displayIconName && (
+							<SignedImageUrl
+								image={displayIcon}
+								name={displayIconName}
+								className="size-5 flex-shrink-0"
+							/>
+						)}
+						<span className="text-sm font-semibold text-gray-12">
+							{displayName}
+						</span>
+						<SelectPrimitive.Icon className="ml-1">
+							<ChevronDown className="size-4 text-gray-9" />
+						</SelectPrimitive.Icon>
+					</SelectPrimitive.Trigger>
 
-          <SelectPrimitive.Portal>
-            <SelectPrimitive.Content
-              className="z-50 min-w-[200px] rounded-xl border border-gray-4 bg-gray-2 shadow-lg overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2"
-              position="popper"
-              sideOffset={4}
-            >
-              <SelectPrimitive.Viewport className="p-1">
-                <SelectPrimitive.Item
-                  key={activeOrganization.organization.id}
-                  value={activeOrganization.organization.id}
-                  className="relative flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm outline-none transition-colors font-semibold text-gray-12 data-[state=checked]:bg-gray-3 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
-                >
-                  <SignedImageUrl
-                    image={
-                      user?.imageUrl || activeOrganization.organization.iconUrl
-                    }
-                    name={user?.name || activeOrganization.organization.name}
-                    className="size-5 flex-shrink-0"
-                  />
-                  <SelectPrimitive.ItemText>
-                    {user?.name ? `${user.name}'s Caps` : "My Caps"}
-                  </SelectPrimitive.ItemText>
-                </SelectPrimitive.Item>
-                {filteredSpaces && filteredSpaces.length > 0 && (
-                  <>
-                    <div className="px-3 py-2 text-xs font-semibold text-gray-9 uppercase tracking-wider">
-                      Spaces
-                    </div>
-                    {filteredSpaces.map((space) => {
-                      return (
-                        <SelectPrimitive.Item
-                          key={space.id}
-                          value={`space:${space.id}`}
-                          className="relative flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm outline-none transition-colors text-gray-12 data-[state=checked]:bg-gray-3 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
-                        >
-                          <SignedImageUrl
-                            image={space.iconUrl}
-                            name={space.name}
-                            className="size-5 flex-shrink-0"
-                          />
-                          <SelectPrimitive.ItemText>
-                            {space.name}
-                          </SelectPrimitive.ItemText>
-                        </SelectPrimitive.Item>
-                      );
-                    })}
-                  </>
-                )}
-              </SelectPrimitive.Viewport>
-            </SelectPrimitive.Content>
-          </SelectPrimitive.Portal>
-        </SelectPrimitive.Root>
-      )}
+					<SelectPrimitive.Portal>
+						<SelectPrimitive.Content
+							className="z-50 min-w-[200px] rounded-xl border border-gray-4 bg-gray-2 shadow-lg overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2"
+							position="popper"
+							sideOffset={4}
+						>
+							<SelectPrimitive.Viewport className="p-1">
+								<SelectPrimitive.Item
+									key={activeOrganization.organization.id}
+									value={activeOrganization.organization.id}
+									className="relative flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm outline-none transition-colors font-semibold text-gray-12 data-[state=checked]:bg-gray-3 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
+								>
+									<SignedImageUrl
+										image={
+											user?.imageUrl || activeOrganization.organization.iconUrl
+										}
+										name={user?.name || activeOrganization.organization.name}
+										className="size-5 flex-shrink-0"
+									/>
+									<SelectPrimitive.ItemText>
+										{user?.name ? `${user.name}'s Caps` : "My Caps"}
+									</SelectPrimitive.ItemText>
+								</SelectPrimitive.Item>
+								{filteredSpaces && filteredSpaces.length > 0 && (
+									<>
+										<div className="px-3 py-2 text-xs font-semibold text-gray-9 uppercase tracking-wider">
+											Spaces
+										</div>
+										{filteredSpaces.map((space) => {
+											return (
+												<SelectPrimitive.Item
+													key={space.id}
+													value={`space:${space.id}`}
+													className="relative flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm outline-none transition-colors text-gray-12 data-[state=checked]:bg-gray-3 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
+												>
+													<SignedImageUrl
+														image={space.iconUrl}
+														name={space.name}
+														className="size-5 flex-shrink-0"
+													/>
+													<SelectPrimitive.ItemText>
+														{space.name}
+													</SelectPrimitive.ItemText>
+												</SelectPrimitive.Item>
+											);
+										})}
+									</>
+								)}
+							</SelectPrimitive.Viewport>
+						</SelectPrimitive.Content>
+					</SelectPrimitive.Portal>
+				</SelectPrimitive.Root>
+			)}
 
-      <SelectPrimitive.Root
-        value={selectedOption.value}
-        onValueChange={handleValueChange}
-        open={open}
-        onOpenChange={setOpen}
-        disabled={isLoading}
-      >
-        <div className="flex items-center rounded-xl border border-gray-4 bg-gray-2 overflow-hidden">
-          <button
-            type="button"
-            onClick={handlePrevious}
-            disabled={!canGoPrevious || isLoading}
-            className={clsx(
-              "flex items-center justify-center px-3 py-2.5 border-r border-gray-4 transition-colors",
-              canGoPrevious && !isLoading
-                ? "text-gray-11 cursor-pointer"
-                : "text-gray-6 cursor-not-allowed"
-            )}
-          >
-            <ChevronLeft className="size-4" />
-          </button>
+			<SelectPrimitive.Root
+				value={selectedOption.value}
+				onValueChange={handleValueChange}
+				open={open}
+				onOpenChange={setOpen}
+				disabled={isLoading}
+			>
+				<div className="flex items-center rounded-xl border border-gray-4 bg-gray-2 overflow-hidden">
+					<button
+						type="button"
+						onClick={handlePrevious}
+						disabled={!canGoPrevious || isLoading}
+						className={clsx(
+							"flex items-center justify-center px-3 py-2.5 border-r border-gray-4 transition-colors",
+							canGoPrevious && !isLoading
+								? "text-gray-11 cursor-pointer"
+								: "text-gray-6 cursor-not-allowed",
+						)}
+					>
+						<ChevronLeft className="size-4" />
+					</button>
 
-          <SelectPrimitive.Trigger className="flex-1 flex items-center justify-between px-4 py-2.5 border-r border-gray-4 outline-none hover:bg-gray-3 transition-colors disabled:opacity-50 disabled:cursor-not-allowed space-x-1">
-            <span className="text-sm font-semibold text-gray-12">
-              {selectedOption.label}
-            </span>
-            <SelectPrimitive.Icon>
-              <ChevronDown className="size-4 text-gray-9" />
-            </SelectPrimitive.Icon>
-          </SelectPrimitive.Trigger>
+					<SelectPrimitive.Trigger className="flex-1 flex items-center justify-between px-4 py-2.5 border-r border-gray-4 outline-none hover:bg-gray-3 transition-colors disabled:opacity-50 disabled:cursor-not-allowed space-x-1">
+						<span className="text-sm font-semibold text-gray-12">
+							{selectedOption.label}
+						</span>
+						<SelectPrimitive.Icon>
+							<ChevronDown className="size-4 text-gray-9" />
+						</SelectPrimitive.Icon>
+					</SelectPrimitive.Trigger>
 
-          <button
-            type="button"
-            onClick={handleNext}
-            disabled={!canGoNext || isLoading}
-            className={clsx(
-              "flex items-center justify-center px-3 py-2.5 transition-colors",
-              canGoNext && !isLoading
-                ? "text-gray-6 cursor-pointer"
-                : "text-gray-4 cursor-not-allowed"
-            )}
-          >
-            <ChevronRight className="size-4" />
-          </button>
-        </div>
+					<button
+						type="button"
+						onClick={handleNext}
+						disabled={!canGoNext || isLoading}
+						className={clsx(
+							"flex items-center justify-center px-3 py-2.5 transition-colors",
+							canGoNext && !isLoading
+								? "text-gray-6 cursor-pointer"
+								: "text-gray-4 cursor-not-allowed",
+						)}
+					>
+						<ChevronRight className="size-4" />
+					</button>
+				</div>
 
-        <SelectPrimitive.Portal>
-          <SelectPrimitive.Content
-            className="z-50 min-w-[200px] rounded-xl border border-gray-4 bg-gray-2 shadow-lg overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2"
-            position="popper"
-            sideOffset={4}
-          >
-            <SelectPrimitive.Viewport className="p-1">
-              {DATE_RANGE_OPTIONS.map((option) => {
-                const isSelected = selectedOption.value === option.value;
-                return (
-                  <SelectPrimitive.Item
-                    key={option.value}
-                    value={option.value}
-                    className={clsx(
-                      "relative flex w-full cursor-pointer items-center rounded-lg px-3 py-2 text-sm outline-none transition-colors font-semibold",
-                      isSelected
-                        ? "bg-gray-3 text-gray-12 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
-                        : "text-gray-12 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
-                    )}
-                  >
-                    <SelectPrimitive.ItemText>
-                      {option.label}
-                    </SelectPrimitive.ItemText>
-                  </SelectPrimitive.Item>
-                );
-              })}
-            </SelectPrimitive.Viewport>
-          </SelectPrimitive.Content>
-        </SelectPrimitive.Portal>
-      </SelectPrimitive.Root>
-    </div>
-  );
+				<SelectPrimitive.Portal>
+					<SelectPrimitive.Content
+						className="z-50 min-w-[200px] rounded-xl border border-gray-4 bg-gray-2 shadow-lg overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2"
+						position="popper"
+						sideOffset={4}
+					>
+						<SelectPrimitive.Viewport className="p-1">
+							{DATE_RANGE_OPTIONS.map((option) => {
+								const isSelected = selectedOption.value === option.value;
+								return (
+									<SelectPrimitive.Item
+										key={option.value}
+										value={option.value}
+										className={clsx(
+											"relative flex w-full cursor-pointer items-center rounded-lg px-3 py-2 text-sm outline-none transition-colors font-semibold",
+											isSelected
+												? "bg-gray-3 text-gray-12 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12"
+												: "text-gray-12 data-[highlighted]:bg-gray-3 data-[highlighted]:text-gray-12",
+										)}
+									>
+										<SelectPrimitive.ItemText>
+											{option.label}
+										</SelectPrimitive.ItemText>
+									</SelectPrimitive.Item>
+								);
+							})}
+						</SelectPrimitive.Viewport>
+					</SelectPrimitive.Content>
+				</SelectPrimitive.Portal>
+			</SelectPrimitive.Root>
+		</div>
+	);
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
index 2f9fc413cc..d2e630b126 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/OtherStats.tsx
@@ -6,19 +6,19 @@ import {
 	faMobileScreen,
 	faRecordVinyl,
 } from "@fortawesome/free-solid-svg-icons";
-import OtherStatBox from "./OtherStatBox";
 import type { BreakdownRow } from "../types";
+import OtherStatBox from "./OtherStatBox";
 import TableCard, {
-	BrowserRowData,
-	CapRowData,
-	CityRowData,
-	CountryRowData,
-	DeviceRowData,
-	OSRowData,
+	type BrowserRowData,
+	type CapRowData,
+	type CityRowData,
+	type CountryRowData,
+	type DeviceRowData,
+	type OSRowData,
 } from "./TableCard";
 
 export interface OtherStatsData {
- 	countries: BreakdownRow[];
+	countries: BreakdownRow[];
 	cities: BreakdownRow[];
 	browsers: BreakdownRow[];
 	operatingSystems: BreakdownRow[];
@@ -126,11 +126,7 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
 						title="Countries"
-						columns={[
-							"Country",
-							"Views",
-							"Percentage",
-						]}
+						columns={["Country", "Views", "Percentage"]}
 						rows={data.countries.map(toCountryRow)}
 						type="country"
 						isLoading={isLoading}
@@ -148,22 +144,14 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 				<div className="flex flex-col flex-1 gap-5 justify-center w-full">
 					<TableCard
 						title="Browsers"
-						columns={[
-							"Browser",
-							"Views",
-							"Percentage",
-						]}
+						columns={["Browser", "Views", "Percentage"]}
 						rows={data.browsers.map(toBrowserRow)}
 						type="browser"
 						isLoading={isLoading}
 					/>
 					<TableCard
 						title="Operating Systems"
-						columns={[
-							"Operating System",
-							"Views",
-							"Percentage",
-						]}
+						columns={["Operating System", "Views", "Percentage"]}
 						rows={data.operatingSystems.map(toOSRow)}
 						type="os"
 						isLoading={isLoading}
@@ -211,4 +199,4 @@ export default function OtherStats({ data, isLoading }: OtherStatsProps) {
 			)}
 		</div>
 	);
-} 
+}
diff --git a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
index 5b8a007d59..c0dc3c17ff 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/StatsChart.tsx
@@ -1,261 +1,261 @@
 "use client";
 
+import { Check } from "lucide-react";
 import { cloneElement, type SVGProps, useMemo, useRef, useState } from "react";
 import {
-  CapIcon,
-  ChatIcon,
-  ClapIcon,
-  ReactionIcon,
+	CapIcon,
+	ChatIcon,
+	ClapIcon,
+	ReactionIcon,
 } from "@/app/(org)/dashboard/_components/AnimatedIcons";
 import { classNames } from "@/utils/helpers";
 import type { CapIconHandle } from "../../_components/AnimatedIcons/Cap";
 import ChartArea from "./ChartArea";
-import { Check } from "lucide-react";
 
 type boxes = "caps" | "views" | "comments" | "reactions";
 type ChartPoint = {
-  bucket: string;
-  caps: number;
-  views: number;
-  comments: number;
-  reactions: number;
+	bucket: string;
+	caps: number;
+	views: number;
+	comments: number;
+	reactions: number;
 };
 
 const formatCount = (value: number) => {
-  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;
-  if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`;
-  return value.toLocaleString();
+	if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;
+	if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`;
+	return value.toLocaleString();
 };
 
 interface StatsChartProps {
-  counts: Record<boxes, number>;
-  data: ChartPoint[];
-  isLoading?: boolean;
-  capId?: string | null;
+	counts: Record<boxes, number>;
+	data: ChartPoint[];
+	isLoading?: boolean;
+	capId?: string | null;
 }
 
 export default function StatsBox({
-  counts,
-  data,
-  isLoading,
-  capId,
+	counts,
+	data,
+	isLoading,
+	capId,
 }: StatsChartProps) {
-  const [selectedBoxes, setSelectedBoxes] = useState<Set<boxes>>(
-    new Set(["views", "comments", "reactions"])
-  );
+	const [selectedBoxes, setSelectedBoxes] = useState<Set<boxes>>(
+		new Set(["views", "comments", "reactions"]),
+	);
 
-  const capsBoxRef = useRef<CapIconHandle | null>(null);
-  const viewsBoxRef = useRef<CapIconHandle | null>(null);
-  const chatsBoxRef = useRef<CapIconHandle | null>(null);
-  const reactionsBoxRef = useRef<CapIconHandle | null>(null);
+	const capsBoxRef = useRef<CapIconHandle | null>(null);
+	const viewsBoxRef = useRef<CapIconHandle | null>(null);
+	const chatsBoxRef = useRef<CapIconHandle | null>(null);
+	const reactionsBoxRef = useRef<CapIconHandle | null>(null);
 
-  const toggleHandler = (box: boxes) => {
-    setSelectedBoxes((prev) => {
-      const next = new Set(prev);
-      if (next.has(box)) {
-        next.delete(box);
-      } else {
-        next.add(box);
-      }
-      return next;
-    });
-  };
+	const toggleHandler = (box: boxes) => {
+		setSelectedBoxes((prev) => {
+			const next = new Set(prev);
+			if (next.has(box)) {
+				next.delete(box);
+			} else {
+				next.add(box);
+			}
+			return next;
+		});
+	};
 
-  const formattedCounts = useMemo(
-    () => ({
-      caps: formatCount(counts.caps),
-      views: formatCount(counts.views),
-      comments: formatCount(counts.comments),
-      reactions: formatCount(counts.reactions),
-    }),
-    [counts]
-  );
+	const formattedCounts = useMemo(
+		() => ({
+			caps: formatCount(counts.caps),
+			views: formatCount(counts.views),
+			comments: formatCount(counts.comments),
+			reactions: formatCount(counts.reactions),
+		}),
+		[counts],
+	);
 
-  return (
-    <div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-2 border-gray-3">
-      <div className="flex flex-wrap gap-4">
-        {isLoading ? (
-          <>
-            {Array.from({ length: capId ? 3 : 4 }, (_, index) => (
-              <StatBoxSkeleton key={`skeleton-${capId ? 3 : 4}-${index}`} />
-            ))}
-          </>
-        ) : (
-          <>
-            <StatBox
-              onClick={() => toggleHandler("views")}
-              isSelected={selectedBoxes.has("views")}
-              title="Views"
-              value={formattedCounts.views}
-              metric="views"
-              onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
-              onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
-              icon={<ClapIcon ref={viewsBoxRef} size={20} />}
-            />
-            <StatBox
-              onClick={() => toggleHandler("comments")}
-              isSelected={selectedBoxes.has("comments")}
-              title="Comments"
-              value={formattedCounts.comments}
-              metric="comments"
-              onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
-              onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
-              icon={<ChatIcon ref={chatsBoxRef} size={20} />}
-            />
-            <StatBox
-              onClick={() => toggleHandler("reactions")}
-              isSelected={selectedBoxes.has("reactions")}
-              title="Reactions"
-              value={formattedCounts.reactions}
-              metric="reactions"
-              onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
-              onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
-              icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
-            />
-            {!capId && (
-              <StatBox
-                onClick={() => toggleHandler("caps")}
-                isSelected={selectedBoxes.has("caps")}
-                title="Caps"
-                value={formattedCounts.caps}
-                metric="caps"
-                onMouseEnter={() => capsBoxRef.current?.startAnimation()}
-                onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
-                icon={<CapIcon ref={capsBoxRef} size={20} />}
-              />
-            )}
-          </>
-        )}
-      </div>
-      <ChartArea
-        selectedMetrics={Array.from(selectedBoxes).filter(
-          (metric) => !capId || metric !== "caps"
-        )}
-        data={data}
-        isLoading={isLoading}
-      />
-    </div>
-  );
+	return (
+		<div className="flex flex-col gap-4 px-8 pt-8 w-full rounded-xl border bg-gray-2 border-gray-3">
+			<div className="flex flex-wrap gap-4">
+				{isLoading ? (
+					<>
+						{Array.from({ length: capId ? 3 : 4 }, (_, index) => (
+							<StatBoxSkeleton key={`skeleton-${capId ? 3 : 4}-${index}`} />
+						))}
+					</>
+				) : (
+					<>
+						<StatBox
+							onClick={() => toggleHandler("views")}
+							isSelected={selectedBoxes.has("views")}
+							title="Views"
+							value={formattedCounts.views}
+							metric="views"
+							onMouseEnter={() => viewsBoxRef.current?.startAnimation()}
+							onMouseLeave={() => viewsBoxRef.current?.stopAnimation()}
+							icon={<ClapIcon ref={viewsBoxRef} size={20} />}
+						/>
+						<StatBox
+							onClick={() => toggleHandler("comments")}
+							isSelected={selectedBoxes.has("comments")}
+							title="Comments"
+							value={formattedCounts.comments}
+							metric="comments"
+							onMouseEnter={() => chatsBoxRef.current?.startAnimation()}
+							onMouseLeave={() => chatsBoxRef.current?.stopAnimation()}
+							icon={<ChatIcon ref={chatsBoxRef} size={20} />}
+						/>
+						<StatBox
+							onClick={() => toggleHandler("reactions")}
+							isSelected={selectedBoxes.has("reactions")}
+							title="Reactions"
+							value={formattedCounts.reactions}
+							metric="reactions"
+							onMouseEnter={() => reactionsBoxRef.current?.startAnimation()}
+							onMouseLeave={() => reactionsBoxRef.current?.stopAnimation()}
+							icon={<ReactionIcon ref={reactionsBoxRef} size={20} />}
+						/>
+						{!capId && (
+							<StatBox
+								onClick={() => toggleHandler("caps")}
+								isSelected={selectedBoxes.has("caps")}
+								title="Caps"
+								value={formattedCounts.caps}
+								metric="caps"
+								onMouseEnter={() => capsBoxRef.current?.startAnimation()}
+								onMouseLeave={() => capsBoxRef.current?.stopAnimation()}
+								icon={<CapIcon ref={capsBoxRef} size={20} />}
+							/>
+						)}
+					</>
+				)}
+			</div>
+			<ChartArea
+				selectedMetrics={Array.from(selectedBoxes).filter(
+					(metric) => !capId || metric !== "caps",
+				)}
+				data={data}
+				isLoading={isLoading}
+			/>
+		</div>
+	);
 }
 
 const metricColors = {
-  views: {
-    bg: "rgba(59, 130, 246, 0.03)",
-    bgHover: "rgba(59, 130, 246, 0.05)",
-    bgSelected: "rgba(59, 130, 246, 0.08)",
-    border: "rgba(59, 130, 246, 0.15)",
-    borderSelected: "rgba(59, 130, 246, 0.25)",
-  },
-  comments: {
-    bg: "rgba(236, 72, 153, 0.03)",
-    bgHover: "rgba(236, 72, 153, 0.05)",
-    bgSelected: "rgba(236, 72, 153, 0.08)",
-    border: "rgba(236, 72, 153, 0.15)",
-    borderSelected: "rgba(236, 72, 153, 0.25)",
-  },
-  reactions: {
-    bg: "rgba(249, 115, 22, 0.03)",
-    bgHover: "rgba(249, 115, 22, 0.05)",
-    bgSelected: "rgba(249, 115, 22, 0.08)",
-    border: "rgba(249, 115, 22, 0.15)",
-    borderSelected: "rgba(249, 115, 22, 0.25)",
-  },
-  caps: {
-    bg: "rgba(0, 0, 0, 0.02)",
-    bgHover: "rgba(0, 0, 0, 0.03)",
-    bgSelected: "rgba(0, 0, 0, 0.05)",
-    border: "rgba(0, 0, 0, 0.12)",
-    borderSelected: "rgba(0, 0, 0, 0.2)",
-  },
+	views: {
+		bg: "rgba(59, 130, 246, 0.03)",
+		bgHover: "rgba(59, 130, 246, 0.05)",
+		bgSelected: "rgba(59, 130, 246, 0.08)",
+		border: "rgba(59, 130, 246, 0.15)",
+		borderSelected: "rgba(59, 130, 246, 0.25)",
+	},
+	comments: {
+		bg: "rgba(236, 72, 153, 0.03)",
+		bgHover: "rgba(236, 72, 153, 0.05)",
+		bgSelected: "rgba(236, 72, 153, 0.08)",
+		border: "rgba(236, 72, 153, 0.15)",
+		borderSelected: "rgba(236, 72, 153, 0.25)",
+	},
+	reactions: {
+		bg: "rgba(249, 115, 22, 0.03)",
+		bgHover: "rgba(249, 115, 22, 0.05)",
+		bgSelected: "rgba(249, 115, 22, 0.08)",
+		border: "rgba(249, 115, 22, 0.15)",
+		borderSelected: "rgba(249, 115, 22, 0.25)",
+	},
+	caps: {
+		bg: "rgba(0, 0, 0, 0.02)",
+		bgHover: "rgba(0, 0, 0, 0.03)",
+		bgSelected: "rgba(0, 0, 0, 0.05)",
+		border: "rgba(0, 0, 0, 0.12)",
+		borderSelected: "rgba(0, 0, 0, 0.2)",
+	},
 } as const;
 
 interface StatBoxProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  title: string;
-  value: string;
-  icon: React.ReactElement<SVGProps<SVGSVGElement>>;
-  isSelected?: boolean;
-  metric: boxes;
+	title: string;
+	value: string;
+	icon: React.ReactElement<SVGProps<SVGSVGElement>>;
+	isSelected?: boolean;
+	metric: boxes;
 }
 function StatBox({
-  title,
-  value,
-  icon,
-  isSelected = false,
-  metric,
-  ...props
+	title,
+	value,
+	icon,
+	isSelected = false,
+	metric,
+	...props
 }: StatBoxProps) {
-  const colors = metricColors[metric];
+	const colors = metricColors[metric];
 
-  return (
-    <button
-      {...props}
-      type="button"
-      className={classNames(
-        "flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 rounded-xl border transition-all duration-200 cursor-pointer group h-fit border-gray-5 text-left",
-        isSelected ? "border-gray-8" : ""
-      )}
-      style={{
-        backgroundColor: isSelected ? colors.bgSelected : colors.bg,
-        borderColor: isSelected ? colors.borderSelected : colors.border,
-      }}
-      onMouseEnter={(e) => {
-        if (!isSelected) {
-          e.currentTarget.style.backgroundColor = colors.bgHover;
-        }
-        props.onMouseEnter?.(e);
-      }}
-      onMouseLeave={(e) => {
-        if (!isSelected) {
-          e.currentTarget.style.backgroundColor = colors.bg;
-        }
-        props.onMouseLeave?.(e);
-      }}
-    >
-      <div className="flex gap-2 items-center h-fit justify-between">
-        <div className="flex gap-2 items-center h-fit">
-          {cloneElement(icon, {
-            className: classNames(
-              "group-hover:text-gray-12 transition-colors duration-200",
-              isSelected ? "text-gray-12" : "text-gray-10"
-            ),
-          })}
-          <p
-            className={classNames(
-              "text-base font-medium transition-colors duration-200 group-hover:text-gray-12 text-gray-10",
-              isSelected && "text-gray-12"
-            )}
-          >
-            {title}
-          </p>
-        </div>
-        <div
-          className={classNames(
-            "flex items-center justify-center size-5 rounded border transition-all duration-200",
-            isSelected
-              ? "bg-gray-3 border-gray-9 dark:bg-gray-10 dark:border-gray-10"
-              : "bg-transparent border-gray-8 group-hover:border-gray-10"
-          )}
-        >
-          {isSelected && (
-            <Check className="size-3.5 text-gray-12 dark:text-gray-1" />
-          )}
-        </div>
-      </div>
-      <p className="text-2xl font-medium transition-colors duration-200 text-gray-12">
-        {value}
-      </p>
-    </button>
-  );
+	return (
+		<button
+			{...props}
+			type="button"
+			className={classNames(
+				"flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 rounded-xl border transition-all duration-200 cursor-pointer group h-fit border-gray-5 text-left",
+				isSelected ? "border-gray-8" : "",
+			)}
+			style={{
+				backgroundColor: isSelected ? colors.bgSelected : colors.bg,
+				borderColor: isSelected ? colors.borderSelected : colors.border,
+			}}
+			onMouseEnter={(e) => {
+				if (!isSelected) {
+					e.currentTarget.style.backgroundColor = colors.bgHover;
+				}
+				props.onMouseEnter?.(e);
+			}}
+			onMouseLeave={(e) => {
+				if (!isSelected) {
+					e.currentTarget.style.backgroundColor = colors.bg;
+				}
+				props.onMouseLeave?.(e);
+			}}
+		>
+			<div className="flex gap-2 items-center h-fit justify-between">
+				<div className="flex gap-2 items-center h-fit">
+					{cloneElement(icon, {
+						className: classNames(
+							"group-hover:text-gray-12 transition-colors duration-200",
+							isSelected ? "text-gray-12" : "text-gray-10",
+						),
+					})}
+					<p
+						className={classNames(
+							"text-base font-medium transition-colors duration-200 group-hover:text-gray-12 text-gray-10",
+							isSelected && "text-gray-12",
+						)}
+					>
+						{title}
+					</p>
+				</div>
+				<div
+					className={classNames(
+						"flex items-center justify-center size-5 rounded border transition-all duration-200",
+						isSelected
+							? "bg-gray-3 border-gray-9 dark:bg-gray-10 dark:border-gray-10"
+							: "bg-transparent border-gray-8 group-hover:border-gray-10",
+					)}
+				>
+					{isSelected && (
+						<Check className="size-3.5 text-gray-12 dark:text-gray-1" />
+					)}
+				</div>
+			</div>
+			<p className="text-2xl font-medium transition-colors duration-200 text-gray-12">
+				{value}
+			</p>
+		</button>
+	);
 }
 
 function StatBoxSkeleton() {
-  return (
-    <div className="flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 bg-transparent rounded-xl border border-gray-5 h-fit">
-      <div className="flex gap-2 items-center h-fit">
-        <div className="size-5 rounded bg-gray-4 animate-pulse" />
-        <div className="h-4 w-20 rounded bg-gray-4 animate-pulse" />
-      </div>
-      <div className="h-8 w-16 rounded bg-gray-4 animate-pulse" />
-    </div>
-  );
+	return (
+		<div className="flex flex-col flex-1 min-w-[150px] gap-2 px-8 py-6 bg-transparent rounded-xl border border-gray-5 h-fit">
+			<div className="flex gap-2 items-center h-fit">
+				<div className="size-5 rounded bg-gray-4 animate-pulse" />
+				<div className="h-4 w-20 rounded bg-gray-4 animate-pulse" />
+			</div>
+			<div className="h-8 w-16 rounded bg-gray-4 animate-pulse" />
+		</div>
+	);
 }
diff --git a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
index 40eeb30172..8a3034ec87 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/TableCard.tsx
@@ -1,19 +1,19 @@
 "use client";
 
 import {
-  LogoBadge,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
+	LogoBadge,
+	Table,
+	TableBody,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
 } from "@cap/ui";
 import {
-  faAppleWhole,
-  faDesktop,
-  faMobileScreen,
-  faTablet,
+	faAppleWhole,
+	faDesktop,
+	faMobileScreen,
+	faTablet,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
@@ -22,144 +22,144 @@ import Image from "next/image";
 import { useRouter } from "next/navigation";
 
 const countryCodeToIcon = (countryCode: string | undefined | null) => {
-  if (!countryCode || countryCode.trim() === "") {
-    return null;
-  }
-  return getUnicodeFlagIcon(countryCode.toUpperCase());
+	if (!countryCode || countryCode.trim() === "") {
+		return null;
+	}
+	return getUnicodeFlagIcon(countryCode.toUpperCase());
 };
 
 const formatNumber = (value?: number | null) =>
-  value == null ? "—" : value.toLocaleString();
+	value == null ? "—" : value.toLocaleString();
 const formatPercentage = (value?: number | null) =>
-  value == null ? "—" : `${Math.round(value * 100)}%`;
+	value == null ? "—" : `${Math.round(value * 100)}%`;
 const skeletonBar = (width = 48) => (
-  <div
-    className="h-4 rounded bg-gray-4 animate-pulse"
-    style={{ width: `${width}px` }}
-  />
+	<div
+		className="h-4 rounded bg-gray-4 animate-pulse"
+		style={{ width: `${width}px` }}
+	/>
 );
 
 type BrowserType =
-  | "google-chrome"
-  | "firefox"
-  | "safari"
-  | "explorer"
-  | "opera"
-  | "brave"
-  | "vivaldi"
-  | "yandex"
-  | "duckduckgo"
-  | "internet-explorer"
-  | "samsung-internet"
-  | "uc-browser"
-  | "qq-browser"
-  | "maxthon"
-  | "arora"
-  | "lunascape";
+	| "google-chrome"
+	| "firefox"
+	| "safari"
+	| "explorer"
+	| "opera"
+	| "brave"
+	| "vivaldi"
+	| "yandex"
+	| "duckduckgo"
+	| "internet-explorer"
+	| "samsung-internet"
+	| "uc-browser"
+	| "qq-browser"
+	| "maxthon"
+	| "arora"
+	| "lunascape";
 
 type OperatingSystemType = "windows" | "ios" | "linux" | "fedora" | "ubuntu";
 
 type DeviceType = "desktop" | "tablet" | "mobile";
 
 export interface CountryRowData {
-  countryCode: string;
-  name: string;
-  views: number;
-  comments?: number | null;
-  reactions?: number | null;
-  percentage: number;
+	countryCode: string;
+	name: string;
+	views: number;
+	comments?: number | null;
+	reactions?: number | null;
+	percentage: number;
 }
 
 export interface CityRowData {
-  countryCode: string;
-  name: string;
-  views: number;
-  comments?: number | null;
-  reactions?: number | null;
-  percentage: number;
+	countryCode: string;
+	name: string;
+	views: number;
+	comments?: number | null;
+	reactions?: number | null;
+	percentage: number;
 }
 
 export interface BrowserRowData {
-  browser: BrowserType;
-  name: string;
-  views: number;
-  comments?: number | null;
-  reactions?: number | null;
-  percentage: number;
+	browser: BrowserType;
+	name: string;
+	views: number;
+	comments?: number | null;
+	reactions?: number | null;
+	percentage: number;
 }
 
 export interface OSRowData {
-  os: OperatingSystemType;
-  name: string;
-  views: number;
-  comments?: number | null;
-  reactions?: number | null;
-  percentage: number;
+	os: OperatingSystemType;
+	name: string;
+	views: number;
+	comments?: number | null;
+	reactions?: number | null;
+	percentage: number;
 }
 
 export interface DeviceRowData {
-  device: DeviceType;
-  name: string;
-  views: number;
-  comments?: number | null;
-  reactions?: number | null;
-  percentage: number;
+	device: DeviceType;
+	name: string;
+	views: number;
+	comments?: number | null;
+	reactions?: number | null;
+	percentage: number;
 }
 
 export interface CapRowData {
-  name: string;
-  views: number;
-  comments?: number | null;
-  reactions?: number | null;
-  percentage: number;
-  id?: string;
+	name: string;
+	views: number;
+	comments?: number | null;
+	reactions?: number | null;
+	percentage: number;
+	id?: string;
 }
 
 export interface TableCardProps {
-  title: string;
-  columns: string[];
-  tableClassname?: string;
-  type: "country" | "city" | "browser" | "os" | "device" | "cap";
-  rows:
-    | CountryRowData[]
-    | CityRowData[]
-    | BrowserRowData[]
-    | OSRowData[]
-    | DeviceRowData[]
-    | CapRowData[];
-  isLoading?: boolean;
+	title: string;
+	columns: string[];
+	tableClassname?: string;
+	type: "country" | "city" | "browser" | "os" | "device" | "cap";
+	rows:
+		| CountryRowData[]
+		| CityRowData[]
+		| BrowserRowData[]
+		| OSRowData[]
+		| DeviceRowData[]
+		| CapRowData[];
+	isLoading?: boolean;
 }
 
 const TableCard = ({
-  title: _title,
-  columns,
-  rows,
-  type,
-  tableClassname,
-  isLoading,
+	title: _title,
+	columns,
+	rows,
+	type,
+	tableClassname,
+	isLoading,
 }: TableCardProps) => {
-  const router = useRouter();
-  const hasRows = rows.length > 0;
-  const placeholders = Array.from({ length: 4 }, (_, index) => ({
-    name: `placeholder-${index}`,
-    views: 0,
-    comments: null,
-    reactions: null,
-    percentage: 0,
-  })) as TableCardProps["rows"];
+	const router = useRouter();
+	const hasRows = rows.length > 0;
+	const placeholders = Array.from({ length: 4 }, (_, index) => ({
+		name: `placeholder-${index}`,
+		views: 0,
+		comments: null,
+		reactions: null,
+		percentage: 0,
+	})) as TableCardProps["rows"];
 
-  const displayRows = isLoading || !hasRows ? placeholders : rows;
-  const showSkeletons = isLoading || !hasRows;
+	const displayRows = isLoading || !hasRows ? placeholders : rows;
+	const showSkeletons = isLoading || !hasRows;
 
-  const handleCapNameClick = (capId: string | undefined) => {
-    if (capId && type === "cap") {
-      router.push(`/dashboard/analytics?capId=${capId}`);
-    }
-  };
+	const handleCapNameClick = (capId: string | undefined) => {
+		if (capId && type === "cap") {
+			router.push(`/dashboard/analytics?capId=${capId}`);
+		}
+	};
 
-  return (
-    <div className="relative p-5 w-full rounded-xl border bg-gray-2 border-gray-4 min-h-[400px] max-h-[400px] overflow-y-auto">
-      {/* <div className="flex flex-1 gap-2 justify-between items-center h-[48px]">
+	return (
+		<div className="relative p-5 w-full rounded-xl border bg-gray-2 border-gray-4 min-h-[400px] max-h-[400px] overflow-y-auto">
+			{/* <div className="flex flex-1 gap-2 justify-between items-center h-[48px]">
         <p className="text-lg font-medium text-gray-12">{title}</p>
         <Select
           variant="light"
@@ -175,157 +175,157 @@ const TableCard = ({
           size="sm"
         />
       </div> */}
-      <div className="flex flex-1 flex-col gap-4 justify-center">
-        <div className="relative w-full">
-          <Table className="w-full border-separate table-fixed border-spacing-y-2">
-            <TableHeader className="sticky top-0 z-10 bg-gray-2 text-xs uppercase text-gray-11 opacity-70">
-              <TableRow>
-                {columns.map((column) => (
-                  <TableHead className="px-3 text-left" key={column}>
-                    {column}
-                  </TableHead>
-                ))}
-              </TableRow>
-            </TableHeader>
-            <TableBody
-              className={clsx(
-                "before:content-[''] before:block w-full",
-                tableClassname
-              )}
-            >
-              {displayRows.map((row, index) => {
-                const capRow = type === "cap" ? (row as CapRowData) : null;
-                const uniqueKey = `${row.name ?? `row-${index}`}-${index}`;
-                const isCap = type === "cap";
-                const isClickable = isCap && capRow?.id && !showSkeletons;
-                return (
-                  <TableRow className="w-full" key={uniqueKey}>
-                    <TableCell className="p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
-                      <div className="flex gap-2 items-center min-w-0">
-                        <span className="flex-shrink-0 fill-[var(--gray-12)]">
-                          {showSkeletons ? (
-                            <div className="size-4 rounded bg-gray-4 animate-pulse" />
-                          ) : (
-                            getIconForRow(row, type)
-                          )}
-                        </span>
-                        {isClickable ? (
-                          <button
-                            type="button"
-                            onClick={() => handleCapNameClick(capRow?.id)}
-                            className="truncate text-left hover:text-gray-12 transition-colors cursor-pointer"
-                            title={row.name}
-                          >
-                            {row.name}
-                          </button>
-                        ) : (
-                          <span
-                            className={clsx(
-                              "truncate",
-                              isCap && !showSkeletons && "cursor-default"
-                            )}
-                            title={
-                              isCap && !showSkeletons ? row.name : undefined
-                            }
-                          >
-                            {showSkeletons ? (
-                              <div className="h-4 w-24 rounded bg-gray-4 animate-pulse" />
-                            ) : (
-                              row.name
-                            )}
-                          </span>
-                        )}
-                      </div>
-                    </TableCell>
-                    <TableCell className="py-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-                      {showSkeletons
-                        ? skeletonBar(48)
-                        : formatNumber(row.views)}
-                    </TableCell>
-                    <TableCell className="p-2.5 px-3 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
-                      {showSkeletons
-                        ? skeletonBar(40)
-                        : formatPercentage(row.percentage)}
-                    </TableCell>
-                  </TableRow>
-                );
-              })}
-            </TableBody>
-          </Table>
-        </div>
-      </div>
-    </div>
-  );
+			<div className="flex flex-1 flex-col gap-4 justify-center">
+				<div className="relative w-full">
+					<Table className="w-full border-separate table-fixed border-spacing-y-2">
+						<TableHeader className="sticky top-0 z-10 bg-gray-2 text-xs uppercase text-gray-11 opacity-70">
+							<TableRow>
+								{columns.map((column) => (
+									<TableHead className="px-3 text-left" key={column}>
+										{column}
+									</TableHead>
+								))}
+							</TableRow>
+						</TableHeader>
+						<TableBody
+							className={clsx(
+								"before:content-[''] before:block w-full",
+								tableClassname,
+							)}
+						>
+							{displayRows.map((row, index) => {
+								const capRow = type === "cap" ? (row as CapRowData) : null;
+								const uniqueKey = `${row.name ?? `row-${index}`}-${index}`;
+								const isCap = type === "cap";
+								const isClickable = isCap && capRow?.id && !showSkeletons;
+								return (
+									<TableRow className="w-full" key={uniqueKey}>
+										<TableCell className="p-2.5 text-sm rounded-l-lg border-l border-y text-gray-11 bg-gray-3 border-gray-5">
+											<div className="flex gap-2 items-center min-w-0">
+												<span className="flex-shrink-0 fill-[var(--gray-12)]">
+													{showSkeletons ? (
+														<div className="size-4 rounded bg-gray-4 animate-pulse" />
+													) : (
+														getIconForRow(row, type)
+													)}
+												</span>
+												{isClickable ? (
+													<button
+														type="button"
+														onClick={() => handleCapNameClick(capRow?.id)}
+														className="truncate text-left hover:text-gray-12 transition-colors cursor-pointer"
+														title={row.name}
+													>
+														{row.name}
+													</button>
+												) : (
+													<span
+														className={clsx(
+															"truncate",
+															isCap && !showSkeletons && "cursor-default",
+														)}
+														title={
+															isCap && !showSkeletons ? row.name : undefined
+														}
+													>
+														{showSkeletons ? (
+															<div className="h-4 w-24 rounded bg-gray-4 animate-pulse" />
+														) : (
+															row.name
+														)}
+													</span>
+												)}
+											</div>
+										</TableCell>
+										<TableCell className="py-2.5 px-3 text-sm text-nowrap text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+											{showSkeletons
+												? skeletonBar(48)
+												: formatNumber(row.views)}
+										</TableCell>
+										<TableCell className="p-2.5 px-3 text-sm text-nowrap rounded-r-lg border-r text-gray-11 bg-gray-3 border-y border-gray-5 whitespace-nowrap">
+											{showSkeletons
+												? skeletonBar(40)
+												: formatPercentage(row.percentage)}
+										</TableCell>
+									</TableRow>
+								);
+							})}
+						</TableBody>
+					</Table>
+				</div>
+			</div>
+		</div>
+	);
 };
 
 const getIconForRow = (
-  row:
-    | CountryRowData
-    | CityRowData
-    | BrowserRowData
-    | OSRowData
-    | DeviceRowData
-    | CapRowData,
-  type: TableCardProps["type"]
+	row:
+		| CountryRowData
+		| CityRowData
+		| BrowserRowData
+		| OSRowData
+		| DeviceRowData
+		| CapRowData,
+	type: TableCardProps["type"],
 ) => {
-  switch (type) {
-    case "country":
-      return countryCodeToIcon((row as CountryRowData).countryCode);
-    case "city":
-      return countryCodeToIcon((row as CityRowData).countryCode);
-    case "browser":
-      return <BrowserIcon browser={(row as BrowserRowData).browser} />;
-    case "os":
-      return <OperatingSystemIcon operatingSystem={(row as OSRowData).os} />;
-    case "device": {
-      const device = (row as DeviceRowData).device;
-      const iconMap = {
-        desktop: faDesktop,
-        tablet: faTablet,
-        mobile: faMobileScreen,
-      };
-      return (
-        <FontAwesomeIcon icon={iconMap[device]} className="text-gray-12" />
-      );
-    }
-    case "cap":
-      return <LogoBadge className="size-4" />;
-    default:
-      return null;
-  }
+	switch (type) {
+		case "country":
+			return countryCodeToIcon((row as CountryRowData).countryCode);
+		case "city":
+			return countryCodeToIcon((row as CityRowData).countryCode);
+		case "browser":
+			return <BrowserIcon browser={(row as BrowserRowData).browser} />;
+		case "os":
+			return <OperatingSystemIcon operatingSystem={(row as OSRowData).os} />;
+		case "device": {
+			const device = (row as DeviceRowData).device;
+			const iconMap = {
+				desktop: faDesktop,
+				tablet: faTablet,
+				mobile: faMobileScreen,
+			};
+			return (
+				<FontAwesomeIcon icon={iconMap[device]} className="text-gray-12" />
+			);
+		}
+		case "cap":
+			return <LogoBadge className="size-4" />;
+		default:
+			return null;
+	}
 };
 
 type OperatingSystemIconProps = {
-  operatingSystem: OperatingSystemType;
+	operatingSystem: OperatingSystemType;
 };
 
 const OperatingSystemIcon = ({ operatingSystem }: OperatingSystemIconProps) => {
-  if (operatingSystem === "ios") {
-    return <FontAwesomeIcon className="text-gray-12" icon={faAppleWhole} />;
-  }
-  return (
-    <Image
-      src={`/logos/os/${operatingSystem}.svg`}
-      alt={operatingSystem}
-      width={16}
-      height={16}
-      className="size-4"
-    />
-  );
+	if (operatingSystem === "ios") {
+		return <FontAwesomeIcon className="text-gray-12" icon={faAppleWhole} />;
+	}
+	return (
+		<Image
+			src={`/logos/os/${operatingSystem}.svg`}
+			alt={operatingSystem}
+			width={16}
+			height={16}
+			className="size-4"
+		/>
+	);
 };
 
 type BrowserIconProps = {
-  browser: BrowserType;
+	browser: BrowserType;
 };
 
 const BrowserIcon = ({ browser }: BrowserIconProps) => (
-  <Image
-    src={`/logos/browsers/${browser}.svg`}
-    alt={browser}
-    width={16}
-    height={16}
-    className="size-4"
-  />
+	<Image
+		src={`/logos/browsers/${browser}.svg`}
+		alt={browser}
+		width={16}
+		height={16}
+		className="size-4"
+	/>
 );
 
 export default TableCard;
diff --git a/apps/web/app/(org)/dashboard/analytics/data.ts b/apps/web/app/(org)/dashboard/analytics/data.ts
index 116d9c5c86..debc4d6a4c 100644
--- a/apps/web/app/(org)/dashboard/analytics/data.ts
+++ b/apps/web/app/(org)/dashboard/analytics/data.ts
@@ -1,5 +1,5 @@
 import { db } from "@cap/database";
-import { comments, videos, spaceVideos } from "@cap/database/schema";
+import { comments, spaceVideos, videos } from "@cap/database/schema";
 import { Tinybird } from "@cap/web-backend";
 import { and, between, eq, inArray, sql } from "drizzle-orm";
 import { Effect } from "effect";
@@ -31,7 +31,10 @@ type TinybirdAnalyticsData = {
 	topCapsRaw: TopCapRow[];
 };
 
-const RANGE_CONFIG: Record<AnalyticsRange, { hours: number; bucket: "hour" | "day" }> = {
+const RANGE_CONFIG: Record<
+	AnalyticsRange,
+	{ hours: number; bucket: "hour" | "day" }
+> = {
 	"24h": { hours: 24, bucket: "hour" },
 	"7d": { hours: 7 * 24, bucket: "day" },
 	"30d": { hours: 30 * 24, bucket: "day" },
@@ -39,17 +42,23 @@ const RANGE_CONFIG: Record<AnalyticsRange, { hours: number; bucket: "hour" | "da
 
 const escapeLiteral = (value: string) => value.replace(/'/g, "''");
 const toDateString = (date: Date) => date.toISOString().slice(0, 10);
-const toDateTimeString = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
+const toDateTimeString = (date: Date) =>
+	date.toISOString().slice(0, 19).replace("T", " ");
 
 const buildPathnameFilter = (spaceVideoIds?: VideoId[]): string => {
 	if (!spaceVideoIds || spaceVideoIds.length === 0) {
 		return "";
 	}
-	const pathnames = spaceVideoIds.map((id) => `'/s/${escapeLiteral(id)}'`).join(", ");
+	const pathnames = spaceVideoIds
+		.map((id) => `'/s/${escapeLiteral(id)}'`)
+		.join(", ");
 	return `AND pathname IN (${pathnames})`;
 };
 
-const normalizeBucket = (input: string | null | undefined, bucket: "hour" | "day") => {
+const normalizeBucket = (
+	input: string | null | undefined,
+	bucket: "hour" | "day",
+) => {
 	if (!input) return undefined;
 	if (input.endsWith("Z")) return input;
 	if (bucket === "day" && input.length === 10) return `${input}T00:00:00Z`;
@@ -77,10 +86,10 @@ const fallbackIfEmpty = <Row>(
 ) =>
 	fallback
 		? primary.pipe(
-			Effect.flatMap((rows) =>
-				rows.length > 0 ? Effect.succeed(rows) : fallback,
-			),
-		)
+				Effect.flatMap((rows) =>
+					rows.length > 0 ? Effect.succeed(rows) : fallback,
+				),
+			)
 		: primary;
 
 const withTinybirdFallback = <Row>(
@@ -132,7 +141,10 @@ export const getOrgAnalyticsData = async (
 	const capVideoIds = capId ? [capId as VideoId] : undefined;
 	const videoIds = capVideoIds || spaceVideoIds;
 
-	if ((spaceId && spaceVideoIds && spaceVideoIds.length === 0) || (capId && !capVideoIds)) {
+	if (
+		(spaceId && spaceVideoIds && spaceVideoIds.length === 0) ||
+		(capId && !capVideoIds)
+	) {
 		let capName: string | undefined;
 		if (capId) {
 			const capNames = await loadVideoNames([capId]);
@@ -166,16 +178,35 @@ export const getOrgAnalyticsData = async (
 
 	const [capsSeries, commentSeries, reactionSeries] = await Promise.all([
 		queryVideoSeries(typedOrgId, from, to, rangeConfig.bucket, videoIds),
-		queryCommentsSeries(typedOrgId, from, to, "text", rangeConfig.bucket, videoIds),
-		queryCommentsSeries(typedOrgId, from, to, "emoji", rangeConfig.bucket, videoIds),
+		queryCommentsSeries(
+			typedOrgId,
+			from,
+			to,
+			"text",
+			rangeConfig.bucket,
+			videoIds,
+		),
+		queryCommentsSeries(
+			typedOrgId,
+			from,
+			to,
+			"emoji",
+			rangeConfig.bucket,
+			videoIds,
+		),
 	]);
 
 	const tinybirdData = await runPromise(
 		Effect.gen(function* () {
 			const tinybird = yield* Tinybird;
 			console.log("getOrgAnalyticsData - orgId:", orgId, "range:", range);
-			console.log("getOrgAnalyticsData - from:", from.toISOString(), "to:", to.toISOString());
-			
+			console.log(
+				"getOrgAnalyticsData - from:",
+				from.toISOString(),
+				"to:",
+				to.toISOString(),
+			);
+
 			const viewSeries = yield* queryViewSeries(
 				tinybird,
 				typedOrgId,
@@ -184,20 +215,59 @@ export const getOrgAnalyticsData = async (
 				rangeConfig.bucket,
 				videoIds,
 			);
-			console.log("getOrgAnalyticsData - viewSeries:", JSON.stringify(viewSeries, null, 2));
-			
-			const countries = yield* queryCountries(tinybird, typedOrgId, from, to, videoIds);
-			console.log("getOrgAnalyticsData - countries:", JSON.stringify(countries, null, 2));
-			
-			const cities = yield* queryCities(tinybird, typedOrgId, from, to, videoIds);
-			console.log("getOrgAnalyticsData - cities:", JSON.stringify(cities, null, 2));
-			
-			const browsers = yield* queryBrowsers(tinybird, typedOrgId, from, to, videoIds);
-			console.log("getOrgAnalyticsData - browsers:", JSON.stringify(browsers, null, 2));
-			
-			const devices = yield* queryDevices(tinybird, typedOrgId, from, to, videoIds);
-			console.log("getOrgAnalyticsData - devices:", JSON.stringify(devices, null, 2));
-			
+			console.log(
+				"getOrgAnalyticsData - viewSeries:",
+				JSON.stringify(viewSeries, null, 2),
+			);
+
+			const countries = yield* queryCountries(
+				tinybird,
+				typedOrgId,
+				from,
+				to,
+				videoIds,
+			);
+			console.log(
+				"getOrgAnalyticsData - countries:",
+				JSON.stringify(countries, null, 2),
+			);
+
+			const cities = yield* queryCities(
+				tinybird,
+				typedOrgId,
+				from,
+				to,
+				videoIds,
+			);
+			console.log(
+				"getOrgAnalyticsData - cities:",
+				JSON.stringify(cities, null, 2),
+			);
+
+			const browsers = yield* queryBrowsers(
+				tinybird,
+				typedOrgId,
+				from,
+				to,
+				videoIds,
+			);
+			console.log(
+				"getOrgAnalyticsData - browsers:",
+				JSON.stringify(browsers, null, 2),
+			);
+
+			const devices = yield* queryDevices(
+				tinybird,
+				typedOrgId,
+				from,
+				to,
+				videoIds,
+			);
+			console.log(
+				"getOrgAnalyticsData - devices:",
+				JSON.stringify(devices, null, 2),
+			);
+
 			const operatingSystems = yield* queryOperatingSystems(
 				tinybird,
 				typedOrgId,
@@ -205,11 +275,19 @@ export const getOrgAnalyticsData = async (
 				to,
 				videoIds,
 			);
-			console.log("getOrgAnalyticsData - operatingSystems:", JSON.stringify(operatingSystems, null, 2));
-			
-			const topCapsRaw = capId ? [] : yield* queryTopCaps(tinybird, typedOrgId, from, to, videoIds);
-			console.log("getOrgAnalyticsData - topCapsRaw:", JSON.stringify(topCapsRaw, null, 2));
-			
+			console.log(
+				"getOrgAnalyticsData - operatingSystems:",
+				JSON.stringify(operatingSystems, null, 2),
+			);
+
+			const topCapsRaw = capId
+				? []
+				: yield* queryTopCaps(tinybird, typedOrgId, from, to, videoIds);
+			console.log(
+				"getOrgAnalyticsData - topCapsRaw:",
+				JSON.stringify(topCapsRaw, null, 2),
+			);
+
 			return {
 				viewSeries,
 				countries,
@@ -222,15 +300,22 @@ export const getOrgAnalyticsData = async (
 		}),
 	);
 
-	const totalViews = tinybirdData.viewSeries.reduce((sum, row) => sum + row.views, 0);
+	const totalViews = tinybirdData.viewSeries.reduce(
+		(sum, row) => sum + row.views,
+		0,
+	);
 	const totalCaps = capsSeries.reduce((sum, row) => sum + row.count, 0);
 	const totalComments = commentSeries.reduce((sum, row) => sum + row.count, 0);
-	const totalReactions = reactionSeries.reduce((sum, row) => sum + row.count, 0);
+	const totalReactions = reactionSeries.reduce(
+		(sum, row) => sum + row.count,
+		0,
+	);
 
 	const chartData = buckets.map((bucket) => ({
 		bucket,
 		caps: capsSeries.find((row) => row.bucket === bucket)?.count ?? 0,
-		views: tinybirdData.viewSeries.find((row) => row.bucket === bucket)?.views ?? 0,
+		views:
+			tinybirdData.viewSeries.find((row) => row.bucket === bucket)?.views ?? 0,
 		comments: commentSeries.find((row) => row.bucket === bucket)?.count ?? 0,
 		reactions: reactionSeries.find((row) => row.bucket === bucket)?.count ?? 0,
 	}));
@@ -298,8 +383,13 @@ const normalizeOSName = (name: string): string => {
 	const normalized = name.trim();
 	if (!normalized) return "Unknown";
 	const lower = normalized.toLowerCase();
-	
-	if (lower.includes("mac") || lower === "macos" || lower === "mac os" || lower === "darwin") {
+
+	if (
+		lower.includes("mac") ||
+		lower === "macos" ||
+		lower === "mac os" ||
+		lower === "darwin"
+	) {
 		return "macOS";
 	}
 	if (lower.includes("windows") || lower === "win") {
@@ -320,7 +410,7 @@ const normalizeOSName = (name: string): string => {
 	if (lower.includes("fedora")) {
 		return "Fedora";
 	}
-	
+
 	return normalized;
 };
 
@@ -329,7 +419,7 @@ const normalizeDeviceName = (name: string): string => {
 	const normalized = name.trim();
 	if (!normalized) return "Unknown";
 	const lower = normalized.toLowerCase();
-	
+
 	if (lower === "desktop" || lower === "desktop computer" || lower === "pc") {
 		return "Desktop";
 	}
@@ -339,7 +429,7 @@ const normalizeDeviceName = (name: string): string => {
 	if (lower === "tablet" || lower === "ipad") {
 		return "Tablet";
 	}
-	
+
 	return normalized;
 };
 
@@ -348,7 +438,7 @@ const normalizeBrowserName = (name: string): string => {
 	const normalized = name.trim();
 	if (!normalized) return "Unknown";
 	const lower = normalized.toLowerCase();
-	
+
 	if (lower.includes("chrome") && !lower.includes("chromium")) {
 		return "Chrome";
 	}
@@ -370,7 +460,7 @@ const normalizeBrowserName = (name: string): string => {
 	if (lower.includes("internet explorer") || lower === "ie") {
 		return "Internet Explorer";
 	}
-	
+
 	return normalized;
 };
 
@@ -381,14 +471,14 @@ const normalizeAndAggregate = <T extends { name: string; views: number }>(
 	normalizeFn: (name: string) => string,
 ): BreakdownRow[] => {
 	const aggregated = new Map<string, number>();
-	
+
 	for (const row of rows) {
 		const originalName = getName(row);
 		const normalizedName = normalizeFn(originalName);
 		const currentViews = aggregated.get(normalizedName) ?? 0;
 		aggregated.set(normalizedName, currentViews + row.views);
 	}
-	
+
 	return Array.from(aggregated.entries())
 		.map(([name, views]) => ({
 			name,
@@ -435,7 +525,7 @@ const queryVideoSeries = async (
 		eq(videos.orgId, orgId),
 		between(videos.createdAt, from, to),
 	];
-	
+
 	if (spaceVideoIds && spaceVideoIds.length > 0) {
 		conditions.push(inArray(videos.id, spaceVideoIds));
 	}
@@ -473,7 +563,7 @@ const queryCommentsSeries = async (
 		eq(comments.type, type),
 		between(comments.createdAt, from, to),
 	];
-	
+
 	if (spaceVideoIds && spaceVideoIds.length > 0) {
 		conditions.push(inArray(videos.id, spaceVideoIds));
 	}
@@ -502,7 +592,8 @@ const queryViewSeries = (
 	spaceVideoIds?: VideoId[],
 ) => {
 	const pathnameFilter = buildPathnameFilter(spaceVideoIds);
-	const bucketFormatter = bucket === "hour" ? "%Y-%m-%dT%H:00:00Z" : "%Y-%m-%dT00:00:00Z";
+	const bucketFormatter =
+		bucket === "hour" ? "%Y-%m-%dT%H:00:00Z" : "%Y-%m-%dT00:00:00Z";
 	const rawSql = `
 		SELECT
 			formatDateTime(${bucket === "hour" ? "toStartOfHour" : "toStartOfDay"}(timestamp), '${bucketFormatter}') as bucket,
@@ -534,9 +625,9 @@ const queryViewSeries = (
 		bucket === "hour"
 			? rawEffect
 			: fallbackIfEmpty(
-				withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
-				rawEffect,
-			);
+					withTinybirdFallback<Row>(tinybird.querySql<Row>(aggregatedSql)),
+					rawEffect,
+				);
 
 	return effect.pipe(
 		Effect.map((rows) =>
diff --git a/apps/web/app/(org)/dashboard/caps/Caps.tsx b/apps/web/app/(org)/dashboard/caps/Caps.tsx
index 903a55a140..bb4a846e22 100644
--- a/apps/web/app/(org)/dashboard/caps/Caps.tsx
+++ b/apps/web/app/(org)/dashboard/caps/Caps.tsx
@@ -96,7 +96,9 @@ export const Caps = ({
 		});
 	};
 
-	const rpc = useRpcClient();
+	const rpc = useRpcClient() as {
+		VideoDelete: (id: Video.VideoId) => Effect.Effect<void, unknown, never>;
+	};
 
 	const { mutate: deleteCaps, isPending: isDeletingCaps } = useEffectMutation({
 		mutationFn: Effect.fn(function* (ids: Video.VideoId[]) {
@@ -124,7 +126,9 @@ export const Caps = ({
 			}
 		}),
 		onMutate: (ids: Video.VideoId[]) => {
-			toast.loading(`Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`);
+			toast.loading(
+				`Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`,
+			);
 		},
 		onSuccess: (data: { success: number; error?: number }) => {
 			setSelectedCaps([]);
@@ -133,17 +137,23 @@ export const Caps = ({
 				toast.success(
 					`Successfully deleted ${data.success} cap${
 						data.success === 1 ? "" : "s"
-					}, but failed to delete ${data.error} cap${data.error === 1 ? "" : "s"}`,
+					}, but failed to delete ${data.error} cap${
+						data.error === 1 ? "" : "s"
+					}`,
 				);
 			} else {
 				toast.success(
-					`Successfully deleted ${data.success} cap${data.success === 1 ? "" : "s"}`,
+					`Successfully deleted ${data.success} cap${
+						data.success === 1 ? "" : "s"
+					}`,
 				);
 			}
 		},
 		onError: (error: unknown) => {
 			const message =
-				error instanceof Error ? error.message : "An error occurred while deleting caps";
+				error instanceof Error
+					? error.message
+					: "An error occurred while deleting caps";
 			toast.error(message);
 		},
 	});
diff --git a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx
index e2d6629282..230eac01c7 100644
--- a/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx
+++ b/apps/web/app/(org)/dashboard/caps/components/CapCard/CapCardAnalytics.tsx
@@ -3,13 +3,13 @@ import {
 	FontAwesomeIcon,
 	type FontAwesomeIconProps,
 } from "@fortawesome/react-fontawesome";
+import Link from "next/link";
 import {
 	type ComponentProps,
 	type ForwardedRef,
 	forwardRef,
 	type PropsWithChildren,
 } from "react";
-import Link from "next/link";
 import { Tooltip } from "@/components/Tooltip";
 
 interface CapCardAnalyticsProps {
@@ -42,9 +42,7 @@ export const CapCardAnalytics = Object.assign(
 						className="inline-flex cursor-pointer"
 					>
 						<IconItem icon={faEye}>
-							<span className="text-sm text-gray-12">
-								{displayCount}
-							</span>
+							<span className="text-sm text-gray-12">{displayCount}</span>
 						</IconItem>
 					</Link>
 				</Tooltip>
@@ -58,9 +56,7 @@ export const CapCardAnalytics = Object.assign(
 						className="inline-flex cursor-pointer"
 					>
 						<IconItem icon={faComment}>
-							<span className="text-sm text-gray-12">
-								{totalComments}
-							</span>
+							<span className="text-sm text-gray-12">{totalComments}</span>
 						</IconItem>
 					</Link>
 				</Tooltip>
@@ -74,9 +70,7 @@ export const CapCardAnalytics = Object.assign(
 						className="inline-flex cursor-pointer"
 					>
 						<IconItem icon={faSmile}>
-							<span className="text-sm text-gray-12">
-								{totalReactions}
-							</span>
+							<span className="text-sm text-gray-12">{totalReactions}</span>
 						</IconItem>
 					</Link>
 				</Tooltip>
diff --git a/apps/web/app/(org)/dashboard/caps/page.tsx b/apps/web/app/(org)/dashboard/caps/page.tsx
index aca950f225..c534ed2f5c 100644
--- a/apps/web/app/(org)/dashboard/caps/page.tsx
+++ b/apps/web/app/(org)/dashboard/caps/page.tsx
@@ -266,9 +266,9 @@ export default async function CapsPage(props: PageProps<"/dashboard/caps">) {
 			data={processedVideoData}
 			folders={foldersData}
 			count={totalCount}
-			analyticsEnabled={
-				Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
-			}
+			analyticsEnabled={Boolean(
+				serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST,
+			)}
 		/>
 	);
 }
diff --git a/apps/web/app/(org)/dashboard/folder/[id]/page.tsx b/apps/web/app/(org)/dashboard/folder/[id]/page.tsx
index b3fa93edb2..4f63bf6b7a 100644
--- a/apps/web/app/(org)/dashboard/folder/[id]/page.tsx
+++ b/apps/web/app/(org)/dashboard/folder/[id]/page.tsx
@@ -84,9 +84,9 @@ const FolderPage = async (props: PageProps<"/dashboard/folder/[id]">) => {
 				{/* Display Videos */}
 				<FolderVideosSection
 					initialVideos={videosData}
-					analyticsEnabled={
-						Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
-					}
+					analyticsEnabled={Boolean(
+						serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST,
+					)}
 				/>
 			</div>
 		);
diff --git a/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx b/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx
index 3fcfc6688f..cfa50bcec4 100644
--- a/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx
+++ b/apps/web/app/(org)/dashboard/spaces/[spaceId]/folder/[folderId]/page.tsx
@@ -103,9 +103,9 @@ const FolderPage = async (props: {
 				{/* Display Videos */}
 				<FolderVideosSection
 					initialVideos={videosData}
-					analyticsEnabled={
-						Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
-					}
+					analyticsEnabled={Boolean(
+						serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST,
+					)}
 				/>
 			</div>
 		);
diff --git a/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx b/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx
index 10d9116caa..a6bb80a84d 100644
--- a/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx
+++ b/apps/web/app/(org)/dashboard/spaces/[spaceId]/page.tsx
@@ -258,9 +258,9 @@ export default async function SharedCapsPage(props: {
 				count={totalCount}
 				spaceData={space}
 				spaceId={params.spaceId as Space.SpaceIdOrOrganisationId}
-				analyticsEnabled={
-					Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
-				}
+				analyticsEnabled={Boolean(
+					serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST,
+				)}
 				spaceMembers={spaceMembersData}
 				organizationMembers={organizationMembersData}
 				currentUserId={user.id}
@@ -364,9 +364,9 @@ export default async function SharedCapsPage(props: {
 				hideSharedWith
 				organizationData={organization}
 				spaceId={params.spaceId as Space.SpaceIdOrOrganisationId}
-				analyticsEnabled={
-					Boolean(serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST)
-				}
+				analyticsEnabled={Boolean(
+					serverEnv().TINYBIRD_TOKEN && serverEnv().TINYBIRD_HOST,
+				)}
 				organizationMembers={organizationMembersData}
 				currentUserId={user.id}
 				folders={foldersData}
diff --git a/apps/web/app/api/analytics/route.ts b/apps/web/app/api/analytics/route.ts
index 949edfb8f2..178741e6b5 100644
--- a/apps/web/app/api/analytics/route.ts
+++ b/apps/web/app/api/analytics/route.ts
@@ -5,15 +5,16 @@ const parseRangeParam = (value: string | null) => {
 	if (!value) return undefined;
 	const trimmed = value.trim();
 	if (!trimmed) return undefined;
-	const normalized = trimmed.endsWith("d") || trimmed.endsWith("D")
-		? trimmed.slice(0, -1)
-		: trimmed;
+	const normalized =
+		trimmed.endsWith("d") || trimmed.endsWith("D")
+			? trimmed.slice(0, -1)
+			: trimmed;
 	const parsed = Number.parseInt(normalized, 10);
 	if (!Number.isFinite(parsed) || parsed <= 0) return undefined;
 	return parsed;
 };
 
-export const dynamic = 'force-dynamic';
+export const dynamic = "force-dynamic";
 
 export async function GET(request: NextRequest) {
 	const url = new URL(request.url);
diff --git a/apps/web/app/api/analytics/track/route.ts b/apps/web/app/api/analytics/track/route.ts
index 5d526a30fa..db7a10142a 100644
--- a/apps/web/app/api/analytics/track/route.ts
+++ b/apps/web/app/api/analytics/track/route.ts
@@ -44,16 +44,12 @@ export async function POST(request: NextRequest) {
 	const osName = parser.getOS().name ?? "unknown";
 	const deviceType = parser.getDevice().type ?? "desktop";
 
-	const timestamp = body.occurredAt
-		? new Date(body.occurredAt)
-		: new Date();
+	const timestamp = body.occurredAt ? new Date(body.occurredAt) : new Date();
 
 	const country =
-		sanitizeString(request.headers.get("x-vercel-ip-country")) ||
-		"";
+		sanitizeString(request.headers.get("x-vercel-ip-country")) || "";
 	const region =
-		sanitizeString(request.headers.get("x-vercel-ip-country-region")) ||
-		"";
+		sanitizeString(request.headers.get("x-vercel-ip-country-region")) || "";
 	const city = sanitizeString(request.headers.get("x-vercel-ip-city")) || "";
 
 	const hostname =
@@ -62,9 +58,7 @@ export async function POST(request: NextRequest) {
 		"";
 
 	const tenantId =
-		body.orgId ||
-		body.ownerId ||
-		(hostname ? `domain:${hostname}` : "public");
+		body.orgId || body.ownerId || (hostname ? `domain:${hostname}` : "public");
 
 	const pathname = body.pathname ?? `/s/${body.videoId}`;
 
diff --git a/apps/web/app/api/dashboard/analytics/route.ts b/apps/web/app/api/dashboard/analytics/route.ts
index 2d298f1b7d..f31b4122c0 100644
--- a/apps/web/app/api/dashboard/analytics/route.ts
+++ b/apps/web/app/api/dashboard/analytics/route.ts
@@ -10,8 +10,7 @@ export const dynamic = "force-dynamic";
 
 export async function GET(request: NextRequest) {
 	const user = await getCurrentUser();
-	if (!user)
-		return Response.json({ error: "Unauthorized" }, { status: 401 });
+	if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
 
 	const { searchParams } = new URL(request.url);
 	const requestedOrgId = searchParams.get("orgId");
@@ -36,6 +35,9 @@ export async function GET(request: NextRequest) {
 		return Response.json({ data });
 	} catch (error) {
 		console.error("Failed to load analytics", error);
-		return Response.json({ error: "Failed to load analytics" }, { status: 500 });
+		return Response.json(
+			{ error: "Failed to load analytics" },
+			{ status: 500 },
+		);
 	}
 }
diff --git a/apps/web/app/s/[videoId]/Share.tsx b/apps/web/app/s/[videoId]/Share.tsx
index d830277c17..442dc05199 100644
--- a/apps/web/app/s/[videoId]/Share.tsx
+++ b/apps/web/app/s/[videoId]/Share.tsx
@@ -80,20 +80,20 @@ const trackVideoView = (payload: {
 		referrer: document.referrer,
 		hostname: window.location.hostname,
 		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-		language:
-			typeof navigator !== "undefined" ? navigator.language : undefined,
+		language: typeof navigator !== "undefined" ? navigator.language : undefined,
 		locale:
 			typeof navigator !== "undefined" && navigator.languages?.length
 				? navigator.languages[0]
 				: undefined,
 		screen: screen
 			? {
-				width: screen.width,
-				height: screen.height,
-				colorDepth: screen.colorDepth,
-			}
+					width: screen.width,
+					height: screen.height,
+					colorDepth: screen.colorDepth,
+				}
 			: undefined,
-		userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+		userAgent:
+			typeof navigator !== "undefined" ? navigator.userAgent : undefined,
 		occurredAt: new Date().toISOString(),
 	};
 
diff --git a/apps/web/lib/Queries/Analytics.ts b/apps/web/lib/Queries/Analytics.ts
index ba0a070b46..973970f167 100644
--- a/apps/web/lib/Queries/Analytics.ts
+++ b/apps/web/lib/Queries/Analytics.ts
@@ -52,13 +52,15 @@ export function useVideosAnalyticsQuery(
 						),
 						{ concurrency: "unbounded" },
 					).pipe(
-						Effect.map((rows: Array<{ videoId: Video.VideoId; count: number }>) => {
-							const output: Partial<Record<Video.VideoId, number>> = {};
-							for (const row of rows) {
-								output[row.videoId] = row.count;
-							}
-							return output as Record<Video.VideoId, number>;
-						}),
+						Effect.map(
+							(rows: Array<{ videoId: Video.VideoId; count: number }>) => {
+								const output: Partial<Record<Video.VideoId, number>> = {};
+								for (const row of rows) {
+									output[row.videoId] = row.count;
+								}
+								return output as Record<Video.VideoId, number>;
+							},
+						),
 					),
 			);
 		},
diff --git a/apps/web/lib/server.ts b/apps/web/lib/server.ts
index c9105e3365..573cc1ffd7 100644
--- a/apps/web/lib/server.ts
+++ b/apps/web/lib/server.ts
@@ -13,11 +13,11 @@ import {
 	S3Buckets,
 	Spaces,
 	SpacesPolicy,
+	Tinybird,
 	Users,
 	Videos,
 	VideosPolicy,
 	VideosRepo,
-	Tinybird,
 	Workflows,
 } from "@cap/web-backend";
 import { type HttpAuthMiddleware, Video } from "@cap/web-domain";
diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx
index 254072ddf6..6b176400ab 100644
--- a/packages/ui/src/components/Select.tsx
+++ b/packages/ui/src/components/Select.tsx
@@ -5,8 +5,8 @@ import { cva, cx } from "class-variance-authority";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import * as React from "react";
 
-type SelectVariant = "default" | "light" | "dark" | "gray" | "transparent"
-type Size = "default" | "fit" | "sm" | "md" | "lg"
+type SelectVariant = "default" | "light" | "dark" | "gray" | "transparent";
+type Size = "default" | "fit" | "sm" | "md" | "lg";
 
 const SelectVariantContext = React.createContext<SelectVariant>("default");
 
@@ -31,7 +31,8 @@ const selectTriggerVariants = cva(
 				default:
 					"bg-gray-2 border-gray-5 text-gray-12 hover:bg-gray-3 hover:border-gray-6",
 				dark: "bg-gray-12 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-1 border-gray-5 hover:bg-gray-11 hover:border-gray-6",
-				light: "bg-gray-1 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-12 border-gray-5 hover:bg-gray-3 hover:border-gray-6",
+				light:
+					"bg-gray-1 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-12 border-gray-5 hover:bg-gray-3 hover:border-gray-6",
 				gray: "bg-gray-5 text-gray-12 border-gray-5 hover:bg-gray-7 hover:border-gray-6",
 				transparent:
 					"bg-transparent text-gray-12 border-transparent hover:bg-gray-3 hover:border-gray-6",
@@ -65,7 +66,8 @@ const selectContentVariants = cva(
 			variant: {
 				default: "bg-gray-2 border-gray-5 text-gray-12",
 				dark: "hover:bg-gray-11-50 bg-gray-12 dark-button-border dark-button-shadow text-gray-1 border-gray-5",
-				light: "bg-gray-1 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-12 border-gray-5",
+				light:
+					"bg-gray-1 transition-all duration-200 data-[state=open]:ring-offset-2 data-[state=open]:ring-gray-10 ring-transparent ring-offset-gray-3 text-gray-12 border-gray-5",
 				gray: "bg-gray-5 text-gray-12 border-gray-5",
 				transparent:
 					"bg-transparent hover:bg-gray-3 text-gray-12 border-transparent",
@@ -89,7 +91,8 @@ const selectItemVariants = cva(
 			variant: {
 				default: "text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
 				dark: "text-gray-1 hover:text-gray-12 focus:text-gray-12 hover:bg-gray-1 focus:bg-gray-1",
-				light: "text-gray-12 hover:text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
+				light:
+					"text-gray-12 hover:text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
 				gray: "text-gray-12 hover:text-gray-12 hover:bg-gray-6 focus:bg-gray-6",
 				transparent:
 					"text-gray-12 hover:text-gray-12 hover:bg-gray-3 focus:bg-gray-3",
@@ -129,12 +132,21 @@ function Select({
 			data-slot="select"
 			{...props}
 		>
-			<SelectTrigger variant={variant} size={size} className={className} icon={icon}>
+			<SelectTrigger
+				variant={variant}
+				size={size}
+				className={className}
+				icon={icon}
+			>
 				<SelectValue className="text-sm" placeholder={placeholder} />
 			</SelectTrigger>
 			<SelectContent variant={variant}>
 				{options.map((option) => (
-					<SelectItem key={option.value} value={option.value} icon={option.icon}>
+					<SelectItem
+						key={option.value}
+						value={option.value}
+						icon={option.icon}
+					>
 						<div className="flex gap-2 items-center">
 							{option.image && option.image}
 							{option.label}
@@ -176,13 +188,13 @@ function SelectTrigger({
 	variant?: SelectVariant;
 	icon?: React.ReactNode;
 }) {
-		const iconSizeVariant = {
+	const iconSizeVariant = {
 		default: "size-2.5",
 		fit: "size-2",
 		sm: "size-2",
 		md: "size-3",
 		lg: "size-3",
-	}
+	};
 	return (
 		<SelectPrimitive.Trigger
 			data-slot="select-trigger"
@@ -190,7 +202,10 @@ function SelectTrigger({
 			className={cx(selectTriggerVariants({ size, variant }), className)}
 			{...props}
 		>
-			{icon && React.cloneElement(icon as React.ReactElement<{ className: string }>, { className: cx(iconSizeVariant[size], "text-gray-9") })}
+			{icon &&
+				React.cloneElement(icon as React.ReactElement<{ className: string }>, {
+					className: cx(iconSizeVariant[size], "text-gray-9"),
+				})}
 			{children}
 			<SelectPrimitive.Icon asChild>
 				<ChevronDownIcon className="opacity-50 size-4 caret-icon" />
@@ -265,15 +280,18 @@ function SelectItem({
 			className={cx(selectItemVariants({ variant }), className)}
 			{...props}
 		>
-			
 			<span className="absolute right-2 flex size-3.5 items-center justify-center">
 				<SelectPrimitive.ItemIndicator>
 					<CheckIcon className="size-4" />
 				</SelectPrimitive.ItemIndicator>
 			</span>
 			<div className="flex justify-between items-center w-full">
-			<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-			{icon && React.cloneElement(icon as React.ReactElement<{ className: string }>, { className: cx("size-3", "text-gray-9") })}
+				<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+				{icon &&
+					React.cloneElement(
+						icon as React.ReactElement<{ className: string }>,
+						{ className: cx("size-3", "text-gray-9") },
+					)}
 			</div>
 		</SelectPrimitive.Item>
 	);
diff --git a/packages/web-backend/src/Tinybird/index.ts b/packages/web-backend/src/Tinybird/index.ts
index d80ccc401b..67ddc8afc9 100644
--- a/packages/web-backend/src/Tinybird/index.ts
+++ b/packages/web-backend/src/Tinybird/index.ts
@@ -32,9 +32,7 @@ export class Tinybird extends Effect.Service<Tinybird>()("Tinybird", {
 		const host = env.TINYBIRD_HOST;
 
 		if (!host) {
-			yield* Effect.die(
-				new Error("TINYBIRD_HOST must be set"),
-			);
+			yield* Effect.die(new Error("TINYBIRD_HOST must be set"));
 		}
 
 		yield* Effect.logDebug("Initializing Tinybird service", {
@@ -66,37 +64,38 @@ export class Tinybird extends Effect.Service<Tinybird>()("Tinybird", {
 						},
 					});
 
-				const textBody = await response.text();
+					const textBody = await response.text();
 
-				if (!response.ok) {
-					const errorMessage = textBody || `Tinybird request failed (${response.status})`;
-					console.error("Tinybird request failed", {
-						path,
-						status: response.status,
-						statusText: response.statusText,
-						body: textBody,
-					});
-					throw new Error(errorMessage);
-				}
+					if (!response.ok) {
+						const errorMessage =
+							textBody || `Tinybird request failed (${response.status})`;
+						console.error("Tinybird request failed", {
+							path,
+							status: response.status,
+							statusText: response.statusText,
+							body: textBody,
+						});
+						throw new Error(errorMessage);
+					}
 
-				if (!textBody) {
-					console.log("Tinybird empty response", { path });
-					return { data: [] } as TinybirdResponse<T>;
-				}
+					if (!textBody) {
+						console.log("Tinybird empty response", { path });
+						return { data: [] } as TinybirdResponse<T>;
+					}
 
-				let parsed: unknown;
-				try {
-					parsed = JSON.parse(textBody);
-				} catch (parseError) {
-					console.error("Tinybird JSON parse error", {
-						path,
-						responseBody: textBody,
-						bodyLength: textBody.length,
-						bodyPreview: textBody.slice(0, 500),
-						parseError,
-					});
-					throw new Error(`Tinybird returned invalid JSON for ${path}`);
-				}
+					let parsed: unknown;
+					try {
+						parsed = JSON.parse(textBody);
+					} catch (parseError) {
+						console.error("Tinybird JSON parse error", {
+							path,
+							responseBody: textBody,
+							bodyLength: textBody.length,
+							bodyPreview: textBody.slice(0, 500),
+							parseError,
+						});
+						throw new Error(`Tinybird returned invalid JSON for ${path}`);
+					}
 
 					const normalized: TinybirdResponse<T> = Array.isArray(parsed)
 						? ({ data: parsed } as TinybirdResponse<T>)
@@ -235,7 +234,8 @@ export class Tinybird extends Effect.Service<Tinybird>()("Tinybird", {
 					});
 					const textBody = await response.text();
 					if (!response.ok) {
-						const errorMessage = textBody || `Tinybird request failed (${response.status})`;
+						const errorMessage =
+							textBody || `Tinybird request failed (${response.status})`;
 						console.error("Tinybird request failed", {
 							path,
 							status: response.status,
@@ -256,7 +256,9 @@ export class Tinybird extends Effect.Service<Tinybird>()("Tinybird", {
 								? (parsed as TinybirdResponse<T>)
 								: ({ data: [parsed as T] } as TinybirdResponse<T>);
 						if ((normalizedRes as TinybirdResponse<T>).error) {
-							throw new Error((normalizedRes as TinybirdResponse<T>).error as string);
+							throw new Error(
+								(normalizedRes as TinybirdResponse<T>).error as string,
+							);
 						}
 						return normalizedRes;
 					} catch {
diff --git a/packages/web-backend/src/Videos/VideosRpcs.ts b/packages/web-backend/src/Videos/VideosRpcs.ts
index 2af44bc569..5bcf1ea1df 100644
--- a/packages/web-backend/src/Videos/VideosRpcs.ts
+++ b/packages/web-backend/src/Videos/VideosRpcs.ts
@@ -110,9 +110,7 @@ export const VideosRpcsLive = Video.VideoRpcs.toLayer(
 
 			VideosGetAnalytics: (videoIds) =>
 				videos.getAnalyticsBulk(videoIds).pipe(
-					Effect.map((results) =>
-						results.map((result) => Unify.unify(result)),
-					),
+					Effect.map((results) => results.map((result) => Unify.unify(result))),
 					provideOptionalAuth,
 					Effect.catchTag(
 						"DatabaseError",
diff --git a/packages/web-backend/src/Videos/index.ts b/packages/web-backend/src/Videos/index.ts
index c8f101119c..ca26c15f7b 100644
--- a/packages/web-backend/src/Videos/index.ts
+++ b/packages/web-backend/src/Videos/index.ts
@@ -16,7 +16,8 @@ import { VideosRepo } from "./VideosRepo.ts";
 const DEFAULT_ANALYTICS_RANGE_DAYS = 90;
 const escapeSqlLiteral = (value: string) => value.replace(/'/g, "''");
 const formatDate = (date: Date) => date.toISOString().slice(0, 10);
-const formatDateTime = (date: Date) => date.toISOString().slice(0, 19).replace("T", " ");
+const formatDateTime = (date: Date) =>
+	date.toISOString().slice(0, 19).replace("T", " ");
 const buildPathname = (videoId: Video.VideoId) => `/s/${videoId}`;
 
 type UploadProgressUpdateInput = Schema.Type<
@@ -110,22 +111,20 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 				}
 
 				const runTinybirdQuery = <
-					Row extends { pathname?: string | null; views?: number }
+					Row extends { pathname?: string | null; views?: number },
 				>(
 					sql: string,
 				) =>
-					tinybird
-						.querySql<Row>(sql)
-						.pipe(
-							Effect.catchAll((error) => {
-								console.error("tinybird analytics query failed", {
-									sql,
-									error,
-								});
-								return Effect.succeed<{ data: Row[] }>({ data: [] });
-							}),
-							Effect.map((response) => response.data ?? []),
-						);
+					tinybird.querySql<Row>(sql).pipe(
+						Effect.catchAll((error) => {
+							console.error("tinybird analytics query failed", {
+								sql,
+								error,
+							});
+							return Effect.succeed<{ data: Row[] }>({ data: [] });
+						}),
+						Effect.map((response) => response.data ?? []),
+					);
 
 				for (const [orgKey, entries] of videosByOrg) {
 					const pathnames = entries.map((entry) => entry.pathname);
@@ -158,7 +157,9 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 
 					const aggregateRows = yield* runTinybirdQuery(aggregateSql);
 					const rows =
-						aggregateRows.length > 0 ? aggregateRows : yield* runTinybirdQuery(rawSql);
+						aggregateRows.length > 0
+							? aggregateRows
+							: yield* runTinybirdQuery(rawSql);
 
 					for (const row of rows) {
 						const pathname = row.pathname ?? "";
@@ -178,9 +179,7 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 				return videoExits.map((exit, index) =>
 					Exit.map(exit, () => ({
 						count:
-							countsByPathname.get(
-								buildPathname(videoIds[index] ?? ""),
-							) ?? 0,
+							countsByPathname.get(buildPathname(videoIds[index] ?? "")) ?? 0,
 					})),
 				);
 			},
@@ -500,8 +499,7 @@ export class Videos extends Effect.Service<Videos>()("Videos", {
 				videoId: Video.VideoId,
 			) {
 				const [result] = yield* getAnalyticsBulkInternal([videoId]);
-				if (!result)
-					return { count: 0 };
+				if (!result) return { count: 0 };
 				return yield* Exit.matchEffect(result, {
 					onSuccess: (value) => Effect.succeed(value),
 					onFailure: (error) => Effect.fail(error),
diff --git a/packages/web-backend/src/index.ts b/packages/web-backend/src/index.ts
index f1715d2a30..011fca9ce7 100644
--- a/packages/web-backend/src/index.ts
+++ b/packages/web-backend/src/index.ts
@@ -11,9 +11,9 @@ export * from "./Rpcs.ts";
 export { S3Buckets } from "./S3Buckets/index.ts";
 export { Spaces } from "./Spaces/index.ts";
 export { SpacesPolicy } from "./Spaces/SpacesPolicy.ts";
+export { Tinybird } from "./Tinybird/index.ts";
 export { Users } from "./Users/index.ts";
 export { Videos } from "./Videos/index.ts";
 export { VideosPolicy } from "./Videos/VideosPolicy.ts";
 export { VideosRepo } from "./Videos/VideosRepo.ts";
-export { Tinybird } from "./Tinybird/index.ts";
 export * as Workflows from "./Workflows.ts";
diff --git a/scripts/analytics/check-analytics.js b/scripts/analytics/check-analytics.js
index ec425250d6..441975a485 100755
--- a/scripts/analytics/check-analytics.js
+++ b/scripts/analytics/check-analytics.js
@@ -3,172 +3,181 @@
 import process from "node:process";
 
 import {
-  PIPE_DEFINITIONS,
-  TABLE_DEFINITIONS,
-  buildSchemaLines,
-  createTinybirdClient,
-  normalizeWhitespace,
+	buildSchemaLines,
+	createTinybirdClient,
+	normalizeWhitespace,
+	PIPE_DEFINITIONS,
+	TABLE_DEFINITIONS,
 } from "./shared.js";
 
 const normalizeColumnDef = (definition) =>
-  normalizeWhitespace(
-    definition
-      .replace(/`/g, "")
-      .replace(/\bjson:\$[^\s,\)]+/gi, "")
-      .replace(/\bdefault\s+(?:'[^']*'|"[^"]*"|[^\s,\)]+)/gi, ""),
-  ).toLowerCase();
+	normalizeWhitespace(
+		definition
+			.replace(/`/g, "")
+			.replace(/\bjson:\$[^\s,)]+/gi, "")
+			.replace(/\bdefault\s+(?:'[^']*'|"[^"]*"|[^\s,)]+)/gi, ""),
+	).toLowerCase();
 
 const buildExpectedSchema = (table) =>
-  buildSchemaLines(table).map((column) => normalizeColumnDef(column));
+	buildSchemaLines(table).map((column) => normalizeColumnDef(column));
 
 const splitSchema = (schema) => {
-  const parts = [];
-  let depth = 0;
-  let current = "";
-  for (const char of schema) {
-    if (char === "(") depth += 1;
-    if (char === ")" && depth > 0) depth -= 1;
-    if (char === "," && depth === 0) {
-      if (current.trim()) parts.push(current.trim());
-      current = "";
-      continue;
-    }
-    current += char;
-  }
-  if (current.trim()) parts.push(current.trim());
-  return parts;
+	const parts = [];
+	let depth = 0;
+	let current = "";
+	for (const char of schema) {
+		if (char === "(") depth += 1;
+		if (char === ")" && depth > 0) depth -= 1;
+		if (char === "," && depth === 0) {
+			if (current.trim()) parts.push(current.trim());
+			current = "";
+			continue;
+		}
+		current += char;
+	}
+	if (current.trim()) parts.push(current.trim());
+	return parts;
 };
 
 async function validateTables(client) {
-  const issues = [];
-  for (const table of TABLE_DEFINITIONS) {
-    try {
-      const datasource = await client.getDatasource(table.name);
-      if (!datasource) {
-        issues.push(`Missing data source ${table.name}`);
-        continue;
-      }
-
-      const remoteSchema = datasource?.schema?.sql_schema;
-      if (!remoteSchema) {
-        issues.push(`Data source ${table.name} does not expose schema metadata`);
-        continue;
-      }
-
-      const remoteColumns = splitSchema(remoteSchema).map(normalizeColumnDef);
-      const expectedColumns = buildExpectedSchema(table);
-
-      let hasIssue = false;
-
-      if (remoteColumns.length !== expectedColumns.length) {
-        issues.push(
-          `Schema mismatch for ${table.name}. Expected ${expectedColumns.length} columns, got ${remoteColumns.length}.`,
-        );
-        hasIssue = true;
-      }
-
-      const missingColumns = expectedColumns.filter((column, index) => remoteColumns[index] !== column);
-      if (missingColumns.length > 0) {
-        issues.push(
-          `Schema mismatch for ${table.name}. Expected columns (${expectedColumns.join(", ")}), got (${remoteColumns.join(", ")}).`,
-        );
-        hasIssue = true;
-      }
-
-      if (table.engine) {
-        const actualEngine = typeof datasource.engine === "string" 
-          ? datasource.engine 
-          : datasource.engine?.engine;
-        if (actualEngine && actualEngine !== table.engine) {
-          issues.push(
-            `Data source ${table.name} has engine ${actualEngine}, expected ${table.engine}.`,
-          );
-          hasIssue = true;
-        }
-      }
-
-      if (!hasIssue) {
-        console.log(`✔ Data source ${table.name} schema matches`);
-      }
-    } catch (error) {
-      issues.push(
-        `Failed to inspect ${table.name}: ${error instanceof Error ? error.message : String(error)}`,
-      );
-    }
-  }
-  return issues;
+	const issues = [];
+	for (const table of TABLE_DEFINITIONS) {
+		try {
+			const datasource = await client.getDatasource(table.name);
+			if (!datasource) {
+				issues.push(`Missing data source ${table.name}`);
+				continue;
+			}
+
+			const remoteSchema = datasource?.schema?.sql_schema;
+			if (!remoteSchema) {
+				issues.push(
+					`Data source ${table.name} does not expose schema metadata`,
+				);
+				continue;
+			}
+
+			const remoteColumns = splitSchema(remoteSchema).map(normalizeColumnDef);
+			const expectedColumns = buildExpectedSchema(table);
+
+			let hasIssue = false;
+
+			if (remoteColumns.length !== expectedColumns.length) {
+				issues.push(
+					`Schema mismatch for ${table.name}. Expected ${expectedColumns.length} columns, got ${remoteColumns.length}.`,
+				);
+				hasIssue = true;
+			}
+
+			const missingColumns = expectedColumns.filter(
+				(column, index) => remoteColumns[index] !== column,
+			);
+			if (missingColumns.length > 0) {
+				issues.push(
+					`Schema mismatch for ${table.name}. Expected columns (${expectedColumns.join(", ")}), got (${remoteColumns.join(", ")}).`,
+				);
+				hasIssue = true;
+			}
+
+			if (table.engine) {
+				const actualEngine =
+					typeof datasource.engine === "string"
+						? datasource.engine
+						: datasource.engine?.engine;
+				if (actualEngine && actualEngine !== table.engine) {
+					issues.push(
+						`Data source ${table.name} has engine ${actualEngine}, expected ${table.engine}.`,
+					);
+					hasIssue = true;
+				}
+			}
+
+			if (!hasIssue) {
+				console.log(`✔ Data source ${table.name} schema matches`);
+			}
+		} catch (error) {
+			issues.push(
+				`Failed to inspect ${table.name}: ${error instanceof Error ? error.message : String(error)}`,
+			);
+		}
+	}
+	return issues;
 }
 
 async function validatePipes(client) {
-  const issues = [];
-  for (const pipeDef of PIPE_DEFINITIONS) {
-    try {
-      const pipe = await client.getPipe(pipeDef.name);
-      if (!pipe) {
-        issues.push(`Missing pipe ${pipeDef.name}`);
-        continue;
-      }
-
-      if ((pipe.type || "").toLowerCase() !== "materialized") {
-        issues.push(`Pipe ${pipeDef.name} is not materialized (type=${pipe.type ?? "unknown"}).`);
-        continue;
-      }
-
-      const materializedNode = pipe.nodes?.find((node) =>
-        (node.type || "").toLowerCase() === "materialized" || 
-        (node.node_type || "").toLowerCase() === "materialized" ||
-        node.materialized,
-      );
-
-      const targetDatasource =
-        materializedNode?.tags?.materializing_target_datasource ||
-        materializedNode?.materialized?.datasource ||
-        materializedNode?.datasource ||
-        materializedNode?.params?.datasource;
-
-      if (targetDatasource !== pipeDef.targetDatasource) {
-        issues.push(
-          `Pipe ${pipeDef.name} does not target ${pipeDef.targetDatasource} (found ${targetDatasource ?? "unknown"}).`,
-        );
-        continue;
-      }
-
-      console.log(`✔ Pipe ${pipeDef.name} feeds ${pipeDef.targetDatasource}`);
-    } catch (error) {
-      const errorMessage = error instanceof Error 
-        ? error.message 
-        : String(error);
-      const errorDetails = error instanceof Error && error.cause 
-        ? ` (cause: ${error.cause})` 
-        : "";
-      issues.push(
-        `Failed to inspect pipe ${pipeDef.name}: ${errorMessage}${errorDetails}`,
-      );
-    }
-  }
-  return issues;
+	const issues = [];
+	for (const pipeDef of PIPE_DEFINITIONS) {
+		try {
+			const pipe = await client.getPipe(pipeDef.name);
+			if (!pipe) {
+				issues.push(`Missing pipe ${pipeDef.name}`);
+				continue;
+			}
+
+			if ((pipe.type || "").toLowerCase() !== "materialized") {
+				issues.push(
+					`Pipe ${pipeDef.name} is not materialized (type=${pipe.type ?? "unknown"}).`,
+				);
+				continue;
+			}
+
+			const materializedNode = pipe.nodes?.find(
+				(node) =>
+					(node.type || "").toLowerCase() === "materialized" ||
+					(node.node_type || "").toLowerCase() === "materialized" ||
+					node.materialized,
+			);
+
+			const targetDatasource =
+				materializedNode?.tags?.materializing_target_datasource ||
+				materializedNode?.materialized?.datasource ||
+				materializedNode?.datasource ||
+				materializedNode?.params?.datasource;
+
+			if (targetDatasource !== pipeDef.targetDatasource) {
+				issues.push(
+					`Pipe ${pipeDef.name} does not target ${pipeDef.targetDatasource} (found ${targetDatasource ?? "unknown"}).`,
+				);
+				continue;
+			}
+
+			console.log(`✔ Pipe ${pipeDef.name} feeds ${pipeDef.targetDatasource}`);
+		} catch (error) {
+			const errorMessage =
+				error instanceof Error ? error.message : String(error);
+			const errorDetails =
+				error instanceof Error && error.cause ? ` (cause: ${error.cause})` : "";
+			issues.push(
+				`Failed to inspect pipe ${pipeDef.name}: ${errorMessage}${errorDetails}`,
+			);
+		}
+	}
+	return issues;
 }
 
 async function main() {
-  try {
-    const client = createTinybirdClient();
-    const tableIssues = await validateTables(client);
-    const pipeIssues = await validatePipes(client);
-    const issues = [...tableIssues, ...pipeIssues];
-
-    if (issues.length > 0) {
-      console.error("❌ Tinybird analytics validation failed:");
-      for (const issue of issues) {
-        console.error(`  - ${issue}`);
-      }
-      process.exit(1);
-    }
-
-    console.log("✅ Tinybird analytics setup is valid.");
-  } catch (error) {
-    console.error("❌ Tinybird analytics validation crashed:", error instanceof Error ? error.message : error);
-    process.exit(1);
-  }
+	try {
+		const client = createTinybirdClient();
+		const tableIssues = await validateTables(client);
+		const pipeIssues = await validatePipes(client);
+		const issues = [...tableIssues, ...pipeIssues];
+
+		if (issues.length > 0) {
+			console.error("❌ Tinybird analytics validation failed:");
+			for (const issue of issues) {
+				console.error(`  - ${issue}`);
+			}
+			process.exit(1);
+		}
+
+		console.log("✅ Tinybird analytics setup is valid.");
+	} catch (error) {
+		console.error(
+			"❌ Tinybird analytics validation crashed:",
+			error instanceof Error ? error.message : error,
+		);
+		process.exit(1);
+	}
 }
 
 main();
diff --git a/scripts/analytics/delete-all-data.js b/scripts/analytics/delete-all-data.js
index 27160f7bc1..f0328fa910 100644
--- a/scripts/analytics/delete-all-data.js
+++ b/scripts/analytics/delete-all-data.js
@@ -1,135 +1,156 @@
 #!/usr/bin/env node
 
+import { intro, isCancel, log, outro, text } from "@clack/prompts";
 import { createTinybirdClient, resolveTinybirdAuth } from "./shared.js";
-import { intro, outro, text, isCancel, log } from "@clack/prompts";
 
 async function getAllDatasources(client) {
-  try {
-    const payload = await client.request(`/v0/datasources`);
-    const list = Array.isArray(payload?.datasources)
-      ? payload.datasources
-      : Array.isArray(payload?.data)
-        ? payload.data
-        : Array.isArray(payload)
-          ? payload
-          : [];
-    const names = list
-      .map((ds) => (typeof ds === "string" ? ds : ds?.name))
-      .filter(Boolean);
-    const unique = Array.from(new Set(names));
-    if (unique.length > 0) return unique;
-  } catch {
-    // fall through to fallback list
-  }
-  return ["analytics_events", "analytics_pages_mv", "analytics_sessions_mv"];
+	try {
+		const payload = await client.request(`/v0/datasources`);
+		const list = Array.isArray(payload?.datasources)
+			? payload.datasources
+			: Array.isArray(payload?.data)
+				? payload.data
+				: Array.isArray(payload)
+					? payload
+					: [];
+		const names = list
+			.map((ds) => (typeof ds === "string" ? ds : ds?.name))
+			.filter(Boolean);
+		const unique = Array.from(new Set(names));
+		if (unique.length > 0) return unique;
+	} catch {
+		// fall through to fallback list
+	}
+	return ["analytics_events", "analytics_pages_mv", "analytics_sessions_mv"];
 }
 
-async function doubleConfirm({ workspaceName, workspaceId, host, datasources }) {
-  const workspaceLabel =
-    workspaceName || workspaceId || new URL(host).host || "unknown-workspace";
+async function doubleConfirm({
+	workspaceName,
+	workspaceId,
+	host,
+	datasources,
+}) {
+	const workspaceLabel =
+		workspaceName || workspaceId || new URL(host).host || "unknown-workspace";
 
-  intro("Delete ALL analytics data from Tinybird");
-  log.warn(
-    `This will TRUNCATE all datasources in the Tinybird workspace:\n` +
-      `- Workspace: ${workspaceLabel}\n` +
-      `- Host: ${host}\n` +
-      `- Datasources (${datasources.length}): ${datasources.join(", ")}`
-  );
+	intro("Delete ALL analytics data from Tinybird");
+	log.warn(
+		`This will TRUNCATE all datasources in the Tinybird workspace:\n` +
+			`- Workspace: ${workspaceLabel}\n` +
+			`- Host: ${host}\n` +
+			`- Datasources (${datasources.length}): ${datasources.join(", ")}`,
+	);
 
-  const first = await text({
-    message: `Type the workspace name or ID to confirm (${workspaceLabel})`,
-    placeholder: workspaceLabel,
-    defaultValue: "",
-    validate: (value) => {
-      if (!value) return "Required";
-      if (value !== workspaceName && value !== workspaceId && value !== workspaceLabel) {
-        return "Value does not match the workspace name or ID";
-      }
-    },
-  });
-  if (isCancel(first)) {
-    outro("Cancelled.");
-    process.exit(0);
-  }
+	const first = await text({
+		message: `Type the workspace name or ID to confirm (${workspaceLabel})`,
+		placeholder: workspaceLabel,
+		defaultValue: "",
+		validate: (value) => {
+			if (!value) return "Required";
+			if (
+				value !== workspaceName &&
+				value !== workspaceId &&
+				value !== workspaceLabel
+			) {
+				return "Value does not match the workspace name or ID";
+			}
+		},
+	});
+	if (isCancel(first)) {
+		outro("Cancelled.");
+		process.exit(0);
+	}
 
-  const second = await text({
-    message: 'Final confirmation: type "DELETE ALL" to proceed',
-    placeholder: "DELETE ALL",
-    defaultValue: "",
-    validate: (value) => (value === "DELETE ALL" ? undefined : 'You must type "DELETE ALL"'),
-  });
-  if (isCancel(second)) {
-    outro("Cancelled.");
-    process.exit(0);
-  }
+	const second = await text({
+		message: 'Final confirmation: type "DELETE ALL" to proceed',
+		placeholder: "DELETE ALL",
+		defaultValue: "",
+		validate: (value) =>
+			value === "DELETE ALL" ? undefined : 'You must type "DELETE ALL"',
+	});
+	if (isCancel(second)) {
+		outro("Cancelled.");
+		process.exit(0);
+	}
 }
 
 async function deleteAllData() {
-  const auth = resolveTinybirdAuth();
-  const client = createTinybirdClient(auth);
+	const auth = resolveTinybirdAuth();
+	const client = createTinybirdClient(auth);
 
-  const datasources = await getAllDatasources(client);
+	const datasources = await getAllDatasources(client);
 
-  await doubleConfirm({
-    workspaceName: client.workspaceName,
-    workspaceId: client.workspaceId,
-    host: client.host,
-    datasources,
-  });
+	await doubleConfirm({
+		workspaceName: client.workspaceName,
+		workspaceId: client.workspaceId,
+		host: client.host,
+		datasources,
+	});
 
-  console.log("\nDeleting all data from Tinybird datasources...\n");
+	console.log("\nDeleting all data from Tinybird datasources...\n");
 
-  const successes = [];
-  const failures = [];
-  for (const datasource of datasources) {
-    try {
-      console.log(`Deleting data from ${datasource}...`);
-      let ok = false;
-      try {
-        await client.request(`/v0/datasources/${encodeURIComponent(datasource)}/truncate`, {
-          method: "POST",
-        });
-        ok = true;
-      } catch (e1) {
-        try {
-          await client.request(`/v0/datasources/${encodeURIComponent(datasource)}/data`, {
-            method: "DELETE",
-          });
-          ok = true;
-        } catch (e2) {
-          await client.request(`/v0/datasources/${encodeURIComponent(datasource)}`, {
-            method: "DELETE",
-          });
-          ok = true;
-        }
-      }
-      if (ok) {
-        console.log(`✅ Deleted data from ${datasource}`);
-        successes.push(datasource);
-      } else {
-        failures.push(datasource);
-      }
-    } catch (error) {
-      console.error(`❌ Failed to delete data from ${datasource}:`, error.message);
-      if (error.payload) {
-        console.error("   Details:", JSON.stringify(error.payload, null, 2));
-      }
-      failures.push(datasource);
-    }
-  }
+	const successes = [];
+	const failures = [];
+	for (const datasource of datasources) {
+		try {
+			console.log(`Deleting data from ${datasource}...`);
+			let ok = false;
+			try {
+				await client.request(
+					`/v0/datasources/${encodeURIComponent(datasource)}/truncate`,
+					{
+						method: "POST",
+					},
+				);
+				ok = true;
+			} catch (e1) {
+				try {
+					await client.request(
+						`/v0/datasources/${encodeURIComponent(datasource)}/data`,
+						{
+							method: "DELETE",
+						},
+					);
+					ok = true;
+				} catch (e2) {
+					await client.request(
+						`/v0/datasources/${encodeURIComponent(datasource)}`,
+						{
+							method: "DELETE",
+						},
+					);
+					ok = true;
+				}
+			}
+			if (ok) {
+				console.log(`✅ Deleted data from ${datasource}`);
+				successes.push(datasource);
+			} else {
+				failures.push(datasource);
+			}
+		} catch (error) {
+			console.error(
+				`❌ Failed to delete data from ${datasource}:`,
+				error.message,
+			);
+			if (error.payload) {
+				console.error("   Details:", JSON.stringify(error.payload, null, 2));
+			}
+			failures.push(datasource);
+		}
+	}
 
-  if (failures.length === 0) {
-    console.log("\n✅ Finished deleting all data");
-  } else {
-    console.log(
-      `\n⚠️  Finished with errors. Deleted: ${successes.length}. Failed: ${failures.length} -> ${failures.join(", ")}`,
-    );
-    process.exitCode = 1;
-  }
+	if (failures.length === 0) {
+		console.log("\n✅ Finished deleting all data");
+	} else {
+		console.log(
+			`\n⚠️  Finished with errors. Deleted: ${successes.length}. Failed: ${failures.length} -> ${failures.join(", ")}`,
+		);
+		process.exitCode = 1;
+	}
 }
 
 deleteAllData().catch((error) => {
-  console.error("❌ Failed to delete data:", error.message);
-  process.exit(1);
+	console.error("❌ Failed to delete data:", error.message);
+	process.exit(1);
 });
-
diff --git a/scripts/analytics/migrate-dub-to-tinybird.js b/scripts/analytics/migrate-dub-to-tinybird.js
index 220830b8e3..5e412292e1 100644
--- a/scripts/analytics/migrate-dub-to-tinybird.js
+++ b/scripts/analytics/migrate-dub-to-tinybird.js
@@ -11,7 +11,8 @@ const DUB_API_URL = "https://api.dub.co";
 const DEFAULT_DOMAIN = "cap.link";
 const DEFAULT_TIMEZONE = "UTC";
 const DEFAULT_INTERVAL = "30d";
-const DEFAULT_HOST = process.env.TINYBIRD_HOST?.trim() || "https://api.tinybird.co";
+const DEFAULT_HOST =
+	process.env.TINYBIRD_HOST?.trim() || "https://api.tinybird.co";
 const TB_DATASOURCE = "analytics_events";
 const MAX_CITY_COUNT = 25;
 const INGEST_CHUNK_SIZE = 5000;
@@ -21,5407 +22,5718 @@ const DEFAULT_INGEST_CONCURRENCY = Number(process.env.INGEST_CONCURRENCY || 4);
 const DEFAULT_INGEST_RATE_LIMIT = Number(process.env.INGEST_RATE_LIMIT || 10);
 
 export const REGIONS = {
-  "AF-BDS": "Badakhshān",
-  "AF-BDG": "Bādghīs",
-  "AF-BGL": "Baghlān",
-  "AF-BAL": "Balkh",
-  "AF-BAM": "Bāmyān",
-  "AF-DAY": "Dāykundī",
-  "AF-FRA": "Farāh",
-  "AF-FYB": "Fāryāb",
-  "AF-GHA": "Ghaznī",
-  "AF-GHO": "Ghōr",
-  "AF-HEL": "Helmand",
-  "AF-HER": "Herāt",
-  "AF-JOW": "Jowzjān",
-  "AF-KAB": "Kābul",
-  "AF-KAN": "Kandahār",
-  "AF-KAP": "Kāpīsā",
-  "AF-KHO": "Khōst",
-  "AF-KNR": "Kunaṟ",
-  "AF-KDZ": "Kunduz",
-  "AF-LAG": "Laghmān",
-  "AF-LOG": "Lōgar",
-  "AF-NAN": "Nangarhār",
-  "AF-NIM": "Nīmrōz",
-  "AF-NUR": "Nūristān",
-  "AF-PKA": "Paktīkā",
-  "AF-PIA": "Paktiyā",
-  "AF-PAN": "Panjshayr",
-  "AF-PAR": "Parwān",
-  "AF-SAM": "Samangān",
-  "AF-SAR": "Sar-e Pul",
-  "AF-TAK": "Takhār",
-  "AF-URU": "Uruzgān",
-  "AF-WAR": "Wardak",
-  "AF-ZAB": "Zābul",
-  "AL-01": "Berat",
-  "AL-09": "Dibër",
-  "AL-02": "Durrës",
-  "AL-03": "Elbasan",
-  "AL-04": "Fier",
-  "AL-05": "Gjirokastër",
-  "AL-06": "Korçë",
-  "AL-07": "Kukës",
-  "AL-08": "Lezhë",
-  "AL-10": "Shkodër",
-  "AL-11": "Tiranë",
-  "AL-12": "Vlorë",
-  "DZ-01": "Adrar",
-  "DZ-44": "Aïn Defla",
-  "DZ-46": "Aïn Témouchent",
-  "DZ-16": "Alger",
-  "DZ-23": "Annaba",
-  "DZ-05": "Batna",
-  "DZ-08": "Béchar",
-  "DZ-06": "Béjaïa",
-  "DZ-52": "Béni Abbès",
-  "DZ-07": "Biskra",
-  "DZ-09": "Blida",
-  "DZ-50": "Bordj Badji Mokhtar",
-  "DZ-34": "Bordj Bou Arréridj",
-  "DZ-10": "Bouira",
-  "DZ-35": "Boumerdès",
-  "DZ-02": "Chlef",
-  "DZ-25": "Constantine",
-  "DZ-56": "Djanet",
-  "DZ-17": "Djelfa",
-  "DZ-32": "El Bayadh",
-  "DZ-57": "El Meghaier",
-  "DZ-58": "El Meniaa",
-  "DZ-39": "El Oued",
-  "DZ-36": "El Tarf",
-  "DZ-47": "Ghardaïa",
-  "DZ-24": "Guelma",
-  "DZ-33": "Illizi",
-  "DZ-54": "In Guezzam",
-  "DZ-53": "In Salah",
-  "DZ-18": "Jijel",
-  "DZ-40": "Khenchela",
-  "DZ-03": "Laghouat",
-  "DZ-28": "M'sila",
-  "DZ-29": "Mascara",
-  "DZ-26": "Médéa",
-  "DZ-43": "Mila",
-  "DZ-27": "Mostaganem",
-  "DZ-45": "Naama",
-  "DZ-31": "Oran",
-  "DZ-30": "Ouargla",
-  "DZ-51": "Ouled Djellal",
-  "DZ-04": "Oum el Bouaghi",
-  "DZ-48": "Relizane",
-  "DZ-20": "Saïda",
-  "DZ-19": "Sétif",
-  "DZ-22": "Sidi Bel Abbès",
-  "DZ-21": "Skikda",
-  "DZ-41": "Souk Ahras",
-  "DZ-11": "Tamanrasset",
-  "DZ-12": "Tébessa",
-  "DZ-14": "Tiaret",
-  "DZ-49": "Timimoun",
-  "DZ-37": "Tindouf",
-  "DZ-42": "Tipaza",
-  "DZ-38": "Tissemsilt",
-  "DZ-15": "Tizi Ouzou",
-  "DZ-13": "Tlemcen",
-  "DZ-55": "Touggourt",
-  "AD-07": "Andorra la Vella",
-  "AD-02": "Canillo",
-  "AD-03": "Encamp",
-  "AD-08": "Escaldes-Engordany",
-  "AD-04": "La Massana",
-  "AD-05": "Ordino",
-  "AD-06": "Sant Julià de Lòria",
-  "AO-BGO": "Bengo",
-  "AO-BGU": "Benguela",
-  "AO-BIE": "Bié",
-  "AO-CAB": "Cabinda",
-  "AO-CCU": "Cuando Cubango",
-  "AO-CNO": "Cuanza-Norte",
-  "AO-CUS": "Cuanza-Sul",
-  "AO-CNN": "Cunene",
-  "AO-HUA": "Huambo",
-  "AO-HUI": "Huíla",
-  "AO-LUA": "Luanda",
-  "AO-LNO": "Lunda-Norte",
-  "AO-LSU": "Lunda-Sul",
-  "AO-MAL": "Malange",
-  "AO-MOX": "Moxico",
-  "AO-NAM": "Namibe",
-  "AO-UIG": "Uíge",
-  "AO-ZAI": "Zaire",
-  "AG-03": "Saint George",
-  "AG-04": "Saint John",
-  "AG-05": "Saint Mary",
-  "AG-06": "Saint Paul",
-  "AG-07": "Saint Peter",
-  "AG-08": "Saint Philip",
-  "AG-10": "Barbuda",
-  "AG-11": "Redonda",
-  "AR-B": "Buenos Aires",
-  "AR-K": "Catamarca",
-  "AR-H": "Chaco",
-  "AR-U": "Chubut",
-  "AR-C": "Ciudad Autónoma de Buenos Aires",
-  "AR-X": "Córdoba",
-  "AR-W": "Corrientes",
-  "AR-E": "Entre Ríos",
-  "AR-P": "Formosa",
-  "AR-Y": "Jujuy",
-  "AR-L": "La Pampa",
-  "AR-F": "La Rioja",
-  "AR-M": "Mendoza",
-  "AR-N": "Misiones",
-  "AR-Q": "Neuquén",
-  "AR-R": "Río Negro",
-  "AR-A": "Salta",
-  "AR-J": "San Juan",
-  "AR-D": "San Luis",
-  "AR-Z": "Santa Cruz",
-  "AR-S": "Santa Fe",
-  "AR-G": "Santiago del Estero",
-  "AR-V": "Tierra del Fuego",
-  "AR-T": "Tucumán",
-  "AM-AG": "Aragac̣otn",
-  "AM-AR": "Ararat",
-  "AM-AV": "Armavir",
-  "AM-ER": "Erevan",
-  "AM-GR": "Geġark'unik'",
-  "AM-KT": "Kotayk'",
-  "AM-LO": "Loṙi",
-  "AM-SH": "Širak",
-  "AM-SU": "Syunik'",
-  "AM-TV": "Tavuš",
-  "AM-VD": "Vayoć Jor",
-  "AU-NSW": "New South Wales",
-  "AU-QLD": "Queensland",
-  "AU-SA": "South Australia",
-  "AU-TAS": "Tasmania",
-  "AU-VIC": "Victoria",
-  "AU-WA": "Western Australia",
-  "AU-ACT": "Australian Capital Territory",
-  "AU-NT": "Northern Territory",
-  "AT-1": "Burgenland",
-  "AT-2": "Kärnten",
-  "AT-3": "Niederösterreich",
-  "AT-4": "Oberösterreich",
-  "AT-5": "Salzburg",
-  "AT-6": "Steiermark",
-  "AT-7": "Tirol",
-  "AT-8": "Vorarlberg",
-  "AT-9": "Wien",
-  "AZ-NX": "Naxçıvan",
-  "BS-AK": "Acklins",
-  "BS-BY": "Berry Islands",
-  "BS-BI": "Bimini",
-  "BS-BP": "Black Point",
-  "BS-CI": "Cat Island",
-  "BS-CO": "Central Abaco",
-  "BS-CS": "Central Andros",
-  "BS-CE": "Central Eleuthera",
-  "BS-FP": "City of Freeport",
-  "BS-CK": "Crooked Island and Long Cay",
-  "BS-EG": "East Grand Bahama",
-  "BS-EX": "Exuma",
-  "BS-GC": "Grand Cay",
-  "BS-HI": "Harbour Island",
-  "BS-HT": "Hope Town",
-  "BS-IN": "Inagua",
-  "BS-LI": "Long Island",
-  "BS-MC": "Mangrove Cay",
-  "BS-MG": "Mayaguana",
-  "BS-MI": "Moore's Island",
-  "BS-NP": "New Providence",
-  "BS-NO": "North Abaco",
-  "BS-NS": "North Andros",
-  "BS-NE": "North Eleuthera",
-  "BS-RI": "Ragged Island",
-  "BS-RC": "Rum Cay",
-  "BS-SS": "San Salvador",
-  "BS-SO": "South Abaco",
-  "BS-SA": "South Andros",
-  "BS-SE": "South Eleuthera",
-  "BS-SW": "Spanish Wells",
-  "BS-WG": "West Grand Bahama",
-  "BH-13": "Al ‘Āşimah",
-  "BH-14": "Al Janūbīyah",
-  "BH-15": "Al Muḩarraq",
-  "BH-17": "Ash Shamālīyah",
-  "BD-A": "Barishal",
-  "BD-B": "Chattogram",
-  "BD-C": "Dhaka",
-  "BD-D": "Khulna",
-  "BD-H": "Mymensingh",
-  "BD-E": "Rajshahi",
-  "BD-F": "Rangpur",
-  "BD-G": "Sylhet",
-  "BB-01": "Christ Church",
-  "BB-02": "Saint Andrew",
-  "BB-03": "Saint George",
-  "BB-04": "Saint James",
-  "BB-05": "Saint John",
-  "BB-06": "Saint Joseph",
-  "BB-07": "Saint Lucy",
-  "BB-08": "Saint Michael",
-  "BB-09": "Saint Peter",
-  "BB-10": "Saint Philip",
-  "BB-11": "Saint Thomas",
-  "BY-BR": "Brestskaya voblasts'",
-  "BY-HO": "Homyel'skaya voblasts'",
-  "BY-HM": "Horad Minsk",
-  "BY-HR": "Hrodzyenskaya voblasts'",
-  "BY-MA": "Mahilyowskaya voblasts'",
-  "BY-MI": "Minskaya voblasts'",
-  "BY-VI": "Vitsyebskaya voblasts'",
-  "BE-BRU": "Brussels Hoofdstedelijk Gewest",
-  "BE-VLG": "Vlaams Gewest",
-  "BE-WAL": "Waals Gewest[note 2]",
-  "BZ-BZ": "Belize",
-  "BZ-CY": "Cayo",
-  "BZ-CZL": "Corozal",
-  "BZ-OW": "Orange Walk",
-  "BZ-SC": "Stann Creek",
-  "BZ-TOL": "Toledo",
-  "BJ-AL": "Alibori",
-  "BJ-AK": "Atacora",
-  "BJ-AQ": "Atlantique",
-  "BJ-BO": "Borgou",
-  "BJ-CO": "Collines",
-  "BJ-KO": "Couffo",
-  "BJ-DO": "Donga",
-  "BJ-LI": "Littoral",
-  "BJ-MO": "Mono",
-  "BJ-OU": "Ouémé",
-  "BJ-PL": "Plateau",
-  "BJ-ZO": "Zou",
-  "BT-33": "Bumthang",
-  "BT-12": "Chhukha",
-  "BT-22": "Dagana",
-  "BT-GA": "Gasa",
-  "BT-13": "Haa",
-  "BT-44": "Lhuentse",
-  "BT-42": "Monggar",
-  "BT-11": "Paro",
-  "BT-43": "Pema Gatshel",
-  "BT-23": "Punakha",
-  "BT-45": "Samdrup Jongkhar",
-  "BT-14": "Samtse",
-  "BT-31": "Sarpang",
-  "BT-15": "Thimphu",
-  "BT-41": "Trashigang",
-  "BT-TY": "Trashi Yangtse",
-  "BT-32": "Trongsa",
-  "BT-21": "Tsirang",
-  "BT-24": "Wangdue Phodrang",
-  "BT-34": "Zhemgang",
-  "BO-C": "Cochabamba",
-  "BO-H": "Chuquisaca",
-  "BO-B": "El Beni",
-  "BO-L": "La Paz",
-  "BO-O": "Oruro",
-  "BO-N": "Pando",
-  "BO-P": "Potosí",
-  "BO-S": "Santa Cruz",
-  "BO-T": "Tarija",
-  "BA-BIH": "Federacija Bosne i Hercegovine",
-  "BA-SRP": "Republika Srpska",
-  "BA-BRC": "Brčko distrikt",
-  "BW-CE": "Central",
-  "BW-CH": "Chobe",
-  "BW-FR": "Francistown",
-  "BW-GA": "Gaborone",
-  "BW-GH": "Ghanzi",
-  "BW-JW": "Jwaneng",
-  "BW-KG": "Kgalagadi",
-  "BW-KL": "Kgatleng",
-  "BW-KW": "Kweneng",
-  "BW-LO": "Lobatse",
-  "BW-NE": "North East",
-  "BW-NW": "North West",
-  "BW-SP": "Selibe Phikwe",
-  "BW-SE": "South East",
-  "BW-SO": "Southern",
-  "BW-ST": "Sowa Town",
-  "BR-AC": "Acre",
-  "BR-AL": "Alagoas",
-  "BR-AP": "Amapá",
-  "BR-AM": "Amazonas",
-  "BR-BA": "Bahia",
-  "BR-CE": "Ceará",
-  "BR-DF": "Distrito Federal",
-  "BR-ES": "Espírito Santo",
-  "BR-GO": "Goiás",
-  "BR-MA": "Maranhão",
-  "BR-MT": "Mato Grosso",
-  "BR-MS": "Mato Grosso do Sul",
-  "BR-MG": "Minas Gerais",
-  "BR-PA": "Pará",
-  "BR-PB": "Paraíba",
-  "BR-PR": "Paraná",
-  "BR-PE": "Pernambuco",
-  "BR-PI": "Piauí",
-  "BR-RJ": "Rio de Janeiro",
-  "BR-RN": "Rio Grande do Norte",
-  "BR-RS": "Rio Grande do Sul",
-  "BR-RO": "Rondônia",
-  "BR-RR": "Roraima",
-  "BR-SC": "Santa Catarina",
-  "BR-SP": "São Paulo",
-  "BR-SE": "Sergipe",
-  "BR-TO": "Tocantins",
-  "BN-BE": "Belait",
-  "BN-BM": "Brunei-Muara",
-  "BN-TE": "Temburong",
-  "BN-TU": "Tutong",
-  "BG-01": "Blagoevgrad",
-  "BG-02": "Burgas",
-  "BG-08": "Dobrich",
-  "BG-07": "Gabrovo",
-  "BG-26": "Haskovo",
-  "BG-09": "Kardzhali",
-  "BG-10": "Kyustendil",
-  "BG-11": "Lovech",
-  "BG-12": "Montana",
-  "BG-13": "Pazardzhik",
-  "BG-14": "Pernik",
-  "BG-15": "Pleven",
-  "BG-16": "Plovdiv",
-  "BG-17": "Razgrad",
-  "BG-18": "Ruse",
-  "BG-27": "Shumen",
-  "BG-19": "Silistra",
-  "BG-20": "Sliven",
-  "BG-21": "Smolyan",
-  "BG-23": "Sofia",
-  "BG-22": "Sofia (stolitsa)",
-  "BG-24": "Stara Zagora",
-  "BG-25": "Targovishte",
-  "BG-03": "Varna",
-  "BG-04": "Veliko Tarnovo",
-  "BG-05": "Vidin",
-  "BG-06": "Vratsa",
-  "BG-28": "Yambol",
-  "BF-01": "Boucle du Mouhoun",
-  "BF-02": "Cascades",
-  "BF-03": "Centre",
-  "BF-04": "Centre-Est",
-  "BF-05": "Centre-Nord",
-  "BF-06": "Centre-Ouest",
-  "BF-07": "Centre-Sud",
-  "BF-08": "Est",
-  "BF-09": "Hauts-Bassins",
-  "BF-10": "Nord",
-  "BF-11": "Plateau-Central",
-  "BF-12": "Sahel",
-  "BF-13": "Sud-Ouest",
-  "BI-BB": "Bubanza",
-  "BI-BM": "Bujumbura Mairie",
-  "BI-BL": "Bujumbura Rural",
-  "BI-BR": "Bururi",
-  "BI-CA": "Cankuzo",
-  "BI-CI": "Cibitoke",
-  "BI-GI": "Gitega",
-  "BI-KR": "Karuzi",
-  "BI-KY": "Kayanza",
-  "BI-KI": "Kirundo",
-  "BI-MA": "Makamba",
-  "BI-MU": "Muramvya",
-  "BI-MY": "Muyinga",
-  "BI-MW": "Mwaro",
-  "BI-NG": "Ngozi",
-  "BI-RM": "Rumonge",
-  "BI-RT": "Rutana",
-  "BI-RY": "Ruyigi",
-  "KH-2": "Baat Dambang",
-  "KH-1": "Banteay Mean Choăy",
-  "KH-23": "Kaeb",
-  "KH-3": "Kampong Chaam",
-  "KH-4": "Kampong Chhnang",
-  "KH-5": "Kampong Spueu",
-  "KH-6": "Kampong Thum",
-  "KH-7": "Kampot",
-  "KH-8": "Kandaal",
-  "KH-9": "Kaoh Kong",
-  "KH-10": "Kracheh",
-  "KH-11": "Mondol Kiri",
-  "KH-22": "Otdar Mean Chey",
-  "KH-24": "Pailin",
-  "KH-12": "Phnom Penh",
-  "KH-15": "Pousaat",
-  "KH-18": "Preah Sihanouk",
-  "KH-13": "Preah Vihear",
-  "KH-14": "Prey Veaeng",
-  "KH-16": "Rotanak Kiri",
-  "KH-17": "Siem Reab",
-  "KH-19": "Stueng Traeng",
-  "KH-20": "Svaay Rieng",
-  "KH-21": "Taakaev",
-  "KH-25": "Tbong Khmum",
-  "CM-AD": "Adamaoua",
-  "CM-CE": "Centre",
-  "CM-ES": "East",
-  "CM-EN": "Far North",
-  "CM-LT": "Littoral",
-  "CM-NO": "North",
-  "CM-NW": "North-West",
-  "CM-SU": "South",
-  "CM-SW": "South-West",
-  "CM-OU": "West",
-  "CA-AB": "Alberta",
-  "CA-BC": "British Columbia",
-  "CA-MB": "Manitoba",
-  "CA-NB": "New Brunswick",
-  "CA-NL": "Newfoundland and Labrador",
-  "CA-NT": "Northwest Territories",
-  "CA-NS": "Nova Scotia",
-  "CA-NU": "Nunavut",
-  "CA-ON": "Ontario",
-  "CA-PE": "Prince Edward Island",
-  "CA-QC": "Quebec",
-  "CA-SK": "Saskatchewan",
-  "CA-YT": "Yukon",
-  "CV-B": "Ilhas de Barlavento",
-  "CV-S": "Ilhas de Sotavento",
-  "CF-BB": "Bamingui-Bangoran",
-  "CF-BGF": "Bangui",
-  "CF-BK": "Basse-Kotto",
-  "CF-KB": "Gribingui",
-  "CF-HM": "Haut-Mbomou",
-  "CF-HK": "Haute-Kotto",
-  "CF-HS": "Haute-Sangha / Mambéré-Kadéï",
-  "CF-KG": "Kémo-Gribingui",
-  "CF-LB": "Lobaye",
-  "CF-MB": "Mbomou",
-  "CF-NM": "Nana-Mambéré",
-  "CF-MP": "Ombella-Mpoko",
-  "CF-UK": "Ouaka",
-  "CF-AC": "Ouham",
-  "CF-OP": "Ouham-Pendé",
-  "CF-SE": "Sangha",
-  "CF-VK": "Vakaga",
-  "TD-BG": "Baḩr al Ghazāl",
-  "TD-BA": "Al Baţḩā’",
-  "TD-BO": "Būrkū",
-  "TD-CB": "Shārī Bāqirmī",
-  "TD-EE": "Inīdī ash Sharqī",
-  "TD-EO": "Inīdī al Gharbī",
-  "TD-GR": "Qīrā",
-  "TD-HL": "Ḩajjar Lamīs",
-  "TD-KA": "Kānim",
-  "TD-LC": "Al Buḩayrah",
-  "TD-LO": "Lūghūn al Gharbī",
-  "TD-LR": "Lūghūn ash Sharqī",
-  "TD-MA": "Māndūl",
-  "TD-ME": "Māyū Kībbī ash Sharqī",
-  "TD-MO": "Māyū Kībbī al Gharbī",
-  "TD-MC": "Shārī al Awsaţ",
-  "TD-OD": "Waddāy",
-  "TD-SA": "Salāmāt",
-  "TD-SI": "Sīlā",
-  "TD-TA": "Tānjīlī",
-  "TD-TI": "Tibastī",
-  "TD-ND": "Madīnat Injamīnā",
-  "TD-WF": "Wādī Fīrā’",
-  "CL-AI": "Aisén del General Carlos Ibañez del Campo",
-  "CL-AN": "Antofagasta",
-  "CL-AP": "Arica y Parinacota",
-  "CL-AT": "Atacama",
-  "CL-BI": "Biobío",
-  "CL-CO": "Coquimbo",
-  "CL-AR": "La Araucanía",
-  "CL-LI": "Libertador General Bernardo O'Higgins",
-  "CL-LL": "Los Lagos",
-  "CL-LR": "Los Ríos",
-  "CL-MA": "Magallanes",
-  "CL-ML": "Maule",
-  "CL-NB": "Ñuble",
-  "CL-RM": "Región Metropolitana de Santiago",
-  "CL-TA": "Tarapacá",
-  "CL-VS": "Valparaíso",
-  "CN-AH": "Anhui Sheng",
-  "CN-BJ": "Beijing Shi",
-  "CN-CQ": "Chongqing Shi",
-  "CN-FJ": "Fujian Sheng",
-  "CN-GS": "Gansu Sheng",
-  "CN-GD": "Guangdong Sheng",
-  "CN-GX": "Guangxi Zhuangzu Zizhiqu",
-  "CN-GZ": "Guizhou Sheng",
-  "CN-HI": "Hainan Sheng",
-  "CN-HE": "Hebei Sheng",
-  "CN-HL": "Heilongjiang Sheng",
-  "CN-HA": "Henan Sheng",
-  "CN-HK": "Hong Kong SARen",
-  "CN-HB": "Hubei Sheng",
-  "CN-HN": "Hunan Sheng",
-  "CN-JS": "Jiangsu Sheng",
-  "CN-JX": "Jiangxi Sheng",
-  "CN-JL": "Jilin Sheng",
-  "CN-LN": "Liaoning Sheng",
-  "CN-MO": "Macao SARpt",
-  "CN-NM": "Nei Mongol Zizhiqu",
-  "CN-NX": "Ningxia Huizu Zizhiqu",
-  "CN-QH": "Qinghai Sheng",
-  "CN-SN": "Shaanxi Sheng",
-  "CN-SD": "Shandong Sheng",
-  "CN-SH": "Shanghai Shi",
-  "CN-SX": "Shanxi Sheng",
-  "CN-SC": "Sichuan Sheng",
-  "CN-TW": "Taiwan Sheng",
-  "CN-TJ": "Tianjin Shi",
-  "CN-XJ": "Xinjiang Uygur Zizhiqu",
-  "CN-XZ": "Xizang Zizhiqu",
-  "CN-YN": "Yunnan Sheng",
-  "CN-ZJ": "Zhejiang Sheng",
-  "CO-AMA": "Amazonas",
-  "CO-ANT": "Antioquia",
-  "CO-ARA": "Arauca",
-  "CO-ATL": "Atlántico",
-  "CO-BOL": "Bolívar",
-  "CO-BOY": "Boyacá",
-  "CO-CAL": "Caldas",
-  "CO-CAQ": "Caquetá",
-  "CO-CAS": "Casanare",
-  "CO-CAU": "Cauca",
-  "CO-CES": "Cesar",
-  "CO-COR": "Córdoba",
-  "CO-CUN": "Cundinamarca",
-  "CO-CHO": "Chocó",
-  "CO-DC": "Distrito Capital de Bogotá",
-  "CO-GUA": "Guainía",
-  "CO-GUV": "Guaviare",
-  "CO-HUI": "Huila",
-  "CO-LAG": "La Guajira",
-  "CO-MAG": "Magdalena",
-  "CO-MET": "Meta",
-  "CO-NAR": "Nariño",
-  "CO-NSA": "Norte de Santander",
-  "CO-PUT": "Putumayo",
-  "CO-QUI": "Quindío",
-  "CO-RIS": "Risaralda",
-  "CO-SAP": "San Andrés",
-  "CO-SAN": "Santander",
-  "CO-SUC": "Sucre",
-  "CO-TOL": "Tolima",
-  "CO-VAC": "Valle del Cauca",
-  "CO-VAU": "Vaupés",
-  "CO-VID": "Vichada",
-  "KM-G": "Grande Comore",
-  "KM-A": "Anjouan",
-  "KM-M": "Mohéli",
-  "CG-11": "Bouenza",
-  "CG-BZV": "Brazzaville",
-  "CG-8": "Cuvette",
-  "CG-15": "Cuvette-Ouest",
-  "CG-5": "Kouilou",
-  "CG-2": "Lékoumou",
-  "CG-7": "Likouala",
-  "CG-9": "Niari",
-  "CG-14": "Plateaux",
-  "CG-16": "Pointe-Noire",
-  "CG-12": "Pool",
-  "CG-13": "Sangha",
-  "CD-BU": "Bas-Uélé",
-  "CD-EQ": "Équateur",
-  "CD-HK": "Haut-Katanga",
-  "CD-HL": "Haut-Lomami",
-  "CD-HU": "Haut-Uélé",
-  "CD-IT": "Ituri",
-  "CD-KS": "Kasaï",
-  "CD-KC": "Kasaï Central",
-  "CD-KE": "Kasaï Oriental",
-  "CD-KN": "Kinshasa",
-  "CD-BC": "Kongo Central",
-  "CD-KG": "Kwango",
-  "CD-KL": "Kwilu",
-  "CD-LO": "Lomami",
-  "CD-LU": "Lualaba",
-  "CD-MN": "Mai-Ndombe",
-  "CD-MA": "Maniema",
-  "CD-MO": "Mongala",
-  "CD-NK": "Nord-Kivu",
-  "CD-NU": "Nord-Ubangi",
-  "CD-SA": "Sankuru",
-  "CD-SK": "Sud-Kivu",
-  "CD-SU": "Sud-Ubangi",
-  "CD-TA": "Tanganyika",
-  "CD-TO": "Tshopo",
-  "CD-TU": "Tshuapa",
-  "CR-A": "Alajuela",
-  "CR-C": "Cartago",
-  "CR-G": "Guanacaste",
-  "CR-H": "Heredia",
-  "CR-L": "Limón",
-  "CR-P": "Puntarenas",
-  "CR-SJ": "San José",
-  "CI-AB": "Abidjan",
-  "CI-BS": "Bas-Sassandra",
-  "CI-CM": "Comoé",
-  "CI-DN": "Denguélé",
-  "CI-GD": "Gôh-Djiboua",
-  "CI-LC": "Lacs",
-  "CI-LG": "Lagunes",
-  "CI-MG": "Montagnes",
-  "CI-SM": "Sassandra-Marahoué",
-  "CI-SV": "Savanes",
-  "CI-VB": "Vallée du Bandama",
-  "CI-WR": "Woroba",
-  "CI-YM": "Yamoussoukro",
-  "CI-ZZ": "Zanzan",
-  "HR-07": "Bjelovarsko-bilogorska županija",
-  "HR-12": "Brodsko-posavska županija",
-  "HR-19": "Dubrovačko-neretvanska županija",
-  "HR-21": "Grad Zagreb",
-  "HR-18": "Istarska županija",
-  "HR-04": "Karlovačka županija",
-  "HR-06": "Koprivničko-križevačka županija",
-  "HR-02": "Krapinsko-zagorska županija",
-  "HR-09": "Ličko-senjska županija",
-  "HR-20": "Međimurska županija",
-  "HR-14": "Osječko-baranjska županija",
-  "HR-11": "Požeško-slavonska županija",
-  "HR-08": "Primorsko-goranska županija",
-  "HR-03": "Sisačko-moslavačka županija",
-  "HR-17": "Splitsko-dalmatinska županija",
-  "HR-15": "Šibensko-kninska županija",
-  "HR-05": "Varaždinska županija",
-  "HR-10": "Virovitičko-podravska županija",
-  "HR-16": "Vukovarsko-srijemska županija",
-  "HR-13": "Zadarska županija",
-  "HR-01": "Zagrebačka županija",
-  "CU-15": "Artemisa",
-  "CU-09": "Camagüey",
-  "CU-08": "Ciego de Ávila",
-  "CU-06": "Cienfuegos",
-  "CU-12": "Granma",
-  "CU-14": "Guantánamo",
-  "CU-11": "Holguín",
-  "CU-03": "La Habana",
-  "CU-10": "Las Tunas",
-  "CU-04": "Matanzas",
-  "CU-16": "Mayabeque",
-  "CU-01": "Pinar del Río",
-  "CU-07": "Sancti Spíritus",
-  "CU-13": "Santiago de Cuba",
-  "CU-05": "Villa Clara",
-  "CU-99": "Isla de la Juventud",
-  "CY-04": "Ammochostos",
-  "CY-06": "Keryneia",
-  "CY-03": "Larnaka",
-  "CY-01": "Lefkosia",
-  "CY-02": "Lemesos",
-  "CY-05": "Pafos",
-  "CZ-31": "Jihočeský kraj",
-  "CZ-64": "Jihomoravský kraj",
-  "CZ-41": "Karlovarský kraj",
-  "CZ-52": "Královéhradecký kraj",
-  "CZ-51": "Liberecký kraj",
-  "CZ-80": "Moravskoslezský kraj",
-  "CZ-71": "Olomoucký kraj",
-  "CZ-53": "Pardubický kraj",
-  "CZ-32": "Plzeňský kraj",
-  "CZ-10": "Praha",
-  "CZ-20": "Středočeský kraj",
-  "CZ-42": "Ústecký kraj",
-  "CZ-63": "Kraj Vysočina",
-  "CZ-72": "Zlínský kraj",
-  "DK-84": "Region Hovedstaden",
-  "DK-82": "Region Midjylland",
-  "DK-81": "Region Nordjylland",
-  "DK-85": "Region Sjælland",
-  "DK-83": "Region Syddanmark",
-  "DJ-AS": "Ali Sabieh",
-  "DJ-AR": "Arta",
-  "DJ-DI": "Dikhil",
-  "DJ-DJ": "Djibouti",
-  "DJ-OB": "Obock",
-  "DJ-TA": "Tadjourah",
-  "DM-02": "Saint Andrew",
-  "DM-03": "Saint David",
-  "DM-04": "Saint George",
-  "DM-05": "Saint John",
-  "DM-06": "Saint Joseph",
-  "DM-07": "Saint Luke",
-  "DM-08": "Saint Mark",
-  "DM-09": "Saint Patrick",
-  "DM-10": "Saint Paul",
-  "DM-11": "Saint Peter",
-  "DO-33": "Cibao Nordeste",
-  "DO-34": "Cibao Noroeste",
-  "DO-35": "Cibao Norte",
-  "DO-36": "Cibao Sur",
-  "DO-37": "El Valle",
-  "DO-38": "Enriquillo",
-  "DO-39": "Higuamo",
-  "DO-40": "Ozama",
-  "DO-41": "Valdesia",
-  "DO-42": "Yuma",
-  "EC-A": "Azuay",
-  "EC-B": "Bolívar",
-  "EC-F": "Cañar",
-  "EC-C": "Carchi",
-  "EC-H": "Chimborazo",
-  "EC-X": "Cotopaxi",
-  "EC-O": "El Oro",
-  "EC-E": "Esmeraldas",
-  "EC-W": "Galápagos",
-  "EC-G": "Guayas",
-  "EC-I": "Imbabura",
-  "EC-L": "Loja",
-  "EC-R": "Los Ríos",
-  "EC-M": "Manabí",
-  "EC-S": "Morona Santiago",
-  "EC-N": "Napo",
-  "EC-D": "Orellana",
-  "EC-Y": "Pastaza",
-  "EC-P": "Pichincha",
-  "EC-SE": "Santa Elena",
-  "EC-SD": "Santo Domingo de los Tsáchilas",
-  "EC-U": "Sucumbíos",
-  "EC-T": "Tungurahua",
-  "EC-Z": "Zamora Chinchipe",
-  "EG-DK": "Ad Daqahlīyah",
-  "EG-BA": "Al Baḩr al Aḩmar",
-  "EG-BH": "Al Buḩayrah",
-  "EG-FYM": "Al Fayyūm",
-  "EG-GH": "Al Gharbīyah",
-  "EG-ALX": "Al Iskandarīyah",
-  "EG-IS": "Al Ismā'īlīyah",
-  "EG-GZ": "Al Jīzah",
-  "EG-MNF": "Al Minūfīyah",
-  "EG-MN": "Al Minyā",
-  "EG-C": "Al Qāhirah",
-  "EG-KB": "Al Qalyūbīyah",
-  "EG-LX": "Al Uqşur",
-  "EG-WAD": "Al Wādī al Jadīd",
-  "EG-SUZ": "As Suways",
-  "EG-SHR": "Ash Sharqīyah",
-  "EG-ASN": "Aswān",
-  "EG-AST": "Asyūţ",
-  "EG-BNS": "Banī Suwayf",
-  "EG-PTS": "Būr Sa‘īd",
-  "EG-DT": "Dumyāţ",
-  "EG-JS": "Janūb Sīnā'",
-  "EG-KFS": "Kafr ash Shaykh",
-  "EG-MT": "Maţrūḩ",
-  "EG-KN": "Qinā",
-  "EG-SIN": "Shamāl Sīnā'",
-  "EG-SHG": "Sūhāj",
-  "SV-AH": "Ahuachapán",
-  "SV-CA": "Cabañas",
-  "SV-CH": "Chalatenango",
-  "SV-CU": "Cuscatlán",
-  "SV-LI": "La Libertad",
-  "SV-PA": "La Paz",
-  "SV-UN": "La Unión",
-  "SV-MO": "Morazán",
-  "SV-SM": "San Miguel",
-  "SV-SS": "San Salvador",
-  "SV-SV": "San Vicente",
-  "SV-SA": "Santa Ana",
-  "SV-SO": "Sonsonate",
-  "SV-US": "Usulután",
-  "GQ-C": "Región Continental",
-  "GQ-I": "Región Insular",
-  "ER-MA": "Al Awsaţ",
-  "ER-DU": "Al Janūbī",
-  "ER-AN": "Ansabā",
-  "ER-DK": "Janūbī al Baḩrī al Aḩmar",
-  "ER-GB": "Qāsh-Barkah",
-  "ER-SK": "Shimālī al Baḩrī al Aḩmar",
-  "EE-37": "Harjumaa",
-  "EE-39": "Hiiumaa",
-  "EE-45": "Ida-Virumaa",
-  "EE-50": "Jõgevamaa",
-  "EE-52": "Järvamaa",
-  "EE-60": "Lääne-Virumaa",
-  "EE-56": "Läänemaa",
-  "EE-64": "Põlvamaa",
-  "EE-68": "Pärnumaa",
-  "EE-71": "Raplamaa",
-  "EE-74": "Saaremaa",
-  "EE-79": "Tartumaa",
-  "EE-81": "Valgamaa",
-  "EE-84": "Viljandimaa",
-  "EE-87": "Võrumaa",
-  "ET-AA": "Ādīs Ābeba",
-  "ET-AF": "Āfar",
-  "ET-AM": "Āmara",
-  "ET-BE": "Bīnshangul Gumuz",
-  "ET-DD": "Dirē Dawa",
-  "ET-GA": "Gambēla Hizboch",
-  "ET-HA": "Hārerī Hizb",
-  "ET-OR": "Oromīya",
-  "ET-SI": "Sīdama",
-  "ET-SO": "Sumalē",
-  "ET-TI": "Tigray",
-  "ET-SN": "YeDebub Bihēroch Bihēreseboch na Hizboch",
-  "ET-SW": "YeDebub M‘irab Ītyop’iya Hizboch",
-  "FJ-C": "Central",
-  "FJ-E": "Eastern",
-  "FJ-N": "Northern",
-  "FJ-W": "Western",
-  "FJ-R": "Rotuma",
-  "FI-01": "Ahvenanmaan maakunta",
-  "FI-02": "Etelä-Karjala",
-  "FI-03": "Etelä-Pohjanmaa",
-  "FI-04": "Etelä-Savo",
-  "FI-05": "Kainuu",
-  "FI-06": "Kanta-Häme",
-  "FI-07": "Keski-Pohjanmaa",
-  "FI-08": "Keski-Suomi",
-  "FI-09": "Kymenlaakso",
-  "FI-10": "Lappi",
-  "FI-11": "Pirkanmaa",
-  "FI-12": "Pohjanmaa",
-  "FI-13": "Pohjois-Karjala",
-  "FI-14": "Pohjois-Pohjanmaa",
-  "FI-15": "Pohjois-Savo",
-  "FI-16": "Päijät-Häme",
-  "FI-17": "Satakunta",
-  "FI-18": "Uusimaa",
-  "FI-19": "Varsinais-Suomi",
-  "FR-ARA": "Auvergne-Rhône-Alpes",
-  "FR-BFC": "Bourgogne-Franche-Comté",
-  "FR-BRE": "Bretagne",
-  "FR-CVL": "Centre-Val de Loire",
-  "FR-20R": "Corse",
-  "FR-GES": "Grand Est",
-  "FR-HDF": "Hauts-de-France",
-  "FR-IDF": "Île-de-France",
-  "FR-NOR": "Normandie",
-  "FR-NAQ": "Nouvelle-Aquitaine",
-  "FR-OCC": "Occitanie",
-  "FR-PDL": "Pays-de-la-Loire",
-  "FR-PAC": "Provence-Alpes-Côte-d’Azur",
-  "GA-1": "Estuaire",
-  "GA-2": "Haut-Ogooué",
-  "GA-3": "Moyen-Ogooué",
-  "GA-4": "Ngounié",
-  "GA-5": "Nyanga",
-  "GA-6": "Ogooué-Ivindo",
-  "GA-7": "Ogooué-Lolo",
-  "GA-8": "Ogooué-Maritime",
-  "GA-9": "Woleu-Ntem",
-  "GM-B": "Banjul",
-  "GM-M": "Central River",
-  "GM-L": "Lower River",
-  "GM-N": "North Bank",
-  "GM-U": "Upper River",
-  "GM-W": "Western",
-  "GE-AB": "Abkhazia",
-  "GE-AJ": "Ajaria",
-  "GE-GU": "Guria",
-  "GE-IM": "Imereti",
-  "GE-KA": "K'akheti",
-  "GE-KK": "Kvemo Kartli",
-  "GE-MM": "Mtskheta-Mtianeti",
-  "GE-RL": "Rach'a-Lechkhumi-Kvemo Svaneti",
-  "GE-SZ": "Samegrelo-Zemo Svaneti",
-  "GE-SJ": "Samtskhe-Javakheti",
-  "GE-SK": "Shida Kartli",
-  "GE-TB": "Tbilisi",
-  "DE-BW": "Baden-Württemberg",
-  "DE-BY": "Bayern",
-  "DE-BE": "Berlin",
-  "DE-BB": "Brandenburg",
-  "DE-HB": "Bremen",
-  "DE-HH": "Hamburg",
-  "DE-HE": "Hessen",
-  "DE-MV": "Mecklenburg-Vorpommern",
-  "DE-NI": "Niedersachsen",
-  "DE-NW": "Nordrhein-Westfalen",
-  "DE-RP": "Rheinland-Pfalz",
-  "DE-SL": "Saarland",
-  "DE-SN": "Sachsen",
-  "DE-ST": "Sachsen-Anhalt",
-  "DE-SH": "Schleswig-Holstein",
-  "DE-TH": "Thüringen",
-  "GH-AF": "Ahafo",
-  "GH-AH": "Ashanti",
-  "GH-BO": "Bono",
-  "GH-BE": "Bono East",
-  "GH-CP": "Central",
-  "GH-EP": "Eastern",
-  "GH-AA": "Greater Accra",
-  "GH-NE": "North East",
-  "GH-NP": "Northern",
-  "GH-OT": "Oti",
-  "GH-SV": "Savannah",
-  "GH-UE": "Upper East",
-  "GH-UW": "Upper West",
-  "GH-TV": "Volta",
-  "GH-WP": "Western",
-  "GH-WN": "Western North",
-  "GR-69": "Ágion Óros",
-  "GR-A": "Anatolikí Makedonía kaiThráki",
-  "GR-I": "Attikí",
-  "GR-G": "Dytikí Elláda",
-  "GR-C": "Dytikí Makedonía",
-  "GR-F": "Ionía Nísia",
-  "GR-D": "Ípeiros",
-  "GR-B": "Kentrikí Makedonía",
-  "GR-M": "Kríti",
-  "GR-L": "Nótio Aigaío",
-  "GR-J": "Pelopónnisos",
-  "GR-H": "Stereá Elláda",
-  "GR-E": "Thessalía",
-  "GR-K": "Vóreio Aigaío",
-  "GL-AV": "Avannaata Kommunia",
-  "GL-KU": "Kommune Kujalleq",
-  "GL-QT": "Kommune Qeqertalik",
-  "GL-SM": "Kommuneqarfik Sermersooq",
-  "GL-QE": "Qeqqata Kommunia",
-  "GD-01": "Saint Andrew",
-  "GD-02": "Saint David",
-  "GD-03": "Saint George",
-  "GD-04": "Saint John",
-  "GD-05": "Saint Mark",
-  "GD-06": "Saint Patrick",
-  "GD-10": "Southern Grenadine Islands",
-  "GT-16": "Alta Verapaz",
-  "GT-15": "Baja Verapaz",
-  "GT-04": "Chimaltenango",
-  "GT-20": "Chiquimula",
-  "GT-02": "El Progreso",
-  "GT-05": "Escuintla",
-  "GT-01": "Guatemala",
-  "GT-13": "Huehuetenango",
-  "GT-18": "Izabal",
-  "GT-21": "Jalapa",
-  "GT-22": "Jutiapa",
-  "GT-17": "Petén",
-  "GT-09": "Quetzaltenango",
-  "GT-14": "Quiché",
-  "GT-11": "Retalhuleu",
-  "GT-03": "Sacatepéquez",
-  "GT-12": "San Marcos",
-  "GT-06": "Santa Rosa",
-  "GT-07": "Sololá",
-  "GT-10": "Suchitepéquez",
-  "GT-08": "Totonicapán",
-  "GT-19": "Zacapa",
-  "GN-B": "Boké",
-  "GN-F": "Faranah",
-  "GN-K": "Kankan",
-  "GN-D": "Kindia",
-  "GN-L": "Labé",
-  "GN-M": "Mamou",
-  "GN-N": "Nzérékoré",
-  "GN-C": "Conakry",
-  "GW-L": "Leste",
-  "GW-N": "Norte",
-  "GW-S": "Sul",
-  "GY-BA": "Barima-Waini",
-  "GY-CU": "Cuyuni-Mazaruni",
-  "GY-DE": "Demerara-Mahaica",
-  "GY-EB": "East Berbice-Corentyne",
-  "GY-ES": "Essequibo Islands-West Demerara",
-  "GY-MA": "Mahaica-Berbice",
-  "GY-PM": "Pomeroon-Supenaam",
-  "GY-PT": "Potaro-Siparuni",
-  "GY-UD": "Upper Demerara-Berbice",
-  "GY-UT": "Upper Takutu-Upper Essequibo",
-  "HT-AR": "Artibonite",
-  "HT-CE": "Centre",
-  "HT-GA": "Grande’Anse",
-  "HT-NI": "Nippes",
-  "HT-ND": "Nord",
-  "HT-NE": "Nord-Est",
-  "HT-NO": "Nord-Ouest",
-  "HT-OU": "Ouest",
-  "HT-SD": "Sud",
-  "HT-SE": "Sud-Est",
-  "HN-AT": "Atlántida",
-  "HN-CH": "Choluteca",
-  "HN-CL": "Colón",
-  "HN-CM": "Comayagua",
-  "HN-CP": "Copán",
-  "HN-CR": "Cortés",
-  "HN-EP": "El Paraíso",
-  "HN-FM": "Francisco Morazán",
-  "HN-GD": "Gracias a Dios",
-  "HN-IN": "Intibucá",
-  "HN-IB": "Islas de la Bahía",
-  "HN-LP": "La Paz",
-  "HN-LE": "Lempira",
-  "HN-OC": "Ocotepeque",
-  "HN-OL": "Olancho",
-  "HN-SB": "Santa Bárbara",
-  "HN-VA": "Valle",
-  "HN-YO": "Yoro",
-  "HU-BK": "Bács-Kiskun",
-  "HU-BA": "Baranya",
-  "HU-BE": "Békés",
-  "HU-BC": "Békéscsaba",
-  "HU-BZ": "Borsod-Abaúj-Zemplén",
-  "HU-BU": "Budapest",
-  "HU-CS": "Csongrád-Csanád",
-  "HU-DE": "Debrecen",
-  "HU-DU": "Dunaújváros",
-  "HU-EG": "Eger",
-  "HU-ER": "Érd",
-  "HU-FE": "Fejér",
-  "HU-GY": "Győr",
-  "HU-GS": "Győr-Moson-Sopron",
-  "HU-HB": "Hajdú-Bihar",
-  "HU-HE": "Heves",
-  "HU-HV": "Hódmezővásárhely",
-  "HU-JN": "Jász-Nagykun-Szolnok",
-  "HU-KV": "Kaposvár",
-  "HU-KM": "Kecskemét",
-  "HU-KE": "Komárom-Esztergom",
-  "HU-MI": "Miskolc",
-  "HU-NK": "Nagykanizsa",
-  "HU-NO": "Nógrád",
-  "HU-NY": "Nyíregyháza",
-  "HU-PS": "Pécs",
-  "HU-PE": "Pest",
-  "HU-ST": "Salgótarján",
-  "HU-SO": "Somogy",
-  "HU-SN": "Sopron",
-  "HU-SZ": "Szabolcs-Szatmár-Bereg",
-  "HU-SD": "Szeged",
-  "HU-SF": "Székesfehérvár",
-  "HU-SS": "Szekszárd",
-  "HU-SK": "Szolnok",
-  "HU-SH": "Szombathely",
-  "HU-TB": "Tatabánya",
-  "HU-TO": "Tolna",
-  "HU-VA": "Vas",
-  "HU-VM": "Veszprém",
-  "HU-VE": "Veszprém",
-  "HU-ZA": "Zala",
-  "HU-ZE": "Zalaegerszeg",
-  "IS-7": "Austurland",
-  "IS-1": "Höfuðborgarsvæði",
-  "IS-6": "Norðurland eystra",
-  "IS-5": "Norðurland vestra",
-  "IS-8": "Suðurland",
-  "IS-2": "Suðurnes",
-  "IS-4": "Vestfirðir",
-  "IS-3": "Vesturland",
-  "IN-AN": "Andaman and Nicobar Islands",
-  "IN-AP": "Andhra Pradesh",
-  "IN-AR": "Arunāchal Pradesh",
-  "IN-AS": "Assam",
-  "IN-BR": "Bihār",
-  "IN-CH": "Chandīgarh",
-  "IN-CG": "Chhattīsgarh",
-  "IN-DH": "Dādra and Nagar Haveli and Damān and Diu[1]",
-  "IN-DL": "Delhi",
-  "IN-GA": "Goa",
-  "IN-GJ": "Gujarāt",
-  "IN-HR": "Haryāna",
-  "IN-HP": "Himāchal Pradesh",
-  "IN-JK": "Jammu and Kashmīr",
-  "IN-JH": "Jhārkhand",
-  "IN-KA": "Karnātaka",
-  "IN-KL": "Kerala",
-  "IN-LA": "Ladākh",
-  "IN-LD": "Lakshadweep",
-  "IN-MP": "Madhya Pradesh",
-  "IN-MH": "Mahārāshtra",
-  "IN-MN": "Manipur",
-  "IN-ML": "Meghālaya",
-  "IN-MZ": "Mizoram",
-  "IN-NL": "Nāgāland",
-  "IN-OD": "Odisha",
-  "IN-PY": "Puducherry",
-  "IN-PB": "Punjab",
-  "IN-RJ": "Rājasthān",
-  "IN-SK": "Sikkim",
-  "IN-TN": "Tamil Nādu",
-  "IN-TS": "Telangāna[2]",
-  "IN-TR": "Tripura",
-  "IN-UP": "Uttar Pradesh",
-  "IN-UK": "Uttarākhand",
-  "IN-WB": "West Bengal",
-  "ID-JW": "Jawa",
-  "ID-KA": "Kalimantan",
-  "ID-ML": "Maluku",
-  "ID-NU": "Nusa Tenggara",
-  "ID-PP": "Papua",
-  "ID-SL": "Sulawesi",
-  "ID-SM": "Sumatera",
-  "IR-30": "Alborz",
-  "IR-24": "Ardabīl",
-  "IR-04": "Āz̄ārbāyjān-e Ghārbī",
-  "IR-03": "Āz̄ārbāyjān-e Shārqī",
-  "IR-18": "Būshehr",
-  "IR-14": "Chahār Maḩāl va Bakhtīārī",
-  "IR-10": "Eşfahān",
-  "IR-07": "Fārs",
-  "IR-01": "Gīlān",
-  "IR-27": "Golestān",
-  "IR-13": "Hamadān",
-  "IR-22": "Hormozgān",
-  "IR-16": "Īlām",
-  "IR-08": "Kermān",
-  "IR-05": "Kermānshāh",
-  "IR-29": "Khorāsān-e Jonūbī",
-  "IR-09": "Khorāsān-e Raẕavī",
-  "IR-28": "Khorāsān-e Shomālī",
-  "IR-06": "Khūzestān",
-  "IR-17": "Kohgīlūyeh va Bowyer Aḩmad",
-  "IR-12": "Kordestān",
-  "IR-15": "Lorestān",
-  "IR-00": "Markazī",
-  "IR-02": "Māzandarān",
-  "IR-26": "Qazvīn",
-  "IR-25": "Qom",
-  "IR-20": "Semnān",
-  "IR-11": "Sīstān va Balūchestān",
-  "IR-23": "Tehrān",
-  "IR-21": "Yazd",
-  "IR-19": "Zanjān",
-  "IQ-AN": "Al Anbār",
-  "IQ-BA": "Al Başrah",
-  "IQ-MU": "Al Muthanná",
-  "IQ-QA": "Al Qādisīyah",
-  "IQ-NA": "An Najaf",
-  "IQ-AR": "Arbīl",
-  "IQ-SU": "As Sulaymānīyah",
-  "IQ-BB": "Bābil",
-  "IQ-BG": "Baghdād",
-  "IQ-DA": "Dahūk",
-  "IQ-DQ": "Dhī Qār",
-  "IQ-DI": "Diyālá",
-  "IQ-KR": "Iqlīm Kūrdistān",
-  "IQ-KA": "Karbalā’",
-  "IQ-KI": "Kirkūk",
-  "IQ-MA": "Maysān",
-  "IQ-NI": "Nīnawá",
-  "IQ-SD": "Şalāḩ ad Dīn",
-  "IQ-WA": "Wāsiţ",
-  "IE-C": "Connaught",
-  "IE-L": "Leinster",
-  "IE-M": "Munster",
-  "IE-U": "Ulster[a]",
-  "IL-D": "HaDarom",
-  "IL-M": "HaMerkaz",
-  "IL-Z": "HaTsafon",
-  "IL-HA": "H̱efa",
-  "IL-TA": "Tel Aviv",
-  "IL-JM": "Yerushalayim",
-  "IT-65": "Abruzzo",
-  "IT-77": "Basilicata",
-  "IT-78": "Calabria",
-  "IT-72": "Campania",
-  "IT-45": "Emilia-Romagna",
-  "IT-36": "Friuli Venezia Giulia",
-  "IT-62": "Lazio",
-  "IT-42": "Liguria",
-  "IT-25": "Lombardia",
-  "IT-57": "Marche",
-  "IT-67": "Molise",
-  "IT-21": "Piemonte",
-  "IT-75": "Puglia",
-  "IT-88": "Sardegna",
-  "IT-82": "Sicilia",
-  "IT-52": "Toscana",
-  "IT-32": "Trentino-Alto Adigede",
-  "IT-55": "Umbria",
-  "IT-23": "Valle d'Aostafr",
-  "IT-34": "Veneto",
-  "JM-13": "Clarendon",
-  "JM-09": "Hanover",
-  "JM-01": "Kingston",
-  "JM-12": "Manchester",
-  "JM-04": "Portland",
-  "JM-02": "Saint Andrew",
-  "JM-06": "Saint Ann",
-  "JM-14": "Saint Catherine",
-  "JM-11": "Saint Elizabeth",
-  "JM-08": "Saint James",
-  "JM-05": "Saint Mary",
-  "JM-03": "Saint Thomas",
-  "JM-07": "Trelawny",
-  "JM-10": "Westmoreland",
-  "JP-23": "Aiti",
-  "JP-05": "Akita",
-  "JP-02": "Aomori",
-  "JP-38": "Ehime",
-  "JP-21": "Gihu",
-  "JP-10": "Gunma",
-  "JP-34": "Hirosima",
-  "JP-01": "Hokkaidô",
-  "JP-18": "Hukui",
-  "JP-40": "Hukuoka",
-  "JP-07": "Hukusima",
-  "JP-28": "Hyôgo",
-  "JP-08": "Ibaraki",
-  "JP-17": "Isikawa",
-  "JP-03": "Iwate",
-  "JP-37": "Kagawa",
-  "JP-46": "Kagosima",
-  "JP-14": "Kanagawa",
-  "JP-39": "Kôti",
-  "JP-43": "Kumamoto",
-  "JP-26": "Kyôto",
-  "JP-24": "Mie",
-  "JP-04": "Miyagi",
-  "JP-45": "Miyazaki",
-  "JP-20": "Nagano",
-  "JP-42": "Nagasaki",
-  "JP-29": "Nara",
-  "JP-15": "Niigata",
-  "JP-44": "Ôita",
-  "JP-33": "Okayama",
-  "JP-47": "Okinawa",
-  "JP-27": "Ôsaka",
-  "JP-41": "Saga",
-  "JP-11": "Saitama",
-  "JP-25": "Siga",
-  "JP-32": "Simane",
-  "JP-22": "Sizuoka",
-  "JP-12": "Tiba",
-  "JP-36": "Tokusima",
-  "JP-13": "Tôkyô",
-  "JP-09": "Totigi",
-  "JP-31": "Tottori",
-  "JP-16": "Toyama",
-  "JP-30": "Wakayama",
-  "JP-06": "Yamagata",
-  "JP-35": "Yamaguti",
-  "JP-19": "Yamanasi",
-  "JO-AJ": "‘Ajlūn",
-  "JO-AQ": "Al ‘Aqabah",
-  "JO-AM": "Al ‘A̅şimah",
-  "JO-BA": "Al Balqā’",
-  "JO-KA": "Al Karak",
-  "JO-MA": "Al Mafraq",
-  "JO-AT": "Aţ Ţafīlah",
-  "JO-AZ": "Az Zarqā’",
-  "JO-IR": "Irbid",
-  "JO-JA": "Jarash",
-  "JO-MN": "Ma‘ān",
-  "JO-MD": "Mādabā",
-  "KZ-10": "Abayoblysy",
-  "KZ-75": "Almaty",
-  "KZ-19": "Almatyoblysy",
-  "KZ-11": "Aqmola oblysy",
-  "KZ-15": "Aqtöbe oblysy",
-  "KZ-71": "Astana",
-  "KZ-23": "Atyraūoblysy",
-  "KZ-27": "Batys Qazaqstan oblysy",
-  "KZ-47": "Mangghystaū oblysy",
-  "KZ-55": "Pavlodar oblysy",
-  "KZ-35": "Qaraghandy oblysy",
-  "KZ-39": "Qostanay oblysy",
-  "KZ-43": "Qyzylorda oblysy",
-  "KZ-63": "Shyghys Qazaqstan oblysy",
-  "KZ-79": "Shymkent",
-  "KZ-59": "Soltüstik Qazaqstan oblysy",
-  "KZ-61": "Türkistan oblysy",
-  "KZ-62": "Ulytaūoblysy",
-  "KZ-31": "Zhambyl oblysy",
-  "KZ-33": "Zhetisū oblysy",
-  "KE-01": "Baringo",
-  "KE-02": "Bomet",
-  "KE-03": "Bungoma",
-  "KE-04": "Busia",
-  "KE-05": "Elgeyo/Marakwet",
-  "KE-06": "Embu",
-  "KE-07": "Garissa",
-  "KE-08": "Homa Bay",
-  "KE-09": "Isiolo",
-  "KE-10": "Kajiado",
-  "KE-11": "Kakamega",
-  "KE-12": "Kericho",
-  "KE-13": "Kiambu",
-  "KE-14": "Kilifi",
-  "KE-15": "Kirinyaga",
-  "KE-16": "Kisii",
-  "KE-17": "Kisumu",
-  "KE-18": "Kitui",
-  "KE-19": "Kwale",
-  "KE-20": "Laikipia",
-  "KE-21": "Lamu",
-  "KE-22": "Machakos",
-  "KE-23": "Makueni",
-  "KE-24": "Mandera",
-  "KE-25": "Marsabit",
-  "KE-26": "Meru",
-  "KE-27": "Migori",
-  "KE-28": "Mombasa",
-  "KE-29": "Murang'a",
-  "KE-30": "Nairobi City",
-  "KE-31": "Nakuru",
-  "KE-32": "Nandi",
-  "KE-33": "Narok",
-  "KE-34": "Nyamira",
-  "KE-35": "Nyandarua",
-  "KE-36": "Nyeri",
-  "KE-37": "Samburu",
-  "KE-38": "Siaya",
-  "KE-39": "Taita/Taveta",
-  "KE-40": "Tana River",
-  "KE-41": "Tharaka-Nithi",
-  "KE-42": "Trans Nzoia",
-  "KE-43": "Turkana",
-  "KE-44": "Uasin Gishu",
-  "KE-45": "Vihiga",
-  "KE-46": "Wajir",
-  "KE-47": "West Pokot",
-  "KI-G": "Gilbert Islands",
-  "KI-L": "Line Islands",
-  "KI-P": "Phoenix Islands",
-  "KP-04": "Chagang-do",
-  "KP-09": "Hamgyǒng-bukto",
-  "KP-08": "Hamgyǒng-namdo",
-  "KP-06": "Hwanghae-bukto",
-  "KP-05": "Hwanghae-namdo",
-  "KP-15": "Kaesŏng",
-  "KP-07": "Kangwǒn-do",
-  "KP-14": "Namp’o",
-  "KP-03": "P'yǒngan-bukto",
-  "KP-02": "P'yǒngan-namdo",
-  "KP-01": "P'yǒngyang",
-  "KP-13": "Rasǒn",
-  "KP-10": "Ryanggang-do",
-  "KR-26": "Busan-gwangyeoksi",
-  "KR-43": "Chungcheongbuk-do",
-  "KR-44": "Chungcheongnam-do",
-  "KR-27": "Daegu-gwangyeoksi",
-  "KR-30": "Daejeon-gwangyeoksi",
-  "KR-42": "Gangwon-teukbyeoljachido",
-  "KR-29": "Gwangju-gwangyeoksi",
-  "KR-41": "Gyeonggi-do",
-  "KR-47": "Gyeongsangbuk-do",
-  "KR-48": "Gyeongsangnam-do",
-  "KR-28": "Incheon-gwangyeoksi",
-  "KR-49": "Jeju-teukbyeoljachido",
-  "KR-45": "Jeollabuk-do",
-  "KR-46": "Jeollanam-do",
-  "KR-50": "Sejong",
-  "KR-11": "Seoul-teukbyeolsi",
-  "KR-31": "Ulsan-gwangyeoksi",
-  "KW-AH": "Al Aḩmadī",
-  "KW-FA": "Al Farwānīyah",
-  "KW-JA": "Al Jahrā’",
-  "KW-KU": "Al ‘Āşimah",
-  "KW-HA": "Ḩawallī",
-  "KW-MU": "Mubārak al Kabīr",
-  "KG-B": "Batken",
-  "KG-GB": "Bishkek Shaary",
-  "KG-C": "Chüy",
-  "KG-J": "Jalal-Abad",
-  "KG-N": "Naryn",
-  "KG-O": "Osh",
-  "KG-GO": "Osh Shaary",
-  "KG-T": "Talas",
-  "KG-Y": "Ysyk-Köl",
-  "LA-AT": "Attapu",
-  "LA-BK": "Bokèo",
-  "LA-BL": "Bolikhamxai",
-  "LA-CH": "Champasak",
-  "LA-HO": "Houaphan",
-  "LA-KH": "Khammouan",
-  "LA-LM": "Louang Namtha",
-  "LA-LP": "Louangphabang",
-  "LA-OU": "Oudômxai",
-  "LA-PH": "Phôngsali",
-  "LA-SL": "Salavan",
-  "LA-SV": "Savannakhét",
-  "LA-VI": "Viangchan",
-  "LA-VT": "Viangchan",
-  "LA-XA": "Xaignabouli",
-  "LA-XS": "Xaisômboun",
-  "LA-XE": "Xékong",
-  "LA-XI": "Xiangkhouang",
-  "LV-002": "Aizkraukles novads",
-  "LV-007": "Alūksnes novads",
-  "LV-111": "Augšdaugavas novads",
-  "LV-011": "Ādažu novads",
-  "LV-015": "Balvu novads",
-  "LV-016": "Bauskas novads",
-  "LV-022": "Cēsu novads",
-  "LV-DGV": "Daugavpils",
-  "LV-112": "Dienvidkurzemes Novads",
-  "LV-026": "Dobeles novads",
-  "LV-033": "Gulbenes novads",
-  "LV-JEL": "Jelgava",
-  "LV-041": "Jelgavas novads",
-  "LV-042": "Jēkabpils novads",
-  "LV-JUR": "Jūrmala",
-  "LV-047": "Krāslavas novads",
-  "LV-050": "Kuldīgas novads",
-  "LV-052": "Ķekavas novads",
-  "LV-LPX": "Liepāja",
-  "LV-054": "Limbažu novads",
-  "LV-056": "Līvānu novads",
-  "LV-058": "Ludzas novads",
-  "LV-059": "Madonas novads",
-  "LV-062": "Mārupes novads",
-  "LV-067": "Ogres novads",
-  "LV-068": "Olaines novads",
-  "LV-073": "Preiļu novads",
-  "LV-REZ": "Rēzekne",
-  "LV-077": "Rēzeknes novads",
-  "LV-RIX": "Rīga",
-  "LV-080": "Ropažu novads",
-  "LV-087": "Salaspils novads",
-  "LV-088": "Saldus novads",
-  "LV-089": "Saulkrastu novads",
-  "LV-091": "Siguldas novads",
-  "LV-094": "Smiltenes novads",
-  "LV-097": "Talsu novads",
-  "LV-099": "Tukuma novads",
-  "LV-101": "Valkas novads",
-  "LV-113": "Valmieras Novads",
-  "LV-102": "Varakļānu novads",
-  "LV-VEN": "Ventspils",
-  "LV-106": "Ventspils novads",
-  "LB-AK": "Aakkâr",
-  "LB-BH": "Baalbek-Hermel",
-  "LB-BI": "Béqaa",
-  "LB-BA": "Beyrouth",
-  "LB-AS": "Liban-Nord",
-  "LB-JA": "Liban-Sud",
-  "LB-JL": "Mont-Liban",
-  "LB-NA": "Nabatîyé",
-  "LS-D": "Berea",
-  "LS-B": "Botha-Bothe",
-  "LS-C": "Leribe",
-  "LS-E": "Mafeteng",
-  "LS-A": "Maseru",
-  "LS-F": "Mohale's Hoek",
-  "LS-J": "Mokhotlong",
-  "LS-H": "Qacha's Nek",
-  "LS-G": "Quthing",
-  "LS-K": "Thaba-Tseka",
-  "LR-BM": "Bomi",
-  "LR-BG": "Bong",
-  "LR-GP": "Gbarpolu",
-  "LR-GB": "Grand Bassa",
-  "LR-CM": "Grand Cape Mount",
-  "LR-GG": "Grand Gedeh",
-  "LR-GK": "Grand Kru",
-  "LR-LO": "Lofa",
-  "LR-MG": "Margibi",
-  "LR-MY": "Maryland",
-  "LR-MO": "Montserrado",
-  "LR-NI": "Nimba",
-  "LR-RI": "River Cess",
-  "LR-RG": "River Gee",
-  "LR-SI": "Sinoe",
-  "LY-BU": "Al Buţnān",
-  "LY-JA": "Al Jabal al Akhḑar",
-  "LY-JG": "Al Jabal al Gharbī",
-  "LY-JI": "Al Jafārah",
-  "LY-JU": "Al Jufrah",
-  "LY-KF": "Al Kufrah",
-  "LY-MJ": "Al Marj",
-  "LY-MB": "Al Marqab",
-  "LY-WA": "Al Wāḩāt",
-  "LY-NQ": "An Nuqāţ al Khams",
-  "LY-ZA": "Az Zāwiyah",
-  "LY-BA": "Banghāzī",
-  "LY-DR": "Darnah",
-  "LY-GT": "Ghāt",
-  "LY-MI": "Mişrātah",
-  "LY-MQ": "Murzuq",
-  "LY-NL": "Nālūt",
-  "LY-SB": "Sabhā",
-  "LY-SR": "Surt",
-  "LY-TB": "Ţarābulus",
-  "LY-WD": "Wādī al Ḩayāt",
-  "LY-WS": "Wādī ash Shāţi’",
-  "LI-01": "Balzers",
-  "LI-02": "Eschen",
-  "LI-03": "Gamprin",
-  "LI-04": "Mauren",
-  "LI-05": "Planken",
-  "LI-06": "Ruggell",
-  "LI-07": "Schaan",
-  "LI-08": "Schellenberg",
-  "LI-09": "Triesen",
-  "LI-10": "Triesenberg",
-  "LI-11": "Vaduz",
-  "LT-AL": "Alytaus apskritis",
-  "LT-KU": "Kauno apskritis",
-  "LT-KL": "Klaipėdos apskritis",
-  "LT-MR": "Marijampolės apskritis",
-  "LT-PN": "Panevėžio apskritis",
-  "LT-SA": "Šiaulių apskritis",
-  "LT-TA": "Tauragės apskritis",
-  "LT-TE": "Telšių apskritis",
-  "LT-UT": "Utenos apskritis",
-  "LT-VL": "Vilniaus apskritis",
-  "LU-CA": "Capellen",
-  "LU-CL": "Clervaux",
-  "LU-DI": "Diekirch",
-  "LU-EC": "Echternach",
-  "LU-ES": "Esch-sur-Alzette",
-  "LU-GR": "Grevenmacher",
-  "LU-LU": "Luxembourg",
-  "LU-ME": "Mersch",
-  "LU-RD": "Redange",
-  "LU-RM": "Remich",
-  "LU-VD": "Vianden",
-  "LU-WI": "Wiltz",
-  "MG-T": "Antananarivo",
-  "MG-D": "Antsiranana",
-  "MG-F": "Fianarantsoa",
-  "MG-M": "Mahajanga",
-  "MG-A": "Toamasina",
-  "MG-U": "Toliara",
-  "MW-N": "Chakumpoto",
-  "MW-S": "Chakumwera",
-  "MW-C": "Chapakati",
-  "MY-01": "Johor",
-  "MY-02": "Kedah",
-  "MY-03": "Kelantan",
-  "MY-04": "Melaka",
-  "MY-05": "Negeri Sembilan",
-  "MY-06": "Pahang",
-  "MY-08": "Perak",
-  "MY-09": "Perlis",
-  "MY-07": "Pulau Pinang",
-  "MY-12": "Sabah",
-  "MY-13": "Sarawak",
-  "MY-10": "Selangor",
-  "MY-11": "Terengganu",
-  "MY-14": "Wilayah Persekutuan Kuala Lumpur",
-  "MY-15": "Wilayah Persekutuan Labuan",
-  "MY-16": "Wilayah Persekutuan Putrajaya",
-  "MV-01": "Addu",
-  "MV-00": "Ariatholhu Dhekunuburi",
-  "MV-02": "Ariatholhu Uthuruburi",
-  "MV-03": "Faadhippolhu",
-  "MV-04": "Felidheatholhu",
-  "MV-29": "Fuvammulah",
-  "MV-05": "Hahdhunmathi",
-  "MV-28": "Huvadhuatholhu Dhekunuburi",
-  "MV-27": "Huvadhuatholhu Uthuruburi",
-  "MV-08": "Kolhumadulu",
-  "MV-MLE": "Maale",
-  "MV-26": "Maaleatholhu",
-  "MV-20": "Maalhosmadulu Dhekunuburi",
-  "MV-13": "Maalhosmadulu Uthuruburi",
-  "MV-25": "Miladhunmadulu Dhekunuburi",
-  "MV-24": "Miladhunmadulu Uthuruburi",
-  "MV-12": "Mulakatholhu",
-  "MV-17": "Nilandheatholhu Dhekunuburi",
-  "MV-14": "Nilandheatholhu Uthuruburi",
-  "MV-23": "Thiladhunmathee Dhekunuburi",
-  "MV-07": "Thiladhunmathee Uthuruburi",
-  "ML-BKO": "Bamako",
-  "ML-7": "Gao",
-  "ML-1": "Kayes",
-  "ML-8": "Kidal",
-  "ML-2": "Koulikoro",
-  "ML-9": "Ménaka",
-  "ML-5": "Mopti",
-  "ML-4": "Ségou",
-  "ML-3": "Sikasso",
-  "ML-10": "Taoudénit",
-  "ML-6": "Tombouctou",
-  "MT-01": "Attard",
-  "MT-02": "Balzan",
-  "MT-03": "Birgu",
-  "MT-04": "Birkirkara",
-  "MT-05": "Birżebbuġa",
-  "MT-06": "Bormla",
-  "MT-07": "Dingli",
-  "MT-08": "Fgura",
-  "MT-09": "Floriana",
-  "MT-10": "Fontana",
-  "MT-11": "Gudja",
-  "MT-12": "Gżira",
-  "MT-13": "Għajnsielem",
-  "MT-14": "Għarb",
-  "MT-15": "Għargħur",
-  "MT-16": "Għasri",
-  "MT-17": "Għaxaq",
-  "MT-18": "Ħamrun",
-  "MT-19": "Iklin",
-  "MT-20": "Isla",
-  "MT-21": "Kalkara",
-  "MT-22": "Kerċem",
-  "MT-23": "Kirkop",
-  "MT-24": "Lija",
-  "MT-25": "Luqa",
-  "MT-26": "Marsa",
-  "MT-27": "Marsaskala",
-  "MT-28": "Marsaxlokk",
-  "MT-29": "Mdina",
-  "MT-30": "Mellieħa",
-  "MT-31": "Mġarr",
-  "MT-32": "Mosta",
-  "MT-33": "Mqabba",
-  "MT-34": "Msida",
-  "MT-35": "Mtarfa",
-  "MT-36": "Munxar",
-  "MT-37": "Nadur",
-  "MT-38": "Naxxar",
-  "MT-39": "Paola",
-  "MT-40": "Pembroke",
-  "MT-41": "Pietà",
-  "MT-42": "Qala",
-  "MT-43": "Qormi",
-  "MT-44": "Qrendi",
-  "MT-45": "Rabat Għawdex",
-  "MT-46": "Rabat Malta",
-  "MT-47": "Safi",
-  "MT-48": "San Ġiljan",
-  "MT-49": "San Ġwann",
-  "MT-50": "San Lawrenz",
-  "MT-51": "San Pawl il-Baħar",
-  "MT-52": "Sannat",
-  "MT-53": "Santa Luċija",
-  "MT-54": "Santa Venera",
-  "MT-55": "Siġġiewi",
-  "MT-56": "Sliema",
-  "MT-57": "Swieqi",
-  "MT-58": "Ta' Xbiex",
-  "MT-59": "Tarxien",
-  "MT-60": "Valletta",
-  "MT-61": "Xagħra",
-  "MT-62": "Xewkija",
-  "MT-63": "Xgħajra",
-  "MT-64": "Żabbar",
-  "MT-65": "Żebbuġ Għawdex",
-  "MT-66": "Żebbuġ Malta",
-  "MT-67": "Żejtun",
-  "MT-68": "Żurrieq",
-  "MH-L": "Ralik chain",
-  "MH-T": "Ratak chain",
-  "MR-07": "Adrar",
-  "MR-03": "Assaba",
-  "MR-05": "Brakna",
-  "MR-08": "Dakhlet Nouâdhibou",
-  "MR-04": "Gorgol",
-  "MR-10": "Guidimaka",
-  "MR-01": "Hodh ech Chargui",
-  "MR-02": "Hodh el Gharbi",
-  "MR-12": "Inchiri",
-  "MR-09": "Tagant",
-  "MR-11": "Tiris Zemmour",
-  "MR-06": "Trarza",
-  "MU-AG": "Agalega Islands",
-  "MU-BL": "Black River",
-  "MU-CC": "Cargados Carajos Shoals",
-  "MU-FL": "Flacq",
-  "MU-GP": "Grand Port",
-  "MU-MO": "Moka",
-  "MU-PA": "Pamplemousses",
-  "MU-PW": "Plaines Wilhems",
-  "MU-PL": "Port Louis",
-  "MU-RR": "Rivière du Rempart",
-  "MU-RO": "Rodrigues Island",
-  "MU-SA": "Savanne",
-  "MX-AGU": "Aguascalientes",
-  "MX-BCN": "Baja California",
-  "MX-BCS": "Baja California Sur",
-  "MX-CAM": "Campeche",
-  "MX-CMX": "Ciudad de México",
-  "MX-COA": "Coahuila de Zaragoza",
-  "MX-COL": "Colima",
-  "MX-CHP": "Chiapas",
-  "MX-CHH": "Chihuahua",
-  "MX-DUR": "Durango",
-  "MX-GUA": "Guanajuato",
-  "MX-GRO": "Guerrero",
-  "MX-HID": "Hidalgo",
-  "MX-JAL": "Jalisco",
-  "MX-MEX": "México",
-  "MX-MIC": "Michoacán de Ocampo",
-  "MX-MOR": "Morelos",
-  "MX-NAY": "Nayarit",
-  "MX-NLE": "Nuevo León",
-  "MX-OAX": "Oaxaca",
-  "MX-PUE": "Puebla",
-  "MX-QUE": "Querétaro",
-  "MX-ROO": "Quintana Roo",
-  "MX-SLP": "San Luis Potosí",
-  "MX-SIN": "Sinaloa",
-  "MX-SON": "Sonora",
-  "MX-TAB": "Tabasco",
-  "MX-TAM": "Tamaulipas",
-  "MX-TLA": "Tlaxcala",
-  "MX-VER": "Veracruz de Ignacio de la Llave",
-  "MX-YUC": "Yucatán",
-  "MX-ZAC": "Zacatecas",
-  "FM-TRK": "Chuuk",
-  "FM-KSA": "Kosrae",
-  "FM-PNI": "Pohnpei",
-  "FM-YAP": "Yap",
-  "MD-AN": "Anenii Noi",
-  "MD-BS": "Basarabeasca",
-  "MD-BA": "Bălți",
-  "MD-BD": "Bender",
-  "MD-BR": "Briceni",
-  "MD-CA": "Cahul",
-  "MD-CT": "Cantemir",
-  "MD-CL": "Călărași",
-  "MD-CS": "Căușeni",
-  "MD-CU": "Chișinău",
-  "MD-CM": "Cimișlia",
-  "MD-CR": "Criuleni",
-  "MD-DO": "Dondușeni",
-  "MD-DR": "Drochia",
-  "MD-DU": "Dubăsari",
-  "MD-ED": "Edineț",
-  "MD-FA": "Fălești",
-  "MD-FL": "Florești",
-  "MD-GA": "Găgăuzia",
-  "MD-GL": "Glodeni",
-  "MD-HI": "Hîncești",
-  "MD-IA": "Ialoveni",
-  "MD-LE": "Leova",
-  "MD-NI": "Nisporeni",
-  "MD-OC": "Ocnița",
-  "MD-OR": "Orhei",
-  "MD-RE": "Rezina",
-  "MD-RI": "Rîșcani",
-  "MD-SI": "Sîngerei",
-  "MD-SO": "Soroca",
-  "MD-SN": "Stînga Nistrului",
-  "MD-ST": "Strășeni",
-  "MD-SD": "Șoldănești",
-  "MD-SV": "Ștefan Vodă",
-  "MD-TA": "Taraclia",
-  "MD-TE": "Telenești",
-  "MD-UN": "Ungheni",
-  "MC-FO": "Fontvieille",
-  "MC-JE": "Jardin Exotique",
-  "MC-CL": "La Colle",
-  "MC-CO": "La Condamine",
-  "MC-GA": "La Gare",
-  "MC-SO": "La Source",
-  "MC-LA": "Larvotto",
-  "MC-MA": "Malbousquet",
-  "MC-MO": "Monaco-Ville",
-  "MC-MG": "Moneghetti",
-  "MC-MC": "Monte-Carlo",
-  "MC-MU": "Moulins",
-  "MC-PH": "Port-Hercule",
-  "MC-SR": "Saint-Roman",
-  "MC-SD": "Sainte-Dévote",
-  "MC-SP": "Spélugues",
-  "MC-VR": "Vallon de la Rousse",
-  "MN-073": "Arhangay",
-  "MN-069": "Bayanhongor",
-  "MN-071": "Bayan-Ölgiy",
-  "MN-067": "Bulgan",
-  "MN-037": "Darhan uul",
-  "MN-061": "Dornod",
-  "MN-063": "Dornogovĭ",
-  "MN-059": "Dundgovĭ",
-  "MN-057": "Dzavhan",
-  "MN-065": "Govĭ-Altay",
-  "MN-064": "Govĭ-Sümber",
-  "MN-039": "Hentiy",
-  "MN-043": "Hovd",
-  "MN-041": "Hövsgöl",
-  "MN-053": "Ömnögovĭ",
-  "MN-035": "Orhon",
-  "MN-055": "Övörhangay",
-  "MN-049": "Selenge",
-  "MN-051": "Sühbaatar",
-  "MN-047": "Töv",
-  "MN-1": "Ulaanbaatar",
-  "MN-046": "Uvs",
-  "MA-05": "Béni Mellal-Khénifra",
-  "MA-06": "Casablanca-Settat",
-  "MA-12": "Dakhla-Oued Ed-Dahab",
-  "MA-08": "Drâa-Tafilalet",
-  "MA-03": "Fès-Meknès",
-  "MA-10": "Guelmim-Oued Noun",
-  "MA-02": "L'Oriental",
-  "MA-11": "Laâyoune-Sakia El Hamra",
-  "MA-07": "Marrakech-Safi",
-  "MA-04": "Rabat-Salé-Kénitra",
-  "MA-09": "Souss-Massa",
-  "MA-01": "Tanger-Tétouan-Al Hoceïma",
-  "MZ-P": "Cabo Delgado",
-  "MZ-G": "Gaza",
-  "MZ-I": "Inhambane",
-  "MZ-B": "Manica",
-  "MZ-MPM": "Maputo",
-  "MZ-L": "Maputo",
-  "MZ-N": "Nampula",
-  "MZ-A": "Niassa",
-  "MZ-S": "Sofala",
-  "MZ-T": "Tete",
-  "MZ-Q": "Zambézia",
-  "MM-07": "Ayeyarwady",
-  "MM-02": "Bago",
-  "MM-14": "Chin",
-  "MM-11": "Kachin",
-  "MM-12": "Kayah",
-  "MM-13": "Kayin",
-  "MM-03": "Magway",
-  "MM-04": "Mandalay",
-  "MM-15": "Mon",
-  "MM-18": "Nay Pyi Taw",
-  "MM-16": "Rakhine",
-  "MM-01": "Sagaing",
-  "MM-17": "Shan",
-  "MM-05": "Tanintharyi",
-  "MM-06": "Yangon",
-  "NA-ER": "Erongo",
-  "NA-HA": "Hardap",
-  "NA-KA": "//Karas",
-  "NA-KE": "Kavango East",
-  "NA-KW": "Kavango West",
-  "NA-KH": "Khomas",
-  "NA-KU": "Kunene",
-  "NA-OW": "Ohangwena",
-  "NA-OH": "Omaheke",
-  "NA-OS": "Omusati",
-  "NA-ON": "Oshana",
-  "NA-OT": "Oshikoto",
-  "NA-OD": "Otjozondjupa",
-  "NA-CA": "Zambezi",
-  "NR-01": "Aiwo",
-  "NR-02": "Anabar",
-  "NR-03": "Anetan",
-  "NR-04": "Anibare",
-  "NR-05": "Baitsi",
-  "NR-06": "Boe",
-  "NR-07": "Buada",
-  "NR-08": "Denigomodu",
-  "NR-09": "Ewa",
-  "NR-10": "Ijuw",
-  "NR-11": "Meneng",
-  "NR-12": "Nibok",
-  "NR-13": "Uaboe",
-  "NR-14": "Yaren",
-  "NP-P3": "Bāgmatī",
-  "NP-P4": "Gaṇḍakī",
-  "NP-P6": "Karṇālī",
-  "NP-P1": "Koshī",
-  "NP-P5": "Lumbinī",
-  "NP-P2": "Madhesh",
-  "NP-P7": "Sudūrpashchim",
-  "NL-DR": "Drenthe",
-  "NL-FL": "Flevoland",
-  "NL-FR": "Fryslânfy",
-  "NL-GE": "Gelderland",
-  "NL-GR": "Groningen",
-  "NL-LI": "Limburg",
-  "NL-NB": "Noord-Brabant",
-  "NL-NH": "Noord-Holland",
-  "NL-OV": "Overijssel",
-  "NL-UT": "Utrecht",
-  "NL-ZE": "Zeeland",
-  "NL-ZH": "Zuid-Holland",
-  "NZ-AUK": "Auckland",
-  "NZ-BOP": "Bay of Plenty",
-  "NZ-CAN": "Canterbury",
-  "NZ-CIT": "Chatham Islands Territory",
-  "NZ-GIS": "Gisborne",
-  "NZ-WGN": "Greater Wellington",
-  "NZ-HKB": "Hawke's Bay",
-  "NZ-MWT": "Manawatū-Whanganui",
-  "NZ-MBH": "Marlborough",
-  "NZ-NSN": "Nelson",
-  "NZ-NTL": "Northland",
-  "NZ-OTA": "Otago",
-  "NZ-STL": "Southland",
-  "NZ-TKI": "Taranaki",
-  "NZ-TAS": "Tasman",
-  "NZ-WKO": "Waikato",
-  "NZ-WTC": "West Coast",
-  "NI-BO": "Boaco",
-  "NI-CA": "Carazo",
-  "NI-CI": "Chinandega",
-  "NI-CO": "Chontales",
-  "NI-AN": "Costa Caribe Norte",
-  "NI-AS": "Costa Caribe Sur",
-  "NI-ES": "Estelí",
-  "NI-GR": "Granada",
-  "NI-JI": "Jinotega",
-  "NI-LE": "León",
-  "NI-MD": "Madriz",
-  "NI-MN": "Managua",
-  "NI-MS": "Masaya",
-  "NI-MT": "Matagalpa",
-  "NI-NS": "Nueva Segovia",
-  "NI-SJ": "Río San Juan",
-  "NI-RI": "Rivas",
-  "NE-1": "Agadez",
-  "NE-2": "Diffa",
-  "NE-3": "Dosso",
-  "NE-4": "Maradi",
-  "NE-8": "Niamey",
-  "NE-5": "Tahoua",
-  "NE-6": "Tillabéri",
-  "NE-7": "Zinder",
-  "NG-AB": "Abia",
-  "NG-FC": "Abuja Federal Capital Territory",
-  "NG-AD": "Adamawa",
-  "NG-AK": "Akwa Ibom",
-  "NG-AN": "Anambra",
-  "NG-BA": "Bauchi",
-  "NG-BY": "Bayelsa",
-  "NG-BE": "Benue",
-  "NG-BO": "Borno",
-  "NG-CR": "Cross River",
-  "NG-DE": "Delta",
-  "NG-EB": "Ebonyi",
-  "NG-ED": "Edo",
-  "NG-EK": "Ekiti",
-  "NG-EN": "Enugu",
-  "NG-GO": "Gombe",
-  "NG-IM": "Imo",
-  "NG-JI": "Jigawa",
-  "NG-KD": "Kaduna",
-  "NG-KN": "Kano",
-  "NG-KT": "Katsina",
-  "NG-KE": "Kebbi",
-  "NG-KO": "Kogi",
-  "NG-KW": "Kwara",
-  "NG-LA": "Lagos",
-  "NG-NA": "Nasarawa",
-  "NG-NI": "Niger",
-  "NG-OG": "Ogun",
-  "NG-ON": "Ondo",
-  "NG-OS": "Osun",
-  "NG-OY": "Oyo",
-  "NG-PL": "Plateau",
-  "NG-RI": "Rivers",
-  "NG-SO": "Sokoto",
-  "NG-TA": "Taraba",
-  "NG-YO": "Yobe",
-  "NG-ZA": "Zamfara",
-  "MK-801": "Aerodrom",
-  "MK-802": "Aračinovo",
-  "MK-201": "Berovo",
-  "MK-501": "Bitola",
-  "MK-401": "Bogdanci",
-  "MK-601": "Bogovinje",
-  "MK-402": "Bosilovo",
-  "MK-602": "Brvenica",
-  "MK-803": "Butel",
-  "MK-814": "Centar",
-  "MK-313": "Centar Župa",
-  "MK-815": "Čair",
-  "MK-109": "Čaška",
-  "MK-210": "Češinovo-Obleševo",
-  "MK-816": "Čučer-Sandevo",
-  "MK-303": "Debar",
-  "MK-304": "Debrca",
-  "MK-203": "Delčevo",
-  "MK-502": "Demir Hisar",
-  "MK-103": "Demir Kapija",
-  "MK-406": "Dojran",
-  "MK-503": "Dolneni",
-  "MK-804": "Gazi Baba",
-  "MK-405": "Gevgelija",
-  "MK-805": "Gjorče Petrov",
-  "MK-604": "Gostivar",
-  "MK-102": "Gradsko",
-  "MK-807": "Ilinden",
-  "MK-606": "Jegunovce",
-  "MK-205": "Karbinci",
-  "MK-808": "Karpoš",
-  "MK-104": "Kavadarci",
-  "MK-307": "Kičevo",
-  "MK-809": "Kisela Voda",
-  "MK-206": "Kočani",
-  "MK-407": "Konče",
-  "MK-701": "Kratovo",
-  "MK-702": "Kriva Palanka",
-  "MK-504": "Krivogaštani",
-  "MK-505": "Kruševo",
-  "MK-703": "Kumanovo",
-  "MK-704": "Lipkovo",
-  "MK-105": "Lozovo",
-  "MK-207": "Makedonska Kamenica",
-  "MK-308": "Makedonski Brod",
-  "MK-607": "Mavrovo i Rostuše",
-  "MK-506": "Mogila",
-  "MK-106": "Negotino",
-  "MK-507": "Novaci",
-  "MK-408": "Novo Selo",
-  "MK-310": "Ohrid",
-  "MK-208": "Pehčevo",
-  "MK-810": "Petrovec",
-  "MK-311": "Plasnica",
-  "MK-508": "Prilep",
-  "MK-209": "Probištip",
-  "MK-409": "Radoviš",
-  "MK-705": "Rankovce",
-  "MK-509": "Resen",
-  "MK-107": "Rosoman",
-  "MK-811": "Saraj",
-  "MK-812": "Sopište",
-  "MK-706": "Staro Nagoričane",
-  "MK-312": "Struga",
-  "MK-410": "Strumica",
-  "MK-813": "Studeničani",
-  "MK-108": "Sveti Nikole",
-  "MK-211": "Štip",
-  "MK-817": "Šuto Orizari",
-  "MK-608": "Tearce",
-  "MK-609": "Tetovo",
-  "MK-403": "Valandovo",
-  "MK-404": "Vasilevo",
-  "MK-101": "Veles",
-  "MK-301": "Vevčani",
-  "MK-202": "Vinica",
-  "MK-603": "Vrapčište",
-  "MK-806": "Zelenikovo",
-  "MK-204": "Zrnovci",
-  "MK-605": "Želino",
-  "NO-42": "Agder",
-  "NO-34": "Innlandet",
-  "NO-22": "Jan Mayen",
-  "NO-15": "Møre og Romsdal",
-  "NO-18": "Nordland",
-  "NO-03": "Oslo",
-  "NO-11": "Rogaland",
-  "NO-21": "Svalbard",
-  "NO-54": "Troms og Finnmarksefkv",
-  "NO-50": "Trøndelagsma",
-  "NO-38": "Vestfold og Telemark",
-  "NO-46": "Vestland",
-  "NO-30": "Viken",
-  "OM-DA": "Ad Dākhilīyah",
-  "OM-BU": "Al Buraymī",
-  "OM-WU": "Al Wusţá",
-  "OM-ZA": "Az̧ Z̧āhirah",
-  "OM-BJ": "Janūb al Bāţinah",
-  "OM-SJ": "Janūb ash Sharqīyah",
-  "OM-MA": "Masqaţ",
-  "OM-MU": "Musandam",
-  "OM-BS": "Shamāl al Bāţinah",
-  "OM-SS": "Shamāl ash Sharqīyah",
-  "OM-ZU": "Z̧ufār",
-  "PK-JK": "Āzād Jammūñ o Kashmīr",
-  "PK-BA": "Balōchistān",
-  "PK-GB": "Gilgit-Baltistān",
-  "PK-IS": "Islāmābād",
-  "PK-KP": "Khaībar Pakhtūnkhwā",
-  "PK-PB": "Panjāb",
-  "PK-SD": "Sindh",
-  "PW-002": "Aimeliik",
-  "PW-004": "Airai",
-  "PW-010": "Angaur",
-  "PW-050": "Hatohobei",
-  "PW-100": "Kayangel",
-  "PW-150": "Koror",
-  "PW-212": "Melekeok",
-  "PW-214": "Ngaraard",
-  "PW-218": "Ngarchelong",
-  "PW-222": "Ngardmau",
-  "PW-224": "Ngatpang",
-  "PW-226": "Ngchesar",
-  "PW-227": "Ngeremlengui",
-  "PW-228": "Ngiwal",
-  "PW-350": "Peleliu",
-  "PW-370": "Sonsorol",
-  "PS-BTH": "Bayt Laḩm",
-  "PS-DEB": "Dayr al Balaḩ",
-  "PS-GZA": "Ghazzah",
-  "PS-HBN": "Al Khalīl",
-  "PS-JEN": "Janīn",
-  "PS-JRH": "Arīḩā wal Aghwār",
-  "PS-JEM": "Al Quds",
-  "PS-KYS": "Khān Yūnis",
-  "PS-NBS": "Nāblus",
-  "PS-NGZ": "Shamāl Ghazzah",
-  "PS-QQA": "Qalqīlyah",
-  "PS-RFH": "Rafaḩ",
-  "PS-RBH": "Rām Allāh wal Bīrah",
-  "PS-SLT": "Salfīt",
-  "PS-TBS": "Ţūbās",
-  "PS-TKM": "Ţūlkarm",
-  "PA-1": "Bocas del Toro",
-  "PA-4": "Chiriquí",
-  "PA-2": "Coclé",
-  "PA-3": "Colón",
-  "PA-5": "Darién",
-  "PA-EM": "Emberá",
-  "PA-KY": "Guna Yala",
-  "PA-6": "Herrera",
-  "PA-7": "Los Santos",
-  "PA-NT": "Naso Tjër Di",
-  "PA-NB": "Ngäbe-Buglé",
-  "PA-8": "Panamá",
-  "PA-10": "Panamá Oeste",
-  "PA-9": "Veraguas",
-  "PG-NSB": "Bougainville",
-  "PG-CPM": "Central",
-  "PG-CPK": "Chimbu",
-  "PG-EBR": "East New Britain",
-  "PG-ESW": "East Sepik",
-  "PG-EHG": "Eastern Highlands",
-  "PG-EPW": "Enga",
-  "PG-GPK": "Gulf",
-  "PG-HLA": "Hela",
-  "PG-JWK": "Jiwaka",
-  "PG-MPM": "Madang",
-  "PG-MRL": "Manus",
-  "PG-MBA": "Milne Bay",
-  "PG-MPL": "Morobe",
-  "PG-NCD": "National Capital District",
-  "PG-NIK": "New Ireland",
-  "PG-NPP": "Northern",
-  "PG-SHM": "Southern Highlands",
-  "PG-WBK": "West New Britain",
-  "PG-SAN": "West Sepik",
-  "PG-WPD": "Western",
-  "PG-WHM": "Western Highlands",
-  "PY-16": "Alto Paraguay",
-  "PY-10": "Alto Paraná",
-  "PY-13": "Amambay",
-  "PY-ASU": "Asunción",
-  "PY-19": "Boquerón",
-  "PY-5": "Caaguazú",
-  "PY-6": "Caazapá",
-  "PY-14": "Canindeyú",
-  "PY-11": "Central",
-  "PY-1": "Concepción",
-  "PY-3": "Cordillera",
-  "PY-4": "Guairá",
-  "PY-7": "Itapúa",
-  "PY-8": "Misiones",
-  "PY-12": "Ñeembucú",
-  "PY-9": "Paraguarí",
-  "PY-15": "Presidente Hayes",
-  "PY-2": "San Pedro",
-  "PE-AMA": "Amazonas",
-  "PE-ANC": "Ancash",
-  "PE-APU": "Apurímac",
-  "PE-ARE": "Arequipa",
-  "PE-AYA": "Ayacucho",
-  "PE-CAJ": "Cajamarca",
-  "PE-CUS": "Cusco",
-  "PE-CAL": "El Callao",
-  "PE-HUV": "Huancavelica",
-  "PE-HUC": "Huánuco",
-  "PE-ICA": "Ica",
-  "PE-JUN": "Junín",
-  "PE-LAL": "La Libertad",
-  "PE-LAM": "Lambayeque",
-  "PE-LIM": "Lima",
-  "PE-LOR": "Loreto",
-  "PE-MDD": "Madre de Dios",
-  "PE-MOQ": "Moquegua",
-  "PE-LMA": "Municipalidad Metropolitana de Lima",
-  "PE-PAS": "Pasco",
-  "PE-PIU": "Piura",
-  "PE-PUN": "Puno",
-  "PE-SAM": "San Martín",
-  "PE-TAC": "Tacna",
-  "PE-TUM": "Tumbes",
-  "PE-UCA": "Ucayali",
-  "PH-14": "Autonomous Region in Muslim Mindanao[b]",
-  "PH-05": "Bicol",
-  "PH-02": "Cagayan Valley",
-  "PH-40": "Calabarzon",
-  "PH-13": "Caraga",
-  "PH-03": "Central Luzon",
-  "PH-07": "Central Visayas",
-  "PH-15": "Cordillera Administrative Region",
-  "PH-11": "Davao",
-  "PH-08": "Eastern Visayas",
-  "PH-01": "Ilocos",
-  "PH-41": "Mimaropa",
-  "PH-00": "National Capital Region",
-  "PH-10": "Northern Mindanao",
-  "PH-12": "Soccsksargen",
-  "PH-06": "Western Visayas",
-  "PH-09": "Zamboanga Peninsula",
-  "PL-02": "Dolnośląskie",
-  "PL-04": "Kujawsko-Pomorskie",
-  "PL-06": "Lubelskie",
-  "PL-08": "Lubuskie",
-  "PL-10": "Łódzkie",
-  "PL-12": "Małopolskie",
-  "PL-14": "Mazowieckie",
-  "PL-16": "Opolskie",
-  "PL-18": "Podkarpackie",
-  "PL-20": "Podlaskie",
-  "PL-22": "Pomorskie",
-  "PL-24": "Śląskie",
-  "PL-26": "Świętokrzyskie",
-  "PL-28": "Warmińsko-Mazurskie",
-  "PL-30": "Wielkopolskie",
-  "PL-32": "Zachodniopomorskie",
-  "PT-01": "Aveiro",
-  "PT-02": "Beja",
-  "PT-03": "Braga",
-  "PT-04": "Bragança",
-  "PT-05": "Castelo Branco",
-  "PT-06": "Coimbra",
-  "PT-07": "Évora",
-  "PT-08": "Faro",
-  "PT-09": "Guarda",
-  "PT-10": "Leiria",
-  "PT-11": "Lisboa",
-  "PT-12": "Portalegre",
-  "PT-13": "Porto",
-  "PT-30": "Região Autónoma da Madeira",
-  "PT-20": "Região Autónoma dos Açores",
-  "PT-14": "Santarém",
-  "PT-15": "Setúbal",
-  "PT-16": "Viana do Castelo",
-  "PT-17": "Vila Real",
-  "PT-18": "Viseu",
-  "QA-DA": "Ad Dawḩah",
-  "QA-KH": "Al Khawr wa adh Dhakhīrah",
-  "QA-WA": "Al Wakrah",
-  "QA-RA": "Ar Rayyān",
-  "QA-MS": "Ash Shamāl",
-  "QA-SH": "Ash Shīḩānīyah",
-  "QA-ZA": "Az̧ Z̧a‘āyin",
-  "QA-US": "Umm Şalāl",
-  "RO-AB": "Alba",
-  "RO-AR": "Arad",
-  "RO-AG": "Argeș",
-  "RO-BC": "Bacău",
-  "RO-BH": "Bihor",
-  "RO-BN": "Bistrița-Năsăud",
-  "RO-BT": "Botoșani",
-  "RO-BV": "Brașov",
-  "RO-BR": "Brăila",
-  "RO-B": "București",
-  "RO-BZ": "Buzău",
-  "RO-CS": "Caraș-Severin",
-  "RO-CL": "Călărași",
-  "RO-CJ": "Cluj",
-  "RO-CT": "Constanța",
-  "RO-CV": "Covasna",
-  "RO-DB": "Dâmbovița",
-  "RO-DJ": "Dolj",
-  "RO-GL": "Galați",
-  "RO-GR": "Giurgiu",
-  "RO-GJ": "Gorj",
-  "RO-HR": "Harghita",
-  "RO-HD": "Hunedoara",
-  "RO-IL": "Ialomița",
-  "RO-IS": "Iași",
-  "RO-IF": "Ilfov",
-  "RO-MM": "Maramureș",
-  "RO-MH": "Mehedinți",
-  "RO-MS": "Mureș",
-  "RO-NT": "Neamț",
-  "RO-OT": "Olt",
-  "RO-PH": "Prahova",
-  "RO-SM": "Satu Mare",
-  "RO-SJ": "Sălaj",
-  "RO-SB": "Sibiu",
-  "RO-SV": "Suceava",
-  "RO-TR": "Teleorman",
-  "RO-TM": "Timiș",
-  "RO-TL": "Tulcea",
-  "RO-VS": "Vaslui",
-  "RO-VL": "Vâlcea",
-  "RO-VN": "Vrancea",
-  "RU-AD": "Adygeya",
-  "RU-AL": "Altay",
-  "RU-ALT": "Altayskiy kray",
-  "RU-AMU": "Amurskaya oblast'",
-  "RU-ARK": "Arkhangel'skaya oblast'",
-  "RU-AST": "Astrakhanskaya oblast'",
-  "RU-BA": "Bashkortostan",
-  "RU-BEL": "Belgorodskaya oblast'",
-  "RU-BRY": "Bryanskaya oblast'",
-  "RU-BU": "Buryatiya",
-  "RU-CE": "Chechenskaya Respublika",
-  "RU-CHE": "Chelyabinskaya oblast'",
-  "RU-CHU": "Chukotskiy avtonomnyy okrug",
-  "RU-CU": "Chuvashskaya Respublika",
-  "RU-DA": "Dagestan",
-  "RU-IN": "Ingushetiya",
-  "RU-IRK": "Irkutskaya oblast'",
-  "RU-IVA": "Ivanovskaya oblast'",
-  "RU-KB": "Kabardino-BalkarskayaRespublika",
-  "RU-KGD": "Kaliningradskaya oblast'",
-  "RU-KL": "Kalmykiya",
-  "RU-KLU": "Kaluzhskaya oblast'",
-  "RU-KAM": "Kamchatskiy kray",
-  "RU-KC": "Karachayevo-CherkesskayaRespublika",
-  "RU-KR": "Kareliya",
-  "RU-KEM": "Kemerovskaya oblast'",
-  "RU-KHA": "Khabarovskiy kray",
-  "RU-KK": "Khakasiya",
-  "RU-KHM": "Khanty-Mansiyskiyavtonomnyy okrug",
-  "RU-KIR": "Kirovskaya oblast'",
-  "RU-KO": "Komi",
-  "RU-KOS": "Kostromskaya oblast'",
-  "RU-KDA": "Krasnodarskiy kray",
-  "RU-KYA": "Krasnoyarskiy kray",
-  "RU-KGN": "Kurganskaya oblast'",
-  "RU-KRS": "Kurskaya oblast'",
-  "RU-LEN": "Leningradskayaoblast'",
-  "RU-LIP": "Lipetskaya oblast'",
-  "RU-MAG": "Magadanskaya oblast'",
-  "RU-ME": "Mariy El",
-  "RU-MO": "Mordoviya",
-  "RU-MOS": "Moskovskaya oblast'",
-  "RU-MOW": "Moskva",
-  "RU-MUR": "Murmanskaya oblast'",
-  "RU-NEN": "Nenetskiyavtonomnyy okrug",
-  "RU-NIZ": "Nizhegorodskaya oblast'",
-  "RU-NGR": "Novgorodskaya oblast'",
-  "RU-NVS": "Novosibirskayaoblast'",
-  "RU-OMS": "Omskaya oblast'",
-  "RU-ORE": "Orenburgskaya oblast'",
-  "RU-ORL": "Orlovskaya oblast'",
-  "RU-PNZ": "Penzenskaya oblast'",
-  "RU-PER": "Permskiy kray",
-  "RU-PRI": "Primorskiy kray",
-  "RU-PSK": "Pskovskaya oblast'",
-  "RU-ROS": "Rostovskaya oblast'",
-  "RU-RYA": "Ryazanskaya oblast'",
-  "RU-SA": "Saha",
-  "RU-SAK": "Sakhalinskaya oblast'",
-  "RU-SAM": "Samarskaya oblast'",
-  "RU-SPE": "Sankt-Peterburg",
-  "RU-SAR": "Saratovskaya oblast'",
-  "RU-SE": "Severnaya Osetiya",
-  "RU-SMO": "Smolenskaya oblast'",
-  "RU-STA": "Stavropol'skiy kray",
-  "RU-SVE": "Sverdlovskaya oblast'",
-  "RU-TAM": "Tambovskaya oblast'",
-  "RU-TA": "Tatarstan",
-  "RU-TOM": "Tomskaya oblast'",
-  "RU-TUL": "Tul'skaya oblast'",
-  "RU-TVE": "Tverskaya oblast'",
-  "RU-TYU": "Tyumenskaya oblast'",
-  "RU-TY": "Tyva",
-  "RU-UD": "Udmurtskaya Respublika",
-  "RU-ULY": "Ul'yanovskaya oblast'",
-  "RU-VLA": "Vladimirskayaoblast'",
-  "RU-VGG": "Volgogradskayaoblast'",
-  "RU-VLG": "Vologodskaya oblast'",
-  "RU-VOR": "Voronezhskaya oblast'",
-  "RU-YAN": "Yamalo-Nenetskiyavtonomnyy okrug",
-  "RU-YAR": "Yaroslavskaya oblast'",
-  "RU-YEV": "Yevreyskaya avtonomnaya oblast'",
-  "RU-ZAB": "Zabaykal'skiy kray",
-  "RW-01": "City of Kigali",
-  "RW-02": "Eastern",
-  "RW-03": "Northern",
-  "RW-05": "Southern",
-  "RW-04": "Western",
-  "SH-AC": "Ascension",
-  "SH-HL": "Saint Helena",
-  "SH-TA": "Tristan da Cunha",
-  "KN-K": "Saint Kitts",
-  "KN-N": "Nevis",
-  "LC-01": "Anse la Raye",
-  "LC-12": "Canaries",
-  "LC-02": "Castries",
-  "LC-03": "Choiseul",
-  "LC-05": "Dennery",
-  "LC-06": "Gros Islet",
-  "LC-07": "Laborie",
-  "LC-08": "Micoud",
-  "LC-10": "Soufrière",
-  "LC-11": "Vieux Fort",
-  "VC-01": "Charlotte",
-  "VC-06": "Grenadines",
-  "VC-02": "Saint Andrew",
-  "VC-03": "Saint David",
-  "VC-04": "Saint George",
-  "VC-05": "Saint Patrick",
-  "WS-AA": "A'ana",
-  "WS-AL": "Aiga-i-le-Tai",
-  "WS-AT": "Atua",
-  "WS-FA": "Fa'asaleleaga",
-  "WS-GE": "Gaga'emauga",
-  "WS-GI": "Gagaifomauga",
-  "WS-PA": "Palauli",
-  "WS-SA": "Satupa'itea",
-  "WS-TU": "Tuamasaga",
-  "WS-VF": "Va'a-o-Fonoti",
-  "WS-VS": "Vaisigano",
-  "SM-01": "Acquaviva",
-  "SM-06": "Borgo Maggiore",
-  "SM-02": "Chiesanuova",
-  "SM-07": "Città di San Marino",
-  "SM-03": "Domagnano",
-  "SM-04": "Faetano",
-  "SM-05": "Fiorentino",
-  "SM-08": "Montegiardino",
-  "SM-09": "Serravalle",
-  "ST-01": "Água Grande",
-  "ST-02": "Cantagalo",
-  "ST-03": "Caué",
-  "ST-04": "Lembá",
-  "ST-05": "Lobata",
-  "ST-06": "Mé-Zóchi",
-  "ST-P": "Príncipe",
-  "SA-14": "'Asīr",
-  "SA-11": "Al Bāḩah",
-  "SA-08": "Al Ḩudūd ash Shamālīyah",
-  "SA-12": "Al Jawf",
-  "SA-03": "Al Madīnah al Munawwarah",
-  "SA-05": "Al Qaşīm",
-  "SA-01": "Ar Riyāḑ",
-  "SA-04": "Ash Sharqīyah",
-  "SA-06": "Ḩā'il",
-  "SA-09": "Jāzān",
-  "SA-02": "Makkah al Mukarramah",
-  "SA-10": "Najrān",
-  "SA-07": "Tabūk",
-  "SN-DK": "Dakar",
-  "SN-DB": "Diourbel",
-  "SN-FK": "Fatick",
-  "SN-KA": "Kaffrine",
-  "SN-KL": "Kaolack",
-  "SN-KE": "Kédougou",
-  "SN-KD": "Kolda",
-  "SN-LG": "Louga",
-  "SN-MT": "Matam",
-  "SN-SL": "Saint-Louis",
-  "SN-SE": "Sédhiou",
-  "SN-TC": "Tambacounda",
-  "SN-TH": "Thiès",
-  "SN-ZG": "Ziguinchor",
-  "SC-01": "Anse aux Pins",
-  "SC-02": "Anse Boileau",
-  "SC-03": "Anse Etoile",
-  "SC-05": "Anse Royale",
-  "SC-04": "Au Cap",
-  "SC-06": "Baie Lazare",
-  "SC-07": "Baie Sainte Anne",
-  "SC-08": "Beau Vallon",
-  "SC-09": "Bel Air",
-  "SC-10": "Bel Ombre",
-  "SC-11": "Cascade",
-  "SC-16": "English River",
-  "SC-12": "Glacis",
-  "SC-13": "Grand Anse Mahe",
-  "SC-14": "Grand Anse Praslin",
-  "SC-26": "Ile Perseverance I",
-  "SC-27": "Ile Perseverance II",
-  "SC-15": "La Digue",
-  "SC-24": "Les Mamelles",
-  "SC-17": "Mont Buxton",
-  "SC-18": "Mont Fleuri",
-  "SC-19": "Plaisance",
-  "SC-20": "Pointe Larue",
-  "SC-21": "Port Glaud",
-  "SC-25": "Roche Caiman",
-  "SC-22": "Saint Louis",
-  "SC-23": "Takamaka",
-  "SL-E": "Eastern",
-  "SL-NW": "North Western",
-  "SL-N": "Northern",
-  "SL-S": "Southern",
-  "SL-W": "Western Area",
-  "SG-01": "Central Singapore",
-  "SG-02": "North East",
-  "SG-03": "North West",
-  "SG-04": "South East",
-  "SG-05": "South West",
-  "SK-BC": "Banskobystrický kraj",
-  "SK-BL": "Bratislavský kraj",
-  "SK-KI": "Košický kraj",
-  "SK-NI": "Nitriansky kraj",
-  "SK-PV": "Prešovský kraj",
-  "SK-TC": "Trenčiansky kraj",
-  "SK-TA": "Trnavský kraj",
-  "SK-ZI": "Žilinský kraj",
-  "SI-001": "Ajdovščina",
-  "SI-213": "Ankaran",
-  "SI-195": "Apače",
-  "SI-002": "Beltinci",
-  "SI-148": "Benedikt",
-  "SI-149": "Bistrica ob Sotli",
-  "SI-003": "Bled",
-  "SI-150": "Bloke",
-  "SI-004": "Bohinj",
-  "SI-005": "Borovnica",
-  "SI-006": "Bovec",
-  "SI-151": "Braslovče",
-  "SI-007": "Brda",
-  "SI-008": "Brezovica",
-  "SI-009": "Brežice",
-  "SI-152": "Cankova",
-  "SI-011": "Celje",
-  "SI-012": "Cerklje na Gorenjskem",
-  "SI-013": "Cerknica",
-  "SI-014": "Cerkno",
-  "SI-153": "Cerkvenjak",
-  "SI-196": "Cirkulane",
-  "SI-015": "Črenšovci",
-  "SI-016": "Črna na Koroškem",
-  "SI-017": "Črnomelj",
-  "SI-018": "Destrnik",
-  "SI-019": "Divača",
-  "SI-154": "Dobje",
-  "SI-020": "Dobrepolje",
-  "SI-155": "Dobrna",
-  "SI-021": "Dobrova-Polhov Gradec",
-  "SI-156": "Dobrovnik",
-  "SI-022": "Dol pri Ljubljani",
-  "SI-157": "Dolenjske Toplice",
-  "SI-023": "Domžale",
-  "SI-024": "Dornava",
-  "SI-025": "Dravograd",
-  "SI-026": "Duplek",
-  "SI-027": "Gorenja vas-Poljane",
-  "SI-028": "Gorišnica",
-  "SI-207": "Gorje",
-  "SI-029": "Gornja Radgona",
-  "SI-030": "Gornji Grad",
-  "SI-031": "Gornji Petrovci",
-  "SI-158": "Grad",
-  "SI-032": "Grosuplje",
-  "SI-159": "Hajdina",
-  "SI-160": "Hoče-Slivnica",
-  "SI-161": "Hodoš",
-  "SI-162": "Horjul",
-  "SI-034": "Hrastnik",
-  "SI-035": "Hrpelje-Kozina",
-  "SI-036": "Idrija",
-  "SI-037": "Ig",
-  "SI-038": "Ilirska Bistrica",
-  "SI-039": "Ivančna Gorica",
-  "SI-040": "Izola",
-  "SI-041": "Jesenice",
-  "SI-163": "Jezersko",
-  "SI-042": "Juršinci",
-  "SI-043": "Kamnik",
-  "SI-044": "Kanal ob Soči",
-  "SI-045": "Kidričevo",
-  "SI-046": "Kobarid",
-  "SI-047": "Kobilje",
-  "SI-048": "Kočevje",
-  "SI-049": "Komen",
-  "SI-164": "Komenda",
-  "SI-050": "Koper",
-  "SI-197": "Kostanjevica na Krki",
-  "SI-165": "Kostel",
-  "SI-051": "Kozje",
-  "SI-052": "Kranj",
-  "SI-053": "Kranjska Gora",
-  "SI-166": "Križevci",
-  "SI-054": "Krško",
-  "SI-055": "Kungota",
-  "SI-056": "Kuzma",
-  "SI-057": "Laško",
-  "SI-058": "Lenart",
-  "SI-059": "Lendava",
-  "SI-060": "Litija",
-  "SI-061": "Ljubljana",
-  "SI-062": "Ljubno",
-  "SI-063": "Ljutomer",
-  "SI-208": "Log-Dragomer",
-  "SI-064": "Logatec",
-  "SI-065": "Loška dolina",
-  "SI-066": "Loški Potok",
-  "SI-167": "Lovrenc na Pohorju",
-  "SI-067": "Luče",
-  "SI-068": "Lukovica",
-  "SI-069": "Majšperk",
-  "SI-198": "Makole",
-  "SI-070": "Maribor",
-  "SI-168": "Markovci",
-  "SI-071": "Medvode",
-  "SI-072": "Mengeš",
-  "SI-073": "Metlika",
-  "SI-074": "Mežica",
-  "SI-169": "Miklavž na Dravskem polju",
-  "SI-075": "Miren-Kostanjevica",
-  "SI-212": "Mirna",
-  "SI-170": "Mirna Peč",
-  "SI-076": "Mislinja",
-  "SI-199": "Mokronog-Trebelno",
-  "SI-077": "Moravče",
-  "SI-078": "Moravske Toplice",
-  "SI-079": "Mozirje",
-  "SI-080": "Murska Sobota",
-  "SI-081": "Muta",
-  "SI-082": "Naklo",
-  "SI-083": "Nazarje",
-  "SI-084": "Nova Gorica",
-  "SI-085": "Novo Mesto",
-  "SI-086": "Odranci",
-  "SI-171": "Oplotnica",
-  "SI-087": "Ormož",
-  "SI-088": "Osilnica",
-  "SI-089": "Pesnica",
-  "SI-090": "Piran",
-  "SI-091": "Pivka",
-  "SI-092": "Podčetrtek",
-  "SI-172": "Podlehnik",
-  "SI-093": "Podvelka",
-  "SI-200": "Poljčane",
-  "SI-173": "Polzela",
-  "SI-094": "Postojna",
-  "SI-174": "Prebold",
-  "SI-095": "Preddvor",
-  "SI-175": "Prevalje",
-  "SI-096": "Ptuj",
-  "SI-097": "Puconci",
-  "SI-098": "Rače-Fram",
-  "SI-099": "Radeče",
-  "SI-100": "Radenci",
-  "SI-101": "Radlje ob Dravi",
-  "SI-102": "Radovljica",
-  "SI-103": "Ravne na Koroškem",
-  "SI-176": "Razkrižje",
-  "SI-209": "Rečica ob Savinji",
-  "SI-201": "Renče-Vogrsko",
-  "SI-104": "Ribnica",
-  "SI-177": "Ribnica na Pohorju",
-  "SI-106": "Rogaška Slatina",
-  "SI-105": "Rogašovci",
-  "SI-107": "Rogatec",
-  "SI-108": "Ruše",
-  "SI-178": "Selnica ob Dravi",
-  "SI-109": "Semič",
-  "SI-110": "Sevnica",
-  "SI-111": "Sežana",
-  "SI-112": "Slovenj Gradec",
-  "SI-113": "Slovenska Bistrica",
-  "SI-114": "Slovenske Konjice",
-  "SI-179": "Sodražica",
-  "SI-180": "Solčava",
-  "SI-202": "Središče ob Dravi",
-  "SI-115": "Starše",
-  "SI-203": "Straža",
-  "SI-181": "Sveta Ana",
-  "SI-204": "Sveta Trojica v Slovenskih goricah",
-  "SI-182": "Sveti Andraž v Slovenskih goricah",
-  "SI-116": "Sveti Jurij ob Ščavnici",
-  "SI-210": "Sveti Jurij v Slovenskih goricah",
-  "SI-205": "Sveti Tomaž",
-  "SI-033": "Šalovci",
-  "SI-183": "Šempeter-Vrtojba",
-  "SI-117": "Šenčur",
-  "SI-118": "Šentilj",
-  "SI-119": "Šentjernej",
-  "SI-120": "Šentjur",
-  "SI-211": "Šentrupert",
-  "SI-121": "Škocjan",
-  "SI-122": "Škofja Loka",
-  "SI-123": "Škofljica",
-  "SI-124": "Šmarje pri Jelšah",
-  "SI-206": "Šmarješke Toplice",
-  "SI-125": "Šmartno ob Paki",
-  "SI-194": "Šmartno pri Litiji",
-  "SI-126": "Šoštanj",
-  "SI-127": "Štore",
-  "SI-184": "Tabor",
-  "SI-010": "Tišina",
-  "SI-128": "Tolmin",
-  "SI-129": "Trbovlje",
-  "SI-130": "Trebnje",
-  "SI-185": "Trnovska Vas",
-  "SI-186": "Trzin",
-  "SI-131": "Tržič",
-  "SI-132": "Turnišče",
-  "SI-133": "Velenje",
-  "SI-187": "Velika Polana",
-  "SI-134": "Velike Lašče",
-  "SI-188": "Veržej",
-  "SI-135": "Videm",
-  "SI-136": "Vipava",
-  "SI-137": "Vitanje",
-  "SI-138": "Vodice",
-  "SI-139": "Vojnik",
-  "SI-189": "Vransko",
-  "SI-140": "Vrhnika",
-  "SI-141": "Vuzenica",
-  "SI-142": "Zagorje ob Savi",
-  "SI-143": "Zavrč",
-  "SI-144": "Zreče",
-  "SI-190": "Žalec",
-  "SI-146": "Železniki",
-  "SI-191": "Žetale",
-  "SI-147": "Žiri",
-  "SI-192": "Žirovnica",
-  "SI-193": "Žužemberk",
-  "SB-CT": "Capital Territory",
-  "SB-CE": "Central",
-  "SB-CH": "Choiseul",
-  "SB-GU": "Guadalcanal",
-  "SB-IS": "Isabel",
-  "SB-MK": "Makira-Ulawa",
-  "SB-ML": "Malaita",
-  "SB-RB": "Rennell and Bellona",
-  "SB-TE": "Temotu",
-  "SB-WE": "Western",
-  "SO-AW": "Awdal",
-  "SO-BK": "Bakool",
-  "SO-BN": "Banaadir",
-  "SO-BR": "Bari",
-  "SO-BY": "Bay",
-  "SO-GA": "Galguduud",
-  "SO-GE": "Gedo",
-  "SO-HI": "Hiiraan",
-  "SO-JD": "Jubbada Dhexe",
-  "SO-JH": "Jubbada Hoose",
-  "SO-MU": "Mudug",
-  "SO-NU": "Nugaal",
-  "SO-SA": "Sanaag",
-  "SO-SD": "Shabeellaha Dhexe",
-  "SO-SH": "Shabeellaha Hoose",
-  "SO-SO": "Sool",
-  "SO-TO": "Togdheer",
-  "SO-WO": "Woqooyi Galbeed",
-  "ZA-EC": "Eastern Cape",
-  "ZA-FS": "Free State",
-  "ZA-GP": "Gauteng",
-  "ZA-KZN": "Kwazulu-Natal",
-  "ZA-LP": "Limpopo",
-  "ZA-MP": "Mpumalanga",
-  "ZA-NW": "North-West",
-  "ZA-NC": "Northern Cape",
-  "ZA-WC": "Western Cape",
-  "ES-AN": "Andalucía",
-  "ES-AR": "Aragón",
-  "ES-AS": "Asturias",
-  "ES-CN": "Canarias",
-  "ES-CB": "Cantabria",
-  "ES-CL": "Castilla y León",
-  "ES-CM": "Castilla-La Mancha",
-  "ES-CT": "Catalunya",
-  "ES-CE": "Ceuta",
-  "ES-EX": "Extremadura",
-  "ES-GA": "Galicia",
-  "ES-IB": "Illes Balears",
-  "ES-RI": "La Rioja",
-  "ES-MD": "Madrid",
-  "ES-ML": "Melilla",
-  "ES-MC": "Murcia",
-  "ES-NC": "Navarra",
-  "ES-PV": "País Vasco",
-  "ES-VC": "Valenciana",
-  "LK-1": "Basnāhira paḷāta",
-  "LK-3": "Dakuṇu paḷāta",
-  "LK-2": "Madhyama paḷāta",
-  "LK-5": "Næ̆gĕnahira paḷāta",
-  "LK-9": "Sabaragamuva paḷāta",
-  "LK-4": "Uturu paḷāta",
-  "LK-7": "Uturumæ̆da paḷāta",
-  "LK-8": "Ūva paḷāta",
-  "LK-6": "Vayamba paḷāta",
-  "SD-RS": "Al Baḩr al Aḩmar",
-  "SD-GZ": "Al Jazīrah",
-  "SD-KH": "Al Kharţūm",
-  "SD-GD": "Al Qaḑārif",
-  "SD-NW": "An Nīl al Abyaḑ",
-  "SD-NB": "An Nīl al Azraq",
-  "SD-NO": "Ash Shamālīyah",
-  "SD-DW": "Gharb Dārfūr",
-  "SD-GK": "Gharb Kurdufān",
-  "SD-DS": "Janūb Dārfūr",
-  "SD-KS": "Janūb Kurdufān",
-  "SD-KA": "Kassalā",
-  "SD-NR": "Nahr an Nīl",
-  "SD-DN": "Shamāl Dārfūr",
-  "SD-KN": "Shamāl Kurdufān",
-  "SD-DE": "Sharq Dārfūr",
-  "SD-SI": "Sinnār",
-  "SD-DC": "Wasaţ Dārfūr",
-  "SR-BR": "Brokopondo",
-  "SR-CM": "Commewijne",
-  "SR-CR": "Coronie",
-  "SR-MA": "Marowijne",
-  "SR-NI": "Nickerie",
-  "SR-PR": "Para",
-  "SR-PM": "Paramaribo",
-  "SR-SA": "Saramacca",
-  "SR-SI": "Sipaliwini",
-  "SR-WA": "Wanica",
-  "SZ-HH": "Hhohho",
-  "SZ-LU": "Lubombo",
-  "SZ-MA": "Manzini",
-  "SZ-SH": "Shiselweni",
-  "SE-K": "Blekinge län",
-  "SE-W": "Dalarnas län",
-  "SE-I": "Gotlands län",
-  "SE-X": "Gävleborgs län",
-  "SE-N": "Hallands län",
-  "SE-Z": "Jämtlands län",
-  "SE-F": "Jönköpings län",
-  "SE-H": "Kalmar län",
-  "SE-G": "Kronobergs län",
-  "SE-BD": "Norrbottens län",
-  "SE-M": "Skåne län",
-  "SE-AB": "Stockholms län",
-  "SE-D": "Södermanlands län",
-  "SE-C": "Uppsala län",
-  "SE-S": "Värmlands län",
-  "SE-AC": "Västerbottens län",
-  "SE-Y": "Västernorrlands län",
-  "SE-U": "Västmanlands län",
-  "SE-O": "Västra Götalands län",
-  "SE-T": "Örebro län",
-  "SE-E": "Östergötlands län",
-  "CH-AG": "Aargau",
-  "CH-AR": "Appenzell Ausserrhoden",
-  "CH-AI": "Appenzell Innerrhoden",
-  "CH-BL": "Basel-Landschaft",
-  "CH-BS": "Basel-Stadt",
-  "CH-BE": "Bern",
-  "CH-FR": "Fribourg",
-  "CH-GE": "Genève",
-  "CH-GL": "Glarus",
-  "CH-GR": "Graubünden",
-  "CH-JU": "Jura",
-  "CH-LU": "Luzern",
-  "CH-NE": "Neuchâtel",
-  "CH-NW": "Nidwalden",
-  "CH-OW": "Obwalden",
-  "CH-SG": "Sankt Gallen",
-  "CH-SH": "Schaffhausen",
-  "CH-SZ": "Schwyz",
-  "CH-SO": "Solothurn",
-  "CH-TG": "Thurgau",
-  "CH-TI": "Ticino",
-  "CH-UR": "Uri",
-  "CH-VS": "Valais",
-  "CH-VD": "Vaud",
-  "CH-ZG": "Zug",
-  "CH-ZH": "Zürich",
-  "SY-HA": "Al Ḩasakah",
-  "SY-LA": "Al Lādhiqīyah",
-  "SY-QU": "Al Qunayţirah",
-  "SY-RA": "Ar Raqqah",
-  "SY-SU": "As Suwaydā'",
-  "SY-DR": "Dar'ā",
-  "SY-DY": "Dayr az Zawr",
-  "SY-DI": "Dimashq",
-  "SY-HL": "Ḩalab",
-  "SY-HM": "Ḩamāh",
-  "SY-HI": "Ḩimş",
-  "SY-ID": "Idlib",
-  "SY-RD": "Rīf Dimashq",
-  "SY-TA": "Ţarţūs",
-  "TW-CHA": "Changhua",
-  "TW-CYI": "Chiayi",
-  "TW-CYQ": "Chiayi",
-  "TW-HSZ": "Hsinchu",
-  "TW-HSQ": "Hsinchu",
-  "TW-HUA": "Hualien",
-  "TW-KHH": "Kaohsiung",
-  "TW-KEE": "Keelung",
-  "TW-KIN": "Kinmen",
-  "TW-LIE": "Lienchiang",
-  "TW-MIA": "Miaoli",
-  "TW-NAN": "Nantou",
-  "TW-NWT": "New Taipei",
-  "TW-PEN": "Penghu",
-  "TW-PIF": "Pingtung",
-  "TW-TXG": "Taichung",
-  "TW-TNN": "Tainan",
-  "TW-TPE": "Taipei",
-  "TW-TTT": "Taitung",
-  "TW-TAO": "Taoyuan",
-  "TW-ILA": "Yilan",
-  "TW-YUN": "Yunlin",
-  "TJ-DU": "Dushanbe",
-  "TJ-KT": "Khatlon",
-  "TJ-GB": "Kŭhistoni Badakhshon",
-  "TJ-RA": "nohiyahoi tobei jumhurí",
-  "TJ-SU": "Sughd",
-  "TZ-01": "Arusha",
-  "TZ-02": "Dar es Salaam",
-  "TZ-03": "Dodoma",
-  "TZ-27": "Geita",
-  "TZ-04": "Iringa",
-  "TZ-05": "Kagera",
-  "TZ-06": "Kaskazini Pemba",
-  "TZ-07": "Kaskazini Unguja",
-  "TZ-28": "Katavi",
-  "TZ-08": "Kigoma",
-  "TZ-09": "Kilimanjaro",
-  "TZ-10": "Kusini Pemba",
-  "TZ-11": "Kusini Unguja",
-  "TZ-12": "Lindi",
-  "TZ-26": "Manyara",
-  "TZ-13": "Mara",
-  "TZ-14": "Mbeya",
-  "TZ-15": "Mjini Magharibi",
-  "TZ-16": "Morogoro",
-  "TZ-17": "Mtwara",
-  "TZ-18": "Mwanza",
-  "TZ-29": "Njombe",
-  "TZ-19": "Pwani",
-  "TZ-20": "Rukwa",
-  "TZ-21": "Ruvuma",
-  "TZ-22": "Shinyanga",
-  "TZ-30": "Simiyu",
-  "TZ-23": "Singida",
-  "TZ-31": "Songwe",
-  "TZ-24": "Tabora",
-  "TZ-25": "Tanga",
-  "TH-37": "Amnat Charoen",
-  "TH-15": "Ang Thong",
-  "TH-38": "Bueng Kan",
-  "TH-31": "Buri Ram",
-  "TH-24": "Chachoengsao",
-  "TH-18": "Chai Nat",
-  "TH-36": "Chaiyaphum",
-  "TH-22": "Chanthaburi",
-  "TH-50": "Chiang Mai",
-  "TH-57": "Chiang Rai",
-  "TH-20": "Chon Buri",
-  "TH-86": "Chumphon",
-  "TH-46": "Kalasin",
-  "TH-62": "Kamphaeng Phet",
-  "TH-71": "Kanchanaburi",
-  "TH-40": "Khon Kaen",
-  "TH-81": "Krabi",
-  "TH-10": "Bangkok",
-  "TH-52": "Lampang",
-  "TH-51": "Lamphun",
-  "TH-42": "Loei",
-  "TH-16": "Lop Buri",
-  "TH-58": "Mae Hong Son",
-  "TH-44": "Maha Sarakham",
-  "TH-49": "Mukdahan",
-  "TH-26": "Nakhon Nayok",
-  "TH-73": "Nakhon Pathom",
-  "TH-48": "Nakhon Phanom",
-  "TH-30": "Nakhon Ratchasima",
-  "TH-60": "Nakhon Sawan",
-  "TH-80": "Nakhon Si Thammarat",
-  "TH-55": "Nan",
-  "TH-96": "Narathiwat",
-  "TH-39": "Nong Bua Lam Phu",
-  "TH-43": "Nong Khai",
-  "TH-12": "Nonthaburi",
-  "TH-13": "Pathum Thani",
-  "TH-94": "Pattani",
-  "TH-82": "Phangnga",
-  "TH-93": "Phatthalung",
-  "TH-S": "Phatthaya",
-  "TH-56": "Phayao",
-  "TH-67": "Phetchabun",
-  "TH-76": "Phetchaburi",
-  "TH-66": "Phichit",
-  "TH-65": "Phitsanulok",
-  "TH-14": "Phra Nakhon Si Ayutthaya",
-  "TH-54": "Phrae",
-  "TH-83": "Phuket",
-  "TH-25": "Prachin Buri",
-  "TH-77": "Prachuap Khiri Khan",
-  "TH-85": "Ranong",
-  "TH-70": "Ratchaburi",
-  "TH-21": "Rayong",
-  "TH-45": "Roi Et",
-  "TH-27": "Sa Kaeo",
-  "TH-47": "Sakon Nakhon",
-  "TH-11": "Samut Prakan",
-  "TH-74": "Samut Sakhon",
-  "TH-75": "Samut Songkhram",
-  "TH-19": "Saraburi",
-  "TH-91": "Satun",
-  "TH-33": "Si Sa Ket",
-  "TH-17": "Sing Buri",
-  "TH-90": "Songkhla",
-  "TH-64": "Sukhothai",
-  "TH-72": "Suphan Buri",
-  "TH-84": "Surat Thani",
-  "TH-32": "Surin",
-  "TH-63": "Tak",
-  "TH-92": "Trang",
-  "TH-23": "Trat",
-  "TH-34": "Ubon Ratchathani",
-  "TH-41": "Udon Thani",
-  "TH-61": "Uthai Thani",
-  "TH-53": "Uttaradit",
-  "TH-95": "Yala",
-  "TH-35": "Yasothon",
-  "TL-AL": "Aileu",
-  "TL-AN": "Ainaro",
-  "TL-BA": "Baucau",
-  "TL-BO": "Bobonaro",
-  "TL-CO": "Cova Lima",
-  "TL-DI": "Díli",
-  "TL-ER": "Ermera",
-  "TL-LA": "Lautém",
-  "TL-LI": "Liquiça",
-  "TL-MT": "Manatuto",
-  "TL-MF": "Manufahi",
-  "TL-OE": "Oé-Cusse Ambeno",
-  "TL-VI": "Viqueque",
-  "TG-C": "Centrale",
-  "TG-K": "Kara",
-  "TG-M": "Maritime",
-  "TG-P": "Plateaux",
-  "TG-S": "Savanes",
-  "TO-01": "'Eua",
-  "TO-02": "Ha'apai",
-  "TO-03": "Niuas",
-  "TO-04": "Tongatapu",
-  "TO-05": "Vava'u",
-  "TT-ARI": "Arima",
-  "TT-CHA": "Chaguanas",
-  "TT-CTT": "Couva-Tabaquite-Talparo",
-  "TT-DMN": "Diego Martin",
-  "TT-MRC": "Mayaro-Rio Claro",
-  "TT-PED": "Penal-Debe",
-  "TT-POS": "Port of Spain",
-  "TT-PRT": "Princes Town",
-  "TT-PTF": "Point Fortin",
-  "TT-SFO": "San Fernando",
-  "TT-SGE": "Sangre Grande",
-  "TT-SIP": "Siparia",
-  "TT-SJL": "San Juan-Laventille",
-  "TT-TOB": "Tobago",
-  "TT-TUP": "Tunapuna-Piarco",
-  "TN-31": "Béja",
-  "TN-13": "Ben Arous",
-  "TN-23": "Bizerte",
-  "TN-81": "Gabès",
-  "TN-71": "Gafsa",
-  "TN-32": "Jendouba",
-  "TN-41": "Kairouan",
-  "TN-42": "Kasserine",
-  "TN-73": "Kébili",
-  "TN-12": "L'Ariana",
-  "TN-14": "La Manouba",
-  "TN-33": "Le Kef",
-  "TN-53": "Mahdia",
-  "TN-82": "Médenine",
-  "TN-52": "Monastir",
-  "TN-21": "Nabeul",
-  "TN-61": "Sfax",
-  "TN-43": "Sidi Bouzid",
-  "TN-34": "Siliana",
-  "TN-51": "Sousse",
-  "TN-83": "Tataouine",
-  "TN-72": "Tozeur",
-  "TN-11": "Tunis",
-  "TN-22": "Zaghouan",
-  "TR-01": "Adana",
-  "TR-02": "Adıyaman",
-  "TR-03": "Afyonkarahisar",
-  "TR-04": "Ağrı",
-  "TR-68": "Aksaray",
-  "TR-05": "Amasya",
-  "TR-06": "Ankara",
-  "TR-07": "Antalya",
-  "TR-75": "Ardahan",
-  "TR-08": "Artvin",
-  "TR-09": "Aydın",
-  "TR-10": "Balıkesir",
-  "TR-74": "Bartın",
-  "TR-72": "Batman",
-  "TR-69": "Bayburt",
-  "TR-11": "Bilecik",
-  "TR-12": "Bingöl",
-  "TR-13": "Bitlis",
-  "TR-14": "Bolu",
-  "TR-15": "Burdur",
-  "TR-16": "Bursa",
-  "TR-17": "Çanakkale",
-  "TR-18": "Çankırı",
-  "TR-19": "Çorum",
-  "TR-20": "Denizli",
-  "TR-21": "Diyarbakır",
-  "TR-81": "Düzce",
-  "TR-22": "Edirne",
-  "TR-23": "Elazığ",
-  "TR-24": "Erzincan",
-  "TR-25": "Erzurum",
-  "TR-26": "Eskişehir",
-  "TR-27": "Gaziantep",
-  "TR-28": "Giresun",
-  "TR-29": "Gümüşhane",
-  "TR-30": "Hakkâri",
-  "TR-31": "Hatay",
-  "TR-76": "Iğdır",
-  "TR-32": "Isparta",
-  "TR-34": "İstanbul",
-  "TR-35": "İzmir",
-  "TR-46": "Kahramanmaraş",
-  "TR-78": "Karabük",
-  "TR-70": "Karaman",
-  "TR-36": "Kars",
-  "TR-37": "Kastamonu",
-  "TR-38": "Kayseri",
-  "TR-71": "Kırıkkale",
-  "TR-39": "Kırklareli",
-  "TR-40": "Kırşehir",
-  "TR-79": "Kilis",
-  "TR-41": "Kocaeli",
-  "TR-42": "Konya",
-  "TR-43": "Kütahya",
-  "TR-44": "Malatya",
-  "TR-45": "Manisa",
-  "TR-47": "Mardin",
-  "TR-33": "Mersin",
-  "TR-48": "Muğla",
-  "TR-49": "Muş",
-  "TR-50": "Nevşehir",
-  "TR-51": "Niğde",
-  "TR-52": "Ordu",
-  "TR-80": "Osmaniye",
-  "TR-53": "Rize",
-  "TR-54": "Sakarya",
-  "TR-55": "Samsun",
-  "TR-56": "Siirt",
-  "TR-57": "Sinop",
-  "TR-58": "Sivas",
-  "TR-63": "Şanlıurfa",
-  "TR-73": "Şırnak",
-  "TR-59": "Tekirdağ",
-  "TR-60": "Tokat",
-  "TR-61": "Trabzon",
-  "TR-62": "Tunceli",
-  "TR-64": "Uşak",
-  "TR-65": "Van",
-  "TR-77": "Yalova",
-  "TR-66": "Yozgat",
-  "TR-67": "Zonguldak",
-  "TM-A": "Ahal",
-  "TM-S": "Aşgabat",
-  "TM-B": "Balkan",
-  "TM-D": "Daşoguz",
-  "TM-L": "Lebap",
-  "TM-M": "Mary",
-  "TV-FUN": "Funafuti",
-  "TV-NMG": "Nanumaga",
-  "TV-NMA": "Nanumea",
-  "TV-NIT": "Niutao",
-  "TV-NUI": "Nui",
-  "TV-NKF": "Nukufetau",
-  "TV-NKL": "Nukulaelae",
-  "TV-VAI": "Vaitupu",
-  "UG-C": "Central",
-  "UG-E": "Eastern",
-  "UG-N": "Northern",
-  "UG-W": "Western",
-  "UA-43": "Avtonomna Respublika Krym",
-  "UA-71": "Cherkaska oblast",
-  "UA-74": "Chernihivska oblast",
-  "UA-77": "Chernivetska oblast",
-  "UA-12": "Dnipropetrovska oblast",
-  "UA-14": "Donetska oblast",
-  "UA-26": "Ivano-Frankivska oblast",
-  "UA-63": "Kharkivska oblast",
-  "UA-65": "Khersonska oblast",
-  "UA-68": "Khmelnytska oblast",
-  "UA-35": "Kirovohradska oblast",
-  "UA-30": "Kyiv",
-  "UA-32": "Kyivska oblast",
-  "UA-09": "Luhanska oblast",
-  "UA-46": "Lvivska oblast",
-  "UA-48": "Mykolaivska oblast",
-  "UA-51": "Odeska oblast",
-  "UA-53": "Poltavska oblast",
-  "UA-56": "Rivnenska oblast",
-  "UA-40": "Sevastopol",
-  "UA-59": "Sumska oblast",
-  "UA-61": "Ternopilska oblast",
-  "UA-05": "Vinnytska oblast",
-  "UA-07": "Volynska oblast",
-  "UA-21": "Zakarpatska oblast",
-  "UA-23": "Zaporizka oblast",
-  "UA-18": "Zhytomyrska oblast",
-  "AE-AJ": "‘Ajmān",
-  "AE-AZ": "Abū Z̧aby",
-  "AE-FU": "Al Fujayrah",
-  "AE-SH": "Ash Shāriqah",
-  "AE-DU": "Dubayy",
-  "AE-RK": "Ra’s al Khaymah",
-  "AE-UQ": "Umm al Qaywayn",
-  "GB-ENG": "England",
-  "GB-NIR": "Northern Ireland",
-  "GB-SCT": "Scotland",
-  "GB-WLS": "Wales",
-  "US-AL": "Alabama",
-  "US-AK": "Alaska",
-  "US-AZ": "Arizona",
-  "US-AR": "Arkansas",
-  "US-CA": "California",
-  "US-CO": "Colorado",
-  "US-CT": "Connecticut",
-  "US-DE": "Delaware",
-  "US-FL": "Florida",
-  "US-GA": "Georgia",
-  "US-HI": "Hawaii",
-  "US-ID": "Idaho",
-  "US-IL": "Illinois",
-  "US-IN": "Indiana",
-  "US-IA": "Iowa",
-  "US-KS": "Kansas",
-  "US-KY": "Kentucky",
-  "US-LA": "Louisiana",
-  "US-ME": "Maine",
-  "US-MD": "Maryland",
-  "US-MA": "Massachusetts",
-  "US-MI": "Michigan",
-  "US-MN": "Minnesota",
-  "US-MS": "Mississippi",
-  "US-MO": "Missouri",
-  "US-MT": "Montana",
-  "US-NE": "Nebraska",
-  "US-NV": "Nevada",
-  "US-NH": "New Hampshire",
-  "US-NJ": "New Jersey",
-  "US-NM": "New Mexico",
-  "US-NY": "New York",
-  "US-NC": "North Carolina",
-  "US-ND": "North Dakota",
-  "US-OH": "Ohio",
-  "US-OK": "Oklahoma",
-  "US-OR": "Oregon",
-  "US-PA": "Pennsylvania",
-  "US-RI": "Rhode Island",
-  "US-SC": "South Carolina",
-  "US-SD": "South Dakota",
-  "US-TN": "Tennessee",
-  "US-TX": "Texas",
-  "US-UT": "Utah",
-  "US-VT": "Vermont",
-  "US-VA": "Virginia",
-  "US-WA": "Washington",
-  "US-WV": "West Virginia",
-  "US-WI": "Wisconsin",
-  "US-WY": "Wyoming",
-  "US-DC": "District of Columbia",
-  "US-AS": "American Samoa",
-  "US-GU": "Guam",
-  "US-MP": "Northern Mariana Islands",
-  "US-PR": "Puerto Rico",
-  "US-UM": "United States Minor Outlying Islands",
-  "US-VI": "Virgin Islands",
-  "UM-81": "Baker Island",
-  "UM-84": "Howland Island",
-  "UM-86": "Jarvis Island",
-  "UM-67": "Johnston Atoll",
-  "UM-89": "Kingman Reef",
-  "UM-71": "Midway Islands",
-  "UM-76": "Navassa Island",
-  "UM-95": "Palmyra Atoll",
-  "UM-79": "Wake Island",
-  "UY-AR": "Artigas",
-  "UY-CA": "Canelones",
-  "UY-CL": "Cerro Largo",
-  "UY-CO": "Colonia",
-  "UY-DU": "Durazno",
-  "UY-FS": "Flores",
-  "UY-FD": "Florida",
-  "UY-LA": "Lavalleja",
-  "UY-MA": "Maldonado",
-  "UY-MO": "Montevideo",
-  "UY-PA": "Paysandú",
-  "UY-RN": "Río Negro",
-  "UY-RV": "Rivera",
-  "UY-RO": "Rocha",
-  "UY-SA": "Salto",
-  "UY-SJ": "San José",
-  "UY-SO": "Soriano",
-  "UY-TA": "Tacuarembó",
-  "UY-TT": "Treinta y Tres",
-  "UZ-AN": "Andijon",
-  "UZ-BU": "Buxoro",
-  "UZ-FA": "Farg‘ona",
-  "UZ-JI": "Jizzax",
-  "UZ-NG": "Namangan",
-  "UZ-NW": "Navoiy",
-  "UZ-QA": "Qashqadaryo",
-  "UZ-QR": "Qoraqalpog‘iston Respublikasi",
-  "UZ-SA": "Samarqand",
-  "UZ-SI": "Sirdaryo",
-  "UZ-SU": "Surxondaryo",
-  "UZ-TK": "Toshkent",
-  "UZ-TO": "Toshkent",
-  "UZ-XO": "Xorazm",
-  "VU-MAP": "Malampa",
-  "VU-PAM": "Pénama",
-  "VU-SAM": "Sanma",
-  "VU-SEE": "Shéfa",
-  "VU-TAE": "Taféa",
-  "VU-TOB": "Torba",
-  "VE-Z": "Amazonas",
-  "VE-B": "Anzoátegui",
-  "VE-C": "Apure",
-  "VE-D": "Aragua",
-  "VE-E": "Barinas",
-  "VE-F": "Bolívar",
-  "VE-G": "Carabobo",
-  "VE-H": "Cojedes",
-  "VE-Y": "Delta Amacuro",
-  "VE-W": "Dependencias Federales",
-  "VE-A": "Distrito Capital",
-  "VE-I": "Falcón",
-  "VE-J": "Guárico",
-  "VE-X": "La Guaira",
-  "VE-K": "Lara",
-  "VE-L": "Mérida",
-  "VE-M": "Miranda",
-  "VE-N": "Monagas",
-  "VE-O": "Nueva Esparta",
-  "VE-P": "Portuguesa",
-  "VE-R": "Sucre",
-  "VE-S": "Táchira",
-  "VE-T": "Trujillo",
-  "VE-U": "Yaracuy",
-  "VE-V": "Zulia",
-  "VN-44": "An Giang",
-  "VN-43": "Bà Rịa - Vũng Tàu",
-  "VN-54": "Bắc Giang",
-  "VN-53": "Bắc Kạn",
-  "VN-55": "Bạc Liêu",
-  "VN-56": "Bắc Ninh",
-  "VN-50": "Bến Tre",
-  "VN-31": "Bình Định",
-  "VN-57": "Bình Dương",
-  "VN-58": "Bình Phước",
-  "VN-40": "Bình Thuận",
-  "VN-59": "Cà Mau",
-  "VN-CT": "Cần Thơ",
-  "VN-04": "Cao Bằng",
-  "VN-DN": "Đà Nẵng",
-  "VN-33": "Đắk Lắk",
-  "VN-72": "Đắk Nông",
-  "VN-71": "Điện Biên",
-  "VN-39": "Đồng Nai",
-  "VN-45": "Đồng Tháp",
-  "VN-30": "Gia Lai",
-  "VN-03": "Hà Giang",
-  "VN-63": "Hà Nam",
-  "VN-HN": "Hà Nội",
-  "VN-23": "Hà Tĩnh",
-  "VN-61": "Hải Dương",
-  "VN-HP": "Hải Phòng",
-  "VN-73": "Hậu Giang",
-  "VN-SG": "Hồ Chí Minh",
-  "VN-14": "Hòa Bình",
-  "VN-66": "Hưng Yên",
-  "VN-34": "Khánh Hòa",
-  "VN-47": "Kiến Giang",
-  "VN-28": "Kon Tum",
-  "VN-01": "Lai Châu",
-  "VN-35": "Lâm Đồng",
-  "VN-09": "Lạng Sơn",
-  "VN-02": "Lào Cai",
-  "VN-41": "Long An",
-  "VN-67": "Nam Định",
-  "VN-22": "Nghệ An",
-  "VN-18": "Ninh Bình",
-  "VN-36": "Ninh Thuận",
-  "VN-68": "Phú Thọ",
-  "VN-32": "Phú Yên",
-  "VN-24": "Quảng Bình",
-  "VN-27": "Quảng Nam",
-  "VN-29": "Quảng Ngãi",
-  "VN-13": "Quảng Ninh",
-  "VN-25": "Quảng Trị",
-  "VN-52": "Sóc Trăng",
-  "VN-05": "Sơn La",
-  "VN-37": "Tây Ninh",
-  "VN-20": "Thái Bình",
-  "VN-69": "Thái Nguyên",
-  "VN-21": "Thanh Hóa",
-  "VN-26": "Thừa Thiên-Huế",
-  "VN-46": "Tiền Giang",
-  "VN-51": "Trà Vinh",
-  "VN-07": "Tuyên Quang",
-  "VN-49": "Vĩnh Long",
-  "VN-70": "Vĩnh Phúc",
-  "VN-06": "Yên Bái",
-  "WF-AL": "Alo",
-  "WF-SG": "Sigave",
-  "WF-UV": "Uvea",
-  "YE-AD": "‘Adan",
-  "YE-AM": "‘Amrān",
-  "YE-AB": "Abyan",
-  "YE-DA": "Aḑ Ḑāli‘",
-  "YE-BA": "Al Bayḑā’",
-  "YE-HU": "Al Ḩudaydah",
-  "YE-JA": "Al Jawf",
-  "YE-MR": "Al Mahrah",
-  "YE-MW": "Al Maḩwīt",
-  "YE-SA": "Amānat al ‘Āşimah",
-  "YE-SU": "Arkhabīl Suquţrá",
-  "YE-DH": "Dhamār",
-  "YE-HD": "Ḩaḑramawt",
-  "YE-HJ": "Ḩajjah",
-  "YE-IB": "Ibb",
-  "YE-LA": "Laḩij",
-  "YE-MA": "Ma’rib",
-  "YE-RA": "Raymah",
-  "YE-SD": "Şāʻdah",
-  "YE-SN": "Şanʻā’",
-  "YE-SH": "Shabwah",
-  "YE-TA": "Tāʻizz",
-  "ZM-02": "Central",
-  "ZM-08": "Copperbelt",
-  "ZM-03": "Eastern",
-  "ZM-04": "Luapula",
-  "ZM-09": "Lusaka",
-  "ZM-10": "Muchinga",
-  "ZM-06": "North-Western",
-  "ZM-05": "Northern",
-  "ZM-07": "Southern",
-  "ZM-01": "Western",
-  "ZW-BU": "Bulawayo",
-  "ZW-HA": "Harare",
-  "ZW-MA": "Manicaland",
-  "ZW-MC": "Mashonaland Central",
-  "ZW-ME": "Mashonaland East",
-  "ZW-MW": "Mashonaland West",
-  "ZW-MV": "Masvingo",
-  "ZW-MN": "Matabeleland North",
-  "ZW-MS": "Matabeleland South",
-  "ZW-MI": "Midlands",
-  "BQ-BO": "Bonaire",
-  "BQ-SA": "Saba",
-  "BQ-SE": "Sint Eustatius",
-  "ME-01": "Andrijevica",
-  "ME-02": "Bar",
-  "ME-03": "Berane",
-  "ME-04": "Bijelo Polje",
-  "ME-05": "Budva",
-  "ME-06": "Cetinje",
-  "ME-07": "Danilovgrad",
-  "ME-22": "Gusinje",
-  "ME-08": "Herceg-Novi",
-  "ME-09": "Kolašin",
-  "ME-10": "Kotor",
-  "ME-11": "Mojkovac",
-  "ME-12": "Nikšić",
-  "ME-23": "Petnjica",
-  "ME-13": "Plav",
-  "ME-14": "Pljevlja",
-  "ME-15": "Plužine",
-  "ME-16": "Podgorica",
-  "ME-17": "Rožaje",
-  "ME-18": "Šavnik",
-  "ME-19": "Tivat",
-  "ME-24": "Tuzi",
-  "ME-20": "Ulcinj",
-  "ME-21": "Žabljak",
-  "ME-25": "Zeta",
-  "RS-KM": "Kosovo-Metohija[1]",
-  "RS-VO": "Vojvodina",
-  "SS-EC": "Central Equatoria",
-  "SS-EE": "Eastern Equatoria",
-  "SS-JG": "Jonglei",
-  "SS-LK": "Lakes",
-  "SS-BN": "Northern Bahr el Ghazal",
-  "SS-UY": "Unity",
-  "SS-NU": "Upper Nile",
-  "SS-WR": "Warrap",
-  "SS-BW": "Western Bahr el Ghazal",
-  "SS-EW": "Western Equatoria",
+	"AF-BDS": "Badakhshān",
+	"AF-BDG": "Bādghīs",
+	"AF-BGL": "Baghlān",
+	"AF-BAL": "Balkh",
+	"AF-BAM": "Bāmyān",
+	"AF-DAY": "Dāykundī",
+	"AF-FRA": "Farāh",
+	"AF-FYB": "Fāryāb",
+	"AF-GHA": "Ghaznī",
+	"AF-GHO": "Ghōr",
+	"AF-HEL": "Helmand",
+	"AF-HER": "Herāt",
+	"AF-JOW": "Jowzjān",
+	"AF-KAB": "Kābul",
+	"AF-KAN": "Kandahār",
+	"AF-KAP": "Kāpīsā",
+	"AF-KHO": "Khōst",
+	"AF-KNR": "Kunaṟ",
+	"AF-KDZ": "Kunduz",
+	"AF-LAG": "Laghmān",
+	"AF-LOG": "Lōgar",
+	"AF-NAN": "Nangarhār",
+	"AF-NIM": "Nīmrōz",
+	"AF-NUR": "Nūristān",
+	"AF-PKA": "Paktīkā",
+	"AF-PIA": "Paktiyā",
+	"AF-PAN": "Panjshayr",
+	"AF-PAR": "Parwān",
+	"AF-SAM": "Samangān",
+	"AF-SAR": "Sar-e Pul",
+	"AF-TAK": "Takhār",
+	"AF-URU": "Uruzgān",
+	"AF-WAR": "Wardak",
+	"AF-ZAB": "Zābul",
+	"AL-01": "Berat",
+	"AL-09": "Dibër",
+	"AL-02": "Durrës",
+	"AL-03": "Elbasan",
+	"AL-04": "Fier",
+	"AL-05": "Gjirokastër",
+	"AL-06": "Korçë",
+	"AL-07": "Kukës",
+	"AL-08": "Lezhë",
+	"AL-10": "Shkodër",
+	"AL-11": "Tiranë",
+	"AL-12": "Vlorë",
+	"DZ-01": "Adrar",
+	"DZ-44": "Aïn Defla",
+	"DZ-46": "Aïn Témouchent",
+	"DZ-16": "Alger",
+	"DZ-23": "Annaba",
+	"DZ-05": "Batna",
+	"DZ-08": "Béchar",
+	"DZ-06": "Béjaïa",
+	"DZ-52": "Béni Abbès",
+	"DZ-07": "Biskra",
+	"DZ-09": "Blida",
+	"DZ-50": "Bordj Badji Mokhtar",
+	"DZ-34": "Bordj Bou Arréridj",
+	"DZ-10": "Bouira",
+	"DZ-35": "Boumerdès",
+	"DZ-02": "Chlef",
+	"DZ-25": "Constantine",
+	"DZ-56": "Djanet",
+	"DZ-17": "Djelfa",
+	"DZ-32": "El Bayadh",
+	"DZ-57": "El Meghaier",
+	"DZ-58": "El Meniaa",
+	"DZ-39": "El Oued",
+	"DZ-36": "El Tarf",
+	"DZ-47": "Ghardaïa",
+	"DZ-24": "Guelma",
+	"DZ-33": "Illizi",
+	"DZ-54": "In Guezzam",
+	"DZ-53": "In Salah",
+	"DZ-18": "Jijel",
+	"DZ-40": "Khenchela",
+	"DZ-03": "Laghouat",
+	"DZ-28": "M'sila",
+	"DZ-29": "Mascara",
+	"DZ-26": "Médéa",
+	"DZ-43": "Mila",
+	"DZ-27": "Mostaganem",
+	"DZ-45": "Naama",
+	"DZ-31": "Oran",
+	"DZ-30": "Ouargla",
+	"DZ-51": "Ouled Djellal",
+	"DZ-04": "Oum el Bouaghi",
+	"DZ-48": "Relizane",
+	"DZ-20": "Saïda",
+	"DZ-19": "Sétif",
+	"DZ-22": "Sidi Bel Abbès",
+	"DZ-21": "Skikda",
+	"DZ-41": "Souk Ahras",
+	"DZ-11": "Tamanrasset",
+	"DZ-12": "Tébessa",
+	"DZ-14": "Tiaret",
+	"DZ-49": "Timimoun",
+	"DZ-37": "Tindouf",
+	"DZ-42": "Tipaza",
+	"DZ-38": "Tissemsilt",
+	"DZ-15": "Tizi Ouzou",
+	"DZ-13": "Tlemcen",
+	"DZ-55": "Touggourt",
+	"AD-07": "Andorra la Vella",
+	"AD-02": "Canillo",
+	"AD-03": "Encamp",
+	"AD-08": "Escaldes-Engordany",
+	"AD-04": "La Massana",
+	"AD-05": "Ordino",
+	"AD-06": "Sant Julià de Lòria",
+	"AO-BGO": "Bengo",
+	"AO-BGU": "Benguela",
+	"AO-BIE": "Bié",
+	"AO-CAB": "Cabinda",
+	"AO-CCU": "Cuando Cubango",
+	"AO-CNO": "Cuanza-Norte",
+	"AO-CUS": "Cuanza-Sul",
+	"AO-CNN": "Cunene",
+	"AO-HUA": "Huambo",
+	"AO-HUI": "Huíla",
+	"AO-LUA": "Luanda",
+	"AO-LNO": "Lunda-Norte",
+	"AO-LSU": "Lunda-Sul",
+	"AO-MAL": "Malange",
+	"AO-MOX": "Moxico",
+	"AO-NAM": "Namibe",
+	"AO-UIG": "Uíge",
+	"AO-ZAI": "Zaire",
+	"AG-03": "Saint George",
+	"AG-04": "Saint John",
+	"AG-05": "Saint Mary",
+	"AG-06": "Saint Paul",
+	"AG-07": "Saint Peter",
+	"AG-08": "Saint Philip",
+	"AG-10": "Barbuda",
+	"AG-11": "Redonda",
+	"AR-B": "Buenos Aires",
+	"AR-K": "Catamarca",
+	"AR-H": "Chaco",
+	"AR-U": "Chubut",
+	"AR-C": "Ciudad Autónoma de Buenos Aires",
+	"AR-X": "Córdoba",
+	"AR-W": "Corrientes",
+	"AR-E": "Entre Ríos",
+	"AR-P": "Formosa",
+	"AR-Y": "Jujuy",
+	"AR-L": "La Pampa",
+	"AR-F": "La Rioja",
+	"AR-M": "Mendoza",
+	"AR-N": "Misiones",
+	"AR-Q": "Neuquén",
+	"AR-R": "Río Negro",
+	"AR-A": "Salta",
+	"AR-J": "San Juan",
+	"AR-D": "San Luis",
+	"AR-Z": "Santa Cruz",
+	"AR-S": "Santa Fe",
+	"AR-G": "Santiago del Estero",
+	"AR-V": "Tierra del Fuego",
+	"AR-T": "Tucumán",
+	"AM-AG": "Aragac̣otn",
+	"AM-AR": "Ararat",
+	"AM-AV": "Armavir",
+	"AM-ER": "Erevan",
+	"AM-GR": "Geġark'unik'",
+	"AM-KT": "Kotayk'",
+	"AM-LO": "Loṙi",
+	"AM-SH": "Širak",
+	"AM-SU": "Syunik'",
+	"AM-TV": "Tavuš",
+	"AM-VD": "Vayoć Jor",
+	"AU-NSW": "New South Wales",
+	"AU-QLD": "Queensland",
+	"AU-SA": "South Australia",
+	"AU-TAS": "Tasmania",
+	"AU-VIC": "Victoria",
+	"AU-WA": "Western Australia",
+	"AU-ACT": "Australian Capital Territory",
+	"AU-NT": "Northern Territory",
+	"AT-1": "Burgenland",
+	"AT-2": "Kärnten",
+	"AT-3": "Niederösterreich",
+	"AT-4": "Oberösterreich",
+	"AT-5": "Salzburg",
+	"AT-6": "Steiermark",
+	"AT-7": "Tirol",
+	"AT-8": "Vorarlberg",
+	"AT-9": "Wien",
+	"AZ-NX": "Naxçıvan",
+	"BS-AK": "Acklins",
+	"BS-BY": "Berry Islands",
+	"BS-BI": "Bimini",
+	"BS-BP": "Black Point",
+	"BS-CI": "Cat Island",
+	"BS-CO": "Central Abaco",
+	"BS-CS": "Central Andros",
+	"BS-CE": "Central Eleuthera",
+	"BS-FP": "City of Freeport",
+	"BS-CK": "Crooked Island and Long Cay",
+	"BS-EG": "East Grand Bahama",
+	"BS-EX": "Exuma",
+	"BS-GC": "Grand Cay",
+	"BS-HI": "Harbour Island",
+	"BS-HT": "Hope Town",
+	"BS-IN": "Inagua",
+	"BS-LI": "Long Island",
+	"BS-MC": "Mangrove Cay",
+	"BS-MG": "Mayaguana",
+	"BS-MI": "Moore's Island",
+	"BS-NP": "New Providence",
+	"BS-NO": "North Abaco",
+	"BS-NS": "North Andros",
+	"BS-NE": "North Eleuthera",
+	"BS-RI": "Ragged Island",
+	"BS-RC": "Rum Cay",
+	"BS-SS": "San Salvador",
+	"BS-SO": "South Abaco",
+	"BS-SA": "South Andros",
+	"BS-SE": "South Eleuthera",
+	"BS-SW": "Spanish Wells",
+	"BS-WG": "West Grand Bahama",
+	"BH-13": "Al ‘Āşimah",
+	"BH-14": "Al Janūbīyah",
+	"BH-15": "Al Muḩarraq",
+	"BH-17": "Ash Shamālīyah",
+	"BD-A": "Barishal",
+	"BD-B": "Chattogram",
+	"BD-C": "Dhaka",
+	"BD-D": "Khulna",
+	"BD-H": "Mymensingh",
+	"BD-E": "Rajshahi",
+	"BD-F": "Rangpur",
+	"BD-G": "Sylhet",
+	"BB-01": "Christ Church",
+	"BB-02": "Saint Andrew",
+	"BB-03": "Saint George",
+	"BB-04": "Saint James",
+	"BB-05": "Saint John",
+	"BB-06": "Saint Joseph",
+	"BB-07": "Saint Lucy",
+	"BB-08": "Saint Michael",
+	"BB-09": "Saint Peter",
+	"BB-10": "Saint Philip",
+	"BB-11": "Saint Thomas",
+	"BY-BR": "Brestskaya voblasts'",
+	"BY-HO": "Homyel'skaya voblasts'",
+	"BY-HM": "Horad Minsk",
+	"BY-HR": "Hrodzyenskaya voblasts'",
+	"BY-MA": "Mahilyowskaya voblasts'",
+	"BY-MI": "Minskaya voblasts'",
+	"BY-VI": "Vitsyebskaya voblasts'",
+	"BE-BRU": "Brussels Hoofdstedelijk Gewest",
+	"BE-VLG": "Vlaams Gewest",
+	"BE-WAL": "Waals Gewest[note 2]",
+	"BZ-BZ": "Belize",
+	"BZ-CY": "Cayo",
+	"BZ-CZL": "Corozal",
+	"BZ-OW": "Orange Walk",
+	"BZ-SC": "Stann Creek",
+	"BZ-TOL": "Toledo",
+	"BJ-AL": "Alibori",
+	"BJ-AK": "Atacora",
+	"BJ-AQ": "Atlantique",
+	"BJ-BO": "Borgou",
+	"BJ-CO": "Collines",
+	"BJ-KO": "Couffo",
+	"BJ-DO": "Donga",
+	"BJ-LI": "Littoral",
+	"BJ-MO": "Mono",
+	"BJ-OU": "Ouémé",
+	"BJ-PL": "Plateau",
+	"BJ-ZO": "Zou",
+	"BT-33": "Bumthang",
+	"BT-12": "Chhukha",
+	"BT-22": "Dagana",
+	"BT-GA": "Gasa",
+	"BT-13": "Haa",
+	"BT-44": "Lhuentse",
+	"BT-42": "Monggar",
+	"BT-11": "Paro",
+	"BT-43": "Pema Gatshel",
+	"BT-23": "Punakha",
+	"BT-45": "Samdrup Jongkhar",
+	"BT-14": "Samtse",
+	"BT-31": "Sarpang",
+	"BT-15": "Thimphu",
+	"BT-41": "Trashigang",
+	"BT-TY": "Trashi Yangtse",
+	"BT-32": "Trongsa",
+	"BT-21": "Tsirang",
+	"BT-24": "Wangdue Phodrang",
+	"BT-34": "Zhemgang",
+	"BO-C": "Cochabamba",
+	"BO-H": "Chuquisaca",
+	"BO-B": "El Beni",
+	"BO-L": "La Paz",
+	"BO-O": "Oruro",
+	"BO-N": "Pando",
+	"BO-P": "Potosí",
+	"BO-S": "Santa Cruz",
+	"BO-T": "Tarija",
+	"BA-BIH": "Federacija Bosne i Hercegovine",
+	"BA-SRP": "Republika Srpska",
+	"BA-BRC": "Brčko distrikt",
+	"BW-CE": "Central",
+	"BW-CH": "Chobe",
+	"BW-FR": "Francistown",
+	"BW-GA": "Gaborone",
+	"BW-GH": "Ghanzi",
+	"BW-JW": "Jwaneng",
+	"BW-KG": "Kgalagadi",
+	"BW-KL": "Kgatleng",
+	"BW-KW": "Kweneng",
+	"BW-LO": "Lobatse",
+	"BW-NE": "North East",
+	"BW-NW": "North West",
+	"BW-SP": "Selibe Phikwe",
+	"BW-SE": "South East",
+	"BW-SO": "Southern",
+	"BW-ST": "Sowa Town",
+	"BR-AC": "Acre",
+	"BR-AL": "Alagoas",
+	"BR-AP": "Amapá",
+	"BR-AM": "Amazonas",
+	"BR-BA": "Bahia",
+	"BR-CE": "Ceará",
+	"BR-DF": "Distrito Federal",
+	"BR-ES": "Espírito Santo",
+	"BR-GO": "Goiás",
+	"BR-MA": "Maranhão",
+	"BR-MT": "Mato Grosso",
+	"BR-MS": "Mato Grosso do Sul",
+	"BR-MG": "Minas Gerais",
+	"BR-PA": "Pará",
+	"BR-PB": "Paraíba",
+	"BR-PR": "Paraná",
+	"BR-PE": "Pernambuco",
+	"BR-PI": "Piauí",
+	"BR-RJ": "Rio de Janeiro",
+	"BR-RN": "Rio Grande do Norte",
+	"BR-RS": "Rio Grande do Sul",
+	"BR-RO": "Rondônia",
+	"BR-RR": "Roraima",
+	"BR-SC": "Santa Catarina",
+	"BR-SP": "São Paulo",
+	"BR-SE": "Sergipe",
+	"BR-TO": "Tocantins",
+	"BN-BE": "Belait",
+	"BN-BM": "Brunei-Muara",
+	"BN-TE": "Temburong",
+	"BN-TU": "Tutong",
+	"BG-01": "Blagoevgrad",
+	"BG-02": "Burgas",
+	"BG-08": "Dobrich",
+	"BG-07": "Gabrovo",
+	"BG-26": "Haskovo",
+	"BG-09": "Kardzhali",
+	"BG-10": "Kyustendil",
+	"BG-11": "Lovech",
+	"BG-12": "Montana",
+	"BG-13": "Pazardzhik",
+	"BG-14": "Pernik",
+	"BG-15": "Pleven",
+	"BG-16": "Plovdiv",
+	"BG-17": "Razgrad",
+	"BG-18": "Ruse",
+	"BG-27": "Shumen",
+	"BG-19": "Silistra",
+	"BG-20": "Sliven",
+	"BG-21": "Smolyan",
+	"BG-23": "Sofia",
+	"BG-22": "Sofia (stolitsa)",
+	"BG-24": "Stara Zagora",
+	"BG-25": "Targovishte",
+	"BG-03": "Varna",
+	"BG-04": "Veliko Tarnovo",
+	"BG-05": "Vidin",
+	"BG-06": "Vratsa",
+	"BG-28": "Yambol",
+	"BF-01": "Boucle du Mouhoun",
+	"BF-02": "Cascades",
+	"BF-03": "Centre",
+	"BF-04": "Centre-Est",
+	"BF-05": "Centre-Nord",
+	"BF-06": "Centre-Ouest",
+	"BF-07": "Centre-Sud",
+	"BF-08": "Est",
+	"BF-09": "Hauts-Bassins",
+	"BF-10": "Nord",
+	"BF-11": "Plateau-Central",
+	"BF-12": "Sahel",
+	"BF-13": "Sud-Ouest",
+	"BI-BB": "Bubanza",
+	"BI-BM": "Bujumbura Mairie",
+	"BI-BL": "Bujumbura Rural",
+	"BI-BR": "Bururi",
+	"BI-CA": "Cankuzo",
+	"BI-CI": "Cibitoke",
+	"BI-GI": "Gitega",
+	"BI-KR": "Karuzi",
+	"BI-KY": "Kayanza",
+	"BI-KI": "Kirundo",
+	"BI-MA": "Makamba",
+	"BI-MU": "Muramvya",
+	"BI-MY": "Muyinga",
+	"BI-MW": "Mwaro",
+	"BI-NG": "Ngozi",
+	"BI-RM": "Rumonge",
+	"BI-RT": "Rutana",
+	"BI-RY": "Ruyigi",
+	"KH-2": "Baat Dambang",
+	"KH-1": "Banteay Mean Choăy",
+	"KH-23": "Kaeb",
+	"KH-3": "Kampong Chaam",
+	"KH-4": "Kampong Chhnang",
+	"KH-5": "Kampong Spueu",
+	"KH-6": "Kampong Thum",
+	"KH-7": "Kampot",
+	"KH-8": "Kandaal",
+	"KH-9": "Kaoh Kong",
+	"KH-10": "Kracheh",
+	"KH-11": "Mondol Kiri",
+	"KH-22": "Otdar Mean Chey",
+	"KH-24": "Pailin",
+	"KH-12": "Phnom Penh",
+	"KH-15": "Pousaat",
+	"KH-18": "Preah Sihanouk",
+	"KH-13": "Preah Vihear",
+	"KH-14": "Prey Veaeng",
+	"KH-16": "Rotanak Kiri",
+	"KH-17": "Siem Reab",
+	"KH-19": "Stueng Traeng",
+	"KH-20": "Svaay Rieng",
+	"KH-21": "Taakaev",
+	"KH-25": "Tbong Khmum",
+	"CM-AD": "Adamaoua",
+	"CM-CE": "Centre",
+	"CM-ES": "East",
+	"CM-EN": "Far North",
+	"CM-LT": "Littoral",
+	"CM-NO": "North",
+	"CM-NW": "North-West",
+	"CM-SU": "South",
+	"CM-SW": "South-West",
+	"CM-OU": "West",
+	"CA-AB": "Alberta",
+	"CA-BC": "British Columbia",
+	"CA-MB": "Manitoba",
+	"CA-NB": "New Brunswick",
+	"CA-NL": "Newfoundland and Labrador",
+	"CA-NT": "Northwest Territories",
+	"CA-NS": "Nova Scotia",
+	"CA-NU": "Nunavut",
+	"CA-ON": "Ontario",
+	"CA-PE": "Prince Edward Island",
+	"CA-QC": "Quebec",
+	"CA-SK": "Saskatchewan",
+	"CA-YT": "Yukon",
+	"CV-B": "Ilhas de Barlavento",
+	"CV-S": "Ilhas de Sotavento",
+	"CF-BB": "Bamingui-Bangoran",
+	"CF-BGF": "Bangui",
+	"CF-BK": "Basse-Kotto",
+	"CF-KB": "Gribingui",
+	"CF-HM": "Haut-Mbomou",
+	"CF-HK": "Haute-Kotto",
+	"CF-HS": "Haute-Sangha / Mambéré-Kadéï",
+	"CF-KG": "Kémo-Gribingui",
+	"CF-LB": "Lobaye",
+	"CF-MB": "Mbomou",
+	"CF-NM": "Nana-Mambéré",
+	"CF-MP": "Ombella-Mpoko",
+	"CF-UK": "Ouaka",
+	"CF-AC": "Ouham",
+	"CF-OP": "Ouham-Pendé",
+	"CF-SE": "Sangha",
+	"CF-VK": "Vakaga",
+	"TD-BG": "Baḩr al Ghazāl",
+	"TD-BA": "Al Baţḩā’",
+	"TD-BO": "Būrkū",
+	"TD-CB": "Shārī Bāqirmī",
+	"TD-EE": "Inīdī ash Sharqī",
+	"TD-EO": "Inīdī al Gharbī",
+	"TD-GR": "Qīrā",
+	"TD-HL": "Ḩajjar Lamīs",
+	"TD-KA": "Kānim",
+	"TD-LC": "Al Buḩayrah",
+	"TD-LO": "Lūghūn al Gharbī",
+	"TD-LR": "Lūghūn ash Sharqī",
+	"TD-MA": "Māndūl",
+	"TD-ME": "Māyū Kībbī ash Sharqī",
+	"TD-MO": "Māyū Kībbī al Gharbī",
+	"TD-MC": "Shārī al Awsaţ",
+	"TD-OD": "Waddāy",
+	"TD-SA": "Salāmāt",
+	"TD-SI": "Sīlā",
+	"TD-TA": "Tānjīlī",
+	"TD-TI": "Tibastī",
+	"TD-ND": "Madīnat Injamīnā",
+	"TD-WF": "Wādī Fīrā’",
+	"CL-AI": "Aisén del General Carlos Ibañez del Campo",
+	"CL-AN": "Antofagasta",
+	"CL-AP": "Arica y Parinacota",
+	"CL-AT": "Atacama",
+	"CL-BI": "Biobío",
+	"CL-CO": "Coquimbo",
+	"CL-AR": "La Araucanía",
+	"CL-LI": "Libertador General Bernardo O'Higgins",
+	"CL-LL": "Los Lagos",
+	"CL-LR": "Los Ríos",
+	"CL-MA": "Magallanes",
+	"CL-ML": "Maule",
+	"CL-NB": "Ñuble",
+	"CL-RM": "Región Metropolitana de Santiago",
+	"CL-TA": "Tarapacá",
+	"CL-VS": "Valparaíso",
+	"CN-AH": "Anhui Sheng",
+	"CN-BJ": "Beijing Shi",
+	"CN-CQ": "Chongqing Shi",
+	"CN-FJ": "Fujian Sheng",
+	"CN-GS": "Gansu Sheng",
+	"CN-GD": "Guangdong Sheng",
+	"CN-GX": "Guangxi Zhuangzu Zizhiqu",
+	"CN-GZ": "Guizhou Sheng",
+	"CN-HI": "Hainan Sheng",
+	"CN-HE": "Hebei Sheng",
+	"CN-HL": "Heilongjiang Sheng",
+	"CN-HA": "Henan Sheng",
+	"CN-HK": "Hong Kong SARen",
+	"CN-HB": "Hubei Sheng",
+	"CN-HN": "Hunan Sheng",
+	"CN-JS": "Jiangsu Sheng",
+	"CN-JX": "Jiangxi Sheng",
+	"CN-JL": "Jilin Sheng",
+	"CN-LN": "Liaoning Sheng",
+	"CN-MO": "Macao SARpt",
+	"CN-NM": "Nei Mongol Zizhiqu",
+	"CN-NX": "Ningxia Huizu Zizhiqu",
+	"CN-QH": "Qinghai Sheng",
+	"CN-SN": "Shaanxi Sheng",
+	"CN-SD": "Shandong Sheng",
+	"CN-SH": "Shanghai Shi",
+	"CN-SX": "Shanxi Sheng",
+	"CN-SC": "Sichuan Sheng",
+	"CN-TW": "Taiwan Sheng",
+	"CN-TJ": "Tianjin Shi",
+	"CN-XJ": "Xinjiang Uygur Zizhiqu",
+	"CN-XZ": "Xizang Zizhiqu",
+	"CN-YN": "Yunnan Sheng",
+	"CN-ZJ": "Zhejiang Sheng",
+	"CO-AMA": "Amazonas",
+	"CO-ANT": "Antioquia",
+	"CO-ARA": "Arauca",
+	"CO-ATL": "Atlántico",
+	"CO-BOL": "Bolívar",
+	"CO-BOY": "Boyacá",
+	"CO-CAL": "Caldas",
+	"CO-CAQ": "Caquetá",
+	"CO-CAS": "Casanare",
+	"CO-CAU": "Cauca",
+	"CO-CES": "Cesar",
+	"CO-COR": "Córdoba",
+	"CO-CUN": "Cundinamarca",
+	"CO-CHO": "Chocó",
+	"CO-DC": "Distrito Capital de Bogotá",
+	"CO-GUA": "Guainía",
+	"CO-GUV": "Guaviare",
+	"CO-HUI": "Huila",
+	"CO-LAG": "La Guajira",
+	"CO-MAG": "Magdalena",
+	"CO-MET": "Meta",
+	"CO-NAR": "Nariño",
+	"CO-NSA": "Norte de Santander",
+	"CO-PUT": "Putumayo",
+	"CO-QUI": "Quindío",
+	"CO-RIS": "Risaralda",
+	"CO-SAP": "San Andrés",
+	"CO-SAN": "Santander",
+	"CO-SUC": "Sucre",
+	"CO-TOL": "Tolima",
+	"CO-VAC": "Valle del Cauca",
+	"CO-VAU": "Vaupés",
+	"CO-VID": "Vichada",
+	"KM-G": "Grande Comore",
+	"KM-A": "Anjouan",
+	"KM-M": "Mohéli",
+	"CG-11": "Bouenza",
+	"CG-BZV": "Brazzaville",
+	"CG-8": "Cuvette",
+	"CG-15": "Cuvette-Ouest",
+	"CG-5": "Kouilou",
+	"CG-2": "Lékoumou",
+	"CG-7": "Likouala",
+	"CG-9": "Niari",
+	"CG-14": "Plateaux",
+	"CG-16": "Pointe-Noire",
+	"CG-12": "Pool",
+	"CG-13": "Sangha",
+	"CD-BU": "Bas-Uélé",
+	"CD-EQ": "Équateur",
+	"CD-HK": "Haut-Katanga",
+	"CD-HL": "Haut-Lomami",
+	"CD-HU": "Haut-Uélé",
+	"CD-IT": "Ituri",
+	"CD-KS": "Kasaï",
+	"CD-KC": "Kasaï Central",
+	"CD-KE": "Kasaï Oriental",
+	"CD-KN": "Kinshasa",
+	"CD-BC": "Kongo Central",
+	"CD-KG": "Kwango",
+	"CD-KL": "Kwilu",
+	"CD-LO": "Lomami",
+	"CD-LU": "Lualaba",
+	"CD-MN": "Mai-Ndombe",
+	"CD-MA": "Maniema",
+	"CD-MO": "Mongala",
+	"CD-NK": "Nord-Kivu",
+	"CD-NU": "Nord-Ubangi",
+	"CD-SA": "Sankuru",
+	"CD-SK": "Sud-Kivu",
+	"CD-SU": "Sud-Ubangi",
+	"CD-TA": "Tanganyika",
+	"CD-TO": "Tshopo",
+	"CD-TU": "Tshuapa",
+	"CR-A": "Alajuela",
+	"CR-C": "Cartago",
+	"CR-G": "Guanacaste",
+	"CR-H": "Heredia",
+	"CR-L": "Limón",
+	"CR-P": "Puntarenas",
+	"CR-SJ": "San José",
+	"CI-AB": "Abidjan",
+	"CI-BS": "Bas-Sassandra",
+	"CI-CM": "Comoé",
+	"CI-DN": "Denguélé",
+	"CI-GD": "Gôh-Djiboua",
+	"CI-LC": "Lacs",
+	"CI-LG": "Lagunes",
+	"CI-MG": "Montagnes",
+	"CI-SM": "Sassandra-Marahoué",
+	"CI-SV": "Savanes",
+	"CI-VB": "Vallée du Bandama",
+	"CI-WR": "Woroba",
+	"CI-YM": "Yamoussoukro",
+	"CI-ZZ": "Zanzan",
+	"HR-07": "Bjelovarsko-bilogorska županija",
+	"HR-12": "Brodsko-posavska županija",
+	"HR-19": "Dubrovačko-neretvanska županija",
+	"HR-21": "Grad Zagreb",
+	"HR-18": "Istarska županija",
+	"HR-04": "Karlovačka županija",
+	"HR-06": "Koprivničko-križevačka županija",
+	"HR-02": "Krapinsko-zagorska županija",
+	"HR-09": "Ličko-senjska županija",
+	"HR-20": "Međimurska županija",
+	"HR-14": "Osječko-baranjska županija",
+	"HR-11": "Požeško-slavonska županija",
+	"HR-08": "Primorsko-goranska županija",
+	"HR-03": "Sisačko-moslavačka županija",
+	"HR-17": "Splitsko-dalmatinska županija",
+	"HR-15": "Šibensko-kninska županija",
+	"HR-05": "Varaždinska županija",
+	"HR-10": "Virovitičko-podravska županija",
+	"HR-16": "Vukovarsko-srijemska županija",
+	"HR-13": "Zadarska županija",
+	"HR-01": "Zagrebačka županija",
+	"CU-15": "Artemisa",
+	"CU-09": "Camagüey",
+	"CU-08": "Ciego de Ávila",
+	"CU-06": "Cienfuegos",
+	"CU-12": "Granma",
+	"CU-14": "Guantánamo",
+	"CU-11": "Holguín",
+	"CU-03": "La Habana",
+	"CU-10": "Las Tunas",
+	"CU-04": "Matanzas",
+	"CU-16": "Mayabeque",
+	"CU-01": "Pinar del Río",
+	"CU-07": "Sancti Spíritus",
+	"CU-13": "Santiago de Cuba",
+	"CU-05": "Villa Clara",
+	"CU-99": "Isla de la Juventud",
+	"CY-04": "Ammochostos",
+	"CY-06": "Keryneia",
+	"CY-03": "Larnaka",
+	"CY-01": "Lefkosia",
+	"CY-02": "Lemesos",
+	"CY-05": "Pafos",
+	"CZ-31": "Jihočeský kraj",
+	"CZ-64": "Jihomoravský kraj",
+	"CZ-41": "Karlovarský kraj",
+	"CZ-52": "Královéhradecký kraj",
+	"CZ-51": "Liberecký kraj",
+	"CZ-80": "Moravskoslezský kraj",
+	"CZ-71": "Olomoucký kraj",
+	"CZ-53": "Pardubický kraj",
+	"CZ-32": "Plzeňský kraj",
+	"CZ-10": "Praha",
+	"CZ-20": "Středočeský kraj",
+	"CZ-42": "Ústecký kraj",
+	"CZ-63": "Kraj Vysočina",
+	"CZ-72": "Zlínský kraj",
+	"DK-84": "Region Hovedstaden",
+	"DK-82": "Region Midjylland",
+	"DK-81": "Region Nordjylland",
+	"DK-85": "Region Sjælland",
+	"DK-83": "Region Syddanmark",
+	"DJ-AS": "Ali Sabieh",
+	"DJ-AR": "Arta",
+	"DJ-DI": "Dikhil",
+	"DJ-DJ": "Djibouti",
+	"DJ-OB": "Obock",
+	"DJ-TA": "Tadjourah",
+	"DM-02": "Saint Andrew",
+	"DM-03": "Saint David",
+	"DM-04": "Saint George",
+	"DM-05": "Saint John",
+	"DM-06": "Saint Joseph",
+	"DM-07": "Saint Luke",
+	"DM-08": "Saint Mark",
+	"DM-09": "Saint Patrick",
+	"DM-10": "Saint Paul",
+	"DM-11": "Saint Peter",
+	"DO-33": "Cibao Nordeste",
+	"DO-34": "Cibao Noroeste",
+	"DO-35": "Cibao Norte",
+	"DO-36": "Cibao Sur",
+	"DO-37": "El Valle",
+	"DO-38": "Enriquillo",
+	"DO-39": "Higuamo",
+	"DO-40": "Ozama",
+	"DO-41": "Valdesia",
+	"DO-42": "Yuma",
+	"EC-A": "Azuay",
+	"EC-B": "Bolívar",
+	"EC-F": "Cañar",
+	"EC-C": "Carchi",
+	"EC-H": "Chimborazo",
+	"EC-X": "Cotopaxi",
+	"EC-O": "El Oro",
+	"EC-E": "Esmeraldas",
+	"EC-W": "Galápagos",
+	"EC-G": "Guayas",
+	"EC-I": "Imbabura",
+	"EC-L": "Loja",
+	"EC-R": "Los Ríos",
+	"EC-M": "Manabí",
+	"EC-S": "Morona Santiago",
+	"EC-N": "Napo",
+	"EC-D": "Orellana",
+	"EC-Y": "Pastaza",
+	"EC-P": "Pichincha",
+	"EC-SE": "Santa Elena",
+	"EC-SD": "Santo Domingo de los Tsáchilas",
+	"EC-U": "Sucumbíos",
+	"EC-T": "Tungurahua",
+	"EC-Z": "Zamora Chinchipe",
+	"EG-DK": "Ad Daqahlīyah",
+	"EG-BA": "Al Baḩr al Aḩmar",
+	"EG-BH": "Al Buḩayrah",
+	"EG-FYM": "Al Fayyūm",
+	"EG-GH": "Al Gharbīyah",
+	"EG-ALX": "Al Iskandarīyah",
+	"EG-IS": "Al Ismā'īlīyah",
+	"EG-GZ": "Al Jīzah",
+	"EG-MNF": "Al Minūfīyah",
+	"EG-MN": "Al Minyā",
+	"EG-C": "Al Qāhirah",
+	"EG-KB": "Al Qalyūbīyah",
+	"EG-LX": "Al Uqşur",
+	"EG-WAD": "Al Wādī al Jadīd",
+	"EG-SUZ": "As Suways",
+	"EG-SHR": "Ash Sharqīyah",
+	"EG-ASN": "Aswān",
+	"EG-AST": "Asyūţ",
+	"EG-BNS": "Banī Suwayf",
+	"EG-PTS": "Būr Sa‘īd",
+	"EG-DT": "Dumyāţ",
+	"EG-JS": "Janūb Sīnā'",
+	"EG-KFS": "Kafr ash Shaykh",
+	"EG-MT": "Maţrūḩ",
+	"EG-KN": "Qinā",
+	"EG-SIN": "Shamāl Sīnā'",
+	"EG-SHG": "Sūhāj",
+	"SV-AH": "Ahuachapán",
+	"SV-CA": "Cabañas",
+	"SV-CH": "Chalatenango",
+	"SV-CU": "Cuscatlán",
+	"SV-LI": "La Libertad",
+	"SV-PA": "La Paz",
+	"SV-UN": "La Unión",
+	"SV-MO": "Morazán",
+	"SV-SM": "San Miguel",
+	"SV-SS": "San Salvador",
+	"SV-SV": "San Vicente",
+	"SV-SA": "Santa Ana",
+	"SV-SO": "Sonsonate",
+	"SV-US": "Usulután",
+	"GQ-C": "Región Continental",
+	"GQ-I": "Región Insular",
+	"ER-MA": "Al Awsaţ",
+	"ER-DU": "Al Janūbī",
+	"ER-AN": "Ansabā",
+	"ER-DK": "Janūbī al Baḩrī al Aḩmar",
+	"ER-GB": "Qāsh-Barkah",
+	"ER-SK": "Shimālī al Baḩrī al Aḩmar",
+	"EE-37": "Harjumaa",
+	"EE-39": "Hiiumaa",
+	"EE-45": "Ida-Virumaa",
+	"EE-50": "Jõgevamaa",
+	"EE-52": "Järvamaa",
+	"EE-60": "Lääne-Virumaa",
+	"EE-56": "Läänemaa",
+	"EE-64": "Põlvamaa",
+	"EE-68": "Pärnumaa",
+	"EE-71": "Raplamaa",
+	"EE-74": "Saaremaa",
+	"EE-79": "Tartumaa",
+	"EE-81": "Valgamaa",
+	"EE-84": "Viljandimaa",
+	"EE-87": "Võrumaa",
+	"ET-AA": "Ādīs Ābeba",
+	"ET-AF": "Āfar",
+	"ET-AM": "Āmara",
+	"ET-BE": "Bīnshangul Gumuz",
+	"ET-DD": "Dirē Dawa",
+	"ET-GA": "Gambēla Hizboch",
+	"ET-HA": "Hārerī Hizb",
+	"ET-OR": "Oromīya",
+	"ET-SI": "Sīdama",
+	"ET-SO": "Sumalē",
+	"ET-TI": "Tigray",
+	"ET-SN": "YeDebub Bihēroch Bihēreseboch na Hizboch",
+	"ET-SW": "YeDebub M‘irab Ītyop’iya Hizboch",
+	"FJ-C": "Central",
+	"FJ-E": "Eastern",
+	"FJ-N": "Northern",
+	"FJ-W": "Western",
+	"FJ-R": "Rotuma",
+	"FI-01": "Ahvenanmaan maakunta",
+	"FI-02": "Etelä-Karjala",
+	"FI-03": "Etelä-Pohjanmaa",
+	"FI-04": "Etelä-Savo",
+	"FI-05": "Kainuu",
+	"FI-06": "Kanta-Häme",
+	"FI-07": "Keski-Pohjanmaa",
+	"FI-08": "Keski-Suomi",
+	"FI-09": "Kymenlaakso",
+	"FI-10": "Lappi",
+	"FI-11": "Pirkanmaa",
+	"FI-12": "Pohjanmaa",
+	"FI-13": "Pohjois-Karjala",
+	"FI-14": "Pohjois-Pohjanmaa",
+	"FI-15": "Pohjois-Savo",
+	"FI-16": "Päijät-Häme",
+	"FI-17": "Satakunta",
+	"FI-18": "Uusimaa",
+	"FI-19": "Varsinais-Suomi",
+	"FR-ARA": "Auvergne-Rhône-Alpes",
+	"FR-BFC": "Bourgogne-Franche-Comté",
+	"FR-BRE": "Bretagne",
+	"FR-CVL": "Centre-Val de Loire",
+	"FR-20R": "Corse",
+	"FR-GES": "Grand Est",
+	"FR-HDF": "Hauts-de-France",
+	"FR-IDF": "Île-de-France",
+	"FR-NOR": "Normandie",
+	"FR-NAQ": "Nouvelle-Aquitaine",
+	"FR-OCC": "Occitanie",
+	"FR-PDL": "Pays-de-la-Loire",
+	"FR-PAC": "Provence-Alpes-Côte-d’Azur",
+	"GA-1": "Estuaire",
+	"GA-2": "Haut-Ogooué",
+	"GA-3": "Moyen-Ogooué",
+	"GA-4": "Ngounié",
+	"GA-5": "Nyanga",
+	"GA-6": "Ogooué-Ivindo",
+	"GA-7": "Ogooué-Lolo",
+	"GA-8": "Ogooué-Maritime",
+	"GA-9": "Woleu-Ntem",
+	"GM-B": "Banjul",
+	"GM-M": "Central River",
+	"GM-L": "Lower River",
+	"GM-N": "North Bank",
+	"GM-U": "Upper River",
+	"GM-W": "Western",
+	"GE-AB": "Abkhazia",
+	"GE-AJ": "Ajaria",
+	"GE-GU": "Guria",
+	"GE-IM": "Imereti",
+	"GE-KA": "K'akheti",
+	"GE-KK": "Kvemo Kartli",
+	"GE-MM": "Mtskheta-Mtianeti",
+	"GE-RL": "Rach'a-Lechkhumi-Kvemo Svaneti",
+	"GE-SZ": "Samegrelo-Zemo Svaneti",
+	"GE-SJ": "Samtskhe-Javakheti",
+	"GE-SK": "Shida Kartli",
+	"GE-TB": "Tbilisi",
+	"DE-BW": "Baden-Württemberg",
+	"DE-BY": "Bayern",
+	"DE-BE": "Berlin",
+	"DE-BB": "Brandenburg",
+	"DE-HB": "Bremen",
+	"DE-HH": "Hamburg",
+	"DE-HE": "Hessen",
+	"DE-MV": "Mecklenburg-Vorpommern",
+	"DE-NI": "Niedersachsen",
+	"DE-NW": "Nordrhein-Westfalen",
+	"DE-RP": "Rheinland-Pfalz",
+	"DE-SL": "Saarland",
+	"DE-SN": "Sachsen",
+	"DE-ST": "Sachsen-Anhalt",
+	"DE-SH": "Schleswig-Holstein",
+	"DE-TH": "Thüringen",
+	"GH-AF": "Ahafo",
+	"GH-AH": "Ashanti",
+	"GH-BO": "Bono",
+	"GH-BE": "Bono East",
+	"GH-CP": "Central",
+	"GH-EP": "Eastern",
+	"GH-AA": "Greater Accra",
+	"GH-NE": "North East",
+	"GH-NP": "Northern",
+	"GH-OT": "Oti",
+	"GH-SV": "Savannah",
+	"GH-UE": "Upper East",
+	"GH-UW": "Upper West",
+	"GH-TV": "Volta",
+	"GH-WP": "Western",
+	"GH-WN": "Western North",
+	"GR-69": "Ágion Óros",
+	"GR-A": "Anatolikí Makedonía kaiThráki",
+	"GR-I": "Attikí",
+	"GR-G": "Dytikí Elláda",
+	"GR-C": "Dytikí Makedonía",
+	"GR-F": "Ionía Nísia",
+	"GR-D": "Ípeiros",
+	"GR-B": "Kentrikí Makedonía",
+	"GR-M": "Kríti",
+	"GR-L": "Nótio Aigaío",
+	"GR-J": "Pelopónnisos",
+	"GR-H": "Stereá Elláda",
+	"GR-E": "Thessalía",
+	"GR-K": "Vóreio Aigaío",
+	"GL-AV": "Avannaata Kommunia",
+	"GL-KU": "Kommune Kujalleq",
+	"GL-QT": "Kommune Qeqertalik",
+	"GL-SM": "Kommuneqarfik Sermersooq",
+	"GL-QE": "Qeqqata Kommunia",
+	"GD-01": "Saint Andrew",
+	"GD-02": "Saint David",
+	"GD-03": "Saint George",
+	"GD-04": "Saint John",
+	"GD-05": "Saint Mark",
+	"GD-06": "Saint Patrick",
+	"GD-10": "Southern Grenadine Islands",
+	"GT-16": "Alta Verapaz",
+	"GT-15": "Baja Verapaz",
+	"GT-04": "Chimaltenango",
+	"GT-20": "Chiquimula",
+	"GT-02": "El Progreso",
+	"GT-05": "Escuintla",
+	"GT-01": "Guatemala",
+	"GT-13": "Huehuetenango",
+	"GT-18": "Izabal",
+	"GT-21": "Jalapa",
+	"GT-22": "Jutiapa",
+	"GT-17": "Petén",
+	"GT-09": "Quetzaltenango",
+	"GT-14": "Quiché",
+	"GT-11": "Retalhuleu",
+	"GT-03": "Sacatepéquez",
+	"GT-12": "San Marcos",
+	"GT-06": "Santa Rosa",
+	"GT-07": "Sololá",
+	"GT-10": "Suchitepéquez",
+	"GT-08": "Totonicapán",
+	"GT-19": "Zacapa",
+	"GN-B": "Boké",
+	"GN-F": "Faranah",
+	"GN-K": "Kankan",
+	"GN-D": "Kindia",
+	"GN-L": "Labé",
+	"GN-M": "Mamou",
+	"GN-N": "Nzérékoré",
+	"GN-C": "Conakry",
+	"GW-L": "Leste",
+	"GW-N": "Norte",
+	"GW-S": "Sul",
+	"GY-BA": "Barima-Waini",
+	"GY-CU": "Cuyuni-Mazaruni",
+	"GY-DE": "Demerara-Mahaica",
+	"GY-EB": "East Berbice-Corentyne",
+	"GY-ES": "Essequibo Islands-West Demerara",
+	"GY-MA": "Mahaica-Berbice",
+	"GY-PM": "Pomeroon-Supenaam",
+	"GY-PT": "Potaro-Siparuni",
+	"GY-UD": "Upper Demerara-Berbice",
+	"GY-UT": "Upper Takutu-Upper Essequibo",
+	"HT-AR": "Artibonite",
+	"HT-CE": "Centre",
+	"HT-GA": "Grande’Anse",
+	"HT-NI": "Nippes",
+	"HT-ND": "Nord",
+	"HT-NE": "Nord-Est",
+	"HT-NO": "Nord-Ouest",
+	"HT-OU": "Ouest",
+	"HT-SD": "Sud",
+	"HT-SE": "Sud-Est",
+	"HN-AT": "Atlántida",
+	"HN-CH": "Choluteca",
+	"HN-CL": "Colón",
+	"HN-CM": "Comayagua",
+	"HN-CP": "Copán",
+	"HN-CR": "Cortés",
+	"HN-EP": "El Paraíso",
+	"HN-FM": "Francisco Morazán",
+	"HN-GD": "Gracias a Dios",
+	"HN-IN": "Intibucá",
+	"HN-IB": "Islas de la Bahía",
+	"HN-LP": "La Paz",
+	"HN-LE": "Lempira",
+	"HN-OC": "Ocotepeque",
+	"HN-OL": "Olancho",
+	"HN-SB": "Santa Bárbara",
+	"HN-VA": "Valle",
+	"HN-YO": "Yoro",
+	"HU-BK": "Bács-Kiskun",
+	"HU-BA": "Baranya",
+	"HU-BE": "Békés",
+	"HU-BC": "Békéscsaba",
+	"HU-BZ": "Borsod-Abaúj-Zemplén",
+	"HU-BU": "Budapest",
+	"HU-CS": "Csongrád-Csanád",
+	"HU-DE": "Debrecen",
+	"HU-DU": "Dunaújváros",
+	"HU-EG": "Eger",
+	"HU-ER": "Érd",
+	"HU-FE": "Fejér",
+	"HU-GY": "Győr",
+	"HU-GS": "Győr-Moson-Sopron",
+	"HU-HB": "Hajdú-Bihar",
+	"HU-HE": "Heves",
+	"HU-HV": "Hódmezővásárhely",
+	"HU-JN": "Jász-Nagykun-Szolnok",
+	"HU-KV": "Kaposvár",
+	"HU-KM": "Kecskemét",
+	"HU-KE": "Komárom-Esztergom",
+	"HU-MI": "Miskolc",
+	"HU-NK": "Nagykanizsa",
+	"HU-NO": "Nógrád",
+	"HU-NY": "Nyíregyháza",
+	"HU-PS": "Pécs",
+	"HU-PE": "Pest",
+	"HU-ST": "Salgótarján",
+	"HU-SO": "Somogy",
+	"HU-SN": "Sopron",
+	"HU-SZ": "Szabolcs-Szatmár-Bereg",
+	"HU-SD": "Szeged",
+	"HU-SF": "Székesfehérvár",
+	"HU-SS": "Szekszárd",
+	"HU-SK": "Szolnok",
+	"HU-SH": "Szombathely",
+	"HU-TB": "Tatabánya",
+	"HU-TO": "Tolna",
+	"HU-VA": "Vas",
+	"HU-VM": "Veszprém",
+	"HU-VE": "Veszprém",
+	"HU-ZA": "Zala",
+	"HU-ZE": "Zalaegerszeg",
+	"IS-7": "Austurland",
+	"IS-1": "Höfuðborgarsvæði",
+	"IS-6": "Norðurland eystra",
+	"IS-5": "Norðurland vestra",
+	"IS-8": "Suðurland",
+	"IS-2": "Suðurnes",
+	"IS-4": "Vestfirðir",
+	"IS-3": "Vesturland",
+	"IN-AN": "Andaman and Nicobar Islands",
+	"IN-AP": "Andhra Pradesh",
+	"IN-AR": "Arunāchal Pradesh",
+	"IN-AS": "Assam",
+	"IN-BR": "Bihār",
+	"IN-CH": "Chandīgarh",
+	"IN-CG": "Chhattīsgarh",
+	"IN-DH": "Dādra and Nagar Haveli and Damān and Diu[1]",
+	"IN-DL": "Delhi",
+	"IN-GA": "Goa",
+	"IN-GJ": "Gujarāt",
+	"IN-HR": "Haryāna",
+	"IN-HP": "Himāchal Pradesh",
+	"IN-JK": "Jammu and Kashmīr",
+	"IN-JH": "Jhārkhand",
+	"IN-KA": "Karnātaka",
+	"IN-KL": "Kerala",
+	"IN-LA": "Ladākh",
+	"IN-LD": "Lakshadweep",
+	"IN-MP": "Madhya Pradesh",
+	"IN-MH": "Mahārāshtra",
+	"IN-MN": "Manipur",
+	"IN-ML": "Meghālaya",
+	"IN-MZ": "Mizoram",
+	"IN-NL": "Nāgāland",
+	"IN-OD": "Odisha",
+	"IN-PY": "Puducherry",
+	"IN-PB": "Punjab",
+	"IN-RJ": "Rājasthān",
+	"IN-SK": "Sikkim",
+	"IN-TN": "Tamil Nādu",
+	"IN-TS": "Telangāna[2]",
+	"IN-TR": "Tripura",
+	"IN-UP": "Uttar Pradesh",
+	"IN-UK": "Uttarākhand",
+	"IN-WB": "West Bengal",
+	"ID-JW": "Jawa",
+	"ID-KA": "Kalimantan",
+	"ID-ML": "Maluku",
+	"ID-NU": "Nusa Tenggara",
+	"ID-PP": "Papua",
+	"ID-SL": "Sulawesi",
+	"ID-SM": "Sumatera",
+	"IR-30": "Alborz",
+	"IR-24": "Ardabīl",
+	"IR-04": "Āz̄ārbāyjān-e Ghārbī",
+	"IR-03": "Āz̄ārbāyjān-e Shārqī",
+	"IR-18": "Būshehr",
+	"IR-14": "Chahār Maḩāl va Bakhtīārī",
+	"IR-10": "Eşfahān",
+	"IR-07": "Fārs",
+	"IR-01": "Gīlān",
+	"IR-27": "Golestān",
+	"IR-13": "Hamadān",
+	"IR-22": "Hormozgān",
+	"IR-16": "Īlām",
+	"IR-08": "Kermān",
+	"IR-05": "Kermānshāh",
+	"IR-29": "Khorāsān-e Jonūbī",
+	"IR-09": "Khorāsān-e Raẕavī",
+	"IR-28": "Khorāsān-e Shomālī",
+	"IR-06": "Khūzestān",
+	"IR-17": "Kohgīlūyeh va Bowyer Aḩmad",
+	"IR-12": "Kordestān",
+	"IR-15": "Lorestān",
+	"IR-00": "Markazī",
+	"IR-02": "Māzandarān",
+	"IR-26": "Qazvīn",
+	"IR-25": "Qom",
+	"IR-20": "Semnān",
+	"IR-11": "Sīstān va Balūchestān",
+	"IR-23": "Tehrān",
+	"IR-21": "Yazd",
+	"IR-19": "Zanjān",
+	"IQ-AN": "Al Anbār",
+	"IQ-BA": "Al Başrah",
+	"IQ-MU": "Al Muthanná",
+	"IQ-QA": "Al Qādisīyah",
+	"IQ-NA": "An Najaf",
+	"IQ-AR": "Arbīl",
+	"IQ-SU": "As Sulaymānīyah",
+	"IQ-BB": "Bābil",
+	"IQ-BG": "Baghdād",
+	"IQ-DA": "Dahūk",
+	"IQ-DQ": "Dhī Qār",
+	"IQ-DI": "Diyālá",
+	"IQ-KR": "Iqlīm Kūrdistān",
+	"IQ-KA": "Karbalā’",
+	"IQ-KI": "Kirkūk",
+	"IQ-MA": "Maysān",
+	"IQ-NI": "Nīnawá",
+	"IQ-SD": "Şalāḩ ad Dīn",
+	"IQ-WA": "Wāsiţ",
+	"IE-C": "Connaught",
+	"IE-L": "Leinster",
+	"IE-M": "Munster",
+	"IE-U": "Ulster[a]",
+	"IL-D": "HaDarom",
+	"IL-M": "HaMerkaz",
+	"IL-Z": "HaTsafon",
+	"IL-HA": "H̱efa",
+	"IL-TA": "Tel Aviv",
+	"IL-JM": "Yerushalayim",
+	"IT-65": "Abruzzo",
+	"IT-77": "Basilicata",
+	"IT-78": "Calabria",
+	"IT-72": "Campania",
+	"IT-45": "Emilia-Romagna",
+	"IT-36": "Friuli Venezia Giulia",
+	"IT-62": "Lazio",
+	"IT-42": "Liguria",
+	"IT-25": "Lombardia",
+	"IT-57": "Marche",
+	"IT-67": "Molise",
+	"IT-21": "Piemonte",
+	"IT-75": "Puglia",
+	"IT-88": "Sardegna",
+	"IT-82": "Sicilia",
+	"IT-52": "Toscana",
+	"IT-32": "Trentino-Alto Adigede",
+	"IT-55": "Umbria",
+	"IT-23": "Valle d'Aostafr",
+	"IT-34": "Veneto",
+	"JM-13": "Clarendon",
+	"JM-09": "Hanover",
+	"JM-01": "Kingston",
+	"JM-12": "Manchester",
+	"JM-04": "Portland",
+	"JM-02": "Saint Andrew",
+	"JM-06": "Saint Ann",
+	"JM-14": "Saint Catherine",
+	"JM-11": "Saint Elizabeth",
+	"JM-08": "Saint James",
+	"JM-05": "Saint Mary",
+	"JM-03": "Saint Thomas",
+	"JM-07": "Trelawny",
+	"JM-10": "Westmoreland",
+	"JP-23": "Aiti",
+	"JP-05": "Akita",
+	"JP-02": "Aomori",
+	"JP-38": "Ehime",
+	"JP-21": "Gihu",
+	"JP-10": "Gunma",
+	"JP-34": "Hirosima",
+	"JP-01": "Hokkaidô",
+	"JP-18": "Hukui",
+	"JP-40": "Hukuoka",
+	"JP-07": "Hukusima",
+	"JP-28": "Hyôgo",
+	"JP-08": "Ibaraki",
+	"JP-17": "Isikawa",
+	"JP-03": "Iwate",
+	"JP-37": "Kagawa",
+	"JP-46": "Kagosima",
+	"JP-14": "Kanagawa",
+	"JP-39": "Kôti",
+	"JP-43": "Kumamoto",
+	"JP-26": "Kyôto",
+	"JP-24": "Mie",
+	"JP-04": "Miyagi",
+	"JP-45": "Miyazaki",
+	"JP-20": "Nagano",
+	"JP-42": "Nagasaki",
+	"JP-29": "Nara",
+	"JP-15": "Niigata",
+	"JP-44": "Ôita",
+	"JP-33": "Okayama",
+	"JP-47": "Okinawa",
+	"JP-27": "Ôsaka",
+	"JP-41": "Saga",
+	"JP-11": "Saitama",
+	"JP-25": "Siga",
+	"JP-32": "Simane",
+	"JP-22": "Sizuoka",
+	"JP-12": "Tiba",
+	"JP-36": "Tokusima",
+	"JP-13": "Tôkyô",
+	"JP-09": "Totigi",
+	"JP-31": "Tottori",
+	"JP-16": "Toyama",
+	"JP-30": "Wakayama",
+	"JP-06": "Yamagata",
+	"JP-35": "Yamaguti",
+	"JP-19": "Yamanasi",
+	"JO-AJ": "‘Ajlūn",
+	"JO-AQ": "Al ‘Aqabah",
+	"JO-AM": "Al ‘A̅şimah",
+	"JO-BA": "Al Balqā’",
+	"JO-KA": "Al Karak",
+	"JO-MA": "Al Mafraq",
+	"JO-AT": "Aţ Ţafīlah",
+	"JO-AZ": "Az Zarqā’",
+	"JO-IR": "Irbid",
+	"JO-JA": "Jarash",
+	"JO-MN": "Ma‘ān",
+	"JO-MD": "Mādabā",
+	"KZ-10": "Abayoblysy",
+	"KZ-75": "Almaty",
+	"KZ-19": "Almatyoblysy",
+	"KZ-11": "Aqmola oblysy",
+	"KZ-15": "Aqtöbe oblysy",
+	"KZ-71": "Astana",
+	"KZ-23": "Atyraūoblysy",
+	"KZ-27": "Batys Qazaqstan oblysy",
+	"KZ-47": "Mangghystaū oblysy",
+	"KZ-55": "Pavlodar oblysy",
+	"KZ-35": "Qaraghandy oblysy",
+	"KZ-39": "Qostanay oblysy",
+	"KZ-43": "Qyzylorda oblysy",
+	"KZ-63": "Shyghys Qazaqstan oblysy",
+	"KZ-79": "Shymkent",
+	"KZ-59": "Soltüstik Qazaqstan oblysy",
+	"KZ-61": "Türkistan oblysy",
+	"KZ-62": "Ulytaūoblysy",
+	"KZ-31": "Zhambyl oblysy",
+	"KZ-33": "Zhetisū oblysy",
+	"KE-01": "Baringo",
+	"KE-02": "Bomet",
+	"KE-03": "Bungoma",
+	"KE-04": "Busia",
+	"KE-05": "Elgeyo/Marakwet",
+	"KE-06": "Embu",
+	"KE-07": "Garissa",
+	"KE-08": "Homa Bay",
+	"KE-09": "Isiolo",
+	"KE-10": "Kajiado",
+	"KE-11": "Kakamega",
+	"KE-12": "Kericho",
+	"KE-13": "Kiambu",
+	"KE-14": "Kilifi",
+	"KE-15": "Kirinyaga",
+	"KE-16": "Kisii",
+	"KE-17": "Kisumu",
+	"KE-18": "Kitui",
+	"KE-19": "Kwale",
+	"KE-20": "Laikipia",
+	"KE-21": "Lamu",
+	"KE-22": "Machakos",
+	"KE-23": "Makueni",
+	"KE-24": "Mandera",
+	"KE-25": "Marsabit",
+	"KE-26": "Meru",
+	"KE-27": "Migori",
+	"KE-28": "Mombasa",
+	"KE-29": "Murang'a",
+	"KE-30": "Nairobi City",
+	"KE-31": "Nakuru",
+	"KE-32": "Nandi",
+	"KE-33": "Narok",
+	"KE-34": "Nyamira",
+	"KE-35": "Nyandarua",
+	"KE-36": "Nyeri",
+	"KE-37": "Samburu",
+	"KE-38": "Siaya",
+	"KE-39": "Taita/Taveta",
+	"KE-40": "Tana River",
+	"KE-41": "Tharaka-Nithi",
+	"KE-42": "Trans Nzoia",
+	"KE-43": "Turkana",
+	"KE-44": "Uasin Gishu",
+	"KE-45": "Vihiga",
+	"KE-46": "Wajir",
+	"KE-47": "West Pokot",
+	"KI-G": "Gilbert Islands",
+	"KI-L": "Line Islands",
+	"KI-P": "Phoenix Islands",
+	"KP-04": "Chagang-do",
+	"KP-09": "Hamgyǒng-bukto",
+	"KP-08": "Hamgyǒng-namdo",
+	"KP-06": "Hwanghae-bukto",
+	"KP-05": "Hwanghae-namdo",
+	"KP-15": "Kaesŏng",
+	"KP-07": "Kangwǒn-do",
+	"KP-14": "Namp’o",
+	"KP-03": "P'yǒngan-bukto",
+	"KP-02": "P'yǒngan-namdo",
+	"KP-01": "P'yǒngyang",
+	"KP-13": "Rasǒn",
+	"KP-10": "Ryanggang-do",
+	"KR-26": "Busan-gwangyeoksi",
+	"KR-43": "Chungcheongbuk-do",
+	"KR-44": "Chungcheongnam-do",
+	"KR-27": "Daegu-gwangyeoksi",
+	"KR-30": "Daejeon-gwangyeoksi",
+	"KR-42": "Gangwon-teukbyeoljachido",
+	"KR-29": "Gwangju-gwangyeoksi",
+	"KR-41": "Gyeonggi-do",
+	"KR-47": "Gyeongsangbuk-do",
+	"KR-48": "Gyeongsangnam-do",
+	"KR-28": "Incheon-gwangyeoksi",
+	"KR-49": "Jeju-teukbyeoljachido",
+	"KR-45": "Jeollabuk-do",
+	"KR-46": "Jeollanam-do",
+	"KR-50": "Sejong",
+	"KR-11": "Seoul-teukbyeolsi",
+	"KR-31": "Ulsan-gwangyeoksi",
+	"KW-AH": "Al Aḩmadī",
+	"KW-FA": "Al Farwānīyah",
+	"KW-JA": "Al Jahrā’",
+	"KW-KU": "Al ‘Āşimah",
+	"KW-HA": "Ḩawallī",
+	"KW-MU": "Mubārak al Kabīr",
+	"KG-B": "Batken",
+	"KG-GB": "Bishkek Shaary",
+	"KG-C": "Chüy",
+	"KG-J": "Jalal-Abad",
+	"KG-N": "Naryn",
+	"KG-O": "Osh",
+	"KG-GO": "Osh Shaary",
+	"KG-T": "Talas",
+	"KG-Y": "Ysyk-Köl",
+	"LA-AT": "Attapu",
+	"LA-BK": "Bokèo",
+	"LA-BL": "Bolikhamxai",
+	"LA-CH": "Champasak",
+	"LA-HO": "Houaphan",
+	"LA-KH": "Khammouan",
+	"LA-LM": "Louang Namtha",
+	"LA-LP": "Louangphabang",
+	"LA-OU": "Oudômxai",
+	"LA-PH": "Phôngsali",
+	"LA-SL": "Salavan",
+	"LA-SV": "Savannakhét",
+	"LA-VI": "Viangchan",
+	"LA-VT": "Viangchan",
+	"LA-XA": "Xaignabouli",
+	"LA-XS": "Xaisômboun",
+	"LA-XE": "Xékong",
+	"LA-XI": "Xiangkhouang",
+	"LV-002": "Aizkraukles novads",
+	"LV-007": "Alūksnes novads",
+	"LV-111": "Augšdaugavas novads",
+	"LV-011": "Ādažu novads",
+	"LV-015": "Balvu novads",
+	"LV-016": "Bauskas novads",
+	"LV-022": "Cēsu novads",
+	"LV-DGV": "Daugavpils",
+	"LV-112": "Dienvidkurzemes Novads",
+	"LV-026": "Dobeles novads",
+	"LV-033": "Gulbenes novads",
+	"LV-JEL": "Jelgava",
+	"LV-041": "Jelgavas novads",
+	"LV-042": "Jēkabpils novads",
+	"LV-JUR": "Jūrmala",
+	"LV-047": "Krāslavas novads",
+	"LV-050": "Kuldīgas novads",
+	"LV-052": "Ķekavas novads",
+	"LV-LPX": "Liepāja",
+	"LV-054": "Limbažu novads",
+	"LV-056": "Līvānu novads",
+	"LV-058": "Ludzas novads",
+	"LV-059": "Madonas novads",
+	"LV-062": "Mārupes novads",
+	"LV-067": "Ogres novads",
+	"LV-068": "Olaines novads",
+	"LV-073": "Preiļu novads",
+	"LV-REZ": "Rēzekne",
+	"LV-077": "Rēzeknes novads",
+	"LV-RIX": "Rīga",
+	"LV-080": "Ropažu novads",
+	"LV-087": "Salaspils novads",
+	"LV-088": "Saldus novads",
+	"LV-089": "Saulkrastu novads",
+	"LV-091": "Siguldas novads",
+	"LV-094": "Smiltenes novads",
+	"LV-097": "Talsu novads",
+	"LV-099": "Tukuma novads",
+	"LV-101": "Valkas novads",
+	"LV-113": "Valmieras Novads",
+	"LV-102": "Varakļānu novads",
+	"LV-VEN": "Ventspils",
+	"LV-106": "Ventspils novads",
+	"LB-AK": "Aakkâr",
+	"LB-BH": "Baalbek-Hermel",
+	"LB-BI": "Béqaa",
+	"LB-BA": "Beyrouth",
+	"LB-AS": "Liban-Nord",
+	"LB-JA": "Liban-Sud",
+	"LB-JL": "Mont-Liban",
+	"LB-NA": "Nabatîyé",
+	"LS-D": "Berea",
+	"LS-B": "Botha-Bothe",
+	"LS-C": "Leribe",
+	"LS-E": "Mafeteng",
+	"LS-A": "Maseru",
+	"LS-F": "Mohale's Hoek",
+	"LS-J": "Mokhotlong",
+	"LS-H": "Qacha's Nek",
+	"LS-G": "Quthing",
+	"LS-K": "Thaba-Tseka",
+	"LR-BM": "Bomi",
+	"LR-BG": "Bong",
+	"LR-GP": "Gbarpolu",
+	"LR-GB": "Grand Bassa",
+	"LR-CM": "Grand Cape Mount",
+	"LR-GG": "Grand Gedeh",
+	"LR-GK": "Grand Kru",
+	"LR-LO": "Lofa",
+	"LR-MG": "Margibi",
+	"LR-MY": "Maryland",
+	"LR-MO": "Montserrado",
+	"LR-NI": "Nimba",
+	"LR-RI": "River Cess",
+	"LR-RG": "River Gee",
+	"LR-SI": "Sinoe",
+	"LY-BU": "Al Buţnān",
+	"LY-JA": "Al Jabal al Akhḑar",
+	"LY-JG": "Al Jabal al Gharbī",
+	"LY-JI": "Al Jafārah",
+	"LY-JU": "Al Jufrah",
+	"LY-KF": "Al Kufrah",
+	"LY-MJ": "Al Marj",
+	"LY-MB": "Al Marqab",
+	"LY-WA": "Al Wāḩāt",
+	"LY-NQ": "An Nuqāţ al Khams",
+	"LY-ZA": "Az Zāwiyah",
+	"LY-BA": "Banghāzī",
+	"LY-DR": "Darnah",
+	"LY-GT": "Ghāt",
+	"LY-MI": "Mişrātah",
+	"LY-MQ": "Murzuq",
+	"LY-NL": "Nālūt",
+	"LY-SB": "Sabhā",
+	"LY-SR": "Surt",
+	"LY-TB": "Ţarābulus",
+	"LY-WD": "Wādī al Ḩayāt",
+	"LY-WS": "Wādī ash Shāţi’",
+	"LI-01": "Balzers",
+	"LI-02": "Eschen",
+	"LI-03": "Gamprin",
+	"LI-04": "Mauren",
+	"LI-05": "Planken",
+	"LI-06": "Ruggell",
+	"LI-07": "Schaan",
+	"LI-08": "Schellenberg",
+	"LI-09": "Triesen",
+	"LI-10": "Triesenberg",
+	"LI-11": "Vaduz",
+	"LT-AL": "Alytaus apskritis",
+	"LT-KU": "Kauno apskritis",
+	"LT-KL": "Klaipėdos apskritis",
+	"LT-MR": "Marijampolės apskritis",
+	"LT-PN": "Panevėžio apskritis",
+	"LT-SA": "Šiaulių apskritis",
+	"LT-TA": "Tauragės apskritis",
+	"LT-TE": "Telšių apskritis",
+	"LT-UT": "Utenos apskritis",
+	"LT-VL": "Vilniaus apskritis",
+	"LU-CA": "Capellen",
+	"LU-CL": "Clervaux",
+	"LU-DI": "Diekirch",
+	"LU-EC": "Echternach",
+	"LU-ES": "Esch-sur-Alzette",
+	"LU-GR": "Grevenmacher",
+	"LU-LU": "Luxembourg",
+	"LU-ME": "Mersch",
+	"LU-RD": "Redange",
+	"LU-RM": "Remich",
+	"LU-VD": "Vianden",
+	"LU-WI": "Wiltz",
+	"MG-T": "Antananarivo",
+	"MG-D": "Antsiranana",
+	"MG-F": "Fianarantsoa",
+	"MG-M": "Mahajanga",
+	"MG-A": "Toamasina",
+	"MG-U": "Toliara",
+	"MW-N": "Chakumpoto",
+	"MW-S": "Chakumwera",
+	"MW-C": "Chapakati",
+	"MY-01": "Johor",
+	"MY-02": "Kedah",
+	"MY-03": "Kelantan",
+	"MY-04": "Melaka",
+	"MY-05": "Negeri Sembilan",
+	"MY-06": "Pahang",
+	"MY-08": "Perak",
+	"MY-09": "Perlis",
+	"MY-07": "Pulau Pinang",
+	"MY-12": "Sabah",
+	"MY-13": "Sarawak",
+	"MY-10": "Selangor",
+	"MY-11": "Terengganu",
+	"MY-14": "Wilayah Persekutuan Kuala Lumpur",
+	"MY-15": "Wilayah Persekutuan Labuan",
+	"MY-16": "Wilayah Persekutuan Putrajaya",
+	"MV-01": "Addu",
+	"MV-00": "Ariatholhu Dhekunuburi",
+	"MV-02": "Ariatholhu Uthuruburi",
+	"MV-03": "Faadhippolhu",
+	"MV-04": "Felidheatholhu",
+	"MV-29": "Fuvammulah",
+	"MV-05": "Hahdhunmathi",
+	"MV-28": "Huvadhuatholhu Dhekunuburi",
+	"MV-27": "Huvadhuatholhu Uthuruburi",
+	"MV-08": "Kolhumadulu",
+	"MV-MLE": "Maale",
+	"MV-26": "Maaleatholhu",
+	"MV-20": "Maalhosmadulu Dhekunuburi",
+	"MV-13": "Maalhosmadulu Uthuruburi",
+	"MV-25": "Miladhunmadulu Dhekunuburi",
+	"MV-24": "Miladhunmadulu Uthuruburi",
+	"MV-12": "Mulakatholhu",
+	"MV-17": "Nilandheatholhu Dhekunuburi",
+	"MV-14": "Nilandheatholhu Uthuruburi",
+	"MV-23": "Thiladhunmathee Dhekunuburi",
+	"MV-07": "Thiladhunmathee Uthuruburi",
+	"ML-BKO": "Bamako",
+	"ML-7": "Gao",
+	"ML-1": "Kayes",
+	"ML-8": "Kidal",
+	"ML-2": "Koulikoro",
+	"ML-9": "Ménaka",
+	"ML-5": "Mopti",
+	"ML-4": "Ségou",
+	"ML-3": "Sikasso",
+	"ML-10": "Taoudénit",
+	"ML-6": "Tombouctou",
+	"MT-01": "Attard",
+	"MT-02": "Balzan",
+	"MT-03": "Birgu",
+	"MT-04": "Birkirkara",
+	"MT-05": "Birżebbuġa",
+	"MT-06": "Bormla",
+	"MT-07": "Dingli",
+	"MT-08": "Fgura",
+	"MT-09": "Floriana",
+	"MT-10": "Fontana",
+	"MT-11": "Gudja",
+	"MT-12": "Gżira",
+	"MT-13": "Għajnsielem",
+	"MT-14": "Għarb",
+	"MT-15": "Għargħur",
+	"MT-16": "Għasri",
+	"MT-17": "Għaxaq",
+	"MT-18": "Ħamrun",
+	"MT-19": "Iklin",
+	"MT-20": "Isla",
+	"MT-21": "Kalkara",
+	"MT-22": "Kerċem",
+	"MT-23": "Kirkop",
+	"MT-24": "Lija",
+	"MT-25": "Luqa",
+	"MT-26": "Marsa",
+	"MT-27": "Marsaskala",
+	"MT-28": "Marsaxlokk",
+	"MT-29": "Mdina",
+	"MT-30": "Mellieħa",
+	"MT-31": "Mġarr",
+	"MT-32": "Mosta",
+	"MT-33": "Mqabba",
+	"MT-34": "Msida",
+	"MT-35": "Mtarfa",
+	"MT-36": "Munxar",
+	"MT-37": "Nadur",
+	"MT-38": "Naxxar",
+	"MT-39": "Paola",
+	"MT-40": "Pembroke",
+	"MT-41": "Pietà",
+	"MT-42": "Qala",
+	"MT-43": "Qormi",
+	"MT-44": "Qrendi",
+	"MT-45": "Rabat Għawdex",
+	"MT-46": "Rabat Malta",
+	"MT-47": "Safi",
+	"MT-48": "San Ġiljan",
+	"MT-49": "San Ġwann",
+	"MT-50": "San Lawrenz",
+	"MT-51": "San Pawl il-Baħar",
+	"MT-52": "Sannat",
+	"MT-53": "Santa Luċija",
+	"MT-54": "Santa Venera",
+	"MT-55": "Siġġiewi",
+	"MT-56": "Sliema",
+	"MT-57": "Swieqi",
+	"MT-58": "Ta' Xbiex",
+	"MT-59": "Tarxien",
+	"MT-60": "Valletta",
+	"MT-61": "Xagħra",
+	"MT-62": "Xewkija",
+	"MT-63": "Xgħajra",
+	"MT-64": "Żabbar",
+	"MT-65": "Żebbuġ Għawdex",
+	"MT-66": "Żebbuġ Malta",
+	"MT-67": "Żejtun",
+	"MT-68": "Żurrieq",
+	"MH-L": "Ralik chain",
+	"MH-T": "Ratak chain",
+	"MR-07": "Adrar",
+	"MR-03": "Assaba",
+	"MR-05": "Brakna",
+	"MR-08": "Dakhlet Nouâdhibou",
+	"MR-04": "Gorgol",
+	"MR-10": "Guidimaka",
+	"MR-01": "Hodh ech Chargui",
+	"MR-02": "Hodh el Gharbi",
+	"MR-12": "Inchiri",
+	"MR-09": "Tagant",
+	"MR-11": "Tiris Zemmour",
+	"MR-06": "Trarza",
+	"MU-AG": "Agalega Islands",
+	"MU-BL": "Black River",
+	"MU-CC": "Cargados Carajos Shoals",
+	"MU-FL": "Flacq",
+	"MU-GP": "Grand Port",
+	"MU-MO": "Moka",
+	"MU-PA": "Pamplemousses",
+	"MU-PW": "Plaines Wilhems",
+	"MU-PL": "Port Louis",
+	"MU-RR": "Rivière du Rempart",
+	"MU-RO": "Rodrigues Island",
+	"MU-SA": "Savanne",
+	"MX-AGU": "Aguascalientes",
+	"MX-BCN": "Baja California",
+	"MX-BCS": "Baja California Sur",
+	"MX-CAM": "Campeche",
+	"MX-CMX": "Ciudad de México",
+	"MX-COA": "Coahuila de Zaragoza",
+	"MX-COL": "Colima",
+	"MX-CHP": "Chiapas",
+	"MX-CHH": "Chihuahua",
+	"MX-DUR": "Durango",
+	"MX-GUA": "Guanajuato",
+	"MX-GRO": "Guerrero",
+	"MX-HID": "Hidalgo",
+	"MX-JAL": "Jalisco",
+	"MX-MEX": "México",
+	"MX-MIC": "Michoacán de Ocampo",
+	"MX-MOR": "Morelos",
+	"MX-NAY": "Nayarit",
+	"MX-NLE": "Nuevo León",
+	"MX-OAX": "Oaxaca",
+	"MX-PUE": "Puebla",
+	"MX-QUE": "Querétaro",
+	"MX-ROO": "Quintana Roo",
+	"MX-SLP": "San Luis Potosí",
+	"MX-SIN": "Sinaloa",
+	"MX-SON": "Sonora",
+	"MX-TAB": "Tabasco",
+	"MX-TAM": "Tamaulipas",
+	"MX-TLA": "Tlaxcala",
+	"MX-VER": "Veracruz de Ignacio de la Llave",
+	"MX-YUC": "Yucatán",
+	"MX-ZAC": "Zacatecas",
+	"FM-TRK": "Chuuk",
+	"FM-KSA": "Kosrae",
+	"FM-PNI": "Pohnpei",
+	"FM-YAP": "Yap",
+	"MD-AN": "Anenii Noi",
+	"MD-BS": "Basarabeasca",
+	"MD-BA": "Bălți",
+	"MD-BD": "Bender",
+	"MD-BR": "Briceni",
+	"MD-CA": "Cahul",
+	"MD-CT": "Cantemir",
+	"MD-CL": "Călărași",
+	"MD-CS": "Căușeni",
+	"MD-CU": "Chișinău",
+	"MD-CM": "Cimișlia",
+	"MD-CR": "Criuleni",
+	"MD-DO": "Dondușeni",
+	"MD-DR": "Drochia",
+	"MD-DU": "Dubăsari",
+	"MD-ED": "Edineț",
+	"MD-FA": "Fălești",
+	"MD-FL": "Florești",
+	"MD-GA": "Găgăuzia",
+	"MD-GL": "Glodeni",
+	"MD-HI": "Hîncești",
+	"MD-IA": "Ialoveni",
+	"MD-LE": "Leova",
+	"MD-NI": "Nisporeni",
+	"MD-OC": "Ocnița",
+	"MD-OR": "Orhei",
+	"MD-RE": "Rezina",
+	"MD-RI": "Rîșcani",
+	"MD-SI": "Sîngerei",
+	"MD-SO": "Soroca",
+	"MD-SN": "Stînga Nistrului",
+	"MD-ST": "Strășeni",
+	"MD-SD": "Șoldănești",
+	"MD-SV": "Ștefan Vodă",
+	"MD-TA": "Taraclia",
+	"MD-TE": "Telenești",
+	"MD-UN": "Ungheni",
+	"MC-FO": "Fontvieille",
+	"MC-JE": "Jardin Exotique",
+	"MC-CL": "La Colle",
+	"MC-CO": "La Condamine",
+	"MC-GA": "La Gare",
+	"MC-SO": "La Source",
+	"MC-LA": "Larvotto",
+	"MC-MA": "Malbousquet",
+	"MC-MO": "Monaco-Ville",
+	"MC-MG": "Moneghetti",
+	"MC-MC": "Monte-Carlo",
+	"MC-MU": "Moulins",
+	"MC-PH": "Port-Hercule",
+	"MC-SR": "Saint-Roman",
+	"MC-SD": "Sainte-Dévote",
+	"MC-SP": "Spélugues",
+	"MC-VR": "Vallon de la Rousse",
+	"MN-073": "Arhangay",
+	"MN-069": "Bayanhongor",
+	"MN-071": "Bayan-Ölgiy",
+	"MN-067": "Bulgan",
+	"MN-037": "Darhan uul",
+	"MN-061": "Dornod",
+	"MN-063": "Dornogovĭ",
+	"MN-059": "Dundgovĭ",
+	"MN-057": "Dzavhan",
+	"MN-065": "Govĭ-Altay",
+	"MN-064": "Govĭ-Sümber",
+	"MN-039": "Hentiy",
+	"MN-043": "Hovd",
+	"MN-041": "Hövsgöl",
+	"MN-053": "Ömnögovĭ",
+	"MN-035": "Orhon",
+	"MN-055": "Övörhangay",
+	"MN-049": "Selenge",
+	"MN-051": "Sühbaatar",
+	"MN-047": "Töv",
+	"MN-1": "Ulaanbaatar",
+	"MN-046": "Uvs",
+	"MA-05": "Béni Mellal-Khénifra",
+	"MA-06": "Casablanca-Settat",
+	"MA-12": "Dakhla-Oued Ed-Dahab",
+	"MA-08": "Drâa-Tafilalet",
+	"MA-03": "Fès-Meknès",
+	"MA-10": "Guelmim-Oued Noun",
+	"MA-02": "L'Oriental",
+	"MA-11": "Laâyoune-Sakia El Hamra",
+	"MA-07": "Marrakech-Safi",
+	"MA-04": "Rabat-Salé-Kénitra",
+	"MA-09": "Souss-Massa",
+	"MA-01": "Tanger-Tétouan-Al Hoceïma",
+	"MZ-P": "Cabo Delgado",
+	"MZ-G": "Gaza",
+	"MZ-I": "Inhambane",
+	"MZ-B": "Manica",
+	"MZ-MPM": "Maputo",
+	"MZ-L": "Maputo",
+	"MZ-N": "Nampula",
+	"MZ-A": "Niassa",
+	"MZ-S": "Sofala",
+	"MZ-T": "Tete",
+	"MZ-Q": "Zambézia",
+	"MM-07": "Ayeyarwady",
+	"MM-02": "Bago",
+	"MM-14": "Chin",
+	"MM-11": "Kachin",
+	"MM-12": "Kayah",
+	"MM-13": "Kayin",
+	"MM-03": "Magway",
+	"MM-04": "Mandalay",
+	"MM-15": "Mon",
+	"MM-18": "Nay Pyi Taw",
+	"MM-16": "Rakhine",
+	"MM-01": "Sagaing",
+	"MM-17": "Shan",
+	"MM-05": "Tanintharyi",
+	"MM-06": "Yangon",
+	"NA-ER": "Erongo",
+	"NA-HA": "Hardap",
+	"NA-KA": "//Karas",
+	"NA-KE": "Kavango East",
+	"NA-KW": "Kavango West",
+	"NA-KH": "Khomas",
+	"NA-KU": "Kunene",
+	"NA-OW": "Ohangwena",
+	"NA-OH": "Omaheke",
+	"NA-OS": "Omusati",
+	"NA-ON": "Oshana",
+	"NA-OT": "Oshikoto",
+	"NA-OD": "Otjozondjupa",
+	"NA-CA": "Zambezi",
+	"NR-01": "Aiwo",
+	"NR-02": "Anabar",
+	"NR-03": "Anetan",
+	"NR-04": "Anibare",
+	"NR-05": "Baitsi",
+	"NR-06": "Boe",
+	"NR-07": "Buada",
+	"NR-08": "Denigomodu",
+	"NR-09": "Ewa",
+	"NR-10": "Ijuw",
+	"NR-11": "Meneng",
+	"NR-12": "Nibok",
+	"NR-13": "Uaboe",
+	"NR-14": "Yaren",
+	"NP-P3": "Bāgmatī",
+	"NP-P4": "Gaṇḍakī",
+	"NP-P6": "Karṇālī",
+	"NP-P1": "Koshī",
+	"NP-P5": "Lumbinī",
+	"NP-P2": "Madhesh",
+	"NP-P7": "Sudūrpashchim",
+	"NL-DR": "Drenthe",
+	"NL-FL": "Flevoland",
+	"NL-FR": "Fryslânfy",
+	"NL-GE": "Gelderland",
+	"NL-GR": "Groningen",
+	"NL-LI": "Limburg",
+	"NL-NB": "Noord-Brabant",
+	"NL-NH": "Noord-Holland",
+	"NL-OV": "Overijssel",
+	"NL-UT": "Utrecht",
+	"NL-ZE": "Zeeland",
+	"NL-ZH": "Zuid-Holland",
+	"NZ-AUK": "Auckland",
+	"NZ-BOP": "Bay of Plenty",
+	"NZ-CAN": "Canterbury",
+	"NZ-CIT": "Chatham Islands Territory",
+	"NZ-GIS": "Gisborne",
+	"NZ-WGN": "Greater Wellington",
+	"NZ-HKB": "Hawke's Bay",
+	"NZ-MWT": "Manawatū-Whanganui",
+	"NZ-MBH": "Marlborough",
+	"NZ-NSN": "Nelson",
+	"NZ-NTL": "Northland",
+	"NZ-OTA": "Otago",
+	"NZ-STL": "Southland",
+	"NZ-TKI": "Taranaki",
+	"NZ-TAS": "Tasman",
+	"NZ-WKO": "Waikato",
+	"NZ-WTC": "West Coast",
+	"NI-BO": "Boaco",
+	"NI-CA": "Carazo",
+	"NI-CI": "Chinandega",
+	"NI-CO": "Chontales",
+	"NI-AN": "Costa Caribe Norte",
+	"NI-AS": "Costa Caribe Sur",
+	"NI-ES": "Estelí",
+	"NI-GR": "Granada",
+	"NI-JI": "Jinotega",
+	"NI-LE": "León",
+	"NI-MD": "Madriz",
+	"NI-MN": "Managua",
+	"NI-MS": "Masaya",
+	"NI-MT": "Matagalpa",
+	"NI-NS": "Nueva Segovia",
+	"NI-SJ": "Río San Juan",
+	"NI-RI": "Rivas",
+	"NE-1": "Agadez",
+	"NE-2": "Diffa",
+	"NE-3": "Dosso",
+	"NE-4": "Maradi",
+	"NE-8": "Niamey",
+	"NE-5": "Tahoua",
+	"NE-6": "Tillabéri",
+	"NE-7": "Zinder",
+	"NG-AB": "Abia",
+	"NG-FC": "Abuja Federal Capital Territory",
+	"NG-AD": "Adamawa",
+	"NG-AK": "Akwa Ibom",
+	"NG-AN": "Anambra",
+	"NG-BA": "Bauchi",
+	"NG-BY": "Bayelsa",
+	"NG-BE": "Benue",
+	"NG-BO": "Borno",
+	"NG-CR": "Cross River",
+	"NG-DE": "Delta",
+	"NG-EB": "Ebonyi",
+	"NG-ED": "Edo",
+	"NG-EK": "Ekiti",
+	"NG-EN": "Enugu",
+	"NG-GO": "Gombe",
+	"NG-IM": "Imo",
+	"NG-JI": "Jigawa",
+	"NG-KD": "Kaduna",
+	"NG-KN": "Kano",
+	"NG-KT": "Katsina",
+	"NG-KE": "Kebbi",
+	"NG-KO": "Kogi",
+	"NG-KW": "Kwara",
+	"NG-LA": "Lagos",
+	"NG-NA": "Nasarawa",
+	"NG-NI": "Niger",
+	"NG-OG": "Ogun",
+	"NG-ON": "Ondo",
+	"NG-OS": "Osun",
+	"NG-OY": "Oyo",
+	"NG-PL": "Plateau",
+	"NG-RI": "Rivers",
+	"NG-SO": "Sokoto",
+	"NG-TA": "Taraba",
+	"NG-YO": "Yobe",
+	"NG-ZA": "Zamfara",
+	"MK-801": "Aerodrom",
+	"MK-802": "Aračinovo",
+	"MK-201": "Berovo",
+	"MK-501": "Bitola",
+	"MK-401": "Bogdanci",
+	"MK-601": "Bogovinje",
+	"MK-402": "Bosilovo",
+	"MK-602": "Brvenica",
+	"MK-803": "Butel",
+	"MK-814": "Centar",
+	"MK-313": "Centar Župa",
+	"MK-815": "Čair",
+	"MK-109": "Čaška",
+	"MK-210": "Češinovo-Obleševo",
+	"MK-816": "Čučer-Sandevo",
+	"MK-303": "Debar",
+	"MK-304": "Debrca",
+	"MK-203": "Delčevo",
+	"MK-502": "Demir Hisar",
+	"MK-103": "Demir Kapija",
+	"MK-406": "Dojran",
+	"MK-503": "Dolneni",
+	"MK-804": "Gazi Baba",
+	"MK-405": "Gevgelija",
+	"MK-805": "Gjorče Petrov",
+	"MK-604": "Gostivar",
+	"MK-102": "Gradsko",
+	"MK-807": "Ilinden",
+	"MK-606": "Jegunovce",
+	"MK-205": "Karbinci",
+	"MK-808": "Karpoš",
+	"MK-104": "Kavadarci",
+	"MK-307": "Kičevo",
+	"MK-809": "Kisela Voda",
+	"MK-206": "Kočani",
+	"MK-407": "Konče",
+	"MK-701": "Kratovo",
+	"MK-702": "Kriva Palanka",
+	"MK-504": "Krivogaštani",
+	"MK-505": "Kruševo",
+	"MK-703": "Kumanovo",
+	"MK-704": "Lipkovo",
+	"MK-105": "Lozovo",
+	"MK-207": "Makedonska Kamenica",
+	"MK-308": "Makedonski Brod",
+	"MK-607": "Mavrovo i Rostuše",
+	"MK-506": "Mogila",
+	"MK-106": "Negotino",
+	"MK-507": "Novaci",
+	"MK-408": "Novo Selo",
+	"MK-310": "Ohrid",
+	"MK-208": "Pehčevo",
+	"MK-810": "Petrovec",
+	"MK-311": "Plasnica",
+	"MK-508": "Prilep",
+	"MK-209": "Probištip",
+	"MK-409": "Radoviš",
+	"MK-705": "Rankovce",
+	"MK-509": "Resen",
+	"MK-107": "Rosoman",
+	"MK-811": "Saraj",
+	"MK-812": "Sopište",
+	"MK-706": "Staro Nagoričane",
+	"MK-312": "Struga",
+	"MK-410": "Strumica",
+	"MK-813": "Studeničani",
+	"MK-108": "Sveti Nikole",
+	"MK-211": "Štip",
+	"MK-817": "Šuto Orizari",
+	"MK-608": "Tearce",
+	"MK-609": "Tetovo",
+	"MK-403": "Valandovo",
+	"MK-404": "Vasilevo",
+	"MK-101": "Veles",
+	"MK-301": "Vevčani",
+	"MK-202": "Vinica",
+	"MK-603": "Vrapčište",
+	"MK-806": "Zelenikovo",
+	"MK-204": "Zrnovci",
+	"MK-605": "Želino",
+	"NO-42": "Agder",
+	"NO-34": "Innlandet",
+	"NO-22": "Jan Mayen",
+	"NO-15": "Møre og Romsdal",
+	"NO-18": "Nordland",
+	"NO-03": "Oslo",
+	"NO-11": "Rogaland",
+	"NO-21": "Svalbard",
+	"NO-54": "Troms og Finnmarksefkv",
+	"NO-50": "Trøndelagsma",
+	"NO-38": "Vestfold og Telemark",
+	"NO-46": "Vestland",
+	"NO-30": "Viken",
+	"OM-DA": "Ad Dākhilīyah",
+	"OM-BU": "Al Buraymī",
+	"OM-WU": "Al Wusţá",
+	"OM-ZA": "Az̧ Z̧āhirah",
+	"OM-BJ": "Janūb al Bāţinah",
+	"OM-SJ": "Janūb ash Sharqīyah",
+	"OM-MA": "Masqaţ",
+	"OM-MU": "Musandam",
+	"OM-BS": "Shamāl al Bāţinah",
+	"OM-SS": "Shamāl ash Sharqīyah",
+	"OM-ZU": "Z̧ufār",
+	"PK-JK": "Āzād Jammūñ o Kashmīr",
+	"PK-BA": "Balōchistān",
+	"PK-GB": "Gilgit-Baltistān",
+	"PK-IS": "Islāmābād",
+	"PK-KP": "Khaībar Pakhtūnkhwā",
+	"PK-PB": "Panjāb",
+	"PK-SD": "Sindh",
+	"PW-002": "Aimeliik",
+	"PW-004": "Airai",
+	"PW-010": "Angaur",
+	"PW-050": "Hatohobei",
+	"PW-100": "Kayangel",
+	"PW-150": "Koror",
+	"PW-212": "Melekeok",
+	"PW-214": "Ngaraard",
+	"PW-218": "Ngarchelong",
+	"PW-222": "Ngardmau",
+	"PW-224": "Ngatpang",
+	"PW-226": "Ngchesar",
+	"PW-227": "Ngeremlengui",
+	"PW-228": "Ngiwal",
+	"PW-350": "Peleliu",
+	"PW-370": "Sonsorol",
+	"PS-BTH": "Bayt Laḩm",
+	"PS-DEB": "Dayr al Balaḩ",
+	"PS-GZA": "Ghazzah",
+	"PS-HBN": "Al Khalīl",
+	"PS-JEN": "Janīn",
+	"PS-JRH": "Arīḩā wal Aghwār",
+	"PS-JEM": "Al Quds",
+	"PS-KYS": "Khān Yūnis",
+	"PS-NBS": "Nāblus",
+	"PS-NGZ": "Shamāl Ghazzah",
+	"PS-QQA": "Qalqīlyah",
+	"PS-RFH": "Rafaḩ",
+	"PS-RBH": "Rām Allāh wal Bīrah",
+	"PS-SLT": "Salfīt",
+	"PS-TBS": "Ţūbās",
+	"PS-TKM": "Ţūlkarm",
+	"PA-1": "Bocas del Toro",
+	"PA-4": "Chiriquí",
+	"PA-2": "Coclé",
+	"PA-3": "Colón",
+	"PA-5": "Darién",
+	"PA-EM": "Emberá",
+	"PA-KY": "Guna Yala",
+	"PA-6": "Herrera",
+	"PA-7": "Los Santos",
+	"PA-NT": "Naso Tjër Di",
+	"PA-NB": "Ngäbe-Buglé",
+	"PA-8": "Panamá",
+	"PA-10": "Panamá Oeste",
+	"PA-9": "Veraguas",
+	"PG-NSB": "Bougainville",
+	"PG-CPM": "Central",
+	"PG-CPK": "Chimbu",
+	"PG-EBR": "East New Britain",
+	"PG-ESW": "East Sepik",
+	"PG-EHG": "Eastern Highlands",
+	"PG-EPW": "Enga",
+	"PG-GPK": "Gulf",
+	"PG-HLA": "Hela",
+	"PG-JWK": "Jiwaka",
+	"PG-MPM": "Madang",
+	"PG-MRL": "Manus",
+	"PG-MBA": "Milne Bay",
+	"PG-MPL": "Morobe",
+	"PG-NCD": "National Capital District",
+	"PG-NIK": "New Ireland",
+	"PG-NPP": "Northern",
+	"PG-SHM": "Southern Highlands",
+	"PG-WBK": "West New Britain",
+	"PG-SAN": "West Sepik",
+	"PG-WPD": "Western",
+	"PG-WHM": "Western Highlands",
+	"PY-16": "Alto Paraguay",
+	"PY-10": "Alto Paraná",
+	"PY-13": "Amambay",
+	"PY-ASU": "Asunción",
+	"PY-19": "Boquerón",
+	"PY-5": "Caaguazú",
+	"PY-6": "Caazapá",
+	"PY-14": "Canindeyú",
+	"PY-11": "Central",
+	"PY-1": "Concepción",
+	"PY-3": "Cordillera",
+	"PY-4": "Guairá",
+	"PY-7": "Itapúa",
+	"PY-8": "Misiones",
+	"PY-12": "Ñeembucú",
+	"PY-9": "Paraguarí",
+	"PY-15": "Presidente Hayes",
+	"PY-2": "San Pedro",
+	"PE-AMA": "Amazonas",
+	"PE-ANC": "Ancash",
+	"PE-APU": "Apurímac",
+	"PE-ARE": "Arequipa",
+	"PE-AYA": "Ayacucho",
+	"PE-CAJ": "Cajamarca",
+	"PE-CUS": "Cusco",
+	"PE-CAL": "El Callao",
+	"PE-HUV": "Huancavelica",
+	"PE-HUC": "Huánuco",
+	"PE-ICA": "Ica",
+	"PE-JUN": "Junín",
+	"PE-LAL": "La Libertad",
+	"PE-LAM": "Lambayeque",
+	"PE-LIM": "Lima",
+	"PE-LOR": "Loreto",
+	"PE-MDD": "Madre de Dios",
+	"PE-MOQ": "Moquegua",
+	"PE-LMA": "Municipalidad Metropolitana de Lima",
+	"PE-PAS": "Pasco",
+	"PE-PIU": "Piura",
+	"PE-PUN": "Puno",
+	"PE-SAM": "San Martín",
+	"PE-TAC": "Tacna",
+	"PE-TUM": "Tumbes",
+	"PE-UCA": "Ucayali",
+	"PH-14": "Autonomous Region in Muslim Mindanao[b]",
+	"PH-05": "Bicol",
+	"PH-02": "Cagayan Valley",
+	"PH-40": "Calabarzon",
+	"PH-13": "Caraga",
+	"PH-03": "Central Luzon",
+	"PH-07": "Central Visayas",
+	"PH-15": "Cordillera Administrative Region",
+	"PH-11": "Davao",
+	"PH-08": "Eastern Visayas",
+	"PH-01": "Ilocos",
+	"PH-41": "Mimaropa",
+	"PH-00": "National Capital Region",
+	"PH-10": "Northern Mindanao",
+	"PH-12": "Soccsksargen",
+	"PH-06": "Western Visayas",
+	"PH-09": "Zamboanga Peninsula",
+	"PL-02": "Dolnośląskie",
+	"PL-04": "Kujawsko-Pomorskie",
+	"PL-06": "Lubelskie",
+	"PL-08": "Lubuskie",
+	"PL-10": "Łódzkie",
+	"PL-12": "Małopolskie",
+	"PL-14": "Mazowieckie",
+	"PL-16": "Opolskie",
+	"PL-18": "Podkarpackie",
+	"PL-20": "Podlaskie",
+	"PL-22": "Pomorskie",
+	"PL-24": "Śląskie",
+	"PL-26": "Świętokrzyskie",
+	"PL-28": "Warmińsko-Mazurskie",
+	"PL-30": "Wielkopolskie",
+	"PL-32": "Zachodniopomorskie",
+	"PT-01": "Aveiro",
+	"PT-02": "Beja",
+	"PT-03": "Braga",
+	"PT-04": "Bragança",
+	"PT-05": "Castelo Branco",
+	"PT-06": "Coimbra",
+	"PT-07": "Évora",
+	"PT-08": "Faro",
+	"PT-09": "Guarda",
+	"PT-10": "Leiria",
+	"PT-11": "Lisboa",
+	"PT-12": "Portalegre",
+	"PT-13": "Porto",
+	"PT-30": "Região Autónoma da Madeira",
+	"PT-20": "Região Autónoma dos Açores",
+	"PT-14": "Santarém",
+	"PT-15": "Setúbal",
+	"PT-16": "Viana do Castelo",
+	"PT-17": "Vila Real",
+	"PT-18": "Viseu",
+	"QA-DA": "Ad Dawḩah",
+	"QA-KH": "Al Khawr wa adh Dhakhīrah",
+	"QA-WA": "Al Wakrah",
+	"QA-RA": "Ar Rayyān",
+	"QA-MS": "Ash Shamāl",
+	"QA-SH": "Ash Shīḩānīyah",
+	"QA-ZA": "Az̧ Z̧a‘āyin",
+	"QA-US": "Umm Şalāl",
+	"RO-AB": "Alba",
+	"RO-AR": "Arad",
+	"RO-AG": "Argeș",
+	"RO-BC": "Bacău",
+	"RO-BH": "Bihor",
+	"RO-BN": "Bistrița-Năsăud",
+	"RO-BT": "Botoșani",
+	"RO-BV": "Brașov",
+	"RO-BR": "Brăila",
+	"RO-B": "București",
+	"RO-BZ": "Buzău",
+	"RO-CS": "Caraș-Severin",
+	"RO-CL": "Călărași",
+	"RO-CJ": "Cluj",
+	"RO-CT": "Constanța",
+	"RO-CV": "Covasna",
+	"RO-DB": "Dâmbovița",
+	"RO-DJ": "Dolj",
+	"RO-GL": "Galați",
+	"RO-GR": "Giurgiu",
+	"RO-GJ": "Gorj",
+	"RO-HR": "Harghita",
+	"RO-HD": "Hunedoara",
+	"RO-IL": "Ialomița",
+	"RO-IS": "Iași",
+	"RO-IF": "Ilfov",
+	"RO-MM": "Maramureș",
+	"RO-MH": "Mehedinți",
+	"RO-MS": "Mureș",
+	"RO-NT": "Neamț",
+	"RO-OT": "Olt",
+	"RO-PH": "Prahova",
+	"RO-SM": "Satu Mare",
+	"RO-SJ": "Sălaj",
+	"RO-SB": "Sibiu",
+	"RO-SV": "Suceava",
+	"RO-TR": "Teleorman",
+	"RO-TM": "Timiș",
+	"RO-TL": "Tulcea",
+	"RO-VS": "Vaslui",
+	"RO-VL": "Vâlcea",
+	"RO-VN": "Vrancea",
+	"RU-AD": "Adygeya",
+	"RU-AL": "Altay",
+	"RU-ALT": "Altayskiy kray",
+	"RU-AMU": "Amurskaya oblast'",
+	"RU-ARK": "Arkhangel'skaya oblast'",
+	"RU-AST": "Astrakhanskaya oblast'",
+	"RU-BA": "Bashkortostan",
+	"RU-BEL": "Belgorodskaya oblast'",
+	"RU-BRY": "Bryanskaya oblast'",
+	"RU-BU": "Buryatiya",
+	"RU-CE": "Chechenskaya Respublika",
+	"RU-CHE": "Chelyabinskaya oblast'",
+	"RU-CHU": "Chukotskiy avtonomnyy okrug",
+	"RU-CU": "Chuvashskaya Respublika",
+	"RU-DA": "Dagestan",
+	"RU-IN": "Ingushetiya",
+	"RU-IRK": "Irkutskaya oblast'",
+	"RU-IVA": "Ivanovskaya oblast'",
+	"RU-KB": "Kabardino-BalkarskayaRespublika",
+	"RU-KGD": "Kaliningradskaya oblast'",
+	"RU-KL": "Kalmykiya",
+	"RU-KLU": "Kaluzhskaya oblast'",
+	"RU-KAM": "Kamchatskiy kray",
+	"RU-KC": "Karachayevo-CherkesskayaRespublika",
+	"RU-KR": "Kareliya",
+	"RU-KEM": "Kemerovskaya oblast'",
+	"RU-KHA": "Khabarovskiy kray",
+	"RU-KK": "Khakasiya",
+	"RU-KHM": "Khanty-Mansiyskiyavtonomnyy okrug",
+	"RU-KIR": "Kirovskaya oblast'",
+	"RU-KO": "Komi",
+	"RU-KOS": "Kostromskaya oblast'",
+	"RU-KDA": "Krasnodarskiy kray",
+	"RU-KYA": "Krasnoyarskiy kray",
+	"RU-KGN": "Kurganskaya oblast'",
+	"RU-KRS": "Kurskaya oblast'",
+	"RU-LEN": "Leningradskayaoblast'",
+	"RU-LIP": "Lipetskaya oblast'",
+	"RU-MAG": "Magadanskaya oblast'",
+	"RU-ME": "Mariy El",
+	"RU-MO": "Mordoviya",
+	"RU-MOS": "Moskovskaya oblast'",
+	"RU-MOW": "Moskva",
+	"RU-MUR": "Murmanskaya oblast'",
+	"RU-NEN": "Nenetskiyavtonomnyy okrug",
+	"RU-NIZ": "Nizhegorodskaya oblast'",
+	"RU-NGR": "Novgorodskaya oblast'",
+	"RU-NVS": "Novosibirskayaoblast'",
+	"RU-OMS": "Omskaya oblast'",
+	"RU-ORE": "Orenburgskaya oblast'",
+	"RU-ORL": "Orlovskaya oblast'",
+	"RU-PNZ": "Penzenskaya oblast'",
+	"RU-PER": "Permskiy kray",
+	"RU-PRI": "Primorskiy kray",
+	"RU-PSK": "Pskovskaya oblast'",
+	"RU-ROS": "Rostovskaya oblast'",
+	"RU-RYA": "Ryazanskaya oblast'",
+	"RU-SA": "Saha",
+	"RU-SAK": "Sakhalinskaya oblast'",
+	"RU-SAM": "Samarskaya oblast'",
+	"RU-SPE": "Sankt-Peterburg",
+	"RU-SAR": "Saratovskaya oblast'",
+	"RU-SE": "Severnaya Osetiya",
+	"RU-SMO": "Smolenskaya oblast'",
+	"RU-STA": "Stavropol'skiy kray",
+	"RU-SVE": "Sverdlovskaya oblast'",
+	"RU-TAM": "Tambovskaya oblast'",
+	"RU-TA": "Tatarstan",
+	"RU-TOM": "Tomskaya oblast'",
+	"RU-TUL": "Tul'skaya oblast'",
+	"RU-TVE": "Tverskaya oblast'",
+	"RU-TYU": "Tyumenskaya oblast'",
+	"RU-TY": "Tyva",
+	"RU-UD": "Udmurtskaya Respublika",
+	"RU-ULY": "Ul'yanovskaya oblast'",
+	"RU-VLA": "Vladimirskayaoblast'",
+	"RU-VGG": "Volgogradskayaoblast'",
+	"RU-VLG": "Vologodskaya oblast'",
+	"RU-VOR": "Voronezhskaya oblast'",
+	"RU-YAN": "Yamalo-Nenetskiyavtonomnyy okrug",
+	"RU-YAR": "Yaroslavskaya oblast'",
+	"RU-YEV": "Yevreyskaya avtonomnaya oblast'",
+	"RU-ZAB": "Zabaykal'skiy kray",
+	"RW-01": "City of Kigali",
+	"RW-02": "Eastern",
+	"RW-03": "Northern",
+	"RW-05": "Southern",
+	"RW-04": "Western",
+	"SH-AC": "Ascension",
+	"SH-HL": "Saint Helena",
+	"SH-TA": "Tristan da Cunha",
+	"KN-K": "Saint Kitts",
+	"KN-N": "Nevis",
+	"LC-01": "Anse la Raye",
+	"LC-12": "Canaries",
+	"LC-02": "Castries",
+	"LC-03": "Choiseul",
+	"LC-05": "Dennery",
+	"LC-06": "Gros Islet",
+	"LC-07": "Laborie",
+	"LC-08": "Micoud",
+	"LC-10": "Soufrière",
+	"LC-11": "Vieux Fort",
+	"VC-01": "Charlotte",
+	"VC-06": "Grenadines",
+	"VC-02": "Saint Andrew",
+	"VC-03": "Saint David",
+	"VC-04": "Saint George",
+	"VC-05": "Saint Patrick",
+	"WS-AA": "A'ana",
+	"WS-AL": "Aiga-i-le-Tai",
+	"WS-AT": "Atua",
+	"WS-FA": "Fa'asaleleaga",
+	"WS-GE": "Gaga'emauga",
+	"WS-GI": "Gagaifomauga",
+	"WS-PA": "Palauli",
+	"WS-SA": "Satupa'itea",
+	"WS-TU": "Tuamasaga",
+	"WS-VF": "Va'a-o-Fonoti",
+	"WS-VS": "Vaisigano",
+	"SM-01": "Acquaviva",
+	"SM-06": "Borgo Maggiore",
+	"SM-02": "Chiesanuova",
+	"SM-07": "Città di San Marino",
+	"SM-03": "Domagnano",
+	"SM-04": "Faetano",
+	"SM-05": "Fiorentino",
+	"SM-08": "Montegiardino",
+	"SM-09": "Serravalle",
+	"ST-01": "Água Grande",
+	"ST-02": "Cantagalo",
+	"ST-03": "Caué",
+	"ST-04": "Lembá",
+	"ST-05": "Lobata",
+	"ST-06": "Mé-Zóchi",
+	"ST-P": "Príncipe",
+	"SA-14": "'Asīr",
+	"SA-11": "Al Bāḩah",
+	"SA-08": "Al Ḩudūd ash Shamālīyah",
+	"SA-12": "Al Jawf",
+	"SA-03": "Al Madīnah al Munawwarah",
+	"SA-05": "Al Qaşīm",
+	"SA-01": "Ar Riyāḑ",
+	"SA-04": "Ash Sharqīyah",
+	"SA-06": "Ḩā'il",
+	"SA-09": "Jāzān",
+	"SA-02": "Makkah al Mukarramah",
+	"SA-10": "Najrān",
+	"SA-07": "Tabūk",
+	"SN-DK": "Dakar",
+	"SN-DB": "Diourbel",
+	"SN-FK": "Fatick",
+	"SN-KA": "Kaffrine",
+	"SN-KL": "Kaolack",
+	"SN-KE": "Kédougou",
+	"SN-KD": "Kolda",
+	"SN-LG": "Louga",
+	"SN-MT": "Matam",
+	"SN-SL": "Saint-Louis",
+	"SN-SE": "Sédhiou",
+	"SN-TC": "Tambacounda",
+	"SN-TH": "Thiès",
+	"SN-ZG": "Ziguinchor",
+	"SC-01": "Anse aux Pins",
+	"SC-02": "Anse Boileau",
+	"SC-03": "Anse Etoile",
+	"SC-05": "Anse Royale",
+	"SC-04": "Au Cap",
+	"SC-06": "Baie Lazare",
+	"SC-07": "Baie Sainte Anne",
+	"SC-08": "Beau Vallon",
+	"SC-09": "Bel Air",
+	"SC-10": "Bel Ombre",
+	"SC-11": "Cascade",
+	"SC-16": "English River",
+	"SC-12": "Glacis",
+	"SC-13": "Grand Anse Mahe",
+	"SC-14": "Grand Anse Praslin",
+	"SC-26": "Ile Perseverance I",
+	"SC-27": "Ile Perseverance II",
+	"SC-15": "La Digue",
+	"SC-24": "Les Mamelles",
+	"SC-17": "Mont Buxton",
+	"SC-18": "Mont Fleuri",
+	"SC-19": "Plaisance",
+	"SC-20": "Pointe Larue",
+	"SC-21": "Port Glaud",
+	"SC-25": "Roche Caiman",
+	"SC-22": "Saint Louis",
+	"SC-23": "Takamaka",
+	"SL-E": "Eastern",
+	"SL-NW": "North Western",
+	"SL-N": "Northern",
+	"SL-S": "Southern",
+	"SL-W": "Western Area",
+	"SG-01": "Central Singapore",
+	"SG-02": "North East",
+	"SG-03": "North West",
+	"SG-04": "South East",
+	"SG-05": "South West",
+	"SK-BC": "Banskobystrický kraj",
+	"SK-BL": "Bratislavský kraj",
+	"SK-KI": "Košický kraj",
+	"SK-NI": "Nitriansky kraj",
+	"SK-PV": "Prešovský kraj",
+	"SK-TC": "Trenčiansky kraj",
+	"SK-TA": "Trnavský kraj",
+	"SK-ZI": "Žilinský kraj",
+	"SI-001": "Ajdovščina",
+	"SI-213": "Ankaran",
+	"SI-195": "Apače",
+	"SI-002": "Beltinci",
+	"SI-148": "Benedikt",
+	"SI-149": "Bistrica ob Sotli",
+	"SI-003": "Bled",
+	"SI-150": "Bloke",
+	"SI-004": "Bohinj",
+	"SI-005": "Borovnica",
+	"SI-006": "Bovec",
+	"SI-151": "Braslovče",
+	"SI-007": "Brda",
+	"SI-008": "Brezovica",
+	"SI-009": "Brežice",
+	"SI-152": "Cankova",
+	"SI-011": "Celje",
+	"SI-012": "Cerklje na Gorenjskem",
+	"SI-013": "Cerknica",
+	"SI-014": "Cerkno",
+	"SI-153": "Cerkvenjak",
+	"SI-196": "Cirkulane",
+	"SI-015": "Črenšovci",
+	"SI-016": "Črna na Koroškem",
+	"SI-017": "Črnomelj",
+	"SI-018": "Destrnik",
+	"SI-019": "Divača",
+	"SI-154": "Dobje",
+	"SI-020": "Dobrepolje",
+	"SI-155": "Dobrna",
+	"SI-021": "Dobrova-Polhov Gradec",
+	"SI-156": "Dobrovnik",
+	"SI-022": "Dol pri Ljubljani",
+	"SI-157": "Dolenjske Toplice",
+	"SI-023": "Domžale",
+	"SI-024": "Dornava",
+	"SI-025": "Dravograd",
+	"SI-026": "Duplek",
+	"SI-027": "Gorenja vas-Poljane",
+	"SI-028": "Gorišnica",
+	"SI-207": "Gorje",
+	"SI-029": "Gornja Radgona",
+	"SI-030": "Gornji Grad",
+	"SI-031": "Gornji Petrovci",
+	"SI-158": "Grad",
+	"SI-032": "Grosuplje",
+	"SI-159": "Hajdina",
+	"SI-160": "Hoče-Slivnica",
+	"SI-161": "Hodoš",
+	"SI-162": "Horjul",
+	"SI-034": "Hrastnik",
+	"SI-035": "Hrpelje-Kozina",
+	"SI-036": "Idrija",
+	"SI-037": "Ig",
+	"SI-038": "Ilirska Bistrica",
+	"SI-039": "Ivančna Gorica",
+	"SI-040": "Izola",
+	"SI-041": "Jesenice",
+	"SI-163": "Jezersko",
+	"SI-042": "Juršinci",
+	"SI-043": "Kamnik",
+	"SI-044": "Kanal ob Soči",
+	"SI-045": "Kidričevo",
+	"SI-046": "Kobarid",
+	"SI-047": "Kobilje",
+	"SI-048": "Kočevje",
+	"SI-049": "Komen",
+	"SI-164": "Komenda",
+	"SI-050": "Koper",
+	"SI-197": "Kostanjevica na Krki",
+	"SI-165": "Kostel",
+	"SI-051": "Kozje",
+	"SI-052": "Kranj",
+	"SI-053": "Kranjska Gora",
+	"SI-166": "Križevci",
+	"SI-054": "Krško",
+	"SI-055": "Kungota",
+	"SI-056": "Kuzma",
+	"SI-057": "Laško",
+	"SI-058": "Lenart",
+	"SI-059": "Lendava",
+	"SI-060": "Litija",
+	"SI-061": "Ljubljana",
+	"SI-062": "Ljubno",
+	"SI-063": "Ljutomer",
+	"SI-208": "Log-Dragomer",
+	"SI-064": "Logatec",
+	"SI-065": "Loška dolina",
+	"SI-066": "Loški Potok",
+	"SI-167": "Lovrenc na Pohorju",
+	"SI-067": "Luče",
+	"SI-068": "Lukovica",
+	"SI-069": "Majšperk",
+	"SI-198": "Makole",
+	"SI-070": "Maribor",
+	"SI-168": "Markovci",
+	"SI-071": "Medvode",
+	"SI-072": "Mengeš",
+	"SI-073": "Metlika",
+	"SI-074": "Mežica",
+	"SI-169": "Miklavž na Dravskem polju",
+	"SI-075": "Miren-Kostanjevica",
+	"SI-212": "Mirna",
+	"SI-170": "Mirna Peč",
+	"SI-076": "Mislinja",
+	"SI-199": "Mokronog-Trebelno",
+	"SI-077": "Moravče",
+	"SI-078": "Moravske Toplice",
+	"SI-079": "Mozirje",
+	"SI-080": "Murska Sobota",
+	"SI-081": "Muta",
+	"SI-082": "Naklo",
+	"SI-083": "Nazarje",
+	"SI-084": "Nova Gorica",
+	"SI-085": "Novo Mesto",
+	"SI-086": "Odranci",
+	"SI-171": "Oplotnica",
+	"SI-087": "Ormož",
+	"SI-088": "Osilnica",
+	"SI-089": "Pesnica",
+	"SI-090": "Piran",
+	"SI-091": "Pivka",
+	"SI-092": "Podčetrtek",
+	"SI-172": "Podlehnik",
+	"SI-093": "Podvelka",
+	"SI-200": "Poljčane",
+	"SI-173": "Polzela",
+	"SI-094": "Postojna",
+	"SI-174": "Prebold",
+	"SI-095": "Preddvor",
+	"SI-175": "Prevalje",
+	"SI-096": "Ptuj",
+	"SI-097": "Puconci",
+	"SI-098": "Rače-Fram",
+	"SI-099": "Radeče",
+	"SI-100": "Radenci",
+	"SI-101": "Radlje ob Dravi",
+	"SI-102": "Radovljica",
+	"SI-103": "Ravne na Koroškem",
+	"SI-176": "Razkrižje",
+	"SI-209": "Rečica ob Savinji",
+	"SI-201": "Renče-Vogrsko",
+	"SI-104": "Ribnica",
+	"SI-177": "Ribnica na Pohorju",
+	"SI-106": "Rogaška Slatina",
+	"SI-105": "Rogašovci",
+	"SI-107": "Rogatec",
+	"SI-108": "Ruše",
+	"SI-178": "Selnica ob Dravi",
+	"SI-109": "Semič",
+	"SI-110": "Sevnica",
+	"SI-111": "Sežana",
+	"SI-112": "Slovenj Gradec",
+	"SI-113": "Slovenska Bistrica",
+	"SI-114": "Slovenske Konjice",
+	"SI-179": "Sodražica",
+	"SI-180": "Solčava",
+	"SI-202": "Središče ob Dravi",
+	"SI-115": "Starše",
+	"SI-203": "Straža",
+	"SI-181": "Sveta Ana",
+	"SI-204": "Sveta Trojica v Slovenskih goricah",
+	"SI-182": "Sveti Andraž v Slovenskih goricah",
+	"SI-116": "Sveti Jurij ob Ščavnici",
+	"SI-210": "Sveti Jurij v Slovenskih goricah",
+	"SI-205": "Sveti Tomaž",
+	"SI-033": "Šalovci",
+	"SI-183": "Šempeter-Vrtojba",
+	"SI-117": "Šenčur",
+	"SI-118": "Šentilj",
+	"SI-119": "Šentjernej",
+	"SI-120": "Šentjur",
+	"SI-211": "Šentrupert",
+	"SI-121": "Škocjan",
+	"SI-122": "Škofja Loka",
+	"SI-123": "Škofljica",
+	"SI-124": "Šmarje pri Jelšah",
+	"SI-206": "Šmarješke Toplice",
+	"SI-125": "Šmartno ob Paki",
+	"SI-194": "Šmartno pri Litiji",
+	"SI-126": "Šoštanj",
+	"SI-127": "Štore",
+	"SI-184": "Tabor",
+	"SI-010": "Tišina",
+	"SI-128": "Tolmin",
+	"SI-129": "Trbovlje",
+	"SI-130": "Trebnje",
+	"SI-185": "Trnovska Vas",
+	"SI-186": "Trzin",
+	"SI-131": "Tržič",
+	"SI-132": "Turnišče",
+	"SI-133": "Velenje",
+	"SI-187": "Velika Polana",
+	"SI-134": "Velike Lašče",
+	"SI-188": "Veržej",
+	"SI-135": "Videm",
+	"SI-136": "Vipava",
+	"SI-137": "Vitanje",
+	"SI-138": "Vodice",
+	"SI-139": "Vojnik",
+	"SI-189": "Vransko",
+	"SI-140": "Vrhnika",
+	"SI-141": "Vuzenica",
+	"SI-142": "Zagorje ob Savi",
+	"SI-143": "Zavrč",
+	"SI-144": "Zreče",
+	"SI-190": "Žalec",
+	"SI-146": "Železniki",
+	"SI-191": "Žetale",
+	"SI-147": "Žiri",
+	"SI-192": "Žirovnica",
+	"SI-193": "Žužemberk",
+	"SB-CT": "Capital Territory",
+	"SB-CE": "Central",
+	"SB-CH": "Choiseul",
+	"SB-GU": "Guadalcanal",
+	"SB-IS": "Isabel",
+	"SB-MK": "Makira-Ulawa",
+	"SB-ML": "Malaita",
+	"SB-RB": "Rennell and Bellona",
+	"SB-TE": "Temotu",
+	"SB-WE": "Western",
+	"SO-AW": "Awdal",
+	"SO-BK": "Bakool",
+	"SO-BN": "Banaadir",
+	"SO-BR": "Bari",
+	"SO-BY": "Bay",
+	"SO-GA": "Galguduud",
+	"SO-GE": "Gedo",
+	"SO-HI": "Hiiraan",
+	"SO-JD": "Jubbada Dhexe",
+	"SO-JH": "Jubbada Hoose",
+	"SO-MU": "Mudug",
+	"SO-NU": "Nugaal",
+	"SO-SA": "Sanaag",
+	"SO-SD": "Shabeellaha Dhexe",
+	"SO-SH": "Shabeellaha Hoose",
+	"SO-SO": "Sool",
+	"SO-TO": "Togdheer",
+	"SO-WO": "Woqooyi Galbeed",
+	"ZA-EC": "Eastern Cape",
+	"ZA-FS": "Free State",
+	"ZA-GP": "Gauteng",
+	"ZA-KZN": "Kwazulu-Natal",
+	"ZA-LP": "Limpopo",
+	"ZA-MP": "Mpumalanga",
+	"ZA-NW": "North-West",
+	"ZA-NC": "Northern Cape",
+	"ZA-WC": "Western Cape",
+	"ES-AN": "Andalucía",
+	"ES-AR": "Aragón",
+	"ES-AS": "Asturias",
+	"ES-CN": "Canarias",
+	"ES-CB": "Cantabria",
+	"ES-CL": "Castilla y León",
+	"ES-CM": "Castilla-La Mancha",
+	"ES-CT": "Catalunya",
+	"ES-CE": "Ceuta",
+	"ES-EX": "Extremadura",
+	"ES-GA": "Galicia",
+	"ES-IB": "Illes Balears",
+	"ES-RI": "La Rioja",
+	"ES-MD": "Madrid",
+	"ES-ML": "Melilla",
+	"ES-MC": "Murcia",
+	"ES-NC": "Navarra",
+	"ES-PV": "País Vasco",
+	"ES-VC": "Valenciana",
+	"LK-1": "Basnāhira paḷāta",
+	"LK-3": "Dakuṇu paḷāta",
+	"LK-2": "Madhyama paḷāta",
+	"LK-5": "Næ̆gĕnahira paḷāta",
+	"LK-9": "Sabaragamuva paḷāta",
+	"LK-4": "Uturu paḷāta",
+	"LK-7": "Uturumæ̆da paḷāta",
+	"LK-8": "Ūva paḷāta",
+	"LK-6": "Vayamba paḷāta",
+	"SD-RS": "Al Baḩr al Aḩmar",
+	"SD-GZ": "Al Jazīrah",
+	"SD-KH": "Al Kharţūm",
+	"SD-GD": "Al Qaḑārif",
+	"SD-NW": "An Nīl al Abyaḑ",
+	"SD-NB": "An Nīl al Azraq",
+	"SD-NO": "Ash Shamālīyah",
+	"SD-DW": "Gharb Dārfūr",
+	"SD-GK": "Gharb Kurdufān",
+	"SD-DS": "Janūb Dārfūr",
+	"SD-KS": "Janūb Kurdufān",
+	"SD-KA": "Kassalā",
+	"SD-NR": "Nahr an Nīl",
+	"SD-DN": "Shamāl Dārfūr",
+	"SD-KN": "Shamāl Kurdufān",
+	"SD-DE": "Sharq Dārfūr",
+	"SD-SI": "Sinnār",
+	"SD-DC": "Wasaţ Dārfūr",
+	"SR-BR": "Brokopondo",
+	"SR-CM": "Commewijne",
+	"SR-CR": "Coronie",
+	"SR-MA": "Marowijne",
+	"SR-NI": "Nickerie",
+	"SR-PR": "Para",
+	"SR-PM": "Paramaribo",
+	"SR-SA": "Saramacca",
+	"SR-SI": "Sipaliwini",
+	"SR-WA": "Wanica",
+	"SZ-HH": "Hhohho",
+	"SZ-LU": "Lubombo",
+	"SZ-MA": "Manzini",
+	"SZ-SH": "Shiselweni",
+	"SE-K": "Blekinge län",
+	"SE-W": "Dalarnas län",
+	"SE-I": "Gotlands län",
+	"SE-X": "Gävleborgs län",
+	"SE-N": "Hallands län",
+	"SE-Z": "Jämtlands län",
+	"SE-F": "Jönköpings län",
+	"SE-H": "Kalmar län",
+	"SE-G": "Kronobergs län",
+	"SE-BD": "Norrbottens län",
+	"SE-M": "Skåne län",
+	"SE-AB": "Stockholms län",
+	"SE-D": "Södermanlands län",
+	"SE-C": "Uppsala län",
+	"SE-S": "Värmlands län",
+	"SE-AC": "Västerbottens län",
+	"SE-Y": "Västernorrlands län",
+	"SE-U": "Västmanlands län",
+	"SE-O": "Västra Götalands län",
+	"SE-T": "Örebro län",
+	"SE-E": "Östergötlands län",
+	"CH-AG": "Aargau",
+	"CH-AR": "Appenzell Ausserrhoden",
+	"CH-AI": "Appenzell Innerrhoden",
+	"CH-BL": "Basel-Landschaft",
+	"CH-BS": "Basel-Stadt",
+	"CH-BE": "Bern",
+	"CH-FR": "Fribourg",
+	"CH-GE": "Genève",
+	"CH-GL": "Glarus",
+	"CH-GR": "Graubünden",
+	"CH-JU": "Jura",
+	"CH-LU": "Luzern",
+	"CH-NE": "Neuchâtel",
+	"CH-NW": "Nidwalden",
+	"CH-OW": "Obwalden",
+	"CH-SG": "Sankt Gallen",
+	"CH-SH": "Schaffhausen",
+	"CH-SZ": "Schwyz",
+	"CH-SO": "Solothurn",
+	"CH-TG": "Thurgau",
+	"CH-TI": "Ticino",
+	"CH-UR": "Uri",
+	"CH-VS": "Valais",
+	"CH-VD": "Vaud",
+	"CH-ZG": "Zug",
+	"CH-ZH": "Zürich",
+	"SY-HA": "Al Ḩasakah",
+	"SY-LA": "Al Lādhiqīyah",
+	"SY-QU": "Al Qunayţirah",
+	"SY-RA": "Ar Raqqah",
+	"SY-SU": "As Suwaydā'",
+	"SY-DR": "Dar'ā",
+	"SY-DY": "Dayr az Zawr",
+	"SY-DI": "Dimashq",
+	"SY-HL": "Ḩalab",
+	"SY-HM": "Ḩamāh",
+	"SY-HI": "Ḩimş",
+	"SY-ID": "Idlib",
+	"SY-RD": "Rīf Dimashq",
+	"SY-TA": "Ţarţūs",
+	"TW-CHA": "Changhua",
+	"TW-CYI": "Chiayi",
+	"TW-CYQ": "Chiayi",
+	"TW-HSZ": "Hsinchu",
+	"TW-HSQ": "Hsinchu",
+	"TW-HUA": "Hualien",
+	"TW-KHH": "Kaohsiung",
+	"TW-KEE": "Keelung",
+	"TW-KIN": "Kinmen",
+	"TW-LIE": "Lienchiang",
+	"TW-MIA": "Miaoli",
+	"TW-NAN": "Nantou",
+	"TW-NWT": "New Taipei",
+	"TW-PEN": "Penghu",
+	"TW-PIF": "Pingtung",
+	"TW-TXG": "Taichung",
+	"TW-TNN": "Tainan",
+	"TW-TPE": "Taipei",
+	"TW-TTT": "Taitung",
+	"TW-TAO": "Taoyuan",
+	"TW-ILA": "Yilan",
+	"TW-YUN": "Yunlin",
+	"TJ-DU": "Dushanbe",
+	"TJ-KT": "Khatlon",
+	"TJ-GB": "Kŭhistoni Badakhshon",
+	"TJ-RA": "nohiyahoi tobei jumhurí",
+	"TJ-SU": "Sughd",
+	"TZ-01": "Arusha",
+	"TZ-02": "Dar es Salaam",
+	"TZ-03": "Dodoma",
+	"TZ-27": "Geita",
+	"TZ-04": "Iringa",
+	"TZ-05": "Kagera",
+	"TZ-06": "Kaskazini Pemba",
+	"TZ-07": "Kaskazini Unguja",
+	"TZ-28": "Katavi",
+	"TZ-08": "Kigoma",
+	"TZ-09": "Kilimanjaro",
+	"TZ-10": "Kusini Pemba",
+	"TZ-11": "Kusini Unguja",
+	"TZ-12": "Lindi",
+	"TZ-26": "Manyara",
+	"TZ-13": "Mara",
+	"TZ-14": "Mbeya",
+	"TZ-15": "Mjini Magharibi",
+	"TZ-16": "Morogoro",
+	"TZ-17": "Mtwara",
+	"TZ-18": "Mwanza",
+	"TZ-29": "Njombe",
+	"TZ-19": "Pwani",
+	"TZ-20": "Rukwa",
+	"TZ-21": "Ruvuma",
+	"TZ-22": "Shinyanga",
+	"TZ-30": "Simiyu",
+	"TZ-23": "Singida",
+	"TZ-31": "Songwe",
+	"TZ-24": "Tabora",
+	"TZ-25": "Tanga",
+	"TH-37": "Amnat Charoen",
+	"TH-15": "Ang Thong",
+	"TH-38": "Bueng Kan",
+	"TH-31": "Buri Ram",
+	"TH-24": "Chachoengsao",
+	"TH-18": "Chai Nat",
+	"TH-36": "Chaiyaphum",
+	"TH-22": "Chanthaburi",
+	"TH-50": "Chiang Mai",
+	"TH-57": "Chiang Rai",
+	"TH-20": "Chon Buri",
+	"TH-86": "Chumphon",
+	"TH-46": "Kalasin",
+	"TH-62": "Kamphaeng Phet",
+	"TH-71": "Kanchanaburi",
+	"TH-40": "Khon Kaen",
+	"TH-81": "Krabi",
+	"TH-10": "Bangkok",
+	"TH-52": "Lampang",
+	"TH-51": "Lamphun",
+	"TH-42": "Loei",
+	"TH-16": "Lop Buri",
+	"TH-58": "Mae Hong Son",
+	"TH-44": "Maha Sarakham",
+	"TH-49": "Mukdahan",
+	"TH-26": "Nakhon Nayok",
+	"TH-73": "Nakhon Pathom",
+	"TH-48": "Nakhon Phanom",
+	"TH-30": "Nakhon Ratchasima",
+	"TH-60": "Nakhon Sawan",
+	"TH-80": "Nakhon Si Thammarat",
+	"TH-55": "Nan",
+	"TH-96": "Narathiwat",
+	"TH-39": "Nong Bua Lam Phu",
+	"TH-43": "Nong Khai",
+	"TH-12": "Nonthaburi",
+	"TH-13": "Pathum Thani",
+	"TH-94": "Pattani",
+	"TH-82": "Phangnga",
+	"TH-93": "Phatthalung",
+	"TH-S": "Phatthaya",
+	"TH-56": "Phayao",
+	"TH-67": "Phetchabun",
+	"TH-76": "Phetchaburi",
+	"TH-66": "Phichit",
+	"TH-65": "Phitsanulok",
+	"TH-14": "Phra Nakhon Si Ayutthaya",
+	"TH-54": "Phrae",
+	"TH-83": "Phuket",
+	"TH-25": "Prachin Buri",
+	"TH-77": "Prachuap Khiri Khan",
+	"TH-85": "Ranong",
+	"TH-70": "Ratchaburi",
+	"TH-21": "Rayong",
+	"TH-45": "Roi Et",
+	"TH-27": "Sa Kaeo",
+	"TH-47": "Sakon Nakhon",
+	"TH-11": "Samut Prakan",
+	"TH-74": "Samut Sakhon",
+	"TH-75": "Samut Songkhram",
+	"TH-19": "Saraburi",
+	"TH-91": "Satun",
+	"TH-33": "Si Sa Ket",
+	"TH-17": "Sing Buri",
+	"TH-90": "Songkhla",
+	"TH-64": "Sukhothai",
+	"TH-72": "Suphan Buri",
+	"TH-84": "Surat Thani",
+	"TH-32": "Surin",
+	"TH-63": "Tak",
+	"TH-92": "Trang",
+	"TH-23": "Trat",
+	"TH-34": "Ubon Ratchathani",
+	"TH-41": "Udon Thani",
+	"TH-61": "Uthai Thani",
+	"TH-53": "Uttaradit",
+	"TH-95": "Yala",
+	"TH-35": "Yasothon",
+	"TL-AL": "Aileu",
+	"TL-AN": "Ainaro",
+	"TL-BA": "Baucau",
+	"TL-BO": "Bobonaro",
+	"TL-CO": "Cova Lima",
+	"TL-DI": "Díli",
+	"TL-ER": "Ermera",
+	"TL-LA": "Lautém",
+	"TL-LI": "Liquiça",
+	"TL-MT": "Manatuto",
+	"TL-MF": "Manufahi",
+	"TL-OE": "Oé-Cusse Ambeno",
+	"TL-VI": "Viqueque",
+	"TG-C": "Centrale",
+	"TG-K": "Kara",
+	"TG-M": "Maritime",
+	"TG-P": "Plateaux",
+	"TG-S": "Savanes",
+	"TO-01": "'Eua",
+	"TO-02": "Ha'apai",
+	"TO-03": "Niuas",
+	"TO-04": "Tongatapu",
+	"TO-05": "Vava'u",
+	"TT-ARI": "Arima",
+	"TT-CHA": "Chaguanas",
+	"TT-CTT": "Couva-Tabaquite-Talparo",
+	"TT-DMN": "Diego Martin",
+	"TT-MRC": "Mayaro-Rio Claro",
+	"TT-PED": "Penal-Debe",
+	"TT-POS": "Port of Spain",
+	"TT-PRT": "Princes Town",
+	"TT-PTF": "Point Fortin",
+	"TT-SFO": "San Fernando",
+	"TT-SGE": "Sangre Grande",
+	"TT-SIP": "Siparia",
+	"TT-SJL": "San Juan-Laventille",
+	"TT-TOB": "Tobago",
+	"TT-TUP": "Tunapuna-Piarco",
+	"TN-31": "Béja",
+	"TN-13": "Ben Arous",
+	"TN-23": "Bizerte",
+	"TN-81": "Gabès",
+	"TN-71": "Gafsa",
+	"TN-32": "Jendouba",
+	"TN-41": "Kairouan",
+	"TN-42": "Kasserine",
+	"TN-73": "Kébili",
+	"TN-12": "L'Ariana",
+	"TN-14": "La Manouba",
+	"TN-33": "Le Kef",
+	"TN-53": "Mahdia",
+	"TN-82": "Médenine",
+	"TN-52": "Monastir",
+	"TN-21": "Nabeul",
+	"TN-61": "Sfax",
+	"TN-43": "Sidi Bouzid",
+	"TN-34": "Siliana",
+	"TN-51": "Sousse",
+	"TN-83": "Tataouine",
+	"TN-72": "Tozeur",
+	"TN-11": "Tunis",
+	"TN-22": "Zaghouan",
+	"TR-01": "Adana",
+	"TR-02": "Adıyaman",
+	"TR-03": "Afyonkarahisar",
+	"TR-04": "Ağrı",
+	"TR-68": "Aksaray",
+	"TR-05": "Amasya",
+	"TR-06": "Ankara",
+	"TR-07": "Antalya",
+	"TR-75": "Ardahan",
+	"TR-08": "Artvin",
+	"TR-09": "Aydın",
+	"TR-10": "Balıkesir",
+	"TR-74": "Bartın",
+	"TR-72": "Batman",
+	"TR-69": "Bayburt",
+	"TR-11": "Bilecik",
+	"TR-12": "Bingöl",
+	"TR-13": "Bitlis",
+	"TR-14": "Bolu",
+	"TR-15": "Burdur",
+	"TR-16": "Bursa",
+	"TR-17": "Çanakkale",
+	"TR-18": "Çankırı",
+	"TR-19": "Çorum",
+	"TR-20": "Denizli",
+	"TR-21": "Diyarbakır",
+	"TR-81": "Düzce",
+	"TR-22": "Edirne",
+	"TR-23": "Elazığ",
+	"TR-24": "Erzincan",
+	"TR-25": "Erzurum",
+	"TR-26": "Eskişehir",
+	"TR-27": "Gaziantep",
+	"TR-28": "Giresun",
+	"TR-29": "Gümüşhane",
+	"TR-30": "Hakkâri",
+	"TR-31": "Hatay",
+	"TR-76": "Iğdır",
+	"TR-32": "Isparta",
+	"TR-34": "İstanbul",
+	"TR-35": "İzmir",
+	"TR-46": "Kahramanmaraş",
+	"TR-78": "Karabük",
+	"TR-70": "Karaman",
+	"TR-36": "Kars",
+	"TR-37": "Kastamonu",
+	"TR-38": "Kayseri",
+	"TR-71": "Kırıkkale",
+	"TR-39": "Kırklareli",
+	"TR-40": "Kırşehir",
+	"TR-79": "Kilis",
+	"TR-41": "Kocaeli",
+	"TR-42": "Konya",
+	"TR-43": "Kütahya",
+	"TR-44": "Malatya",
+	"TR-45": "Manisa",
+	"TR-47": "Mardin",
+	"TR-33": "Mersin",
+	"TR-48": "Muğla",
+	"TR-49": "Muş",
+	"TR-50": "Nevşehir",
+	"TR-51": "Niğde",
+	"TR-52": "Ordu",
+	"TR-80": "Osmaniye",
+	"TR-53": "Rize",
+	"TR-54": "Sakarya",
+	"TR-55": "Samsun",
+	"TR-56": "Siirt",
+	"TR-57": "Sinop",
+	"TR-58": "Sivas",
+	"TR-63": "Şanlıurfa",
+	"TR-73": "Şırnak",
+	"TR-59": "Tekirdağ",
+	"TR-60": "Tokat",
+	"TR-61": "Trabzon",
+	"TR-62": "Tunceli",
+	"TR-64": "Uşak",
+	"TR-65": "Van",
+	"TR-77": "Yalova",
+	"TR-66": "Yozgat",
+	"TR-67": "Zonguldak",
+	"TM-A": "Ahal",
+	"TM-S": "Aşgabat",
+	"TM-B": "Balkan",
+	"TM-D": "Daşoguz",
+	"TM-L": "Lebap",
+	"TM-M": "Mary",
+	"TV-FUN": "Funafuti",
+	"TV-NMG": "Nanumaga",
+	"TV-NMA": "Nanumea",
+	"TV-NIT": "Niutao",
+	"TV-NUI": "Nui",
+	"TV-NKF": "Nukufetau",
+	"TV-NKL": "Nukulaelae",
+	"TV-VAI": "Vaitupu",
+	"UG-C": "Central",
+	"UG-E": "Eastern",
+	"UG-N": "Northern",
+	"UG-W": "Western",
+	"UA-43": "Avtonomna Respublika Krym",
+	"UA-71": "Cherkaska oblast",
+	"UA-74": "Chernihivska oblast",
+	"UA-77": "Chernivetska oblast",
+	"UA-12": "Dnipropetrovska oblast",
+	"UA-14": "Donetska oblast",
+	"UA-26": "Ivano-Frankivska oblast",
+	"UA-63": "Kharkivska oblast",
+	"UA-65": "Khersonska oblast",
+	"UA-68": "Khmelnytska oblast",
+	"UA-35": "Kirovohradska oblast",
+	"UA-30": "Kyiv",
+	"UA-32": "Kyivska oblast",
+	"UA-09": "Luhanska oblast",
+	"UA-46": "Lvivska oblast",
+	"UA-48": "Mykolaivska oblast",
+	"UA-51": "Odeska oblast",
+	"UA-53": "Poltavska oblast",
+	"UA-56": "Rivnenska oblast",
+	"UA-40": "Sevastopol",
+	"UA-59": "Sumska oblast",
+	"UA-61": "Ternopilska oblast",
+	"UA-05": "Vinnytska oblast",
+	"UA-07": "Volynska oblast",
+	"UA-21": "Zakarpatska oblast",
+	"UA-23": "Zaporizka oblast",
+	"UA-18": "Zhytomyrska oblast",
+	"AE-AJ": "‘Ajmān",
+	"AE-AZ": "Abū Z̧aby",
+	"AE-FU": "Al Fujayrah",
+	"AE-SH": "Ash Shāriqah",
+	"AE-DU": "Dubayy",
+	"AE-RK": "Ra’s al Khaymah",
+	"AE-UQ": "Umm al Qaywayn",
+	"GB-ENG": "England",
+	"GB-NIR": "Northern Ireland",
+	"GB-SCT": "Scotland",
+	"GB-WLS": "Wales",
+	"US-AL": "Alabama",
+	"US-AK": "Alaska",
+	"US-AZ": "Arizona",
+	"US-AR": "Arkansas",
+	"US-CA": "California",
+	"US-CO": "Colorado",
+	"US-CT": "Connecticut",
+	"US-DE": "Delaware",
+	"US-FL": "Florida",
+	"US-GA": "Georgia",
+	"US-HI": "Hawaii",
+	"US-ID": "Idaho",
+	"US-IL": "Illinois",
+	"US-IN": "Indiana",
+	"US-IA": "Iowa",
+	"US-KS": "Kansas",
+	"US-KY": "Kentucky",
+	"US-LA": "Louisiana",
+	"US-ME": "Maine",
+	"US-MD": "Maryland",
+	"US-MA": "Massachusetts",
+	"US-MI": "Michigan",
+	"US-MN": "Minnesota",
+	"US-MS": "Mississippi",
+	"US-MO": "Missouri",
+	"US-MT": "Montana",
+	"US-NE": "Nebraska",
+	"US-NV": "Nevada",
+	"US-NH": "New Hampshire",
+	"US-NJ": "New Jersey",
+	"US-NM": "New Mexico",
+	"US-NY": "New York",
+	"US-NC": "North Carolina",
+	"US-ND": "North Dakota",
+	"US-OH": "Ohio",
+	"US-OK": "Oklahoma",
+	"US-OR": "Oregon",
+	"US-PA": "Pennsylvania",
+	"US-RI": "Rhode Island",
+	"US-SC": "South Carolina",
+	"US-SD": "South Dakota",
+	"US-TN": "Tennessee",
+	"US-TX": "Texas",
+	"US-UT": "Utah",
+	"US-VT": "Vermont",
+	"US-VA": "Virginia",
+	"US-WA": "Washington",
+	"US-WV": "West Virginia",
+	"US-WI": "Wisconsin",
+	"US-WY": "Wyoming",
+	"US-DC": "District of Columbia",
+	"US-AS": "American Samoa",
+	"US-GU": "Guam",
+	"US-MP": "Northern Mariana Islands",
+	"US-PR": "Puerto Rico",
+	"US-UM": "United States Minor Outlying Islands",
+	"US-VI": "Virgin Islands",
+	"UM-81": "Baker Island",
+	"UM-84": "Howland Island",
+	"UM-86": "Jarvis Island",
+	"UM-67": "Johnston Atoll",
+	"UM-89": "Kingman Reef",
+	"UM-71": "Midway Islands",
+	"UM-76": "Navassa Island",
+	"UM-95": "Palmyra Atoll",
+	"UM-79": "Wake Island",
+	"UY-AR": "Artigas",
+	"UY-CA": "Canelones",
+	"UY-CL": "Cerro Largo",
+	"UY-CO": "Colonia",
+	"UY-DU": "Durazno",
+	"UY-FS": "Flores",
+	"UY-FD": "Florida",
+	"UY-LA": "Lavalleja",
+	"UY-MA": "Maldonado",
+	"UY-MO": "Montevideo",
+	"UY-PA": "Paysandú",
+	"UY-RN": "Río Negro",
+	"UY-RV": "Rivera",
+	"UY-RO": "Rocha",
+	"UY-SA": "Salto",
+	"UY-SJ": "San José",
+	"UY-SO": "Soriano",
+	"UY-TA": "Tacuarembó",
+	"UY-TT": "Treinta y Tres",
+	"UZ-AN": "Andijon",
+	"UZ-BU": "Buxoro",
+	"UZ-FA": "Farg‘ona",
+	"UZ-JI": "Jizzax",
+	"UZ-NG": "Namangan",
+	"UZ-NW": "Navoiy",
+	"UZ-QA": "Qashqadaryo",
+	"UZ-QR": "Qoraqalpog‘iston Respublikasi",
+	"UZ-SA": "Samarqand",
+	"UZ-SI": "Sirdaryo",
+	"UZ-SU": "Surxondaryo",
+	"UZ-TK": "Toshkent",
+	"UZ-TO": "Toshkent",
+	"UZ-XO": "Xorazm",
+	"VU-MAP": "Malampa",
+	"VU-PAM": "Pénama",
+	"VU-SAM": "Sanma",
+	"VU-SEE": "Shéfa",
+	"VU-TAE": "Taféa",
+	"VU-TOB": "Torba",
+	"VE-Z": "Amazonas",
+	"VE-B": "Anzoátegui",
+	"VE-C": "Apure",
+	"VE-D": "Aragua",
+	"VE-E": "Barinas",
+	"VE-F": "Bolívar",
+	"VE-G": "Carabobo",
+	"VE-H": "Cojedes",
+	"VE-Y": "Delta Amacuro",
+	"VE-W": "Dependencias Federales",
+	"VE-A": "Distrito Capital",
+	"VE-I": "Falcón",
+	"VE-J": "Guárico",
+	"VE-X": "La Guaira",
+	"VE-K": "Lara",
+	"VE-L": "Mérida",
+	"VE-M": "Miranda",
+	"VE-N": "Monagas",
+	"VE-O": "Nueva Esparta",
+	"VE-P": "Portuguesa",
+	"VE-R": "Sucre",
+	"VE-S": "Táchira",
+	"VE-T": "Trujillo",
+	"VE-U": "Yaracuy",
+	"VE-V": "Zulia",
+	"VN-44": "An Giang",
+	"VN-43": "Bà Rịa - Vũng Tàu",
+	"VN-54": "Bắc Giang",
+	"VN-53": "Bắc Kạn",
+	"VN-55": "Bạc Liêu",
+	"VN-56": "Bắc Ninh",
+	"VN-50": "Bến Tre",
+	"VN-31": "Bình Định",
+	"VN-57": "Bình Dương",
+	"VN-58": "Bình Phước",
+	"VN-40": "Bình Thuận",
+	"VN-59": "Cà Mau",
+	"VN-CT": "Cần Thơ",
+	"VN-04": "Cao Bằng",
+	"VN-DN": "Đà Nẵng",
+	"VN-33": "Đắk Lắk",
+	"VN-72": "Đắk Nông",
+	"VN-71": "Điện Biên",
+	"VN-39": "Đồng Nai",
+	"VN-45": "Đồng Tháp",
+	"VN-30": "Gia Lai",
+	"VN-03": "Hà Giang",
+	"VN-63": "Hà Nam",
+	"VN-HN": "Hà Nội",
+	"VN-23": "Hà Tĩnh",
+	"VN-61": "Hải Dương",
+	"VN-HP": "Hải Phòng",
+	"VN-73": "Hậu Giang",
+	"VN-SG": "Hồ Chí Minh",
+	"VN-14": "Hòa Bình",
+	"VN-66": "Hưng Yên",
+	"VN-34": "Khánh Hòa",
+	"VN-47": "Kiến Giang",
+	"VN-28": "Kon Tum",
+	"VN-01": "Lai Châu",
+	"VN-35": "Lâm Đồng",
+	"VN-09": "Lạng Sơn",
+	"VN-02": "Lào Cai",
+	"VN-41": "Long An",
+	"VN-67": "Nam Định",
+	"VN-22": "Nghệ An",
+	"VN-18": "Ninh Bình",
+	"VN-36": "Ninh Thuận",
+	"VN-68": "Phú Thọ",
+	"VN-32": "Phú Yên",
+	"VN-24": "Quảng Bình",
+	"VN-27": "Quảng Nam",
+	"VN-29": "Quảng Ngãi",
+	"VN-13": "Quảng Ninh",
+	"VN-25": "Quảng Trị",
+	"VN-52": "Sóc Trăng",
+	"VN-05": "Sơn La",
+	"VN-37": "Tây Ninh",
+	"VN-20": "Thái Bình",
+	"VN-69": "Thái Nguyên",
+	"VN-21": "Thanh Hóa",
+	"VN-26": "Thừa Thiên-Huế",
+	"VN-46": "Tiền Giang",
+	"VN-51": "Trà Vinh",
+	"VN-07": "Tuyên Quang",
+	"VN-49": "Vĩnh Long",
+	"VN-70": "Vĩnh Phúc",
+	"VN-06": "Yên Bái",
+	"WF-AL": "Alo",
+	"WF-SG": "Sigave",
+	"WF-UV": "Uvea",
+	"YE-AD": "‘Adan",
+	"YE-AM": "‘Amrān",
+	"YE-AB": "Abyan",
+	"YE-DA": "Aḑ Ḑāli‘",
+	"YE-BA": "Al Bayḑā’",
+	"YE-HU": "Al Ḩudaydah",
+	"YE-JA": "Al Jawf",
+	"YE-MR": "Al Mahrah",
+	"YE-MW": "Al Maḩwīt",
+	"YE-SA": "Amānat al ‘Āşimah",
+	"YE-SU": "Arkhabīl Suquţrá",
+	"YE-DH": "Dhamār",
+	"YE-HD": "Ḩaḑramawt",
+	"YE-HJ": "Ḩajjah",
+	"YE-IB": "Ibb",
+	"YE-LA": "Laḩij",
+	"YE-MA": "Ma’rib",
+	"YE-RA": "Raymah",
+	"YE-SD": "Şāʻdah",
+	"YE-SN": "Şanʻā’",
+	"YE-SH": "Shabwah",
+	"YE-TA": "Tāʻizz",
+	"ZM-02": "Central",
+	"ZM-08": "Copperbelt",
+	"ZM-03": "Eastern",
+	"ZM-04": "Luapula",
+	"ZM-09": "Lusaka",
+	"ZM-10": "Muchinga",
+	"ZM-06": "North-Western",
+	"ZM-05": "Northern",
+	"ZM-07": "Southern",
+	"ZM-01": "Western",
+	"ZW-BU": "Bulawayo",
+	"ZW-HA": "Harare",
+	"ZW-MA": "Manicaland",
+	"ZW-MC": "Mashonaland Central",
+	"ZW-ME": "Mashonaland East",
+	"ZW-MW": "Mashonaland West",
+	"ZW-MV": "Masvingo",
+	"ZW-MN": "Matabeleland North",
+	"ZW-MS": "Matabeleland South",
+	"ZW-MI": "Midlands",
+	"BQ-BO": "Bonaire",
+	"BQ-SA": "Saba",
+	"BQ-SE": "Sint Eustatius",
+	"ME-01": "Andrijevica",
+	"ME-02": "Bar",
+	"ME-03": "Berane",
+	"ME-04": "Bijelo Polje",
+	"ME-05": "Budva",
+	"ME-06": "Cetinje",
+	"ME-07": "Danilovgrad",
+	"ME-22": "Gusinje",
+	"ME-08": "Herceg-Novi",
+	"ME-09": "Kolašin",
+	"ME-10": "Kotor",
+	"ME-11": "Mojkovac",
+	"ME-12": "Nikšić",
+	"ME-23": "Petnjica",
+	"ME-13": "Plav",
+	"ME-14": "Pljevlja",
+	"ME-15": "Plužine",
+	"ME-16": "Podgorica",
+	"ME-17": "Rožaje",
+	"ME-18": "Šavnik",
+	"ME-19": "Tivat",
+	"ME-24": "Tuzi",
+	"ME-20": "Ulcinj",
+	"ME-21": "Žabljak",
+	"ME-25": "Zeta",
+	"RS-KM": "Kosovo-Metohija[1]",
+	"RS-VO": "Vojvodina",
+	"SS-EC": "Central Equatoria",
+	"SS-EE": "Eastern Equatoria",
+	"SS-JG": "Jonglei",
+	"SS-LK": "Lakes",
+	"SS-BN": "Northern Bahr el Ghazal",
+	"SS-UY": "Unity",
+	"SS-NU": "Upper Nile",
+	"SS-WR": "Warrap",
+	"SS-BW": "Western Bahr el Ghazal",
+	"SS-EW": "Western Equatoria",
 };
 
 export const CONTINENTS = {
-  AF: "Africa",
-  AN: "Antarctica",
-  AS: "Asia",
-  EU: "Europe",
-  NA: "North America",
-  OC: "Oceania",
-  SA: "South America",
+	AF: "Africa",
+	AN: "Antarctica",
+	AS: "Asia",
+	EU: "Europe",
+	NA: "North America",
+	OC: "Oceania",
+	SA: "South America",
 };
 
 export const CONTINENT_CODES = Object.keys(CONTINENTS);
 
 export const COUNTRIES_TO_CONTINENTS = {
-  AF: "AS", // Afghanistan - Asia
-  AL: "EU", // Albania - Europe
-  DZ: "AF", // Algeria - Africa
-  AS: "OC", // American Samoa - Oceania
-  AD: "EU", // Andorra - Europe
-  AO: "AF", // Angola - Africa
-  AI: "NA", // Anguilla - North America
-  AQ: "AN", // Antarctica - Antarctica
-  AG: "NA", // Antigua and Barbuda - North America
-  AR: "SA", // Argentina - South America
-  AM: "AS", // Armenia - Asia
-  AW: "NA", // Aruba - North America
-  AU: "OC", // Australia - Oceania
-  AT: "EU", // Austria - Europe
-  AZ: "AS", // Azerbaijan - Asia
-  BS: "NA", // Bahamas - North America
-  BH: "AS", // Bahrain - Asia
-  BD: "AS", // Bangladesh - Asia
-  BB: "NA", // Barbados - North America
-  BY: "EU", // Belarus - Europe
-  BE: "EU", // Belgium - Europe
-  BZ: "NA", // Belize - North America
-  BJ: "AF", // Benin - Africa
-  BM: "NA", // Bermuda - North America
-  BT: "AS", // Bhutan - Asia
-  BO: "SA", // Bolivia - South America
-  BA: "EU", // Bosnia and Herzegovina - Europe
-  BW: "AF", // Botswana - Africa
-  BV: "AN", // Bouvet Island - Antarctica
-  BR: "SA", // Brazil - South America
-  IO: "AS", // British Indian Ocean Territory - Asia
-  BN: "AS", // Brunei Darussalam - Asia
-  BG: "EU", // Bulgaria - Europe
-  BF: "AF", // Burkina Faso - Africa
-  BI: "AF", // Burundi - Africa
-  KH: "AS", // Cambodia - Asia
-  CM: "AF", // Cameroon - Africa
-  CA: "NA", // Canada - North America
-  CV: "AF", // Cape Verde - Africa
-  KY: "NA", // Cayman Islands - North America
-  CF: "AF", // Central African Republic - Africa
-  TD: "AF", // Chad - Africa
-  CL: "SA", // Chile - South America
-  CN: "AS", // China - Asia
-  CX: "AS", // Christmas Island - Asia
-  CC: "AS", // Cocos (Keeling) Islands - Asia
-  CO: "SA", // Colombia - South America
-  KM: "AF", // Comoros - Africa
-  CG: "AF", // Congo (Republic) - Africa
-  CD: "AF", // Congo (Democratic Republic) - Africa
-  CK: "OC", // Cook Islands - Oceania
-  CR: "NA", // Costa Rica - North America
-  CI: "AF", // Ivory Coast - Africa
-  HR: "EU", // Croatia - Europe
-  CU: "NA", // Cuba - North America
-  CY: "AS", // Cyprus - Asia
-  CZ: "EU", // Czech Republic - Europe
-  DK: "EU", // Denmark - Europe
-  DJ: "AF", // Djibouti - Africa
-  DM: "NA", // Dominica - North America
-  DO: "NA", // Dominican Republic - North America
-  EC: "SA", // Ecuador - South America
-  EG: "AF", // Egypt - Africa
-  SV: "NA", // El Salvador - North America
-  GQ: "AF", // Equatorial Guinea - Africa
-  ER: "AF", // Eritrea - Africa
-  EE: "EU", // Estonia - Europe
-  ET: "AF", // Ethiopia - Africa
-  FK: "SA", // Falkland Islands - South America
-  FO: "EU", // Faroe Islands - Europe
-  FJ: "OC", // Fiji - Oceania
-  FI: "EU", // Finland - Europe
-  FR: "EU", // France - Europe
-  GF: "SA", // French Guiana - South America
-  PF: "OC", // French Polynesia - Oceania
-  TF: "AN", // French Southern Territories - Antarctica
-  GA: "AF", // Gabon - Africa
-  GM: "AF", // Gambia - Africa
-  GE: "AS", // Georgia - Asia
-  DE: "EU", // Germany - Europe
-  GH: "AF", // Ghana - Africa
-  GI: "EU", // Gibraltar - Europe
-  GR: "EU", // Greece - Europe
-  GL: "NA", // Greenland - North America
-  GD: "NA", // Grenada - North America
-  GP: "NA", // Guadeloupe - North America
-  GU: "OC", // Guam - Oceania
-  GT: "NA", // Guatemala - North America
-  GN: "AF", // Guinea - Africa
-  GW: "AF", // Guinea-Bissau - Africa
-  GY: "SA", // Guyana - South America
-  HT: "NA", // Haiti - North America
-  HM: "AN", // Heard Island and McDonald Islands - Antarctica
-  VA: "EU", // Vatican City - Europe
-  HN: "NA", // Honduras - North America
-  HK: "AS", // Hong Kong - Asia
-  HU: "EU", // Hungary - Europe
-  IS: "EU", // Iceland - Europe
-  IN: "AS", // India - Asia
-  ID: "AS", // Indonesia - Asia
-  IR: "AS", // Iran - Asia
-  IQ: "AS", // Iraq - Asia
-  IE: "EU", // Ireland - Europe
-  IL: "AS", // Israel - Asia
-  IT: "EU", // Italy - Europe
-  JM: "NA", // Jamaica - North America
-  JP: "AS", // Japan - Asia
-  JO: "AS", // Jordan - Asia
-  KZ: "AS", // Kazakhstan - Asia
-  KE: "AF", // Kenya - Africa
-  KI: "OC", // Kiribati - Oceania
-  KP: "AS", // North Korea - Asia
-  KR: "AS", // South Korea - Asia
-  KW: "AS", // Kuwait - Asia
-  KG: "AS", // Kyrgyzstan - Asia
-  LA: "AS", // Laos - Asia
-  LV: "EU", // Latvia - Europe
-  LB: "AS", // Lebanon - Asia
-  LS: "AF", // Lesotho - Africa
-  LR: "AF", // Liberia - Africa
-  LY: "AF", // Libya - Africa
-  LI: "EU", // Liechtenstein - Europe
-  LT: "EU", // Lithuania - Europe
-  LU: "EU", // Luxembourg - Europe
-  MO: "AS", // Macao - Asia
-  MG: "AF", // Madagascar - Africa
-  MW: "AF", // Malawi - Africa
-  MY: "AS", // Malaysia - Asia
-  MV: "AS", // Maldives - Asia
-  ML: "AF", // Mali - Africa
-  MT: "EU", // Malta - Europe
-  MH: "OC", // Marshall Islands - Oceania
-  MQ: "NA", // Martinique - North America
-  MR: "AF", // Mauritania - Africa
-  MU: "AF", // Mauritius - Africa
-  YT: "AF", // Mayotte - Africa
-  MX: "NA", // Mexico - North America
-  FM: "OC", // Micronesia - Oceania
-  MD: "EU", // Moldova - Europe
-  MC: "EU", // Monaco - Europe
-  MN: "AS", // Mongolia - Asia
-  MS: "NA", // Montserrat - North America
-  MA: "AF", // Morocco - Africa
-  MZ: "AF", // Mozambique - Africa
-  MM: "AS", // Myanmar - Asia
-  NA: "AF", // Namibia - Africa
-  NR: "OC", // Nauru - Oceania
-  NP: "AS", // Nepal - Asia
-  NL: "EU", // Netherlands - Europe
-  NC: "OC", // New Caledonia - Oceania
-  NZ: "OC", // New Zealand - Oceania
-  NI: "NA", // Nicaragua - North America
-  NE: "AF", // Niger - Africa
-  NG: "AF", // Nigeria - Africa
-  NU: "OC", // Niue - Oceania
-  NF: "OC", // Norfolk Island - Oceania
-  MK: "EU", // Macedonia - Europe
-  MP: "OC", // Northern Mariana Islands - Oceania
-  NO: "EU", // Norway - Europe
-  OM: "AS", // Oman - Asia
-  PK: "AS", // Pakistan - Asia
-  PW: "OC", // Palau - Oceania
-  PS: "AS", // Palestine - Asia
-  PA: "NA", // Panama - North America
-  PG: "OC", // Papua New Guinea - Oceania
-  PY: "SA", // Paraguay - South America
-  PE: "SA", // Peru - South America
-  PH: "AS", // Philippines - Asia
-  PN: "OC", // Pitcairn - Oceania
-  PL: "EU", // Poland - Europe
-  PT: "EU", // Portugal - Europe
-  PR: "NA", // Puerto Rico - North America
-  QA: "AS", // Qatar - Asia
-  RE: "AF", // Reunion - Africa
-  RO: "EU", // Romania - Europe
-  RU: "EU", // Russia - Europe
-  RW: "AF", // Rwanda - Africa
-  SH: "AF", // Saint Helena - Africa
-  KN: "NA", // Saint Kitts and Nevis - North America
-  LC: "NA", // Saint Lucia - North America
-  PM: "NA", // Saint Pierre and Miquelon - North America
-  VC: "NA", // Saint Vincent and the Grenadines - North America
-  WS: "OC", // Samoa - Oceania
-  SM: "EU", // San Marino - Europe
-  ST: "AF", // Sao Tome and Principe - Africa
-  SA: "AS", // Saudi Arabia - Asia
-  SN: "AF", // Senegal - Africa
-  SC: "AF", // Seychelles - Africa
-  SL: "AF", // Sierra Leone - Africa
-  SG: "AS", // Singapore - Asia
-  SK: "EU", // Slovakia - Europe
-  SI: "EU", // Slovenia - Europe
-  SB: "OC", // Solomon Islands - Oceania
-  SO: "AF", // Somalia - Africa
-  ZA: "AF", // South Africa - Africa
-  GS: "AN", // South Georgia and the South Sandwich Islands - Antarctica
-  ES: "EU", // Spain - Europe
-  LK: "AS", // Sri Lanka - Asia
-  SD: "AF", // Sudan - Africa
-  SR: "SA", // Suriname - South America
-  SJ: "EU", // Svalbard and Jan Mayen - Europe
-  SZ: "AF", // Eswatini - Africa
-  SE: "EU", // Sweden - Europe
-  CH: "EU", // Switzerland - Europe
-  SY: "AS", // Syrian Arab Republic - Asia
-  TW: "AS", // Taiwan - Asia
-  TJ: "AS", // Tajikistan - Asia
-  TZ: "AF", // Tanzania - Africa
-  TH: "AS", // Thailand - Asia
-  TL: "AS", // Timor-Leste - Asia
-  TG: "AF", // Togo - Africa
-  TK: "OC", // Tokelau - Oceania
-  TO: "OC", // Tonga - Oceania
-  TT: "NA", // Trinidad and Tobago - North America
-  TN: "AF", // Tunisia - Africa
-  TR: "AS", // Turkey - Asia
-  TM: "AS", // Turkmenistan - Asia
-  TC: "NA", // Turks and Caicos Islands - North America
-  TV: "OC", // Tuvalu - Oceania
-  UG: "AF", // Uganda - Africa
-  UA: "EU", // Ukraine - Europe
-  AE: "AS", // United Arab Emirates - Asia
-  GB: "EU", // United Kingdom - Europe
-  US: "NA", // United States - North America
-  UM: "OC", // United States Minor Outlying Islands - Oceania
-  UY: "SA", // Uruguay - South America
-  UZ: "AS", // Uzbekistan - Asia
-  VU: "OC", // Vanuatu - Oceania
-  VE: "SA", // Venezuela - South America
-  VN: "AS", // Vietnam - Asia
-  VG: "NA", // Virgin Islands, British - North America
-  VI: "NA", // Virgin Islands, U.S. - North America
-  WF: "OC", // Wallis and Futuna - Oceania
-  EH: "AF", // Western Sahara - Africa
-  YE: "AS", // Yemen - Asia
-  ZM: "AF", // Zambia - Africa
-  ZW: "AF", // Zimbabwe - Africa
-  AX: "EU", // Åland Islands - Europe
-  BQ: "NA", // Bonaire, Sint Eustatius and Saba - North America
-  CW: "NA", // Curaçao - North America
-  GG: "EU", // Guernsey - Europe
-  IM: "EU", // Isle of Man - Europe
-  JE: "EU", // Jersey - Europe
-  ME: "EU", // Montenegro - Europe
-  BL: "NA", // Saint Barthélemy - North America
-  MF: "NA", // Saint Martin (French part) - North America
-  RS: "EU", // Serbia - Europe
-  SX: "NA", // Sint Maarten (Dutch part) - North America
-  SS: "AF", // South Sudan - Africa
-  XK: "EU", // Kosovo - Europe
+	AF: "AS", // Afghanistan - Asia
+	AL: "EU", // Albania - Europe
+	DZ: "AF", // Algeria - Africa
+	AS: "OC", // American Samoa - Oceania
+	AD: "EU", // Andorra - Europe
+	AO: "AF", // Angola - Africa
+	AI: "NA", // Anguilla - North America
+	AQ: "AN", // Antarctica - Antarctica
+	AG: "NA", // Antigua and Barbuda - North America
+	AR: "SA", // Argentina - South America
+	AM: "AS", // Armenia - Asia
+	AW: "NA", // Aruba - North America
+	AU: "OC", // Australia - Oceania
+	AT: "EU", // Austria - Europe
+	AZ: "AS", // Azerbaijan - Asia
+	BS: "NA", // Bahamas - North America
+	BH: "AS", // Bahrain - Asia
+	BD: "AS", // Bangladesh - Asia
+	BB: "NA", // Barbados - North America
+	BY: "EU", // Belarus - Europe
+	BE: "EU", // Belgium - Europe
+	BZ: "NA", // Belize - North America
+	BJ: "AF", // Benin - Africa
+	BM: "NA", // Bermuda - North America
+	BT: "AS", // Bhutan - Asia
+	BO: "SA", // Bolivia - South America
+	BA: "EU", // Bosnia and Herzegovina - Europe
+	BW: "AF", // Botswana - Africa
+	BV: "AN", // Bouvet Island - Antarctica
+	BR: "SA", // Brazil - South America
+	IO: "AS", // British Indian Ocean Territory - Asia
+	BN: "AS", // Brunei Darussalam - Asia
+	BG: "EU", // Bulgaria - Europe
+	BF: "AF", // Burkina Faso - Africa
+	BI: "AF", // Burundi - Africa
+	KH: "AS", // Cambodia - Asia
+	CM: "AF", // Cameroon - Africa
+	CA: "NA", // Canada - North America
+	CV: "AF", // Cape Verde - Africa
+	KY: "NA", // Cayman Islands - North America
+	CF: "AF", // Central African Republic - Africa
+	TD: "AF", // Chad - Africa
+	CL: "SA", // Chile - South America
+	CN: "AS", // China - Asia
+	CX: "AS", // Christmas Island - Asia
+	CC: "AS", // Cocos (Keeling) Islands - Asia
+	CO: "SA", // Colombia - South America
+	KM: "AF", // Comoros - Africa
+	CG: "AF", // Congo (Republic) - Africa
+	CD: "AF", // Congo (Democratic Republic) - Africa
+	CK: "OC", // Cook Islands - Oceania
+	CR: "NA", // Costa Rica - North America
+	CI: "AF", // Ivory Coast - Africa
+	HR: "EU", // Croatia - Europe
+	CU: "NA", // Cuba - North America
+	CY: "AS", // Cyprus - Asia
+	CZ: "EU", // Czech Republic - Europe
+	DK: "EU", // Denmark - Europe
+	DJ: "AF", // Djibouti - Africa
+	DM: "NA", // Dominica - North America
+	DO: "NA", // Dominican Republic - North America
+	EC: "SA", // Ecuador - South America
+	EG: "AF", // Egypt - Africa
+	SV: "NA", // El Salvador - North America
+	GQ: "AF", // Equatorial Guinea - Africa
+	ER: "AF", // Eritrea - Africa
+	EE: "EU", // Estonia - Europe
+	ET: "AF", // Ethiopia - Africa
+	FK: "SA", // Falkland Islands - South America
+	FO: "EU", // Faroe Islands - Europe
+	FJ: "OC", // Fiji - Oceania
+	FI: "EU", // Finland - Europe
+	FR: "EU", // France - Europe
+	GF: "SA", // French Guiana - South America
+	PF: "OC", // French Polynesia - Oceania
+	TF: "AN", // French Southern Territories - Antarctica
+	GA: "AF", // Gabon - Africa
+	GM: "AF", // Gambia - Africa
+	GE: "AS", // Georgia - Asia
+	DE: "EU", // Germany - Europe
+	GH: "AF", // Ghana - Africa
+	GI: "EU", // Gibraltar - Europe
+	GR: "EU", // Greece - Europe
+	GL: "NA", // Greenland - North America
+	GD: "NA", // Grenada - North America
+	GP: "NA", // Guadeloupe - North America
+	GU: "OC", // Guam - Oceania
+	GT: "NA", // Guatemala - North America
+	GN: "AF", // Guinea - Africa
+	GW: "AF", // Guinea-Bissau - Africa
+	GY: "SA", // Guyana - South America
+	HT: "NA", // Haiti - North America
+	HM: "AN", // Heard Island and McDonald Islands - Antarctica
+	VA: "EU", // Vatican City - Europe
+	HN: "NA", // Honduras - North America
+	HK: "AS", // Hong Kong - Asia
+	HU: "EU", // Hungary - Europe
+	IS: "EU", // Iceland - Europe
+	IN: "AS", // India - Asia
+	ID: "AS", // Indonesia - Asia
+	IR: "AS", // Iran - Asia
+	IQ: "AS", // Iraq - Asia
+	IE: "EU", // Ireland - Europe
+	IL: "AS", // Israel - Asia
+	IT: "EU", // Italy - Europe
+	JM: "NA", // Jamaica - North America
+	JP: "AS", // Japan - Asia
+	JO: "AS", // Jordan - Asia
+	KZ: "AS", // Kazakhstan - Asia
+	KE: "AF", // Kenya - Africa
+	KI: "OC", // Kiribati - Oceania
+	KP: "AS", // North Korea - Asia
+	KR: "AS", // South Korea - Asia
+	KW: "AS", // Kuwait - Asia
+	KG: "AS", // Kyrgyzstan - Asia
+	LA: "AS", // Laos - Asia
+	LV: "EU", // Latvia - Europe
+	LB: "AS", // Lebanon - Asia
+	LS: "AF", // Lesotho - Africa
+	LR: "AF", // Liberia - Africa
+	LY: "AF", // Libya - Africa
+	LI: "EU", // Liechtenstein - Europe
+	LT: "EU", // Lithuania - Europe
+	LU: "EU", // Luxembourg - Europe
+	MO: "AS", // Macao - Asia
+	MG: "AF", // Madagascar - Africa
+	MW: "AF", // Malawi - Africa
+	MY: "AS", // Malaysia - Asia
+	MV: "AS", // Maldives - Asia
+	ML: "AF", // Mali - Africa
+	MT: "EU", // Malta - Europe
+	MH: "OC", // Marshall Islands - Oceania
+	MQ: "NA", // Martinique - North America
+	MR: "AF", // Mauritania - Africa
+	MU: "AF", // Mauritius - Africa
+	YT: "AF", // Mayotte - Africa
+	MX: "NA", // Mexico - North America
+	FM: "OC", // Micronesia - Oceania
+	MD: "EU", // Moldova - Europe
+	MC: "EU", // Monaco - Europe
+	MN: "AS", // Mongolia - Asia
+	MS: "NA", // Montserrat - North America
+	MA: "AF", // Morocco - Africa
+	MZ: "AF", // Mozambique - Africa
+	MM: "AS", // Myanmar - Asia
+	NA: "AF", // Namibia - Africa
+	NR: "OC", // Nauru - Oceania
+	NP: "AS", // Nepal - Asia
+	NL: "EU", // Netherlands - Europe
+	NC: "OC", // New Caledonia - Oceania
+	NZ: "OC", // New Zealand - Oceania
+	NI: "NA", // Nicaragua - North America
+	NE: "AF", // Niger - Africa
+	NG: "AF", // Nigeria - Africa
+	NU: "OC", // Niue - Oceania
+	NF: "OC", // Norfolk Island - Oceania
+	MK: "EU", // Macedonia - Europe
+	MP: "OC", // Northern Mariana Islands - Oceania
+	NO: "EU", // Norway - Europe
+	OM: "AS", // Oman - Asia
+	PK: "AS", // Pakistan - Asia
+	PW: "OC", // Palau - Oceania
+	PS: "AS", // Palestine - Asia
+	PA: "NA", // Panama - North America
+	PG: "OC", // Papua New Guinea - Oceania
+	PY: "SA", // Paraguay - South America
+	PE: "SA", // Peru - South America
+	PH: "AS", // Philippines - Asia
+	PN: "OC", // Pitcairn - Oceania
+	PL: "EU", // Poland - Europe
+	PT: "EU", // Portugal - Europe
+	PR: "NA", // Puerto Rico - North America
+	QA: "AS", // Qatar - Asia
+	RE: "AF", // Reunion - Africa
+	RO: "EU", // Romania - Europe
+	RU: "EU", // Russia - Europe
+	RW: "AF", // Rwanda - Africa
+	SH: "AF", // Saint Helena - Africa
+	KN: "NA", // Saint Kitts and Nevis - North America
+	LC: "NA", // Saint Lucia - North America
+	PM: "NA", // Saint Pierre and Miquelon - North America
+	VC: "NA", // Saint Vincent and the Grenadines - North America
+	WS: "OC", // Samoa - Oceania
+	SM: "EU", // San Marino - Europe
+	ST: "AF", // Sao Tome and Principe - Africa
+	SA: "AS", // Saudi Arabia - Asia
+	SN: "AF", // Senegal - Africa
+	SC: "AF", // Seychelles - Africa
+	SL: "AF", // Sierra Leone - Africa
+	SG: "AS", // Singapore - Asia
+	SK: "EU", // Slovakia - Europe
+	SI: "EU", // Slovenia - Europe
+	SB: "OC", // Solomon Islands - Oceania
+	SO: "AF", // Somalia - Africa
+	ZA: "AF", // South Africa - Africa
+	GS: "AN", // South Georgia and the South Sandwich Islands - Antarctica
+	ES: "EU", // Spain - Europe
+	LK: "AS", // Sri Lanka - Asia
+	SD: "AF", // Sudan - Africa
+	SR: "SA", // Suriname - South America
+	SJ: "EU", // Svalbard and Jan Mayen - Europe
+	SZ: "AF", // Eswatini - Africa
+	SE: "EU", // Sweden - Europe
+	CH: "EU", // Switzerland - Europe
+	SY: "AS", // Syrian Arab Republic - Asia
+	TW: "AS", // Taiwan - Asia
+	TJ: "AS", // Tajikistan - Asia
+	TZ: "AF", // Tanzania - Africa
+	TH: "AS", // Thailand - Asia
+	TL: "AS", // Timor-Leste - Asia
+	TG: "AF", // Togo - Africa
+	TK: "OC", // Tokelau - Oceania
+	TO: "OC", // Tonga - Oceania
+	TT: "NA", // Trinidad and Tobago - North America
+	TN: "AF", // Tunisia - Africa
+	TR: "AS", // Turkey - Asia
+	TM: "AS", // Turkmenistan - Asia
+	TC: "NA", // Turks and Caicos Islands - North America
+	TV: "OC", // Tuvalu - Oceania
+	UG: "AF", // Uganda - Africa
+	UA: "EU", // Ukraine - Europe
+	AE: "AS", // United Arab Emirates - Asia
+	GB: "EU", // United Kingdom - Europe
+	US: "NA", // United States - North America
+	UM: "OC", // United States Minor Outlying Islands - Oceania
+	UY: "SA", // Uruguay - South America
+	UZ: "AS", // Uzbekistan - Asia
+	VU: "OC", // Vanuatu - Oceania
+	VE: "SA", // Venezuela - South America
+	VN: "AS", // Vietnam - Asia
+	VG: "NA", // Virgin Islands, British - North America
+	VI: "NA", // Virgin Islands, U.S. - North America
+	WF: "OC", // Wallis and Futuna - Oceania
+	EH: "AF", // Western Sahara - Africa
+	YE: "AS", // Yemen - Asia
+	ZM: "AF", // Zambia - Africa
+	ZW: "AF", // Zimbabwe - Africa
+	AX: "EU", // Åland Islands - Europe
+	BQ: "NA", // Bonaire, Sint Eustatius and Saba - North America
+	CW: "NA", // Curaçao - North America
+	GG: "EU", // Guernsey - Europe
+	IM: "EU", // Isle of Man - Europe
+	JE: "EU", // Jersey - Europe
+	ME: "EU", // Montenegro - Europe
+	BL: "NA", // Saint Barthélemy - North America
+	MF: "NA", // Saint Martin (French part) - North America
+	RS: "EU", // Serbia - Europe
+	SX: "NA", // Sint Maarten (Dutch part) - North America
+	SS: "AF", // South Sudan - Africa
+	XK: "EU", // Kosovo - Europe
 };
 
 export const COUNTRIES = {
-  AF: "Afghanistan",
-  AL: "Albania",
-  DZ: "Algeria",
-  AS: "American Samoa",
-  AD: "Andorra",
-  AO: "Angola",
-  AI: "Anguilla",
-  AQ: "Antarctica",
-  AG: "Antigua and Barbuda",
-  AR: "Argentina",
-  AM: "Armenia",
-  AW: "Aruba",
-  AU: "Australia",
-  AT: "Austria",
-  AZ: "Azerbaijan",
-  BS: "Bahamas",
-  BH: "Bahrain",
-  BD: "Bangladesh",
-  BB: "Barbados",
-  BY: "Belarus",
-  BE: "Belgium",
-  BZ: "Belize",
-  BJ: "Benin",
-  BM: "Bermuda",
-  BT: "Bhutan",
-  BO: "Bolivia",
-  BA: "Bosnia and Herzegovina",
-  BW: "Botswana",
-  BV: "Bouvet Island",
-  BR: "Brazil",
-  IO: "British Indian Ocean Territory",
-  BN: "Brunei Darussalam",
-  BG: "Bulgaria",
-  BF: "Burkina Faso",
-  BI: "Burundi",
-  KH: "Cambodia",
-  CM: "Cameroon",
-  CA: "Canada",
-  CV: "Cape Verde",
-  KY: "Cayman Islands",
-  CF: "Central African Republic",
-  TD: "Chad",
-  CL: "Chile",
-  CN: "China",
-  CX: "Christmas Island",
-  CC: "Cocos (Keeling) Islands",
-  CO: "Colombia",
-  KM: "Comoros",
-  CG: "Congo (Republic)",
-  CD: "Congo (Democratic Republic)",
-  CK: "Cook Islands",
-  CR: "Costa Rica",
-  CI: "Ivory Coast",
-  HR: "Croatia",
-  CU: "Cuba",
-  CY: "Cyprus",
-  CZ: "Czech Republic",
-  DK: "Denmark",
-  DJ: "Djibouti",
-  DM: "Dominica",
-  DO: "Dominican Republic",
-  EC: "Ecuador",
-  EG: "Egypt",
-  SV: "El Salvador",
-  GQ: "Equatorial Guinea",
-  ER: "Eritrea",
-  EE: "Estonia",
-  ET: "Ethiopia",
-  FK: "Falkland Islands",
-  FO: "Faroe Islands",
-  FJ: "Fiji",
-  FI: "Finland",
-  FR: "France",
-  GF: "French Guiana",
-  PF: "French Polynesia",
-  TF: "French Southern Territories",
-  GA: "Gabon",
-  GM: "Gambia",
-  GE: "Georgia",
-  DE: "Germany",
-  GH: "Ghana",
-  GI: "Gibraltar",
-  GR: "Greece",
-  GL: "Greenland",
-  GD: "Grenada",
-  GP: "Guadeloupe",
-  GU: "Guam",
-  GT: "Guatemala",
-  GN: "Guinea",
-  GW: "Guinea-Bissau",
-  GY: "Guyana",
-  HT: "Haiti",
-  HM: "Heard Island and McDonald Islands",
-  VA: "Vatican City",
-  HN: "Honduras",
-  HK: "Hong Kong",
-  HU: "Hungary",
-  IS: "Iceland",
-  IN: "India",
-  ID: "Indonesia",
-  IR: "Iran",
-  IQ: "Iraq",
-  IE: "Ireland",
-  IL: "Israel",
-  IT: "Italy",
-  JM: "Jamaica",
-  JP: "Japan",
-  JO: "Jordan",
-  KZ: "Kazakhstan",
-  KE: "Kenya",
-  KI: "Kiribati",
-  KP: "North Korea",
-  KR: "South Korea",
-  KW: "Kuwait",
-  KG: "Kyrgyzstan",
-  LA: "Laos",
-  LV: "Latvia",
-  LB: "Lebanon",
-  LS: "Lesotho",
-  LR: "Liberia",
-  LY: "Libya",
-  LI: "Liechtenstein",
-  LT: "Lithuania",
-  LU: "Luxembourg",
-  MO: "Macao",
-  MG: "Madagascar",
-  MW: "Malawi",
-  MY: "Malaysia",
-  MV: "Maldives",
-  ML: "Mali",
-  MT: "Malta",
-  MH: "Marshall Islands",
-  MQ: "Martinique",
-  MR: "Mauritania",
-  MU: "Mauritius",
-  YT: "Mayotte",
-  MX: "Mexico",
-  FM: "Micronesia",
-  MD: "Moldova",
-  MC: "Monaco",
-  MN: "Mongolia",
-  MS: "Montserrat",
-  MA: "Morocco",
-  MZ: "Mozambique",
-  MM: "Myanmar",
-  NA: "Namibia",
-  NR: "Nauru",
-  NP: "Nepal",
-  NL: "Netherlands",
-  NC: "New Caledonia",
-  NZ: "New Zealand",
-  NI: "Nicaragua",
-  NE: "Niger",
-  NG: "Nigeria",
-  NU: "Niue",
-  NF: "Norfolk Island",
-  MK: "Macedonia",
-  MP: "Northern Mariana Islands",
-  NO: "Norway",
-  OM: "Oman",
-  PK: "Pakistan",
-  PW: "Palau",
-  PS: "Palestine",
-  PA: "Panama",
-  PG: "Papua New Guinea",
-  PY: "Paraguay",
-  PE: "Peru",
-  PH: "Philippines",
-  PN: "Pitcairn",
-  PL: "Poland",
-  PT: "Portugal",
-  PR: "Puerto Rico",
-  QA: "Qatar",
-  RE: "Reunion",
-  RO: "Romania",
-  RU: "Russia",
-  RW: "Rwanda",
-  SH: "Saint Helena",
-  KN: "Saint Kitts and Nevis",
-  LC: "Saint Lucia",
-  PM: "Saint Pierre and Miquelon",
-  VC: "Saint Vincent and the Grenadines",
-  WS: "Samoa",
-  SM: "San Marino",
-  ST: "Sao Tome and Principe",
-  SA: "Saudi Arabia",
-  SN: "Senegal",
-  SC: "Seychelles",
-  SL: "Sierra Leone",
-  SG: "Singapore",
-  SK: "Slovakia",
-  SI: "Slovenia",
-  SB: "Solomon Islands",
-  SO: "Somalia",
-  ZA: "South Africa",
-  GS: "South Georgia and the South Sandwich Islands",
-  ES: "Spain",
-  LK: "Sri Lanka",
-  SD: "Sudan",
-  SR: "Suriname",
-  SJ: "Svalbard and Jan Mayen",
-  SZ: "Eswatini",
-  SE: "Sweden",
-  CH: "Switzerland",
-  SY: "Syrian Arab Republic",
-  TW: "Taiwan",
-  TJ: "Tajikistan",
-  TZ: "Tanzania",
-  TH: "Thailand",
-  TL: "Timor-Leste",
-  TG: "Togo",
-  TK: "Tokelau",
-  TO: "Tonga",
-  TT: "Trinidad and Tobago",
-  TN: "Tunisia",
-  TR: "Turkey",
-  TM: "Turkmenistan",
-  TC: "Turks and Caicos Islands",
-  TV: "Tuvalu",
-  UG: "Uganda",
-  UA: "Ukraine",
-  AE: "United Arab Emirates",
-  GB: "United Kingdom",
-  US: "United States",
-  UM: "United States Minor Outlying Islands",
-  UY: "Uruguay",
-  UZ: "Uzbekistan",
-  VU: "Vanuatu",
-  VE: "Venezuela",
-  VN: "Vietnam",
-  VG: "Virgin Islands, British",
-  VI: "Virgin Islands, U.S.",
-  WF: "Wallis and Futuna",
-  EH: "Western Sahara",
-  YE: "Yemen",
-  ZM: "Zambia",
-  ZW: "Zimbabwe",
-  AX: "Åland Islands",
-  BQ: "Bonaire, Sint Eustatius and Saba",
-  CW: "Curaçao",
-  GG: "Guernsey",
-  IM: "Isle of Man",
-  JE: "Jersey",
-  ME: "Montenegro",
-  BL: "Saint Barthélemy",
-  MF: "Saint Martin (French part)",
-  RS: "Serbia",
-  SX: "Sint Maarten (Dutch part)",
-  SS: "South Sudan",
-  XK: "Kosovo",
+	AF: "Afghanistan",
+	AL: "Albania",
+	DZ: "Algeria",
+	AS: "American Samoa",
+	AD: "Andorra",
+	AO: "Angola",
+	AI: "Anguilla",
+	AQ: "Antarctica",
+	AG: "Antigua and Barbuda",
+	AR: "Argentina",
+	AM: "Armenia",
+	AW: "Aruba",
+	AU: "Australia",
+	AT: "Austria",
+	AZ: "Azerbaijan",
+	BS: "Bahamas",
+	BH: "Bahrain",
+	BD: "Bangladesh",
+	BB: "Barbados",
+	BY: "Belarus",
+	BE: "Belgium",
+	BZ: "Belize",
+	BJ: "Benin",
+	BM: "Bermuda",
+	BT: "Bhutan",
+	BO: "Bolivia",
+	BA: "Bosnia and Herzegovina",
+	BW: "Botswana",
+	BV: "Bouvet Island",
+	BR: "Brazil",
+	IO: "British Indian Ocean Territory",
+	BN: "Brunei Darussalam",
+	BG: "Bulgaria",
+	BF: "Burkina Faso",
+	BI: "Burundi",
+	KH: "Cambodia",
+	CM: "Cameroon",
+	CA: "Canada",
+	CV: "Cape Verde",
+	KY: "Cayman Islands",
+	CF: "Central African Republic",
+	TD: "Chad",
+	CL: "Chile",
+	CN: "China",
+	CX: "Christmas Island",
+	CC: "Cocos (Keeling) Islands",
+	CO: "Colombia",
+	KM: "Comoros",
+	CG: "Congo (Republic)",
+	CD: "Congo (Democratic Republic)",
+	CK: "Cook Islands",
+	CR: "Costa Rica",
+	CI: "Ivory Coast",
+	HR: "Croatia",
+	CU: "Cuba",
+	CY: "Cyprus",
+	CZ: "Czech Republic",
+	DK: "Denmark",
+	DJ: "Djibouti",
+	DM: "Dominica",
+	DO: "Dominican Republic",
+	EC: "Ecuador",
+	EG: "Egypt",
+	SV: "El Salvador",
+	GQ: "Equatorial Guinea",
+	ER: "Eritrea",
+	EE: "Estonia",
+	ET: "Ethiopia",
+	FK: "Falkland Islands",
+	FO: "Faroe Islands",
+	FJ: "Fiji",
+	FI: "Finland",
+	FR: "France",
+	GF: "French Guiana",
+	PF: "French Polynesia",
+	TF: "French Southern Territories",
+	GA: "Gabon",
+	GM: "Gambia",
+	GE: "Georgia",
+	DE: "Germany",
+	GH: "Ghana",
+	GI: "Gibraltar",
+	GR: "Greece",
+	GL: "Greenland",
+	GD: "Grenada",
+	GP: "Guadeloupe",
+	GU: "Guam",
+	GT: "Guatemala",
+	GN: "Guinea",
+	GW: "Guinea-Bissau",
+	GY: "Guyana",
+	HT: "Haiti",
+	HM: "Heard Island and McDonald Islands",
+	VA: "Vatican City",
+	HN: "Honduras",
+	HK: "Hong Kong",
+	HU: "Hungary",
+	IS: "Iceland",
+	IN: "India",
+	ID: "Indonesia",
+	IR: "Iran",
+	IQ: "Iraq",
+	IE: "Ireland",
+	IL: "Israel",
+	IT: "Italy",
+	JM: "Jamaica",
+	JP: "Japan",
+	JO: "Jordan",
+	KZ: "Kazakhstan",
+	KE: "Kenya",
+	KI: "Kiribati",
+	KP: "North Korea",
+	KR: "South Korea",
+	KW: "Kuwait",
+	KG: "Kyrgyzstan",
+	LA: "Laos",
+	LV: "Latvia",
+	LB: "Lebanon",
+	LS: "Lesotho",
+	LR: "Liberia",
+	LY: "Libya",
+	LI: "Liechtenstein",
+	LT: "Lithuania",
+	LU: "Luxembourg",
+	MO: "Macao",
+	MG: "Madagascar",
+	MW: "Malawi",
+	MY: "Malaysia",
+	MV: "Maldives",
+	ML: "Mali",
+	MT: "Malta",
+	MH: "Marshall Islands",
+	MQ: "Martinique",
+	MR: "Mauritania",
+	MU: "Mauritius",
+	YT: "Mayotte",
+	MX: "Mexico",
+	FM: "Micronesia",
+	MD: "Moldova",
+	MC: "Monaco",
+	MN: "Mongolia",
+	MS: "Montserrat",
+	MA: "Morocco",
+	MZ: "Mozambique",
+	MM: "Myanmar",
+	NA: "Namibia",
+	NR: "Nauru",
+	NP: "Nepal",
+	NL: "Netherlands",
+	NC: "New Caledonia",
+	NZ: "New Zealand",
+	NI: "Nicaragua",
+	NE: "Niger",
+	NG: "Nigeria",
+	NU: "Niue",
+	NF: "Norfolk Island",
+	MK: "Macedonia",
+	MP: "Northern Mariana Islands",
+	NO: "Norway",
+	OM: "Oman",
+	PK: "Pakistan",
+	PW: "Palau",
+	PS: "Palestine",
+	PA: "Panama",
+	PG: "Papua New Guinea",
+	PY: "Paraguay",
+	PE: "Peru",
+	PH: "Philippines",
+	PN: "Pitcairn",
+	PL: "Poland",
+	PT: "Portugal",
+	PR: "Puerto Rico",
+	QA: "Qatar",
+	RE: "Reunion",
+	RO: "Romania",
+	RU: "Russia",
+	RW: "Rwanda",
+	SH: "Saint Helena",
+	KN: "Saint Kitts and Nevis",
+	LC: "Saint Lucia",
+	PM: "Saint Pierre and Miquelon",
+	VC: "Saint Vincent and the Grenadines",
+	WS: "Samoa",
+	SM: "San Marino",
+	ST: "Sao Tome and Principe",
+	SA: "Saudi Arabia",
+	SN: "Senegal",
+	SC: "Seychelles",
+	SL: "Sierra Leone",
+	SG: "Singapore",
+	SK: "Slovakia",
+	SI: "Slovenia",
+	SB: "Solomon Islands",
+	SO: "Somalia",
+	ZA: "South Africa",
+	GS: "South Georgia and the South Sandwich Islands",
+	ES: "Spain",
+	LK: "Sri Lanka",
+	SD: "Sudan",
+	SR: "Suriname",
+	SJ: "Svalbard and Jan Mayen",
+	SZ: "Eswatini",
+	SE: "Sweden",
+	CH: "Switzerland",
+	SY: "Syrian Arab Republic",
+	TW: "Taiwan",
+	TJ: "Tajikistan",
+	TZ: "Tanzania",
+	TH: "Thailand",
+	TL: "Timor-Leste",
+	TG: "Togo",
+	TK: "Tokelau",
+	TO: "Tonga",
+	TT: "Trinidad and Tobago",
+	TN: "Tunisia",
+	TR: "Turkey",
+	TM: "Turkmenistan",
+	TC: "Turks and Caicos Islands",
+	TV: "Tuvalu",
+	UG: "Uganda",
+	UA: "Ukraine",
+	AE: "United Arab Emirates",
+	GB: "United Kingdom",
+	US: "United States",
+	UM: "United States Minor Outlying Islands",
+	UY: "Uruguay",
+	UZ: "Uzbekistan",
+	VU: "Vanuatu",
+	VE: "Venezuela",
+	VN: "Vietnam",
+	VG: "Virgin Islands, British",
+	VI: "Virgin Islands, U.S.",
+	WF: "Wallis and Futuna",
+	EH: "Western Sahara",
+	YE: "Yemen",
+	ZM: "Zambia",
+	ZW: "Zimbabwe",
+	AX: "Åland Islands",
+	BQ: "Bonaire, Sint Eustatius and Saba",
+	CW: "Curaçao",
+	GG: "Guernsey",
+	IM: "Isle of Man",
+	JE: "Jersey",
+	ME: "Montenegro",
+	BL: "Saint Barthélemy",
+	MF: "Saint Martin (French part)",
+	RS: "Serbia",
+	SX: "Sint Maarten (Dutch part)",
+	SS: "South Sudan",
+	XK: "Kosovo",
 };
 
 export const COUNTRY_CODES = Object.keys(COUNTRIES);
 
 export const EU_COUNTRY_CODES = [
-  "AT",
-  "BE",
-  "BG",
-  "CY",
-  "CZ",
-  "DE",
-  "DK",
-  "EE",
-  "ES",
-  "FI",
-  "FR",
-  "GB",
-  "GR",
-  "HR",
-  "HU",
-  "IE",
-  "IT",
-  "LT",
-  "LU",
-  "LV",
-  "MT",
-  "NL",
-  "PL",
-  "PT",
-  "RO",
-  "SE",
-  "SI",
-  "SK",
+	"AT",
+	"BE",
+	"BG",
+	"CY",
+	"CZ",
+	"DE",
+	"DK",
+	"EE",
+	"ES",
+	"FI",
+	"FR",
+	"GB",
+	"GR",
+	"HR",
+	"HU",
+	"IE",
+	"IT",
+	"LT",
+	"LU",
+	"LV",
+	"MT",
+	"NL",
+	"PL",
+	"PT",
+	"RO",
+	"SE",
+	"SI",
+	"SK",
 ];
 
 function usageAndExit(message, code = 1) {
-  if (message) console.error(message);
-  console.error(
-    [
-      "Usage: node scripts/analytics/migrate-dub-to-tinybird.js [options]",
-      "",
-      "Options:",
-      "  --dry-run                 Dry run (no writes). Default: true",
-      "  --apply                   Perform writes to Tinybird (sets dry-run=false)",
-      "  --domain <domain>         Dub link domain. Default: cap.link",
-      "  --interval <ival>         Dub interval (24h,7d,30d,90d,1y,all). Default: 30d",
-      "  --start <iso>             Start ISO datetime (overrides interval)",
-      "  --end <iso>               End ISO datetime (overrides interval)",
-      "  --timezone <tz>           IANA timezone for timeseries. Default: UTC",
-      "  --video <id>              Video ID to migrate (repeatable, optional - defaults to all links from domain)",
-      "  --videos-file <path>      File with newline-separated video IDs (optional)",
-      "  --org <orgId>             Default tenant orgId for videos (optional, uses empty string if not provided)",
-      "  --map <path>              JSON mapping file: { \"<videoId>\": \"<orgId>\" } (optional)",
-      "  --max-cities <n>          Limit number of cities per video. Default: 25",
-      "  --limit <n>               Limit number of videos to process (useful for testing). Default: unlimited",
-      "  --video-concurrency <n>   Number of videos to process in parallel. Default: 4",
-      "  --dub-concurrency <n>     Max concurrent Dub API requests per process. Default: 8",
-      "  --ingest-chunk <n>        Tinybird ingest chunk size. Default: 5000",
-      "  --ingest-concurrency <n>  Max concurrent Tinybird ingest requests. Default: 4",
-      "  --ingest-rate-limit <n>  Tinybird requests per second. Default: 10",
-      "",
-      "By default, fetches all links from the specified domain and migrates analytics for each.",
-      "The link key (slug) is used as the videoId.",
-      "",
-      "Environment:",
-      "  DUB_API_KEY (required), TINYBIRD_TOKEN (required for --apply), TINYBIRD_HOST (optional)",
-    ].join("\n")
-  );
-  process.exit(code);
+	if (message) console.error(message);
+	console.error(
+		[
+			"Usage: node scripts/analytics/migrate-dub-to-tinybird.js [options]",
+			"",
+			"Options:",
+			"  --dry-run                 Dry run (no writes). Default: true",
+			"  --apply                   Perform writes to Tinybird (sets dry-run=false)",
+			"  --domain <domain>         Dub link domain. Default: cap.link",
+			"  --interval <ival>         Dub interval (24h,7d,30d,90d,1y,all). Default: 30d",
+			"  --start <iso>             Start ISO datetime (overrides interval)",
+			"  --end <iso>               End ISO datetime (overrides interval)",
+			"  --timezone <tz>           IANA timezone for timeseries. Default: UTC",
+			"  --video <id>              Video ID to migrate (repeatable, optional - defaults to all links from domain)",
+			"  --videos-file <path>      File with newline-separated video IDs (optional)",
+			"  --org <orgId>             Default tenant orgId for videos (optional, uses empty string if not provided)",
+			'  --map <path>              JSON mapping file: { "<videoId>": "<orgId>" } (optional)',
+			"  --max-cities <n>          Limit number of cities per video. Default: 25",
+			"  --limit <n>               Limit number of videos to process (useful for testing). Default: unlimited",
+			"  --video-concurrency <n>   Number of videos to process in parallel. Default: 4",
+			"  --dub-concurrency <n>     Max concurrent Dub API requests per process. Default: 8",
+			"  --ingest-chunk <n>        Tinybird ingest chunk size. Default: 5000",
+			"  --ingest-concurrency <n>  Max concurrent Tinybird ingest requests. Default: 4",
+			"  --ingest-rate-limit <n>  Tinybird requests per second. Default: 10",
+			"",
+			"By default, fetches all links from the specified domain and migrates analytics for each.",
+			"The link key (slug) is used as the videoId.",
+			"",
+			"Environment:",
+			"  DUB_API_KEY (required), TINYBIRD_TOKEN (required for --apply), TINYBIRD_HOST (optional)",
+		].join("\n"),
+	);
+	process.exit(code);
 }
 
 function parseArgs(argv) {
-  const args = {
-    dryRun: true,
-    domain: DEFAULT_DOMAIN,
-    interval: DEFAULT_INTERVAL,
-    start: null,
-    end: null,
-    timezone: DEFAULT_TIMEZONE,
-    videoIds: [],
-    orgs: [],
-    mapPath: null,
-    maxCities: MAX_CITY_COUNT,
-    limit: null,
-    apply: false,
-    videoConcurrency: DEFAULT_VIDEO_CONCURRENCY,
-    apiConcurrency: DEFAULT_API_CONCURRENCY,
-    ingestChunk: INGEST_CHUNK_SIZE,
-    ingestConcurrency: DEFAULT_INGEST_CONCURRENCY,
-    ingestRateLimit: DEFAULT_INGEST_RATE_LIMIT,
-  };
-  for (let i = 2; i < argv.length; i++) {
-    const a = argv[i];
-    if (a === "--dry-run") args.dryRun = true;
-    else if (a === "--apply") {
-      args.apply = true;
-      args.dryRun = false;
-    } else if (a === "--domain") args.domain = argv[++i];
-    else if (a === "--interval") args.interval = argv[++i];
-    else if (a === "--start") args.start = argv[++i];
-    else if (a === "--end") args.end = argv[++i];
-    else if (a === "--timezone") args.timezone = argv[++i];
-    else if (a === "--video") args.videoIds.push(argv[++i]);
-    else if (a === "--videos-file") {
-      const file = argv[++i];
-      const raw = fs.readFileSync(path.resolve(process.cwd(), file), "utf8");
-      const ids = raw
-        .split(/\r?\n/)
-        .map((l) => l.trim())
-        .filter(Boolean);
-      args.videoIds.push(...ids);
-    } else if (a === "--org") args.orgs.push(argv[++i]);
-    else if (a === "--map") args.mapPath = argv[++i];
-    else if (a === "--max-cities") args.maxCities = Number(argv[++i] || MAX_CITY_COUNT) || MAX_CITY_COUNT;
-    else if (a === "--limit") {
-      const limitVal = argv[++i];
-      if (limitVal) {
-        const num = Number(limitVal);
-        args.limit = num > 0 ? num : null;
-      }
-    } else if (a === "--video-concurrency") {
-      const n = Number(argv[++i]);
-      if (!Number.isNaN(n) && n > 0) args.videoConcurrency = n;
-    } else if (a === "--dub-concurrency") {
-      const n = Number(argv[++i]);
-      if (!Number.isNaN(n) && n > 0) args.apiConcurrency = n;
-    } else if (a === "--ingest-chunk") {
-      const n = Number(argv[++i]);
-      if (!Number.isNaN(n) && n > 0) args.ingestChunk = n;
-    } else if (a === "--ingest-concurrency") {
-      const n = Number(argv[++i]);
-      if (!Number.isNaN(n) && n > 0) args.ingestConcurrency = n;
-    } else if (a === "--ingest-rate-limit") {
-      const n = Number(argv[++i]);
-      if (!Number.isNaN(n) && n > 0) args.ingestRateLimit = n;
-    }
-    else usageAndExit(`Unknown argument: ${a}`);
-  }
-  return args;
+	const args = {
+		dryRun: true,
+		domain: DEFAULT_DOMAIN,
+		interval: DEFAULT_INTERVAL,
+		start: null,
+		end: null,
+		timezone: DEFAULT_TIMEZONE,
+		videoIds: [],
+		orgs: [],
+		mapPath: null,
+		maxCities: MAX_CITY_COUNT,
+		limit: null,
+		apply: false,
+		videoConcurrency: DEFAULT_VIDEO_CONCURRENCY,
+		apiConcurrency: DEFAULT_API_CONCURRENCY,
+		ingestChunk: INGEST_CHUNK_SIZE,
+		ingestConcurrency: DEFAULT_INGEST_CONCURRENCY,
+		ingestRateLimit: DEFAULT_INGEST_RATE_LIMIT,
+	};
+	for (let i = 2; i < argv.length; i++) {
+		const a = argv[i];
+		if (a === "--dry-run") args.dryRun = true;
+		else if (a === "--apply") {
+			args.apply = true;
+			args.dryRun = false;
+		} else if (a === "--domain") args.domain = argv[++i];
+		else if (a === "--interval") args.interval = argv[++i];
+		else if (a === "--start") args.start = argv[++i];
+		else if (a === "--end") args.end = argv[++i];
+		else if (a === "--timezone") args.timezone = argv[++i];
+		else if (a === "--video") args.videoIds.push(argv[++i]);
+		else if (a === "--videos-file") {
+			const file = argv[++i];
+			const raw = fs.readFileSync(path.resolve(process.cwd(), file), "utf8");
+			const ids = raw
+				.split(/\r?\n/)
+				.map((l) => l.trim())
+				.filter(Boolean);
+			args.videoIds.push(...ids);
+		} else if (a === "--org") args.orgs.push(argv[++i]);
+		else if (a === "--map") args.mapPath = argv[++i];
+		else if (a === "--max-cities")
+			args.maxCities = Number(argv[++i] || MAX_CITY_COUNT) || MAX_CITY_COUNT;
+		else if (a === "--limit") {
+			const limitVal = argv[++i];
+			if (limitVal) {
+				const num = Number(limitVal);
+				args.limit = num > 0 ? num : null;
+			}
+		} else if (a === "--video-concurrency") {
+			const n = Number(argv[++i]);
+			if (!Number.isNaN(n) && n > 0) args.videoConcurrency = n;
+		} else if (a === "--dub-concurrency") {
+			const n = Number(argv[++i]);
+			if (!Number.isNaN(n) && n > 0) args.apiConcurrency = n;
+		} else if (a === "--ingest-chunk") {
+			const n = Number(argv[++i]);
+			if (!Number.isNaN(n) && n > 0) args.ingestChunk = n;
+		} else if (a === "--ingest-concurrency") {
+			const n = Number(argv[++i]);
+			if (!Number.isNaN(n) && n > 0) args.ingestConcurrency = n;
+		} else if (a === "--ingest-rate-limit") {
+			const n = Number(argv[++i]);
+			if (!Number.isNaN(n) && n > 0) args.ingestRateLimit = n;
+		} else usageAndExit(`Unknown argument: ${a}`);
+	}
+	return args;
 }
 
 function loadVideoToOrgMap(args, videoIds) {
-  const map = new Map();
-  if (args.mapPath) {
-    const p = path.resolve(process.cwd(), args.mapPath);
-    const json = JSON.parse(fs.readFileSync(p, "utf8"));
-    for (const [k, v] of Object.entries(json)) map.set(String(k), String(v));
-  }
-  if (args.orgs.length) {
-    const defaultOrg = args.orgs[0] || "";
-    if (args.orgs.length === 1) {
-      for (const vid of videoIds) {
-        if (!map.has(vid)) map.set(vid, defaultOrg);
-      }
-    } else if (args.orgs.length === videoIds.length) {
-      for (let i = 0; i < videoIds.length; i++) {
-        if (!map.has(videoIds[i])) map.set(videoIds[i], args.orgs[i] || "");
-      }
-    } else {
-      usageAndExit("Provide either one --org for all videos or one --org per video");
-    }
-  }
-  return map;
+	const map = new Map();
+	if (args.mapPath) {
+		const p = path.resolve(process.cwd(), args.mapPath);
+		const json = JSON.parse(fs.readFileSync(p, "utf8"));
+		for (const [k, v] of Object.entries(json)) map.set(String(k), String(v));
+	}
+	if (args.orgs.length) {
+		const defaultOrg = args.orgs[0] || "";
+		if (args.orgs.length === 1) {
+			for (const vid of videoIds) {
+				if (!map.has(vid)) map.set(vid, defaultOrg);
+			}
+		} else if (args.orgs.length === videoIds.length) {
+			for (let i = 0; i < videoIds.length; i++) {
+				if (!map.has(videoIds[i])) map.set(videoIds[i], args.orgs[i] || "");
+			}
+		} else {
+			usageAndExit(
+				"Provide either one --org for all videos or one --org per video",
+			);
+		}
+	}
+	return map;
 }
 
 function requireEnv(name) {
-  const v = process.env[name];
-  if (!v || !v.trim()) usageAndExit(`Missing required env: ${name}`);
-  return v.trim();
+	const v = process.env[name];
+	if (!v || !v.trim()) usageAndExit(`Missing required env: ${name}`);
+	return v.trim();
 }
 
 function qs(params) {
-  const sp = new URLSearchParams();
-  Object.entries(params).forEach(([k, v]) => {
-    if (v === undefined || v === null || v === "") return;
-    sp.set(k, String(v));
-  });
-  return sp.toString();
+	const sp = new URLSearchParams();
+	Object.entries(params).forEach(([k, v]) => {
+		if (v === undefined || v === null || v === "") return;
+		sp.set(k, String(v));
+	});
+	return sp.toString();
 }
 
 function createLimiter(max) {
-  let active = 0;
-  const queue = [];
-  const runNext = () => {
-    if (active >= max) return;
-    const item = queue.shift();
-    if (!item) return;
-    active++;
-    Promise.resolve()
-      .then(item.fn)
-      .then((v) => {
-        active--;
-        item.resolve(v);
-        runNext();
-      })
-      .catch((e) => {
-        active--;
-        item.reject(e);
-        runNext();
-      });
-  };
-  return function limit(fn) {
-    return new Promise((resolve, reject) => {
-      queue.push({ fn, resolve, reject });
-      runNext();
-    });
-  };
+	let active = 0;
+	const queue = [];
+	const runNext = () => {
+		if (active >= max) return;
+		const item = queue.shift();
+		if (!item) return;
+		active++;
+		Promise.resolve()
+			.then(item.fn)
+			.then((v) => {
+				active--;
+				item.resolve(v);
+				runNext();
+			})
+			.catch((e) => {
+				active--;
+				item.reject(e);
+				runNext();
+			});
+	};
+	return function limit(fn) {
+		return new Promise((resolve, reject) => {
+			queue.push({ fn, resolve, reject });
+			runNext();
+		});
+	};
 }
 
 async function mapWithConcurrency(items, mapper, limit) {
-  const limiter = createLimiter(limit);
-  return Promise.all(
-    items.map((item, idx) =>
-      limiter(() => mapper(item, idx))
-    )
-  );
+	const limiter = createLimiter(limit);
+	return Promise.all(
+		items.map((item, idx) => limiter(() => mapper(item, idx))),
+	);
 }
 
 function sleep(ms) {
-  return new Promise((r) => setTimeout(r, ms));
+	return new Promise((r) => setTimeout(r, ms));
 }
 
 const tinybirdRateLimitState = {
-  lastRequestTime: 0,
+	lastRequestTime: 0,
 };
 
 function createTinybirdRateLimiter(requestsPerSecond) {
-  const minDelayMs = requestsPerSecond > 0 ? 1000 / requestsPerSecond : 0;
-  return {
-    minDelayMs,
-    async wait() {
-      const now = Date.now();
-      const timeSinceLastRequest = now - tinybirdRateLimitState.lastRequestTime;
-      if (timeSinceLastRequest < minDelayMs) {
-        const waitTime = minDelayMs - timeSinceLastRequest;
-        await sleep(waitTime);
-      }
-      tinybirdRateLimitState.lastRequestTime = Date.now();
-    },
-  };
+	const minDelayMs = requestsPerSecond > 0 ? 1000 / requestsPerSecond : 0;
+	return {
+		minDelayMs,
+		async wait() {
+			const now = Date.now();
+			const timeSinceLastRequest = now - tinybirdRateLimitState.lastRequestTime;
+			if (timeSinceLastRequest < minDelayMs) {
+				const waitTime = minDelayMs - timeSinceLastRequest;
+				await sleep(waitTime);
+			}
+			tinybirdRateLimitState.lastRequestTime = Date.now();
+		},
+	};
 }
 
 const dubRateLimitState = {
-  limit: 3000,
-  remaining: 3000,
-  resetAt: Date.now() + 60000,
-  requests: [],
+	limit: 3000,
+	remaining: 3000,
+	resetAt: Date.now() + 60000,
+	requests: [],
 };
 
 async function waitForRateLimit() {
-  const state = dubRateLimitState;
-  const now = Date.now();
-  
-  if (now >= state.resetAt) {
-    state.remaining = state.limit;
-    state.resetAt = now + 60000;
-    state.requests = [];
-  }
-  
-  state.requests = state.requests.filter((timestamp) => timestamp > now - 60000);
-  
-  if (state.requests.length >= state.limit) {
-    const oldestRequest = Math.min(...state.requests);
-    const waitTime = 60000 - (now - oldestRequest) + 100;
-    if (waitTime > 0) {
-      await sleep(waitTime);
-      return waitForRateLimit();
-    }
-  }
-  
-  if (state.remaining <= 0) {
-    const waitTime = state.resetAt - now + 100;
-    if (waitTime > 0) {
-      await sleep(waitTime);
-      return waitForRateLimit();
-    }
-  }
-  
-  state.requests.push(now);
-  if (state.remaining > 0) {
-    state.remaining--;
-  }
+	const state = dubRateLimitState;
+	const now = Date.now();
+
+	if (now >= state.resetAt) {
+		state.remaining = state.limit;
+		state.resetAt = now + 60000;
+		state.requests = [];
+	}
+
+	state.requests = state.requests.filter(
+		(timestamp) => timestamp > now - 60000,
+	);
+
+	if (state.requests.length >= state.limit) {
+		const oldestRequest = Math.min(...state.requests);
+		const waitTime = 60000 - (now - oldestRequest) + 100;
+		if (waitTime > 0) {
+			await sleep(waitTime);
+			return waitForRateLimit();
+		}
+	}
+
+	if (state.remaining <= 0) {
+		const waitTime = state.resetAt - now + 100;
+		if (waitTime > 0) {
+			await sleep(waitTime);
+			return waitForRateLimit();
+		}
+	}
+
+	state.requests.push(now);
+	if (state.remaining > 0) {
+		state.remaining--;
+	}
 }
 
 function updateRateLimitState(response) {
-  const state = dubRateLimitState;
-  const limitHeader = response.headers.get("x-ratelimit-limit");
-  const remainingHeader = response.headers.get("x-ratelimit-remaining");
-  const resetHeader = response.headers.get("x-ratelimit-reset");
-  
-  if (limitHeader) {
-    const limit = Number(limitHeader);
-    if (Number.isFinite(limit) && limit > 0) {
-      state.limit = limit;
-    }
-  }
-  
-  if (remainingHeader) {
-    const remaining = Number(remainingHeader);
-    if (Number.isFinite(remaining) && remaining >= 0) {
-      state.remaining = remaining;
-    }
-  }
-  
-  if (resetHeader) {
-    const resetTimestamp = Number(resetHeader);
-    if (Number.isFinite(resetTimestamp) && resetTimestamp > 0) {
-      let resetMs;
-      const now = Date.now();
-      if (resetTimestamp > now * 1000) {
-        resetMs = Math.floor(resetTimestamp / 1000);
-      } else if (resetTimestamp > now) {
-        resetMs = resetTimestamp;
-      } else if (resetTimestamp < 1e10) {
-        resetMs = resetTimestamp * 1000;
-      } else {
-        resetMs = Math.floor(resetTimestamp / 1000);
-      }
-      if (resetMs > now && resetMs < now + 86400000) {
-        state.resetAt = resetMs;
-      }
-    }
-  }
+	const state = dubRateLimitState;
+	const limitHeader = response.headers.get("x-ratelimit-limit");
+	const remainingHeader = response.headers.get("x-ratelimit-remaining");
+	const resetHeader = response.headers.get("x-ratelimit-reset");
+
+	if (limitHeader) {
+		const limit = Number(limitHeader);
+		if (Number.isFinite(limit) && limit > 0) {
+			state.limit = limit;
+		}
+	}
+
+	if (remainingHeader) {
+		const remaining = Number(remainingHeader);
+		if (Number.isFinite(remaining) && remaining >= 0) {
+			state.remaining = remaining;
+		}
+	}
+
+	if (resetHeader) {
+		const resetTimestamp = Number(resetHeader);
+		if (Number.isFinite(resetTimestamp) && resetTimestamp > 0) {
+			let resetMs;
+			const now = Date.now();
+			if (resetTimestamp > now * 1000) {
+				resetMs = Math.floor(resetTimestamp / 1000);
+			} else if (resetTimestamp > now) {
+				resetMs = resetTimestamp;
+			} else if (resetTimestamp < 1e10) {
+				resetMs = resetTimestamp * 1000;
+			} else {
+				resetMs = Math.floor(resetTimestamp / 1000);
+			}
+			if (resetMs > now && resetMs < now + 86400000) {
+				state.resetAt = resetMs;
+			}
+		}
+	}
 }
 
 function normalizeDimensionField(value) {
-  if (value === undefined || value === null) return "";
-  const str = String(value).trim();
-  if (!str || str === "*" || str === "null" || str === "undefined") return "";
-  return str;
+	if (value === undefined || value === null) return "";
+	const str = String(value).trim();
+	if (!str || str === "*" || str === "null" || str === "undefined") return "";
+	return str;
 }
 
 function resolveRegionName(region, regionCode, country) {
-  const sources = [];
-  if (region !== undefined) sources.push(region);
-  if (regionCode !== undefined) sources.push(regionCode);
-  const normalizedCountry = normalizeDimensionField(country).toUpperCase();
-  if (normalizedCountry) {
-    if (region) sources.push(`${normalizedCountry}-${region}`);
-    if (regionCode) sources.push(`${normalizedCountry}-${regionCode}`);
-  }
-  for (const source of sources) {
-    const normalized = normalizeDimensionField(source);
-    if (!normalized) continue;
-    if (REGIONS[normalized]) return REGIONS[normalized];
-    const upper = normalized.toUpperCase();
-    if (REGIONS[upper]) return REGIONS[upper];
-  }
-  const fallback = normalizeDimensionField(region) || normalizeDimensionField(regionCode);
-  return fallback;
+	const sources = [];
+	if (region !== undefined) sources.push(region);
+	if (regionCode !== undefined) sources.push(regionCode);
+	const normalizedCountry = normalizeDimensionField(country).toUpperCase();
+	if (normalizedCountry) {
+		if (region) sources.push(`${normalizedCountry}-${region}`);
+		if (regionCode) sources.push(`${normalizedCountry}-${regionCode}`);
+	}
+	for (const source of sources) {
+		const normalized = normalizeDimensionField(source);
+		if (!normalized) continue;
+		if (REGIONS[normalized]) return REGIONS[normalized];
+		const upper = normalized.toUpperCase();
+		if (REGIONS[upper]) return REGIONS[upper];
+	}
+	const fallback =
+		normalizeDimensionField(region) || normalizeDimensionField(regionCode);
+	return fallback;
 }
 
 function resolveCountryCode(countryCode, country, continent) {
-  const normalizedContinent = normalizeDimensionField(continent).toUpperCase();
-  const normalizedCountryCode = normalizeDimensionField(countryCode).toUpperCase();
-  const normalizedCountryName = normalizeDimensionField(country);
-  const upperCountryName = normalizedCountryName ? normalizedCountryName.toUpperCase() : "";
-  
-  if (normalizedCountryCode && COUNTRIES[normalizedCountryCode]) {
-    if (normalizedContinent) {
-      const expectedContinent = COUNTRIES_TO_CONTINENTS[normalizedCountryCode];
-      if (expectedContinent && expectedContinent === normalizedContinent) {
-        return normalizedCountryCode;
-      }
-    } else {
-      return normalizedCountryCode;
-    }
-  }
-  
-  if (upperCountryName && COUNTRIES[upperCountryName]) {
-    if (normalizedContinent) {
-      const expectedContinent = COUNTRIES_TO_CONTINENTS[upperCountryName];
-      if (expectedContinent && expectedContinent === normalizedContinent) {
-        return upperCountryName;
-      }
-    } else {
-      return upperCountryName;
-    }
-  }
-  
-  if (normalizedCountryName) {
-    for (const [code, name] of Object.entries(COUNTRIES)) {
-      if (name.toUpperCase() === upperCountryName || name === normalizedCountryName) {
-        if (normalizedContinent) {
-          const expectedContinent = COUNTRIES_TO_CONTINENTS[code];
-          if (expectedContinent && expectedContinent === normalizedContinent) {
-            return code;
-          }
-        } else {
-          return code;
-        }
-      }
-    }
-  }
-  
-  if (normalizedCountryCode && COUNTRIES[normalizedCountryCode]) {
-    return normalizedCountryCode;
-  }
-  
-  return normalizedCountryCode || upperCountryName || "";
+	const normalizedContinent = normalizeDimensionField(continent).toUpperCase();
+	const normalizedCountryCode =
+		normalizeDimensionField(countryCode).toUpperCase();
+	const normalizedCountryName = normalizeDimensionField(country);
+	const upperCountryName = normalizedCountryName
+		? normalizedCountryName.toUpperCase()
+		: "";
+
+	if (normalizedCountryCode && COUNTRIES[normalizedCountryCode]) {
+		if (normalizedContinent) {
+			const expectedContinent = COUNTRIES_TO_CONTINENTS[normalizedCountryCode];
+			if (expectedContinent && expectedContinent === normalizedContinent) {
+				return normalizedCountryCode;
+			}
+		} else {
+			return normalizedCountryCode;
+		}
+	}
+
+	if (upperCountryName && COUNTRIES[upperCountryName]) {
+		if (normalizedContinent) {
+			const expectedContinent = COUNTRIES_TO_CONTINENTS[upperCountryName];
+			if (expectedContinent && expectedContinent === normalizedContinent) {
+				return upperCountryName;
+			}
+		} else {
+			return upperCountryName;
+		}
+	}
+
+	if (normalizedCountryName) {
+		for (const [code, name] of Object.entries(COUNTRIES)) {
+			if (
+				name.toUpperCase() === upperCountryName ||
+				name === normalizedCountryName
+			) {
+				if (normalizedContinent) {
+					const expectedContinent = COUNTRIES_TO_CONTINENTS[code];
+					if (expectedContinent && expectedContinent === normalizedContinent) {
+						return code;
+					}
+				} else {
+					return code;
+				}
+			}
+		}
+	}
+
+	if (normalizedCountryCode && COUNTRIES[normalizedCountryCode]) {
+		return normalizedCountryCode;
+	}
+
+	return normalizedCountryCode || upperCountryName || "";
 }
 
 async function dubFetch(pathname, token, params = {}) {
-  const url = `${DUB_API_URL}${pathname}${Object.keys(params).length ? `?${qs(params)}` : ""}`;
-  const maxAttempts = 5;
-  for (let attempt = 1; attempt <= maxAttempts; attempt++) {
-    await waitForRateLimit();
-    
-    const response = await fetch(url, {
-      headers: { Authorization: `Bearer ${token}`, Accept: "application/json" },
-    });
-    
-    updateRateLimitState(response);
-    
-    const text = await response.text();
-    if (response.ok) {
-      try {
-        return JSON.parse(text || "{}");
-      } catch {
-        return {};
-      }
-    }
-    const status = response.status;
-    const shouldRetry = status === 429 || (status >= 500 && status < 600);
-    if (!shouldRetry || attempt === maxAttempts) {
-      let message = text;
-      try {
-        const payload = JSON.parse(text || "{}");
-        message = payload?.error || payload?.message || text;
-      } catch {}
-      throw new Error(`Dub request failed (${status}): ${message}`);
-    }
-    const retryAfter = Number(response.headers.get("retry-after"));
-    const base = Number.isFinite(retryAfter) && retryAfter > 0 ? retryAfter * 1000 : 500 * 2 ** (attempt - 1);
-    const jitter = Math.floor(Math.random() * 250);
-    await sleep(base + jitter);
-  }
+	const url = `${DUB_API_URL}${pathname}${Object.keys(params).length ? `?${qs(params)}` : ""}`;
+	const maxAttempts = 5;
+	for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+		await waitForRateLimit();
+
+		const response = await fetch(url, {
+			headers: { Authorization: `Bearer ${token}`, Accept: "application/json" },
+		});
+
+		updateRateLimitState(response);
+
+		const text = await response.text();
+		if (response.ok) {
+			try {
+				return JSON.parse(text || "{}");
+			} catch {
+				return {};
+			}
+		}
+		const status = response.status;
+		const shouldRetry = status === 429 || (status >= 500 && status < 600);
+		if (!shouldRetry || attempt === maxAttempts) {
+			let message = text;
+			try {
+				const payload = JSON.parse(text || "{}");
+				message = payload?.error || payload?.message || text;
+			} catch {}
+			throw new Error(`Dub request failed (${status}): ${message}`);
+		}
+		const retryAfter = Number(response.headers.get("retry-after"));
+		const base =
+			Number.isFinite(retryAfter) && retryAfter > 0
+				? retryAfter * 1000
+				: 500 * 2 ** (attempt - 1);
+		const jitter = Math.floor(Math.random() * 250);
+		await sleep(base + jitter);
+	}
 }
 
 async function dubListLinks({ token, domain, limit = 100, offset = 0 }) {
-  const params = {
-    domain,
-    limit,
-    offset,
-  };
-  const res = await dubFetch("/links", token, params);
-  const links = Array.isArray(res?.links) ? res.links : Array.isArray(res) ? res : [];
-  const hasMore = res?.hasMore ?? false;
-  return { links, hasMore };
+	const params = {
+		domain,
+		limit,
+		offset,
+	};
+	const res = await dubFetch("/links", token, params);
+	const links = Array.isArray(res?.links)
+		? res.links
+		: Array.isArray(res)
+			? res
+			: [];
+	const hasMore = res?.hasMore ?? false;
+	return { links, hasMore };
 }
 
 async function dubFetchAllLinks({ token, domain, maxLinks = null }) {
-  const allLinks = [];
-  let offset = 0;
-  const limit = 100;
+	const allLinks = [];
+	let offset = 0;
+	const limit = 100;
+
+	while (true) {
+		const { links, hasMore } = await dubListLinks({
+			token,
+			domain,
+			limit,
+			offset,
+		});
+		allLinks.push(...links);
+		offset += limit;
+
+		if (maxLinks !== null && allLinks.length >= maxLinks) {
+			return allLinks.slice(0, maxLinks);
+		}
+
+		if (links.length < limit) break;
 
-  while (true) {
-    const { links, hasMore } = await dubListLinks({ token, domain, limit, offset });
-    allLinks.push(...links);
-    offset += limit;
-    
-    if (maxLinks !== null && allLinks.length >= maxLinks) {
-      return allLinks.slice(0, maxLinks);
-    }
-    
-    if (links.length < limit) break;
-    
-    if (!hasMore && maxLinks === null) break;
-  }
+		if (!hasMore && maxLinks === null) break;
+	}
 
-  return allLinks;
+	return allLinks;
 }
 
-async function dubRetrieveTimeseries({ token, domain, key, start, end, interval, timezone, city, country, region }) {
-  const allRows = [];
-  
-  if (start && end) {
-    const startDate = new Date(start);
-    const endDate = new Date(end);
-    const currentDate = new Date(startDate);
-    
-    while (currentDate <= endDate) {
-      const dayStart = new Date(currentDate);
-      dayStart.setHours(0, 0, 0, 0);
-      const dayEnd = new Date(currentDate);
-      dayEnd.setHours(23, 59, 59, 999);
-      
-      const dayStartISO = dayStart.toISOString();
-      const dayEndISO = dayEnd.toISOString();
-      
-      const params = {
-        event: "clicks",
-        groupBy: "timeseries",
-        domain,
-        key,
-        timezone: timezone || DEFAULT_TIMEZONE,
-        interval: "24h",
-        start: dayStartISO,
-        end: dayEndISO,
-        city: city || undefined,
-        country: country || undefined,
-        region: region || undefined,
-      };
-      
-      const res = await dubFetch("/analytics", token, params);
-      let data = [];
-      if (Array.isArray(res)) {
-        data = res;
-      } else if (Array.isArray(res?.data)) {
-        data = res.data;
-      } else if (res && typeof res === "object") {
-        data = [res];
-      }
-      
-      for (const row of data) {
-        if (!row || typeof row !== "object") continue;
-        const t = row.start || row.timestamp || row.date || row.ts || row.time || row.d || row.t || row.startDate;
-        const c = row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
-        if (!t) continue;
-        
-        let tsStr;
-        if (typeof t === "string") {
-          tsStr = t;
-        } else if (typeof t === "number") {
-          tsStr = new Date(t).toISOString();
-        } else {
-          tsStr = String(t);
-        }
-        
-        if (!tsStr || tsStr === "undefined" || tsStr === "null" || tsStr === "Invalid Date") continue;
-        
-        if (tsStr.includes("+0000")) {
-          tsStr = tsStr.replace("+0000", "Z");
-        } else if (tsStr.match(/[+-]\d{4}$/)) {
-          const parsed = new Date(tsStr);
-          if (!Number.isNaN(parsed.getTime())) {
-            tsStr = parsed.toISOString();
-          }
-        } else if (!tsStr.includes("T") || !tsStr.includes(":")) {
-          const parsed = new Date(tsStr);
-          if (!Number.isNaN(parsed.getTime())) {
-            tsStr = parsed.toISOString();
-          }
-        }
-        
-        const count = Number(c) || 0;
-        if (count > 0) {
-          allRows.push({ timestamp: tsStr, count });
-        }
-      }
-      
-      currentDate.setDate(currentDate.getDate() + 1);
-    }
-  } else {
-    const params = {
-      event: "clicks",
-      groupBy: "timeseries",
-      domain,
-      key,
-      timezone: timezone || DEFAULT_TIMEZONE,
-      interval: interval || DEFAULT_INTERVAL,
-      start: start || undefined,
-      end: end || undefined,
-      city: city || undefined,
-      country: country || undefined,
-      region: region || undefined,
-    };
-    const res = await dubFetch("/analytics", token, params);
-    let data = [];
-    if (Array.isArray(res)) {
-      data = res;
-    } else if (Array.isArray(res?.data)) {
-      data = res.data;
-    } else if (res && typeof res === "object") {
-      data = [res];
-    }
-    
-    for (const row of data) {
-      if (!row || typeof row !== "object") continue;
-      const t = row.start || row.timestamp || row.date || row.ts || row.time || row.d || row.t || row.startDate;
-      const c = row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
-      if (!t) continue;
-      
-      let tsStr;
-      if (typeof t === "string") {
-        tsStr = t;
-      } else if (typeof t === "number") {
-        tsStr = new Date(t).toISOString();
-      } else {
-        tsStr = String(t);
-      }
-      
-      if (!tsStr || tsStr === "undefined" || tsStr === "null" || tsStr === "Invalid Date") continue;
-      
-      if (tsStr.includes("+0000")) {
-        tsStr = tsStr.replace("+0000", "Z");
-      } else if (tsStr.match(/[+-]\d{4}$/)) {
-        const parsed = new Date(tsStr);
-        if (!Number.isNaN(parsed.getTime())) {
-          tsStr = parsed.toISOString();
-        }
-      } else if (!tsStr.includes("T") || !tsStr.includes(":")) {
-        const parsed = new Date(tsStr);
-        if (!Number.isNaN(parsed.getTime())) {
-          tsStr = parsed.toISOString();
-        }
-      }
-      
-      const count = Number(c) || 0;
-      if (count > 0) {
-        allRows.push({ timestamp: tsStr, count });
-      }
-    }
-  }
-  
-  return allRows.filter((r) => r.timestamp && r.timestamp !== "undefined" && r.timestamp !== "null");
+async function dubRetrieveTimeseries({
+	token,
+	domain,
+	key,
+	start,
+	end,
+	interval,
+	timezone,
+	city,
+	country,
+	region,
+}) {
+	const allRows = [];
+
+	if (start && end) {
+		const startDate = new Date(start);
+		const endDate = new Date(end);
+		const currentDate = new Date(startDate);
+
+		while (currentDate <= endDate) {
+			const dayStart = new Date(currentDate);
+			dayStart.setHours(0, 0, 0, 0);
+			const dayEnd = new Date(currentDate);
+			dayEnd.setHours(23, 59, 59, 999);
+
+			const dayStartISO = dayStart.toISOString();
+			const dayEndISO = dayEnd.toISOString();
+
+			const params = {
+				event: "clicks",
+				groupBy: "timeseries",
+				domain,
+				key,
+				timezone: timezone || DEFAULT_TIMEZONE,
+				interval: "24h",
+				start: dayStartISO,
+				end: dayEndISO,
+				city: city || undefined,
+				country: country || undefined,
+				region: region || undefined,
+			};
+
+			const res = await dubFetch("/analytics", token, params);
+			let data = [];
+			if (Array.isArray(res)) {
+				data = res;
+			} else if (Array.isArray(res?.data)) {
+				data = res.data;
+			} else if (res && typeof res === "object") {
+				data = [res];
+			}
+
+			for (const row of data) {
+				if (!row || typeof row !== "object") continue;
+				const t =
+					row.start ||
+					row.timestamp ||
+					row.date ||
+					row.ts ||
+					row.time ||
+					row.d ||
+					row.t ||
+					row.startDate;
+				const c =
+					row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
+				if (!t) continue;
+
+				let tsStr;
+				if (typeof t === "string") {
+					tsStr = t;
+				} else if (typeof t === "number") {
+					tsStr = new Date(t).toISOString();
+				} else {
+					tsStr = String(t);
+				}
+
+				if (
+					!tsStr ||
+					tsStr === "undefined" ||
+					tsStr === "null" ||
+					tsStr === "Invalid Date"
+				)
+					continue;
+
+				if (tsStr.includes("+0000")) {
+					tsStr = tsStr.replace("+0000", "Z");
+				} else if (tsStr.match(/[+-]\d{4}$/)) {
+					const parsed = new Date(tsStr);
+					if (!Number.isNaN(parsed.getTime())) {
+						tsStr = parsed.toISOString();
+					}
+				} else if (!tsStr.includes("T") || !tsStr.includes(":")) {
+					const parsed = new Date(tsStr);
+					if (!Number.isNaN(parsed.getTime())) {
+						tsStr = parsed.toISOString();
+					}
+				}
+
+				const count = Number(c) || 0;
+				if (count > 0) {
+					allRows.push({ timestamp: tsStr, count });
+				}
+			}
+
+			currentDate.setDate(currentDate.getDate() + 1);
+		}
+	} else {
+		const params = {
+			event: "clicks",
+			groupBy: "timeseries",
+			domain,
+			key,
+			timezone: timezone || DEFAULT_TIMEZONE,
+			interval: interval || DEFAULT_INTERVAL,
+			start: start || undefined,
+			end: end || undefined,
+			city: city || undefined,
+			country: country || undefined,
+			region: region || undefined,
+		};
+		const res = await dubFetch("/analytics", token, params);
+		let data = [];
+		if (Array.isArray(res)) {
+			data = res;
+		} else if (Array.isArray(res?.data)) {
+			data = res.data;
+		} else if (res && typeof res === "object") {
+			data = [res];
+		}
+
+		for (const row of data) {
+			if (!row || typeof row !== "object") continue;
+			const t =
+				row.start ||
+				row.timestamp ||
+				row.date ||
+				row.ts ||
+				row.time ||
+				row.d ||
+				row.t ||
+				row.startDate;
+			const c = row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0;
+			if (!t) continue;
+
+			let tsStr;
+			if (typeof t === "string") {
+				tsStr = t;
+			} else if (typeof t === "number") {
+				tsStr = new Date(t).toISOString();
+			} else {
+				tsStr = String(t);
+			}
+
+			if (
+				!tsStr ||
+				tsStr === "undefined" ||
+				tsStr === "null" ||
+				tsStr === "Invalid Date"
+			)
+				continue;
+
+			if (tsStr.includes("+0000")) {
+				tsStr = tsStr.replace("+0000", "Z");
+			} else if (tsStr.match(/[+-]\d{4}$/)) {
+				const parsed = new Date(tsStr);
+				if (!Number.isNaN(parsed.getTime())) {
+					tsStr = parsed.toISOString();
+				}
+			} else if (!tsStr.includes("T") || !tsStr.includes(":")) {
+				const parsed = new Date(tsStr);
+				if (!Number.isNaN(parsed.getTime())) {
+					tsStr = parsed.toISOString();
+				}
+			}
+
+			const count = Number(c) || 0;
+			if (count > 0) {
+				allRows.push({ timestamp: tsStr, count });
+			}
+		}
+	}
+
+	return allRows.filter(
+		(r) => r.timestamp && r.timestamp !== "undefined" && r.timestamp !== "null",
+	);
 }
 
-async function dubRetrieveBreakdown({ token, domain, key, start, end, interval, timezone, groupBy, city, country, region }) {
-  const params = {
-    event: "clicks",
-    groupBy,
-    domain,
-    key,
-    timezone: timezone || DEFAULT_TIMEZONE,
-    interval: start || end ? undefined : interval || DEFAULT_INTERVAL,
-    start: start || undefined,
-    end: end || undefined,
-    city: city || undefined,
-    country: country || undefined,
-    region: region || undefined,
-  };
-  const res = await dubFetch("/analytics", token, params);
-  const data = Array.isArray(res?.data) ? res.data : res;
-  const rows = Array.isArray(data) ? data : [];
-  const normalized = [];
-  for (const row of rows) {
-    if (!row || typeof row !== "object") continue;
-    const name = normalizeDimensionField(
-      row.name ?? row.city ?? row.country ?? row.region ?? row.device ?? row.browser ?? row.os ?? row.key
-    );
-    if (!name) continue;
-    const value = Number(row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0) || 0;
-    const rowCity = normalizeDimensionField(row.city);
-    const rowCountry =
-      normalizeDimensionField(row.country) ||
-      normalizeDimensionField(row.countryCode) ||
-      normalizeDimensionField(row.country_code);
-    const rowRegion =
-      normalizeDimensionField(row.region) ||
-      normalizeDimensionField(row.regionCode) ||
-      normalizeDimensionField(row.region_code) ||
-      normalizeDimensionField(row.state);
-    const countryCode =
-      normalizeDimensionField(row.countryCode) ||
-      normalizeDimensionField(row.country_code) ||
-      normalizeDimensionField(row.isoCode) ||
-      normalizeDimensionField(row.iso_code);
-    const regionCode =
-      normalizeDimensionField(row.regionCode) ||
-      normalizeDimensionField(row.region_code) ||
-      normalizeDimensionField(row.subdivisionCode) ||
-      normalizeDimensionField(row.subdivision_code);
-    normalized.push({
-      name,
-      value,
-      city: rowCity,
-      country: rowCountry,
-      region: rowRegion,
-      countryCode,
-      regionCode,
-    });
-  }
-  return normalized;
+async function dubRetrieveBreakdown({
+	token,
+	domain,
+	key,
+	start,
+	end,
+	interval,
+	timezone,
+	groupBy,
+	city,
+	country,
+	region,
+}) {
+	const params = {
+		event: "clicks",
+		groupBy,
+		domain,
+		key,
+		timezone: timezone || DEFAULT_TIMEZONE,
+		interval: start || end ? undefined : interval || DEFAULT_INTERVAL,
+		start: start || undefined,
+		end: end || undefined,
+		city: city || undefined,
+		country: country || undefined,
+		region: region || undefined,
+	};
+	const res = await dubFetch("/analytics", token, params);
+	const data = Array.isArray(res?.data) ? res.data : res;
+	const rows = Array.isArray(data) ? data : [];
+	const normalized = [];
+	for (const row of rows) {
+		if (!row || typeof row !== "object") continue;
+		const name = normalizeDimensionField(
+			row.name ??
+				row.city ??
+				row.country ??
+				row.region ??
+				row.device ??
+				row.browser ??
+				row.os ??
+				row.key,
+		);
+		if (!name) continue;
+		const value =
+			Number(row.count ?? row.clicks ?? row.value ?? row.total ?? row.n ?? 0) ||
+			0;
+		const rowCity = normalizeDimensionField(row.city);
+		const rowCountry =
+			normalizeDimensionField(row.country) ||
+			normalizeDimensionField(row.countryCode) ||
+			normalizeDimensionField(row.country_code);
+		const rowRegion =
+			normalizeDimensionField(row.region) ||
+			normalizeDimensionField(row.regionCode) ||
+			normalizeDimensionField(row.region_code) ||
+			normalizeDimensionField(row.state);
+		const countryCode =
+			normalizeDimensionField(row.countryCode) ||
+			normalizeDimensionField(row.country_code) ||
+			normalizeDimensionField(row.isoCode) ||
+			normalizeDimensionField(row.iso_code);
+		const regionCode =
+			normalizeDimensionField(row.regionCode) ||
+			normalizeDimensionField(row.region_code) ||
+			normalizeDimensionField(row.subdivisionCode) ||
+			normalizeDimensionField(row.subdivision_code);
+		normalized.push({
+			name,
+			value,
+			city: rowCity,
+			country: rowCountry,
+			region: rowRegion,
+			countryCode,
+			regionCode,
+		});
+	}
+	return normalized;
 }
 
 function dayMidpointIso(day) {
-  if (!day || day === "undefined" || day === "null") return null;
-  const dayStr = String(day);
-  if (dayStr.length >= 10) {
-    const datePart = dayStr.slice(0, 10);
-    if (datePart.match(/^\d{4}-\d{2}-\d{2}$/)) {
-      return `${datePart}T12:00:00.000Z`;
-    }
-  }
-  try {
-    const d = new Date(dayStr + "T00:00:00.000Z");
-    if (!Number.isNaN(d.getTime())) {
-      return d.toISOString().slice(0, 10) + "T12:00:00.000Z";
-    }
-  } catch {
-  }
-  return null;
+	if (!day || day === "undefined" || day === "null") return null;
+	const dayStr = String(day);
+	if (dayStr.length >= 10) {
+		const datePart = dayStr.slice(0, 10);
+		if (datePart.match(/^\d{4}-\d{2}-\d{2}$/)) {
+			return `${datePart}T12:00:00.000Z`;
+		}
+	}
+	try {
+		const d = new Date(dayStr + "T00:00:00.000Z");
+		if (!Number.isNaN(d.getTime())) {
+			return d.toISOString().slice(0, 10) + "T12:00:00.000Z";
+		}
+	} catch {}
+	return null;
 }
 
 function* generateSessionIds(prefix, count) {
-  for (let i = 0; i < count; i++) {
-    yield `${prefix}-${i}`;
-  }
+	for (let i = 0; i < count; i++) {
+		yield `${prefix}-${i}`;
+	}
 }
 
 function toNdjson(rows) {
-  return rows.map((r) => JSON.stringify(r)).join("\n");
+	return rows.map((r) => JSON.stringify(r)).join("\n");
 }
 
-async function tinybirdIngest({ host, token, datasource, ndjson, rateLimiter }) {
-  const maxAttempts = 5;
-  for (let attempt = 1; attempt <= maxAttempts; attempt++) {
-    if (rateLimiter) {
-      await rateLimiter.wait();
-    }
-    const search = new URLSearchParams({ name: datasource, format: "ndjson" });
-    const url = `${host.replace(/\/$/, "")}/v0/events?${search.toString()}`;
-    const response = await fetch(url, {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${token}`,
-        "Content-Type": "application/x-ndjson",
-        Accept: "application/json",
-      },
-      body: ndjson,
-    });
-    const text = await response.text();
-    if (response.ok) {
-      try {
-        return text ? JSON.parse(text) : {};
-      } catch {
-        return {};
-      }
-    }
-    const status = response.status;
-    let responseData = null;
-    try {
-      responseData = text ? JSON.parse(text) : null;
-    } catch {}
-    
-    if (status === 429 && responseData && (responseData.quarantined || responseData.imported || responseData.success)) {
-      return responseData;
-    }
-    
-    const shouldRetry = status === 429 || (status >= 500 && status < 600);
-    if (!shouldRetry || attempt === maxAttempts) {
-      let message = text;
-      if (responseData) {
-        message = responseData?.error || responseData?.message || text;
-      }
-      throw new Error(`Tinybird ingest failed (${status}): ${message}`);
-    }
-    const retryAfter = response.headers.get("retry-after");
-    let waitTime;
-    if (retryAfter) {
-      const retryAfterNum = Number(retryAfter);
-      if (Number.isFinite(retryAfterNum) && retryAfterNum > 0) {
-        if (retryAfterNum < 86400) {
-          waitTime = retryAfterNum * 1000;
-        } else if (retryAfterNum < 86400000) {
-          waitTime = retryAfterNum;
-        } else {
-          waitTime = 60000;
-        }
-        if (waitTime > 60000) {
-          waitTime = 60000;
-        }
-      } else {
-        waitTime = Math.min(500 * 2 ** (attempt - 1), 60000);
-      }
-    } else {
-      waitTime = Math.min(500 * 2 ** (attempt - 1), 60000);
-    }
-    const jitter = Math.floor(Math.random() * 250);
-    await sleep(Math.min(waitTime + jitter, 60000));
-  }
+async function tinybirdIngest({
+	host,
+	token,
+	datasource,
+	ndjson,
+	rateLimiter,
+}) {
+	const maxAttempts = 5;
+	for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+		if (rateLimiter) {
+			await rateLimiter.wait();
+		}
+		const search = new URLSearchParams({ name: datasource, format: "ndjson" });
+		const url = `${host.replace(/\/$/, "")}/v0/events?${search.toString()}`;
+		const response = await fetch(url, {
+			method: "POST",
+			headers: {
+				Authorization: `Bearer ${token}`,
+				"Content-Type": "application/x-ndjson",
+				Accept: "application/json",
+			},
+			body: ndjson,
+		});
+		const text = await response.text();
+		if (response.ok) {
+			try {
+				return text ? JSON.parse(text) : {};
+			} catch {
+				return {};
+			}
+		}
+		const status = response.status;
+		let responseData = null;
+		try {
+			responseData = text ? JSON.parse(text) : null;
+		} catch {}
+
+		if (
+			status === 429 &&
+			responseData &&
+			(responseData.quarantined ||
+				responseData.imported ||
+				responseData.success)
+		) {
+			return responseData;
+		}
+
+		const shouldRetry = status === 429 || (status >= 500 && status < 600);
+		if (!shouldRetry || attempt === maxAttempts) {
+			let message = text;
+			if (responseData) {
+				message = responseData?.error || responseData?.message || text;
+			}
+			throw new Error(`Tinybird ingest failed (${status}): ${message}`);
+		}
+		const retryAfter = response.headers.get("retry-after");
+		let waitTime;
+		if (retryAfter) {
+			const retryAfterNum = Number(retryAfter);
+			if (Number.isFinite(retryAfterNum) && retryAfterNum > 0) {
+				if (retryAfterNum < 86400) {
+					waitTime = retryAfterNum * 1000;
+				} else if (retryAfterNum < 86400000) {
+					waitTime = retryAfterNum;
+				} else {
+					waitTime = 60000;
+				}
+				if (waitTime > 60000) {
+					waitTime = 60000;
+				}
+			} else {
+				waitTime = Math.min(500 * 2 ** (attempt - 1), 60000);
+			}
+		} else {
+			waitTime = Math.min(500 * 2 ** (attempt - 1), 60000);
+		}
+		const jitter = Math.floor(Math.random() * 250);
+		await sleep(Math.min(waitTime + jitter, 60000));
+	}
 }
 
-async function migrateVideo({ tokenDub, tb, domain, videoId, orgId = "", window, limits, dryRun, apiConcurrency }) {
-  const pathname = `/s/${videoId}`;
-  const baseArgs = {
-    token: tokenDub,
-    domain,
-    key: videoId,
-    timezone: window.timezone,
-    start: window.start,
-    end: window.end,
-    interval: window.interval,
-  };
+async function migrateVideo({
+	tokenDub,
+	tb,
+	domain,
+	videoId,
+	orgId = "",
+	window,
+	limits,
+	dryRun,
+	apiConcurrency,
+}) {
+	const pathname = `/s/${videoId}`;
+	const baseArgs = {
+		token: tokenDub,
+		domain,
+		key: videoId,
+		timezone: window.timezone,
+		start: window.start,
+		end: window.end,
+		interval: window.interval,
+	};
+
+	const apiLimit = createLimiter(apiConcurrency || DEFAULT_API_CONCURRENCY);
+
+	const timeseries = await apiLimit(() => dubRetrieveTimeseries(baseArgs));
+
+	if (timeseries.length === 0) {
+		if (dryRun) {
+			return {
+				videoId,
+				orgId,
+				timeseriesPoints: 0,
+				citiesConsidered: 0,
+				plannedEvents: 0,
+				sample: [],
+			};
+		}
+		return { videoId, orgId, written: 0 };
+	}
+
+	const [countries, cities, browsers, devices, os] = await Promise.all([
+		apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "countries" })),
+		apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "cities" })),
+		apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "browsers" })),
+		apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "devices" })),
+		apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "os" })),
+	]);
+
+	const selectedCities = cities
+		.filter((c) => c.value > 0)
+		.sort((a, b) => b.value - a.value)
+		.slice(0, limits.maxCities)
+		.map((city) => {
+			const resolvedRegion = resolveRegionName(
+				city.region,
+				city.regionCode,
+				city.countryCode || city.country,
+			);
+			return resolvedRegion ? { ...city, region: resolvedRegion } : city;
+		});
+	const cityMetaMap = new Map(selectedCities.map((city) => [city.name, city]));
+
+	if (dryRun && timeseries.length > 0) {
+		console.log(`  Sample timeseries entries (showing first 5):`);
+		timeseries.slice(0, 5).forEach((entry, idx) => {
+			console.log(`    [${idx}]:`, JSON.stringify(entry));
+		});
+		if (countries.length > 0)
+			console.log(`  Sample countries:`, JSON.stringify(countries.slice(0, 3)));
+		if (browsers.length > 0)
+			console.log(`  Sample browsers:`, JSON.stringify(browsers.slice(0, 3)));
+	}
+
+	const cityToCountryMap = new Map();
+	const cityToCountryCodeMap = new Map();
+	const cityToRegionMap = new Map();
+	for (const city of selectedCities) {
+		const resolvedCountryCode = resolveCountryCode(
+			city.countryCode,
+			city.country,
+			city.continent ||
+				(city.countryCode
+					? COUNTRIES_TO_CONTINENTS[city.countryCode.toUpperCase()]
+					: undefined),
+		);
+		if (resolvedCountryCode) {
+			cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+			cityToCountryMap.set(
+				city.name,
+				COUNTRIES[resolvedCountryCode] || city.country || "",
+			);
+		} else if (city.country) {
+			cityToCountryMap.set(city.name, city.country);
+		}
+		if (city.region) cityToRegionMap.set(city.name, city.region);
+	}
 
-  const apiLimit = createLimiter(apiConcurrency || DEFAULT_API_CONCURRENCY);
-  
-  const timeseries = await apiLimit(() => dubRetrieveTimeseries(baseArgs));
-  
-  if (timeseries.length === 0) {
-    if (dryRun) {
-      return {
-        videoId,
-        orgId,
-        timeseriesPoints: 0,
-        citiesConsidered: 0,
-        plannedEvents: 0,
-        sample: [],
-      };
-    }
-    return { videoId, orgId, written: 0 };
-  }
-  
-  const [countries, cities, browsers, devices, os] = await Promise.all([
-    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "countries" })),
-    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "cities" })),
-    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "browsers" })),
-    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "devices" })),
-    apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "os" })),
-  ]);
-  
-  const selectedCities = cities
-    .filter((c) => c.value > 0)
-    .sort((a, b) => b.value - a.value)
-    .slice(0, limits.maxCities)
-    .map((city) => {
-      const resolvedRegion = resolveRegionName(city.region, city.regionCode, city.countryCode || city.country);
-      return resolvedRegion ? { ...city, region: resolvedRegion } : city;
-    });
-  const cityMetaMap = new Map(selectedCities.map((city) => [city.name, city]));
-  
-  if (dryRun && timeseries.length > 0) {
-    console.log(`  Sample timeseries entries (showing first 5):`);
-    timeseries.slice(0, 5).forEach((entry, idx) => {
-      console.log(`    [${idx}]:`, JSON.stringify(entry));
-    });
-    if (countries.length > 0) console.log(`  Sample countries:`, JSON.stringify(countries.slice(0, 3)));
-    if (browsers.length > 0) console.log(`  Sample browsers:`, JSON.stringify(browsers.slice(0, 3)));
-  }
+	// Try to get country/region for cities by querying cities breakdown which might include country info
+	// If that doesn't work, try filtering countries/regions by city
+	const citiesMissingCountry = selectedCities.filter(
+		(city) => !cityToCountryMap.has(city.name),
+	);
+	await mapWithConcurrency(
+		citiesMissingCountry,
+		async (city) => {
+			const cityWithCountry = await apiLimit(() =>
+				dubRetrieveBreakdown({
+					...baseArgs,
+					groupBy: "countries",
+					city: city.name,
+				}),
+			);
+			const validCountries = cityWithCountry.filter(
+				(c) => c.name && c.name !== "*" && c.value > 0,
+			);
+			if (validCountries.length === 1) {
+				const resolvedCountryCode = resolveCountryCode(
+					validCountries[0].countryCode,
+					validCountries[0].name,
+					validCountries[0].continent ||
+						(validCountries[0].countryCode
+							? COUNTRIES_TO_CONTINENTS[
+									validCountries[0].countryCode.toUpperCase()
+								]
+							: undefined),
+				);
+				if (resolvedCountryCode) {
+					cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+					cityToCountryMap.set(
+						city.name,
+						COUNTRIES[resolvedCountryCode] || validCountries[0].name,
+					);
+				} else {
+					cityToCountryMap.set(city.name, validCountries[0].name);
+				}
+			} else if (validCountries.length > 1) {
+				const topCountry = validCountries.sort((a, b) => b.value - a.value)[0];
+				const resolvedCountryCode = resolveCountryCode(
+					topCountry.countryCode,
+					topCountry.name,
+					topCountry.continent ||
+						(topCountry.countryCode
+							? COUNTRIES_TO_CONTINENTS[topCountry.countryCode.toUpperCase()]
+							: undefined),
+				);
+				if (resolvedCountryCode) {
+					cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+					cityToCountryMap.set(
+						city.name,
+						COUNTRIES[resolvedCountryCode] || topCountry.name,
+					);
+				} else {
+					cityToCountryMap.set(city.name, topCountry.name);
+				}
+			}
+			const cityWithRegion = await apiLimit(() =>
+				dubRetrieveBreakdown({
+					...baseArgs,
+					groupBy: "regions",
+					city: city.name,
+				}),
+			);
+			const validRegions = cityWithRegion.filter(
+				(r) => r.name && r.name !== "*" && r.value > 0,
+			);
+			if (validRegions.length === 1) {
+				const regionCountryCode =
+					validRegions[0].countryCode ||
+					validRegions[0].country ||
+					city.country;
+				const resolvedRegion = resolveRegionName(
+					validRegions[0].region || validRegions[0].name,
+					validRegions[0].regionCode,
+					regionCountryCode,
+				);
+				if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+				if (!cityToCountryCodeMap.has(city.name)) {
+					const resolvedCountryCode = resolveCountryCode(
+						validRegions[0].countryCode,
+						validRegions[0].country || city.country,
+						validRegions[0].continent ||
+							(validRegions[0].countryCode
+								? COUNTRIES_TO_CONTINENTS[
+										validRegions[0].countryCode.toUpperCase()
+									]
+								: undefined),
+					);
+					if (resolvedCountryCode) {
+						cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+						if (!cityToCountryMap.has(city.name)) {
+							cityToCountryMap.set(
+								city.name,
+								COUNTRIES[resolvedCountryCode] ||
+									validRegions[0].country ||
+									city.country ||
+									"",
+							);
+						}
+					}
+				}
+			} else if (validRegions.length > 1) {
+				const topRegion = validRegions.sort((a, b) => b.value - a.value)[0];
+				const regionCountryCode =
+					topRegion.countryCode || topRegion.country || city.country;
+				const resolvedRegion = resolveRegionName(
+					topRegion.region || topRegion.name,
+					topRegion.regionCode,
+					regionCountryCode,
+				);
+				if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+				if (!cityToCountryCodeMap.has(city.name)) {
+					const resolvedCountryCode = resolveCountryCode(
+						topRegion.countryCode,
+						topRegion.country || city.country,
+						topRegion.continent ||
+							(topRegion.countryCode
+								? COUNTRIES_TO_CONTINENTS[topRegion.countryCode.toUpperCase()]
+								: undefined),
+					);
+					if (resolvedCountryCode) {
+						cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+						if (!cityToCountryMap.has(city.name)) {
+							cityToCountryMap.set(
+								city.name,
+								COUNTRIES[resolvedCountryCode] ||
+									topRegion.country ||
+									city.country ||
+									"",
+							);
+						}
+					}
+				}
+			}
+		},
+		apiConcurrency || DEFAULT_API_CONCURRENCY,
+	);
+	const citiesMissingRegion = selectedCities.filter(
+		(city) => !cityToRegionMap.has(city.name),
+	);
+	await mapWithConcurrency(
+		citiesMissingRegion,
+		async (city) => {
+			if (cityToRegionMap.has(city.name)) return;
+			const cityWithRegion = await apiLimit(() =>
+				dubRetrieveBreakdown({
+					...baseArgs,
+					groupBy: "regions",
+					city: city.name,
+				}),
+			);
+			const validRegions = cityWithRegion.filter(
+				(r) => r.name && r.name !== "*" && r.value > 0,
+			);
+			if (validRegions.length === 1) {
+				const regionCountryCode =
+					validRegions[0].countryCode ||
+					validRegions[0].country ||
+					city.country;
+				const resolvedRegion = resolveRegionName(
+					validRegions[0].region || validRegions[0].name,
+					validRegions[0].regionCode,
+					regionCountryCode,
+				);
+				if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+				if (!cityToCountryCodeMap.has(city.name)) {
+					const resolvedCountryCode = resolveCountryCode(
+						validRegions[0].countryCode,
+						validRegions[0].country || city.country,
+						validRegions[0].continent ||
+							(validRegions[0].countryCode
+								? COUNTRIES_TO_CONTINENTS[
+										validRegions[0].countryCode.toUpperCase()
+									]
+								: undefined),
+					);
+					if (resolvedCountryCode) {
+						cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+						if (!cityToCountryMap.has(city.name)) {
+							cityToCountryMap.set(
+								city.name,
+								COUNTRIES[resolvedCountryCode] ||
+									validRegions[0].country ||
+									city.country ||
+									"",
+							);
+						}
+					}
+				}
+			} else if (validRegions.length > 1) {
+				const topRegion = validRegions.sort((a, b) => b.value - a.value)[0];
+				const regionCountryCode =
+					topRegion.countryCode || topRegion.country || city.country;
+				const resolvedRegion = resolveRegionName(
+					topRegion.region || topRegion.name,
+					topRegion.regionCode,
+					regionCountryCode,
+				);
+				if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+				if (!cityToCountryCodeMap.has(city.name)) {
+					const resolvedCountryCode = resolveCountryCode(
+						topRegion.countryCode,
+						topRegion.country || city.country,
+						topRegion.continent ||
+							(topRegion.countryCode
+								? COUNTRIES_TO_CONTINENTS[topRegion.countryCode.toUpperCase()]
+								: undefined),
+					);
+					if (resolvedCountryCode) {
+						cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+						if (!cityToCountryMap.has(city.name)) {
+							cityToCountryMap.set(
+								city.name,
+								COUNTRIES[resolvedCountryCode] ||
+									topRegion.country ||
+									city.country ||
+									"",
+							);
+						}
+					}
+				}
+			}
+		},
+		apiConcurrency || DEFAULT_API_CONCURRENCY,
+	);
 
-  const cityToCountryMap = new Map();
-  const cityToCountryCodeMap = new Map();
-  const cityToRegionMap = new Map();
-  for (const city of selectedCities) {
-    const resolvedCountryCode = resolveCountryCode(
-      city.countryCode,
-      city.country,
-      city.continent || (city.countryCode ? COUNTRIES_TO_CONTINENTS[city.countryCode.toUpperCase()] : undefined)
-    );
-    if (resolvedCountryCode) {
-      cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-      cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || city.country || "");
-    } else if (city.country) {
-      cityToCountryMap.set(city.name, city.country);
-    }
-    if (city.region) cityToRegionMap.set(city.name, city.region);
-  }
-  
-  // Try to get country/region for cities by querying cities breakdown which might include country info
-  // If that doesn't work, try filtering countries/regions by city
-  const citiesMissingCountry = selectedCities.filter((city) => !cityToCountryMap.has(city.name));
-  await mapWithConcurrency(citiesMissingCountry, async (city) => {
-    const cityWithCountry = await apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "countries", city: city.name }));
-    const validCountries = cityWithCountry.filter((c) => c.name && c.name !== "*" && c.value > 0);
-    if (validCountries.length === 1) {
-      const resolvedCountryCode = resolveCountryCode(
-        validCountries[0].countryCode,
-        validCountries[0].name,
-        validCountries[0].continent || (validCountries[0].countryCode ? COUNTRIES_TO_CONTINENTS[validCountries[0].countryCode.toUpperCase()] : undefined)
-      );
-      if (resolvedCountryCode) {
-        cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-        cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || validCountries[0].name);
-      } else {
-        cityToCountryMap.set(city.name, validCountries[0].name);
-      }
-    } else if (validCountries.length > 1) {
-      const topCountry = validCountries.sort((a, b) => b.value - a.value)[0];
-      const resolvedCountryCode = resolveCountryCode(
-        topCountry.countryCode,
-        topCountry.name,
-        topCountry.continent || (topCountry.countryCode ? COUNTRIES_TO_CONTINENTS[topCountry.countryCode.toUpperCase()] : undefined)
-      );
-      if (resolvedCountryCode) {
-        cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-        cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || topCountry.name);
-      } else {
-        cityToCountryMap.set(city.name, topCountry.name);
-      }
-    }
-    const cityWithRegion = await apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "regions", city: city.name }));
-    const validRegions = cityWithRegion.filter((r) => r.name && r.name !== "*" && r.value > 0);
-    if (validRegions.length === 1) {
-      const regionCountryCode = validRegions[0].countryCode || validRegions[0].country || city.country;
-      const resolvedRegion = resolveRegionName(
-        validRegions[0].region || validRegions[0].name,
-        validRegions[0].regionCode,
-        regionCountryCode
-      );
-      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
-      if (!cityToCountryCodeMap.has(city.name)) {
-        const resolvedCountryCode = resolveCountryCode(
-          validRegions[0].countryCode,
-          validRegions[0].country || city.country,
-          validRegions[0].continent || (validRegions[0].countryCode ? COUNTRIES_TO_CONTINENTS[validRegions[0].countryCode.toUpperCase()] : undefined)
-        );
-        if (resolvedCountryCode) {
-          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-          if (!cityToCountryMap.has(city.name)) {
-            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || validRegions[0].country || city.country || "");
-          }
-        }
-      }
-    } else if (validRegions.length > 1) {
-      const topRegion = validRegions.sort((a, b) => b.value - a.value)[0];
-      const regionCountryCode = topRegion.countryCode || topRegion.country || city.country;
-      const resolvedRegion = resolveRegionName(
-        topRegion.region || topRegion.name,
-        topRegion.regionCode,
-        regionCountryCode
-      );
-      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
-      if (!cityToCountryCodeMap.has(city.name)) {
-        const resolvedCountryCode = resolveCountryCode(
-          topRegion.countryCode,
-          topRegion.country || city.country,
-          topRegion.continent || (topRegion.countryCode ? COUNTRIES_TO_CONTINENTS[topRegion.countryCode.toUpperCase()] : undefined)
-        );
-        if (resolvedCountryCode) {
-          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-          if (!cityToCountryMap.has(city.name)) {
-            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || topRegion.country || city.country || "");
-          }
-        }
-      }
-    }
-  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
-  const citiesMissingRegion = selectedCities.filter((city) => !cityToRegionMap.has(city.name));
-  await mapWithConcurrency(citiesMissingRegion, async (city) => {
-    if (cityToRegionMap.has(city.name)) return;
-    const cityWithRegion = await apiLimit(() => dubRetrieveBreakdown({ ...baseArgs, groupBy: "regions", city: city.name }));
-    const validRegions = cityWithRegion.filter((r) => r.name && r.name !== "*" && r.value > 0);
-    if (validRegions.length === 1) {
-      const regionCountryCode = validRegions[0].countryCode || validRegions[0].country || city.country;
-      const resolvedRegion = resolveRegionName(
-        validRegions[0].region || validRegions[0].name,
-        validRegions[0].regionCode,
-        regionCountryCode
-      );
-      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
-      if (!cityToCountryCodeMap.has(city.name)) {
-        const resolvedCountryCode = resolveCountryCode(
-          validRegions[0].countryCode,
-          validRegions[0].country || city.country,
-          validRegions[0].continent || (validRegions[0].countryCode ? COUNTRIES_TO_CONTINENTS[validRegions[0].countryCode.toUpperCase()] : undefined)
-        );
-        if (resolvedCountryCode) {
-          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-          if (!cityToCountryMap.has(city.name)) {
-            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || validRegions[0].country || city.country || "");
-          }
-        }
-      }
-    } else if (validRegions.length > 1) {
-      const topRegion = validRegions.sort((a, b) => b.value - a.value)[0];
-      const regionCountryCode = topRegion.countryCode || topRegion.country || city.country;
-      const resolvedRegion = resolveRegionName(
-        topRegion.region || topRegion.name,
-        topRegion.regionCode,
-        regionCountryCode
-      );
-      if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
-      if (!cityToCountryCodeMap.has(city.name)) {
-        const resolvedCountryCode = resolveCountryCode(
-          topRegion.countryCode,
-          topRegion.country || city.country,
-          topRegion.continent || (topRegion.countryCode ? COUNTRIES_TO_CONTINENTS[topRegion.countryCode.toUpperCase()] : undefined)
-        );
-        if (resolvedCountryCode) {
-          cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-          if (!cityToCountryMap.has(city.name)) {
-            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || topRegion.country || city.country || "");
-          }
-        }
-      }
-    }
-  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
-  
-  // Fallback: if we have cities but no country mapping, try to match cities to countries from overall breakdown
-  // by checking if city name appears in country-specific city breakdowns
-  const unresolvedCountryCities = selectedCities.filter((city) => !cityToCountryMap.has(city.name));
-  if (unresolvedCountryCities.length > 0 && countries.length > 0) {
-    const topCountries = countries.slice(0, 10);
-    const countryCitiesList = await mapWithConcurrency(
-      topCountries,
-      (country) => apiLimit(() =>
-        dubRetrieveBreakdown({ ...baseArgs, groupBy: "cities", country: country.name })
-          .then((rows) => ({ country, rows }))
-      ),
-      apiConcurrency || DEFAULT_API_CONCURRENCY
-    );
-    for (const { country, rows: countryCities } of countryCitiesList) {
-      for (const city of unresolvedCountryCities) {
-        if (cityToCountryMap.has(city.name)) continue;
-        const matchingCity = countryCities.find((c) => c.name === city.name || c.city === city.name);
-        if (matchingCity) {
-          if (!cityToCountryCodeMap.has(city.name)) {
-            const resolvedCountryCode = resolveCountryCode(
-              matchingCity.countryCode,
-              matchingCity.country || country.name,
-              matchingCity.continent || (matchingCity.countryCode ? COUNTRIES_TO_CONTINENTS[matchingCity.countryCode.toUpperCase()] : undefined)
-            );
-            if (resolvedCountryCode) {
-              cityToCountryCodeMap.set(city.name, resolvedCountryCode);
-              cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || matchingCity.country || country.name || matchingCity.name);
-            } else {
-              const resolvedCountry = matchingCity.country || country.name || matchingCity.name;
-              if (resolvedCountry) cityToCountryMap.set(city.name, resolvedCountry);
-            }
-          } else if (!cityToCountryMap.has(city.name)) {
-            const resolvedCountryCode = cityToCountryCodeMap.get(city.name);
-            cityToCountryMap.set(city.name, COUNTRIES[resolvedCountryCode] || matchingCity.country || country.name || matchingCity.name);
-          }
-          if (!cityToRegionMap.has(city.name) && (matchingCity.region || matchingCity.regionCode)) {
-            const resolvedRegion = resolveRegionName(
-              matchingCity.region || matchingCity.name,
-              matchingCity.regionCode,
-              matchingCity.countryCode || matchingCity.country || country.name
-            );
-            if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
-          }
-        }
-      }
-    }
-  }
+	// Fallback: if we have cities but no country mapping, try to match cities to countries from overall breakdown
+	// by checking if city name appears in country-specific city breakdowns
+	const unresolvedCountryCities = selectedCities.filter(
+		(city) => !cityToCountryMap.has(city.name),
+	);
+	if (unresolvedCountryCities.length > 0 && countries.length > 0) {
+		const topCountries = countries.slice(0, 10);
+		const countryCitiesList = await mapWithConcurrency(
+			topCountries,
+			(country) =>
+				apiLimit(() =>
+					dubRetrieveBreakdown({
+						...baseArgs,
+						groupBy: "cities",
+						country: country.name,
+					}).then((rows) => ({ country, rows })),
+				),
+			apiConcurrency || DEFAULT_API_CONCURRENCY,
+		);
+		for (const { country, rows: countryCities } of countryCitiesList) {
+			for (const city of unresolvedCountryCities) {
+				if (cityToCountryMap.has(city.name)) continue;
+				const matchingCity = countryCities.find(
+					(c) => c.name === city.name || c.city === city.name,
+				);
+				if (matchingCity) {
+					if (!cityToCountryCodeMap.has(city.name)) {
+						const resolvedCountryCode = resolveCountryCode(
+							matchingCity.countryCode,
+							matchingCity.country || country.name,
+							matchingCity.continent ||
+								(matchingCity.countryCode
+									? COUNTRIES_TO_CONTINENTS[
+											matchingCity.countryCode.toUpperCase()
+										]
+									: undefined),
+						);
+						if (resolvedCountryCode) {
+							cityToCountryCodeMap.set(city.name, resolvedCountryCode);
+							cityToCountryMap.set(
+								city.name,
+								COUNTRIES[resolvedCountryCode] ||
+									matchingCity.country ||
+									country.name ||
+									matchingCity.name,
+							);
+						} else {
+							const resolvedCountry =
+								matchingCity.country || country.name || matchingCity.name;
+							if (resolvedCountry)
+								cityToCountryMap.set(city.name, resolvedCountry);
+						}
+					} else if (!cityToCountryMap.has(city.name)) {
+						const resolvedCountryCode = cityToCountryCodeMap.get(city.name);
+						cityToCountryMap.set(
+							city.name,
+							COUNTRIES[resolvedCountryCode] ||
+								matchingCity.country ||
+								country.name ||
+								matchingCity.name,
+						);
+					}
+					if (
+						!cityToRegionMap.has(city.name) &&
+						(matchingCity.region || matchingCity.regionCode)
+					) {
+						const resolvedRegion = resolveRegionName(
+							matchingCity.region || matchingCity.name,
+							matchingCity.regionCode,
+							matchingCity.countryCode || matchingCity.country || country.name,
+						);
+						if (resolvedRegion) cityToRegionMap.set(city.name, resolvedRegion);
+					}
+				}
+			}
+		}
+	}
 
-  const perCityTimeseries = new Map();
-  await mapWithConcurrency(selectedCities, async (c) => {
-    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, city: c.name }));
-    perCityTimeseries.set(c.name, series);
-  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
-  
-  const perBrowserTimeseries = new Map();
-  const topBrowsers = browsers.filter((b) => b.value > 0).sort((a, b) => b.value - a.value).slice(0, 10);
-  await mapWithConcurrency(topBrowsers, async (browser) => {
-    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, browser: browser.name }));
-    perBrowserTimeseries.set(browser.name, series);
-  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
-  
-  const perDeviceTimeseries = new Map();
-  const topDevices = devices.filter((d) => d.value > 0).sort((a, b) => b.value - a.value).slice(0, 5);
-  await mapWithConcurrency(topDevices, async (device) => {
-    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, device: device.name }));
-    perDeviceTimeseries.set(device.name, series);
-  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
-  
-  const perOSTimeseries = new Map();
-  const topOS = os.filter((o) => o.value > 0).sort((a, b) => b.value - a.value).slice(0, 5);
-  await mapWithConcurrency(topOS, async (osItem) => {
-    const series = await apiLimit(() => dubRetrieveTimeseries({ ...baseArgs, os: osItem.name }));
-    perOSTimeseries.set(osItem.name, series);
-  }, apiConcurrency || DEFAULT_API_CONCURRENCY);
+	const perCityTimeseries = new Map();
+	await mapWithConcurrency(
+		selectedCities,
+		async (c) => {
+			const series = await apiLimit(() =>
+				dubRetrieveTimeseries({ ...baseArgs, city: c.name }),
+			);
+			perCityTimeseries.set(c.name, series);
+		},
+		apiConcurrency || DEFAULT_API_CONCURRENCY,
+	);
 
-  // Build rows per-city per-day with browser/device/OS distribution
-  const rows = [];
-  const dayRowMap = new Map();
-  for (const seriesItem of timeseries) {
-    if (seriesItem.count <= 0) continue;
-    const tsStr = String(seriesItem.timestamp);
-    if (!tsStr || tsStr === "undefined" || tsStr === "null") continue;
-    
-    let parsedDate;
-    let day;
-    let tsIso;
-    
-    if (tsStr.includes("T") && tsStr.includes(":")) {
-      parsedDate = new Date(tsStr);
-      if (!Number.isNaN(parsedDate.getTime())) {
-        day = parsedDate.toISOString().slice(0, 10);
-        tsIso = `${day}T00:00:00.000Z`;
-      } else {
-        day = tsStr.slice(0, 10);
-        tsIso = dayMidpointIso(day);
-      }
-    } else {
-      day = tsStr.slice(0, 10);
-      const dateStrWithUTC = tsStr.includes("Z") || tsStr.match(/[+-]\d{2}:?\d{2}$/) ? tsStr : tsStr + "T00:00:00.000Z";
-      parsedDate = new Date(dateStrWithUTC);
-      if (!Number.isNaN(parsedDate.getTime())) {
-        day = parsedDate.toISOString().slice(0, 10);
-        tsIso = `${day}T00:00:00.000Z`;
-      } else {
-        tsIso = dayMidpointIso(day);
-      }
-    }
-    
-    if (!day || day.length < 10 || day === "undefined") continue;
-    if (!tsIso) continue;
-    const dayTotal = seriesItem.count;
-    let dayData = dayRowMap.get(day);
-    if (!dayData) {
-      dayData = { total: dayTotal, rows: [] };
-      dayRowMap.set(day, dayData);
-    } else {
-      dayData.total = Math.max(dayData.total, dayTotal);
-    }
-    const dayRows = dayData.rows;
+	const perBrowserTimeseries = new Map();
+	const topBrowsers = browsers
+		.filter((b) => b.value > 0)
+		.sort((a, b) => b.value - a.value)
+		.slice(0, 10);
+	await mapWithConcurrency(
+		topBrowsers,
+		async (browser) => {
+			const series = await apiLimit(() =>
+				dubRetrieveTimeseries({ ...baseArgs, browser: browser.name }),
+			);
+			perBrowserTimeseries.set(browser.name, series);
+		},
+		apiConcurrency || DEFAULT_API_CONCURRENCY,
+	);
 
-    // Get browser/device/OS breakdowns for this day
-    const dayBrowsers = [];
-    for (const [browserName, browserSeries] of perBrowserTimeseries.entries()) {
-      const dayEntry = browserSeries.find((s) => String(s.timestamp).slice(0, 10) === day);
-      if (dayEntry && dayEntry.count > 0) {
-        dayBrowsers.push({ name: browserName, count: dayEntry.count });
-      }
-    }
-    dayBrowsers.sort((a, b) => b.count - a.count);
-    const totalBrowserClicks = dayBrowsers.reduce((a, b) => a + b.count, 0);
-    
-    const dayDevices = [];
-    for (const [deviceName, deviceSeries] of perDeviceTimeseries.entries()) {
-      const dayEntry = deviceSeries.find((s) => String(s.timestamp).slice(0, 10) === day);
-      if (dayEntry && dayEntry.count > 0) {
-        dayDevices.push({ name: deviceName, count: dayEntry.count });
-      }
-    }
-    dayDevices.sort((a, b) => b.count - a.count);
-    
-    const dayOS = [];
-    for (const [osName, osSeries] of perOSTimeseries.entries()) {
-      const dayEntry = osSeries.find((s) => String(s.timestamp).slice(0, 10) === day);
-      if (dayEntry && dayEntry.count > 0) {
-        dayOS.push({ name: osName, count: dayEntry.count });
-      }
-    }
-    dayOS.sort((a, b) => b.count - a.count);
+	const perDeviceTimeseries = new Map();
+	const topDevices = devices
+		.filter((d) => d.value > 0)
+		.sort((a, b) => b.value - a.value)
+		.slice(0, 5);
+	await mapWithConcurrency(
+		topDevices,
+		async (device) => {
+			const series = await apiLimit(() =>
+				dubRetrieveTimeseries({ ...baseArgs, device: device.name }),
+			);
+			perDeviceTimeseries.set(device.name, series);
+		},
+		apiConcurrency || DEFAULT_API_CONCURRENCY,
+	);
 
-    let allocated = 0;
-    for (const [cityName, citySeries] of perCityTimeseries.entries()) {
-      const dayEntry = citySeries.find((s) => String(s.timestamp).slice(0, 10) === day);
-      const cityCount = dayEntry?.count || 0;
-      if (cityCount <= 0) continue;
-      allocated += cityCount;
-      
-      const cityMeta = cityMetaMap.get(cityName);
-      const resolvedCountryCode = cityToCountryCodeMap.get(cityName);
-      let country = "";
-      if (resolvedCountryCode && COUNTRIES[resolvedCountryCode]) {
-        country = COUNTRIES[resolvedCountryCode];
-      } else {
-        const fallbackCountry = cityToCountryMap.get(cityName) || cityMeta?.country || "";
-        if (fallbackCountry) {
-          const fallbackCode = fallbackCountry.toUpperCase();
-          if (COUNTRIES[fallbackCode]) {
-            country = COUNTRIES[fallbackCode];
-          } else {
-            country = fallbackCountry;
-          }
-        }
-      }
-      const region = cityToRegionMap.get(cityName) || cityMeta?.region || "";
-      
-      // Distribute city clicks across browsers proportionally
-      let browserAllocated = 0;
-      for (const browser of dayBrowsers) {
-        const browserProportion = totalBrowserClicks > 0 ? browser.count / totalBrowserClicks : 0;
-        const browserAllocation = Math.round(cityCount * browserProportion);
-        if (browserAllocation <= 0) continue;
-        browserAllocated += browserAllocation;
-        
-        // For each browser allocation, use most common device/OS for that day
-        const device = dayDevices[0]?.name || topDevices[0]?.name || "desktop";
-        const os = dayOS[0]?.name || topOS[0]?.name || "unknown";
-        
-        const sidPrefix = `mig:${videoId}:${day}:${cityName}:${browser.name}`;
-        for (const sid of generateSessionIds(sidPrefix, browserAllocation)) {
-          dayRows.push({
-            timestamp: tsIso,
-            session_id: sid,
-            tenant_id: orgId,
-            action: "page_hit",
-            version: "dub_migration_v1",
-            pathname,
-            video_id: videoId,
-            country,
-            region,
-            city: cityName,
-            browser: browser.name,
-            device,
-            os,
-          });
-        }
-      }
-      
-      // Handle remainder for browsers (or if no browser data)
-      const browserRemainder = cityCount - browserAllocated;
-      if (browserRemainder > 0 || totalBrowserClicks === 0) {
-        const defaultBrowser = dayBrowsers[0]?.name || topBrowsers[0]?.name || "unknown";
-        const defaultDevice = dayDevices[0]?.name || topDevices[0]?.name || "desktop";
-        const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
-        const sidPrefix = `mig:${videoId}:${day}:${cityName}:${defaultBrowser}`;
-        for (const sid of generateSessionIds(sidPrefix, browserRemainder)) {
-          dayRows.push({
-            timestamp: tsIso,
-            session_id: sid,
-            tenant_id: orgId,
-            action: "page_hit",
-            version: "dub_migration_v1",
-            pathname,
-            video_id: videoId,
-            country,
-            region,
-            city: cityName,
-            browser: defaultBrowser,
-            device: defaultDevice,
-            os: defaultOS,
-          });
-        }
-      }
-    }
+	const perOSTimeseries = new Map();
+	const topOS = os
+		.filter((o) => o.value > 0)
+		.sort((a, b) => b.value - a.value)
+		.slice(0, 5);
+	await mapWithConcurrency(
+		topOS,
+		async (osItem) => {
+			const series = await apiLimit(() =>
+				dubRetrieveTimeseries({ ...baseArgs, os: osItem.name }),
+			);
+			perOSTimeseries.set(osItem.name, series);
+		},
+		apiConcurrency || DEFAULT_API_CONCURRENCY,
+	);
 
-    // Handle remainder (uncategorized)
-    const remainder = Math.max(0, dayTotal - allocated);
-    if (remainder > 0) {
-      const defaultCountry = countries[0]?.name || "";
-      const defaultBrowser = dayBrowsers[0]?.name || topBrowsers[0]?.name || "unknown";
-      const defaultDevice = dayDevices[0]?.name || topDevices[0]?.name || "desktop";
-      const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
-      const sidPrefix = `mig:${videoId}:${day}:__uncategorized__`;
-      for (const sid of generateSessionIds(sidPrefix, remainder)) {
-        dayRows.push({
-          timestamp: tsIso,
-          session_id: sid,
-          tenant_id: orgId,
-          action: "page_hit",
-          version: "dub_migration_v1",
-          pathname,
-          video_id: videoId,
-          country: defaultCountry,
-          region: "",
-          city: "",
-          browser: defaultBrowser,
-          device: defaultDevice,
-          os: defaultOS,
-        });
-      }
-    }
-  }
+	// Build rows per-city per-day with browser/device/OS distribution
+	const rows = [];
+	const dayRowMap = new Map();
+	for (const seriesItem of timeseries) {
+		if (seriesItem.count <= 0) continue;
+		const tsStr = String(seriesItem.timestamp);
+		if (!tsStr || tsStr === "undefined" || tsStr === "null") continue;
 
-  for (const [day, { total: dayTotal, rows: dayRows }] of dayRowMap.entries()) {
-    if (dayRows.length > dayTotal) {
-      const excess = dayRows.length - dayTotal;
-      console.log(`  Day ${day}: Capping rows from ${dayRows.length} to ${dayTotal} (removing ${excess} excess row(s))`);
-      dayRows.splice(dayTotal);
-    }
-    rows.push(...dayRows);
-  }
+		let parsedDate;
+		let day;
+		let tsIso;
 
-  const totalPlanned = rows.length;
+		if (tsStr.includes("T") && tsStr.includes(":")) {
+			parsedDate = new Date(tsStr);
+			if (!Number.isNaN(parsedDate.getTime())) {
+				day = parsedDate.toISOString().slice(0, 10);
+				tsIso = `${day}T00:00:00.000Z`;
+			} else {
+				day = tsStr.slice(0, 10);
+				tsIso = dayMidpointIso(day);
+			}
+		} else {
+			day = tsStr.slice(0, 10);
+			const dateStrWithUTC =
+				tsStr.includes("Z") || tsStr.match(/[+-]\d{2}:?\d{2}$/)
+					? tsStr
+					: tsStr + "T00:00:00.000Z";
+			parsedDate = new Date(dateStrWithUTC);
+			if (!Number.isNaN(parsedDate.getTime())) {
+				day = parsedDate.toISOString().slice(0, 10);
+				tsIso = `${day}T00:00:00.000Z`;
+			} else {
+				tsIso = dayMidpointIso(day);
+			}
+		}
 
-  const seen = new Map();
-  const deduplicatedRows = [];
-  for (const row of rows) {
-    const key = `${row.timestamp}|${row.session_id}|${row.video_id}`;
-    if (!seen.has(key)) {
-      seen.set(key, true);
-      deduplicatedRows.push(row);
-    }
-  }
+		if (!day || day.length < 10 || day === "undefined") continue;
+		if (!tsIso) continue;
+		const dayTotal = seriesItem.count;
+		let dayData = dayRowMap.get(day);
+		if (!dayData) {
+			dayData = { total: dayTotal, rows: [] };
+			dayRowMap.set(day, dayData);
+		} else {
+			dayData.total = Math.max(dayData.total, dayTotal);
+		}
+		const dayRows = dayData.rows;
 
-  const duplicatesRemoved = totalPlanned - deduplicatedRows.length;
-  if (duplicatesRemoved > 0) {
-    console.log(`  Removed ${duplicatesRemoved} duplicate row(s) (${totalPlanned} -> ${deduplicatedRows.length})`);
-  }
+		// Get browser/device/OS breakdowns for this day
+		const dayBrowsers = [];
+		for (const [browserName, browserSeries] of perBrowserTimeseries.entries()) {
+			const dayEntry = browserSeries.find(
+				(s) => String(s.timestamp).slice(0, 10) === day,
+			);
+			if (dayEntry && dayEntry.count > 0) {
+				dayBrowsers.push({ name: browserName, count: dayEntry.count });
+			}
+		}
+		dayBrowsers.sort((a, b) => b.count - a.count);
+		const totalBrowserClicks = dayBrowsers.reduce((a, b) => a + b.count, 0);
 
-  if (dryRun) {
-    return {
-      videoId,
-      orgId,
-      timeseriesPoints: timeseries.length,
-      citiesConsidered: selectedCities.length,
-      plannedEvents: deduplicatedRows.length,
-      duplicatesRemoved,
-      sample: deduplicatedRows.slice(0, Math.min(3, deduplicatedRows.length)),
-    };
-  }
+		const dayDevices = [];
+		for (const [deviceName, deviceSeries] of perDeviceTimeseries.entries()) {
+			const dayEntry = deviceSeries.find(
+				(s) => String(s.timestamp).slice(0, 10) === day,
+			);
+			if (dayEntry && dayEntry.count > 0) {
+				dayDevices.push({ name: deviceName, count: dayEntry.count });
+			}
+		}
+		dayDevices.sort((a, b) => b.count - a.count);
 
-  let written = 0;
-  const chunkSize = limits.ingestChunkSize || INGEST_CHUNK_SIZE;
-  const ingestConcurrency = limits.ingestConcurrency || DEFAULT_INGEST_CONCURRENCY;
-  const ingestRateLimit = limits.ingestRateLimit || DEFAULT_INGEST_RATE_LIMIT;
-  const rateLimiter = createTinybirdRateLimiter(ingestRateLimit);
-  const chunks = [];
-  for (let i = 0; i < deduplicatedRows.length; i += chunkSize) {
-    chunks.push(deduplicatedRows.slice(i, i + chunkSize));
-  }
-  const ingestLimit = createLimiter(ingestConcurrency);
-  const results = await Promise.all(
-    chunks.map((chunk) =>
-      ingestLimit(async () => {
-        const ndjson = toNdjson(chunk);
-        await tinybirdIngest({
-          host: tb.host,
-          token: tb.token,
-          datasource: TB_DATASOURCE,
-          ndjson,
-          rateLimiter,
-        });
-        return chunk.length;
-      })
-    )
-  );
-  written = results.reduce((a, b) => a + b, 0);
+		const dayOS = [];
+		for (const [osName, osSeries] of perOSTimeseries.entries()) {
+			const dayEntry = osSeries.find(
+				(s) => String(s.timestamp).slice(0, 10) === day,
+			);
+			if (dayEntry && dayEntry.count > 0) {
+				dayOS.push({ name: osName, count: dayEntry.count });
+			}
+		}
+		dayOS.sort((a, b) => b.count - a.count);
 
-  return {
-    videoId,
-    orgId,
-    written,
-  };
+		let allocated = 0;
+		for (const [cityName, citySeries] of perCityTimeseries.entries()) {
+			const dayEntry = citySeries.find(
+				(s) => String(s.timestamp).slice(0, 10) === day,
+			);
+			const cityCount = dayEntry?.count || 0;
+			if (cityCount <= 0) continue;
+			allocated += cityCount;
+
+			const cityMeta = cityMetaMap.get(cityName);
+			const resolvedCountryCode = cityToCountryCodeMap.get(cityName);
+			let country = "";
+			if (resolvedCountryCode && COUNTRIES[resolvedCountryCode]) {
+				country = COUNTRIES[resolvedCountryCode];
+			} else {
+				const fallbackCountry =
+					cityToCountryMap.get(cityName) || cityMeta?.country || "";
+				if (fallbackCountry) {
+					const fallbackCode = fallbackCountry.toUpperCase();
+					if (COUNTRIES[fallbackCode]) {
+						country = COUNTRIES[fallbackCode];
+					} else {
+						country = fallbackCountry;
+					}
+				}
+			}
+			const region = cityToRegionMap.get(cityName) || cityMeta?.region || "";
+
+			// Distribute city clicks across browsers proportionally
+			let browserAllocated = 0;
+			for (const browser of dayBrowsers) {
+				const browserProportion =
+					totalBrowserClicks > 0 ? browser.count / totalBrowserClicks : 0;
+				const browserAllocation = Math.round(cityCount * browserProportion);
+				if (browserAllocation <= 0) continue;
+				browserAllocated += browserAllocation;
+
+				// For each browser allocation, use most common device/OS for that day
+				const device = dayDevices[0]?.name || topDevices[0]?.name || "desktop";
+				const os = dayOS[0]?.name || topOS[0]?.name || "unknown";
+
+				const sidPrefix = `mig:${videoId}:${day}:${cityName}:${browser.name}`;
+				for (const sid of generateSessionIds(sidPrefix, browserAllocation)) {
+					dayRows.push({
+						timestamp: tsIso,
+						session_id: sid,
+						tenant_id: orgId,
+						action: "page_hit",
+						version: "dub_migration_v1",
+						pathname,
+						video_id: videoId,
+						country,
+						region,
+						city: cityName,
+						browser: browser.name,
+						device,
+						os,
+					});
+				}
+			}
+
+			// Handle remainder for browsers (or if no browser data)
+			const browserRemainder = cityCount - browserAllocated;
+			if (browserRemainder > 0 || totalBrowserClicks === 0) {
+				const defaultBrowser =
+					dayBrowsers[0]?.name || topBrowsers[0]?.name || "unknown";
+				const defaultDevice =
+					dayDevices[0]?.name || topDevices[0]?.name || "desktop";
+				const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
+				const sidPrefix = `mig:${videoId}:${day}:${cityName}:${defaultBrowser}`;
+				for (const sid of generateSessionIds(sidPrefix, browserRemainder)) {
+					dayRows.push({
+						timestamp: tsIso,
+						session_id: sid,
+						tenant_id: orgId,
+						action: "page_hit",
+						version: "dub_migration_v1",
+						pathname,
+						video_id: videoId,
+						country,
+						region,
+						city: cityName,
+						browser: defaultBrowser,
+						device: defaultDevice,
+						os: defaultOS,
+					});
+				}
+			}
+		}
+
+		// Handle remainder (uncategorized)
+		const remainder = Math.max(0, dayTotal - allocated);
+		if (remainder > 0) {
+			const defaultCountry = countries[0]?.name || "";
+			const defaultBrowser =
+				dayBrowsers[0]?.name || topBrowsers[0]?.name || "unknown";
+			const defaultDevice =
+				dayDevices[0]?.name || topDevices[0]?.name || "desktop";
+			const defaultOS = dayOS[0]?.name || topOS[0]?.name || "unknown";
+			const sidPrefix = `mig:${videoId}:${day}:__uncategorized__`;
+			for (const sid of generateSessionIds(sidPrefix, remainder)) {
+				dayRows.push({
+					timestamp: tsIso,
+					session_id: sid,
+					tenant_id: orgId,
+					action: "page_hit",
+					version: "dub_migration_v1",
+					pathname,
+					video_id: videoId,
+					country: defaultCountry,
+					region: "",
+					city: "",
+					browser: defaultBrowser,
+					device: defaultDevice,
+					os: defaultOS,
+				});
+			}
+		}
+	}
+
+	for (const [day, { total: dayTotal, rows: dayRows }] of dayRowMap.entries()) {
+		if (dayRows.length > dayTotal) {
+			const excess = dayRows.length - dayTotal;
+			console.log(
+				`  Day ${day}: Capping rows from ${dayRows.length} to ${dayTotal} (removing ${excess} excess row(s))`,
+			);
+			dayRows.splice(dayTotal);
+		}
+		rows.push(...dayRows);
+	}
+
+	const totalPlanned = rows.length;
+
+	const seen = new Map();
+	const deduplicatedRows = [];
+	for (const row of rows) {
+		const key = `${row.timestamp}|${row.session_id}|${row.video_id}`;
+		if (!seen.has(key)) {
+			seen.set(key, true);
+			deduplicatedRows.push(row);
+		}
+	}
+
+	const duplicatesRemoved = totalPlanned - deduplicatedRows.length;
+	if (duplicatesRemoved > 0) {
+		console.log(
+			`  Removed ${duplicatesRemoved} duplicate row(s) (${totalPlanned} -> ${deduplicatedRows.length})`,
+		);
+	}
+
+	if (dryRun) {
+		return {
+			videoId,
+			orgId,
+			timeseriesPoints: timeseries.length,
+			citiesConsidered: selectedCities.length,
+			plannedEvents: deduplicatedRows.length,
+			duplicatesRemoved,
+			sample: deduplicatedRows.slice(0, Math.min(3, deduplicatedRows.length)),
+		};
+	}
+
+	let written = 0;
+	const chunkSize = limits.ingestChunkSize || INGEST_CHUNK_SIZE;
+	const ingestConcurrency =
+		limits.ingestConcurrency || DEFAULT_INGEST_CONCURRENCY;
+	const ingestRateLimit = limits.ingestRateLimit || DEFAULT_INGEST_RATE_LIMIT;
+	const rateLimiter = createTinybirdRateLimiter(ingestRateLimit);
+	const chunks = [];
+	for (let i = 0; i < deduplicatedRows.length; i += chunkSize) {
+		chunks.push(deduplicatedRows.slice(i, i + chunkSize));
+	}
+	const ingestLimit = createLimiter(ingestConcurrency);
+	const results = await Promise.all(
+		chunks.map((chunk) =>
+			ingestLimit(async () => {
+				const ndjson = toNdjson(chunk);
+				await tinybirdIngest({
+					host: tb.host,
+					token: tb.token,
+					datasource: TB_DATASOURCE,
+					ndjson,
+					rateLimiter,
+				});
+				return chunk.length;
+			}),
+		),
+	);
+	written = results.reduce((a, b) => a + b, 0);
+
+	return {
+		videoId,
+		orgId,
+		written,
+	};
 }
 
 async function main() {
-  const args = parseArgs(process.argv);
-  if (!args.dryRun && !args.apply) usageAndExit("Specify --apply to perform writes or omit to dry run");
+	const args = parseArgs(process.argv);
+	if (!args.dryRun && !args.apply)
+		usageAndExit("Specify --apply to perform writes or omit to dry run");
 
-  const dubToken = requireEnv("DUB_API_KEY");
-  const tbToken = args.dryRun ? null : requireEnv("TINYBIRD_TOKEN");
-  const tbHost = DEFAULT_HOST;
+	const dubToken = requireEnv("DUB_API_KEY");
+	const tbToken = args.dryRun ? null : requireEnv("TINYBIRD_TOKEN");
+	const tbHost = DEFAULT_HOST;
 
-  let videoIds = [...args.videoIds];
+	let videoIds = [...args.videoIds];
 
-  if (videoIds.length === 0) {
-    console.log(`Fetching all links from domain: ${args.domain}...`);
-    const links = await dubFetchAllLinks({ 
-      token: dubToken, 
-      domain: args.domain,
-      maxLinks: args.limit || null
-    });
-    videoIds = links.map((link) => link.key || link.id).filter(Boolean);
-    console.log(`Found ${videoIds.length} links total`);
-  }
+	if (videoIds.length === 0) {
+		console.log(`Fetching all links from domain: ${args.domain}...`);
+		const links = await dubFetchAllLinks({
+			token: dubToken,
+			domain: args.domain,
+			maxLinks: args.limit || null,
+		});
+		videoIds = links.map((link) => link.key || link.id).filter(Boolean);
+		console.log(`Found ${videoIds.length} links total`);
+	}
 
-  if (videoIds.length === 0) {
-    console.error("No video IDs found to migrate");
-    process.exit(0);
-  }
+	if (videoIds.length === 0) {
+		console.error("No video IDs found to migrate");
+		process.exit(0);
+	}
 
-  const originalCount = videoIds.length;
-  if (args.limit && args.limit > 0 && args.limit < videoIds.length) {
-    videoIds = videoIds.slice(0, args.limit);
-    console.log(`Limiting to ${args.limit} videos (out of ${originalCount} total)`);
-  } else if (args.limit && args.limit > 0) {
-    console.log(`Limit of ${args.limit} specified, but only ${originalCount} videos found`);
-  }
+	const originalCount = videoIds.length;
+	if (args.limit && args.limit > 0 && args.limit < videoIds.length) {
+		videoIds = videoIds.slice(0, args.limit);
+		console.log(
+			`Limiting to ${args.limit} videos (out of ${originalCount} total)`,
+		);
+	} else if (args.limit && args.limit > 0) {
+		console.log(
+			`Limit of ${args.limit} specified, but only ${originalCount} videos found`,
+		);
+	}
 
-  const map = loadVideoToOrgMap(args, videoIds);
+	const map = loadVideoToOrgMap(args, videoIds);
 
-  const window = {
-    interval: args.start || args.end ? undefined : args.interval,
-    start: args.start || undefined,
-    end: args.end || undefined,
-    timezone: args.timezone,
-  };
+	const window = {
+		interval: args.start || args.end ? undefined : args.interval,
+		start: args.start || undefined,
+		end: args.end || undefined,
+		timezone: args.timezone,
+	};
 
-  const limits = { maxCities: args.maxCities };
-  const maxToProcess = args.limit && args.limit > 0 ? Math.min(args.limit, videoIds.length) : videoIds.length;
-  console.log(`Processing ${maxToProcess} video(s) with video concurrency=${args.videoConcurrency}, API concurrency=${args.apiConcurrency}, ingest rate limit=${args.ingestRateLimit}/s...`);
-  const extendedLimits = {
-    ...limits,
-    ingestChunkSize: args.ingestChunk,
-    ingestConcurrency: args.ingestConcurrency,
-    ingestRateLimit: args.ingestRateLimit,
-  };
-  const videoLimiter = createLimiter(args.videoConcurrency);
-  const tasks = videoIds.slice(0, maxToProcess).map((videoId, idx) =>
-    videoLimiter(async () => {
-      const orgId = map.get(videoId) || "";
-      console.log(`Migrating ${videoId}... (${idx + 1}/${maxToProcess})`);
-      return migrateVideo({
-        tokenDub: dubToken,
-        tb: { host: tbHost, token: tbToken },
-        domain: args.domain,
-        videoId,
-        orgId,
-        window,
-        limits: extendedLimits,
-        dryRun: args.dryRun,
-        apiConcurrency: args.apiConcurrency,
-      });
-    })
-  );
-  const results = await Promise.all(tasks);
+	const limits = { maxCities: args.maxCities };
+	const maxToProcess =
+		args.limit && args.limit > 0
+			? Math.min(args.limit, videoIds.length)
+			: videoIds.length;
+	console.log(
+		`Processing ${maxToProcess} video(s) with video concurrency=${args.videoConcurrency}, API concurrency=${args.apiConcurrency}, ingest rate limit=${args.ingestRateLimit}/s...`,
+	);
+	const extendedLimits = {
+		...limits,
+		ingestChunkSize: args.ingestChunk,
+		ingestConcurrency: args.ingestConcurrency,
+		ingestRateLimit: args.ingestRateLimit,
+	};
+	const videoLimiter = createLimiter(args.videoConcurrency);
+	const tasks = videoIds.slice(0, maxToProcess).map((videoId, idx) =>
+		videoLimiter(async () => {
+			const orgId = map.get(videoId) || "";
+			console.log(`Migrating ${videoId}... (${idx + 1}/${maxToProcess})`);
+			return migrateVideo({
+				tokenDub: dubToken,
+				tb: { host: tbHost, token: tbToken },
+				domain: args.domain,
+				videoId,
+				orgId,
+				window,
+				limits: extendedLimits,
+				dryRun: args.dryRun,
+				apiConcurrency: args.apiConcurrency,
+			});
+		}),
+	);
+	const results = await Promise.all(tasks);
 
-  const totalPlanned = results.reduce((acc, r) => acc + (r.plannedEvents || 0), 0);
-  const totalWritten = results.reduce((acc, r) => acc + (r.written || 0), 0);
+	const totalPlanned = results.reduce(
+		(acc, r) => acc + (r.plannedEvents || 0),
+		0,
+	);
+	const totalWritten = results.reduce((acc, r) => acc + (r.written || 0), 0);
 
-  const summary = {
-    mode: args.dryRun ? "dry-run" : "apply",
-    videos: videoIds.length,
-    totalPlanned,
-    totalWritten,
-    results,
-  };
-  console.log(JSON.stringify(summary, null, 2));
+	const summary = {
+		mode: args.dryRun ? "dry-run" : "apply",
+		videos: videoIds.length,
+		totalPlanned,
+		totalWritten,
+		results,
+	};
+	console.log(JSON.stringify(summary, null, 2));
 }
 
 main().catch((err) => {
-  console.error(err);
-  process.exit(1);
+	console.error(err);
+	process.exit(1);
 });
-
-
diff --git a/scripts/analytics/populate-test-data.js b/scripts/analytics/populate-test-data.js
index 992bd68cbd..354779533b 100644
--- a/scripts/analytics/populate-test-data.js
+++ b/scripts/analytics/populate-test-data.js
@@ -5,7 +5,14 @@ const TB_DATASOURCE = "analytics_events";
 const MAX_VIEWS = 100;
 const INGEST_CHUNK_SIZE = 5000;
 
-const BROWSERS = ["Chrome", "Safari", "Firefox", "Edge", "Mobile Safari", "Samsung Internet"];
+const BROWSERS = [
+	"Chrome",
+	"Safari",
+	"Firefox",
+	"Edge",
+	"Mobile Safari",
+	"Samsung Internet",
+];
 const DEVICES = ["Desktop", "Mobile", "Tablet"];
 const OS_OPTIONS = ["Mac OS", "Windows", "iOS", "Android", "Linux"];
 
@@ -53,7 +60,13 @@ function generateTestEvent(videoId, orgId = "", index = 0) {
 	const browser = randomChoice(BROWSERS);
 	const device = randomChoice(DEVICES);
 	const os = randomChoice(OS_OPTIONS);
-	const sessionId = generateSessionId(videoId, timestamp, city.name, browser, index);
+	const sessionId = generateSessionId(
+		videoId,
+		timestamp,
+		city.name,
+		browser,
+		index,
+	);
 
 	return {
 		timestamp,
@@ -102,7 +115,8 @@ async function tinybirdIngest({ host, token, datasource, ndjson }) {
 
 function parseDatabaseUrl(url) {
 	if (!url) throw new Error("DATABASE_URL not found");
-	if (!url.startsWith("mysql://")) throw new Error("DATABASE_URL is not a MySQL URL");
+	if (!url.startsWith("mysql://"))
+		throw new Error("DATABASE_URL is not a MySQL URL");
 
 	const parsed = new URL(url);
 	const config = {
@@ -147,20 +161,27 @@ async function getVideoIds() {
 
 function distributeViews(videoIds, totalViews) {
 	if (videoIds.length === 0) return [];
-	if (videoIds.length === 1) return [{ videoId: videoIds[0], views: totalViews }];
+	if (videoIds.length === 1)
+		return [{ videoId: videoIds[0], views: totalViews }];
 
 	const distribution = [];
 	let remaining = totalViews;
 
 	for (let i = 0; i < videoIds.length - 1; i++) {
 		const maxForThis = Math.floor(remaining / (videoIds.length - i));
-		const views = randomInt(1, Math.max(1, Math.min(maxForThis, remaining - (videoIds.length - i - 1))));
+		const views = randomInt(
+			1,
+			Math.max(1, Math.min(maxForThis, remaining - (videoIds.length - i - 1))),
+		);
 		distribution.push({ videoId: videoIds[i], views });
 		remaining -= views;
 	}
 
 	if (remaining > 0) {
-		distribution.push({ videoId: videoIds[videoIds.length - 1], views: remaining });
+		distribution.push({
+			videoId: videoIds[videoIds.length - 1],
+			views: remaining,
+		});
 	} else {
 		distribution.push({ videoId: videoIds[videoIds.length - 1], views: 1 });
 	}
@@ -180,7 +201,9 @@ async function main() {
 	console.log(`Found ${videoIds.length} video(s)`);
 
 	const distribution = distributeViews(videoIds, MAX_VIEWS);
-	console.log(`Generating ${MAX_VIEWS} test views across ${distribution.length} video(s)...`);
+	console.log(
+		`Generating ${MAX_VIEWS} test views across ${distribution.length} video(s)...`,
+	);
 
 	const events = [];
 	for (const { videoId, views } of distribution) {
@@ -213,10 +236,14 @@ async function main() {
 			ndjson,
 		});
 		totalWritten += chunk.length;
-		console.log(`Ingested chunk ${i + 1}/${chunks.length} (${chunk.length} events)`);
+		console.log(
+			`Ingested chunk ${i + 1}/${chunks.length} (${chunk.length} events)`,
+		);
 	}
 
-	console.log(`\n✅ Successfully ingested ${totalWritten} events into Tinybird`);
+	console.log(
+		`\n✅ Successfully ingested ${totalWritten} events into Tinybird`,
+	);
 	console.log(`\nSummary:`);
 	console.log(`  Videos: ${distribution.length}`);
 	console.log(`  Total events: ${totalWritten}`);
@@ -230,4 +257,3 @@ main().catch((err) => {
 	console.error("Error:", err);
 	process.exit(1);
 });
-
diff --git a/scripts/analytics/setup-analytics.js b/scripts/analytics/setup-analytics.js
index 43531360eb..a04bc2fc5e 100755
--- a/scripts/analytics/setup-analytics.js
+++ b/scripts/analytics/setup-analytics.js
@@ -16,75 +16,83 @@ const projectTinybPath = path.join(tinybirdProjectDir, ".tinyb");
 const rootTinybPath = path.join(PROJECT_ROOT, ".tinyb");
 
 const run = (command, args, options = {}) => {
-  const result = spawnSync(command, args, {
-    stdio: "inherit",
-    ...options,
-  });
-  if (result.error || result.status !== 0) {
-    const message = result.error?.message || `Command ${command} ${args.join(" ")} failed.`;
-    throw new Error(message);
-  }
+	const result = spawnSync(command, args, {
+		stdio: "inherit",
+		...options,
+	});
+	if (result.error || result.status !== 0) {
+		const message =
+			result.error?.message || `Command ${command} ${args.join(" ")} failed.`;
+		throw new Error(message);
+	}
 };
 
 const ensureTinybirdCli = () => {
-  try {
-    run(TB_BINARY, ["--version"], { stdio: "ignore" });
-  } catch {
-    console.log("Tinybird CLI not found. Installing via pip...");
-    run(DEFAULT_PYTHON, ["-m", "pip", "install", "--user", "tinybird-cli"], { stdio: "inherit" });
-    console.log("Tinybird CLI installed. Re-running version check...");
-    run(TB_BINARY, ["--version"], { stdio: "inherit" });
-  }
+	try {
+		run(TB_BINARY, ["--version"], { stdio: "ignore" });
+	} catch {
+		console.log("Tinybird CLI not found. Installing via pip...");
+		run(DEFAULT_PYTHON, ["-m", "pip", "install", "--user", "tinybird-cli"], {
+			stdio: "inherit",
+		});
+		console.log("Tinybird CLI installed. Re-running version check...");
+		run(TB_BINARY, ["--version"], { stdio: "inherit" });
+	}
 };
 
 const ensureTinybirdLogin = () => {
-  if (fs.existsSync(rootTinybPath)) {
-    return;
-  }
-  console.log("Tinybird credentials not found. Launching `tb login`...");
-  run(TB_BINARY, ["login"], { cwd: PROJECT_ROOT, stdio: "inherit" });
-  if (!fs.existsSync(rootTinybPath)) {
-    throw new Error("Tinybird login did not create a .tinyb file. Please rerun `tb login` and try again.");
-  }
+	if (fs.existsSync(rootTinybPath)) {
+		return;
+	}
+	console.log("Tinybird credentials not found. Launching `tb login`...");
+	run(TB_BINARY, ["login"], { cwd: PROJECT_ROOT, stdio: "inherit" });
+	if (!fs.existsSync(rootTinybPath)) {
+		throw new Error(
+			"Tinybird login did not create a .tinyb file. Please rerun `tb login` and try again.",
+		);
+	}
 };
 
 const syncProjectTinyb = () => {
-  if (!fs.existsSync(rootTinybPath)) return;
-  fs.copyFileSync(rootTinybPath, projectTinybPath);
+	if (!fs.existsSync(rootTinybPath)) return;
+	fs.copyFileSync(rootTinybPath, projectTinybPath);
 };
 
 const deployTinybirdProject = (auth) => {
-  console.log(
-    "⚠️  Running `tb --cloud deploy --allow-destructive-operations --wait` inside scripts/analytics/tinybird. This will synchronize the Tinybird workspace to the resources defined in that folder and remove any other datasources/pipes in the workspace."
-  );
-  run(
-    TB_BINARY,
-    ["--cloud", "deploy", "--allow-destructive-operations", "--wait"],
-    {
-      cwd: tinybirdProjectDir,
-      env: {
-        ...process.env,
-        TB_HOST: auth.host,
-        TB_TOKEN: auth.token,
-        TB_LOCAL: "0",
-        ...(auth.userToken ? { TB_USER_TOKEN: auth.userToken } : {}),
-      },
-    },
-  );
+	console.log(
+		"⚠️  Running `tb --cloud deploy --allow-destructive-operations --wait` inside scripts/analytics/tinybird. This will synchronize the Tinybird workspace to the resources defined in that folder and remove any other datasources/pipes in the workspace.",
+	);
+	run(
+		TB_BINARY,
+		["--cloud", "deploy", "--allow-destructive-operations", "--wait"],
+		{
+			cwd: tinybirdProjectDir,
+			env: {
+				...process.env,
+				TB_HOST: auth.host,
+				TB_TOKEN: auth.token,
+				TB_LOCAL: "0",
+				...(auth.userToken ? { TB_USER_TOKEN: auth.userToken } : {}),
+			},
+		},
+	);
 };
 
 function main() {
-  try {
-    ensureTinybirdCli();
-    ensureTinybirdLogin();
-    const auth = resolveTinybirdAuth();
-    syncProjectTinyb();
-    deployTinybirdProject(auth);
-    console.log("✅ Tinybird analytics resources are ready.");
-  } catch (error) {
-    console.error("❌ Failed to set up Tinybird analytics:", error instanceof Error ? error.message : error);
-    process.exit(1);
-  }
+	try {
+		ensureTinybirdCli();
+		ensureTinybirdLogin();
+		const auth = resolveTinybirdAuth();
+		syncProjectTinyb();
+		deployTinybirdProject(auth);
+		console.log("✅ Tinybird analytics resources are ready.");
+	} catch (error) {
+		console.error(
+			"❌ Failed to set up Tinybird analytics:",
+			error instanceof Error ? error.message : error,
+		);
+		process.exit(1);
+	}
 }
 
 main();
diff --git a/scripts/analytics/shared.js b/scripts/analytics/shared.js
index 9f61dfd133..cc176704b9 100644
--- a/scripts/analytics/shared.js
+++ b/scripts/analytics/shared.js
@@ -8,190 +8,204 @@ const DEFAULT_TINYBIRD_HOST = "https://api.tinybird.co";
 const MODULE_DIR = path.dirname(fileURLToPath(import.meta.url));
 const PROJECT_ROOT = path.resolve(MODULE_DIR, "..", "..");
 const TINYB_FILE_CANDIDATES = [
-  path.join(PROJECT_ROOT, ".tinyb"),
-  path.join(process.cwd(), ".tinyb"),
-  path.join(os.homedir(), ".tinyb"),
+	path.join(PROJECT_ROOT, ".tinyb"),
+	path.join(process.cwd(), ".tinyb"),
+	path.join(os.homedir(), ".tinyb"),
 ];
 
 const TABLE_DEFINITIONS = [
-  {
-    name: "analytics_events",
-    description: "Raw analytics events generated by Cap clients.",
-    engine: "MergeTree",
-    partitionKey: "toYYYYMM(timestamp)",
-    sortingKey: "(tenant_id, timestamp)",
-    ttl: "timestamp + INTERVAL 90 DAY",
-    settings: "index_granularity = 8192",
-    columns: [
-      { name: "timestamp", type: "DateTime" },
-      { name: "session_id", type: "String" },
-      { name: "action", type: "LowCardinality(String)" },
-      { name: "version", type: "LowCardinality(String)" },
-      { name: "payload", type: "String" },
-      { name: "tenant_id", type: "LowCardinality(String)" },
-      { name: "domain", type: "LowCardinality(String)" },
-    ],
-  },
-  {
-    name: "analytics_pages_mv",
-    description: "Aggregated page views per tenant/path/day.",
-    engine: "AggregatingMergeTree",
-    partitionKey: "toYYYYMM(date)",
-    sortingKey: "(tenant_id, date, pathname)",
-    ttl: "date + INTERVAL 90 DAY",
-    settings: "index_granularity = 256",
-    columns: [
-      { name: "tenant_id", type: "LowCardinality(String)" },
-      { name: "date", type: "Date" },
-      { name: "pathname", type: "String" },
-      { name: "location", type: "String" },
-      { name: "visits", type: "AggregateFunction(uniq, String)" },
-    ],
-  },
-  {
-    name: "analytics_sessions_mv",
-    description: "Session level metadata derived from analytics events.",
-    engine: "ReplacingMergeTree",
-    partitionKey: "toYYYYMM(date)",
-    sortingKey: "(tenant_id, date, session_id)",
-    ttl: "date + INTERVAL 90 DAY",
-    settings: "index_granularity = 256",
-    columns: [
-      { name: "tenant_id", type: "LowCardinality(String)" },
-      { name: "date", type: "Date" },
-      { name: "session_id", type: "String" },
-      { name: "browser", type: "LowCardinality(String)" },
-      { name: "device", type: "LowCardinality(String)" },
-    ],
-  },
+	{
+		name: "analytics_events",
+		description: "Raw analytics events generated by Cap clients.",
+		engine: "MergeTree",
+		partitionKey: "toYYYYMM(timestamp)",
+		sortingKey: "(tenant_id, timestamp)",
+		ttl: "timestamp + INTERVAL 90 DAY",
+		settings: "index_granularity = 8192",
+		columns: [
+			{ name: "timestamp", type: "DateTime" },
+			{ name: "session_id", type: "String" },
+			{ name: "action", type: "LowCardinality(String)" },
+			{ name: "version", type: "LowCardinality(String)" },
+			{ name: "payload", type: "String" },
+			{ name: "tenant_id", type: "LowCardinality(String)" },
+			{ name: "domain", type: "LowCardinality(String)" },
+		],
+	},
+	{
+		name: "analytics_pages_mv",
+		description: "Aggregated page views per tenant/path/day.",
+		engine: "AggregatingMergeTree",
+		partitionKey: "toYYYYMM(date)",
+		sortingKey: "(tenant_id, date, pathname)",
+		ttl: "date + INTERVAL 90 DAY",
+		settings: "index_granularity = 256",
+		columns: [
+			{ name: "tenant_id", type: "LowCardinality(String)" },
+			{ name: "date", type: "Date" },
+			{ name: "pathname", type: "String" },
+			{ name: "location", type: "String" },
+			{ name: "visits", type: "AggregateFunction(uniq, String)" },
+		],
+	},
+	{
+		name: "analytics_sessions_mv",
+		description: "Session level metadata derived from analytics events.",
+		engine: "ReplacingMergeTree",
+		partitionKey: "toYYYYMM(date)",
+		sortingKey: "(tenant_id, date, session_id)",
+		ttl: "date + INTERVAL 90 DAY",
+		settings: "index_granularity = 256",
+		columns: [
+			{ name: "tenant_id", type: "LowCardinality(String)" },
+			{ name: "date", type: "Date" },
+			{ name: "session_id", type: "String" },
+			{ name: "browser", type: "LowCardinality(String)" },
+			{ name: "device", type: "LowCardinality(String)" },
+		],
+	},
 ];
 
 const PIPE_DEFINITIONS = [
-  { name: "analytics_pages_mv_pipe", targetDatasource: "analytics_pages_mv" },
-  { name: "analytics_sessions_mv_pipe", targetDatasource: "analytics_sessions_mv" },
+	{ name: "analytics_pages_mv_pipe", targetDatasource: "analytics_pages_mv" },
+	{
+		name: "analytics_sessions_mv_pipe",
+		targetDatasource: "analytics_sessions_mv",
+	},
 ];
 
 const normalizeWhitespace = (value) => value.replace(/\s+/g, " ").trim();
 
-const buildSchemaLines = (table) => table.columns.map((column) => `${column.name} ${column.type}`);
+const buildSchemaLines = (table) =>
+	table.columns.map((column) => `${column.name} ${column.type}`);
 
 function formatHost(host) {
-  if (!host) return DEFAULT_TINYBIRD_HOST;
-  if (host.startsWith("http://") || host.startsWith("https://")) return host;
-  return `https://${host}`;
+	if (!host) return DEFAULT_TINYBIRD_HOST;
+	if (host.startsWith("http://") || host.startsWith("https://")) return host;
+	return `https://${host}`;
 }
 
 function loadTinybFile() {
-  for (const candidate of TINYB_FILE_CANDIDATES) {
-    try {
-      if (fs.existsSync(candidate)) {
-        const raw = fs.readFileSync(candidate, "utf8");
-        const data = JSON.parse(raw);
-        return { path: candidate, data };
-      }
-    } catch {
-      // ignore malformed files and continue
-    }
-  }
-  return null;
+	for (const candidate of TINYB_FILE_CANDIDATES) {
+		try {
+			if (fs.existsSync(candidate)) {
+				const raw = fs.readFileSync(candidate, "utf8");
+				const data = JSON.parse(raw);
+				return { path: candidate, data };
+			}
+		} catch {
+			// ignore malformed files and continue
+		}
+	}
+	return null;
 }
 
 function resolveTinybirdAuth() {
-  const envHost = process.env.TINYBIRD_HOST?.trim();
-  const envToken = process.env.TINYBIRD_ADMIN_TOKEN?.trim() || process.env.TINYBIRD_TOKEN?.trim();
-  if (envHost && envToken) {
-    return {
-      host: formatHost(envHost),
-      token: envToken,
-      source: "env",
-    };
-  }
-
-  const tinyb = loadTinybFile();
-  if (tinyb) {
-    if (!tinyb.data?.token) {
-      throw new Error(`Tinybird auth file at ${tinyb.path} is missing a token.`);
-    }
-    return {
-      host: formatHost(tinyb.data.host ?? DEFAULT_TINYBIRD_HOST),
-      token: tinyb.data.token,
-      workspaceId: tinyb.data.id,
-      workspaceName: tinyb.data.name,
-      userToken: tinyb.data.user_token,
-      tinybPath: tinyb.path,
-      source: "tinyb",
-    };
-  }
-
-  throw new Error(
-    "Tinybird credentials not found. Set TINYBIRD_TOKEN/TINYBIRD_HOST or run `tb login` to create a .tinyb file.",
-  );
+	const envHost = process.env.TINYBIRD_HOST?.trim();
+	const envToken =
+		process.env.TINYBIRD_ADMIN_TOKEN?.trim() ||
+		process.env.TINYBIRD_TOKEN?.trim();
+	if (envHost && envToken) {
+		return {
+			host: formatHost(envHost),
+			token: envToken,
+			source: "env",
+		};
+	}
+
+	const tinyb = loadTinybFile();
+	if (tinyb) {
+		if (!tinyb.data?.token) {
+			throw new Error(
+				`Tinybird auth file at ${tinyb.path} is missing a token.`,
+			);
+		}
+		return {
+			host: formatHost(tinyb.data.host ?? DEFAULT_TINYBIRD_HOST),
+			token: tinyb.data.token,
+			workspaceId: tinyb.data.id,
+			workspaceName: tinyb.data.name,
+			userToken: tinyb.data.user_token,
+			tinybPath: tinyb.path,
+			source: "tinyb",
+		};
+	}
+
+	throw new Error(
+		"Tinybird credentials not found. Set TINYBIRD_TOKEN/TINYBIRD_HOST or run `tb login` to create a .tinyb file.",
+	);
 }
 
 function createTinybirdClient(authOverride) {
-  const auth = authOverride ?? resolveTinybirdAuth();
-
-  const request = async (path, init = {}) => {
-    const url = new URL(path, formatHost(auth.host));
-    const headers = {
-      Authorization: `Bearer ${auth.token}`,
-      ...(init.headers ?? {}),
-    };
-    let response;
-    try {
-      response = await fetch(url, { ...init, headers });
-    } catch (error) {
-      const err = new Error(`Tinybird request failed: ${error instanceof Error ? error.message : String(error)}`);
-      err.cause = error;
-      throw err;
-    }
-    const text = await response.text();
-    let payload = text;
-    try {
-      payload = text ? JSON.parse(text) : {};
-    } catch {
-      // keep raw text when JSON parsing fails
-    }
-
-    if (!response.ok) {
-      const message = payload?.error || payload?.message || response.statusText;
-      const err = new Error(`Tinybird request failed (${response.status}): ${message}`);
-      err.status = response.status;
-      err.payload = payload;
-      throw err;
-    }
-
-    return payload;
-  };
-
-  const getResource = async (resourcePath, { allowNotFound = false } = {}) => {
-    try {
-      return await request(resourcePath);
-    } catch (error) {
-      if (allowNotFound && error.status === 404) return null;
-      throw error;
-    }
-  };
-
-  return {
-    host: formatHost(auth.host),
-    token: auth.token,
-    userToken: auth.userToken,
-    workspaceId: auth.workspaceId,
-    workspaceName: auth.workspaceName,
-    tinybPath: auth.tinybPath,
-    request,
-    getDatasource: (name, options) => getResource(`/v0/datasources/${encodeURIComponent(name)}`, options),
-    getPipe: (name, options) => getResource(`/v0/pipes/${encodeURIComponent(name)}`, options),
-  };
+	const auth = authOverride ?? resolveTinybirdAuth();
+
+	const request = async (path, init = {}) => {
+		const url = new URL(path, formatHost(auth.host));
+		const headers = {
+			Authorization: `Bearer ${auth.token}`,
+			...(init.headers ?? {}),
+		};
+		let response;
+		try {
+			response = await fetch(url, { ...init, headers });
+		} catch (error) {
+			const err = new Error(
+				`Tinybird request failed: ${error instanceof Error ? error.message : String(error)}`,
+			);
+			err.cause = error;
+			throw err;
+		}
+		const text = await response.text();
+		let payload = text;
+		try {
+			payload = text ? JSON.parse(text) : {};
+		} catch {
+			// keep raw text when JSON parsing fails
+		}
+
+		if (!response.ok) {
+			const message = payload?.error || payload?.message || response.statusText;
+			const err = new Error(
+				`Tinybird request failed (${response.status}): ${message}`,
+			);
+			err.status = response.status;
+			err.payload = payload;
+			throw err;
+		}
+
+		return payload;
+	};
+
+	const getResource = async (resourcePath, { allowNotFound = false } = {}) => {
+		try {
+			return await request(resourcePath);
+		} catch (error) {
+			if (allowNotFound && error.status === 404) return null;
+			throw error;
+		}
+	};
+
+	return {
+		host: formatHost(auth.host),
+		token: auth.token,
+		userToken: auth.userToken,
+		workspaceId: auth.workspaceId,
+		workspaceName: auth.workspaceName,
+		tinybPath: auth.tinybPath,
+		request,
+		getDatasource: (name, options) =>
+			getResource(`/v0/datasources/${encodeURIComponent(name)}`, options),
+		getPipe: (name, options) =>
+			getResource(`/v0/pipes/${encodeURIComponent(name)}`, options),
+	};
 }
 
 export {
-  PIPE_DEFINITIONS,
-  PROJECT_ROOT,
-  TABLE_DEFINITIONS,
-  buildSchemaLines,
-  createTinybirdClient,
-  normalizeWhitespace,
-  resolveTinybirdAuth,
+	PIPE_DEFINITIONS,
+	PROJECT_ROOT,
+	TABLE_DEFINITIONS,
+	buildSchemaLines,
+	createTinybirdClient,
+	normalizeWhitespace,
+	resolveTinybirdAuth,
 };

From cf1787b026545beeb4d4966b60b27b8ad65c26cd Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 04:54:35 +0000
Subject: [PATCH 18/23] Refactor ShareVideoPage error handling and code style

---
 apps/web/app/(org)/dashboard/caps/Caps.tsx    |  554 +++----
 apps/web/app/s/[videoId]/page.tsx             | 1437 +++++++++--------
 packages/web-backend/src/Videos/VideosRpcs.ts |   20 +-
 3 files changed, 1015 insertions(+), 996 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/caps/Caps.tsx b/apps/web/app/(org)/dashboard/caps/Caps.tsx
index bb4a846e22..fc8a2b95ca 100644
--- a/apps/web/app/(org)/dashboard/caps/Caps.tsx
+++ b/apps/web/app/(org)/dashboard/caps/Caps.tsx
@@ -13,11 +13,11 @@ import { useEffectMutation, useRpcClient } from "@/lib/EffectRuntime";
 import { useVideosAnalyticsQuery } from "@/lib/Queries/Analytics";
 import { useDashboardContext } from "../Contexts";
 import {
-	NewFolderDialog,
-	SelectedCapsBar,
-	UploadCapButton,
-	UploadPlaceholderCard,
-	WebRecorderDialog,
+  NewFolderDialog,
+  SelectedCapsBar,
+  UploadCapButton,
+  UploadPlaceholderCard,
+  WebRecorderDialog,
 } from "./components";
 import { CapCard } from "./components/CapCard/CapCard";
 import { CapPagination } from "./components/CapPagination";
@@ -27,306 +27,306 @@ import Folder from "./components/Folder";
 import { useUploadingStatus } from "./UploadingContext";
 
 export type VideoData = {
-	id: Video.VideoId;
-	ownerId: string;
-	name: string;
-	createdAt: Date;
-	public: boolean;
-	totalComments: number;
-	totalReactions: number;
-	foldersData: FolderDataType[];
-	sharedOrganizations: {
-		id: string;
-		name: string;
-		iconUrl?: ImageUpload.ImageUrl | null;
-	}[];
-	sharedSpaces?: {
-		id: string;
-		name: string;
-		isOrg: boolean;
-		organizationId: string;
-	}[];
-	ownerName: string;
-	metadata?: VideoMetadata;
-	hasPassword: boolean;
-	hasActiveUpload: boolean;
+  id: Video.VideoId;
+  ownerId: string;
+  name: string;
+  createdAt: Date;
+  public: boolean;
+  totalComments: number;
+  totalReactions: number;
+  foldersData: FolderDataType[];
+  sharedOrganizations: {
+    id: string;
+    name: string;
+    iconUrl?: ImageUpload.ImageUrl | null;
+  }[];
+  sharedSpaces?: {
+    id: string;
+    name: string;
+    isOrg: boolean;
+    organizationId: string;
+  }[];
+  ownerName: string;
+  metadata?: VideoMetadata;
+  hasPassword: boolean;
+  hasActiveUpload: boolean;
 }[];
 
 export const Caps = ({
-	data,
-	count,
-	analyticsEnabled,
-	folders,
+  data,
+  count,
+  analyticsEnabled,
+  folders,
 }: {
-	data: VideoData;
-	count: number;
-	folders: FolderDataType[];
-	analyticsEnabled: boolean;
+  data: VideoData;
+  count: number;
+  folders: FolderDataType[];
+  analyticsEnabled: boolean;
 }) => {
-	const router = useRouter();
-	const params = useSearchParams();
-	const page = Number(params.get("page")) || 1;
-	const { user } = useDashboardContext();
-	const limit = 15;
-	const [openNewFolderDialog, setOpenNewFolderDialog] = useState(false);
-	const totalPages = Math.ceil(count / limit);
-	const previousCountRef = useRef<number>(0);
-	const [selectedCaps, setSelectedCaps] = useState<Video.VideoId[]>([]);
-	const [isDraggingCap, setIsDraggingCap] = useState(false);
+  const router = useRouter();
+  const params = useSearchParams();
+  const page = Number(params.get("page")) || 1;
+  const { user } = useDashboardContext();
+  const limit = 15;
+  const [openNewFolderDialog, setOpenNewFolderDialog] = useState(false);
+  const totalPages = Math.ceil(count / limit);
+  const previousCountRef = useRef<number>(0);
+  const [selectedCaps, setSelectedCaps] = useState<Video.VideoId[]>([]);
+  const [isDraggingCap, setIsDraggingCap] = useState(false);
 
-	const anyCapSelected = selectedCaps.length > 0;
+  const anyCapSelected = selectedCaps.length > 0;
 
-	const analyticsQuery = useVideosAnalyticsQuery(
-		data.map((video) => video.id),
-		analyticsEnabled,
-	);
-	const analytics: Partial<Record<Video.VideoId, number>> =
-		analyticsQuery.data || {};
-	const isLoadingAnalytics = analyticsEnabled && analyticsQuery.isLoading;
+  const analyticsQuery = useVideosAnalyticsQuery(
+    data.map((video) => video.id),
+    analyticsEnabled
+  );
+  const analytics: Partial<Record<Video.VideoId, number>> =
+    analyticsQuery.data || {};
+  const isLoadingAnalytics = analyticsEnabled && analyticsQuery.isLoading;
 
-	const handleCapSelection = (capId: Video.VideoId) => {
-		setSelectedCaps((prev) => {
-			const newSelection = prev.includes(capId)
-				? prev.filter((id) => id !== capId)
-				: [...prev, capId];
+  const handleCapSelection = (capId: Video.VideoId) => {
+    setSelectedCaps((prev) => {
+      const newSelection = prev.includes(capId)
+        ? prev.filter((id) => id !== capId)
+        : [...prev, capId];
 
-			previousCountRef.current = prev.length;
+      previousCountRef.current = prev.length;
 
-			return newSelection;
-		});
-	};
+      return newSelection;
+    });
+  };
 
-	const rpc = useRpcClient() as {
-		VideoDelete: (id: Video.VideoId) => Effect.Effect<void, unknown, never>;
-	};
+  const rpc = useRpcClient() as {
+    VideoDelete: (id: Video.VideoId) => Effect.Effect<void, unknown, never>;
+  };
 
-	const { mutate: deleteCaps, isPending: isDeletingCaps } = useEffectMutation({
-		mutationFn: Effect.fn(function* (ids: Video.VideoId[]) {
-			if (ids.length === 0) return { success: 0 };
+  const { mutate: deleteCaps, isPending: isDeletingCaps } = useEffectMutation({
+    mutationFn: Effect.fn(function* (ids: Video.VideoId[]) {
+      if (ids.length === 0) return { success: 0 };
 
-			const results = yield* Effect.all(
-				ids.map((id) => rpc.VideoDelete(id).pipe(Effect.exit)),
-				{ concurrency: 10 },
-			);
+      const results = yield* Effect.all(
+        ids.map((id) => rpc.VideoDelete(id).pipe(Effect.exit)),
+        { concurrency: 10 }
+      );
 
-			const successCount = results.filter(Exit.isSuccess).length;
+      const successCount = results.filter(Exit.isSuccess).length;
 
-			const errorCount = ids.length - successCount;
+      const errorCount = ids.length - successCount;
 
-			if (successCount > 0 && errorCount > 0) {
-				return { success: successCount, error: errorCount };
-			} else if (successCount > 0) {
-				return { success: successCount };
-			} else {
-				return yield* Effect.fail(
-					new Error(
-						`Failed to delete ${errorCount} cap${errorCount === 1 ? "" : "s"}`,
-					),
-				);
-			}
-		}),
-		onMutate: (ids: Video.VideoId[]) => {
-			toast.loading(
-				`Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`,
-			);
-		},
-		onSuccess: (data: { success: number; error?: number }) => {
-			setSelectedCaps([]);
-			router.refresh();
-			if (data.error) {
-				toast.success(
-					`Successfully deleted ${data.success} cap${
-						data.success === 1 ? "" : "s"
-					}, but failed to delete ${data.error} cap${
-						data.error === 1 ? "" : "s"
-					}`,
-				);
-			} else {
-				toast.success(
-					`Successfully deleted ${data.success} cap${
-						data.success === 1 ? "" : "s"
-					}`,
-				);
-			}
-		},
-		onError: (error: unknown) => {
-			const message =
-				error instanceof Error
-					? error.message
-					: "An error occurred while deleting caps";
-			toast.error(message);
-		},
-	});
+      if (successCount > 0 && errorCount > 0) {
+        return { success: successCount, error: errorCount };
+      } else if (successCount > 0) {
+        return { success: successCount };
+      } else {
+        return yield* Effect.fail(
+          new Error(
+            `Failed to delete ${errorCount} cap${errorCount === 1 ? "" : "s"}`
+          )
+        );
+      }
+    }),
+    onMutate: (ids: Video.VideoId[]) => {
+      toast.loading(
+        `Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`
+      );
+    },
+    onSuccess: (data: { success: number; error?: number }) => {
+      setSelectedCaps([]);
+      router.refresh();
+      if (data.error) {
+        toast.success(
+          `Successfully deleted ${data.success} cap${
+            data.success === 1 ? "" : "s"
+          }, but failed to delete ${data.error} cap${
+            data.error === 1 ? "" : "s"
+          }`
+        );
+      } else {
+        toast.success(
+          `Successfully deleted ${data.success} cap${
+            data.success === 1 ? "" : "s"
+          }`
+        );
+      }
+    },
+    onError: (error: unknown) => {
+      const message =
+        error instanceof Error
+          ? error.message
+          : "An error occurred while deleting caps";
+      toast.error(message);
+    },
+  });
 
-	const { mutate: deleteCap, isPending: isDeletingCap } = useEffectMutation({
-		mutationFn: Effect.fn(function* (id: Video.VideoId) {
-			yield* rpc.VideoDelete(id);
-		}),
-		onSuccess: () => {
-			toast.success("Cap deleted successfully");
-			router.refresh();
-		},
-		onError: (_error: unknown) => toast.error("Failed to delete cap"),
-	});
+  const { mutate: deleteCap, isPending: isDeletingCap } = useEffectMutation({
+    mutationFn: Effect.fn(function* (id: Video.VideoId) {
+      yield* rpc.VideoDelete(id);
+    }),
+    onSuccess: () => {
+      toast.success("Cap deleted successfully");
+      router.refresh();
+    },
+    onError: (_error: unknown) => toast.error("Failed to delete cap"),
+  });
 
-	useEffect(() => {
-		const handleKeyDown = (e: KeyboardEvent) => {
-			if (e.key === "Escape" && selectedCaps.length > 0) {
-				setSelectedCaps([]);
-			}
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === "Escape" && selectedCaps.length > 0) {
+        setSelectedCaps([]);
+      }
 
-			if (
-				(e.key === "Delete" || e.key === "Backspace") &&
-				selectedCaps.length > 0
-			) {
-				if (e.key === "Backspace") {
-					e.preventDefault();
-				}
+      if (
+        (e.key === "Delete" || e.key === "Backspace") &&
+        selectedCaps.length > 0
+      ) {
+        if (e.key === "Backspace") {
+          e.preventDefault();
+        }
 
-				if (
-					!["INPUT", "TEXTAREA", "SELECT"].includes(
-						document.activeElement?.tagName || "",
-					)
-				) {
-					deleteCaps(selectedCaps);
-				}
-			}
+        if (
+          !["INPUT", "TEXTAREA", "SELECT"].includes(
+            document.activeElement?.tagName || ""
+          )
+        ) {
+          deleteCaps(selectedCaps);
+        }
+      }
 
-			if (e.key === "a" && (e.ctrlKey || e.metaKey) && data.length > 0) {
-				if (
-					!["INPUT", "TEXTAREA", "SELECT"].includes(
-						document.activeElement?.tagName || "",
-					)
-				) {
-					e.preventDefault();
-					setSelectedCaps(data.map((cap) => cap.id));
-				}
-			}
-		};
+      if (e.key === "a" && (e.ctrlKey || e.metaKey) && data.length > 0) {
+        if (
+          !["INPUT", "TEXTAREA", "SELECT"].includes(
+            document.activeElement?.tagName || ""
+          )
+        ) {
+          e.preventDefault();
+          setSelectedCaps(data.map((cap) => cap.id));
+        }
+      }
+    };
 
-		window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("keydown", handleKeyDown);
 
-		return () => {
-			window.removeEventListener("keydown", handleKeyDown);
-		};
-	}, [selectedCaps, data, deleteCaps]);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [selectedCaps, data, deleteCaps]);
 
-	useEffect(() => {
-		const handleDragStart = () => setIsDraggingCap(true);
-		const handleDragEnd = () => setIsDraggingCap(false);
+  useEffect(() => {
+    const handleDragStart = () => setIsDraggingCap(true);
+    const handleDragEnd = () => setIsDraggingCap(false);
 
-		window.addEventListener("dragstart", handleDragStart);
-		window.addEventListener("dragend", handleDragEnd);
+    window.addEventListener("dragstart", handleDragStart);
+    window.addEventListener("dragend", handleDragEnd);
 
-		return () => {
-			window.removeEventListener("dragstart", handleDragStart);
-			window.removeEventListener("dragend", handleDragEnd);
-		};
-	}, []);
+    return () => {
+      window.removeEventListener("dragstart", handleDragStart);
+      window.removeEventListener("dragend", handleDragEnd);
+    };
+  }, []);
 
-	const [isUploading, uploadingCapId] = useUploadingStatus();
-	const visibleVideos = useMemo(
-		() =>
-			isUploading && uploadingCapId
-				? data.filter((video) => video.id !== uploadingCapId)
-				: data,
-		[data, isUploading, uploadingCapId],
-	);
+  const [isUploading, uploadingCapId] = useUploadingStatus();
+  const visibleVideos = useMemo(
+    () =>
+      isUploading && uploadingCapId
+        ? data.filter((video) => video.id !== uploadingCapId)
+        : data,
+    [data, isUploading, uploadingCapId]
+  );
 
-	if (count === 0 && folders.length === 0) return <EmptyCapState />;
+  if (count === 0 && folders.length === 0) return <EmptyCapState />;
 
-	return (
-		<div className="flex relative flex-col w-full h-full">
-			<NewFolderDialog
-				open={openNewFolderDialog}
-				onOpenChange={setOpenNewFolderDialog}
-			/>
-			<div className="flex gap-3 items-center mb-10 w-full">
-				<Button
-					onClick={() => setOpenNewFolderDialog(true)}
-					size="sm"
-					variant="dark"
-					className="flex gap-2 items-center w-fit"
-				>
-					<FontAwesomeIcon className="size-3.5" icon={faFolderPlus} />
-					New Folder
-				</Button>
-				<UploadCapButton size="sm" />
-				<WebRecorderDialog />
-			</div>
-			{folders.length > 0 && (
-				<>
-					<div className="flex gap-3 items-center mb-6 w-full">
-						<h1 className="text-2xl font-medium text-gray-12">Folders</h1>
-					</div>
-					<div className="grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] gap-4 mb-10">
-						{folders.map((folder) => (
-							<Folder key={folder.id} {...folder} />
-						))}
-					</div>
-				</>
-			)}
-			{visibleVideos.length > 0 && (
-				<>
-					<div className="flex justify-between items-center mb-6 w-full">
-						<h1 className="text-2xl font-medium text-gray-12">Videos</h1>
-					</div>
+  return (
+    <div className="flex relative flex-col w-full h-full">
+      <NewFolderDialog
+        open={openNewFolderDialog}
+        onOpenChange={setOpenNewFolderDialog}
+      />
+      <div className="flex gap-3 items-center mb-10 w-full">
+        <Button
+          onClick={() => setOpenNewFolderDialog(true)}
+          size="sm"
+          variant="dark"
+          className="flex gap-2 items-center w-fit"
+        >
+          <FontAwesomeIcon className="size-3.5" icon={faFolderPlus} />
+          New Folder
+        </Button>
+        <UploadCapButton size="sm" />
+        <WebRecorderDialog />
+      </div>
+      {folders.length > 0 && (
+        <>
+          <div className="flex gap-3 items-center mb-6 w-full">
+            <h1 className="text-2xl font-medium text-gray-12">Folders</h1>
+          </div>
+          <div className="grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] gap-4 mb-10">
+            {folders.map((folder) => (
+              <Folder key={folder.id} {...folder} />
+            ))}
+          </div>
+        </>
+      )}
+      {visibleVideos.length > 0 && (
+        <>
+          <div className="flex justify-between items-center mb-6 w-full">
+            <h1 className="text-2xl font-medium text-gray-12">Videos</h1>
+          </div>
 
-					<div className="grid grid-cols-1 gap-4 sm:gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
-						{isUploading && (
-							<UploadPlaceholderCard key={"upload-placeholder"} />
-						)}
-						{visibleVideos.map((video) => {
-							const videoAnalytics = analytics[video.id];
-							return (
-								<CapCard
-									key={video.id}
-									cap={video}
-									analytics={videoAnalytics ?? 0}
-									onDelete={() => {
-										if (selectedCaps.length > 0) {
-											deleteCaps(selectedCaps);
-										} else {
-											deleteCap(video.id);
-										}
-									}}
-									userId={user?.id}
-									isLoadingAnalytics={isLoadingAnalytics}
-									isSelected={selectedCaps.includes(video.id)}
-									anyCapSelected={anyCapSelected}
-									onSelectToggle={() => handleCapSelection(video.id)}
-								/>
-							);
-						})}
-					</div>
-				</>
-			)}
-			{(data.length > limit || data.length === limit || page !== 1) && (
-				<div className="mt-7">
-					<CapPagination currentPage={page} totalPages={totalPages} />
-				</div>
-			)}
-			<SelectedCapsBar
-				selectedCaps={selectedCaps}
-				setSelectedCaps={setSelectedCaps}
-				deleteSelectedCaps={() => deleteCaps(selectedCaps)}
-				isDeleting={isDeletingCaps || isDeletingCap}
-			/>
-			{isDraggingCap && (
-				<div className="fixed inset-0 z-50 pointer-events-none">
-					<div className="flex justify-center items-center w-full h-full">
-						<div className="flex gap-2 items-center px-5 py-3 text-sm font-medium text-white rounded-xl bg-blue-12">
-							<FontAwesomeIcon
-								className="size-3.5 text-white opacity-50"
-								icon={faInfoCircle}
-							/>
-							<p className="text-white">
-								Drag to a space to share or folder to move
-							</p>
-						</div>
-					</div>
-				</div>
-			)}
-		</div>
-	);
+          <div className="grid grid-cols-1 gap-4 sm:gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
+            {isUploading && (
+              <UploadPlaceholderCard key={"upload-placeholder"} />
+            )}
+            {visibleVideos.map((video) => {
+              const videoAnalytics = analytics[video.id];
+              return (
+                <CapCard
+                  key={video.id}
+                  cap={video}
+                  analytics={videoAnalytics ?? 0}
+                  onDelete={() => {
+                    if (selectedCaps.length > 0) {
+                      deleteCaps(selectedCaps);
+                    } else {
+                      deleteCap(video.id);
+                    }
+                  }}
+                  userId={user?.id}
+                  isLoadingAnalytics={isLoadingAnalytics}
+                  isSelected={selectedCaps.includes(video.id)}
+                  anyCapSelected={anyCapSelected}
+                  onSelectToggle={() => handleCapSelection(video.id)}
+                />
+              );
+            })}
+          </div>
+        </>
+      )}
+      {(data.length > limit || data.length === limit || page !== 1) && (
+        <div className="mt-7">
+          <CapPagination currentPage={page} totalPages={totalPages} />
+        </div>
+      )}
+      <SelectedCapsBar
+        selectedCaps={selectedCaps}
+        setSelectedCaps={setSelectedCaps}
+        deleteSelectedCaps={() => deleteCaps(selectedCaps)}
+        isDeleting={isDeletingCaps || isDeletingCap}
+      />
+      {isDraggingCap && (
+        <div className="fixed inset-0 z-50 pointer-events-none">
+          <div className="flex justify-center items-center w-full h-full">
+            <div className="flex gap-2 items-center px-5 py-3 text-sm font-medium text-white rounded-xl bg-blue-12">
+              <FontAwesomeIcon
+                className="size-3.5 text-white opacity-50"
+                icon={faInfoCircle}
+              />
+              <p className="text-white">
+                Drag to a space to share or folder to move
+              </p>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
 };
diff --git a/apps/web/app/s/[videoId]/page.tsx b/apps/web/app/s/[videoId]/page.tsx
index 12de03c207..7d1200faca 100644
--- a/apps/web/app/s/[videoId]/page.tsx
+++ b/apps/web/app/s/[videoId]/page.tsx
@@ -1,33 +1,32 @@
 import { db } from "@cap/database";
 import { getCurrentUser } from "@cap/database/auth/session";
 import {
-	comments,
-	organizationMembers,
-	organizations,
-	sharedVideos,
-	spaces,
-	spaceVideos,
-	users,
-	videos,
-	videoUploads,
+  comments,
+  organizationMembers,
+  organizations,
+  sharedVideos,
+  spaces,
+  spaceVideos,
+  users,
+  videos,
+  videoUploads,
 } from "@cap/database/schema";
 import type { VideoMetadata } from "@cap/database/types";
 import { buildEnv } from "@cap/env";
 import { Logo } from "@cap/ui";
 import { userIsPro } from "@cap/utils";
 import {
-	Database,
-	ImageUploads,
-	provideOptionalAuth,
-	Videos,
+  Database,
+  ImageUploads,
+  provideOptionalAuth,
+  Videos,
 } from "@cap/web-backend";
 import { VideosPolicy } from "@cap/web-backend/src/Videos/VideosPolicy";
 import {
-	Comment,
-	type ImageUpload,
-	type Organisation,
-	Policy,
-	type Video,
+  Comment,
+  type Organisation,
+  Policy,
+  type Video,
 } from "@cap/web-domain";
 import { and, eq, type InferSelectModel, isNull, sql } from "drizzle-orm";
 import { Effect, Option } from "effect";
@@ -38,8 +37,8 @@ import { notFound } from "next/navigation";
 import { generateAiMetadata } from "@/actions/videos/generate-ai-metadata";
 import { getVideoAnalytics } from "@/actions/videos/get-analytics";
 import {
-	getDashboardData,
-	type OrganizationSettings,
+  getDashboardData,
+  type OrganizationSettings,
 } from "@/app/(org)/dashboard/dashboard-data";
 import { createNotification } from "@/lib/Notification";
 import * as EffectRuntime from "@/lib/server";
@@ -53,716 +52,720 @@ import { Share } from "./Share";
 
 // Helper function to fetch shared spaces data for a video
 async function getSharedSpacesForVideo(videoId: Video.VideoId) {
-	// Fetch space-level sharing
-	const spaceSharing = await db()
-		.select({
-			id: spaces.id,
-			name: spaces.name,
-			organizationId: spaces.organizationId,
-			iconUrl: organizations.iconUrl,
-		})
-		.from(spaceVideos)
-		.innerJoin(spaces, eq(spaceVideos.spaceId, spaces.id))
-		.innerJoin(organizations, eq(spaces.organizationId, organizations.id))
-		.where(eq(spaceVideos.videoId, videoId));
-
-	// Fetch organization-level sharing
-	const orgSharing = await db()
-		.select({
-			id: organizations.id,
-			name: organizations.name,
-			organizationId: organizations.id,
-			iconUrl: organizations.iconUrl,
-		})
-		.from(sharedVideos)
-		.innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
-		.where(eq(sharedVideos.videoId, videoId));
-
-	const sharedSpaces: Array<{
-		id: string;
-		name: string;
-		organizationId: string;
-		iconUrl?: string;
-	}> = [];
-
-	// Add space-level sharing
-	spaceSharing.forEach((space) => {
-		sharedSpaces.push({
-			id: space.id,
-			name: space.name,
-			organizationId: space.organizationId,
-			iconUrl: space.iconUrl || undefined,
-		});
-	});
-
-	// Add organization-level sharing
-	orgSharing.forEach((org) => {
-		sharedSpaces.push({
-			id: org.id,
-			name: org.name,
-			organizationId: org.organizationId,
-			iconUrl: org.iconUrl || undefined,
-		});
-	});
-
-	return sharedSpaces;
+  // Fetch space-level sharing
+  const spaceSharing = await db()
+    .select({
+      id: spaces.id,
+      name: spaces.name,
+      organizationId: spaces.organizationId,
+      iconUrl: organizations.iconUrl,
+    })
+    .from(spaceVideos)
+    .innerJoin(spaces, eq(spaceVideos.spaceId, spaces.id))
+    .innerJoin(organizations, eq(spaces.organizationId, organizations.id))
+    .where(eq(spaceVideos.videoId, videoId));
+
+  // Fetch organization-level sharing
+  const orgSharing = await db()
+    .select({
+      id: organizations.id,
+      name: organizations.name,
+      organizationId: organizations.id,
+      iconUrl: organizations.iconUrl,
+    })
+    .from(sharedVideos)
+    .innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
+    .where(eq(sharedVideos.videoId, videoId));
+
+  const sharedSpaces: Array<{
+    id: string;
+    name: string;
+    organizationId: string;
+    iconUrl?: string;
+  }> = [];
+
+  // Add space-level sharing
+  spaceSharing.forEach((space) => {
+    sharedSpaces.push({
+      id: space.id,
+      name: space.name,
+      organizationId: space.organizationId,
+      iconUrl: space.iconUrl || undefined,
+    });
+  });
+
+  // Add organization-level sharing
+  orgSharing.forEach((org) => {
+    sharedSpaces.push({
+      id: org.id,
+      name: org.name,
+      organizationId: org.organizationId,
+      iconUrl: org.iconUrl || undefined,
+    });
+  });
+
+  return sharedSpaces;
 }
 
 const ALLOWED_REFERRERS = [
-	"x.com",
-	"twitter.com",
-	"facebook.com",
-	"fb.com",
-	"slack.com",
-	"notion.so",
-	"linkedin.com",
+  "x.com",
+  "twitter.com",
+  "facebook.com",
+  "fb.com",
+  "slack.com",
+  "notion.so",
+  "linkedin.com",
 ];
 
+function PolicyDeniedView() {
+  return (
+    <div className="flex flex-col justify-center items-center p-4 min-h-screen text-center">
+      <Logo className="size-32" />
+      <h1 className="mb-2 text-2xl font-semibold">This video is private</h1>
+      <p className="text-gray-400">
+        If you own this video, please <Link href="/login">sign in</Link> to
+        manage sharing.
+      </p>
+    </div>
+  );
+}
+
+const renderPolicyDenied = (videoId: Video.VideoId) =>
+  Effect.succeed(<PolicyDeniedView key={videoId} />);
+
+const renderNoSuchElement = () => Effect.sync(() => notFound());
+
+const getShareVideoPageCatchers = (videoId: Video.VideoId) => ({
+  PolicyDenied: () => renderPolicyDenied(videoId),
+  NoSuchElementException: renderNoSuchElement,
+});
+
 export async function generateMetadata(
-	props: PageProps<"/s/[videoId]">,
+  props: PageProps<"/s/[videoId]">
 ): Promise<Metadata> {
-	const params = await props.params;
-	const videoId = params.videoId as Video.VideoId;
-
-	const referrer = (await headers()).get("x-referrer") || "";
-	const isAllowedReferrer = ALLOWED_REFERRERS.some((domain) =>
-		referrer.includes(domain),
-	);
-
-	return Effect.flatMap(Videos, (v) => v.getByIdForViewing(videoId)).pipe(
-		Effect.map(
-			Option.match({
-				onNone: () => notFound(),
-				onSome: ([video]) => ({
-					title: video.name + " | Cap Recording",
-					description: "Watch this video on Cap",
-					openGraph: {
-						images: [
-							{
-								url: new URL(
-									`/api/video/og?videoId=${videoId}`,
-									buildEnv.NEXT_PUBLIC_WEB_URL,
-								).toString(),
-								width: 1200,
-								height: 630,
-							},
-						],
-						videos: [
-							{
-								url: new URL(
-									`/api/playlist?videoId=${video.id}`,
-									buildEnv.NEXT_PUBLIC_WEB_URL,
-								).toString(),
-								width: 1280,
-								height: 720,
-								type: "video/mp4",
-							},
-						],
-					},
-					twitter: {
-						card: "player",
-						title: video.name + " | Cap Recording",
-						description: "Watch this video on Cap",
-						images: [
-							new URL(
-								`/api/video/og?videoId=${videoId}`,
-								buildEnv.NEXT_PUBLIC_WEB_URL,
-							).toString(),
-						],
-						players: {
-							playerUrl: new URL(
-								`/s/${videoId}`,
-								buildEnv.NEXT_PUBLIC_WEB_URL,
-							).toString(),
-							streamUrl: new URL(
-								`/api/playlist?videoId=${video.id}`,
-								buildEnv.NEXT_PUBLIC_WEB_URL,
-							).toString(),
-							width: 1280,
-							height: 720,
-						},
-					},
-					robots: isAllowedReferrer ? "index, follow" : "noindex, nofollow",
-				}),
-			}),
-		),
-		Effect.catchTags({
-			PolicyDenied: () =>
-				Effect.succeed({
-					title: "Cap: This video is private",
-					description: "This video is private and cannot be shared.",
-					openGraph: {
-						images: [
-							{
-								url: new URL(
-									`/api/video/og?videoId=${videoId}`,
-									buildEnv.NEXT_PUBLIC_WEB_URL,
-								).toString(),
-								width: 1200,
-								height: 630,
-							},
-						],
-						videos: [
-							{
-								url: new URL(
-									`/api/playlist?videoId=${videoId}`,
-									buildEnv.NEXT_PUBLIC_WEB_URL,
-								).toString(),
-								width: 1280,
-								height: 720,
-								type: "video/mp4",
-							},
-						],
-					},
-					robots: "noindex, nofollow",
-				}),
-			VerifyVideoPasswordError: () =>
-				Effect.succeed({
-					title: "Cap: Password Protected Video",
-					description: "This video is password protected.",
-					openGraph: {
-						images: [
-							{
-								url: new URL(
-									`/api/video/og?videoId=${videoId}`,
-									buildEnv.NEXT_PUBLIC_WEB_URL,
-								).toString(),
-								width: 1200,
-								height: 630,
-							},
-						],
-					},
-					twitter: {
-						card: "summary_large_image",
-						title: "Cap: Password Protected Video",
-						description: "This video is password protected.",
-						images: [
-							new URL(
-								`/api/video/og?videoId=${videoId}`,
-								buildEnv.NEXT_PUBLIC_WEB_URL,
-							).toString(),
-						],
-					},
-					robots: "noindex, nofollow",
-				}),
-		}),
-		provideOptionalAuth,
-		EffectRuntime.runPromise,
-	);
+  const params = await props.params;
+  const videoId = params.videoId as Video.VideoId;
+
+  const referrer = (await headers()).get("x-referrer") || "";
+  const isAllowedReferrer = ALLOWED_REFERRERS.some((domain) =>
+    referrer.includes(domain)
+  );
+
+  return Effect.flatMap(Videos, (v) => v.getByIdForViewing(videoId)).pipe(
+    Effect.map(
+      Option.match({
+        onNone: () => notFound(),
+        onSome: ([video]) => ({
+          title: `${video.name} | Cap Recording`,
+          description: "Watch this video on Cap",
+          openGraph: {
+            images: [
+              {
+                url: new URL(
+                  `/api/video/og?videoId=${videoId}`,
+                  buildEnv.NEXT_PUBLIC_WEB_URL
+                ).toString(),
+                width: 1200,
+                height: 630,
+              },
+            ],
+            videos: [
+              {
+                url: new URL(
+                  `/api/playlist?videoId=${video.id}`,
+                  buildEnv.NEXT_PUBLIC_WEB_URL
+                ).toString(),
+                width: 1280,
+                height: 720,
+                type: "video/mp4",
+              },
+            ],
+          },
+          twitter: {
+            card: "player",
+            title: `${video.name} | Cap Recording`,
+            description: "Watch this video on Cap",
+            images: [
+              new URL(
+                `/api/video/og?videoId=${videoId}`,
+                buildEnv.NEXT_PUBLIC_WEB_URL
+              ).toString(),
+            ],
+            players: {
+              playerUrl: new URL(
+                `/s/${videoId}`,
+                buildEnv.NEXT_PUBLIC_WEB_URL
+              ).toString(),
+              streamUrl: new URL(
+                `/api/playlist?videoId=${video.id}`,
+                buildEnv.NEXT_PUBLIC_WEB_URL
+              ).toString(),
+              width: 1280,
+              height: 720,
+            },
+          },
+          robots: isAllowedReferrer ? "index, follow" : "noindex, nofollow",
+        }),
+      })
+    ),
+    Effect.catchTags({
+      PolicyDenied: () =>
+        Effect.succeed({
+          title: "Cap: This video is private",
+          description: "This video is private and cannot be shared.",
+          openGraph: {
+            images: [
+              {
+                url: new URL(
+                  `/api/video/og?videoId=${videoId}`,
+                  buildEnv.NEXT_PUBLIC_WEB_URL
+                ).toString(),
+                width: 1200,
+                height: 630,
+              },
+            ],
+            videos: [
+              {
+                url: new URL(
+                  `/api/playlist?videoId=${videoId}`,
+                  buildEnv.NEXT_PUBLIC_WEB_URL
+                ).toString(),
+                width: 1280,
+                height: 720,
+                type: "video/mp4",
+              },
+            ],
+          },
+          robots: "noindex, nofollow",
+        }),
+      VerifyVideoPasswordError: () =>
+        Effect.succeed({
+          title: "Cap: Password Protected Video",
+          description: "This video is password protected.",
+          openGraph: {
+            images: [
+              {
+                url: new URL(
+                  `/api/video/og?videoId=${videoId}`,
+                  buildEnv.NEXT_PUBLIC_WEB_URL
+                ).toString(),
+                width: 1200,
+                height: 630,
+              },
+            ],
+          },
+          twitter: {
+            card: "summary_large_image",
+            title: "Cap: Password Protected Video",
+            description: "This video is password protected.",
+            images: [
+              new URL(
+                `/api/video/og?videoId=${videoId}`,
+                buildEnv.NEXT_PUBLIC_WEB_URL
+              ).toString(),
+            ],
+          },
+          robots: "noindex, nofollow",
+        }),
+    }),
+    provideOptionalAuth,
+    EffectRuntime.runPromise
+  );
 }
 
 export default async function ShareVideoPage(props: PageProps<"/s/[videoId]">) {
-	const params = await props.params;
-	const searchParams = await props.searchParams;
-	const videoId = params.videoId as Video.VideoId;
-
-	return Effect.gen(function* () {
-		const videosPolicy = yield* VideosPolicy;
-
-		const [video] = yield* Effect.promise(() =>
-			db()
-				.select({
-					id: videos.id,
-					name: videos.name,
-					orgId: videos.orgId,
-					createdAt: videos.createdAt,
-					updatedAt: videos.updatedAt,
-					effectiveCreatedAt: videos.effectiveCreatedAt,
-					bucket: videos.bucket,
-					metadata: videos.metadata,
-					public: videos.public,
-					videoStartTime: videos.videoStartTime,
-					audioStartTime: videos.audioStartTime,
-					awsRegion: videos.awsRegion,
-					awsBucket: videos.awsBucket,
-					xStreamInfo: videos.xStreamInfo,
-					jobId: videos.jobId,
-					jobStatus: videos.jobStatus,
-					isScreenshot: videos.isScreenshot,
-					skipProcessing: videos.skipProcessing,
-					transcriptionStatus: videos.transcriptionStatus,
-					source: videos.source,
-					videoSettings: videos.settings,
-					width: videos.width,
-					height: videos.height,
-					duration: videos.duration,
-					fps: videos.fps,
-					hasPassword: sql`${videos.password} IS NOT NULL`.mapWith(Boolean),
-					sharedOrganization: {
-						organizationId: sharedVideos.organizationId,
-					},
-					orgSettings: organizations.settings,
-					hasActiveUpload: sql`${videoUploads.videoId} IS NOT NULL`.mapWith(
-						Boolean,
-					),
-					owner: users,
-				})
-				.from(videos)
-				.leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
-				.innerJoin(users, eq(videos.ownerId, users.id))
-				.leftJoin(videoUploads, eq(videos.id, videoUploads.videoId))
-				.leftJoin(organizations, eq(videos.orgId, organizations.id))
-				.where(and(eq(videos.id, videoId), isNull(organizations.tombstoneAt))),
-		).pipe(Policy.withPublicPolicy(videosPolicy.canView(videoId)));
-
-		return Option.fromNullable(video);
-	}).pipe(
-		Effect.flatten,
-		Effect.map((video) => ({ needsPassword: false, video }) as const),
-		Effect.catchTag("VerifyVideoPasswordError", () =>
-			Effect.succeed({ needsPassword: true } as const),
-		),
-		Effect.map((data) => (
-			<div key={videoId} className="flex flex-col min-h-screen bg-gray-2">
-				<PasswordOverlay isOpen={data.needsPassword} videoId={videoId} />
-				{!data.needsPassword && (
-					<AuthorizedContent video={data.video} searchParams={searchParams} />
-				)}
-			</div>
-		)),
-		Effect.catchTags({
-			PolicyDenied: () =>
-				Effect.succeed(
-					<div
-						key={videoId}
-						className="flex flex-col justify-center items-center p-4 min-h-screen text-center"
-					>
-						<Logo className="size-32" />
-						<h1 className="mb-2 text-2xl font-semibold">
-							This video is private
-						</h1>
-						<p className="text-gray-400">
-							If you own this video, please <Link href="/login">sign in</Link>{" "}
-							to manage sharing.
-						</p>
-					</div>,
-				),
-			NoSuchElementException: () => Effect.sync(() => notFound()),
-		}),
-		provideOptionalAuth,
-		EffectRuntime.runPromise,
-	);
+  const params = await props.params;
+  const searchParams = await props.searchParams;
+  const videoId = params.videoId as Video.VideoId;
+
+  return Effect.gen(function* () {
+    const videosPolicy = yield* VideosPolicy;
+
+    const [video] = yield* Effect.promise(() =>
+      db()
+        .select({
+          id: videos.id,
+          name: videos.name,
+          orgId: videos.orgId,
+          createdAt: videos.createdAt,
+          updatedAt: videos.updatedAt,
+          effectiveCreatedAt: videos.effectiveCreatedAt,
+          bucket: videos.bucket,
+          metadata: videos.metadata,
+          public: videos.public,
+          videoStartTime: videos.videoStartTime,
+          audioStartTime: videos.audioStartTime,
+          awsRegion: videos.awsRegion,
+          awsBucket: videos.awsBucket,
+          xStreamInfo: videos.xStreamInfo,
+          jobId: videos.jobId,
+          jobStatus: videos.jobStatus,
+          isScreenshot: videos.isScreenshot,
+          skipProcessing: videos.skipProcessing,
+          transcriptionStatus: videos.transcriptionStatus,
+          source: videos.source,
+          videoSettings: videos.settings,
+          width: videos.width,
+          height: videos.height,
+          duration: videos.duration,
+          fps: videos.fps,
+          hasPassword: sql`${videos.password} IS NOT NULL`.mapWith(Boolean),
+          sharedOrganization: {
+            organizationId: sharedVideos.organizationId,
+          },
+          orgSettings: organizations.settings,
+          hasActiveUpload: sql`${videoUploads.videoId} IS NOT NULL`.mapWith(
+            Boolean
+          ),
+          owner: users,
+        })
+        .from(videos)
+        .leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
+        .innerJoin(users, eq(videos.ownerId, users.id))
+        .leftJoin(videoUploads, eq(videos.id, videoUploads.videoId))
+        .leftJoin(organizations, eq(videos.orgId, organizations.id))
+        .where(and(eq(videos.id, videoId), isNull(organizations.tombstoneAt)))
+    ).pipe(Policy.withPublicPolicy(videosPolicy.canView(videoId)));
+
+    return Option.fromNullable(video);
+  }).pipe(
+    Effect.flatten,
+    Effect.map((video) => ({ needsPassword: false, video } as const)),
+    Effect.catchTag("VerifyVideoPasswordError", () =>
+      Effect.succeed({ needsPassword: true } as const)
+    ),
+    Effect.map((data) => (
+      <div key={videoId} className="flex flex-col min-h-screen bg-gray-2">
+        <PasswordOverlay isOpen={data.needsPassword} videoId={videoId} />
+        {!data.needsPassword && (
+          <AuthorizedContent video={data.video} searchParams={searchParams} />
+        )}
+      </div>
+    )),
+    Effect.catchTags(getShareVideoPageCatchers(videoId)),
+    provideOptionalAuth,
+    EffectRuntime.runPromise
+  );
 }
 
 async function AuthorizedContent({
-	video,
-	searchParams,
+  video,
+  searchParams,
 }: {
-	video: Omit<
-		InferSelectModel<typeof videos>,
-		"folderId" | "password" | "settings" | "ownerId"
-	> & {
-		owner: InferSelectModel<typeof users>;
-		sharedOrganization: { organizationId: Organisation.OrganisationId } | null;
-		hasPassword: boolean;
-		orgSettings?: OrganizationSettings | null;
-		videoSettings?: OrganizationSettings | null;
-	};
-	searchParams: { [key: string]: string | string[] | undefined };
+  video: Omit<
+    InferSelectModel<typeof videos>,
+    "folderId" | "password" | "settings" | "ownerId"
+  > & {
+    owner: InferSelectModel<typeof users>;
+    sharedOrganization: { organizationId: Organisation.OrganisationId } | null;
+    hasPassword: boolean;
+    orgSettings?: OrganizationSettings | null;
+    videoSettings?: OrganizationSettings | null;
+  };
+  searchParams: { [key: string]: string | string[] | undefined };
 }) {
-	// will have already been fetched if auth is required
-	const user = await getCurrentUser();
-	const videoId = video.id;
-
-	if (user && video && user.id !== video.owner.id) {
-		try {
-			await createNotification({
-				type: "view",
-				videoId: video.id,
-				authorId: user.id,
-			});
-		} catch (error) {
-			console.warn("Failed to create view notification:", error);
-		}
-	}
-
-	const userId = user?.id;
-	const commentId = optionFromTOrFirst(searchParams.comment).pipe(
-		Option.map(Comment.CommentId.make),
-	);
-	const replyId = optionFromTOrFirst(searchParams.reply).pipe(
-		Option.map(Comment.CommentId.make),
-	);
-
-	// Fetch spaces data for the sharing dialog
-	let spacesData = null;
-	if (user) {
-		try {
-			const dashboardData = await getDashboardData(user);
-			spacesData = dashboardData.spacesData;
-		} catch (error) {
-			console.error("Failed to fetch spaces data for sharing dialog:", error);
-			spacesData = [];
-		}
-	}
-
-	// Fetch shared spaces data for this video
-	const sharedSpaces = await getSharedSpacesForVideo(videoId);
-
-	let aiGenerationEnabled = false;
-	const videoOwnerQuery = await db()
-		.select({
-			email: users.email,
-			stripeSubscriptionStatus: users.stripeSubscriptionStatus,
-		})
-		.from(users)
-		.where(eq(users.id, video.owner.id))
-		.limit(1);
-
-	if (videoOwnerQuery.length > 0 && videoOwnerQuery[0]) {
-		const videoOwner = videoOwnerQuery[0];
-		aiGenerationEnabled = await isAiGenerationEnabled(videoOwner);
-	}
-
-	if (video.sharedOrganization?.organizationId) {
-		const organization = await db()
-			.select()
-			.from(organizations)
-			.where(eq(organizations.id, video.sharedOrganization.organizationId))
-			.limit(1);
-
-		if (organization[0]?.allowedEmailDomain) {
-			if (
-				!user?.email ||
-				!user.email.endsWith(`@${organization[0].allowedEmailDomain}`)
-			) {
-				console.log(
-					"[ShareVideoPage] Access denied - domain restriction:",
-					organization[0].allowedEmailDomain,
-				);
-				return (
-					<div className="flex flex-col justify-center items-center p-4 min-h-screen text-center">
-						<h1 className="mb-4 text-2xl font-bold">Access Restricted</h1>
-						<p className="mb-2 text-gray-10">
-							This video is only accessible to members of this organization.
-						</p>
-						<p className="text-gray-600">
-							Please sign in with your organization email address to access this
-							content.
-						</p>
-					</div>
-				);
-			}
-		}
-	}
-
-	if (
-		video.transcriptionStatus !== "COMPLETE" &&
-		video.transcriptionStatus !== "PROCESSING"
-	) {
-		console.log("[ShareVideoPage] Starting transcription for video:", videoId);
-		await transcribeVideo(videoId, video.owner.id, aiGenerationEnabled);
-
-		const updatedVideoQuery = await db()
-			.select({
-				id: videos.id,
-				name: videos.name,
-				createdAt: videos.createdAt,
-				updatedAt: videos.updatedAt,
-				effectiveCreatedAt: videos.effectiveCreatedAt,
-				bucket: videos.bucket,
-				metadata: videos.metadata,
-				public: videos.public,
-				videoStartTime: videos.videoStartTime,
-				audioStartTime: videos.audioStartTime,
-				xStreamInfo: videos.xStreamInfo,
-				jobId: videos.jobId,
-				jobStatus: videos.jobStatus,
-				isScreenshot: videos.isScreenshot,
-				skipProcessing: videos.skipProcessing,
-				transcriptionStatus: videos.transcriptionStatus,
-				source: videos.source,
-				sharedOrganization: {
-					organizationId: sharedVideos.organizationId,
-				},
-				orgSettings: organizations.settings,
-				videoSettings: videos.settings,
-			})
-			.from(videos)
-			.leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
-			.innerJoin(users, eq(videos.ownerId, users.id))
-			.leftJoin(organizations, eq(videos.orgId, organizations.id))
-			.where(eq(videos.id, videoId))
-			.execute();
-
-		if (updatedVideoQuery[0]) {
-			Object.assign(video, updatedVideoQuery[0]);
-			console.log(
-				"[ShareVideoPage] Updated transcription status:",
-				video.transcriptionStatus,
-			);
-		}
-	}
-
-	const currentMetadata = (video.metadata as VideoMetadata) || {};
-	const metadata = currentMetadata;
-	let initialAiData = null;
-
-	if (metadata.summary || metadata.chapters || metadata.aiTitle) {
-		initialAiData = {
-			title: metadata.aiTitle || null,
-			summary: metadata.summary || null,
-			chapters: metadata.chapters || null,
-			processing: metadata.aiProcessing || false,
-		};
-	} else if (metadata.aiProcessing) {
-		initialAiData = {
-			title: null,
-			summary: null,
-			chapters: null,
-			processing: true,
-		};
-	}
-
-	if (
-		video.transcriptionStatus === "COMPLETE" &&
-		!currentMetadata.aiProcessing &&
-		!currentMetadata.summary &&
-		!currentMetadata.chapters &&
-		// !currentMetadata.generationError &&
-		aiGenerationEnabled
-	) {
-		try {
-			generateAiMetadata(videoId, video.owner.id).catch((error) => {
-				console.error(
-					`[ShareVideoPage] Error generating AI metadata for video ${videoId}:`,
-					error,
-				);
-			});
-		} catch (error) {
-			console.error(
-				`[ShareVideoPage] Error starting AI metadata generation for video ${videoId}:`,
-				error,
-			);
-		}
-	}
-
-	const customDomainPromise = (async () => {
-		if (!user) {
-			return { customDomain: null, domainVerified: false };
-		}
-		const activeOrganizationId = user.activeOrganizationId;
-		if (!activeOrganizationId) {
-			return { customDomain: null, domainVerified: false };
-		}
-
-		// Fetch the active org
-		const orgArr = await db()
-			.select({
-				customDomain: organizations.customDomain,
-				domainVerified: organizations.domainVerified,
-			})
-			.from(organizations)
-			.where(eq(organizations.id, activeOrganizationId))
-			.limit(1);
-
-		const org = orgArr[0];
-		if (
-			org &&
-			org.customDomain &&
-			org.domainVerified !== null &&
-			user.id === video.owner.id
-		) {
-			return { customDomain: org.customDomain, domainVerified: true };
-		}
-		return { customDomain: null, domainVerified: false };
-	})();
-
-	const sharedOrganizationsPromise = db()
-		.select({ id: sharedVideos.organizationId, name: organizations.name })
-		.from(sharedVideos)
-		.innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
-		.where(eq(sharedVideos.videoId, videoId));
-
-	const userOrganizationsPromise = (async () => {
-		if (!userId) return [];
-
-		const [ownedOrganizations, memberOrganizations] = await Promise.all([
-			db()
-				.select({ id: organizations.id, name: organizations.name })
-				.from(organizations)
-				.where(eq(organizations.ownerId, userId)),
-			db()
-				.select({ id: organizations.id, name: organizations.name })
-				.from(organizations)
-				.innerJoin(
-					organizationMembers,
-					eq(organizations.id, organizationMembers.organizationId),
-				)
-				.where(eq(organizationMembers.userId, userId)),
-		]);
-
-		const allOrganizations = [...ownedOrganizations, ...memberOrganizations];
-		const uniqueOrganizationIds = new Set();
-
-		return allOrganizations.filter((organization) => {
-			if (uniqueOrganizationIds.has(organization.id)) return false;
-			uniqueOrganizationIds.add(organization.id);
-			return true;
-		});
-	})();
-
-	const membersListPromise = video.sharedOrganization?.organizationId
-		? db()
-				.select({ userId: organizationMembers.userId })
-				.from(organizationMembers)
-				.where(
-					eq(
-						organizationMembers.organizationId,
-						video.sharedOrganization.organizationId,
-					),
-				)
-		: Promise.resolve([]);
-
-	const commentsPromise = Effect.gen(function* () {
-		const db = yield* Database;
-		const imageUploads = yield* ImageUploads;
-
-		let toplLevelCommentId = Option.none<Comment.CommentId>();
-
-		if (Option.isSome(replyId)) {
-			const [parentComment] = yield* db.use((db) =>
-				db
-					.select({ parentCommentId: comments.parentCommentId })
-					.from(comments)
-					.where(eq(comments.id, replyId.value))
-					.limit(1),
-			);
-			toplLevelCommentId = Option.fromNullable(parentComment?.parentCommentId);
-		}
-
-		const commentToBringToTheTop = Option.orElse(
-			toplLevelCommentId,
-			() => commentId,
-		);
-
-		return yield* db
-			.use((db) =>
-				db
-					.select({
-						id: comments.id,
-						content: comments.content,
-						timestamp: comments.timestamp,
-						type: comments.type,
-						authorId: comments.authorId,
-						videoId: comments.videoId,
-						createdAt: comments.createdAt,
-						updatedAt: comments.updatedAt,
-						parentCommentId: comments.parentCommentId,
-						authorName: users.name,
-						authorImage: users.image,
-					})
-					.from(comments)
-					.leftJoin(users, eq(comments.authorId, users.id))
-					.where(eq(comments.videoId, videoId))
-					.orderBy(
-						Option.match(commentToBringToTheTop, {
-							onSome: (commentId) =>
-								sql`CASE WHEN ${comments.id} = ${commentId} THEN 0 ELSE 1 END, ${comments.createdAt}`,
-							onNone: () => comments.createdAt,
-						}),
-					),
-			)
-			.pipe(
-				Effect.map((comments) =>
-					comments.map(
-						Effect.fn(function* (c) {
-							return Object.assign(c, {
-								authorImage: yield* Option.fromNullable(c.authorImage).pipe(
-									Option.map(imageUploads.resolveImageUrl),
-									Effect.transposeOption,
-									Effect.map(Option.getOrNull),
-								),
-							});
-						}),
-					),
-				),
-				Effect.flatMap(Effect.all),
-			);
-	}).pipe(EffectRuntime.runPromise);
-
-	const viewsPromise = getVideoAnalytics(videoId).then((v) => v.count);
-
-	const [
-		membersList,
-		userOrganizations,
-		sharedOrganizations,
-		{ customDomain, domainVerified },
-	] = await Promise.all([
-		membersListPromise,
-		userOrganizationsPromise,
-		sharedOrganizationsPromise,
-		customDomainPromise,
-	]);
-
-	const videoWithOrganizationInfo = await Effect.gen(function* () {
-		const imageUploads = yield* ImageUploads;
-
-		return {
-			...video,
-			owner: {
-				id: video.owner.id,
-				name: video.owner.name,
-				isPro: userIsPro(video.owner),
-				image: video.owner.image
-					? yield* imageUploads.resolveImageUrl(video.owner.image)
-					: null,
-			},
-			organization: {
-				organizationMembers: membersList.map((member) => member.userId),
-				organizationId: video.sharedOrganization?.organizationId ?? undefined,
-			},
-			sharedOrganizations: sharedOrganizations,
-			password: null,
-			folderId: null,
-			orgSettings: video.orgSettings || null,
-			settings: video.videoSettings || null,
-		};
-	}).pipe(runPromise);
-
-	return (
-		<>
-			<div className="container flex-1 px-4 mx-auto">
-				<ShareHeader
-					data={{
-						...videoWithOrganizationInfo,
-						createdAt: video.metadata?.customCreatedAt
-							? new Date(video.metadata.customCreatedAt)
-							: video.createdAt,
-					}}
-					customDomain={customDomain}
-					domainVerified={domainVerified}
-					sharedOrganizations={
-						videoWithOrganizationInfo.sharedOrganizations || []
-					}
-					sharedSpaces={sharedSpaces}
-					userOrganizations={userOrganizations}
-					spacesData={spacesData}
-				/>
-
-				<Share
-					data={videoWithOrganizationInfo}
-					videoSettings={videoWithOrganizationInfo.settings}
-					comments={commentsPromise}
-					views={viewsPromise}
-					customDomain={customDomain}
-					domainVerified={domainVerified}
-					userOrganizations={userOrganizations}
-					viewerId={user?.id ?? null}
-					initialAiData={initialAiData}
-					aiGenerationEnabled={aiGenerationEnabled}
-				/>
-			</div>
-			<div className="py-4 mt-auto">
-				<a
-					target="_blank"
-					href={`/?ref=video_${video.id}`}
-					className="flex justify-center items-center px-4 py-2 mx-auto mb-2 space-x-2 bg-white rounded-full border border-gray-5 w-fit"
-				>
-					<span className="text-sm">Recorded with</span>
-					<Logo className="w-14 h-auto" />
-				</a>
-			</div>
-		</>
-	);
+  // will have already been fetched if auth is required
+  const user = await getCurrentUser();
+  const videoId = video.id;
+
+  if (user && video && user.id !== video.owner.id) {
+    try {
+      await createNotification({
+        type: "view",
+        videoId: video.id,
+        authorId: user.id,
+      });
+    } catch (error) {
+      console.warn("Failed to create view notification:", error);
+    }
+  }
+
+  const userId = user?.id;
+  const commentId = optionFromTOrFirst(searchParams.comment).pipe(
+    Option.map(Comment.CommentId.make)
+  );
+  const replyId = optionFromTOrFirst(searchParams.reply).pipe(
+    Option.map(Comment.CommentId.make)
+  );
+
+  // Fetch spaces data for the sharing dialog
+  let spacesData = null;
+  if (user) {
+    try {
+      const dashboardData = await getDashboardData(user);
+      spacesData = dashboardData.spacesData;
+    } catch (error) {
+      console.error("Failed to fetch spaces data for sharing dialog:", error);
+      spacesData = [];
+    }
+  }
+
+  // Fetch shared spaces data for this video
+  const sharedSpaces = await getSharedSpacesForVideo(videoId);
+
+  let aiGenerationEnabled = false;
+  const videoOwnerQuery = await db()
+    .select({
+      email: users.email,
+      stripeSubscriptionStatus: users.stripeSubscriptionStatus,
+    })
+    .from(users)
+    .where(eq(users.id, video.owner.id))
+    .limit(1);
+
+  if (videoOwnerQuery.length > 0 && videoOwnerQuery[0]) {
+    const videoOwner = videoOwnerQuery[0];
+    aiGenerationEnabled = await isAiGenerationEnabled(videoOwner);
+  }
+
+  if (video.sharedOrganization?.organizationId) {
+    const organization = await db()
+      .select()
+      .from(organizations)
+      .where(eq(organizations.id, video.sharedOrganization.organizationId))
+      .limit(1);
+
+    if (organization[0]?.allowedEmailDomain) {
+      if (
+        !user?.email ||
+        !user.email.endsWith(`@${organization[0].allowedEmailDomain}`)
+      ) {
+        console.log(
+          "[ShareVideoPage] Access denied - domain restriction:",
+          organization[0].allowedEmailDomain
+        );
+        return (
+          <div className="flex flex-col justify-center items-center p-4 min-h-screen text-center">
+            <h1 className="mb-4 text-2xl font-bold">Access Restricted</h1>
+            <p className="mb-2 text-gray-10">
+              This video is only accessible to members of this organization.
+            </p>
+            <p className="text-gray-600">
+              Please sign in with your organization email address to access this
+              content.
+            </p>
+          </div>
+        );
+      }
+    }
+  }
+
+  if (
+    video.transcriptionStatus !== "COMPLETE" &&
+    video.transcriptionStatus !== "PROCESSING"
+  ) {
+    console.log("[ShareVideoPage] Starting transcription for video:", videoId);
+    await transcribeVideo(videoId, video.owner.id, aiGenerationEnabled);
+
+    const updatedVideoQuery = await db()
+      .select({
+        id: videos.id,
+        name: videos.name,
+        createdAt: videos.createdAt,
+        updatedAt: videos.updatedAt,
+        effectiveCreatedAt: videos.effectiveCreatedAt,
+        bucket: videos.bucket,
+        metadata: videos.metadata,
+        public: videos.public,
+        videoStartTime: videos.videoStartTime,
+        audioStartTime: videos.audioStartTime,
+        xStreamInfo: videos.xStreamInfo,
+        jobId: videos.jobId,
+        jobStatus: videos.jobStatus,
+        isScreenshot: videos.isScreenshot,
+        skipProcessing: videos.skipProcessing,
+        transcriptionStatus: videos.transcriptionStatus,
+        source: videos.source,
+        sharedOrganization: {
+          organizationId: sharedVideos.organizationId,
+        },
+        orgSettings: organizations.settings,
+        videoSettings: videos.settings,
+      })
+      .from(videos)
+      .leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
+      .innerJoin(users, eq(videos.ownerId, users.id))
+      .leftJoin(organizations, eq(videos.orgId, organizations.id))
+      .where(eq(videos.id, videoId))
+      .execute();
+
+    if (updatedVideoQuery[0]) {
+      Object.assign(video, updatedVideoQuery[0]);
+      console.log(
+        "[ShareVideoPage] Updated transcription status:",
+        video.transcriptionStatus
+      );
+    }
+  }
+
+  const currentMetadata = (video.metadata as VideoMetadata) || {};
+  const metadata = currentMetadata;
+  let initialAiData = null;
+
+  if (metadata.summary || metadata.chapters || metadata.aiTitle) {
+    initialAiData = {
+      title: metadata.aiTitle || null,
+      summary: metadata.summary || null,
+      chapters: metadata.chapters || null,
+      processing: metadata.aiProcessing || false,
+    };
+  } else if (metadata.aiProcessing) {
+    initialAiData = {
+      title: null,
+      summary: null,
+      chapters: null,
+      processing: true,
+    };
+  }
+
+  if (
+    video.transcriptionStatus === "COMPLETE" &&
+    !currentMetadata.aiProcessing &&
+    !currentMetadata.summary &&
+    !currentMetadata.chapters &&
+    // !currentMetadata.generationError &&
+    aiGenerationEnabled
+  ) {
+    try {
+      generateAiMetadata(videoId, video.owner.id).catch((error) => {
+        console.error(
+          `[ShareVideoPage] Error generating AI metadata for video ${videoId}:`,
+          error
+        );
+      });
+    } catch (error) {
+      console.error(
+        `[ShareVideoPage] Error starting AI metadata generation for video ${videoId}:`,
+        error
+      );
+    }
+  }
+
+  const customDomainPromise = (async () => {
+    if (!user) {
+      return { customDomain: null, domainVerified: false };
+    }
+    const activeOrganizationId = user.activeOrganizationId;
+    if (!activeOrganizationId) {
+      return { customDomain: null, domainVerified: false };
+    }
+
+    // Fetch the active org
+    const orgArr = await db()
+      .select({
+        customDomain: organizations.customDomain,
+        domainVerified: organizations.domainVerified,
+      })
+      .from(organizations)
+      .where(eq(organizations.id, activeOrganizationId))
+      .limit(1);
+
+    const org = orgArr[0];
+    if (
+      org?.customDomain &&
+      org.domainVerified !== null &&
+      user.id === video.owner.id
+    ) {
+      return { customDomain: org.customDomain, domainVerified: true };
+    }
+    return { customDomain: null, domainVerified: false };
+  })();
+
+  const sharedOrganizationsPromise = db()
+    .select({ id: sharedVideos.organizationId, name: organizations.name })
+    .from(sharedVideos)
+    .innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
+    .where(eq(sharedVideos.videoId, videoId));
+
+  const userOrganizationsPromise = (async () => {
+    if (!userId) return [];
+
+    const [ownedOrganizations, memberOrganizations] = await Promise.all([
+      db()
+        .select({ id: organizations.id, name: organizations.name })
+        .from(organizations)
+        .where(eq(organizations.ownerId, userId)),
+      db()
+        .select({ id: organizations.id, name: organizations.name })
+        .from(organizations)
+        .innerJoin(
+          organizationMembers,
+          eq(organizations.id, organizationMembers.organizationId)
+        )
+        .where(eq(organizationMembers.userId, userId)),
+    ]);
+
+    const allOrganizations = [...ownedOrganizations, ...memberOrganizations];
+    const uniqueOrganizationIds = new Set();
+
+    return allOrganizations.filter((organization) => {
+      if (uniqueOrganizationIds.has(organization.id)) return false;
+      uniqueOrganizationIds.add(organization.id);
+      return true;
+    });
+  })();
+
+  const membersListPromise = video.sharedOrganization?.organizationId
+    ? db()
+        .select({ userId: organizationMembers.userId })
+        .from(organizationMembers)
+        .where(
+          eq(
+            organizationMembers.organizationId,
+            video.sharedOrganization.organizationId
+          )
+        )
+    : Promise.resolve([]);
+
+  const commentsPromise = Effect.gen(function* () {
+    const db = yield* Database;
+    const imageUploads = yield* ImageUploads;
+
+    let toplLevelCommentId = Option.none<Comment.CommentId>();
+
+    if (Option.isSome(replyId)) {
+      const [parentComment] = yield* db.use((db) =>
+        db
+          .select({ parentCommentId: comments.parentCommentId })
+          .from(comments)
+          .where(eq(comments.id, replyId.value))
+          .limit(1)
+      );
+      toplLevelCommentId = Option.fromNullable(parentComment?.parentCommentId);
+    }
+
+    const commentToBringToTheTop = Option.orElse(
+      toplLevelCommentId,
+      () => commentId
+    );
+
+    return yield* db
+      .use((db) =>
+        db
+          .select({
+            id: comments.id,
+            content: comments.content,
+            timestamp: comments.timestamp,
+            type: comments.type,
+            authorId: comments.authorId,
+            videoId: comments.videoId,
+            createdAt: comments.createdAt,
+            updatedAt: comments.updatedAt,
+            parentCommentId: comments.parentCommentId,
+            authorName: users.name,
+            authorImage: users.image,
+          })
+          .from(comments)
+          .leftJoin(users, eq(comments.authorId, users.id))
+          .where(eq(comments.videoId, videoId))
+          .orderBy(
+            Option.match(commentToBringToTheTop, {
+              onSome: (commentId) =>
+                sql`CASE WHEN ${comments.id} = ${commentId} THEN 0 ELSE 1 END, ${comments.createdAt}`,
+              onNone: () => comments.createdAt,
+            })
+          )
+      )
+      .pipe(
+        Effect.map((comments) =>
+          comments.map(
+            Effect.fn(function* (c) {
+              return Object.assign(c, {
+                authorImage: yield* Option.fromNullable(c.authorImage).pipe(
+                  Option.map(imageUploads.resolveImageUrl),
+                  Effect.transposeOption,
+                  Effect.map(Option.getOrNull)
+                ),
+              });
+            })
+          )
+        ),
+        Effect.flatMap(Effect.all)
+      );
+  }).pipe(EffectRuntime.runPromise);
+
+  const viewsPromise = getVideoAnalytics(videoId).then((v) => v.count);
+
+  const [
+    membersList,
+    userOrganizations,
+    sharedOrganizations,
+    { customDomain, domainVerified },
+  ] = await Promise.all([
+    membersListPromise,
+    userOrganizationsPromise,
+    sharedOrganizationsPromise,
+    customDomainPromise,
+  ]);
+
+  const videoWithOrganizationInfo = await Effect.gen(function* () {
+    const imageUploads = yield* ImageUploads;
+
+    return {
+      ...video,
+      owner: {
+        id: video.owner.id,
+        name: video.owner.name,
+        isPro: userIsPro(video.owner),
+        image: video.owner.image
+          ? yield* imageUploads.resolveImageUrl(video.owner.image)
+          : null,
+      },
+      organization: {
+        organizationMembers: membersList.map((member) => member.userId),
+        organizationId: video.sharedOrganization?.organizationId ?? undefined,
+      },
+      sharedOrganizations: sharedOrganizations,
+      password: null,
+      folderId: null,
+      orgSettings: video.orgSettings || null,
+      settings: video.videoSettings || null,
+    };
+  }).pipe(runPromise);
+
+  return (
+    <>
+      <div className="container flex-1 px-4 mx-auto">
+        <ShareHeader
+          data={{
+            ...videoWithOrganizationInfo,
+            createdAt: video.metadata?.customCreatedAt
+              ? new Date(video.metadata.customCreatedAt)
+              : video.createdAt,
+          }}
+          customDomain={customDomain}
+          domainVerified={domainVerified}
+          sharedOrganizations={
+            videoWithOrganizationInfo.sharedOrganizations || []
+          }
+          sharedSpaces={sharedSpaces}
+          userOrganizations={userOrganizations}
+          spacesData={spacesData}
+        />
+
+        <Share
+          data={videoWithOrganizationInfo}
+          videoSettings={videoWithOrganizationInfo.settings}
+          comments={commentsPromise}
+          views={viewsPromise}
+          customDomain={customDomain}
+          domainVerified={domainVerified}
+          userOrganizations={userOrganizations}
+          viewerId={user?.id ?? null}
+          initialAiData={initialAiData}
+          aiGenerationEnabled={aiGenerationEnabled}
+        />
+      </div>
+      <div className="py-4 mt-auto">
+        <a
+          target="_blank"
+          href={`/?ref=video_${video.id}`}
+          className="flex justify-center items-center px-4 py-2 mx-auto mb-2 space-x-2 bg-white rounded-full border border-gray-5 w-fit"
+        >
+          <span className="text-sm">Recorded with</span>
+          <Logo className="w-14 h-auto" />
+        </a>
+      </div>
+    </>
+  );
 }
diff --git a/packages/web-backend/src/Videos/VideosRpcs.ts b/packages/web-backend/src/Videos/VideosRpcs.ts
index 5bcf1ea1df..d762b90211 100644
--- a/packages/web-backend/src/Videos/VideosRpcs.ts
+++ b/packages/web-backend/src/Videos/VideosRpcs.ts
@@ -1,4 +1,4 @@
-import { InternalError, Video } from "@cap/web-domain";
+import { InternalError, Policy, Video } from "@cap/web-domain";
 import { Effect, Exit, Schema, Unify } from "effect";
 
 import { provideOptionalAuth } from "../Auth.ts";
@@ -110,7 +110,23 @@ export const VideosRpcsLive = Video.VideoRpcs.toLayer(
 
 			VideosGetAnalytics: (videoIds) =>
 				videos.getAnalyticsBulk(videoIds).pipe(
-					Effect.map((results) => results.map((result) => Unify.unify(result))),
+					Effect.map((results) =>
+						results.map((result) =>
+							Exit.mapError(
+								Exit.map(result, (v) => ({ count: v.count } as const)),
+								(error) => {
+									if (Schema.is(Video.NotFoundError)(error)) return error;
+									if (Schema.is(Policy.PolicyDeniedError)(error)) return error;
+									if (Schema.is(Video.VerifyVideoPasswordError)(error))
+										return error;
+									return error as Video.NotFoundError | Policy.PolicyDeniedError | Video.VerifyVideoPasswordError;
+								},
+							),
+						) as readonly Exit.Exit<
+							{ readonly count: number },
+							Video.NotFoundError | Policy.PolicyDeniedError | Video.VerifyVideoPasswordError
+						>[],
+					),
 					provideOptionalAuth,
 					Effect.catchTag(
 						"DatabaseError",

From 4d081bd2e1b78030cdee8877fe1be5b456f4185a Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 04:55:23 +0000
Subject: [PATCH 19/23] Refactor nav item matching to use exactMatch flag

---
 .../dashboard/_components/Navbar/Items.tsx     | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
index a24547c079..4b2b41132d 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
@@ -62,7 +62,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 		{
 			name: "Analytics",
 			href: `/dashboard/analytics`,
-			ignoreParams: true,
+			exactMatch: true,
 			icon: <ChartLineIcon />,
 			subNav: [],
 		},
@@ -91,8 +91,8 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 	const [openAIDialog, setOpenAIDialog] = useState(false);
 	const router = useRouter();
 
-	const isPathActive = (path: string, ignoreParams: boolean = false) =>
-		ignoreParams ? pathname === path : pathname.includes(path);
+	const isPathActive = (path: string, exactMatch: boolean = false) =>
+		exactMatch ? pathname === path : pathname.includes(path);
 
 	const isDomainSetupVerified =
 		activeOrg?.organization.customDomain &&
@@ -282,7 +282,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 								key={item.name}
 								className="flex relative justify-center items-center mb-1.5 w-full"
 							>
-								{isPathActive(item.href, item.ignoreParams) && (
+					{isPathActive(item.href, item.exactMatch ?? false) && (
 									<motion.div
 										animate={{
 											width: sidebarCollapsed ? 36 : "100%",
@@ -311,7 +311,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 									toggleMobileNav={toggleMobileNav}
 									isPathActive={isPathActive}
 									extraText={item.extraText}
-									ignoreParams={item.ignoreParams ?? false}
+									exactMatch={item.exactMatch ?? false}
 								/>
 							</div>
 						))}
@@ -401,7 +401,7 @@ const NavItem = ({
 	sidebarCollapsed,
 	toggleMobileNav,
 	isPathActive,
-	ignoreParams,
+	exactMatch,
 	extraText,
 }: {
 	name: string;
@@ -413,9 +413,9 @@ const NavItem = ({
 	}>;
 	sidebarCollapsed: boolean;
 	toggleMobileNav?: () => void;
-	isPathActive: (path: string, ignoreParams: boolean) => boolean;
+	isPathActive: (path: string, exactMatch: boolean) => boolean;
 	extraText: number | null | undefined;
-	ignoreParams: boolean;
+	exactMatch: boolean;
 }) => {
 	const iconRef = useRef<CogIconHandle>(null);
 	return (
@@ -436,7 +436,7 @@ const NavItem = ({
 					sidebarCollapsed
 						? "flex justify-center items-center px-0 w-full size-9"
 						: "px-3 py-2 w-full",
-					isPathActive(href, ignoreParams)
+					isPathActive(href, exactMatch)
 						? "bg-transparent pointer-events-none"
 						: "hover:bg-gray-2",
 					"flex overflow-hidden justify-start items-center tracking-tight rounded-xl outline-none",

From c32195960abbb99c8ec0305f17109b89db6a1dfc Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 04:59:17 +0000
Subject: [PATCH 20/23] Refactor nav item path matching logic

---
 .../dashboard/_components/Navbar/Items.tsx    | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
index 4b2b41132d..af28097175 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
@@ -62,7 +62,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 		{
 			name: "Analytics",
 			href: `/dashboard/analytics`,
-			exactMatch: true,
+			matchChildren: true,
 			icon: <ChartLineIcon />,
 			subNav: [],
 		},
@@ -91,8 +91,13 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 	const [openAIDialog, setOpenAIDialog] = useState(false);
 	const router = useRouter();
 
-	const isPathActive = (path: string, exactMatch: boolean = false) =>
-		exactMatch ? pathname === path : pathname.includes(path);
+	const isPathActive = (path: string, matchChildren: boolean = false) => {
+		if (matchChildren) {
+			return pathname === path || pathname.startsWith(`${path}/`);
+		}
+
+		return pathname === path;
+	};
 
 	const isDomainSetupVerified =
 		activeOrg?.organization.customDomain &&
@@ -282,7 +287,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 								key={item.name}
 								className="flex relative justify-center items-center mb-1.5 w-full"
 							>
-					{isPathActive(item.href, item.exactMatch ?? false) && (
+					{isPathActive(item.href, item.matchChildren ?? false) && (
 									<motion.div
 										animate={{
 											width: sidebarCollapsed ? 36 : "100%",
@@ -311,7 +316,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 									toggleMobileNav={toggleMobileNav}
 									isPathActive={isPathActive}
 									extraText={item.extraText}
-									exactMatch={item.exactMatch ?? false}
+									matchChildren={item.matchChildren ?? false}
 								/>
 							</div>
 						))}
@@ -401,7 +406,7 @@ const NavItem = ({
 	sidebarCollapsed,
 	toggleMobileNav,
 	isPathActive,
-	exactMatch,
+	matchChildren,
 	extraText,
 }: {
 	name: string;
@@ -413,9 +418,9 @@ const NavItem = ({
 	}>;
 	sidebarCollapsed: boolean;
 	toggleMobileNav?: () => void;
-	isPathActive: (path: string, exactMatch: boolean) => boolean;
+	isPathActive: (path: string, matchChildren: boolean) => boolean;
 	extraText: number | null | undefined;
-	exactMatch: boolean;
+	matchChildren: boolean;
 }) => {
 	const iconRef = useRef<CogIconHandle>(null);
 	return (
@@ -436,7 +441,7 @@ const NavItem = ({
 					sidebarCollapsed
 						? "flex justify-center items-center px-0 w-full size-9"
 						: "px-3 py-2 w-full",
-					isPathActive(href, exactMatch)
+					isPathActive(href, matchChildren)
 						? "bg-transparent pointer-events-none"
 						: "hover:bg-gray-2",
 					"flex overflow-hidden justify-start items-center tracking-tight rounded-xl outline-none",

From 06d0060197c4babe68c78cafcd0ae935abfa40a3 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:05:52 +0000
Subject: [PATCH 21/23] Refactor analytics and sharing components

---
 .../dashboard/_components/Navbar/Items.tsx    |    2 +-
 .../components/AnalyticsDashboard.tsx         |   48 +-
 .../analytics/components/CompareFilters.tsx   |  193 ---
 apps/web/app/(org)/dashboard/caps/Caps.tsx    |  554 +++----
 apps/web/app/s/[videoId]/Share.tsx            |   10 +-
 apps/web/app/s/[videoId]/page.tsx             | 1420 ++++++++---------
 .../browsers/{maxthron.svg => maxthon.svg}    |    0
 packages/web-backend/src/Videos/VideosRpcs.ts |   39 +-
 .../pipes/analytics_sessions_mv_pipe.pipe     |    9 +-
 9 files changed, 1046 insertions(+), 1229 deletions(-)
 delete mode 100644 apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx
 rename apps/web/public/logos/browsers/{maxthron.svg => maxthon.svg} (100%)

diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
index af28097175..bbd498faea 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
@@ -287,7 +287,7 @@ const AdminNavItems = ({ toggleMobileNav }: Props) => {
 								key={item.name}
 								className="flex relative justify-center items-center mb-1.5 w-full"
 							>
-					{isPathActive(item.href, item.matchChildren ?? false) && (
+								{isPathActive(item.href, item.matchChildren ?? false) && (
 									<motion.div
 										animate={{
 											width: sidebarCollapsed ? 36 : "100%",
diff --git a/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
index d046afd817..5b8b663920 100644
--- a/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
+++ b/apps/web/app/(org)/dashboard/analytics/components/AnalyticsDashboard.tsx
@@ -1,9 +1,10 @@
 "use client";
 
 import type { Organisation } from "@cap/web-domain";
-import { useQuery } from "@tanstack/react-query";
+import { Effect } from "effect";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
+import { useEffectQuery } from "@/lib/EffectRuntime";
 import { useDashboardContext } from "../../Contexts";
 import type { AnalyticsRange, OrgAnalyticsResponse } from "../types";
 import Header from "./Header";
@@ -37,29 +38,38 @@ export function AnalyticsDashboard() {
 
 	const orgId = selectedOrgId || activeOrganization?.organization.id;
 
-	const query = useQuery<{ data: OrgAnalyticsResponse } | null>({
+	const query = useEffectQuery({
 		queryKey: ["dashboard-analytics", orgId, selectedSpaceId, range, capId],
-		queryFn: async () => {
-			if (!orgId) return null;
-			const url = new URL("/api/dashboard/analytics", window.location.origin);
-			url.searchParams.set("orgId", orgId);
-			url.searchParams.set("range", range);
-			if (selectedSpaceId) {
-				url.searchParams.set("spaceId", selectedSpaceId);
-			}
-			if (capId) {
-				url.searchParams.set("capId", capId);
-			}
-			const response = await fetch(url.toString(), { cache: "no-store" });
-			console.log("response", response);
-			if (!response.ok) throw new Error("Failed to load analytics");
-			return (await response.json()) as { data: OrgAnalyticsResponse };
-		},
+		queryFn: () =>
+			Effect.gen(function* () {
+				if (!orgId) return null;
+				const url = new URL("/api/dashboard/analytics", window.location.origin);
+				url.searchParams.set("orgId", orgId);
+				url.searchParams.set("range", range);
+				if (selectedSpaceId) {
+					url.searchParams.set("spaceId", selectedSpaceId);
+				}
+				if (capId) {
+					url.searchParams.set("capId", capId);
+				}
+				const response = yield* Effect.tryPromise({
+					try: () => fetch(url.toString(), { cache: "no-store" }),
+					catch: (cause: unknown) => cause as Error,
+				});
+				if (!response.ok) {
+					return yield* Effect.fail(new Error("Failed to load analytics"));
+				}
+				return yield* Effect.tryPromise({
+					try: () => response.json() as Promise<{ data: OrgAnalyticsResponse }>,
+					catch: (cause: unknown) => cause as Error,
+				});
+			}),
 		enabled: Boolean(orgId),
 		staleTime: 60 * 1000,
 	});
 
-	const analytics = query.data?.data;
+	const analytics = (query.data as { data: OrgAnalyticsResponse } | undefined)
+		?.data;
 
 	if (!orgId) {
 		return (
diff --git a/apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx b/apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx
deleted file mode 100644
index fa5c356097..0000000000
--- a/apps/web/app/(org)/dashboard/analytics/components/CompareFilters.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-"use client";
-
-import { faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { motion, useDragControls, useMotionValue } from "motion/react";
-import React, { useEffect, useRef, useState } from "react";
-
-const filterColorMap = {
-	views: "bg-blue-300",
-	comments: "bg-green-300",
-	reactions: "bg-red-300",
-	shares: "bg-yellow-300",
-	downloads: "bg-purple-300",
-	uploads: "bg-pink-300",
-	deletions: "bg-gray-300",
-	creations: "bg-orange-300",
-	edits: "bg-teal-300",
-} as const;
-
-const labelMap = {
-	views: "Views",
-	comments: "Comments",
-	reactions: "Reactions",
-	shares: "Shares",
-	downloads: "Downloads",
-	uploads: "Uploads",
-	deletions: "Deletions",
-	creations: "Creations",
-	edits: "Edits",
-} as const;
-
-export type FilterValue = keyof typeof filterColorMap;
-
-interface CompareDataFilterItemProps {
-	label: string;
-	value: FilterValue;
-	isInUse: boolean;
-	onDragStart: () => void;
-	onDragEnd: (x: number, y: number) => void;
-	onDrag: (x: number, y: number) => void;
-}
-
-export const CompareDataFilterItem = ({
-	label,
-	value,
-	isInUse,
-	onDragStart,
-	onDragEnd,
-	onDrag,
-}: CompareDataFilterItemProps) => {
-	const controls = useDragControls();
-	const x = useMotionValue(0);
-	const y = useMotionValue(0);
-	const elementRef = useRef<HTMLDivElement>(null);
-
-	const handleDragEnd = () => {
-		if (elementRef.current) {
-			const rect = elementRef.current.getBoundingClientRect();
-			const centerX = rect.left + rect.width / 2;
-			const centerY = rect.top + rect.height / 2;
-			onDragEnd(centerX, centerY);
-		}
-	};
-
-	const handleDrag = () => {
-		if (elementRef.current) {
-			const rect = elementRef.current.getBoundingClientRect();
-			const centerX = rect.left + rect.width / 2;
-			const centerY = rect.top + rect.height / 2;
-			onDrag(centerX, centerY);
-		}
-	};
-
-	if (isInUse) {
-		return null;
-	}
-
-	return (
-		<motion.div
-			ref={elementRef}
-			layoutId={`filter-${value}`}
-			drag
-			dragControls={controls}
-			dragSnapToOrigin
-			onPointerDown={(e) => controls.start(e)}
-			onDragStart={onDragStart}
-			onDrag={handleDrag}
-			style={{
-				x,
-				y,
-				touchAction: "none",
-			}}
-			layout="position"
-			initial={{ opacity: 0, scale: 0.8 }}
-			animate={{ opacity: 1, scale: 1, x: 0, y: 0 }}
-			exit={{ opacity: 0, scale: 0.8 }}
-			transition={{
-				layout: {
-					type: "spring",
-					stiffness: 600,
-					damping: 35,
-					mass: 0.8,
-				},
-				opacity: { duration: 0.15, ease: "easeInOut" },
-				scale: { duration: 0.15, ease: "easeInOut" },
-				x: { type: "spring", stiffness: 600, damping: 35 },
-				y: { type: "spring", stiffness: 600, damping: 35 },
-			}}
-			onDragEnd={handleDragEnd}
-			className={clsx(
-				"flex-1 px-2 h-6 rounded-full cursor-grab active:cursor-grabbing max-w-fit min-w-fit",
-				filterColorMap[value as keyof typeof filterColorMap] ?? "bg-gray-5",
-			)}
-		>
-			<p className="text-[11px] font-medium text-black">{label}</p>
-		</motion.div>
-	);
-};
-
-interface CompareDataDroppableProps {
-	id: string;
-	droppedValue: string | null;
-	onRemove: () => void;
-	isDragging: boolean;
-	dragPosition: { x: number; y: number };
-}
-
-export const CompareDataDroppable = React.forwardRef<
-	HTMLDivElement,
-	CompareDataDroppableProps
->(({ droppedValue, onRemove, isDragging, dragPosition }, ref) => {
-	const [isOver, setIsOver] = useState(false);
-
-	useEffect(() => {
-		if (!isDragging) {
-			setIsOver(false);
-			return;
-		}
-
-		const checkIsOver = () => {
-			if (ref && typeof ref !== "function" && ref.current) {
-				const rect = ref.current.getBoundingClientRect();
-				const over =
-					dragPosition.x >= rect.left &&
-					dragPosition.x <= rect.right &&
-					dragPosition.y >= rect.top &&
-					dragPosition.y <= rect.bottom;
-				setIsOver(over);
-			}
-		};
-
-		checkIsOver();
-	}, [isDragging, dragPosition, ref]);
-
-	return (
-		<div
-			ref={ref}
-			className={clsx(
-				"h-6 w-[100px] transition-all border rounded-full file:flex items-center",
-				isDragging && !isOver && !droppedValue
-					? "bg-gray-5 border-gray-11"
-					: isOver && isDragging
-						? "bg-transparent border-blue-500"
-						: !droppedValue
-							? "border-dashed border-gray-7"
-							: "border-transparent",
-			)}
-		>
-			{droppedValue && (
-				<div
-					className={clsx(
-						"flex items-center justify-between gap-1.5 px-2 h-6 rounded-full",
-						filterColorMap[droppedValue as keyof typeof filterColorMap] ??
-							"bg-gray-5",
-					)}
-				>
-					<p className="text-[11px] font-medium text-black">
-						{labelMap[droppedValue as keyof typeof labelMap] ?? droppedValue}
-					</p>
-					<button
-						type="button"
-						onClick={onRemove}
-						className="flex justify-center items-center h-full text-black transition-colors cursor-pointer hover:text-gray-700"
-						aria-label="Remove filter"
-					>
-						<FontAwesomeIcon icon={faXmark} className="text-black size-3" />
-					</button>
-				</div>
-			)}
-		</div>
-	);
-});
diff --git a/apps/web/app/(org)/dashboard/caps/Caps.tsx b/apps/web/app/(org)/dashboard/caps/Caps.tsx
index fc8a2b95ca..bb4a846e22 100644
--- a/apps/web/app/(org)/dashboard/caps/Caps.tsx
+++ b/apps/web/app/(org)/dashboard/caps/Caps.tsx
@@ -13,11 +13,11 @@ import { useEffectMutation, useRpcClient } from "@/lib/EffectRuntime";
 import { useVideosAnalyticsQuery } from "@/lib/Queries/Analytics";
 import { useDashboardContext } from "../Contexts";
 import {
-  NewFolderDialog,
-  SelectedCapsBar,
-  UploadCapButton,
-  UploadPlaceholderCard,
-  WebRecorderDialog,
+	NewFolderDialog,
+	SelectedCapsBar,
+	UploadCapButton,
+	UploadPlaceholderCard,
+	WebRecorderDialog,
 } from "./components";
 import { CapCard } from "./components/CapCard/CapCard";
 import { CapPagination } from "./components/CapPagination";
@@ -27,306 +27,306 @@ import Folder from "./components/Folder";
 import { useUploadingStatus } from "./UploadingContext";
 
 export type VideoData = {
-  id: Video.VideoId;
-  ownerId: string;
-  name: string;
-  createdAt: Date;
-  public: boolean;
-  totalComments: number;
-  totalReactions: number;
-  foldersData: FolderDataType[];
-  sharedOrganizations: {
-    id: string;
-    name: string;
-    iconUrl?: ImageUpload.ImageUrl | null;
-  }[];
-  sharedSpaces?: {
-    id: string;
-    name: string;
-    isOrg: boolean;
-    organizationId: string;
-  }[];
-  ownerName: string;
-  metadata?: VideoMetadata;
-  hasPassword: boolean;
-  hasActiveUpload: boolean;
+	id: Video.VideoId;
+	ownerId: string;
+	name: string;
+	createdAt: Date;
+	public: boolean;
+	totalComments: number;
+	totalReactions: number;
+	foldersData: FolderDataType[];
+	sharedOrganizations: {
+		id: string;
+		name: string;
+		iconUrl?: ImageUpload.ImageUrl | null;
+	}[];
+	sharedSpaces?: {
+		id: string;
+		name: string;
+		isOrg: boolean;
+		organizationId: string;
+	}[];
+	ownerName: string;
+	metadata?: VideoMetadata;
+	hasPassword: boolean;
+	hasActiveUpload: boolean;
 }[];
 
 export const Caps = ({
-  data,
-  count,
-  analyticsEnabled,
-  folders,
+	data,
+	count,
+	analyticsEnabled,
+	folders,
 }: {
-  data: VideoData;
-  count: number;
-  folders: FolderDataType[];
-  analyticsEnabled: boolean;
+	data: VideoData;
+	count: number;
+	folders: FolderDataType[];
+	analyticsEnabled: boolean;
 }) => {
-  const router = useRouter();
-  const params = useSearchParams();
-  const page = Number(params.get("page")) || 1;
-  const { user } = useDashboardContext();
-  const limit = 15;
-  const [openNewFolderDialog, setOpenNewFolderDialog] = useState(false);
-  const totalPages = Math.ceil(count / limit);
-  const previousCountRef = useRef<number>(0);
-  const [selectedCaps, setSelectedCaps] = useState<Video.VideoId[]>([]);
-  const [isDraggingCap, setIsDraggingCap] = useState(false);
+	const router = useRouter();
+	const params = useSearchParams();
+	const page = Number(params.get("page")) || 1;
+	const { user } = useDashboardContext();
+	const limit = 15;
+	const [openNewFolderDialog, setOpenNewFolderDialog] = useState(false);
+	const totalPages = Math.ceil(count / limit);
+	const previousCountRef = useRef<number>(0);
+	const [selectedCaps, setSelectedCaps] = useState<Video.VideoId[]>([]);
+	const [isDraggingCap, setIsDraggingCap] = useState(false);
 
-  const anyCapSelected = selectedCaps.length > 0;
+	const anyCapSelected = selectedCaps.length > 0;
 
-  const analyticsQuery = useVideosAnalyticsQuery(
-    data.map((video) => video.id),
-    analyticsEnabled
-  );
-  const analytics: Partial<Record<Video.VideoId, number>> =
-    analyticsQuery.data || {};
-  const isLoadingAnalytics = analyticsEnabled && analyticsQuery.isLoading;
+	const analyticsQuery = useVideosAnalyticsQuery(
+		data.map((video) => video.id),
+		analyticsEnabled,
+	);
+	const analytics: Partial<Record<Video.VideoId, number>> =
+		analyticsQuery.data || {};
+	const isLoadingAnalytics = analyticsEnabled && analyticsQuery.isLoading;
 
-  const handleCapSelection = (capId: Video.VideoId) => {
-    setSelectedCaps((prev) => {
-      const newSelection = prev.includes(capId)
-        ? prev.filter((id) => id !== capId)
-        : [...prev, capId];
+	const handleCapSelection = (capId: Video.VideoId) => {
+		setSelectedCaps((prev) => {
+			const newSelection = prev.includes(capId)
+				? prev.filter((id) => id !== capId)
+				: [...prev, capId];
 
-      previousCountRef.current = prev.length;
+			previousCountRef.current = prev.length;
 
-      return newSelection;
-    });
-  };
+			return newSelection;
+		});
+	};
 
-  const rpc = useRpcClient() as {
-    VideoDelete: (id: Video.VideoId) => Effect.Effect<void, unknown, never>;
-  };
+	const rpc = useRpcClient() as {
+		VideoDelete: (id: Video.VideoId) => Effect.Effect<void, unknown, never>;
+	};
 
-  const { mutate: deleteCaps, isPending: isDeletingCaps } = useEffectMutation({
-    mutationFn: Effect.fn(function* (ids: Video.VideoId[]) {
-      if (ids.length === 0) return { success: 0 };
+	const { mutate: deleteCaps, isPending: isDeletingCaps } = useEffectMutation({
+		mutationFn: Effect.fn(function* (ids: Video.VideoId[]) {
+			if (ids.length === 0) return { success: 0 };
 
-      const results = yield* Effect.all(
-        ids.map((id) => rpc.VideoDelete(id).pipe(Effect.exit)),
-        { concurrency: 10 }
-      );
+			const results = yield* Effect.all(
+				ids.map((id) => rpc.VideoDelete(id).pipe(Effect.exit)),
+				{ concurrency: 10 },
+			);
 
-      const successCount = results.filter(Exit.isSuccess).length;
+			const successCount = results.filter(Exit.isSuccess).length;
 
-      const errorCount = ids.length - successCount;
+			const errorCount = ids.length - successCount;
 
-      if (successCount > 0 && errorCount > 0) {
-        return { success: successCount, error: errorCount };
-      } else if (successCount > 0) {
-        return { success: successCount };
-      } else {
-        return yield* Effect.fail(
-          new Error(
-            `Failed to delete ${errorCount} cap${errorCount === 1 ? "" : "s"}`
-          )
-        );
-      }
-    }),
-    onMutate: (ids: Video.VideoId[]) => {
-      toast.loading(
-        `Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`
-      );
-    },
-    onSuccess: (data: { success: number; error?: number }) => {
-      setSelectedCaps([]);
-      router.refresh();
-      if (data.error) {
-        toast.success(
-          `Successfully deleted ${data.success} cap${
-            data.success === 1 ? "" : "s"
-          }, but failed to delete ${data.error} cap${
-            data.error === 1 ? "" : "s"
-          }`
-        );
-      } else {
-        toast.success(
-          `Successfully deleted ${data.success} cap${
-            data.success === 1 ? "" : "s"
-          }`
-        );
-      }
-    },
-    onError: (error: unknown) => {
-      const message =
-        error instanceof Error
-          ? error.message
-          : "An error occurred while deleting caps";
-      toast.error(message);
-    },
-  });
+			if (successCount > 0 && errorCount > 0) {
+				return { success: successCount, error: errorCount };
+			} else if (successCount > 0) {
+				return { success: successCount };
+			} else {
+				return yield* Effect.fail(
+					new Error(
+						`Failed to delete ${errorCount} cap${errorCount === 1 ? "" : "s"}`,
+					),
+				);
+			}
+		}),
+		onMutate: (ids: Video.VideoId[]) => {
+			toast.loading(
+				`Deleting ${ids.length} cap${ids.length === 1 ? "" : "s"}...`,
+			);
+		},
+		onSuccess: (data: { success: number; error?: number }) => {
+			setSelectedCaps([]);
+			router.refresh();
+			if (data.error) {
+				toast.success(
+					`Successfully deleted ${data.success} cap${
+						data.success === 1 ? "" : "s"
+					}, but failed to delete ${data.error} cap${
+						data.error === 1 ? "" : "s"
+					}`,
+				);
+			} else {
+				toast.success(
+					`Successfully deleted ${data.success} cap${
+						data.success === 1 ? "" : "s"
+					}`,
+				);
+			}
+		},
+		onError: (error: unknown) => {
+			const message =
+				error instanceof Error
+					? error.message
+					: "An error occurred while deleting caps";
+			toast.error(message);
+		},
+	});
 
-  const { mutate: deleteCap, isPending: isDeletingCap } = useEffectMutation({
-    mutationFn: Effect.fn(function* (id: Video.VideoId) {
-      yield* rpc.VideoDelete(id);
-    }),
-    onSuccess: () => {
-      toast.success("Cap deleted successfully");
-      router.refresh();
-    },
-    onError: (_error: unknown) => toast.error("Failed to delete cap"),
-  });
+	const { mutate: deleteCap, isPending: isDeletingCap } = useEffectMutation({
+		mutationFn: Effect.fn(function* (id: Video.VideoId) {
+			yield* rpc.VideoDelete(id);
+		}),
+		onSuccess: () => {
+			toast.success("Cap deleted successfully");
+			router.refresh();
+		},
+		onError: (_error: unknown) => toast.error("Failed to delete cap"),
+	});
 
-  useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === "Escape" && selectedCaps.length > 0) {
-        setSelectedCaps([]);
-      }
+	useEffect(() => {
+		const handleKeyDown = (e: KeyboardEvent) => {
+			if (e.key === "Escape" && selectedCaps.length > 0) {
+				setSelectedCaps([]);
+			}
 
-      if (
-        (e.key === "Delete" || e.key === "Backspace") &&
-        selectedCaps.length > 0
-      ) {
-        if (e.key === "Backspace") {
-          e.preventDefault();
-        }
+			if (
+				(e.key === "Delete" || e.key === "Backspace") &&
+				selectedCaps.length > 0
+			) {
+				if (e.key === "Backspace") {
+					e.preventDefault();
+				}
 
-        if (
-          !["INPUT", "TEXTAREA", "SELECT"].includes(
-            document.activeElement?.tagName || ""
-          )
-        ) {
-          deleteCaps(selectedCaps);
-        }
-      }
+				if (
+					!["INPUT", "TEXTAREA", "SELECT"].includes(
+						document.activeElement?.tagName || "",
+					)
+				) {
+					deleteCaps(selectedCaps);
+				}
+			}
 
-      if (e.key === "a" && (e.ctrlKey || e.metaKey) && data.length > 0) {
-        if (
-          !["INPUT", "TEXTAREA", "SELECT"].includes(
-            document.activeElement?.tagName || ""
-          )
-        ) {
-          e.preventDefault();
-          setSelectedCaps(data.map((cap) => cap.id));
-        }
-      }
-    };
+			if (e.key === "a" && (e.ctrlKey || e.metaKey) && data.length > 0) {
+				if (
+					!["INPUT", "TEXTAREA", "SELECT"].includes(
+						document.activeElement?.tagName || "",
+					)
+				) {
+					e.preventDefault();
+					setSelectedCaps(data.map((cap) => cap.id));
+				}
+			}
+		};
 
-    window.addEventListener("keydown", handleKeyDown);
+		window.addEventListener("keydown", handleKeyDown);
 
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [selectedCaps, data, deleteCaps]);
+		return () => {
+			window.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [selectedCaps, data, deleteCaps]);
 
-  useEffect(() => {
-    const handleDragStart = () => setIsDraggingCap(true);
-    const handleDragEnd = () => setIsDraggingCap(false);
+	useEffect(() => {
+		const handleDragStart = () => setIsDraggingCap(true);
+		const handleDragEnd = () => setIsDraggingCap(false);
 
-    window.addEventListener("dragstart", handleDragStart);
-    window.addEventListener("dragend", handleDragEnd);
+		window.addEventListener("dragstart", handleDragStart);
+		window.addEventListener("dragend", handleDragEnd);
 
-    return () => {
-      window.removeEventListener("dragstart", handleDragStart);
-      window.removeEventListener("dragend", handleDragEnd);
-    };
-  }, []);
+		return () => {
+			window.removeEventListener("dragstart", handleDragStart);
+			window.removeEventListener("dragend", handleDragEnd);
+		};
+	}, []);
 
-  const [isUploading, uploadingCapId] = useUploadingStatus();
-  const visibleVideos = useMemo(
-    () =>
-      isUploading && uploadingCapId
-        ? data.filter((video) => video.id !== uploadingCapId)
-        : data,
-    [data, isUploading, uploadingCapId]
-  );
+	const [isUploading, uploadingCapId] = useUploadingStatus();
+	const visibleVideos = useMemo(
+		() =>
+			isUploading && uploadingCapId
+				? data.filter((video) => video.id !== uploadingCapId)
+				: data,
+		[data, isUploading, uploadingCapId],
+	);
 
-  if (count === 0 && folders.length === 0) return <EmptyCapState />;
+	if (count === 0 && folders.length === 0) return <EmptyCapState />;
 
-  return (
-    <div className="flex relative flex-col w-full h-full">
-      <NewFolderDialog
-        open={openNewFolderDialog}
-        onOpenChange={setOpenNewFolderDialog}
-      />
-      <div className="flex gap-3 items-center mb-10 w-full">
-        <Button
-          onClick={() => setOpenNewFolderDialog(true)}
-          size="sm"
-          variant="dark"
-          className="flex gap-2 items-center w-fit"
-        >
-          <FontAwesomeIcon className="size-3.5" icon={faFolderPlus} />
-          New Folder
-        </Button>
-        <UploadCapButton size="sm" />
-        <WebRecorderDialog />
-      </div>
-      {folders.length > 0 && (
-        <>
-          <div className="flex gap-3 items-center mb-6 w-full">
-            <h1 className="text-2xl font-medium text-gray-12">Folders</h1>
-          </div>
-          <div className="grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] gap-4 mb-10">
-            {folders.map((folder) => (
-              <Folder key={folder.id} {...folder} />
-            ))}
-          </div>
-        </>
-      )}
-      {visibleVideos.length > 0 && (
-        <>
-          <div className="flex justify-between items-center mb-6 w-full">
-            <h1 className="text-2xl font-medium text-gray-12">Videos</h1>
-          </div>
+	return (
+		<div className="flex relative flex-col w-full h-full">
+			<NewFolderDialog
+				open={openNewFolderDialog}
+				onOpenChange={setOpenNewFolderDialog}
+			/>
+			<div className="flex gap-3 items-center mb-10 w-full">
+				<Button
+					onClick={() => setOpenNewFolderDialog(true)}
+					size="sm"
+					variant="dark"
+					className="flex gap-2 items-center w-fit"
+				>
+					<FontAwesomeIcon className="size-3.5" icon={faFolderPlus} />
+					New Folder
+				</Button>
+				<UploadCapButton size="sm" />
+				<WebRecorderDialog />
+			</div>
+			{folders.length > 0 && (
+				<>
+					<div className="flex gap-3 items-center mb-6 w-full">
+						<h1 className="text-2xl font-medium text-gray-12">Folders</h1>
+					</div>
+					<div className="grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] gap-4 mb-10">
+						{folders.map((folder) => (
+							<Folder key={folder.id} {...folder} />
+						))}
+					</div>
+				</>
+			)}
+			{visibleVideos.length > 0 && (
+				<>
+					<div className="flex justify-between items-center mb-6 w-full">
+						<h1 className="text-2xl font-medium text-gray-12">Videos</h1>
+					</div>
 
-          <div className="grid grid-cols-1 gap-4 sm:gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
-            {isUploading && (
-              <UploadPlaceholderCard key={"upload-placeholder"} />
-            )}
-            {visibleVideos.map((video) => {
-              const videoAnalytics = analytics[video.id];
-              return (
-                <CapCard
-                  key={video.id}
-                  cap={video}
-                  analytics={videoAnalytics ?? 0}
-                  onDelete={() => {
-                    if (selectedCaps.length > 0) {
-                      deleteCaps(selectedCaps);
-                    } else {
-                      deleteCap(video.id);
-                    }
-                  }}
-                  userId={user?.id}
-                  isLoadingAnalytics={isLoadingAnalytics}
-                  isSelected={selectedCaps.includes(video.id)}
-                  anyCapSelected={anyCapSelected}
-                  onSelectToggle={() => handleCapSelection(video.id)}
-                />
-              );
-            })}
-          </div>
-        </>
-      )}
-      {(data.length > limit || data.length === limit || page !== 1) && (
-        <div className="mt-7">
-          <CapPagination currentPage={page} totalPages={totalPages} />
-        </div>
-      )}
-      <SelectedCapsBar
-        selectedCaps={selectedCaps}
-        setSelectedCaps={setSelectedCaps}
-        deleteSelectedCaps={() => deleteCaps(selectedCaps)}
-        isDeleting={isDeletingCaps || isDeletingCap}
-      />
-      {isDraggingCap && (
-        <div className="fixed inset-0 z-50 pointer-events-none">
-          <div className="flex justify-center items-center w-full h-full">
-            <div className="flex gap-2 items-center px-5 py-3 text-sm font-medium text-white rounded-xl bg-blue-12">
-              <FontAwesomeIcon
-                className="size-3.5 text-white opacity-50"
-                icon={faInfoCircle}
-              />
-              <p className="text-white">
-                Drag to a space to share or folder to move
-              </p>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
+					<div className="grid grid-cols-1 gap-4 sm:gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
+						{isUploading && (
+							<UploadPlaceholderCard key={"upload-placeholder"} />
+						)}
+						{visibleVideos.map((video) => {
+							const videoAnalytics = analytics[video.id];
+							return (
+								<CapCard
+									key={video.id}
+									cap={video}
+									analytics={videoAnalytics ?? 0}
+									onDelete={() => {
+										if (selectedCaps.length > 0) {
+											deleteCaps(selectedCaps);
+										} else {
+											deleteCap(video.id);
+										}
+									}}
+									userId={user?.id}
+									isLoadingAnalytics={isLoadingAnalytics}
+									isSelected={selectedCaps.includes(video.id)}
+									anyCapSelected={anyCapSelected}
+									onSelectToggle={() => handleCapSelection(video.id)}
+								/>
+							);
+						})}
+					</div>
+				</>
+			)}
+			{(data.length > limit || data.length === limit || page !== 1) && (
+				<div className="mt-7">
+					<CapPagination currentPage={page} totalPages={totalPages} />
+				</div>
+			)}
+			<SelectedCapsBar
+				selectedCaps={selectedCaps}
+				setSelectedCaps={setSelectedCaps}
+				deleteSelectedCaps={() => deleteCaps(selectedCaps)}
+				isDeleting={isDeletingCaps || isDeletingCap}
+			/>
+			{isDraggingCap && (
+				<div className="fixed inset-0 z-50 pointer-events-none">
+					<div className="flex justify-center items-center w-full h-full">
+						<div className="flex gap-2 items-center px-5 py-3 text-sm font-medium text-white rounded-xl bg-blue-12">
+							<FontAwesomeIcon
+								className="size-3.5 text-white opacity-50"
+								icon={faInfoCircle}
+							/>
+							<p className="text-white">
+								Drag to a space to share or folder to move
+							</p>
+						</div>
+					</div>
+				</div>
+			)}
+		</div>
+	);
 };
diff --git a/apps/web/app/s/[videoId]/Share.tsx b/apps/web/app/s/[videoId]/Share.tsx
index 442dc05199..b23fd6379e 100644
--- a/apps/web/app/s/[videoId]/Share.tsx
+++ b/apps/web/app/s/[videoId]/Share.tsx
@@ -119,21 +119,16 @@ const trackVideoView = (payload: {
 		}
 	}
 
-	const controller = new AbortController();
-
 	void fetch("/api/analytics/track", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: serializedBody,
-		signal: controller.signal,
 		keepalive: true,
 	}).catch((error) => {
 		if (error?.name !== "AbortError") {
 			console.warn("Failed to track analytics event", error);
 		}
 	});
-
-	return () => controller.abort();
 };
 
 interface ShareProps {
@@ -280,14 +275,11 @@ export const Share = ({
 			return;
 		}
 
-		const dispose = trackVideoView({
+		trackVideoView({
 			videoId: data.id,
 			orgId: data.orgId,
 			ownerId: data.owner.id,
 		});
-		return () => {
-			dispose?.();
-		};
 	}, [data.id, data.orgId, data.owner.id, viewerId]);
 
 	const shouldShowLoading = () => {
diff --git a/apps/web/app/s/[videoId]/page.tsx b/apps/web/app/s/[videoId]/page.tsx
index 7d1200faca..3e5d7a9b13 100644
--- a/apps/web/app/s/[videoId]/page.tsx
+++ b/apps/web/app/s/[videoId]/page.tsx
@@ -1,32 +1,32 @@
 import { db } from "@cap/database";
 import { getCurrentUser } from "@cap/database/auth/session";
 import {
-  comments,
-  organizationMembers,
-  organizations,
-  sharedVideos,
-  spaces,
-  spaceVideos,
-  users,
-  videos,
-  videoUploads,
+	comments,
+	organizationMembers,
+	organizations,
+	sharedVideos,
+	spaces,
+	spaceVideos,
+	users,
+	videos,
+	videoUploads,
 } from "@cap/database/schema";
 import type { VideoMetadata } from "@cap/database/types";
 import { buildEnv } from "@cap/env";
 import { Logo } from "@cap/ui";
 import { userIsPro } from "@cap/utils";
 import {
-  Database,
-  ImageUploads,
-  provideOptionalAuth,
-  Videos,
+	Database,
+	ImageUploads,
+	provideOptionalAuth,
+	Videos,
 } from "@cap/web-backend";
 import { VideosPolicy } from "@cap/web-backend/src/Videos/VideosPolicy";
 import {
-  Comment,
-  type Organisation,
-  Policy,
-  type Video,
+	Comment,
+	type Organisation,
+	Policy,
+	type Video,
 } from "@cap/web-domain";
 import { and, eq, type InferSelectModel, isNull, sql } from "drizzle-orm";
 import { Effect, Option } from "effect";
@@ -37,8 +37,8 @@ import { notFound } from "next/navigation";
 import { generateAiMetadata } from "@/actions/videos/generate-ai-metadata";
 import { getVideoAnalytics } from "@/actions/videos/get-analytics";
 import {
-  getDashboardData,
-  type OrganizationSettings,
+	getDashboardData,
+	type OrganizationSettings,
 } from "@/app/(org)/dashboard/dashboard-data";
 import { createNotification } from "@/lib/Notification";
 import * as EffectRuntime from "@/lib/server";
@@ -52,720 +52,720 @@ import { Share } from "./Share";
 
 // Helper function to fetch shared spaces data for a video
 async function getSharedSpacesForVideo(videoId: Video.VideoId) {
-  // Fetch space-level sharing
-  const spaceSharing = await db()
-    .select({
-      id: spaces.id,
-      name: spaces.name,
-      organizationId: spaces.organizationId,
-      iconUrl: organizations.iconUrl,
-    })
-    .from(spaceVideos)
-    .innerJoin(spaces, eq(spaceVideos.spaceId, spaces.id))
-    .innerJoin(organizations, eq(spaces.organizationId, organizations.id))
-    .where(eq(spaceVideos.videoId, videoId));
-
-  // Fetch organization-level sharing
-  const orgSharing = await db()
-    .select({
-      id: organizations.id,
-      name: organizations.name,
-      organizationId: organizations.id,
-      iconUrl: organizations.iconUrl,
-    })
-    .from(sharedVideos)
-    .innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
-    .where(eq(sharedVideos.videoId, videoId));
-
-  const sharedSpaces: Array<{
-    id: string;
-    name: string;
-    organizationId: string;
-    iconUrl?: string;
-  }> = [];
-
-  // Add space-level sharing
-  spaceSharing.forEach((space) => {
-    sharedSpaces.push({
-      id: space.id,
-      name: space.name,
-      organizationId: space.organizationId,
-      iconUrl: space.iconUrl || undefined,
-    });
-  });
-
-  // Add organization-level sharing
-  orgSharing.forEach((org) => {
-    sharedSpaces.push({
-      id: org.id,
-      name: org.name,
-      organizationId: org.organizationId,
-      iconUrl: org.iconUrl || undefined,
-    });
-  });
-
-  return sharedSpaces;
+	// Fetch space-level sharing
+	const spaceSharing = await db()
+		.select({
+			id: spaces.id,
+			name: spaces.name,
+			organizationId: spaces.organizationId,
+			iconUrl: organizations.iconUrl,
+		})
+		.from(spaceVideos)
+		.innerJoin(spaces, eq(spaceVideos.spaceId, spaces.id))
+		.innerJoin(organizations, eq(spaces.organizationId, organizations.id))
+		.where(eq(spaceVideos.videoId, videoId));
+
+	// Fetch organization-level sharing
+	const orgSharing = await db()
+		.select({
+			id: organizations.id,
+			name: organizations.name,
+			organizationId: organizations.id,
+			iconUrl: organizations.iconUrl,
+		})
+		.from(sharedVideos)
+		.innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
+		.where(eq(sharedVideos.videoId, videoId));
+
+	const sharedSpaces: Array<{
+		id: string;
+		name: string;
+		organizationId: string;
+		iconUrl?: string;
+	}> = [];
+
+	// Add space-level sharing
+	spaceSharing.forEach((space) => {
+		sharedSpaces.push({
+			id: space.id,
+			name: space.name,
+			organizationId: space.organizationId,
+			iconUrl: space.iconUrl || undefined,
+		});
+	});
+
+	// Add organization-level sharing
+	orgSharing.forEach((org) => {
+		sharedSpaces.push({
+			id: org.id,
+			name: org.name,
+			organizationId: org.organizationId,
+			iconUrl: org.iconUrl || undefined,
+		});
+	});
+
+	return sharedSpaces;
 }
 
 const ALLOWED_REFERRERS = [
-  "x.com",
-  "twitter.com",
-  "facebook.com",
-  "fb.com",
-  "slack.com",
-  "notion.so",
-  "linkedin.com",
+	"x.com",
+	"twitter.com",
+	"facebook.com",
+	"fb.com",
+	"slack.com",
+	"notion.so",
+	"linkedin.com",
 ];
 
 function PolicyDeniedView() {
-  return (
-    <div className="flex flex-col justify-center items-center p-4 min-h-screen text-center">
-      <Logo className="size-32" />
-      <h1 className="mb-2 text-2xl font-semibold">This video is private</h1>
-      <p className="text-gray-400">
-        If you own this video, please <Link href="/login">sign in</Link> to
-        manage sharing.
-      </p>
-    </div>
-  );
+	return (
+		<div className="flex flex-col justify-center items-center p-4 min-h-screen text-center">
+			<Logo className="size-32" />
+			<h1 className="mb-2 text-2xl font-semibold">This video is private</h1>
+			<p className="text-gray-400">
+				If you own this video, please <Link href="/login">sign in</Link> to
+				manage sharing.
+			</p>
+		</div>
+	);
 }
 
 const renderPolicyDenied = (videoId: Video.VideoId) =>
-  Effect.succeed(<PolicyDeniedView key={videoId} />);
+	Effect.succeed(<PolicyDeniedView key={videoId} />);
 
 const renderNoSuchElement = () => Effect.sync(() => notFound());
 
 const getShareVideoPageCatchers = (videoId: Video.VideoId) => ({
-  PolicyDenied: () => renderPolicyDenied(videoId),
-  NoSuchElementException: renderNoSuchElement,
+	PolicyDenied: () => renderPolicyDenied(videoId),
+	NoSuchElementException: renderNoSuchElement,
 });
 
 export async function generateMetadata(
-  props: PageProps<"/s/[videoId]">
+	props: PageProps<"/s/[videoId]">,
 ): Promise<Metadata> {
-  const params = await props.params;
-  const videoId = params.videoId as Video.VideoId;
-
-  const referrer = (await headers()).get("x-referrer") || "";
-  const isAllowedReferrer = ALLOWED_REFERRERS.some((domain) =>
-    referrer.includes(domain)
-  );
-
-  return Effect.flatMap(Videos, (v) => v.getByIdForViewing(videoId)).pipe(
-    Effect.map(
-      Option.match({
-        onNone: () => notFound(),
-        onSome: ([video]) => ({
-          title: `${video.name} | Cap Recording`,
-          description: "Watch this video on Cap",
-          openGraph: {
-            images: [
-              {
-                url: new URL(
-                  `/api/video/og?videoId=${videoId}`,
-                  buildEnv.NEXT_PUBLIC_WEB_URL
-                ).toString(),
-                width: 1200,
-                height: 630,
-              },
-            ],
-            videos: [
-              {
-                url: new URL(
-                  `/api/playlist?videoId=${video.id}`,
-                  buildEnv.NEXT_PUBLIC_WEB_URL
-                ).toString(),
-                width: 1280,
-                height: 720,
-                type: "video/mp4",
-              },
-            ],
-          },
-          twitter: {
-            card: "player",
-            title: `${video.name} | Cap Recording`,
-            description: "Watch this video on Cap",
-            images: [
-              new URL(
-                `/api/video/og?videoId=${videoId}`,
-                buildEnv.NEXT_PUBLIC_WEB_URL
-              ).toString(),
-            ],
-            players: {
-              playerUrl: new URL(
-                `/s/${videoId}`,
-                buildEnv.NEXT_PUBLIC_WEB_URL
-              ).toString(),
-              streamUrl: new URL(
-                `/api/playlist?videoId=${video.id}`,
-                buildEnv.NEXT_PUBLIC_WEB_URL
-              ).toString(),
-              width: 1280,
-              height: 720,
-            },
-          },
-          robots: isAllowedReferrer ? "index, follow" : "noindex, nofollow",
-        }),
-      })
-    ),
-    Effect.catchTags({
-      PolicyDenied: () =>
-        Effect.succeed({
-          title: "Cap: This video is private",
-          description: "This video is private and cannot be shared.",
-          openGraph: {
-            images: [
-              {
-                url: new URL(
-                  `/api/video/og?videoId=${videoId}`,
-                  buildEnv.NEXT_PUBLIC_WEB_URL
-                ).toString(),
-                width: 1200,
-                height: 630,
-              },
-            ],
-            videos: [
-              {
-                url: new URL(
-                  `/api/playlist?videoId=${videoId}`,
-                  buildEnv.NEXT_PUBLIC_WEB_URL
-                ).toString(),
-                width: 1280,
-                height: 720,
-                type: "video/mp4",
-              },
-            ],
-          },
-          robots: "noindex, nofollow",
-        }),
-      VerifyVideoPasswordError: () =>
-        Effect.succeed({
-          title: "Cap: Password Protected Video",
-          description: "This video is password protected.",
-          openGraph: {
-            images: [
-              {
-                url: new URL(
-                  `/api/video/og?videoId=${videoId}`,
-                  buildEnv.NEXT_PUBLIC_WEB_URL
-                ).toString(),
-                width: 1200,
-                height: 630,
-              },
-            ],
-          },
-          twitter: {
-            card: "summary_large_image",
-            title: "Cap: Password Protected Video",
-            description: "This video is password protected.",
-            images: [
-              new URL(
-                `/api/video/og?videoId=${videoId}`,
-                buildEnv.NEXT_PUBLIC_WEB_URL
-              ).toString(),
-            ],
-          },
-          robots: "noindex, nofollow",
-        }),
-    }),
-    provideOptionalAuth,
-    EffectRuntime.runPromise
-  );
+	const params = await props.params;
+	const videoId = params.videoId as Video.VideoId;
+
+	const referrer = (await headers()).get("x-referrer") || "";
+	const isAllowedReferrer = ALLOWED_REFERRERS.some((domain) =>
+		referrer.includes(domain),
+	);
+
+	return Effect.flatMap(Videos, (v) => v.getByIdForViewing(videoId)).pipe(
+		Effect.map(
+			Option.match({
+				onNone: () => notFound(),
+				onSome: ([video]) => ({
+					title: `${video.name} | Cap Recording`,
+					description: "Watch this video on Cap",
+					openGraph: {
+						images: [
+							{
+								url: new URL(
+									`/api/video/og?videoId=${videoId}`,
+									buildEnv.NEXT_PUBLIC_WEB_URL,
+								).toString(),
+								width: 1200,
+								height: 630,
+							},
+						],
+						videos: [
+							{
+								url: new URL(
+									`/api/playlist?videoId=${video.id}`,
+									buildEnv.NEXT_PUBLIC_WEB_URL,
+								).toString(),
+								width: 1280,
+								height: 720,
+								type: "video/mp4",
+							},
+						],
+					},
+					twitter: {
+						card: "player",
+						title: `${video.name} | Cap Recording`,
+						description: "Watch this video on Cap",
+						images: [
+							new URL(
+								`/api/video/og?videoId=${videoId}`,
+								buildEnv.NEXT_PUBLIC_WEB_URL,
+							).toString(),
+						],
+						players: {
+							playerUrl: new URL(
+								`/s/${videoId}`,
+								buildEnv.NEXT_PUBLIC_WEB_URL,
+							).toString(),
+							streamUrl: new URL(
+								`/api/playlist?videoId=${video.id}`,
+								buildEnv.NEXT_PUBLIC_WEB_URL,
+							).toString(),
+							width: 1280,
+							height: 720,
+						},
+					},
+					robots: isAllowedReferrer ? "index, follow" : "noindex, nofollow",
+				}),
+			}),
+		),
+		Effect.catchTags({
+			PolicyDenied: () =>
+				Effect.succeed({
+					title: "Cap: This video is private",
+					description: "This video is private and cannot be shared.",
+					openGraph: {
+						images: [
+							{
+								url: new URL(
+									`/api/video/og?videoId=${videoId}`,
+									buildEnv.NEXT_PUBLIC_WEB_URL,
+								).toString(),
+								width: 1200,
+								height: 630,
+							},
+						],
+						videos: [
+							{
+								url: new URL(
+									`/api/playlist?videoId=${videoId}`,
+									buildEnv.NEXT_PUBLIC_WEB_URL,
+								).toString(),
+								width: 1280,
+								height: 720,
+								type: "video/mp4",
+							},
+						],
+					},
+					robots: "noindex, nofollow",
+				}),
+			VerifyVideoPasswordError: () =>
+				Effect.succeed({
+					title: "Cap: Password Protected Video",
+					description: "This video is password protected.",
+					openGraph: {
+						images: [
+							{
+								url: new URL(
+									`/api/video/og?videoId=${videoId}`,
+									buildEnv.NEXT_PUBLIC_WEB_URL,
+								).toString(),
+								width: 1200,
+								height: 630,
+							},
+						],
+					},
+					twitter: {
+						card: "summary_large_image",
+						title: "Cap: Password Protected Video",
+						description: "This video is password protected.",
+						images: [
+							new URL(
+								`/api/video/og?videoId=${videoId}`,
+								buildEnv.NEXT_PUBLIC_WEB_URL,
+							).toString(),
+						],
+					},
+					robots: "noindex, nofollow",
+				}),
+		}),
+		provideOptionalAuth,
+		EffectRuntime.runPromise,
+	);
 }
 
 export default async function ShareVideoPage(props: PageProps<"/s/[videoId]">) {
-  const params = await props.params;
-  const searchParams = await props.searchParams;
-  const videoId = params.videoId as Video.VideoId;
-
-  return Effect.gen(function* () {
-    const videosPolicy = yield* VideosPolicy;
-
-    const [video] = yield* Effect.promise(() =>
-      db()
-        .select({
-          id: videos.id,
-          name: videos.name,
-          orgId: videos.orgId,
-          createdAt: videos.createdAt,
-          updatedAt: videos.updatedAt,
-          effectiveCreatedAt: videos.effectiveCreatedAt,
-          bucket: videos.bucket,
-          metadata: videos.metadata,
-          public: videos.public,
-          videoStartTime: videos.videoStartTime,
-          audioStartTime: videos.audioStartTime,
-          awsRegion: videos.awsRegion,
-          awsBucket: videos.awsBucket,
-          xStreamInfo: videos.xStreamInfo,
-          jobId: videos.jobId,
-          jobStatus: videos.jobStatus,
-          isScreenshot: videos.isScreenshot,
-          skipProcessing: videos.skipProcessing,
-          transcriptionStatus: videos.transcriptionStatus,
-          source: videos.source,
-          videoSettings: videos.settings,
-          width: videos.width,
-          height: videos.height,
-          duration: videos.duration,
-          fps: videos.fps,
-          hasPassword: sql`${videos.password} IS NOT NULL`.mapWith(Boolean),
-          sharedOrganization: {
-            organizationId: sharedVideos.organizationId,
-          },
-          orgSettings: organizations.settings,
-          hasActiveUpload: sql`${videoUploads.videoId} IS NOT NULL`.mapWith(
-            Boolean
-          ),
-          owner: users,
-        })
-        .from(videos)
-        .leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
-        .innerJoin(users, eq(videos.ownerId, users.id))
-        .leftJoin(videoUploads, eq(videos.id, videoUploads.videoId))
-        .leftJoin(organizations, eq(videos.orgId, organizations.id))
-        .where(and(eq(videos.id, videoId), isNull(organizations.tombstoneAt)))
-    ).pipe(Policy.withPublicPolicy(videosPolicy.canView(videoId)));
-
-    return Option.fromNullable(video);
-  }).pipe(
-    Effect.flatten,
-    Effect.map((video) => ({ needsPassword: false, video } as const)),
-    Effect.catchTag("VerifyVideoPasswordError", () =>
-      Effect.succeed({ needsPassword: true } as const)
-    ),
-    Effect.map((data) => (
-      <div key={videoId} className="flex flex-col min-h-screen bg-gray-2">
-        <PasswordOverlay isOpen={data.needsPassword} videoId={videoId} />
-        {!data.needsPassword && (
-          <AuthorizedContent video={data.video} searchParams={searchParams} />
-        )}
-      </div>
-    )),
-    Effect.catchTags(getShareVideoPageCatchers(videoId)),
-    provideOptionalAuth,
-    EffectRuntime.runPromise
-  );
+	const params = await props.params;
+	const searchParams = await props.searchParams;
+	const videoId = params.videoId as Video.VideoId;
+
+	return Effect.gen(function* () {
+		const videosPolicy = yield* VideosPolicy;
+
+		const [video] = yield* Effect.promise(() =>
+			db()
+				.select({
+					id: videos.id,
+					name: videos.name,
+					orgId: videos.orgId,
+					createdAt: videos.createdAt,
+					updatedAt: videos.updatedAt,
+					effectiveCreatedAt: videos.effectiveCreatedAt,
+					bucket: videos.bucket,
+					metadata: videos.metadata,
+					public: videos.public,
+					videoStartTime: videos.videoStartTime,
+					audioStartTime: videos.audioStartTime,
+					awsRegion: videos.awsRegion,
+					awsBucket: videos.awsBucket,
+					xStreamInfo: videos.xStreamInfo,
+					jobId: videos.jobId,
+					jobStatus: videos.jobStatus,
+					isScreenshot: videos.isScreenshot,
+					skipProcessing: videos.skipProcessing,
+					transcriptionStatus: videos.transcriptionStatus,
+					source: videos.source,
+					videoSettings: videos.settings,
+					width: videos.width,
+					height: videos.height,
+					duration: videos.duration,
+					fps: videos.fps,
+					hasPassword: sql`${videos.password} IS NOT NULL`.mapWith(Boolean),
+					sharedOrganization: {
+						organizationId: sharedVideos.organizationId,
+					},
+					orgSettings: organizations.settings,
+					hasActiveUpload: sql`${videoUploads.videoId} IS NOT NULL`.mapWith(
+						Boolean,
+					),
+					owner: users,
+				})
+				.from(videos)
+				.leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
+				.innerJoin(users, eq(videos.ownerId, users.id))
+				.leftJoin(videoUploads, eq(videos.id, videoUploads.videoId))
+				.leftJoin(organizations, eq(videos.orgId, organizations.id))
+				.where(and(eq(videos.id, videoId), isNull(organizations.tombstoneAt))),
+		).pipe(Policy.withPublicPolicy(videosPolicy.canView(videoId)));
+
+		return Option.fromNullable(video);
+	}).pipe(
+		Effect.flatten,
+		Effect.map((video) => ({ needsPassword: false, video }) as const),
+		Effect.catchTag("VerifyVideoPasswordError", () =>
+			Effect.succeed({ needsPassword: true } as const),
+		),
+		Effect.map((data) => (
+			<div key={videoId} className="flex flex-col min-h-screen bg-gray-2">
+				<PasswordOverlay isOpen={data.needsPassword} videoId={videoId} />
+				{!data.needsPassword && (
+					<AuthorizedContent video={data.video} searchParams={searchParams} />
+				)}
+			</div>
+		)),
+		Effect.catchTags(getShareVideoPageCatchers(videoId)),
+		provideOptionalAuth,
+		EffectRuntime.runPromise,
+	);
 }
 
 async function AuthorizedContent({
-  video,
-  searchParams,
+	video,
+	searchParams,
 }: {
-  video: Omit<
-    InferSelectModel<typeof videos>,
-    "folderId" | "password" | "settings" | "ownerId"
-  > & {
-    owner: InferSelectModel<typeof users>;
-    sharedOrganization: { organizationId: Organisation.OrganisationId } | null;
-    hasPassword: boolean;
-    orgSettings?: OrganizationSettings | null;
-    videoSettings?: OrganizationSettings | null;
-  };
-  searchParams: { [key: string]: string | string[] | undefined };
+	video: Omit<
+		InferSelectModel<typeof videos>,
+		"folderId" | "password" | "settings" | "ownerId"
+	> & {
+		owner: InferSelectModel<typeof users>;
+		sharedOrganization: { organizationId: Organisation.OrganisationId } | null;
+		hasPassword: boolean;
+		orgSettings?: OrganizationSettings | null;
+		videoSettings?: OrganizationSettings | null;
+	};
+	searchParams: { [key: string]: string | string[] | undefined };
 }) {
-  // will have already been fetched if auth is required
-  const user = await getCurrentUser();
-  const videoId = video.id;
-
-  if (user && video && user.id !== video.owner.id) {
-    try {
-      await createNotification({
-        type: "view",
-        videoId: video.id,
-        authorId: user.id,
-      });
-    } catch (error) {
-      console.warn("Failed to create view notification:", error);
-    }
-  }
-
-  const userId = user?.id;
-  const commentId = optionFromTOrFirst(searchParams.comment).pipe(
-    Option.map(Comment.CommentId.make)
-  );
-  const replyId = optionFromTOrFirst(searchParams.reply).pipe(
-    Option.map(Comment.CommentId.make)
-  );
-
-  // Fetch spaces data for the sharing dialog
-  let spacesData = null;
-  if (user) {
-    try {
-      const dashboardData = await getDashboardData(user);
-      spacesData = dashboardData.spacesData;
-    } catch (error) {
-      console.error("Failed to fetch spaces data for sharing dialog:", error);
-      spacesData = [];
-    }
-  }
-
-  // Fetch shared spaces data for this video
-  const sharedSpaces = await getSharedSpacesForVideo(videoId);
-
-  let aiGenerationEnabled = false;
-  const videoOwnerQuery = await db()
-    .select({
-      email: users.email,
-      stripeSubscriptionStatus: users.stripeSubscriptionStatus,
-    })
-    .from(users)
-    .where(eq(users.id, video.owner.id))
-    .limit(1);
-
-  if (videoOwnerQuery.length > 0 && videoOwnerQuery[0]) {
-    const videoOwner = videoOwnerQuery[0];
-    aiGenerationEnabled = await isAiGenerationEnabled(videoOwner);
-  }
-
-  if (video.sharedOrganization?.organizationId) {
-    const organization = await db()
-      .select()
-      .from(organizations)
-      .where(eq(organizations.id, video.sharedOrganization.organizationId))
-      .limit(1);
-
-    if (organization[0]?.allowedEmailDomain) {
-      if (
-        !user?.email ||
-        !user.email.endsWith(`@${organization[0].allowedEmailDomain}`)
-      ) {
-        console.log(
-          "[ShareVideoPage] Access denied - domain restriction:",
-          organization[0].allowedEmailDomain
-        );
-        return (
-          <div className="flex flex-col justify-center items-center p-4 min-h-screen text-center">
-            <h1 className="mb-4 text-2xl font-bold">Access Restricted</h1>
-            <p className="mb-2 text-gray-10">
-              This video is only accessible to members of this organization.
-            </p>
-            <p className="text-gray-600">
-              Please sign in with your organization email address to access this
-              content.
-            </p>
-          </div>
-        );
-      }
-    }
-  }
-
-  if (
-    video.transcriptionStatus !== "COMPLETE" &&
-    video.transcriptionStatus !== "PROCESSING"
-  ) {
-    console.log("[ShareVideoPage] Starting transcription for video:", videoId);
-    await transcribeVideo(videoId, video.owner.id, aiGenerationEnabled);
-
-    const updatedVideoQuery = await db()
-      .select({
-        id: videos.id,
-        name: videos.name,
-        createdAt: videos.createdAt,
-        updatedAt: videos.updatedAt,
-        effectiveCreatedAt: videos.effectiveCreatedAt,
-        bucket: videos.bucket,
-        metadata: videos.metadata,
-        public: videos.public,
-        videoStartTime: videos.videoStartTime,
-        audioStartTime: videos.audioStartTime,
-        xStreamInfo: videos.xStreamInfo,
-        jobId: videos.jobId,
-        jobStatus: videos.jobStatus,
-        isScreenshot: videos.isScreenshot,
-        skipProcessing: videos.skipProcessing,
-        transcriptionStatus: videos.transcriptionStatus,
-        source: videos.source,
-        sharedOrganization: {
-          organizationId: sharedVideos.organizationId,
-        },
-        orgSettings: organizations.settings,
-        videoSettings: videos.settings,
-      })
-      .from(videos)
-      .leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
-      .innerJoin(users, eq(videos.ownerId, users.id))
-      .leftJoin(organizations, eq(videos.orgId, organizations.id))
-      .where(eq(videos.id, videoId))
-      .execute();
-
-    if (updatedVideoQuery[0]) {
-      Object.assign(video, updatedVideoQuery[0]);
-      console.log(
-        "[ShareVideoPage] Updated transcription status:",
-        video.transcriptionStatus
-      );
-    }
-  }
-
-  const currentMetadata = (video.metadata as VideoMetadata) || {};
-  const metadata = currentMetadata;
-  let initialAiData = null;
-
-  if (metadata.summary || metadata.chapters || metadata.aiTitle) {
-    initialAiData = {
-      title: metadata.aiTitle || null,
-      summary: metadata.summary || null,
-      chapters: metadata.chapters || null,
-      processing: metadata.aiProcessing || false,
-    };
-  } else if (metadata.aiProcessing) {
-    initialAiData = {
-      title: null,
-      summary: null,
-      chapters: null,
-      processing: true,
-    };
-  }
-
-  if (
-    video.transcriptionStatus === "COMPLETE" &&
-    !currentMetadata.aiProcessing &&
-    !currentMetadata.summary &&
-    !currentMetadata.chapters &&
-    // !currentMetadata.generationError &&
-    aiGenerationEnabled
-  ) {
-    try {
-      generateAiMetadata(videoId, video.owner.id).catch((error) => {
-        console.error(
-          `[ShareVideoPage] Error generating AI metadata for video ${videoId}:`,
-          error
-        );
-      });
-    } catch (error) {
-      console.error(
-        `[ShareVideoPage] Error starting AI metadata generation for video ${videoId}:`,
-        error
-      );
-    }
-  }
-
-  const customDomainPromise = (async () => {
-    if (!user) {
-      return { customDomain: null, domainVerified: false };
-    }
-    const activeOrganizationId = user.activeOrganizationId;
-    if (!activeOrganizationId) {
-      return { customDomain: null, domainVerified: false };
-    }
-
-    // Fetch the active org
-    const orgArr = await db()
-      .select({
-        customDomain: organizations.customDomain,
-        domainVerified: organizations.domainVerified,
-      })
-      .from(organizations)
-      .where(eq(organizations.id, activeOrganizationId))
-      .limit(1);
-
-    const org = orgArr[0];
-    if (
-      org?.customDomain &&
-      org.domainVerified !== null &&
-      user.id === video.owner.id
-    ) {
-      return { customDomain: org.customDomain, domainVerified: true };
-    }
-    return { customDomain: null, domainVerified: false };
-  })();
-
-  const sharedOrganizationsPromise = db()
-    .select({ id: sharedVideos.organizationId, name: organizations.name })
-    .from(sharedVideos)
-    .innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
-    .where(eq(sharedVideos.videoId, videoId));
-
-  const userOrganizationsPromise = (async () => {
-    if (!userId) return [];
-
-    const [ownedOrganizations, memberOrganizations] = await Promise.all([
-      db()
-        .select({ id: organizations.id, name: organizations.name })
-        .from(organizations)
-        .where(eq(organizations.ownerId, userId)),
-      db()
-        .select({ id: organizations.id, name: organizations.name })
-        .from(organizations)
-        .innerJoin(
-          organizationMembers,
-          eq(organizations.id, organizationMembers.organizationId)
-        )
-        .where(eq(organizationMembers.userId, userId)),
-    ]);
-
-    const allOrganizations = [...ownedOrganizations, ...memberOrganizations];
-    const uniqueOrganizationIds = new Set();
-
-    return allOrganizations.filter((organization) => {
-      if (uniqueOrganizationIds.has(organization.id)) return false;
-      uniqueOrganizationIds.add(organization.id);
-      return true;
-    });
-  })();
-
-  const membersListPromise = video.sharedOrganization?.organizationId
-    ? db()
-        .select({ userId: organizationMembers.userId })
-        .from(organizationMembers)
-        .where(
-          eq(
-            organizationMembers.organizationId,
-            video.sharedOrganization.organizationId
-          )
-        )
-    : Promise.resolve([]);
-
-  const commentsPromise = Effect.gen(function* () {
-    const db = yield* Database;
-    const imageUploads = yield* ImageUploads;
-
-    let toplLevelCommentId = Option.none<Comment.CommentId>();
-
-    if (Option.isSome(replyId)) {
-      const [parentComment] = yield* db.use((db) =>
-        db
-          .select({ parentCommentId: comments.parentCommentId })
-          .from(comments)
-          .where(eq(comments.id, replyId.value))
-          .limit(1)
-      );
-      toplLevelCommentId = Option.fromNullable(parentComment?.parentCommentId);
-    }
-
-    const commentToBringToTheTop = Option.orElse(
-      toplLevelCommentId,
-      () => commentId
-    );
-
-    return yield* db
-      .use((db) =>
-        db
-          .select({
-            id: comments.id,
-            content: comments.content,
-            timestamp: comments.timestamp,
-            type: comments.type,
-            authorId: comments.authorId,
-            videoId: comments.videoId,
-            createdAt: comments.createdAt,
-            updatedAt: comments.updatedAt,
-            parentCommentId: comments.parentCommentId,
-            authorName: users.name,
-            authorImage: users.image,
-          })
-          .from(comments)
-          .leftJoin(users, eq(comments.authorId, users.id))
-          .where(eq(comments.videoId, videoId))
-          .orderBy(
-            Option.match(commentToBringToTheTop, {
-              onSome: (commentId) =>
-                sql`CASE WHEN ${comments.id} = ${commentId} THEN 0 ELSE 1 END, ${comments.createdAt}`,
-              onNone: () => comments.createdAt,
-            })
-          )
-      )
-      .pipe(
-        Effect.map((comments) =>
-          comments.map(
-            Effect.fn(function* (c) {
-              return Object.assign(c, {
-                authorImage: yield* Option.fromNullable(c.authorImage).pipe(
-                  Option.map(imageUploads.resolveImageUrl),
-                  Effect.transposeOption,
-                  Effect.map(Option.getOrNull)
-                ),
-              });
-            })
-          )
-        ),
-        Effect.flatMap(Effect.all)
-      );
-  }).pipe(EffectRuntime.runPromise);
-
-  const viewsPromise = getVideoAnalytics(videoId).then((v) => v.count);
-
-  const [
-    membersList,
-    userOrganizations,
-    sharedOrganizations,
-    { customDomain, domainVerified },
-  ] = await Promise.all([
-    membersListPromise,
-    userOrganizationsPromise,
-    sharedOrganizationsPromise,
-    customDomainPromise,
-  ]);
-
-  const videoWithOrganizationInfo = await Effect.gen(function* () {
-    const imageUploads = yield* ImageUploads;
-
-    return {
-      ...video,
-      owner: {
-        id: video.owner.id,
-        name: video.owner.name,
-        isPro: userIsPro(video.owner),
-        image: video.owner.image
-          ? yield* imageUploads.resolveImageUrl(video.owner.image)
-          : null,
-      },
-      organization: {
-        organizationMembers: membersList.map((member) => member.userId),
-        organizationId: video.sharedOrganization?.organizationId ?? undefined,
-      },
-      sharedOrganizations: sharedOrganizations,
-      password: null,
-      folderId: null,
-      orgSettings: video.orgSettings || null,
-      settings: video.videoSettings || null,
-    };
-  }).pipe(runPromise);
-
-  return (
-    <>
-      <div className="container flex-1 px-4 mx-auto">
-        <ShareHeader
-          data={{
-            ...videoWithOrganizationInfo,
-            createdAt: video.metadata?.customCreatedAt
-              ? new Date(video.metadata.customCreatedAt)
-              : video.createdAt,
-          }}
-          customDomain={customDomain}
-          domainVerified={domainVerified}
-          sharedOrganizations={
-            videoWithOrganizationInfo.sharedOrganizations || []
-          }
-          sharedSpaces={sharedSpaces}
-          userOrganizations={userOrganizations}
-          spacesData={spacesData}
-        />
-
-        <Share
-          data={videoWithOrganizationInfo}
-          videoSettings={videoWithOrganizationInfo.settings}
-          comments={commentsPromise}
-          views={viewsPromise}
-          customDomain={customDomain}
-          domainVerified={domainVerified}
-          userOrganizations={userOrganizations}
-          viewerId={user?.id ?? null}
-          initialAiData={initialAiData}
-          aiGenerationEnabled={aiGenerationEnabled}
-        />
-      </div>
-      <div className="py-4 mt-auto">
-        <a
-          target="_blank"
-          href={`/?ref=video_${video.id}`}
-          className="flex justify-center items-center px-4 py-2 mx-auto mb-2 space-x-2 bg-white rounded-full border border-gray-5 w-fit"
-        >
-          <span className="text-sm">Recorded with</span>
-          <Logo className="w-14 h-auto" />
-        </a>
-      </div>
-    </>
-  );
+	// will have already been fetched if auth is required
+	const user = await getCurrentUser();
+	const videoId = video.id;
+
+	if (user && video && user.id !== video.owner.id) {
+		try {
+			await createNotification({
+				type: "view",
+				videoId: video.id,
+				authorId: user.id,
+			});
+		} catch (error) {
+			console.warn("Failed to create view notification:", error);
+		}
+	}
+
+	const userId = user?.id;
+	const commentId = optionFromTOrFirst(searchParams.comment).pipe(
+		Option.map(Comment.CommentId.make),
+	);
+	const replyId = optionFromTOrFirst(searchParams.reply).pipe(
+		Option.map(Comment.CommentId.make),
+	);
+
+	// Fetch spaces data for the sharing dialog
+	let spacesData = null;
+	if (user) {
+		try {
+			const dashboardData = await getDashboardData(user);
+			spacesData = dashboardData.spacesData;
+		} catch (error) {
+			console.error("Failed to fetch spaces data for sharing dialog:", error);
+			spacesData = [];
+		}
+	}
+
+	// Fetch shared spaces data for this video
+	const sharedSpaces = await getSharedSpacesForVideo(videoId);
+
+	let aiGenerationEnabled = false;
+	const videoOwnerQuery = await db()
+		.select({
+			email: users.email,
+			stripeSubscriptionStatus: users.stripeSubscriptionStatus,
+		})
+		.from(users)
+		.where(eq(users.id, video.owner.id))
+		.limit(1);
+
+	if (videoOwnerQuery.length > 0 && videoOwnerQuery[0]) {
+		const videoOwner = videoOwnerQuery[0];
+		aiGenerationEnabled = await isAiGenerationEnabled(videoOwner);
+	}
+
+	if (video.sharedOrganization?.organizationId) {
+		const organization = await db()
+			.select()
+			.from(organizations)
+			.where(eq(organizations.id, video.sharedOrganization.organizationId))
+			.limit(1);
+
+		if (organization[0]?.allowedEmailDomain) {
+			if (
+				!user?.email ||
+				!user.email.endsWith(`@${organization[0].allowedEmailDomain}`)
+			) {
+				console.log(
+					"[ShareVideoPage] Access denied - domain restriction:",
+					organization[0].allowedEmailDomain,
+				);
+				return (
+					<div className="flex flex-col justify-center items-center p-4 min-h-screen text-center">
+						<h1 className="mb-4 text-2xl font-bold">Access Restricted</h1>
+						<p className="mb-2 text-gray-10">
+							This video is only accessible to members of this organization.
+						</p>
+						<p className="text-gray-600">
+							Please sign in with your organization email address to access this
+							content.
+						</p>
+					</div>
+				);
+			}
+		}
+	}
+
+	if (
+		video.transcriptionStatus !== "COMPLETE" &&
+		video.transcriptionStatus !== "PROCESSING"
+	) {
+		console.log("[ShareVideoPage] Starting transcription for video:", videoId);
+		await transcribeVideo(videoId, video.owner.id, aiGenerationEnabled);
+
+		const updatedVideoQuery = await db()
+			.select({
+				id: videos.id,
+				name: videos.name,
+				createdAt: videos.createdAt,
+				updatedAt: videos.updatedAt,
+				effectiveCreatedAt: videos.effectiveCreatedAt,
+				bucket: videos.bucket,
+				metadata: videos.metadata,
+				public: videos.public,
+				videoStartTime: videos.videoStartTime,
+				audioStartTime: videos.audioStartTime,
+				xStreamInfo: videos.xStreamInfo,
+				jobId: videos.jobId,
+				jobStatus: videos.jobStatus,
+				isScreenshot: videos.isScreenshot,
+				skipProcessing: videos.skipProcessing,
+				transcriptionStatus: videos.transcriptionStatus,
+				source: videos.source,
+				sharedOrganization: {
+					organizationId: sharedVideos.organizationId,
+				},
+				orgSettings: organizations.settings,
+				videoSettings: videos.settings,
+			})
+			.from(videos)
+			.leftJoin(sharedVideos, eq(videos.id, sharedVideos.videoId))
+			.innerJoin(users, eq(videos.ownerId, users.id))
+			.leftJoin(organizations, eq(videos.orgId, organizations.id))
+			.where(eq(videos.id, videoId))
+			.execute();
+
+		if (updatedVideoQuery[0]) {
+			Object.assign(video, updatedVideoQuery[0]);
+			console.log(
+				"[ShareVideoPage] Updated transcription status:",
+				video.transcriptionStatus,
+			);
+		}
+	}
+
+	const currentMetadata = (video.metadata as VideoMetadata) || {};
+	const metadata = currentMetadata;
+	let initialAiData = null;
+
+	if (metadata.summary || metadata.chapters || metadata.aiTitle) {
+		initialAiData = {
+			title: metadata.aiTitle || null,
+			summary: metadata.summary || null,
+			chapters: metadata.chapters || null,
+			processing: metadata.aiProcessing || false,
+		};
+	} else if (metadata.aiProcessing) {
+		initialAiData = {
+			title: null,
+			summary: null,
+			chapters: null,
+			processing: true,
+		};
+	}
+
+	if (
+		video.transcriptionStatus === "COMPLETE" &&
+		!currentMetadata.aiProcessing &&
+		!currentMetadata.summary &&
+		!currentMetadata.chapters &&
+		// !currentMetadata.generationError &&
+		aiGenerationEnabled
+	) {
+		try {
+			generateAiMetadata(videoId, video.owner.id).catch((error) => {
+				console.error(
+					`[ShareVideoPage] Error generating AI metadata for video ${videoId}:`,
+					error,
+				);
+			});
+		} catch (error) {
+			console.error(
+				`[ShareVideoPage] Error starting AI metadata generation for video ${videoId}:`,
+				error,
+			);
+		}
+	}
+
+	const customDomainPromise = (async () => {
+		if (!user) {
+			return { customDomain: null, domainVerified: false };
+		}
+		const activeOrganizationId = user.activeOrganizationId;
+		if (!activeOrganizationId) {
+			return { customDomain: null, domainVerified: false };
+		}
+
+		// Fetch the active org
+		const orgArr = await db()
+			.select({
+				customDomain: organizations.customDomain,
+				domainVerified: organizations.domainVerified,
+			})
+			.from(organizations)
+			.where(eq(organizations.id, activeOrganizationId))
+			.limit(1);
+
+		const org = orgArr[0];
+		if (
+			org?.customDomain &&
+			org.domainVerified !== null &&
+			user.id === video.owner.id
+		) {
+			return { customDomain: org.customDomain, domainVerified: true };
+		}
+		return { customDomain: null, domainVerified: false };
+	})();
+
+	const sharedOrganizationsPromise = db()
+		.select({ id: sharedVideos.organizationId, name: organizations.name })
+		.from(sharedVideos)
+		.innerJoin(organizations, eq(sharedVideos.organizationId, organizations.id))
+		.where(eq(sharedVideos.videoId, videoId));
+
+	const userOrganizationsPromise = (async () => {
+		if (!userId) return [];
+
+		const [ownedOrganizations, memberOrganizations] = await Promise.all([
+			db()
+				.select({ id: organizations.id, name: organizations.name })
+				.from(organizations)
+				.where(eq(organizations.ownerId, userId)),
+			db()
+				.select({ id: organizations.id, name: organizations.name })
+				.from(organizations)
+				.innerJoin(
+					organizationMembers,
+					eq(organizations.id, organizationMembers.organizationId),
+				)
+				.where(eq(organizationMembers.userId, userId)),
+		]);
+
+		const allOrganizations = [...ownedOrganizations, ...memberOrganizations];
+		const uniqueOrganizationIds = new Set();
+
+		return allOrganizations.filter((organization) => {
+			if (uniqueOrganizationIds.has(organization.id)) return false;
+			uniqueOrganizationIds.add(organization.id);
+			return true;
+		});
+	})();
+
+	const membersListPromise = video.sharedOrganization?.organizationId
+		? db()
+				.select({ userId: organizationMembers.userId })
+				.from(organizationMembers)
+				.where(
+					eq(
+						organizationMembers.organizationId,
+						video.sharedOrganization.organizationId,
+					),
+				)
+		: Promise.resolve([]);
+
+	const commentsPromise = Effect.gen(function* () {
+		const db = yield* Database;
+		const imageUploads = yield* ImageUploads;
+
+		let toplLevelCommentId = Option.none<Comment.CommentId>();
+
+		if (Option.isSome(replyId)) {
+			const [parentComment] = yield* db.use((db) =>
+				db
+					.select({ parentCommentId: comments.parentCommentId })
+					.from(comments)
+					.where(eq(comments.id, replyId.value))
+					.limit(1),
+			);
+			toplLevelCommentId = Option.fromNullable(parentComment?.parentCommentId);
+		}
+
+		const commentToBringToTheTop = Option.orElse(
+			toplLevelCommentId,
+			() => commentId,
+		);
+
+		return yield* db
+			.use((db) =>
+				db
+					.select({
+						id: comments.id,
+						content: comments.content,
+						timestamp: comments.timestamp,
+						type: comments.type,
+						authorId: comments.authorId,
+						videoId: comments.videoId,
+						createdAt: comments.createdAt,
+						updatedAt: comments.updatedAt,
+						parentCommentId: comments.parentCommentId,
+						authorName: users.name,
+						authorImage: users.image,
+					})
+					.from(comments)
+					.leftJoin(users, eq(comments.authorId, users.id))
+					.where(eq(comments.videoId, videoId))
+					.orderBy(
+						Option.match(commentToBringToTheTop, {
+							onSome: (commentId) =>
+								sql`CASE WHEN ${comments.id} = ${commentId} THEN 0 ELSE 1 END, ${comments.createdAt}`,
+							onNone: () => comments.createdAt,
+						}),
+					),
+			)
+			.pipe(
+				Effect.map((comments) =>
+					comments.map(
+						Effect.fn(function* (c) {
+							return Object.assign(c, {
+								authorImage: yield* Option.fromNullable(c.authorImage).pipe(
+									Option.map(imageUploads.resolveImageUrl),
+									Effect.transposeOption,
+									Effect.map(Option.getOrNull),
+								),
+							});
+						}),
+					),
+				),
+				Effect.flatMap(Effect.all),
+			);
+	}).pipe(EffectRuntime.runPromise);
+
+	const viewsPromise = getVideoAnalytics(videoId).then((v) => v.count);
+
+	const [
+		membersList,
+		userOrganizations,
+		sharedOrganizations,
+		{ customDomain, domainVerified },
+	] = await Promise.all([
+		membersListPromise,
+		userOrganizationsPromise,
+		sharedOrganizationsPromise,
+		customDomainPromise,
+	]);
+
+	const videoWithOrganizationInfo = await Effect.gen(function* () {
+		const imageUploads = yield* ImageUploads;
+
+		return {
+			...video,
+			owner: {
+				id: video.owner.id,
+				name: video.owner.name,
+				isPro: userIsPro(video.owner),
+				image: video.owner.image
+					? yield* imageUploads.resolveImageUrl(video.owner.image)
+					: null,
+			},
+			organization: {
+				organizationMembers: membersList.map((member) => member.userId),
+				organizationId: video.sharedOrganization?.organizationId ?? undefined,
+			},
+			sharedOrganizations: sharedOrganizations,
+			password: null,
+			folderId: null,
+			orgSettings: video.orgSettings || null,
+			settings: video.videoSettings || null,
+		};
+	}).pipe(runPromise);
+
+	return (
+		<>
+			<div className="container flex-1 px-4 mx-auto">
+				<ShareHeader
+					data={{
+						...videoWithOrganizationInfo,
+						createdAt: video.metadata?.customCreatedAt
+							? new Date(video.metadata.customCreatedAt)
+							: video.createdAt,
+					}}
+					customDomain={customDomain}
+					domainVerified={domainVerified}
+					sharedOrganizations={
+						videoWithOrganizationInfo.sharedOrganizations || []
+					}
+					sharedSpaces={sharedSpaces}
+					userOrganizations={userOrganizations}
+					spacesData={spacesData}
+				/>
+
+				<Share
+					data={videoWithOrganizationInfo}
+					videoSettings={videoWithOrganizationInfo.settings}
+					comments={commentsPromise}
+					views={viewsPromise}
+					customDomain={customDomain}
+					domainVerified={domainVerified}
+					userOrganizations={userOrganizations}
+					viewerId={user?.id ?? null}
+					initialAiData={initialAiData}
+					aiGenerationEnabled={aiGenerationEnabled}
+				/>
+			</div>
+			<div className="py-4 mt-auto">
+				<a
+					target="_blank"
+					href={`/?ref=video_${video.id}`}
+					className="flex justify-center items-center px-4 py-2 mx-auto mb-2 space-x-2 bg-white rounded-full border border-gray-5 w-fit"
+				>
+					<span className="text-sm">Recorded with</span>
+					<Logo className="w-14 h-auto" />
+				</a>
+			</div>
+		</>
+	);
 }
diff --git a/apps/web/public/logos/browsers/maxthron.svg b/apps/web/public/logos/browsers/maxthon.svg
similarity index 100%
rename from apps/web/public/logos/browsers/maxthron.svg
rename to apps/web/public/logos/browsers/maxthon.svg
diff --git a/packages/web-backend/src/Videos/VideosRpcs.ts b/packages/web-backend/src/Videos/VideosRpcs.ts
index d762b90211..13246de6ae 100644
--- a/packages/web-backend/src/Videos/VideosRpcs.ts
+++ b/packages/web-backend/src/Videos/VideosRpcs.ts
@@ -110,22 +110,29 @@ export const VideosRpcsLive = Video.VideoRpcs.toLayer(
 
 			VideosGetAnalytics: (videoIds) =>
 				videos.getAnalyticsBulk(videoIds).pipe(
-					Effect.map((results) =>
-						results.map((result) =>
-							Exit.mapError(
-								Exit.map(result, (v) => ({ count: v.count } as const)),
-								(error) => {
-									if (Schema.is(Video.NotFoundError)(error)) return error;
-									if (Schema.is(Policy.PolicyDeniedError)(error)) return error;
-									if (Schema.is(Video.VerifyVideoPasswordError)(error))
-										return error;
-									return error as Video.NotFoundError | Policy.PolicyDeniedError | Video.VerifyVideoPasswordError;
-								},
-							),
-						) as readonly Exit.Exit<
-							{ readonly count: number },
-							Video.NotFoundError | Policy.PolicyDeniedError | Video.VerifyVideoPasswordError
-						>[],
+					Effect.map(
+						(results) =>
+							results.map((result) =>
+								Exit.mapError(
+									Exit.map(result, (v) => ({ count: v.count }) as const),
+									(error) => {
+										if (Schema.is(Video.NotFoundError)(error)) return error;
+										if (Schema.is(Policy.PolicyDeniedError)(error))
+											return error;
+										if (Schema.is(Video.VerifyVideoPasswordError)(error))
+											return error;
+										return error as
+											| Video.NotFoundError
+											| Policy.PolicyDeniedError
+											| Video.VerifyVideoPasswordError;
+									},
+								),
+							) as readonly Exit.Exit<
+								{ readonly count: number },
+								| Video.NotFoundError
+								| Policy.PolicyDeniedError
+								| Video.VerifyVideoPasswordError
+							>[],
 					),
 					provideOptionalAuth,
 					Effect.catchTag(
diff --git a/scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe b/scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe
index bde6ae5e03..395973045b 100644
--- a/scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe
+++ b/scripts/analytics/tinybird/pipes/analytics_sessions_mv_pipe.pipe
@@ -4,13 +4,14 @@ DESCRIPTION >
 SQL >
 	SELECT
 		tenant_id,
-		toDate(timestamp) AS date,
+		toDate(anyLast(timestamp)) AS date,
 		session_id,
-		coalesce(nullIf(browser, ''), 'unknown') AS browser,
-		coalesce(nullIf(device, ''), 'desktop') AS device,
-		coalesce(nullIf(os, ''), 'unknown') AS os
+		coalesce(anyLast(nullIf(browser, '')), 'unknown') AS browser,
+		coalesce(anyLast(nullIf(device, '')), 'desktop') AS device,
+		coalesce(anyLast(nullIf(os, '')), 'unknown') AS os
 	FROM analytics_events
 	WHERE action = 'page_hit'
+	GROUP BY tenant_id, session_id
 
 TYPE MATERIALIZED
 DATASOURCE analytics_sessions_mv

From 70905266423f7ebf81d953ca3f4050a19089dce4 Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:23:31 +0000
Subject: [PATCH 22/23] Remove individual analytics page and fix Tinybird usage

---
 .../(org)/dashboard/analytics/s/[id]/page.tsx | 137 ------------------
 apps/web/app/api/analytics/track/route.ts     |   3 +-
 2 files changed, 2 insertions(+), 138 deletions(-)
 delete mode 100644 apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx

diff --git a/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx b/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx
deleted file mode 100644
index 2ecb23c042..0000000000
--- a/apps/web/app/(org)/dashboard/analytics/s/[id]/page.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import Header from "../../components/Header";
-import OtherStats, { type OtherStatsData } from "../../components/OtherStats";
-import StatsChart from "../../components/StatsChart";
-
-export default function AnalyticsPage() {
-	return (
-		<div className="space-y-8">
-			<Header />
-			<StatsChart
-				counts={{
-					views: "2,768",
-					chats: "100",
-					reactions: "100",
-				}}
-				defaultSelectedBox="views"
-			/>
-			<OtherStats data={mockData} />
-		</div>
-	);
-}
-
-const mockData: OtherStatsData = {
-	countries: [
-		{
-			countryCode: "US",
-			name: "United States",
-			views: "8,452",
-			comments: "100",
-			reactions: "100",
-			percentage: "34.2%",
-		},
-		{
-			countryCode: "GB",
-			name: "United Kingdom",
-			views: "3,891",
-			comments: "100",
-			reactions: "100",
-			percentage: "15.7%",
-		},
-		{
-			countryCode: "CA",
-			name: "Canada",
-			views: "2,764",
-			comments: "100",
-			reactions: "100",
-			percentage: "11.2%",
-		},
-		{
-			countryCode: "DE",
-			name: "Germany",
-			views: "2,143",
-			comments: "100",
-			reactions: "100",
-			percentage: "8.7%",
-		},
-		{
-			countryCode: "FR",
-			name: "France",
-			views: "1,876",
-			comments: "100",
-			reactions: "100",
-			percentage: "7.6%",
-		},
-		{
-			countryCode: "AU",
-			name: "Australia",
-			views: "1,542",
-			comments: "100",
-			reactions: "100",
-			percentage: "6.2%",
-		},
-	],
-	cities: [
-		{
-			countryCode: "US",
-			name: "New York",
-			views: "3,421",
-			comments: "100",
-			reactions: "100",
-			percentage: "18.7%",
-		},
-		{
-			countryCode: "US",
-			name: "Los Angeles",
-			views: "2,876",
-			comments: "100",
-			reactions: "100",
-			percentage: "15.7%",
-		},
-		{
-			countryCode: "GB",
-			name: "London",
-			views: "2,145",
-			comments: "100",
-			reactions: "100",
-			percentage: "11.7%",
-		},
-		{
-			countryCode: "CA",
-			name: "Toronto",
-			views: "1,892",
-			comments: "100",
-			reactions: "100",
-			percentage: "10.3%",
-		},
-	],
-	browsers: [
-		{
-			browser: "google-chrome",
-			name: "Chrome",
-			views: "8,452",
-			comments: "100",
-			reactions: "100",
-			percentage: "34.2%",
-		},
-	],
-	operatingSystems: [
-		{
-			os: "windows",
-			name: "Windows",
-			views: "8,452",
-			comments: "100",
-			reactions: "100",
-			percentage: "34.2%",
-		},
-	],
-	deviceTypes: [
-		{
-			device: "desktop",
-			name: "Desktop",
-			views: "8,452",
-			comments: "100",
-			reactions: "100",
-			percentage: "34.2%",
-		},
-	],
-};
diff --git a/apps/web/app/api/analytics/track/route.ts b/apps/web/app/api/analytics/track/route.ts
index db7a10142a..e02abd76b3 100644
--- a/apps/web/app/api/analytics/track/route.ts
+++ b/apps/web/app/api/analytics/track/route.ts
@@ -81,7 +81,8 @@ export async function POST(request: NextRequest) {
 				return;
 			}
 
-			const tinybird = yield* Effect.service(Tinybird);
+			// @ts-expect-error - Tinybird service can be yielded directly
+			const tinybird = yield* Tinybird;
 			yield* tinybird.appendEvents([
 				{
 					timestamp: timestamp.toISOString(),

From 006a668d663a8c1e33ae825d5d26775b8137c98c Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:25:30 +0000
Subject: [PATCH 23/23] Remove FiltersList component from analytics dashboard

---
 .../analytics/components/FiltersList.tsx      | 57 -------------------
 1 file changed, 57 deletions(-)
 delete mode 100644 apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx

diff --git a/apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx b/apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx
deleted file mode 100644
index 54302d0f11..0000000000
--- a/apps/web/app/(org)/dashboard/analytics/components/FiltersList.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import { AnimatePresence, motion } from "motion/react";
-import { CompareDataFilterItem, type FilterValue } from "./CompareFilters";
-
-interface FiltersListProps {
-	filters: readonly FilterValue[];
-	isFilterInUse: (value: FilterValue) => boolean;
-	onFilterDragStart: (value: FilterValue) => void;
-	onFilterDragEnd: (x: number, y: number) => void;
-	onFilterDrag: (x: number, y: number) => void;
-}
-
-const FILTER_LABELS: Record<FilterValue, string> = {
-	views: "Views",
-	comments: "Comments",
-	reactions: "Reactions",
-	shares: "Shares",
-	downloads: "Downloads",
-	uploads: "Uploads",
-	deletions: "Deletions",
-	creations: "Creations",
-	edits: "Edits",
-};
-
-export const FiltersList = ({
-	filters,
-	isFilterInUse,
-	onFilterDragStart,
-	onFilterDragEnd,
-	onFilterDrag,
-}: FiltersListProps) => {
-	return (
-		<div className="max-w-[172px] w-full border-r border-gray-4 flex-1">
-			<div className="border-b border-gray-4 bg-gray-3">
-				<p className="px-4 py-2 text-xs font-medium text-gray-12 will-change-auto">
-					Filters
-				</p>
-			</div>
-			<motion.div layout className="flex p-4 flex-wrap gap-1.5 h-fit w-full">
-				<AnimatePresence mode="popLayout">
-					{filters.map((filter) => (
-						<CompareDataFilterItem
-							key={filter}
-							label={FILTER_LABELS[filter]}
-							value={filter}
-							isInUse={isFilterInUse(filter)}
-							onDragStart={() => onFilterDragStart(filter)}
-							onDragEnd={onFilterDragEnd}
-							onDrag={onFilterDrag}
-						/>
-					))}
-				</AnimatePresence>
-			</motion.div>
-		</div>
-	);
-};