4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T185d,export interface Hub { id: string; city: string; lng: number; lat: number; type: "primary" | "secondary"; shipments: number; region: "west" | "midwest" | "south" | "northeast"; } export interface Route { from: string; to: string; mode: "air" | "ground"; shipments: number; status: "active" | "delayed"; } export const hubs: Hub[] = [ { id: "ord", city: "Chicago", lng: -87.6298, lat: 41.8781, type: "primary", shipments: 1247, region: "midwest", }, { id: "lax", city: "Los Angeles", lng: -118.2437, lat: 34.0522, type: "primary", shipments: 1102, region: "west", }, { id: "jfk", city: "New York", lng: -73.9352, lat: 40.6413, type: "primary", shipments: 983, region: "northeast", }, { id: "dfw", city: "Dallas", lng: -96.797, lat: 32.8968, type: "primary", shipments: 856, region: "south", }, { id: "atl", city: "Atlanta", lng: -84.4281, lat: 33.6407, type: "primary", shipments: 914, region: "south", }, { id: "den", city: "Denver", lng: -104.6731, lat: 39.8617, type: "secondary", shipments: 634, region: "west", }, { id: "sea", city: "Seattle", lng: -122.3321, lat: 47.6062, type: "secondary", shipments: 723, region: "west", }, { id: "mia", city: "Miami", lng: -80.1918, lat: 25.7617, type: "secondary", shipments: 478, region: "south", }, { id: "phx", city: "Phoenix", lng: -112.074, lat: 33.4484, type: "secondary", shipments: 512, region: "west", }, { id: "iah", city: "Houston", lng: -95.3698, lat: 29.9844, type: "secondary", shipments: 698, region: "south", }, { id: "bos", city: "Boston", lng: -71.0054, lat: 42.3643, type: "secondary", shipments: 534, region: "northeast", }, { id: "sfo", city: "San Francisco", lng: -122.4194, lat: 37.7749, type: "secondary", shipments: 789, region: "west", }, { id: "msp", city: "Minneapolis", lng: -93.2219, lat: 44.8848, type: "secondary", shipments: 423, region: "midwest", }, { id: "dtw", city: "Detroit", lng: -83.0458, lat: 42.2162, type: "secondary", shipments: 456, region: "midwest", }, { id: "slc", city: "Salt Lake City", lng: -111.978, lat: 40.758, type: "secondary", shipments: 342, region: "west", }, ]; export const routes: Route[] = [ { from: "ord", to: "lax", mode: "air", shipments: 234, status: "active" }, { from: "ord", to: "jfk", mode: "ground", shipments: 312, status: "active" }, { from: "ord", to: "dfw", mode: "air", shipments: 189, status: "active" }, { from: "ord", to: "atl", mode: "air", shipments: 213, status: "active" }, { from: "ord", to: "den", mode: "ground", shipments: 156, status: "active" }, { from: "ord", to: "msp", mode: "ground", shipments: 198, status: "active" }, { from: "ord", to: "dtw", mode: "ground", shipments: 167, status: "delayed" }, { from: "lax", to: "sfo", mode: "ground", shipments: 245, status: "active" }, { from: "lax", to: "sea", mode: "air", shipments: 178, status: "active" }, { from: "lax", to: "den", mode: "air", shipments: 198, status: "active" }, { from: "lax", to: "phx", mode: "ground", shipments: 212, status: "active" }, { from: "lax", to: "dfw", mode: "air", shipments: 223, status: "active" }, { from: "jfk", to: "atl", mode: "air", shipments: 267, status: "active" }, { from: "jfk", to: "mia", mode: "air", shipments: 234, status: "active" }, { from: "jfk", to: "bos", mode: "ground", shipments: 189, status: "active" }, { from: "jfk", to: "ord", mode: "air", shipments: 278, status: "active" }, { from: "dfw", to: "atl", mode: "air", shipments: 198, status: "active" }, { from: "dfw", to: "iah", mode: "ground", shipments: 245, status: "active" }, { from: "dfw", to: "den", mode: "air", shipments: 167, status: "active" }, { from: "dfw", to: "phx", mode: "ground", shipments: 156, status: "delayed" }, { from: "atl", to: "mia", mode: "ground", shipments: 234, status: "active" }, { from: "atl", to: "iah", mode: "air", shipments: 189, status: "active" }, { from: "den", to: "sea", mode: "air", shipments: 178, status: "active" }, { from: "den", to: "slc", mode: "ground", shipments: 198, status: "active" }, { from: "den", to: "phx", mode: "air", shipments: 167, status: "active" }, { from: "sea", to: "sfo", mode: "air", shipments: 212, status: "active" }, { from: "sfo", to: "phx", mode: "air", shipments: 156, status: "active" }, { from: "mia", to: "iah", mode: "air", shipments: 198, status: "active" }, { from: "msp", to: "ord", mode: "ground", shipments: 189, status: "active" }, { from: "msp", to: "den", mode: "air", shipments: 145, status: "active" }, { from: "dtw", to: "ord", mode: "ground", shipments: 167, status: "active" }, { from: "dtw", to: "jfk", mode: "air", shipments: 178, status: "active" }, { from: "bos", to: "jfk", mode: "ground", shipments: 156, status: "active" }, { from: "slc", to: "den", mode: "ground", shipments: 134, status: "active" }, { from: "slc", to: "phx", mode: "air", shipments: 123, status: "delayed" }, { from: "ord", to: "sfo", mode: "air", shipments: 198, status: "active" }, { from: "ord", to: "mia", mode: "air", shipments: 245, status: "active" }, { from: "lax", to: "atl", mode: "air", shipments: 289, status: "active" }, { from: "jfk", to: "dfw", mode: "air", shipments: 234, status: "active" }, { from: "atl", to: "ord", mode: "air", shipments: 267, status: "active" }, { from: "sfo", to: "den", mode: "air", shipments: 189, status: "active" }, ]; export const modeConfig = { air: { color: "#3b82f6", label: "Air" }, ground: { color: "#22c55e", label: "Ground" }, } as const; export const statusConfig = { active: { color: "#10b981", label: "Active" }, delayed: { color: "#f59e0b", label: "Delayed" }, } as const; export const regionLabels: Record = { west: "West", midwest: "Midwest", south: "South", northeast: "Northeast", }; 52:T1c60,"use client"; import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarSeparator, } from "@/components/ui/sidebar"; import { Network, Plane, Truck } from "lucide-react"; import { regionLabels, statusConfig, type Hub, type Route } from "../data"; const regionIcons: Record = { west: "W", midwest: "MW", south: "S", northeast: "NE", }; interface FilterSidebarProps { hubs: Hub[]; routes: Route[]; } export function FilterSidebar({ hubs, routes }: FilterSidebarProps) { const totalShipments = routes.reduce((s, r) => s + r.shipments, 0); const activeCount = routes.filter((r) => r.status === "active").length; const delayedCount = routes.filter((r) => r.status === "delayed").length; const airRouteCount = routes.filter((r) => r.mode === "air").length; const groundRouteCount = routes.filter((r) => r.mode === "ground").length; return (

Logistics Network Domestic Routes

{hubs.length}

Hubs

{activeCount}

Active

{delayedCount}

Delayed

Transport Mode Air Freight {airRouteCount} Ground {groundRouteCount} Status {statusConfig.active.label} {activeCount} {statusConfig.delayed.label} {delayedCount} Region {(["west", "midwest", "south", "northeast"] as const).map( (region) => { const hubsInRegion = hubs.filter((h) => h.region === region); return ( {regionIcons[region]} {regionLabels[region]} {hubsInRegion.length} ); }, )}

Summary

Shipments {totalShipments.toLocaleString()}

Routes {routes.length}

); } 53:Teea,"use client"; import { useMemo } from "react"; import { Map, MapArc, MapControls, MapMarker, MarkerContent, MarkerTooltip, } from "@/components/ui/map"; import { SidebarTrigger } from "@/components/ui/sidebar"; import { modeConfig, regionLabels, statusConfig, type Hub, type Route, } from "../data"; import { Separator } from "@/components/ui/separator"; interface NetworkMapProps { hubs: Hub[]; routes: Route[]; } function MapControlsCard() { return (

{modeConfig.air.label}

{modeConfig.ground.label}

{statusConfig.delayed.label}

Hub

); } export function NetworkMap({ hubs, routes }: NetworkMapProps) { const arcs = useMemo(() => { const hubById: Record = Object.fromEntries( hubs.map((hub) => [hub.id, hub]), ); return routes.flatMap((route) => { const fromHub = hubById[route.from]; const toHub = hubById[route.to]; if (!fromHub || !toHub) return []; return [ { id: `${route.from}-${route.to}`, from: [fromHub.lng, fromHub.lat] as [number, number], to: [toHub.lng, toHub.lat] as [number, number], color: route.status === "delayed" ? statusConfig.delayed.color : modeConfig[route.mode].color, }, ]; }); }, [hubs, routes]); return (

{hubs.map((hub) => (

{hub.city}

{hub.shipments.toLocaleString()} shipments • {regionLabels[hub.region]}

))}

); } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4f",null,{"namespace":"@mapcn","registryDependencies":["@mapcn/map","sidebar","separator"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/blocks/logistics-network/page.tsx","content":"\"use client\";\n\nimport { SidebarInset, SidebarProvider } from \"@/components/ui/sidebar\";\nimport { hubs, routes } from \"./data\";\nimport { FilterSidebar } from \"./components/filter-sidebar\";\nimport { NetworkMap } from \"./components/network-map\";\n\nexport default function Page() {\n return (\n \n \n \n \n \n \n );\n}\n","type":"registry:page","target":"app/logistics/page.tsx"},{"path":"src/registry/blocks/logistics-network/data.ts","content":"$51","type":"registry:component","target":"app/logistics/data.ts"},{"path":"src/registry/blocks/logistics-network/components/filter-sidebar.tsx","content":"$52","type":"registry:component","target":"app/logistics/components/filter-sidebar.tsx"},{"path":"src/registry/blocks/logistics-network/components/network-map.tsx","content":"$53","type":"registry:component","target":"app/logistics/components/network-map.tsx"}],"className":"h-[70svh] min-h-80"}]]}]