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

package/dist/pages/core-blueprint-viewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-blueprint-viewer.mjs","names":[],"sources":["../../src/pages/core-blueprint-viewer.tsx"],"sourcesContent":["import {ArrowRight, LayoutGrid, Maximize2, Minimize2, PanelRight, TrendingDown, Video, X} from \"lucide-react\";\nimport {useEffect, useRef, useState} from \"react\";\n\nimport {\n\tBreadcrumb,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from \"../breadcrumb\";\nimport {type BuildingFloor, BuildingProgress} from \"../building-progress\";\nimport {Button} from \"../button\";\nimport {CanvasNavigator, type CanvasNavigatorNode, type CanvasNavigatorSize} from \"../canvas-navigator\";\nimport {Toggle} from \"../toggle\";\nimport {Toolbar, ToolbarButton} from \"../toolbar\";\nimport {HoverTooltip, TooltipProvider} from \"../tooltip\";\nimport {VerticalZoomTools} from \"../vertical-zoom-tools\";\nimport {WeekSelector, type WeekSelectorWeek} from \"../week-selector\";\n\n// A slight drop shadow for the panels floating over the canvas (the app's `shadow-*` scale is `none`).\nconst FLOAT_SHADOW = \"wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]\";\n\n// Floors ordered top → bottom (base is furthest along). This single list drives the top-center tabs,\n// the multi-blueprint split view, and the \"Progress by floor\" list — so N floors → N tabs.\ntype Floor = BuildingFloor & {name: string};\n\nconst BUILDING_FLOORS: Floor[] = [\n\t{id: \"rf\", label: \"RF\", name: \"Roof\", value: 81},\n\t{id: \"uf\", label: \"UF\", name: \"Upper Floor\", value: 31},\n\t{id: \"ff\", label: \"FF\", name: \"First Floor\", value: 61},\n\t{id: \"gf\", label: \"GF\", name: \"Ground Floor\", value: 41},\n\t{id: \"sub\", label: \"SUB\", name: \"Basement\", value: 96},\n];\n\nconst FLOOR_TABS = BUILDING_FLOORS.map((f) => ({value: f.id, label: f.label}));\n\n// Weeks the schedule spans — feeds the week selector in the header toolbar.\nconst WEEKS: WeekSelectorWeek[] = [\n\t{value: \"W109\", start: new Date(2026, 5, 12), end: new Date(2026, 5, 18)},\n\t{value: \"W110\", start: new Date(2026, 5, 19), end: new Date(2026, 5, 25)},\n\t{value: \"W111\", start: new Date(2026, 5, 26), end: new Date(2026, 6, 2)},\n\t{value: \"W112\", start: new Date(2026, 6, 3), end: new Date(2026, 6, 9)},\n\t{value: \"W113\", start: new Date(2026, 6, 10), end: new Date(2026, 6, 16)},\n\t{value: \"W114\", start: new Date(2026, 6, 17), end: new Date(2026, 6, 23)},\n\t{value: \"W115\", start: new Date(2026, 6, 24), end: new Date(2026, 6, 30)},\n];\n\n// Waypoints (in the floor-plan viewBox) that define the walk-through path.\nconst WALK_PATH = [\n\t{x: 150, y: 130},\n\t{x: 150, y: 350},\n\t{x: 350, y: 350},\n\t{x: 610, y: 350},\n\t{x: 850, y: 350},\n\t{x: 850, y: 500},\n];\n\n// A mock architectural floor plan that fills its container (viewBox keeps it aspect-correct).\n// `walkPath` overlays a dotted walking route with hoverable / clickable waypoints (entering the\n// walkthrough isn't wired up yet — the points just show the affordance).\nfunction FloorPlan({className, walkPath = false}: {className?: string; walkPath?: boolean}) {\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 1000 680\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tclassName={className}\n\t\t\trole=\"img\"\n\t\t\taria-label=\"Ground floor plan\"\n\t\t>\n\t\t\t<rect x=\"0\" y=\"0\" width=\"1000\" height=\"680\" fill=\"#ffffff\" />\n\t\t\t{/* Outer shell */}\n\t\t\t<rect x=\"60\" y=\"60\" width=\"880\" height=\"560\" fill=\"none\" stroke=\"#3f3f46\" strokeWidth=\"4\" />\n\t\t\t<g fill=\"none\" stroke=\"#52525b\" strokeWidth=\"2\">\n\t\t\t\t{/* Central corridor */}\n\t\t\t\t<rect x=\"60\" y=\"320\" width=\"880\" height=\"60\" />\n\t\t\t\t{/* Left offices */}\n\t\t\t\t<rect x=\"60\" y=\"60\" width=\"180\" height=\"130\" />\n\t\t\t\t<rect x=\"60\" y=\"190\" width=\"180\" height=\"130\" />\n\t\t\t\t<rect x=\"60\" y=\"380\" width=\"180\" height=\"120\" />\n\t\t\t\t<rect x=\"60\" y=\"500\" width=\"180\" height=\"120\" />\n\t\t\t\t{/* Middle rooms */}\n\t\t\t\t<rect x=\"240\" y=\"60\" width=\"220\" height=\"260\" />\n\t\t\t\t<line x1=\"350\" y1=\"60\" x2=\"350\" y2=\"320\" />\n\t\t\t\t<rect x=\"240\" y=\"380\" width=\"220\" height=\"240\" />\n\t\t\t\t{/* Meeting / open plan */}\n\t\t\t\t<rect x=\"460\" y=\"60\" width=\"300\" height=\"130\" />\n\t\t\t\t<rect x=\"460\" y=\"190\" width=\"300\" height=\"130\" />\n\t\t\t\t<rect x=\"460\" y=\"380\" width=\"300\" height=\"240\" />\n\t\t\t\t<line x1=\"610\" y1=\"380\" x2=\"610\" y2=\"620\" />\n\t\t\t\t{/* Right services */}\n\t\t\t\t<rect x=\"760\" y=\"60\" width=\"180\" height=\"260\" />\n\t\t\t\t<line x1=\"760\" y1=\"150\" x2=\"940\" y2=\"150\" />\n\t\t\t\t<line x1=\"760\" y1=\"230\" x2=\"940\" y2=\"230\" />\n\t\t\t\t<rect x=\"760\" y=\"380\" width=\"180\" height=\"240\" />\n\t\t\t</g>\n\t\t\t{/* Door swings + fixtures */}\n\t\t\t<g fill=\"none\" stroke=\"#a1a1aa\" strokeWidth=\"1.5\">\n\t\t\t\t<path d=\"M150 320 A 30 30 0 0 1 180 350\" />\n\t\t\t\t<path d=\"M350 320 A 30 30 0 0 1 380 350\" />\n\t\t\t\t<path d=\"M610 320 A 30 30 0 0 1 640 350\" />\n\t\t\t\t<circle cx=\"850\" cy=\"480\" r=\"26\" />\n\t\t\t\t<circle cx=\"330\" cy=\"500\" r=\"26\" />\n\t\t\t</g>\n\n\t\t\t{walkPath && (\n\t\t\t\t<g>\n\t\t\t\t\t{/* Dotted route line connecting the waypoints */}\n\t\t\t\t\t<polyline\n\t\t\t\t\t\tpoints={WALK_PATH.map((p) => `${p.x},${p.y}`).join(\" \")}\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"#2563eb\"\n\t\t\t\t\t\tstrokeWidth=\"4\"\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\tstrokeDasharray=\"1 16\"\n\t\t\t\t\t/>\n\t\t\t\t\t{/* Hoverable / clickable waypoints */}\n\t\t\t\t\t{WALK_PATH.map((p, i) => (\n\t\t\t\t\t\t<g key={`${p.x}-${p.y}`} className=\"wwc:group wwc:cursor-pointer\">\n\t\t\t\t\t\t\t<title>Enter walk-through at point {i + 1}</title>\n\t\t\t\t\t\t\t<circle cx={p.x} cy={p.y} r=\"26\" fill=\"transparent\" />\n\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\tcx={p.x}\n\t\t\t\t\t\t\t\tcy={p.y}\n\t\t\t\t\t\t\t\tr=\"20\"\n\t\t\t\t\t\t\t\tclassName=\"wwc:fill-blue-500/25 wwc:opacity-0 wwc:transition-opacity wwc:group-hover:opacity-100\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<circle cx={p.x} cy={p.y} r=\"9\" fill=\"#2563eb\" stroke=\"#ffffff\" strokeWidth=\"3\" />\n\t\t\t\t\t\t</g>\n\t\t\t\t\t))}\n\t\t\t\t</g>\n\t\t\t)}\n\t\t</svg>\n\t);\n}\n\n// The split view divides the canvas into one section per tab/level — sibling blueprints under the same\n// parent. It splits by count: 1 → single, 2/4 → two columns, otherwise three columns; up to six sections\n// fill the canvas, and any beyond that keep the six-up size (two rows visible) and scroll.\nfunction SplitBlueprints({\n\tlevels,\n\tzoom,\n\tpan,\n\tisPanning,\n}: {\n\tlevels: typeof FLOOR_TABS;\n\tzoom: number;\n\tpan: {x: number; y: number};\n\tisPanning: boolean;\n}) {\n\tconst count = levels.length;\n\tconst cols = count <= 1 ? 1 : count === 2 || count === 4 ? 2 : 3;\n\tconst scroll = count > 6;\n\tconst rows = Math.ceil(count / cols);\n\treturn (\n\t\t<div\n\t\t\tclassName={`wwc:absolute wwc:inset-0 wwc:grid ${scroll ? \"wwc:overflow-y-auto\" : \"\"}`}\n\t\t\tstyle={{\n\t\t\t\tgridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n\t\t\t\t...(scroll ? {gridAutoRows: \"50%\"} : {gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`}),\n\t\t\t}}\n\t\t>\n\t\t\t{levels.map((lvl, i) => (\n\t\t\t\t// Sections are divided by inner border lines only, so the canvas keeps no outer outline.\n\t\t\t\t<div\n\t\t\t\t\tkey={lvl.value}\n\t\t\t\t\tclassName={`wwc:relative wwc:overflow-hidden ${i % cols > 0 ? \"wwc:border-l wwc:border-border\" : \"\"} ${\n\t\t\t\t\t\tMath.floor(i / cols) > 0 ? \"wwc:border-t wwc:border-border\" : \"\"\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`wwc:h-full wwc:w-full wwc:origin-center ${isPanning ? \"\" : \"wwc:transition-transform wwc:duration-75\"}`}\n\t\t\t\t\t\tstyle={{transform: `translate(${pan.x}px, ${pan.y}px) scale(${zoom})`}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FloorPlan className=\"wwc:h-full wwc:w-full\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={`wwc:absolute wwc:left-3 wwc:top-3 wwc:rounded-md wwc:bg-white/90 wwc:px-2 wwc:py-1 wwc:text-[11px] wwc:font-semibold wwc:text-foreground dark:wwc:bg-zinc-900/90 ${FLOAT_SHADOW}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{lvl.label}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\n// Floors as a searchable navigator tree — one branch per building, each floor a leaf.\nconst NAV_NODES: CanvasNavigatorNode[] = [\n\t{\n\t\tid: \"house-12-f0\",\n\t\tlabel: \"HOUSE-12-F0\",\n\t\tchildren: BUILDING_FLOORS.map((f) => ({id: f.id, label: f.name})),\n\t},\n];\n\n/**\n * Single-blueprint viewer at the lowest hierarchy level: a pan/zoom SVG floor-plan canvas with a\n * searchable floor navigator (top-left), a \"Show Multiple\" split view (top-center), zoom tools\n * (top-right), and a full-height Building Progress side panel.\n *\n * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a\n * supported production import: compose your page from the widgets this template uses, wired to your\n * own data (see the BlueprintViewer template docs in Storybook). Slated for removal from the public API in a\n * future major.\n */\nexport function BlueprintViewer() {\n\tconst [zoom, setZoom] = useState(1);\n\tconst canvasRef = useRef<HTMLDivElement>(null);\n\tconst [showMultiple, setShowMultiple] = useState(false);\n\t// The right-side details panel can be closed (and reopened via the \"Show details\" button).\n\tconst [showPanel, setShowPanel] = useState(true);\n\tconst [week, setWeek] = useState(\"W112\");\n\t// Full-screen promotes the viewer to a fixed full-viewport overlay (exit with the button or Esc).\n\tconst [fullScreen, setFullScreen] = useState(false);\n\tconst [navSize, setNavSize] = useState<CanvasNavigatorSize>(\"default\");\n\t// The navigator and the panel's floor list share one selection.\n\tconst [activeFloor, setActiveFloor] = useState(\"gf\");\n\tconst activeFloorData = BUILDING_FLOORS.find((f) => f.id === activeFloor);\n\t// Picking a floor (from the navigator or the progress list) selects it and drops back to single view.\n\tconst selectFloor = (id: string) => {\n\t\tsetActiveFloor(id);\n\t\tsetShowMultiple(false);\n\t};\n\tconst [pan, setPan] = useState({x: 0, y: 0});\n\tconst [isPanning, setIsPanning] = useState(false);\n\t// Snapshot of the drag origin + pan offset at pointer-down, so moves compute an absolute offset.\n\tconst panStart = useRef<{pointerX: number; pointerY: number; panX: number; panY: number} | null>(null);\n\n\t// Wheel over the canvas zooms the blueprint (non-passive so the page doesn't scroll).\n\tuseEffect(() => {\n\t\tconst el = canvasRef.current;\n\t\tif (!el) return;\n\t\tconst onWheel = (event: WheelEvent) => {\n\t\t\tevent.preventDefault();\n\t\t\tsetZoom((z) => Math.min(4, Math.max(0.25, Number((z * (event.deltaY < 0 ? 1.1 : 1 / 1.1)).toFixed(3)))));\n\t\t};\n\t\tel.addEventListener(\"wheel\", onWheel, {passive: false});\n\t\treturn () => el.removeEventListener(\"wheel\", onWheel);\n\t}, []);\n\n\t// Esc exits full-screen.\n\tuseEffect(() => {\n\t\tif (!fullScreen) return;\n\t\tconst onKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key === \"Escape\") setFullScreen(false);\n\t\t};\n\t\twindow.addEventListener(\"keydown\", onKey);\n\t\treturn () => window.removeEventListener(\"keydown\", onKey);\n\t}, [fullScreen]);\n\n\t// Click-drag anywhere on the canvas backdrop pans the blueprint. Pointer capture keeps the drag\n\t// alive even if the cursor leaves the surface; the z-10 overlays sit above and take their own clicks.\n\tconst startPan = (event: React.PointerEvent<HTMLDivElement>) => {\n\t\tif (event.button !== 0) return;\n\t\tpanStart.current = {pointerX: event.clientX, pointerY: event.clientY, panX: pan.x, panY: pan.y};\n\t\tsetIsPanning(true);\n\t\tevent.currentTarget.setPointerCapture(event.pointerId);\n\t};\n\tconst movePan = (event: React.PointerEvent<HTMLDivElement>) => {\n\t\tconst start = panStart.current;\n\t\tif (!start) return;\n\t\tsetPan({x: start.panX + (event.clientX - start.pointerX), y: start.panY + (event.clientY - start.pointerY)});\n\t};\n\tconst endPan = (event: React.PointerEvent<HTMLDivElement>) => {\n\t\tif (!panStart.current) return;\n\t\tpanStart.current = null;\n\t\tsetIsPanning(false);\n\t\tevent.currentTarget.releasePointerCapture(event.pointerId);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={\n\t\t\t\tfullScreen\n\t\t\t\t\t? \"wwc:fixed wwc:inset-0 wwc:z-50 wwc:overflow-hidden wwc:bg-background\"\n\t\t\t\t\t: \"wwc:h-full wwc:w-full wwc:overflow-hidden\"\n\t\t\t}\n\t\t>\n\t\t\t<div className=\"wwc:flex wwc:h-full wwc:flex-col\">\n\t\t\t\t{/* ── Header toolbar: breadcrumbs (left), week selector + full-screen (right). Matches the\n\t\t\t\t    Blueprint Navigator #2 metric bar exactly: min-h-12 + border-b = 49px, px-3, bg-background. ─── */}\n\t\t\t\t<div className=\"wwc:flex wwc:min-h-12 wwc:shrink-0 wwc:items-center wwc:border-b wwc:border-border wwc:bg-background wwc:px-3\">\n\t\t\t\t\t<div className=\"wwc:grid wwc:h-full wwc:min-h-12 wwc:w-full wwc:grid-cols-3 wwc:items-center wwc:gap-4\">\n\t\t\t\t\t\t<Breadcrumb>\n\t\t\t\t\t\t\t<BreadcrumbList>\n\t\t\t\t\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t\t\t\t\t<BreadcrumbLink href=\"#\">Villa 1</BreadcrumbLink>\n\t\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t\t\t\t\t<BreadcrumbLink href=\"#\">HOUSE-12-F0</BreadcrumbLink>\n\t\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t\t\t\t\t<BreadcrumbPage>{activeFloorData?.name}</BreadcrumbPage>\n\t\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t</BreadcrumbList>\n\t\t\t\t\t\t</Breadcrumb>\n\t\t\t\t\t\t<div aria-hidden=\"true\" />\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-end wwc:gap-2\">\n\t\t\t\t\t\t\t<WeekSelector\n\t\t\t\t\t\t\t\tclassName=\"wwc:shrink-0 wwc:border-0 wwc:bg-transparent wwc:px-0 wwc:py-0\"\n\t\t\t\t\t\t\t\tweeks={WEEKS}\n\t\t\t\t\t\t\t\tvalue={week}\n\t\t\t\t\t\t\t\tonValueChange={setWeek}\n\t\t\t\t\t\t\t\tvisibleCount={4}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\taria-label={fullScreen ? \"Exit full screen\" : \"Full screen\"}\n\t\t\t\t\t\t\t\tclassName=\"wwc:shrink-0\"\n\t\t\t\t\t\t\t\tonClick={() => setFullScreen((v) => !v)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{fullScreen ? <Minimize2 className=\"wwc:h-4 wwc:w-4\" /> : <Maximize2 className=\"wwc:h-4 wwc:w-4\" />}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-1\">\n\t\t\t\t\t{/* ── Canvas ─────────────────────────────────────────── */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={canvasRef}\n\t\t\t\t\t\tclassName=\"wwc:relative wwc:flex-1 wwc:overflow-hidden wwc:bg-zinc-100 dark:wwc:bg-zinc-900\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* Map layer: the multi-floor split or a single blueprint — both pan + zoom together. */}\n\t\t\t\t\t\t{showMultiple ? (\n\t\t\t\t\t\t\t<SplitBlueprints levels={FLOOR_TABS} zoom={zoom} pan={pan} isPanning={isPanning} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"wwc:absolute wwc:inset-0\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={`wwc:h-full wwc:w-full wwc:origin-center ${isPanning ? \"\" : \"wwc:transition-transform wwc:duration-75\"}`}\n\t\t\t\t\t\t\t\t\tstyle={{transform: `translate(${pan.x}px, ${pan.y}px) scale(${zoom})`}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<FloorPlan className=\"wwc:h-full wwc:w-full\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* Pan surface: drag the canvas to pan (single or split). Below the z-10 overlays so their clicks land. */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={`wwc:absolute wwc:inset-0 wwc:z-0 ${isPanning ? \"wwc:cursor-grabbing\" : \"wwc:cursor-grab\"}`}\n\t\t\t\t\t\t\tonPointerDown={startPan}\n\t\t\t\t\t\t\tonPointerMove={movePan}\n\t\t\t\t\t\t\tonPointerUp={endPan}\n\t\t\t\t\t\t\tonPointerCancel={endPan}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Top-left: searchable floor navigator */}\n\t\t\t\t\t\t<div className=\"wwc:absolute wwc:left-[14px] wwc:top-[14px] wwc:z-10 wwc:w-64 wwc:max-w-[60%]\">\n\t\t\t\t\t\t\t<CanvasNavigator\n\t\t\t\t\t\t\t\tclassName={FLOAT_SHADOW}\n\t\t\t\t\t\t\t\tnodes={NAV_NODES}\n\t\t\t\t\t\t\t\tsearchable\n\t\t\t\t\t\t\t\tsearchPlaceholder=\"Search floors…\"\n\t\t\t\t\t\t\t\texpandable={false}\n\t\t\t\t\t\t\t\tvalue={activeFloor}\n\t\t\t\t\t\t\t\tonSelect={selectFloor}\n\t\t\t\t\t\t\t\tsize={navSize}\n\t\t\t\t\t\t\t\tonSizeChange={setNavSize}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Top-center: Show Multiple toggle — only when the details panel is closed (the panel hosts\n\t\t\t\t\t\t    its own \"Show multiple floors\" button while open). */}\n\t\t\t\t\t\t{!showPanel && (\n\t\t\t\t\t\t\t<div className=\"wwc:absolute wwc:left-1/2 wwc:top-[14px] wwc:z-20 wwc:-translate-x-1/2\">\n\t\t\t\t\t\t\t\t<Toggle\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tpressed={showMultiple}\n\t\t\t\t\t\t\t\t\tonPressedChange={setShowMultiple}\n\t\t\t\t\t\t\t\t\taria-label=\"Show multiple floors\"\n\t\t\t\t\t\t\t\t\tclassName={`wwc:gap-1.5 wwc:bg-background ${FLOAT_SHADOW}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<LayoutGrid className=\"wwc:size-4\" />\n\t\t\t\t\t\t\t\t\tShow Multiple\n\t\t\t\t\t\t\t\t</Toggle>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* Top-right: reopen the details panel (when closed) above the zoom tools — which nudge down\n\t\t\t\t\t\t    to make room — and a walk-through (video) button below them. */}\n\t\t\t\t\t\t<div className=\"wwc:absolute wwc:right-[14px] wwc:top-[14px] wwc:z-10 wwc:flex wwc:flex-col wwc:items-end wwc:gap-2\">\n\t\t\t\t\t\t\t{!showPanel && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tclassName={`wwc:gap-1.5 ${FLOAT_SHADOW}`}\n\t\t\t\t\t\t\t\t\tonClick={() => setShowPanel(true)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<PanelRight className=\"wwc:size-4\" />\n\t\t\t\t\t\t\t\t\tShow details\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<VerticalZoomTools\n\t\t\t\t\t\t\t\tclassName={FLOAT_SHADOW}\n\t\t\t\t\t\t\t\tzoomLevel={zoom}\n\t\t\t\t\t\t\t\tminZoom={0.25}\n\t\t\t\t\t\t\t\tmaxZoom={4}\n\t\t\t\t\t\t\t\tonZoomIn={() => setZoom((z) => Math.min(4, z + 0.25))}\n\t\t\t\t\t\t\t\tonZoomOut={() => setZoom((z) => Math.max(0.25, z - 0.25))}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{/* Walk-through lives in the panel while it's open; when closed, this takes over. Built from the\n\t\t\t\t\t\t\t    same Toolbar + ToolbarButton as the map toolbars, so it matches the zoom tools' radius + tooltip. */}\n\t\t\t\t\t\t\t{!showPanel && (\n\t\t\t\t\t\t\t\t<TooltipProvider delayDuration={200}>\n\t\t\t\t\t\t\t\t\t<Toolbar\n\t\t\t\t\t\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\t\t\t\t\t\taria-label=\"Walk-through\"\n\t\t\t\t\t\t\t\t\t\tclassName={`wwc:w-10 wwc:py-1 ${FLOAT_SHADOW}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<HoverTooltip content=\"View walk-through\" side=\"left\">\n\t\t\t\t\t\t\t\t\t\t\t<ToolbarButton icon label=\"View walk-through\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Video className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t\t\t\t\t</Toolbar>\n\t\t\t\t\t\t\t\t</TooltipProvider>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* ── Full-height details panel (from the right); closable via its X, reopened via \"Show details\". ─── */}\n\t\t\t\t\t{showPanel && (\n\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\tclassName={`wwc:z-20 wwc:flex wwc:h-full wwc:w-72 wwc:shrink-0 wwc:flex-col wwc:border-l wwc:border-border wwc:bg-white dark:wwc:bg-zinc-950 ${FLOAT_SHADOW}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* Header: project id + close (compact sizing mirrors ProgressComparison) */}\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-bold wwc:text-foreground\">HOUSE-12-F0</span>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Close panel\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none\"\n\t\t\t\t\t\t\t\t\tonClick={() => setShowPanel(false)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"wwc:size-3.5\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"wwc:h-px wwc:w-full wwc:bg-border\" />\n\n\t\t\t\t\t\t\t{/* Hero comparison (hidden when showing multiple blueprints — there's no single active floor). */}\n\t\t\t\t\t\t\t{!showMultiple && (\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[11px] wwc:text-muted-foreground\">{activeFloorData?.name}</span>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-xl wwc:font-bold wwc:leading-none wwc:text-foreground\">67%</span>\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-0.5 wwc:rounded wwc:bg-destructive/10 wwc:px-1.5 wwc:py-0.5 wwc:text-destructive\">\n\t\t\t\t\t\t\t\t\t\t\t<TrendingDown className=\"wwc:size-3\" />\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[11px] wwc:font-semibold\">-4%</span>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[11px]\">variance</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-xl wwc:font-bold wwc:leading-none wwc:text-zinc-500\">71%</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:size-1.5 wwc:rounded-sm wwc:bg-foreground\" />\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[10px] wwc:text-foreground\">Approved</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:size-1.5 wwc:rounded-sm wwc:bg-zinc-500\" />\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[10px] wwc:text-zinc-500\">Planned</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-0.5 wwc:py-0.5\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-2 wwc:w-full wwc:overflow-hidden wwc:rounded-sm wwc:bg-muted\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-full wwc:rounded-sm wwc:bg-foreground\" style={{width: \"67%\"}} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-2 wwc:w-full wwc:overflow-hidden wwc:rounded-sm wwc:bg-muted\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-full wwc:rounded-sm wwc:bg-zinc-500/40\" style={{width: \"71%\"}} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!showMultiple && <div className=\"wwc:h-px wwc:w-full wwc:bg-border\" />}\n\n\t\t\t\t\t\t\t{/* Progress by floor: tapered building-elevation list + the multi-blueprint toggle */}\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-col wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:text-[11px] wwc:font-semibold wwc:text-foreground\">Progress by floor</span>\n\t\t\t\t\t\t\t\t<BuildingProgress\n\t\t\t\t\t\t\t\t\tfloors={BUILDING_FLOORS}\n\t\t\t\t\t\t\t\t\tactiveId={showMultiple ? undefined : activeFloor}\n\t\t\t\t\t\t\t\t\tonFloorSelect={selectFloor}\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Toggle\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tpressed={showMultiple}\n\t\t\t\t\t\t\t\t\tonPressedChange={setShowMultiple}\n\t\t\t\t\t\t\t\t\taria-label=\"Show multiple floors\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:mt-1 wwc:w-full wwc:gap-1.5 wwc:text-[13px]\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<LayoutGrid className=\"wwc:size-4\" />\n\t\t\t\t\t\t\t\t\tShow multiple floors\n\t\t\t\t\t\t\t\t</Toggle>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"wwc:h-px wwc:w-full wwc:bg-border\" />\n\n\t\t\t\t\t\t\t{/* Walk-through action fills the remaining height */}\n\t\t\t\t\t\t\t<div className=\"wwc:flex-1 wwc:p-3\">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:h-9 wwc:w-full wwc:items-center wwc:justify-center wwc:gap-1.5 wwc:rounded-lg wwc:bg-foreground wwc:text-[13px] wwc:font-semibold wwc:text-background wwc:transition-opacity wwc:hover:opacity-90 wwc:focus-visible:outline-none\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tView Walk-through\n\t\t\t\t\t\t\t\t\t<ArrowRight className=\"wwc:size-3.5\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</aside>\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"],"mappings":"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"}

package/dist/pages/core-building-viewer-capture.d.mts

@@ -0,0 +1,18 @@
+//#region src/pages/core-building-viewer-capture.d.ts
+export interface BuildingViewerCaptureProps {
+  /** Fragments (.frag) model URL for the villa. Defaults to the bundled UpTown model. */
+  src?: string;
+  /** Fallback model URL if `src` fails to load. */
+  fallbackSrc?: string;
+  /** Worker URL for `@thatopen/fragments` (Vite: `import workerUrl from "@thatopen/fragments/worker?url"`). */
+  workerUrl?: string;
+}
+/**
+ * BuildingViewerCapture — the beta "Capture UI" variation of the Building Viewer template's 3D Viewer.
+ * The villa's real ThatOpen 3D model with the Capture app's villa-level UI around it, built from the
+ * design-system's capture components: frosted `Card` panels (a floor list + inspector), the `Minimap`,
+ * status `Badge`s and `Progress` bars, and the `ViewerToolbar` — no docked header.
+ */
+export declare function BuildingViewerCapture({ src, fallbackSrc, workerUrl }?: BuildingViewerCaptureProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-building-viewer-capture.d.mts.map

package/dist/pages/core-building-viewer-capture.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-building-viewer-capture.d.mts","names":[],"sources":["../../src/pages/core-building-viewer-capture.tsx"],"mappings":";iBA4CiB;;EAEhB;;EAEA;;EAEA;;;;;;;;wBASe,wBACf,KACA,aACA,cACE,yDAA+B,IAAA"}

package/dist/pages/core-building-viewer-capture.mjs

@@ -0,0 +1,268 @@
+import { Badge } from "../badge.mjs";
+import { Card } from "../card.mjs";
+import { FragmentViewerProvider } from "../fragment-viewer/context.mjs";
+import { FragmentViewer } from "../fragment-viewer.mjs";
+import { Progress } from "../progress.mjs";
+import { Minimap } from "../minimap.mjs";
+import { ViewerToolbar } from "../viewer-toolbar.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { X } from "lucide-react";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-building-viewer-capture.tsx
+const FLOAT_SHADOW = "wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]";
+const SITE_LON = 6.1375;
+const SITE_LAT = 46.1925;
+const FLOORS = [
+	{
+		id: "roof",
+		name: "Roof",
+		level: 3,
+		status: "not-started",
+		progress: 0,
+		workers: 0,
+		area: "142 m²"
+	},
+	{
+		id: "l02",
+		name: "Second Floor",
+		level: 2,
+		status: "in-progress",
+		progress: 46,
+		workers: 6,
+		area: "168 m²"
+	},
+	{
+		id: "l01",
+		name: "First Floor",
+		level: 1,
+		status: "in-progress",
+		progress: 82,
+		workers: 11,
+		area: "168 m²"
+	},
+	{
+		id: "l00",
+		name: "Ground Floor",
+		level: 0,
+		status: "complete",
+		progress: 100,
+		workers: 3,
+		area: "174 m²"
+	},
+	{
+		id: "found",
+		name: "Foundation",
+		level: -1,
+		status: "complete",
+		progress: 100,
+		workers: 0,
+		area: "180 m²"
+	}
+];
+const STATUS = {
+	complete: {
+		label: "Complete",
+		variant: "secondary"
+	},
+	"in-progress": {
+		label: "In progress",
+		variant: "default"
+	},
+	"not-started": {
+		label: "Not started",
+		variant: "outline"
+	}
+};
+const TOTAL_WORKERS = FLOORS.reduce((sum, f) => sum + f.workers, 0);
+/**
+* BuildingViewerCapture — the beta "Capture UI" variation of the Building Viewer template's 3D Viewer.
+* The villa's real ThatOpen 3D model with the Capture app's villa-level UI around it, built from the
+* design-system's capture components: frosted `Card` panels (a floor list + inspector), the `Minimap`,
+* status `Badge`s and `Progress` bars, and the `ViewerToolbar` — no docked header.
+*/
+function BuildingViewerCapture({ src = "/models/villa-vl4.frag", fallbackSrc = "/models-bundled/uptown.frag", workerUrl } = {}) {
+	const [selectedId, setSelectedId] = useState("l01");
+	const [showInspector, setShowInspector] = useState(true);
+	const selected = FLOORS.find((f) => f.id === selectedId) ?? null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:relative wwc:h-full wwc:min-h-0 wwc:w-full wwc:overflow-hidden wwc:bg-background wwc:text-foreground",
+		children: [
+			workerUrl ? /* @__PURE__ */ jsxs(FragmentViewerProvider, { children: [/* @__PURE__ */ jsx("div", {
+				className: "wwc:absolute wwc:inset-0",
+				children: /* @__PURE__ */ jsx(FragmentViewer, {
+					src,
+					fallbackSrc,
+					modelId: "villa",
+					workerUrl,
+					showLogo: false
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "wwc:pointer-events-none wwc:absolute wwc:inset-x-0 wwc:bottom-11 wwc:z-10 wwc:flex wwc:h-0 wwc:items-end wwc:justify-center",
+				children: /* @__PURE__ */ jsx(ViewerToolbar, { className: cn("wwc:pointer-events-auto wwc:max-w-full", FLOAT_SHADOW) })
+			})] }) : /* @__PURE__ */ jsxs("div", {
+				className: "wwc:absolute wwc:inset-0 wwc:flex wwc:items-center wwc:justify-center wwc:bg-muted/30 wwc:p-6 wwc:text-center wwc:text-sm wwc:text-muted-foreground",
+				children: [
+					"Pass a ",
+					/* @__PURE__ */ jsx("code", {
+						className: "wwc:mx-1 wwc:font-mono",
+						children: "workerUrl"
+					}),
+					" to load the villa's 3D model."
+				]
+			}),
+			/* @__PURE__ */ jsxs(Card, {
+				variant: "floating",
+				className: "wwc:absolute wwc:left-3 wwc:top-3 wwc:bottom-44 wwc:z-10 wwc:flex wwc:w-72 wwc:max-w-[60%] wwc:flex-col wwc:overflow-hidden",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-baseline wwc:justify-between wwc:gap-2 wwc:px-3 wwc:pb-2 wwc:pt-3",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "wwc:text-sm wwc:font-semibold",
+							children: "Floors"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "wwc:text-xs wwc:text-muted-foreground",
+							children: [FLOORS.length, " levels · Villa A-12"]
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border/60" }),
+					/* @__PURE__ */ jsx("ul", {
+						className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:list-none wwc:flex-col wwc:gap-1 wwc:overflow-y-auto wwc:p-1.5",
+						children: FLOORS.map((floor) => {
+							const active = floor.id === selectedId;
+							return /* @__PURE__ */ jsx("li", {
+								className: "wwc:contents",
+								children: /* @__PURE__ */ jsxs("button", {
+									type: "button",
+									onClick: () => setSelectedId(active ? null : floor.id),
+									"aria-pressed": active,
+									className: cn("wwc:w-full wwc:rounded-md wwc:border wwc:px-1.5 wwc:py-2 wwc:text-left wwc:transition-colors wwc:focus-visible:outline-none", active ? "wwc:border-primary wwc:bg-accent" : "wwc:border-transparent wwc:hover:bg-accent/60"),
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2",
+											children: [/* @__PURE__ */ jsx("span", {
+												className: "wwc:text-sm wwc:font-medium",
+												children: floor.name
+											}), /* @__PURE__ */ jsx(Badge, {
+												variant: STATUS[floor.status].variant,
+												children: STATUS[floor.status].label
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "wwc:mt-2 wwc:flex wwc:items-center wwc:gap-2",
+											children: [/* @__PURE__ */ jsx(Progress, {
+												value: floor.progress,
+												className: "wwc:h-1.5 wwc:flex-1"
+											}), /* @__PURE__ */ jsxs("span", {
+												className: "wwc:w-9 wwc:text-right wwc:text-xs wwc:tabular-nums wwc:text-muted-foreground",
+												children: [floor.progress, "%"]
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "wwc:mt-1.5 wwc:flex wwc:items-center wwc:gap-3 wwc:text-xs wwc:text-muted-foreground",
+											children: [
+												/* @__PURE__ */ jsxs("span", { children: ["Level ", floor.level] }),
+												/* @__PURE__ */ jsx("span", { children: floor.area }),
+												/* @__PURE__ */ jsxs("span", { children: [floor.workers, " on site"] })
+											]
+										})
+									]
+								})
+							}, floor.id);
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:absolute wwc:bottom-3 wwc:left-3 wwc:z-10 wwc:flex wwc:flex-col wwc:gap-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-2",
+					children: [/* @__PURE__ */ jsx(Badge, {
+						variant: "secondary",
+						children: "Model ready"
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "wwc:rounded wwc:bg-background/80 wwc:px-1.5 wwc:py-0.5 wwc:text-xs wwc:text-muted-foreground wwc:shadow-sm",
+						children: [TOTAL_WORKERS, " workers on site"]
+					})]
+				}), /* @__PURE__ */ jsx(Minimap, {
+					lon: SITE_LON,
+					lat: SITE_LAT,
+					label: "Site",
+					size: "sm"
+				})]
+			}),
+			showInspector && /* @__PURE__ */ jsxs(Card, {
+				variant: "floating",
+				className: "wwc:absolute wwc:right-3 wwc:top-3 wwc:bottom-28 wwc:z-20 wwc:flex wwc:w-[340px] wwc:max-w-[46%] wwc:flex-col wwc:overflow-hidden",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:px-3 wwc:pb-2 wwc:pt-3",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "wwc:text-sm wwc:font-semibold",
+							children: selected ? selected.name : "Villa A-12"
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": "Close inspector",
+							onClick: () => setShowInspector(false),
+							className: "wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none",
+							children: /* @__PURE__ */ jsx(X, { className: "wwc:size-3.5" })
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border/60" }),
+					/* @__PURE__ */ jsx("div", {
+						className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:gap-4 wwc:overflow-y-auto wwc:p-3",
+						children: selected ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2",
+								children: [/* @__PURE__ */ jsx(Badge, {
+									variant: STATUS[selected.status].variant,
+									children: STATUS[selected.status].label
+								}), /* @__PURE__ */ jsxs("span", {
+									className: "wwc:text-2xl wwc:font-semibold wwc:tabular-nums",
+									children: [selected.progress, "%"]
+								})]
+							}),
+							/* @__PURE__ */ jsx(Progress, { value: selected.progress }),
+							/* @__PURE__ */ jsxs("dl", {
+								className: "wwc:grid wwc:grid-cols-2 wwc:gap-x-3 wwc:gap-y-2 wwc:text-sm",
+								children: [
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "Level"
+									}),
+									/* @__PURE__ */ jsx("dd", {
+										className: "wwc:text-right wwc:font-medium",
+										children: selected.level
+									}),
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "Area"
+									}),
+									/* @__PURE__ */ jsx("dd", {
+										className: "wwc:text-right wwc:font-medium",
+										children: selected.area
+									}),
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "On site"
+									}),
+									/* @__PURE__ */ jsxs("dd", {
+										className: "wwc:text-right wwc:font-medium",
+										children: [selected.workers, " workers"]
+									})
+								]
+							})
+						] }) : /* @__PURE__ */ jsx("p", {
+							className: "wwc:text-sm wwc:text-muted-foreground",
+							children: "Select a floor from the panel to inspect its progress, area and crew."
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { BuildingViewerCapture };
+
+//# sourceMappingURL=core-building-viewer-capture.mjs.map

package/dist/pages/core-building-viewer-capture.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-building-viewer-capture.mjs","names":[],"sources":["../../src/pages/core-building-viewer-capture.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {X} from \"lucide-react\";\nimport {useState} from \"react\";\n\nimport {Badge} from \"../badge\";\nimport {Card} from \"../card\";\nimport {FragmentViewer, FragmentViewerProvider} from \"../fragment-viewer\";\nimport {Minimap} from \"../minimap\";\nimport {Progress} from \"../progress\";\nimport {ViewerToolbar} from \"../viewer-toolbar\";\n\nconst FLOAT_SHADOW = \"wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]\";\n\n// The Capture villa site sits at roughly this lon/lat (drives the minimap tile).\nconst SITE_LON = 6.1375;\nconst SITE_LAT = 46.1925;\n\ntype FloorStatus = \"complete\" | \"in-progress\" | \"not-started\";\ntype Floor = {\n\tid: string;\n\tname: string;\n\tlevel: number;\n\tstatus: FloorStatus;\n\tprogress: number;\n\tworkers: number;\n\tarea: string;\n};\n\nconst FLOORS: Floor[] = [\n\t{id: \"roof\", name: \"Roof\", level: 3, status: \"not-started\", progress: 0, workers: 0, area: \"142 m²\"},\n\t{id: \"l02\", name: \"Second Floor\", level: 2, status: \"in-progress\", progress: 46, workers: 6, area: \"168 m²\"},\n\t{id: \"l01\", name: \"First Floor\", level: 1, status: \"in-progress\", progress: 82, workers: 11, area: \"168 m²\"},\n\t{id: \"l00\", name: \"Ground Floor\", level: 0, status: \"complete\", progress: 100, workers: 3, area: \"174 m²\"},\n\t{id: \"found\", name: \"Foundation\", level: -1, status: \"complete\", progress: 100, workers: 0, area: \"180 m²\"},\n];\n\nconst STATUS: Record<FloorStatus, {label: string; variant: \"default\" | \"secondary\" | \"outline\"}> = {\n\tcomplete: {label: \"Complete\", variant: \"secondary\"},\n\t\"in-progress\": {label: \"In progress\", variant: \"default\"},\n\t\"not-started\": {label: \"Not started\", variant: \"outline\"},\n};\n\nconst TOTAL_WORKERS = FLOORS.reduce((sum, f) => sum + f.workers, 0);\n\nexport interface BuildingViewerCaptureProps {\n\t/** Fragments (.frag) model URL for the villa. Defaults to the bundled UpTown model. */\n\tsrc?: string;\n\t/** Fallback model URL if `src` fails to load. */\n\tfallbackSrc?: string;\n\t/** Worker URL for `@thatopen/fragments` (Vite: `import workerUrl from \"@thatopen/fragments/worker?url\"`). */\n\tworkerUrl?: string;\n}\n\n/**\n * BuildingViewerCapture — the beta \"Capture UI\" variation of the Building Viewer template's 3D Viewer.\n * The villa's real ThatOpen 3D model with the Capture app's villa-level UI around it, built from the\n * design-system's capture components: frosted `Card` panels (a floor list + inspector), the `Minimap`,\n * status `Badge`s and `Progress` bars, and the `ViewerToolbar` — no docked header.\n */\nexport function BuildingViewerCapture({\n\tsrc = \"/models/villa-vl4.frag\",\n\tfallbackSrc = \"/models-bundled/uptown.frag\",\n\tworkerUrl,\n}: BuildingViewerCaptureProps = {}) {\n\tconst [selectedId, setSelectedId] = useState<string | null>(\"l01\");\n\tconst [showInspector, setShowInspector] = useState(true);\n\tconst selected = FLOORS.find((f) => f.id === selectedId) ?? null;\n\n\treturn (\n\t\t<div className=\"wwc:relative wwc:h-full wwc:min-h-0 wwc:w-full wwc:overflow-hidden wwc:bg-background wwc:text-foreground\">\n\t\t\t{/* ── 3D canvas + floating viewer toolbar ─────────────────────────────── */}\n\t\t\t{workerUrl ? (\n\t\t\t\t<FragmentViewerProvider>\n\t\t\t\t\t<div className=\"wwc:absolute wwc:inset-0\">\n\t\t\t\t\t\t<FragmentViewer\n\t\t\t\t\t\t\tsrc={src}\n\t\t\t\t\t\t\tfallbackSrc={fallbackSrc}\n\t\t\t\t\t\t\tmodelId=\"villa\"\n\t\t\t\t\t\t\tworkerUrl={workerUrl}\n\t\t\t\t\t\t\tshowLogo={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"wwc:pointer-events-none wwc:absolute wwc:inset-x-0 wwc:bottom-11 wwc:z-10 wwc:flex wwc:h-0 wwc:items-end wwc:justify-center\">\n\t\t\t\t\t\t<ViewerToolbar className={cn(\"wwc:pointer-events-auto wwc:max-w-full\", FLOAT_SHADOW)} />\n\t\t\t\t\t</div>\n\t\t\t\t</FragmentViewerProvider>\n\t\t\t) : (\n\t\t\t\t<div className=\"wwc:absolute wwc:inset-0 wwc:flex wwc:items-center wwc:justify-center wwc:bg-muted/30 wwc:p-6 wwc:text-center wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\tPass a <code className=\"wwc:mx-1 wwc:font-mono\">workerUrl</code> to load the villa's 3D model.\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* ── Floating floor panel (top-left) — the design-system frosted Card + floor list ─────── */}\n\t\t\t<Card\n\t\t\t\tvariant=\"floating\"\n\t\t\t\tclassName=\"wwc:absolute wwc:left-3 wwc:top-3 wwc:bottom-44 wwc:z-10 wwc:flex wwc:w-72 wwc:max-w-[60%] wwc:flex-col wwc:overflow-hidden\"\n\t\t\t>\n\t\t\t\t<div className=\"wwc:flex wwc:items-baseline wwc:justify-between wwc:gap-2 wwc:px-3 wwc:pb-2 wwc:pt-3\">\n\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-semibold\">Floors</span>\n\t\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">{FLOORS.length} levels · Villa A-12</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:h-px wwc:w-full wwc:bg-border/60\" />\n\t\t\t\t{/* The list owns the gap; the `li` collapses to `contents` so the button is the flex child.\n\t\t\t\t    Row padding (px-1.5) + the list's px-1.5 land the row text at the same 12px inset as the\n\t\t\t\t    header title, so header and rows share one left edge. */}\n\t\t\t\t<ul className=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:list-none wwc:flex-col wwc:gap-1 wwc:overflow-y-auto wwc:p-1.5\">\n\t\t\t\t\t{FLOORS.map((floor) => {\n\t\t\t\t\t\tconst active = floor.id === selectedId;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li key={floor.id} className=\"wwc:contents\">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() => setSelectedId(active ? null : floor.id)}\n\t\t\t\t\t\t\t\t\taria-pressed={active}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\"wwc:w-full wwc:rounded-md wwc:border wwc:px-1.5 wwc:py-2 wwc:text-left wwc:transition-colors wwc:focus-visible:outline-none\",\n\t\t\t\t\t\t\t\t\t\tactive ? \"wwc:border-primary wwc:bg-accent\" : \"wwc:border-transparent wwc:hover:bg-accent/60\",\n\t\t\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<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-medium\">{floor.name}</span>\n\t\t\t\t\t\t\t\t\t\t<Badge variant={STATUS[floor.status].variant}>{STATUS[floor.status].label}</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:mt-2 wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t<Progress value={floor.progress} className=\"wwc:h-1.5 wwc:flex-1\" />\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:w-9 wwc:text-right wwc:text-xs wwc:tabular-nums wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t{floor.progress}%\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:mt-1.5 wwc:flex wwc:items-center wwc:gap-3 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t<span>Level {floor.level}</span>\n\t\t\t\t\t\t\t\t\t\t<span>{floor.area}</span>\n\t\t\t\t\t\t\t\t\t\t<span>{floor.workers} on site</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Card>\n\n\t\t\t{/* ── Bottom-left: status + worker chips, then the design-system Minimap ─── */}\n\t\t\t<div className=\"wwc:absolute wwc:bottom-3 wwc:left-3 wwc:z-10 wwc:flex wwc:flex-col wwc:gap-2\">\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t<Badge variant=\"secondary\">Model ready</Badge>\n\t\t\t\t\t<span className=\"wwc:rounded wwc:bg-background/80 wwc:px-1.5 wwc:py-0.5 wwc:text-xs wwc:text-muted-foreground wwc:shadow-sm\">\n\t\t\t\t\t\t{TOTAL_WORKERS} workers on site\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<Minimap lon={SITE_LON} lat={SITE_LAT} label=\"Site\" size=\"sm\" />\n\t\t\t</div>\n\n\t\t\t{/* ── Right: floating floor inspector (frosted Card) ────────────────────── */}\n\t\t\t{showInspector && (\n\t\t\t\t<Card\n\t\t\t\t\tvariant=\"floating\"\n\t\t\t\t\tclassName=\"wwc:absolute wwc:right-3 wwc:top-3 wwc:bottom-28 wwc:z-20 wwc:flex wwc:w-[340px] wwc:max-w-[46%] wwc:flex-col wwc:overflow-hidden\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:px-3 wwc:pb-2 wwc:pt-3\">\n\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-semibold\">{selected ? selected.name : \"Villa A-12\"}</span>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label=\"Close inspector\"\n\t\t\t\t\t\t\tonClick={() => setShowInspector(false)}\n\t\t\t\t\t\t\tclassName=\"wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<X className=\"wwc:size-3.5\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"wwc:h-px wwc:w-full wwc:bg-border/60\" />\n\t\t\t\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:gap-4 wwc:overflow-y-auto wwc:p-3\">\n\t\t\t\t\t\t{selected ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t<Badge variant={STATUS[selected.status].variant}>{STATUS[selected.status].label}</Badge>\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-2xl wwc:font-semibold wwc:tabular-nums\">{selected.progress}%</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<Progress value={selected.progress} />\n\t\t\t\t\t\t\t\t<dl className=\"wwc:grid wwc:grid-cols-2 wwc:gap-x-3 wwc:gap-y-2 wwc:text-sm\">\n\t\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Level</dt>\n\t\t\t\t\t\t\t\t\t<dd className=\"wwc:text-right wwc:font-medium\">{selected.level}</dd>\n\t\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Area</dt>\n\t\t\t\t\t\t\t\t\t<dd className=\"wwc:text-right wwc:font-medium\">{selected.area}</dd>\n\t\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">On site</dt>\n\t\t\t\t\t\t\t\t\t<dd className=\"wwc:text-right wwc:font-medium\">{selected.workers} workers</dd>\n\t\t\t\t\t\t\t\t</dl>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\tSelect a floor from the panel to inspect its progress, area and crew.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</Card>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/core-building-viewer.d.mts

@@ -0,0 +1,20 @@
+//#region src/pages/core-building-viewer.d.ts
+export interface BuildingViewerProps {
+  /** Fragments (.frag) model URL for the villa/building. Defaults to the bundled UpTown model. */
+  src?: string;
+  /** Fallback model URL if `src` fails to load. */
+  fallbackSrc?: string;
+  /**
+   * Worker URL for `@thatopen/fragments`. A bundled library cannot resolve the worker to a runtime
+   * URL, so Vite consumers pass `import workerUrl from "@thatopen/fragments/worker?url"`.
+   */
+  workerUrl?: string;
+}
+/**
+ * BuildingViewer — the "Villa Viewer" variation of the Building Viewer template: the villa's real
+ * ThatOpen 3D model (`FragmentViewer`) with a floor-progress side panel and week header. The 3D
+ * sibling of the Blueprint Viewer (2D SVG floor plans). Based on the Capture app's villa-level page.
+ */
+export declare function BuildingViewer({ src, fallbackSrc, workerUrl }?: BuildingViewerProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-building-viewer.d.mts.map

package/dist/pages/core-building-viewer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-building-viewer.d.mts","names":[],"sources":["../../src/pages/core-building-viewer.tsx"],"mappings":";iBA4CiB;;EAEhB;;EAEA;;;;;EAKA;;;;;;;wBAQe,iBACf,KACA,aACA,cACE,kDAAwB,IAAA"}