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

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

@@ -0,0 +1,299 @@
+import { Button } from "../button.mjs";
+import { WeekSelector } from "../week-selector.mjs";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../breadcrumb.mjs";
+import { BuildingProgress } from "../building-progress.mjs";
+import { FragmentViewerProvider } from "../fragment-viewer/context.mjs";
+import { FragmentViewer } from "../fragment-viewer.mjs";
+import { ViewerToolbar } from "../viewer-toolbar.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ArrowRight, Maximize2, Minimize2, PanelRight, TrendingDown, X } from "lucide-react";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-building-viewer.tsx
+const FLOAT_SHADOW = "wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]";
+const BUILDING_FLOORS = [
+	{
+		id: "rf",
+		label: "RF",
+		name: "Roof",
+		value: 81
+	},
+	{
+		id: "uf",
+		label: "UF",
+		name: "Upper Floor",
+		value: 31
+	},
+	{
+		id: "ff",
+		label: "FF",
+		name: "First Floor",
+		value: 61
+	},
+	{
+		id: "gf",
+		label: "GF",
+		name: "Ground Floor",
+		value: 41
+	},
+	{
+		id: "sub",
+		label: "SUB",
+		name: "Basement",
+		value: 96
+	}
+];
+const WEEKS = [
+	{
+		value: "W109",
+		start: new Date(2026, 5, 12),
+		end: new Date(2026, 5, 18)
+	},
+	{
+		value: "W110",
+		start: new Date(2026, 5, 19),
+		end: new Date(2026, 5, 25)
+	},
+	{
+		value: "W111",
+		start: new Date(2026, 5, 26),
+		end: new Date(2026, 6, 2)
+	},
+	{
+		value: "W112",
+		start: new Date(2026, 6, 3),
+		end: new Date(2026, 6, 9)
+	},
+	{
+		value: "W113",
+		start: new Date(2026, 6, 10),
+		end: new Date(2026, 6, 16)
+	},
+	{
+		value: "W114",
+		start: new Date(2026, 6, 17),
+		end: new Date(2026, 6, 23)
+	},
+	{
+		value: "W115",
+		start: new Date(2026, 6, 24),
+		end: new Date(2026, 6, 30)
+	}
+];
+/**
+* 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.
+*/
+function BuildingViewer({ src = "/models/villa-vl4.frag", fallbackSrc = "/models-bundled/uptown.frag", workerUrl } = {}) {
+	const [showPanel, setShowPanel] = useState(true);
+	const [week, setWeek] = useState("W112");
+	const [fullScreen, setFullScreen] = useState(false);
+	const [activeFloor, setActiveFloor] = useState("gf");
+	const activeFloorData = BUILDING_FLOORS.find((f) => f.id === activeFloor);
+	useEffect(() => {
+		if (!fullScreen) return;
+		const onKey = (event) => {
+			if (event.key === "Escape") setFullScreen(false);
+		};
+		window.addEventListener("keydown", onKey);
+		return () => window.removeEventListener("keydown", onKey);
+	}, [fullScreen]);
+	return /* @__PURE__ */ jsx("div", {
+		className: fullScreen ? "wwc:fixed wwc:inset-0 wwc:z-50 wwc:overflow-hidden wwc:bg-background" : "wwc:h-full wwc:w-full wwc:overflow-hidden",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:h-full wwc:flex-col",
+			children: [/* @__PURE__ */ jsx("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",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "wwc:grid wwc:h-full wwc:min-h-12 wwc:w-full wwc:grid-cols-3 wwc:items-center wwc:gap-4",
+					children: [
+						/* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+							/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+								href: "#",
+								children: "Villa 1"
+							}) }),
+							/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+							/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+								href: "#",
+								children: "HOUSE-12-F0"
+							}) }),
+							/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+							/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: activeFloorData?.name }) })
+						] }) }),
+						/* @__PURE__ */ jsx("div", { "aria-hidden": "true" }),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-end wwc:gap-2",
+							children: [/* @__PURE__ */ jsx(WeekSelector, {
+								className: "wwc:shrink-0 wwc:border-0 wwc:bg-transparent wwc:px-0 wwc:py-0",
+								weeks: WEEKS,
+								value: week,
+								onValueChange: setWeek,
+								visibleCount: 4
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "outline",
+								icon: true,
+								size: "sm",
+								"aria-label": fullScreen ? "Exit full screen" : "Full screen",
+								className: "wwc:shrink-0",
+								onClick: () => setFullScreen((v) => !v),
+								children: fullScreen ? /* @__PURE__ */ jsx(Minimize2, { className: "wwc:h-4 wwc:w-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "wwc:h-4 wwc:w-4" })
+							})]
+						})
+					]
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-h-0 wwc:flex-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "wwc:relative wwc:flex-1 wwc:overflow-hidden wwc:bg-zinc-100 dark:wwc:bg-zinc-900",
+					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: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."
+						]
+					}), !showPanel && /* @__PURE__ */ jsx("div", {
+						className: "wwc:absolute wwc:right-[14px] wwc:top-[14px] wwc:z-10",
+						children: /* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							className: cn("wwc:gap-1.5", FLOAT_SHADOW),
+							onClick: () => setShowPanel(true),
+							children: [/* @__PURE__ */ jsx(PanelRight, { className: "wwc:size-4" }), "Show details"]
+						})
+					})]
+				}), showPanel && /* @__PURE__ */ jsxs("aside", {
+					className: cn("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),
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:p-3",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:text-sm wwc:font-bold wwc:text-foreground",
+								children: "HOUSE-12-F0"
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								"aria-label": "Close panel",
+								className: "wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none",
+								onClick: () => setShowPanel(false),
+								children: /* @__PURE__ */ jsx(X, { className: "wwc:size-3.5" })
+							})]
+						}),
+						/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border" }),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:flex-col wwc:gap-2 wwc:p-3",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "wwc:text-[11px] wwc:text-muted-foreground",
+									children: activeFloorData?.name
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2",
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											className: "wwc:text-xl wwc:font-bold wwc:leading-none wwc:text-foreground",
+											children: "67%"
+										}),
+										/* @__PURE__ */ jsxs("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",
+											children: [
+												/* @__PURE__ */ jsx(TrendingDown, { className: "wwc:size-3" }),
+												/* @__PURE__ */ jsx("span", {
+													className: "wwc:text-[11px] wwc:font-semibold",
+													children: "-4%"
+												}),
+												/* @__PURE__ */ jsx("span", {
+													className: "wwc:text-[11px]",
+													children: "variance"
+												})
+											]
+										}),
+										/* @__PURE__ */ jsx("span", {
+											className: "wwc:text-xl wwc:font-bold wwc:leading-none wwc:text-zinc-500",
+											children: "71%"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:gap-1.5",
+										children: [/* @__PURE__ */ jsx("span", { className: "wwc:size-1.5 wwc:rounded-sm wwc:bg-foreground" }), /* @__PURE__ */ jsx("span", {
+											className: "wwc:text-[10px] wwc:text-foreground",
+											children: "Approved"
+										})]
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:gap-1.5",
+										children: [/* @__PURE__ */ jsx("span", { className: "wwc:size-1.5 wwc:rounded-sm wwc:bg-zinc-500" }), /* @__PURE__ */ jsx("span", {
+											className: "wwc:text-[10px] wwc:text-zinc-500",
+											children: "Planned"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:flex-col wwc:gap-0.5 wwc:py-0.5",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "wwc:h-2 wwc:w-full wwc:overflow-hidden wwc:rounded-sm wwc:bg-muted",
+										children: /* @__PURE__ */ jsx("div", {
+											className: "wwc:h-full wwc:rounded-sm wwc:bg-foreground",
+											style: { width: "67%" }
+										})
+									}), /* @__PURE__ */ jsx("div", {
+										className: "wwc:h-2 wwc:w-full wwc:overflow-hidden wwc:rounded-sm wwc:bg-muted",
+										children: /* @__PURE__ */ jsx("div", {
+											className: "wwc:h-full wwc:rounded-sm wwc:bg-zinc-500/40",
+											style: { width: "71%" }
+										})
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border" }),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:min-h-0 wwc:flex-col wwc:gap-2 wwc:p-3",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:text-[11px] wwc:font-semibold wwc:text-foreground",
+								children: "Progress by floor"
+							}), /* @__PURE__ */ jsx(BuildingProgress, {
+								floors: BUILDING_FLOORS,
+								activeId: activeFloor,
+								onFloorSelect: setActiveFloor,
+								size: "compact"
+							})]
+						}),
+						/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border" }),
+						/* @__PURE__ */ jsx("div", {
+							className: "wwc:flex-1 wwc:p-3",
+							children: /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								className: "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",
+								children: ["View Walk-through", /* @__PURE__ */ jsx(ArrowRight, { className: "wwc:size-3.5" })]
+							})
+						})
+					]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { BuildingViewer };
+
+//# sourceMappingURL=core-building-viewer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-building-viewer.mjs","names":[],"sources":["../../src/pages/core-building-viewer.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ArrowRight, Maximize2, Minimize2, PanelRight, TrendingDown, X} from \"lucide-react\";\nimport {useEffect, 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 {FragmentViewer, FragmentViewerProvider} from \"../fragment-viewer\";\nimport {ViewerToolbar} from \"../viewer-toolbar\";\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) — drives the breadcrumb, the hero comparison,\n// and the \"Progress by floor\" list. Mirrors the Blueprint Viewer's fixtures so the two variants read\n// as siblings of the same building.\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 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\nexport interface BuildingViewerProps {\n\t/** Fragments (.frag) model URL for the villa/building. Defaults to the bundled UpTown model. */\n\tsrc?: string;\n\t/** Fallback model URL if `src` fails to load. */\n\tfallbackSrc?: string;\n\t/**\n\t * Worker URL for `@thatopen/fragments`. A bundled library cannot resolve the worker to a runtime\n\t * URL, so Vite consumers pass `import workerUrl from \"@thatopen/fragments/worker?url\"`.\n\t */\n\tworkerUrl?: string;\n}\n\n/**\n * BuildingViewer — the \"Villa Viewer\" variation of the Building Viewer template: the villa's real\n * ThatOpen 3D model (`FragmentViewer`) with a floor-progress side panel and week header. The 3D\n * sibling of the Blueprint Viewer (2D SVG floor plans). Based on the Capture app's villa-level page.\n */\nexport function BuildingViewer({\n\tsrc = \"/models/villa-vl4.frag\",\n\tfallbackSrc = \"/models-bundled/uptown.frag\",\n\tworkerUrl,\n}: BuildingViewerProps = {}) {\n\tconst [showPanel, setShowPanel] = useState(true);\n\tconst [week, setWeek] = useState(\"W112\");\n\tconst [fullScreen, setFullScreen] = useState(false);\n\tconst [activeFloor, setActiveFloor] = useState(\"gf\");\n\tconst activeFloorData = BUILDING_FLOORS.find((f) => f.id === activeFloor);\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\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: breadcrumbs (left), week selector + full-screen (right) — matches Blueprint Viewer. ─── */}\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: the villa's real 3D model + a floating viewer toolbar ─────────────────── */}\n\t\t\t\t\t<div className=\"wwc:relative wwc:flex-1 wwc:overflow-hidden wwc:bg-zinc-100 dark:wwc:bg-zinc-900\">\n\t\t\t\t\t\t{workerUrl ? (\n\t\t\t\t\t\t\t<FragmentViewerProvider>\n\t\t\t\t\t\t\t\t<div className=\"wwc:absolute wwc:inset-0\">\n\t\t\t\t\t\t\t\t\t<FragmentViewer\n\t\t\t\t\t\t\t\t\t\tsrc={src}\n\t\t\t\t\t\t\t\t\t\tfallbackSrc={fallbackSrc}\n\t\t\t\t\t\t\t\t\t\tmodelId=\"villa\"\n\t\t\t\t\t\t\t\t\t\tworkerUrl={workerUrl}\n\t\t\t\t\t\t\t\t\t\tshowLogo={false}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/* Full-width, zero-height wrapper so the toolbar centres itself and overflows upward (no\n\t\t\t\t\t\t\t\t    hit area over the canvas) — mirrors the Site Reality stage toolbar placement. */}\n\t\t\t\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\t\t\t<ViewerToolbar className={cn(\"wwc:pointer-events-auto wwc:max-w-full\", FLOAT_SHADOW)} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</FragmentViewerProvider>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"wwc:absolute wwc:inset-0 wwc:flex wwc:items-center wwc:justify-center wwc:p-6 wwc:text-center wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\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\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. */}\n\t\t\t\t\t\t{!showPanel && (\n\t\t\t\t\t\t\t<div className=\"wwc:absolute wwc:right-[14px] wwc:top-[14px] wwc:z-10\">\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={cn(\"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</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* ── Full-height details panel (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={cn(\n\t\t\t\t\t\t\t\t\"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\",\n\t\t\t\t\t\t\t\tFLOAT_SHADOW,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\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 for the active floor. */}\n\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<span className=\"wwc:text-[11px] wwc:text-muted-foreground\">{activeFloorData?.name}</span>\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<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<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<TrendingDown className=\"wwc:size-3\" />\n\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<span className=\"wwc:text-[11px]\">variance</span>\n\t\t\t\t\t\t\t\t\t</div>\n\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</div>\n\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<div className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\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<span className=\"wwc:text-[10px] wwc:text-foreground\">Approved</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:gap-1.5\">\n\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<span className=\"wwc:text-[10px] wwc:text-zinc-500\">Planned</span>\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\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<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<div className=\"wwc:h-full wwc:rounded-sm wwc:bg-foreground\" style={{width: \"67%\"}} />\n\t\t\t\t\t\t\t\t\t</div>\n\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<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</div>\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\t<div className=\"wwc:h-px wwc:w-full wwc:bg-border\" />\n\n\t\t\t\t\t\t\t{/* Progress by floor: the tapered building-elevation list. */}\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={activeFloor}\n\t\t\t\t\t\t\t\t\tonFloorSelect={setActiveFloor}\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</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-clinic.d.mts

@@ -0,0 +1,14 @@
+//#region src/pages/core-clinic.d.ts
+/**
+ * Clinic occupational-health template. Renders its own app shell and a content area that toggles
+ * between the route header (Overview / Worker Fitness tabs + a Settings action) and a Settings
+ * sub-surface (SideMenu + content).
+ *
+ * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+ * supported production import: compose your page from the widgets this template uses, wired to your
+ * own data (see the CoreClinic template docs in Storybook). Slated for removal from the public API in a
+ * future major.
+ */
+export declare function Clinic(): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-clinic.d.mts.map

package/dist/pages/core-clinic.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-clinic.d.mts","names":[],"sources":["../../src/pages/core-clinic.tsx"],"mappings":";;;;;;;;;;;wBAi0DgB,sCAAM,IAAA"}