@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/workforce-map-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"workforce-map-view.mjs","names":[],"sources":["../../src/pages/workforce-map-view.tsx"],"sourcesContent":["import type {ReactNode} from \"react\";\n\nimport {cn} from \"@corensystem/coren-utils\";\nimport {\n\tAlertTriangle,\n\tBox,\n\tBuilding2,\n\tGhost,\n\tGrid2x2,\n\tMaximize2,\n\tOrbit,\n\tPanelLeftClose,\n\tPanelLeftOpen,\n\tPersonStanding,\n\tSearch,\n\tSparkles,\n\tSquare,\n\tUsers,\n\tX,\n} from \"lucide-react\";\nimport {useEffect, useMemo, useRef, useState} from \"react\";\n\nimport {Avatar, AvatarFallback} from \"../avatar\";\nimport {Badge} from \"../badge\";\nimport {Button} from \"../button\";\nimport {useOptionalFragmentViewer} from \"../fragment-viewer/context\";\nimport {ImageZoom} from \"../image-zoom\";\nimport {Input} from \"../input\";\nimport {Spinner} from \"../spinner\";\nimport {Tabs, TabsContent, TabsList, TabsTrigger} from \"../tabs\";\nimport {TimeScrubber, type TimeScrubberActivity} from \"../time-scrubber\";\nimport {ToggleGroup, ToggleGroupItem} from \"../toggle-group\";\nimport {HoverTooltip} from \"../tooltip\";\n\n// Marker colours by worker status.\nconst MARKER_ACTIVE = \"#22c55e\";\nconst MARKER_INACTIVE = \"#f59e0b\";\n\n// Workforce Map View — the 3D/map stage plus a collapsible left menu of who's in the building. The\n// menu is designed to fit without scrolling: a compact headcount strip, then Level / Trade / Crew as\n// tabs so only one breakdown shows at a time. The stage engine is injected via `stage` (the template\n// can't resolve its worker URL itself). Composed from existing Core primitives — Tabs, Badge,\n// Button. Figures are placeholder fixtures.\n\n// The 35 IFC storeys of the `uptown` model, verbatim (the same names the viewer's Levels menu lists).\n// Worker counts are placeholder fixtures derived deterministically from the floor index.\nconst LEVEL_NAMES = [\n\t\"00 begane grond\",\n\t\"01 eerste verdieping\",\n\t\"02 tweede verdieping\",\n\t\"03 derde verdieping\",\n\t\"04 vierde verdieping\",\n\t\"05 vijfde verdieping\",\n\t\"06 zesde verdieping\",\n\t\"07 zevende verdieping\",\n\t\"08 achtste verdieping\",\n\t\"09 negende verdieping\",\n\t\"10 tiende verdieping\",\n\t\"11 elfde verdieping\",\n\t\"12 twaalfde verdieping\",\n\t\"13 dertiende verdieping\",\n\t\"14 veertiende verdieping\",\n\t\"15 vijftiende verdieping\",\n\t\"16 zestiende verdieping\",\n\t\"17 zeventiende verdieping\",\n\t\"18 achttiende verdieping\",\n\t\"19 negentiende verdieping\",\n\t\"20 twintigste verdieping\",\n\t\"21 eenentwintigste verdieping\",\n\t\"22 tweeentwintigste verdieping\",\n\t\"23 drieentwintigste verdieping\",\n\t\"24 vierentwintigste verdieping\",\n\t\"25 vijfentwintigste verdieping\",\n\t\"26 zesentwintigste verdieping\",\n\t\"27 zevenentwintigste verdieping\",\n\t\"28 achtentwintigste verdieping\",\n\t\"29 negenentwintigste verdieping\",\n\t\"30 dertigste verdieping\",\n\t\"31 eenendertigste verdieping\",\n\t\"32 tweeendertigste verdieping\",\n\t\"33 drieendertigste verdieping\",\n\t\"34 vierendertigste verdieping\",\n];\n\nconst TRADES: {name: string; count: number}[] = [\n\t{name: \"Direct-Helper\", count: 118},\n\t{name: \"Direct-Scaffolder\", count: 74},\n\t{name: \"Electrician\", count: 63},\n\t{name: \"Steel Fixer\", count: 52},\n\t{name: \"Mason\", count: 47},\n\t{name: \"Indirect-Driver\", count: 31},\n\t{name: \"Welder\", count: 27},\n];\n\nconst CREWS: {name: string; count: number}[] = [\n\t{name: \"TR-TAMIMI\", count: 64},\n\t{name: \"TR-RED CAMEL\", count: 58},\n\t{name: \"TR-UNITED\", count: 49},\n\t{name: \"DSCO\", count: 41},\n\t{name: \"TR-FALCON\", count: 38},\n];\n\n// ─── Per-level worker roster (fixtures) ──────────────────────────────────────\n\nconst WORKER_NAMES = [\n\t\"Rajesh Kumar\",\n\t\"Bikash Thapa\",\n\t\"Arun Nair\",\n\t\"Santosh Rana\",\n\t\"Deepak Sharma\",\n\t\"Imran Khan\",\n\t\"Suresh Patel\",\n\t\"Nabin Gurung\",\n\t\"Vijay Singh\",\n\t\"Manoj Yadav\",\n\t\"Prakash Rai\",\n\t\"Amit Verma\",\n\t\"Ram Bahadur\",\n\t\"Krishna Magar\",\n\t\"Ahmed Al-Rashid\",\n\t\"Jorge Mendoza\",\n\t\"Ravi Patel\",\n\t\"Fatima Noor\",\n\t\"Dmitri Ivanov\",\n\t\"Chen Wei\",\n\t\"Omar Farouk\",\n\t\"Layla Hassan\",\n\t\"Samuel Okafor\",\n\t\"Tej Pakhrin\",\n];\n\nconst WORKER_TRADES = [\n\t\"Direct-Helper\",\n\t\"Direct-Scaffolder\",\n\t\"Electrician\",\n\t\"Steel Fixer\",\n\t\"Mason\",\n\t\"Indirect-Driver\",\n\t\"Welder\",\n];\n\ninterface LevelWorker {\n\tid: string;\n\tname: string;\n\ttrade: string;\n\tstatus: \"active\" | \"inactive\";\n}\n\nfunction hashStr(s: string): number {\n\tlet h = 0;\n\tfor (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) >>> 0;\n\treturn h;\n}\n\n/** A deterministic worker roster for a level — stable across renders, seeded from the level name. */\nfunction levelWorkers(levelName: string, count: number): LevelWorker[] {\n\tconst h = hashStr(levelName);\n\treturn Array.from({length: count}, (_, i) => ({\n\t\tid: `${levelName}-${i}`,\n\t\tname: WORKER_NAMES[(h * 3 + i * 7) % WORKER_NAMES.length],\n\t\ttrade: WORKER_TRADES[(h + i) % WORKER_TRADES.length],\n\t\tstatus: (h + i) % 8 === 0 ? \"inactive\" : \"active\",\n\t}));\n}\n\nfunction initials(name: string): string {\n\treturn (\n\t\tname\n\t\t\t.split(/\\s+/)\n\t\t\t.filter(Boolean)\n\t\t\t.slice(0, 2)\n\t\t\t.map((p) => p[0]?.toUpperCase() ?? \"\")\n\t\t\t.join(\"\") || \"?\"\n\t);\n}\n\n// Sample blueprint served by the host app (Storybook's public/). Swap per-level or per-project when real\n// plans are wired in; the schematic SVG below is the fallback if the image can't load.\nconst SAMPLE_FLOOR_PLAN = \"/images/floor-plan.png\";\n\n/** A schematic fallback plan, drawn deterministically from the floor name (used if the image fails). */\nfunction SchematicPlan({name}: {name: string}) {\n\tconst seed = [...name].reduce((sum, c) => sum + c.charCodeAt(0), 0);\n\tconst W = 240;\n\tconst H = 150;\n\tconst m = 10;\n\tconst corridorTop = 64;\n\tconst corridorBot = 90;\n\tconst topRooms = 3 + (seed % 3);\n\tconst botRooms = 3 + ((seed >> 2) % 3);\n\tconst dividers = (count: number) => Array.from({length: count - 1}, (_, i) => m + ((W - 2 * m) * (i + 1)) / count);\n\treturn (\n\t\t<svg\n\t\t\tviewBox={`0 0 ${W} ${H}`}\n\t\t\tclassName=\"wwc:h-auto wwc:w-full wwc:text-muted-foreground/70\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<rect x={m} y={m} width={W - 2 * m} height={H - 2 * m} rx={3} className=\"wwc:fill-card\" strokeWidth={2.5} />\n\t\t\t<line x1={m} y1={corridorTop} x2={W - m} y2={corridorTop} strokeWidth={1.5} />\n\t\t\t<line x1={m} y1={corridorBot} x2={W - m} y2={corridorBot} strokeWidth={1.5} />\n\t\t\t{dividers(topRooms).map((x) => (\n\t\t\t\t<line key={`t${x}`} x1={x} y1={m} x2={x} y2={corridorTop} strokeWidth={1.5} />\n\t\t\t))}\n\t\t\t{dividers(botRooms).map((x) => (\n\t\t\t\t<line key={`b${x}`} x1={x} y1={corridorBot} x2={x} y2={H - m} strokeWidth={1.5} />\n\t\t\t))}\n\t\t</svg>\n\t);\n}\n\n/** The 2D floor plan for a level — the sample blueprint via the shared ImageZoom (click to enlarge),\n *  falling back to a schematic if it 404s. */\nfunction FloorPlan2D({name, className}: {name: string; className?: string}) {\n\tconst [failed, setFailed] = useState(false);\n\tif (failed) {\n\t\treturn (\n\t\t\t<div className={cn(\"wwc:overflow-hidden wwc:rounded-md wwc:border wwc:border-border wwc:bg-card\", className)}>\n\t\t\t\t<SchematicPlan name={name} />\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<ImageZoom\n\t\t\tsrc={SAMPLE_FLOOR_PLAN}\n\t\t\talt={`Floor plan of ${name}`}\n\t\t\ttitle={\n\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t<Building2 className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground\" />\n\t\t\t\t\t{name} — floor plan\n\t\t\t\t</span>\n\t\t\t}\n\t\t\tonError={() => setFailed(true)}\n\t\t\tclassName={cn(\"wwc:rounded-md wwc:border wwc:border-border wwc:bg-card\", className)}\n\t\t/>\n\t);\n}\n\n/** Right-hand menu: the clicked level's worker count and the roster on it. */\nfunction LevelDetailsPanel({name, count, onClose}: {name: string; count: number; onClose: () => void}) {\n\tconst workers = useMemo(() => levelWorkers(name, count), [name, count]);\n\tconst active = workers.filter((w) => w.status === \"active\").length;\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:max-h-[60vh] wwc:min-h-0 wwc:w-full wwc:flex-col wwc:overflow-hidden wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:shadow-lg\">\n\t\t\t<div className=\"wwc:flex wwc:shrink-0 wwc:items-center wwc:justify-between wwc:gap-2 wwc:border-b wwc:border-border wwc:px-3 wwc:py-2\">\n\t\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-2\">\n\t\t\t\t\t<Building2 className=\"wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t\t<span className=\"wwc:truncate wwc:text-sm wwc:font-semibold\">{name}</span>\n\t\t\t\t</div>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\ticon\n\t\t\t\t\taria-label=\"Close level details\"\n\t\t\t\t\tclassName=\"wwc:h-6 wwc:w-6 wwc:shrink-0\"\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t>\n\t\t\t\t\t<X className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col\">\n\t\t\t\t{/* 2D floor plan — a placeholder plan image for this level, shown first. */}\n\t\t\t\t<div className=\"wwc:shrink-0 wwc:border-b wwc:border-border wwc:px-4 wwc:py-3\">\n\t\t\t\t\t<span className=\"wwc:text-[11px] wwc:font-semibold wwc:uppercase wwc:tracking-wide wwc:text-muted-foreground/70\">\n\t\t\t\t\t\tFloor plan\n\t\t\t\t\t</span>\n\t\t\t\t\t<FloorPlan2D name={name} className=\"wwc:mt-2\" />\n\t\t\t\t</div>\n\n\t\t\t\t{/* Workers total count */}\n\t\t\t\t<div className=\"wwc:shrink-0 wwc:border-b wwc:border-border wwc:px-4 wwc:py-3\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-baseline wwc:gap-1.5\">\n\t\t\t\t\t\t<span className=\"wwc:text-2xl wwc:font-bold wwc:tabular-nums\">{count}</span>\n\t\t\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">workers on this level</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"wwc:mt-1 wwc:flex wwc:gap-3 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<span className=\"wwc:font-semibold wwc:text-green-600\">{active}</span> active\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<span className=\"wwc:font-semibold wwc:text-amber-600\">{count - active}</span> inactive\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Workers names */}\n\t\t\t\t<div className=\"wwc:min-h-0 wwc:flex-1 wwc:overflow-auto wwc:p-2\">\n\t\t\t\t\t{workers.map((w) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={w.id}\n\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-center wwc:gap-2 wwc:rounded wwc:px-2 wwc:py-1.5 wwc:transition-colors wwc:hover:bg-muted/50\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Avatar className=\"wwc:h-7 wwc:w-7\">\n\t\t\t\t\t\t\t\t<AvatarFallback className=\"wwc:text-[10px]\">{initials(w.name)}</AvatarFallback>\n\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:truncate wwc:text-sm wwc:font-medium\">{w.name}</span>\n\t\t\t\t\t\t\t\t<span className=\"wwc:truncate wwc:text-xs wwc:text-muted-foreground\">{w.trade}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"wwc:h-2 wwc:w-2 wwc:shrink-0 wwc:rounded-full\",\n\t\t\t\t\t\t\t\t\tw.status === \"active\" ? \"wwc:bg-green-500\" : \"wwc:bg-amber-500\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\taria-label={w.status}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n/** A compact single-line \"name — count\" row, optionally selectable (used by the Level tab). */\nfunction CountRow({\n\tname,\n\tcount,\n\tactive,\n\tonClick,\n}: {\n\tname: string;\n\tcount: number;\n\tactive?: boolean;\n\tonClick?: () => void;\n}) {\n\tconst body = (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:rounded wwc:px-2 wwc:py-1\",\n\t\t\t\tonClick && \"wwc:transition-colors wwc:hover:bg-muted/60\",\n\t\t\t\tactive && \"wwc:bg-muted\",\n\t\t\t)}\n\t\t>\n\t\t\t<span className={cn(\"wwc:truncate wwc:text-sm\", active && \"wwc:font-semibold\")}>{name}</span>\n\t\t\t<Badge variant={active ? \"secondary\" : \"neutralSoft\"} className=\"wwc:h-5 wwc:tabular-nums\">\n\t\t\t\t{count}\n\t\t\t</Badge>\n\t\t</div>\n\t);\n\treturn onClick ? (\n\t\t<button type=\"button\" data-level={name} onClick={onClick} className=\"wwc:block wwc:w-full wwc:text-left\">\n\t\t\t{body}\n\t\t</button>\n\t) : (\n\t\tbody\n\t);\n}\n\n/** The collapsible left menu: a compact headcount strip and Level / Trade / Crew tabs. */\nfunction WorkersPanel({\n\tonClose,\n\tlevels,\n\tactiveLevel,\n\tonSelectLevel,\n}: {\n\tonClose: () => void;\n\tlevels: {name: string; count: number}[];\n\tactiveLevel: string | null;\n\tonSelectLevel: (name: string) => void;\n}) {\n\tconst [tab, setTab] = useState(\"level\");\n\tconst [query, setQuery] = useState(\"\");\n\tconst filteredLevels = levels.filter((l) => l.name.toLowerCase().includes(query.trim().toLowerCase()));\n\n\t// Keep the active level in view as ↑/↓ pages through floors.\n\tconst levelListRef = useRef<HTMLDivElement>(null);\n\tuseEffect(() => {\n\t\tif (!activeLevel) return;\n\t\tconst row = levelListRef.current?.querySelector(`[data-level=\"${activeLevel}\"]`);\n\t\trow?.scrollIntoView({block: \"nearest\"});\n\t}, [activeLevel]);\n\n\t// Headcount derived from the level totals, so the strip stays in step with the model's population.\n\tconst total = levels.reduce((sum, l) => sum + l.count, 0);\n\tconst active = Math.round(total * 0.93);\n\tconst day = Math.round(total * 0.97);\n\tconst headStats: {label: string; value: number; tone?: string}[] = [\n\t\t{label: \"Active\", value: active, tone: \"wwc:text-green-600\"},\n\t\t{label: \"Inactive\", value: total - active, tone: \"wwc:text-amber-600\"},\n\t\t{label: \"Day\", value: day},\n\t\t{label: \"Night\", value: total - day},\n\t];\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:max-h-[60vh] wwc:min-h-0 wwc:w-full wwc:flex-col wwc:overflow-hidden wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:shadow-lg\">\n\t\t\t{/* Header */}\n\t\t\t<div className=\"wwc:flex wwc:shrink-0 wwc:items-center wwc:justify-between wwc:gap-2 wwc:border-b wwc:border-border wwc:px-3 wwc:py-2\">\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t<Users className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground\" />\n\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-semibold\">Workers in Building</span>\n\t\t\t\t</div>\n\t\t\t\t<Button variant=\"ghost\" size=\"sm\" icon aria-label=\"Collapse panel\" onClick={onClose}>\n\t\t\t\t\t<PanelLeftClose />\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t{/* Compact headcount strip */}\n\t\t\t<div className=\"wwc:shrink-0 wwc:border-b wwc:border-border wwc:px-3 wwc:py-2\">\n\t\t\t\t<div className=\"wwc:flex wwc:items-baseline wwc:gap-1.5\">\n\t\t\t\t\t<span className=\"wwc:text-xl wwc:font-bold wwc:tabular-nums\">{total.toLocaleString()}</span>\n\t\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">on site</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:mt-1 wwc:flex wwc:flex-wrap wwc:gap-x-3 wwc:gap-y-0.5 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t{headStats.map((s) => (\n\t\t\t\t\t\t<span key={s.label}>\n\t\t\t\t\t\t\t<span className={cn(\"wwc:font-semibold wwc:tabular-nums\", s.tone ?? \"wwc:text-foreground\")}>\n\t\t\t\t\t\t\t\t{s.value.toLocaleString()}\n\t\t\t\t\t\t\t</span>{\" \"}\n\t\t\t\t\t\t\t{s.label}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Level / Trade / Crew tabs — one breakdown at a time, no scroll */}\n\t\t\t<Tabs\n\t\t\t\tvalue={tab}\n\t\t\t\tonValueChange={setTab}\n\t\t\t\tvariant=\"underline\"\n\t\t\t\tsize=\"sm\"\n\t\t\t\tclassName=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col\"\n\t\t\t>\n\t\t\t\t<TabsList className=\"wwc:shrink-0 wwc:px-3\">\n\t\t\t\t\t<TabsTrigger value=\"level\" className=\"wwc:flex-1 wwc:py-1.5 wwc:text-xs\">\n\t\t\t\t\t\tLevel\n\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t<TabsTrigger value=\"trade\" className=\"wwc:flex-1 wwc:py-1.5 wwc:text-xs\">\n\t\t\t\t\t\tTrade\n\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t<TabsTrigger value=\"crew\" className=\"wwc:flex-1 wwc:py-1.5 wwc:text-xs\">\n\t\t\t\t\t\tCrew\n\t\t\t\t\t</TabsTrigger>\n\t\t\t\t</TabsList>\n\n\t\t\t\t{/* Only the Level list scrolls — the model has many storeys. The header, headcount, and tab\n\t\t\t\t    bar stay fixed, and the shorter Trade / Crew lists don't scroll. */}\n\t\t\t\t<TabsContent value=\"level\" className=\"wwc:mt-0 wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:p-0\">\n\t\t\t\t\t{activeLevel ? (\n\t\t\t\t\t\t<div className=\"wwc:shrink-0 wwc:border-b wwc:border-border wwc:bg-primary/5 wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\tIsolating <span className=\"wwc:font-medium wwc:text-foreground\">{activeLevel}</span> — click it again to\n\t\t\t\t\t\t\texit.\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<div className=\"wwc:shrink-0 wwc:p-2 wwc:pb-1\">\n\t\t\t\t\t\t<div className=\"wwc:relative\">\n\t\t\t\t\t\t\t<Search className=\"wwc:pointer-events-none wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-3.5 wwc:w-3.5 wwc:-translate-y-1/2 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tvalue={query}\n\t\t\t\t\t\t\t\tonChange={(e) => setQuery(e.target.value)}\n\t\t\t\t\t\t\t\tplaceholder=\"Search levels…\"\n\t\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:pl-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div ref={levelListRef} className=\"wwc:min-h-0 wwc:flex-1 wwc:overflow-auto wwc:px-2 wwc:pb-2\">\n\t\t\t\t\t\t{filteredLevels.length === 0 ? (\n\t\t\t\t\t\t\t<p className=\"wwc:px-2 wwc:py-4 wwc:text-center wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\tNo levels match.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tfilteredLevels.map((level) => (\n\t\t\t\t\t\t\t\t<CountRow\n\t\t\t\t\t\t\t\t\tkey={level.name}\n\t\t\t\t\t\t\t\t\tname={level.name}\n\t\t\t\t\t\t\t\t\tcount={level.count}\n\t\t\t\t\t\t\t\t\tactive={level.name === activeLevel}\n\t\t\t\t\t\t\t\t\tonClick={() => onSelectLevel(level.name)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</TabsContent>\n\n\t\t\t\t<TabsContent value=\"trade\" className=\"wwc:mt-0 wwc:min-h-0 wwc:flex-1 wwc:p-2\">\n\t\t\t\t\t{TRADES.map((trade) => (\n\t\t\t\t\t\t<CountRow key={trade.name} name={trade.name} count={trade.count} />\n\t\t\t\t\t))}\n\t\t\t\t</TabsContent>\n\n\t\t\t\t<TabsContent value=\"crew\" className=\"wwc:mt-0 wwc:min-h-0 wwc:flex-1 wwc:p-2\">\n\t\t\t\t\t{CREWS.map((crew) => (\n\t\t\t\t\t\t<CountRow key={crew.name} name={crew.name} count={crew.count} />\n\t\t\t\t\t))}\n\t\t\t\t</TabsContent>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\n// Per-floor headcount — deliberately large so the model demonstrates thousands of workers at once.\nconst levelCount = (i: number) => 55 + ((i * 37 + 13) % 95);\n\ninterface WorkerMarker {\n\tid: string;\n\tstoreyId: string;\n\tposition: [number, number, number];\n\tstatus: \"active\" | \"inactive\";\n\t/** 0..1 — the worker is present once the time-of-day factor reaches this. Evenly spread per floor. */\n\tpresence: number;\n}\n\n// Fraction of the workforce on site at a given time of day: quiet overnight, ramp from ~05:30, peak\n// midday with a lunch dip, taper to evening.\nfunction dayFactor(t: Date): number {\n\tconst h = t.getHours() + t.getMinutes() / 60;\n\tif (h < 5.5 || h > 19.5) return 0.04;\n\tconst ramp = Math.min(1, (h - 5.5) / 1.5);\n\tconst taper = Math.min(1, (19.5 - h) / 2.5);\n\tconst lunch = h > 12 && h < 13 ? 0.6 : 1;\n\treturn Math.max(0.04, Math.min(1, ramp * taper * lunch));\n}\n\n/** Small deterministic PRNG so worker scatter is stable across renders. */\nfunction rng(seed: number): () => number {\n\tlet s = seed >>> 0 || 1;\n\treturn () => {\n\t\ts = (Math.imul(s, 1664525) + 1013904223) >>> 0;\n\t\treturn s / 4294967296;\n\t};\n}\n\ntype WorldBox = {min: [number, number, number]; max: [number, number, number]};\n\n/**\n * Place each storey's workers *inside its own footprint* — the real per-floor world box, so upper-floor\n * workers sit in the tower rather than out over the podium void, at floor height rather than floating.\n * World-space (the marker mesh lives in the world scene), seeded so positions don't jump.\n */\nfunction buildWorkerMarkers(\n\tstoreys: {id: string; elevation: number}[],\n\tbounds: WorldBox,\n\tfootprints: Record<string, WorldBox>,\n): WorkerMarker[] {\n\tconst out: WorkerMarker[] = [];\n\tstoreys.forEach((storey, i) => {\n\t\tconst count = levelCount(i);\n\t\t// The floor's own box when we have it; fall back to the whole model footprint.\n\t\tconst box = footprints[storey.id] ?? bounds;\n\t\tconst [minX, minY, minZ] = box.min;\n\t\tconst [maxX, , maxZ] = box.max;\n\t\t// Inset hard so workers land in the interior, clear of the exterior walls.\n\t\tconst insetX = (maxX - minX) * 0.2;\n\t\tconst insetZ = (maxZ - minZ) * 0.2;\n\t\tconst x0 = minX + insetX;\n\t\tconst x1 = maxX - insetX;\n\t\tconst z0 = minZ + insetZ;\n\t\tconst z1 = maxZ - insetZ;\n\t\t// A metre above the slab, so the sphere reads as a person standing on the floor.\n\t\tconst y = minY + 1;\n\t\tconst r = rng(hashStr(storey.id) ^ 0x9e3779b9);\n\t\tfor (let k = 0; k < count; k++) {\n\t\t\tconst x = x0 + r() * (x1 - x0);\n\t\t\tconst z = z0 + r() * (z1 - z0);\n\t\t\tout.push({\n\t\t\t\tid: `${storey.id}#${k}`,\n\t\t\t\tstoreyId: storey.id,\n\t\t\t\tposition: [x, y, z],\n\t\t\t\tstatus: Math.floor(r() * 100) % 12 === 0 ? \"inactive\" : \"active\",\n\t\t\t\t// Evenly spread so \"presence <= factor\" yields ~round(count × factor) workers on the floor.\n\t\t\t\tpresence: (k + 0.5) / count,\n\t\t\t});\n\t\t}\n\t});\n\treturn out;\n}\n\n/** Map View surface — the collapsible workers menu beside the injected 3D/map stage. */\nexport function WorkforceMapView({stage}: {stage?: ReactNode}) {\n\tconst [open, setOpen] = useState(true);\n\t// View mode — only 3D is live; 2D is a placeholder for a future top-down plan.\n\tconst [viewMode, setViewMode] = useState(\"3d\");\n\tconst viewer = useOptionalFragmentViewer();\n\t// Fallback active level when the stage isn't a FragmentViewer (design/preview only).\n\tconst [localActive, setLocalActive] = useState<string | null>(null);\n\n\t// Ask the viewer for the model's real storeys once it's ready.\n\tconst storeyCount = viewer?.state.storeys.length ?? 0;\n\tconst viewerReady = viewer?.state.ready ?? false;\n\tuseEffect(() => {\n\t\tif (viewer && viewerReady && storeyCount === 0) void viewer.api.loadStoreys();\n\t}, [viewer, viewerReady, storeyCount]);\n\n\t// Level list: the model's storeys when available, else the placeholder floors. Counts are fixtures.\n\tconst storeyKey = viewer?.state.storeys.map((s) => s.name).join(\"|\") ?? \"\";\n\tconst levels = useMemo(() => {\n\t\tconst names = storeyKey ? storeyKey.split(\"|\") : LEVEL_NAMES;\n\t\treturn names.map((name, i) => ({name, count: levelCount(i)}));\n\t}, [storeyKey]);\n\n\t// ── Time-of-day scrubbing: pick a day and rewind it to see the workforce for that moment. ──\n\tconst [selectedDate, setSelectedDate] = useState(() => {\n\t\tconst s = new Date();\n\t\ts.setHours(0, 0, 0, 0);\n\t\treturn s;\n\t});\n\tconst day = useMemo(\n\t\t() => ({start: selectedDate, end: new Date(selectedDate.getTime() + 24 * 60 * 60 * 1000)}),\n\t\t[selectedDate],\n\t);\n\tconst [currentTime, setCurrentTime] = useState(() => new Date());\n\t// The cursor can't scrub past \"now\" on the live (today's) timeline; a past day is fully historical.\n\tconst maxTime = useMemo(() => {\n\t\tconst now = new Date();\n\t\tconst sameDay =\n\t\t\tselectedDate.getFullYear() === now.getFullYear() &&\n\t\t\tselectedDate.getMonth() === now.getMonth() &&\n\t\t\tselectedDate.getDate() === now.getDate();\n\t\treturn sameDay ? now : day.end;\n\t}, [selectedDate, day]);\n\t// Switch day, keeping the same time-of-day on the cursor.\n\tconst changeDate = (d: Date) => {\n\t\tconst start = new Date(d);\n\t\tstart.setHours(0, 0, 0, 0);\n\t\tsetSelectedDate(start);\n\t\tconst mins = currentTime.getHours() * 60 + currentTime.getMinutes();\n\t\tsetCurrentTime(new Date(start.getTime() + mins * 60 * 1000));\n\t};\n\tconst [playing, setPlaying] = useState(false);\n\t// Back to now — reset the date to today and the cursor to the current time.\n\tconst goToNow = () => {\n\t\tconst now = new Date();\n\t\tconst start = new Date(now);\n\t\tstart.setHours(0, 0, 0, 0);\n\t\tsetSelectedDate(start);\n\t\tsetCurrentTime(now);\n\t\tsetPlaying(false);\n\t};\n\tconst timeFactor = dayFactor(currentTime);\n\n\t// Level counts scaled to the current time — drives the panel, the details roster, and the markers.\n\tconst scaledLevels = useMemo(\n\t\t() => levels.map((l) => ({name: l.name, count: Math.round(l.count * timeFactor)})),\n\t\t[levels, timeFactor],\n\t);\n\tconst totalNow = scaledLevels.reduce((sum, l) => sum + l.count, 0);\n\n\t// The activity band under the scrubber — active (green) / inactive (amber) stacked per 20 min. The rest\n\t// of the day (after \"now\") reads zero so the bars stop at the live edge.\n\tconst baseTotal = useMemo(() => levels.reduce((sum, l) => sum + l.count, 0), [levels]);\n\tconst activity = useMemo<TimeScrubberActivity[]>(() => {\n\t\tconst out: TimeScrubberActivity[] = [];\n\t\tconst cutoff = maxTime.getTime();\n\t\tfor (let m = 0; m <= 24 * 60; m += 20) {\n\t\t\tconst t = new Date(day.start.getTime() + m * 60 * 1000);\n\t\t\tconst hhmm = `${String(t.getHours()).padStart(2, \"0\")}:${String(t.getMinutes()).padStart(2, \"0\")}`;\n\t\t\tif (t.getTime() > cutoff) {\n\t\t\t\tout.push({time: t, value: 0, title: `${hhmm} — no data yet`});\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tconst total = Math.round(baseTotal * dayFactor(t));\n\t\t\tconst active = Math.round(total * 0.93);\n\t\t\tconst inactive = total - active;\n\t\t\tout.push({\n\t\t\t\ttime: t,\n\t\t\t\tvalue: total,\n\t\t\t\ttitle: `${hhmm} — ${active.toLocaleString()} active · ${inactive.toLocaleString()} inactive`,\n\t\t\t\tsegments: [\n\t\t\t\t\t{value: active, className: \"wwc:bg-green-400/70\"},\n\t\t\t\t\t{value: inactive, className: \"wwc:bg-amber-400/70\"},\n\t\t\t\t],\n\t\t\t});\n\t\t}\n\t\treturn out;\n\t}, [day, baseTotal, maxTime]);\n\n\t// Worker markers — built once the model's storeys (with elevations) and footprint are known, then\n\t// drawn as one InstancedMesh (thousands stay cheap). Visibility follows the isolated floor and the\n\t// Workers toggle.\n\tconst [showWorkers, setShowWorkers] = useState(true);\n\t// Shading (postproduction) toggle state — the viewer has no field for it, so we track it here.\n\tconst [shading, setShading] = useState(false);\n\tconst [workers, setWorkers] = useState<WorkerMarker[]>([]);\n\t// Marker sphere radius in world metres — person-sized, small relative to the rooms.\n\tconst [markerRadius, setMarkerRadius] = useState(0.3);\n\tuseEffect(() => {\n\t\tif (!viewer || storeyCount === 0) {\n\t\t\tsetWorkers([]);\n\t\t\treturn;\n\t\t}\n\t\t// The bounding boxer can lag a beat behind storey load, so poll until the footprint resolves.\n\t\tlet cancelled = false;\n\t\tlet tries = 0;\n\t\tconst build = async () => {\n\t\t\tif (cancelled || !viewer) return;\n\t\t\tconst b = viewer.api.bounds();\n\t\t\tif (!b) {\n\t\t\t\tif (tries++ < 40) setTimeout(build, 200);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst footprints = await viewer.api.storeyFootprints();\n\t\t\tif (cancelled) return;\n\t\t\tsetWorkers(buildWorkerMarkers(viewer.state.storeys, b, footprints));\n\t\t\tsetMarkerRadius(Math.max(0.2, Math.min(0.5, (b.max[0] - b.min[0]) / 300)));\n\t\t};\n\t\tvoid build();\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t\t// Keyed on storeyKey: rebuilt once when the model's storeys load.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [storeyKey]);\n\n\tconst activeStorey = viewer?.state.activeStorey ?? null;\n\tuseEffect(() => {\n\t\tif (!viewer) return;\n\t\tif (!showWorkers) {\n\t\t\t// Empty (count 0) rather than clearMarkers() so the mesh persists — no rebuild flicker on re-toggle.\n\t\t\tviewer.api.setMarkers([], {occluded: false, radius: markerRadius});\n\t\t\treturn;\n\t\t}\n\t\t// Only the workers present at the scrubbed time; when a floor is isolated, only its workers.\n\t\tconst visible = workers.filter(\n\t\t\t(w) => w.presence <= timeFactor && (activeStorey ? w.storeyId === activeStorey : true),\n\t\t);\n\t\tviewer.api.setMarkers(\n\t\t\tvisible.map((w) => ({\n\t\t\t\tid: w.id,\n\t\t\t\tposition: w.position,\n\t\t\t\tcolor: w.status === \"active\" ? MARKER_ACTIVE : MARKER_INACTIVE,\n\t\t\t})),\n\t\t\t{occluded: false, radius: markerRadius},\n\t\t);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [workers, activeStorey, showWorkers, markerRadius, timeFactor]);\n\n\tconst activeLevel = viewer ? viewer.state.activeStorey : localActive;\n\tconst selectLevel = (name: string) => {\n\t\tif (viewer) {\n\t\t\t// Toggle: clicking the open level exits ghost mode; picking another isolates + fits to it.\n\t\t\tif (viewer.state.activeStorey === name) void viewer.api.closeStorey();\n\t\t\telse void viewer.api.openStorey(name);\n\t\t} else {\n\t\t\tsetLocalActive((prev) => (prev === name ? null : name));\n\t\t}\n\t};\n\tconst clearLevel = () => {\n\t\tif (viewer) {\n\t\t\tif (viewer.state.activeStorey) void viewer.api.closeStorey();\n\t\t} else {\n\t\t\tsetLocalActive(null);\n\t\t}\n\t};\n\n\t// ↑/↓ move between levels (isolating each). Latest values via refs so the listener attaches once.\n\tconst navRef = useRef({levels, activeLevel, viewer, setLocalActive});\n\tnavRef.current = {levels, activeLevel, viewer, setLocalActive};\n\tuseEffect(() => {\n\t\tconst onKey = (e: KeyboardEvent) => {\n\t\t\tif (e.key !== \"ArrowUp\" && e.key !== \"ArrowDown\") return;\n\t\t\tconst target = e.target as HTMLElement | null;\n\t\t\tif (target && (target.tagName === \"INPUT\" || target.tagName === \"TEXTAREA\" || target.isContentEditable)) return;\n\t\t\tconst {levels: ls, activeLevel: cur, viewer: v} = navRef.current;\n\t\t\tconst names = ls.map((l) => l.name);\n\t\t\tif (names.length === 0) return;\n\t\t\tconst idx = cur ? names.indexOf(cur) : -1;\n\t\t\tconst next =\n\t\t\t\te.key === \"ArrowDown\"\n\t\t\t\t\t? idx < 0\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: Math.min(names.length - 1, idx + 1)\n\t\t\t\t\t: idx < 0\n\t\t\t\t\t\t? names.length - 1\n\t\t\t\t\t\t: Math.max(0, idx - 1);\n\t\t\tif (next === idx) return;\n\t\t\te.preventDefault();\n\t\t\tif (v) void v.api.openStorey(names[next]);\n\t\t\telse navRef.current.setLocalActive(names[next]);\n\t\t};\n\t\twindow.addEventListener(\"keydown\", onKey);\n\t\treturn () => window.removeEventListener(\"keydown\", onKey);\n\t}, []);\n\n\t// The clicked level, resolved to its time-scaled count, drives the right details menu.\n\tconst activeLevelData = activeLevel ? scaledLevels.find((l) => l.name === activeLevel) : undefined;\n\n\t// Loading state — up until the model is rendered, its storeys are known, and the workers are placed.\n\tconst modelStatus = viewer?.state.status;\n\tconst modelError = modelStatus === \"error\";\n\tconst modelLoading =\n\t\t!!viewer && !modelError && (modelStatus !== \"ready\" || storeyCount === 0 || workers.length === 0);\n\n\treturn (\n\t\t// The stage fills the whole area; the workers menu and the level details float on top of it.\n\t\t<div className=\"wwc:relative wwc:min-h-0 wwc:min-w-0 wwc:flex-1 wwc:overflow-hidden\">\n\t\t\t{stage}\n\n\t\t\t{/* Workers menu — a floating card on the left, or a \"Workers\" pill when collapsed. */}\n\t\t\t{open ? (\n\t\t\t\t<div className=\"wwc:absolute wwc:left-3 wwc:top-3 wwc:z-20 wwc:w-72\">\n\t\t\t\t\t<WorkersPanel\n\t\t\t\t\t\tonClose={() => setOpen(false)}\n\t\t\t\t\t\tlevels={scaledLevels}\n\t\t\t\t\t\tactiveLevel={activeLevel}\n\t\t\t\t\t\tonSelectLevel={selectLevel}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"wwc:absolute wwc:left-3 wwc:top-3 wwc:z-20\">\n\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" className=\"wwc:gap-1.5 wwc:shadow-sm\" onClick={() => setOpen(true)}>\n\t\t\t\t\t\t<PanelLeftOpen className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\tWorkers\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Top controls — 3D/2D switch, view controls, and element toggles, all icons. */}\n\t\t\t<div className=\"wwc:absolute wwc:left-1/2 wwc:top-3 wwc:z-20 wwc:flex wwc:-translate-x-1/2 wwc:items-center wwc:gap-2\">\n\t\t\t\t<ToggleGroup\n\t\t\t\t\ttype=\"single\"\n\t\t\t\t\tvalue={viewMode}\n\t\t\t\t\tonValueChange={(v) => v && setViewMode(v)}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tclassName=\"wwc:rounded-md wwc:border wwc:border-border wwc:bg-card wwc:p-0.5 wwc:shadow-md\"\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupItem value=\"3d\" aria-label=\"3D view\" className=\"wwc:gap-1.5\">\n\t\t\t\t\t\t<Box className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t3D\n\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t<ToggleGroupItem value=\"2d\" aria-label=\"2D view — coming soon\" disabled className=\"wwc:gap-1.5\">\n\t\t\t\t\t\t<Square className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t2D\n\t\t\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:h-4 wwc:px-1 wwc:text-[9px]\">\n\t\t\t\t\t\t\tSoon\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t</ToggleGroup>\n\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-0.5 wwc:rounded-md wwc:border wwc:border-border wwc:bg-card wwc:p-0.5 wwc:shadow-md\">\n\t\t\t\t\t{viewer && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: \"orbit\",\n\t\t\t\t\t\t\t\t\t\tlabel: \"Orbit\",\n\t\t\t\t\t\t\t\t\t\tIcon: Orbit,\n\t\t\t\t\t\t\t\t\t\tactive: viewer.state.navigation === \"Orbit\",\n\t\t\t\t\t\t\t\t\t\tonClick: () => viewer.api.setNavigation(\"Orbit\"),\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{key: \"fit\", label: \"Fit\", Icon: Maximize2, active: false, onClick: () => void viewer.api.fit()},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: \"ortho\",\n\t\t\t\t\t\t\t\t\t\tlabel: \"Ortho\",\n\t\t\t\t\t\t\t\t\t\tIcon: Grid2x2,\n\t\t\t\t\t\t\t\t\t\tactive: viewer.state.projection === \"Orthographic\",\n\t\t\t\t\t\t\t\t\t\tonClick: () => void viewer.api.toggleProjection(),\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: \"shading\",\n\t\t\t\t\t\t\t\t\t\tlabel: \"Shading\",\n\t\t\t\t\t\t\t\t\t\tIcon: Sparkles,\n\t\t\t\t\t\t\t\t\t\tactive: shading,\n\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\tconst next = !shading;\n\t\t\t\t\t\t\t\t\t\t\tsetShading(next);\n\t\t\t\t\t\t\t\t\t\t\tviewer.api.setPostproduction(next);\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: \"ghost\",\n\t\t\t\t\t\t\t\t\t\tlabel: \"Ghost\",\n\t\t\t\t\t\t\t\t\t\tIcon: Ghost,\n\t\t\t\t\t\t\t\t\t\tactive: viewer.state.ghost,\n\t\t\t\t\t\t\t\t\t\tonClick: () => void viewer.api.setGhost(!viewer.state.ghost),\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t] as const\n\t\t\t\t\t\t\t).map(({key, label, Icon, active, onClick}) => (\n\t\t\t\t\t\t\t\t<HoverTooltip key={key} content={label} side=\"bottom\">\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant={active ? \"secondary\" : \"ghost\"}\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\taria-label={label}\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:w-8 wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\tdisabled={!viewerReady}\n\t\t\t\t\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Icon className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t<span aria-hidden className=\"wwc:mx-0.5 wwc:h-5 wwc:w-px wwc:bg-border\" />\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* Element toggles — show/hide the workers layer and (soon) the 3D walkthrough. */}\n\t\t\t\t\t<HoverTooltip content={showWorkers ? \"Hide workers\" : \"Show workers\"} side=\"bottom\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant={showWorkers ? \"secondary\" : \"ghost\"}\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label=\"Toggle workers on model\"\n\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:w-8 wwc:text-muted-foreground\"\n\t\t\t\t\t\t\tonClick={() => setShowWorkers(!showWorkers)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Users className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t<HoverTooltip content=\"3D walk — coming soon\" side=\"bottom\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label=\"3D walk — coming soon\"\n\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:w-8 wwc:text-muted-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PersonStanding className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HoverTooltip>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Time scrubber — rewind the day; the count and markers follow the time. Full width: the floating\n\t\t\t    panels are capped in height at the top, so they never reach the timeline at the bottom. */}\n\t\t\t<div className=\"wwc:absolute wwc:inset-x-3 wwc:bottom-3 wwc:z-10\">\n\t\t\t\t<TimeScrubber\n\t\t\t\t\tstart={day.start}\n\t\t\t\t\tend={day.end}\n\t\t\t\t\tvariant=\"barGraph\"\n\t\t\t\t\tdata={activity}\n\t\t\t\t\tvalue={currentTime}\n\t\t\t\t\tonValueChange={setCurrentTime}\n\t\t\t\t\tmax={maxTime}\n\t\t\t\t\tdate={selectedDate}\n\t\t\t\t\tonDateChange={changeDate}\n\t\t\t\t\tplaying={playing}\n\t\t\t\t\tonPlayingChange={setPlaying}\n\t\t\t\t\tonNow={goToNow}\n\t\t\t\t\tvalueLabel={`${totalNow.toLocaleString()} on site`}\n\t\t\t\t\tclassName=\"wwc:bg-card\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{/* Level details — a floating card on the right, opened by selecting a level or a space. */}\n\t\t\t{activeLevelData && (\n\t\t\t\t<div className=\"wwc:absolute wwc:right-3 wwc:top-3 wwc:z-20 wwc:w-80\">\n\t\t\t\t\t<LevelDetailsPanel name={activeLevelData.name} count={activeLevelData.count} onClose={clearLevel} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Loading / error overlay — covers the stage until the model + workers are ready. */}\n\t\t\t{(modelLoading || modelError) && (\n\t\t\t\t<div className=\"wwc:absolute wwc:inset-0 wwc:z-30 wwc:flex wwc:flex-col wwc:items-center wwc:justify-center wwc:gap-3 wwc:bg-background/80 wwc:backdrop-blur-sm\">\n\t\t\t\t\t{modelError ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<AlertTriangle className=\"wwc:h-8 wwc:w-8 wwc:text-destructive\" />\n\t\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:text-muted-foreground\">Couldn't load the model.</span>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Spinner className=\"wwc:h-8 wwc:w-8 wwc:text-primary\" />\n\t\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:text-muted-foreground\">Loading model…</span>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/workforce-obs.d.mts

@@ -0,0 +1,5 @@
+//#region src/pages/workforce-obs.d.ts
+/** The OBS tab — a nested, collapsible org tree table with per-row supervisor/subordinate/delete actions. */
+export declare function ObsView(): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=workforce-obs.d.mts.map

package/dist/pages/workforce-obs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workforce-obs.d.mts","names":[],"sources":["../../src/pages/workforce-obs.tsx"],"mappings":";;wBAwgBgB,uCAAO,IAAA"}