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

package/dist/viewer-toolbar.mjs

@@ -0,0 +1,271 @@
+import { Button } from "./button.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.mjs";
+import { Separator } from "./separator.mjs";
+import { Toolbar } from "./toolbar.mjs";
+import { useFragmentViewer } from "./fragment-viewer/context.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Box, EyeOff, Ghost, Hand, Layers, Maximize2, Orbit, Ruler, Scan, Scissors, Sparkles, Square, Triangle } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/viewer-toolbar.tsx
+const NAVIGATION = [{
+	mode: "Orbit",
+	label: "Orbit",
+	icon: Orbit
+}, {
+	mode: "Pan",
+	label: "Pan",
+	icon: Hand
+}];
+const MEASUREMENTS = [
+	{
+		kind: "length",
+		label: "Length",
+		icon: Ruler
+	},
+	{
+		kind: "area",
+		label: "Area",
+		icon: Square
+	},
+	{
+		kind: "angle",
+		label: "Angle",
+		icon: Triangle
+	},
+	{
+		kind: "volume",
+		label: "Volume",
+		icon: Box
+	}
+];
+/**
+* Width the bar needs for labelled buttons, and the floor below which even icons must wrap.
+* Measured from the rendered bar rather than guessed: ~62px per labelled control, ~40px per icon.
+*/
+const LABELLED_MIN_PX = 820;
+const ICONS_MIN_PX = 520;
+/**
+* Keep the bar on one line for as long as it fits: drop the labels first, and only wrap once even
+* the icons won't fit. Measured from the parent, because measuring the bar itself is circular —
+* going icon-only makes it narrower, which would immediately satisfy the labelled test again.
+*/
+function useDensity(ref) {
+	const [density, setDensity] = React.useState("labels");
+	React.useEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		const host = element.offsetParent ?? element.parentElement;
+		if (!host) return;
+		const measure = () => {
+			const width = host.clientWidth;
+			setDensity(width >= LABELLED_MIN_PX ? "labels" : width >= ICONS_MIN_PX ? "icons" : "wrap");
+		};
+		measure();
+		const observer = new ResizeObserver(measure);
+		observer.observe(host);
+		return () => observer.disconnect();
+	}, [ref]);
+	return density;
+}
+/** A labelled toolbar button — the stacked icon-over-label shape BIM viewers use. Exported so a
+* consumer's `extra` slot can add buttons that match the bar exactly. */
+function ToolButton({ icon: Icon, label, active, disabled, compact, onClick }) {
+	return /* @__PURE__ */ jsxs(Button, {
+		variant: active ? "secondary" : "ghost",
+		size: "sm",
+		"aria-pressed": active,
+		"aria-label": compact ? label : void 0,
+		title: compact ? label : void 0,
+		disabled,
+		onClick,
+		className: cn("wwc:flex-col wwc:gap-0.5 wwc:font-medium", compact ? "wwc:h-9 wwc:w-9 wwc:px-0" : "wwc:h-11 wwc:px-2.5 wwc:text-[11px]"),
+		children: [/* @__PURE__ */ jsx(Icon, { className: "wwc:h-4 wwc:w-4" }), !compact && label]
+	});
+}
+const ViewerToolbar = React.forwardRef(({ show, className, extra, ...props }, ref) => {
+	const { state, api } = useFragmentViewer();
+	const innerRef = React.useRef(null);
+	React.useImperativeHandle(ref, () => innerRef.current);
+	const density = useDensity(innerRef);
+	const [postproduction, setPostproduction] = React.useState(true);
+	const compact = density !== "labels";
+	const groups = {
+		navigation: true,
+		tools: true,
+		visibility: true,
+		levels: true,
+		appearance: true,
+		...show
+	};
+	const idle = !state.ready || state.status !== "ready";
+	const noSelection = !state.selection || state.selection.itemCount === 0;
+	const navigation = NAVIGATION.find((entry) => entry.mode === state.navigation) ?? NAVIGATION[0];
+	const measurement = MEASUREMENTS.find((entry) => entry.kind === state.interaction);
+	/** Menu triggers share ToolButton's shape so the bar reads as one row of controls. */
+	const trigger = (icon, label, active) => /* @__PURE__ */ jsxs(Button, {
+		variant: active ? "secondary" : "ghost",
+		size: "sm",
+		disabled: idle,
+		"aria-pressed": active,
+		"aria-label": compact ? label : void 0,
+		title: compact ? label : void 0,
+		className: cn("wwc:flex-col wwc:gap-0.5 wwc:font-medium", compact ? "wwc:h-9 wwc:w-9 wwc:px-0" : "wwc:h-11 wwc:px-2.5 wwc:text-[11px]"),
+		children: [React.createElement(icon, { className: "wwc:h-4 wwc:w-4" }), !compact && label]
+	});
+	return /* @__PURE__ */ jsxs(Toolbar, {
+		ref: innerRef,
+		className: cn("wwc:h-auto wwc:justify-center wwc:gap-0.5 wwc:py-1", density === "wrap" ? "wwc:flex-wrap" : "wwc:flex-nowrap", className),
+		...props,
+		children: [
+			groups.navigation && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: trigger(navigation.icon, navigation.label, true)
+				}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+					align: "start",
+					children: NAVIGATION.map((entry) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onSelect: () => api.setNavigation(entry.mode),
+						children: [/* @__PURE__ */ jsx(entry.icon, { className: "wwc:mr-2 wwc:h-4 wwc:w-4" }), entry.label]
+					}, entry.mode))
+				})] }),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: Maximize2,
+					label: "Fit",
+					compact,
+					disabled: idle,
+					onClick: () => void api.fit()
+				}),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: Box,
+					label: "Ortho",
+					compact,
+					disabled: idle,
+					active: state.projection === "Orthographic",
+					onClick: () => void api.toggleProjection()
+				})
+			] }),
+			groups.tools && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "wwc:mx-1 wwc:h-8"
+				}),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: Scissors,
+					label: "Sections",
+					compact,
+					disabled: idle,
+					active: state.interaction === "section",
+					onClick: () => api.setInteraction("section")
+				}),
+				/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: trigger(measurement?.icon ?? Ruler, measurement?.label ?? "Measure", Boolean(measurement))
+				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+					align: "start",
+					children: [
+						MEASUREMENTS.map((entry) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+							onSelect: () => api.setInteraction(entry.kind),
+							children: [/* @__PURE__ */ jsx(entry.icon, { className: "wwc:mr-2 wwc:h-4 wwc:w-4" }), entry.label]
+						}, entry.kind)),
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							onSelect: () => api.clearMeasurements(),
+							children: "Clear measurements"
+						}),
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							onSelect: () => api.clearSections(),
+							children: "Clear sections"
+						})
+					]
+				})] })
+			] }),
+			groups.levels && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "wwc:mx-1 wwc:h-8"
+			}), /* @__PURE__ */ jsxs(DropdownMenu, {
+				onOpenChange: (open) => {
+					if (open && state.storeys.length === 0) api.loadStoreys();
+				},
+				children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: trigger(Layers, "Levels", Boolean(state.activeStorey))
+				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+					align: "start",
+					className: "wwc:max-h-80 wwc:overflow-y-auto",
+					children: [state.storeys.length === 0 ? /* @__PURE__ */ jsx(DropdownMenuItem, {
+						disabled: true,
+						children: "No IFC storeys in this model"
+					}) : state.storeys.map((storey) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onSelect: () => void api.openStorey(storey.id),
+						children: [/* @__PURE__ */ jsx(Layers, { className: "wwc:mr-2 wwc:h-4 wwc:w-4" }), storey.name]
+					}, storey.id)), state.activeStorey && /* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => void api.closeStorey(),
+						children: "Exit level"
+					})]
+				})]
+			})] }),
+			groups.visibility && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "wwc:mx-1 wwc:h-8"
+				}),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: EyeOff,
+					label: "Hide",
+					compact,
+					disabled: idle || noSelection,
+					onClick: () => void api.hideSelection()
+				}),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: Scan,
+					label: "Isolate",
+					compact,
+					disabled: idle || noSelection,
+					onClick: () => void api.isolateSelection()
+				}),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: Sparkles,
+					label: "Show all",
+					compact,
+					disabled: idle,
+					onClick: () => void api.showAll()
+				})
+			] }),
+			groups.appearance && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "wwc:mx-1 wwc:h-8"
+				}),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: Ghost,
+					label: "Ghost",
+					compact,
+					disabled: idle,
+					active: state.ghost,
+					onClick: () => void api.setGhost(!state.ghost)
+				}),
+				/* @__PURE__ */ jsx(ToolButton, {
+					icon: Sparkles,
+					label: "Shading",
+					compact,
+					disabled: idle,
+					active: postproduction,
+					onClick: () => {
+						const next = !postproduction;
+						setPostproduction(next);
+						api.setPostproduction(next);
+					}
+				})
+			] }),
+			extra && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "wwc:mx-1 wwc:h-8"
+			}), extra({ compact })] })
+		]
+	});
+});
+ViewerToolbar.displayName = "ViewerToolbar";
+//#endregion
+export { ToolButton, ViewerToolbar };
+
+//# sourceMappingURL=viewer-toolbar.mjs.map

package/dist/viewer-toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer-toolbar.mjs","names":[],"sources":["../src/viewer-toolbar.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {\n\tBox,\n\tEyeOff,\n\tGhost,\n\tHand,\n\tLayers,\n\ttype LucideIcon,\n\tMaximize2,\n\tOrbit,\n\tRuler,\n\tScan,\n\tScissors,\n\tSparkles,\n\tSquare,\n\tTriangle,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from \"./dropdown-menu\";\nimport {useFragmentViewer} from \"./fragment-viewer/context\";\nimport type {MeasurementKind, NavigationMode} from \"./fragment-viewer/runtime\";\nimport {Separator} from \"./separator\";\nimport {Toolbar} from \"./toolbar\";\n\n/**\n * The control bar for a FragmentViewer: navigation (orbit/pan), fit, ortho, sections, measurement, an\n * IFC-storey menu, hide/isolate/show-all, and an appearance menu of ghost mode and shading toggles.\n *\n * Chrome only — every button calls the viewer API from context, so this file owns no 3D code. It is\n * a sibling of FragmentViewer rather than part of it, so a template can place it where it likes:\n * docked above the canvas, floating over it, or split across two surfaces.\n */\n\nexport interface ViewerToolbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"children\"> {\n\t/** Hide groups that don't apply to a given surface. */\n\tshow?: {navigation?: boolean; tools?: boolean; visibility?: boolean; levels?: boolean; appearance?: boolean};\n\t/** Extra controls appended after a divider at the end of the bar. Receives the current density so\n\t * a `ToolButton` here can match the built-in ones (icon-only when the bar is compact). */\n\textra?: (ctx: {compact: boolean}) => React.ReactNode;\n}\n\nconst NAVIGATION: {mode: NavigationMode; label: string; icon: LucideIcon}[] = [\n\t{mode: \"Orbit\", label: \"Orbit\", icon: Orbit},\n\t{mode: \"Pan\", label: \"Pan\", icon: Hand},\n];\n\nconst MEASUREMENTS: {kind: MeasurementKind; label: string; icon: LucideIcon}[] = [\n\t{kind: \"length\", label: \"Length\", icon: Ruler},\n\t{kind: \"area\", label: \"Area\", icon: Square},\n\t{kind: \"angle\", label: \"Angle\", icon: Triangle},\n\t{kind: \"volume\", label: \"Volume\", icon: Box},\n];\n\n/**\n * Width the bar needs for labelled buttons, and the floor below which even icons must wrap.\n * Measured from the rendered bar rather than guessed: ~62px per labelled control, ~40px per icon.\n */\nconst LABELLED_MIN_PX = 820;\nconst ICONS_MIN_PX = 520;\n\ntype Density = \"labels\" | \"icons\" | \"wrap\";\n\n/**\n * Keep the bar on one line for as long as it fits: drop the labels first, and only wrap once even\n * the icons won't fit. Measured from the parent, because measuring the bar itself is circular —\n * going icon-only makes it narrower, which would immediately satisfy the labelled test again.\n */\nfunction useDensity(ref: React.RefObject<HTMLDivElement | null>): Density {\n\tconst [density, setDensity] = React.useState<Density>(\"labels\");\n\n\tReact.useEffect(() => {\n\t\t// offsetParent, not parentElement: hosts commonly wrap a floating toolbar in a content-sized\n\t\t// box, and measuring that is circular — it is only ever as wide as the bar itself. The nearest\n\t\t// positioned ancestor is the surface the bar actually has to fit into.\n\t\tconst element = ref.current;\n\t\tif (!element) return;\n\t\tconst host = (element.offsetParent as HTMLElement | null) ?? element.parentElement;\n\t\tif (!host) return;\n\t\tconst measure = () => {\n\t\t\tconst width = host.clientWidth;\n\t\t\tsetDensity(width >= LABELLED_MIN_PX ? \"labels\" : width >= ICONS_MIN_PX ? \"icons\" : \"wrap\");\n\t\t};\n\t\tmeasure();\n\t\tconst observer = new ResizeObserver(measure);\n\t\tobserver.observe(host);\n\t\treturn () => observer.disconnect();\n\t}, [ref]);\n\n\treturn density;\n}\n\n/** A labelled toolbar button — the stacked icon-over-label shape BIM viewers use. Exported so a\n * consumer's `extra` slot can add buttons that match the bar exactly. */\nexport function ToolButton({\n\ticon: Icon,\n\tlabel,\n\tactive,\n\tdisabled,\n\tcompact,\n\tonClick,\n}: {\n\ticon: LucideIcon;\n\tlabel: string;\n\tactive?: boolean;\n\tdisabled?: boolean;\n\t/** Icon only. The label moves to the accessible name so the control stays announced. */\n\tcompact?: boolean;\n\tonClick?: () => void;\n}) {\n\treturn (\n\t\t<Button\n\t\t\tvariant={active ? \"secondary\" : \"ghost\"}\n\t\t\tsize=\"sm\"\n\t\t\taria-pressed={active}\n\t\t\taria-label={compact ? label : undefined}\n\t\t\ttitle={compact ? label : undefined}\n\t\t\tdisabled={disabled}\n\t\t\tonClick={onClick}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex-col wwc:gap-0.5 wwc:font-medium\",\n\t\t\t\tcompact ? \"wwc:h-9 wwc:w-9 wwc:px-0\" : \"wwc:h-11 wwc:px-2.5 wwc:text-[11px]\",\n\t\t\t)}\n\t\t>\n\t\t\t<Icon className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t{!compact && label}\n\t\t</Button>\n\t);\n}\n\nconst ViewerToolbar = React.forwardRef<HTMLDivElement, ViewerToolbarProps>(\n\t({show, className, extra, ...props}, ref) => {\n\t\tconst {state, api} = useFragmentViewer();\n\t\tconst innerRef = React.useRef<HTMLDivElement>(null);\n\t\tReact.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement);\n\t\tconst density = useDensity(innerRef);\n\t\t// The SDK has no getter for postproduction, so the toolbar remembers what it last set.\n\t\tconst [postproduction, setPostproduction] = React.useState(true);\n\t\tconst compact = density !== \"labels\";\n\n\t\tconst groups = {navigation: true, tools: true, visibility: true, levels: true, appearance: true, ...show};\n\t\tconst idle = !state.ready || state.status !== \"ready\";\n\t\tconst noSelection = !state.selection || state.selection.itemCount === 0;\n\t\tconst navigation = NAVIGATION.find((entry) => entry.mode === state.navigation) ?? NAVIGATION[0];\n\t\tconst measurement = MEASUREMENTS.find((entry) => entry.kind === state.interaction);\n\n\t\t/** Menu triggers share ToolButton's shape so the bar reads as one row of controls. */\n\t\tconst trigger = (icon: LucideIcon, label: string, active: boolean) => (\n\t\t\t<Button\n\t\t\t\tvariant={active ? \"secondary\" : \"ghost\"}\n\t\t\t\tsize=\"sm\"\n\t\t\t\tdisabled={idle}\n\t\t\t\taria-pressed={active}\n\t\t\t\taria-label={compact ? label : undefined}\n\t\t\t\ttitle={compact ? label : undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:flex-col wwc:gap-0.5 wwc:font-medium\",\n\t\t\t\t\tcompact ? \"wwc:h-9 wwc:w-9 wwc:px-0\" : \"wwc:h-11 wwc:px-2.5 wwc:text-[11px]\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{React.createElement(icon, {className: \"wwc:h-4 wwc:w-4\"})}\n\t\t\t\t{!compact && label}\n\t\t\t</Button>\n\t\t);\n\n\t\treturn (\n\t\t\t<Toolbar\n\t\t\t\tref={innerRef}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:h-auto wwc:justify-center wwc:gap-0.5 wwc:py-1\",\n\t\t\t\t\tdensity === \"wrap\" ? \"wwc:flex-wrap\" : \"wwc:flex-nowrap\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{groups.navigation && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{/* Navigation modes are mutually exclusive, so the current one is the label. */}\n\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>{trigger(navigation.icon, navigation.label, true)}</DropdownMenuTrigger>\n\t\t\t\t\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t\t\t\t\t{NAVIGATION.map((entry) => (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem key={entry.mode} onSelect={() => api.setNavigation(entry.mode)}>\n\t\t\t\t\t\t\t\t\t\t<entry.icon className=\"wwc:mr-2 wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t{entry.label}\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t\t</DropdownMenu>\n\n\t\t\t\t\t\t<ToolButton icon={Maximize2} label=\"Fit\" compact={compact} disabled={idle} onClick={() => void api.fit()} />\n\t\t\t\t\t\t<ToolButton\n\t\t\t\t\t\t\ticon={Box}\n\t\t\t\t\t\t\tlabel=\"Ortho\"\n\t\t\t\t\t\t\tcompact={compact}\n\t\t\t\t\t\t\tdisabled={idle}\n\t\t\t\t\t\t\tactive={state.projection === \"Orthographic\"}\n\t\t\t\t\t\t\tonClick={() => void api.toggleProjection()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{groups.tools && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"wwc:mx-1 wwc:h-8\" />\n\n\t\t\t\t\t\t<ToolButton\n\t\t\t\t\t\t\ticon={Scissors}\n\t\t\t\t\t\t\tlabel=\"Sections\"\n\t\t\t\t\t\t\tcompact={compact}\n\t\t\t\t\t\t\tdisabled={idle}\n\t\t\t\t\t\t\tactive={state.interaction === \"section\"}\n\t\t\t\t\t\t\tonClick={() => api.setInteraction(\"section\")}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/* Four measurement kinds behind one control, active when any is armed. */}\n\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t\t{trigger(measurement?.icon ?? Ruler, measurement?.label ?? \"Measure\", Boolean(measurement))}\n\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t\t\t\t\t{MEASUREMENTS.map((entry) => (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem key={entry.kind} onSelect={() => api.setInteraction(entry.kind)}>\n\t\t\t\t\t\t\t\t\t\t<entry.icon className=\"wwc:mr-2 wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t{entry.label}\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t<DropdownMenuItem onSelect={() => api.clearMeasurements()}>Clear measurements</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuItem onSelect={() => api.clearSections()}>Clear sections</DropdownMenuItem>\n\t\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{groups.levels && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"wwc:mx-1 wwc:h-8\" />\n\n\t\t\t\t\t\t{/* Storeys are read from the IFC spatial structure the first time the menu opens —\n\t\t\t\t\t\t    deriving them eagerly would cost a pass over the model nobody asked for. */}\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\tonOpenChange={(open) => {\n\t\t\t\t\t\t\t\tif (open && state.storeys.length === 0) void api.loadStoreys();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t\t{trigger(Layers, \"Levels\", Boolean(state.activeStorey))}\n\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t<DropdownMenuContent align=\"start\" className=\"wwc:max-h-80 wwc:overflow-y-auto\">\n\t\t\t\t\t\t\t\t{state.storeys.length === 0 ? (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem disabled>No IFC storeys in this model</DropdownMenuItem>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tstate.storeys.map((storey) => (\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem key={storey.id} onSelect={() => void api.openStorey(storey.id)}>\n\t\t\t\t\t\t\t\t\t\t\t<Layers className=\"wwc:mr-2 wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t\t{storey.name}\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\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{state.activeStorey && (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem onSelect={() => void api.closeStorey()}>Exit level</DropdownMenuItem>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{groups.visibility && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"wwc:mx-1 wwc:h-8\" />\n\t\t\t\t\t\t<ToolButton\n\t\t\t\t\t\t\ticon={EyeOff}\n\t\t\t\t\t\t\tlabel=\"Hide\"\n\t\t\t\t\t\t\tcompact={compact}\n\t\t\t\t\t\t\tdisabled={idle || noSelection}\n\t\t\t\t\t\t\tonClick={() => void api.hideSelection()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolButton\n\t\t\t\t\t\t\ticon={Scan}\n\t\t\t\t\t\t\tlabel=\"Isolate\"\n\t\t\t\t\t\t\tcompact={compact}\n\t\t\t\t\t\t\tdisabled={idle || noSelection}\n\t\t\t\t\t\t\tonClick={() => void api.isolateSelection()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolButton\n\t\t\t\t\t\t\ticon={Sparkles}\n\t\t\t\t\t\t\tlabel=\"Show all\"\n\t\t\t\t\t\t\tcompact={compact}\n\t\t\t\t\t\t\tdisabled={idle}\n\t\t\t\t\t\t\tonClick={() => void api.showAll()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{groups.appearance && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"wwc:mx-1 wwc:h-8\" />\n\n\t\t\t\t\t\t{/* Two direct toggles, not a menu — Ghost and Shading each read as their own control. */}\n\t\t\t\t\t\t<ToolButton\n\t\t\t\t\t\t\ticon={Ghost}\n\t\t\t\t\t\t\tlabel=\"Ghost\"\n\t\t\t\t\t\t\tcompact={compact}\n\t\t\t\t\t\t\tdisabled={idle}\n\t\t\t\t\t\t\tactive={state.ghost}\n\t\t\t\t\t\t\tonClick={() => void api.setGhost(!state.ghost)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolButton\n\t\t\t\t\t\t\ticon={Sparkles}\n\t\t\t\t\t\t\tlabel=\"Shading\"\n\t\t\t\t\t\t\tcompact={compact}\n\t\t\t\t\t\t\tdisabled={idle}\n\t\t\t\t\t\t\tactive={postproduction}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tconst next = !postproduction;\n\t\t\t\t\t\t\t\tsetPostproduction(next);\n\t\t\t\t\t\t\t\tapi.setPostproduction(next);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{extra && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"wwc:mx-1 wwc:h-8\" />\n\t\t\t\t\t\t{extra({compact})}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</Toolbar>\n\t\t);\n\t},\n);\nViewerToolbar.displayName = \"ViewerToolbar\";\n\nexport {ViewerToolbar};\n"],"mappings":"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"}

package/dist/violation-list.d.mts

@@ -0,0 +1,26 @@
+import { ObservationSeverity, ObservationStatus } from "./observation-detail-panel.mjs";
+import * as React from "react";
+//#region src/violation-list.d.ts
+/** Enough of a violation to choose from a list — not the whole ticket. */
+export interface ViolationSummary {
+  id: string;
+  title: string;
+  status: ObservationStatus;
+  severity?: ObservationSeverity;
+  /** Right-aligned meta, typically the time it was reported. */
+  timestamp?: string;
+  /** Secondary line, e.g. a distance or a zone. */
+  detail?: string;
+}
+export interface ViolationListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, "onSelect"> {
+  violations: ViolationSummary[];
+  onSelect?: (violation: ViolationSummary) => void;
+}
+/**
+ * A selectable list of violations, shared by every panel that offers a way into a ticket — a camera's
+ * catch, a responder's queue. One component so the rows cannot drift apart between panels.
+ */
+declare const ViolationList: React.ForwardRefExoticComponent<ViolationListProps & React.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { ViolationList };
+//# sourceMappingURL=violation-list.d.mts.map

package/dist/violation-list.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"violation-list.d.mts","names":[],"sources":["../src/violation-list.tsx"],"mappings":";;;;iBAoBiB;EAChB;EACA;EACA,QAAQ;EACR,WAAW;;EAEX;;EAEA;;iBAGgB,2BAA2B,KAAK,MAAM,eAAe;EACrE,YAAY;EACZ,YAAY,WAAW;;;;;;cAOlB,eAAa,MAAA,0BAAA,qBAAA,MAAA,cAAA"}

package/dist/violation-list.mjs

@@ -0,0 +1,53 @@
+import { Badge } from "./badge.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ChevronRight } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/violation-list.tsx
+const STATUS_LABEL = {
+	pending: "Pending",
+	open: "Open",
+	closed: "Closed"
+};
+function statusVariant(status) {
+	if (status === "closed") return "successSoft";
+	if (status === "pending") return "dangerSoft";
+	return "warningSoft";
+}
+/**
+* A selectable list of violations, shared by every panel that offers a way into a ticket — a camera's
+* catch, a responder's queue. One component so the rows cannot drift apart between panels.
+*/
+const ViolationList = React.forwardRef(({ className, violations, onSelect, ...props }, ref) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	className: cn("wwc:-mx-1 wwc:space-y-0.5", className),
+	...props,
+	children: violations.map((violation) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: () => onSelect?.(violation),
+		className: cn("wwc:flex wwc:w-full wwc:items-center wwc:gap-2 wwc:rounded-md wwc:px-1 wwc:py-1.5 wwc:text-left", "wwc:transition-colors wwc:hover:bg-accent wwc:hover:text-accent-foreground"),
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				className: "wwc:min-w-0 wwc:flex-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:block wwc:truncate wwc:text-xs wwc:font-medium",
+					children: violation.title
+				}), (violation.timestamp || violation.detail) && /* @__PURE__ */ jsx("span", {
+					className: "wwc:block wwc:truncate wwc:text-[11px] wwc:text-muted-foreground",
+					children: [violation.timestamp, violation.detail].filter(Boolean).join(" · ")
+				})]
+			}),
+			/* @__PURE__ */ jsx(Badge, {
+				variant: statusVariant(violation.status),
+				className: "wwc:shrink-0 wwc:px-1.5 wwc:py-0",
+				children: STATUS_LABEL[violation.status]
+			}),
+			/* @__PURE__ */ jsx(ChevronRight, { className: "wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground" })
+		]
+	}) }, violation.id))
+}));
+ViolationList.displayName = "ViolationList";
+//#endregion
+export { ViolationList };
+
+//# sourceMappingURL=violation-list.mjs.map

package/dist/violation-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"violation-list.mjs","names":[],"sources":["../src/violation-list.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ChevronRight} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Badge} from \"./badge\";\nimport type {ObservationSeverity, ObservationStatus} from \"./observation-detail-panel\";\n\nconst STATUS_LABEL: Record<ObservationStatus, string> = {\n\tpending: \"Pending\",\n\topen: \"Open\",\n\tclosed: \"Closed\",\n};\n\nfunction statusVariant(status: ObservationStatus) {\n\tif (status === \"closed\") return \"successSoft\" as const;\n\tif (status === \"pending\") return \"dangerSoft\" as const;\n\treturn \"warningSoft\" as const;\n}\n\n/** Enough of a violation to choose from a list — not the whole ticket. */\nexport interface ViolationSummary {\n\tid: string;\n\ttitle: string;\n\tstatus: ObservationStatus;\n\tseverity?: ObservationSeverity;\n\t/** Right-aligned meta, typically the time it was reported. */\n\ttimestamp?: string;\n\t/** Secondary line, e.g. a distance or a zone. */\n\tdetail?: string;\n}\n\nexport interface ViolationListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, \"onSelect\"> {\n\tviolations: ViolationSummary[];\n\tonSelect?: (violation: ViolationSummary) => void;\n}\n\n/**\n * A selectable list of violations, shared by every panel that offers a way into a ticket — a camera's\n * catch, a responder's queue. One component so the rows cannot drift apart between panels.\n */\nconst ViolationList = React.forwardRef<HTMLUListElement, ViolationListProps>(\n\t({className, violations, onSelect, ...props}, ref) => (\n\t\t<ul ref={ref} className={cn(\"wwc:-mx-1 wwc:space-y-0.5\", className)} {...props}>\n\t\t\t{violations.map((violation) => (\n\t\t\t\t<li key={violation.id}>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={() => onSelect?.(violation)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"wwc:flex wwc:w-full wwc:items-center wwc:gap-2 wwc:rounded-md wwc:px-1 wwc:py-1.5 wwc:text-left\",\n\t\t\t\t\t\t\t\"wwc:transition-colors wwc:hover:bg-accent wwc:hover:text-accent-foreground\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t\t\t<span className=\"wwc:block wwc:truncate wwc:text-xs wwc:font-medium\">{violation.title}</span>\n\t\t\t\t\t\t\t{(violation.timestamp || violation.detail) && (\n\t\t\t\t\t\t\t\t<span className=\"wwc:block wwc:truncate wwc:text-[11px] wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{[violation.timestamp, violation.detail].filter(Boolean).join(\" · \")}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<Badge variant={statusVariant(violation.status)} className=\"wwc:shrink-0 wwc:px-1.5 wwc:py-0\">\n\t\t\t\t\t\t\t{STATUS_LABEL[violation.status]}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t<ChevronRight className=\"wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t))}\n\t\t</ul>\n\t),\n);\nViolationList.displayName = \"ViolationList\";\n\nexport {ViolationList};\n"],"mappings":";;;;;;AAOA,MAAM,eAAkD;CACvD,SAAS;CACT,MAAM;CACN,QAAQ;AACT;AAEA,SAAS,cAAc,QAA2B;CACjD,IAAI,WAAW,UAAU,OAAO;CAChC,IAAI,WAAW,WAAW,OAAO;CACjC,OAAO;AACR;;;;;AAuBA,MAAM,gBAAgB,MAAM,YAC1B,EAAC,WAAW,YAAY,UAAU,GAAG,SAAQ,QAC7C,oBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,6BAA6B,SAAS;CAAG,GAAI;CACvE,UAAA,WAAW,KAAK,cAChB,oBAAC,MAAD,EAAA,UACC,qBAAC,UAAD;EACC,MAAK;EACL,eAAe,WAAW,SAAS;EACnC,WAAW,GACV,mGACA,4EACD;EAND,UAAA;GAQC,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACC,oBAAC,QAAD;KAAM,WAAU;KAAsD,UAAA,UAAU;IAAY,CAAA,IAC1F,UAAU,aAAa,UAAU,WAClC,oBAAC,QAAD;KAAM,WAAU;KACd,UAAA,CAAC,UAAU,WAAW,UAAU,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,KAAK;IAC9D,CAAA,CAEF;;GACN,oBAAC,OAAD;IAAO,SAAS,cAAc,UAAU,MAAM;IAAG,WAAU;IACzD,UAAA,aAAa,UAAU;GAClB,CAAA;GACP,oBAAC,cAAD,EAAc,WAAU,6DAA8D,CAAA;EAC/E;CACL,CAAA,EAAA,GAtBK,UAAU,EAsBf,CACJ;AACE,CAAA,CAEN;AACA,cAAc,cAAc"}

package/dist/walkthrough-modal.d.mts

@@ -0,0 +1,12 @@
+//#region src/walkthrough-modal.d.ts
+export interface WalkthroughModalProps {
+  /** Whether the modal is open. */
+  open: boolean;
+  /** Fired when the open state should change (e.g. overlay/Esc/close). */
+  onOpenChange: (open: boolean) => void;
+  /** Title shown in the header, e.g. `Capture 2 of 17 · Ground Floor · 10:05`. */
+  title: React.ReactNode;
+}
+export declare function WalkthroughModal({ open, onOpenChange, title }: WalkthroughModalProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=walkthrough-modal.d.mts.map

package/dist/walkthrough-modal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-modal.d.mts","names":[],"sources":["../src/walkthrough-modal.tsx"],"mappings":";iBAQiB;;EAEhB;;EAEA,eAAe;;EAEf,OAAO,MAAM;;wBAGE,mBAAkB,MAAM,cAAc,SAAQ,oDAAqB,IAAA"}

package/dist/walkthrough-modal.mjs

@@ -0,0 +1,28 @@
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "./dialog.mjs";
+import { MapCompareLayout } from "./pages/core-map-compare-layout.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/walkthrough-modal.tsx
+function WalkthroughModal({ open, onOpenChange, title }) {
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			"aria-describedby": void 0,
+			className: "wwc:max-w-[min(96vw,1200px)] wwc:gap-0 wwc:overflow-hidden wwc:p-0",
+			children: [/* @__PURE__ */ jsx(DialogHeader, {
+				className: "wwc:px-6 wwc:py-4",
+				children: /* @__PURE__ */ jsx(DialogTitle, {
+					className: "wwc:text-sm",
+					children: title
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "wwc:h-[68vh]",
+				children: /* @__PURE__ */ jsx(MapCompareLayout, { withSessionTimeline: true })
+			})]
+		})
+	});
+}
+//#endregion
+export { WalkthroughModal };
+
+//# sourceMappingURL=walkthrough-modal.mjs.map

package/dist/walkthrough-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-modal.mjs","names":[],"sources":["../src/walkthrough-modal.tsx"],"sourcesContent":["import {Dialog, DialogContent, DialogHeader, DialogTitle} from \"./dialog\";\nimport {MapCompareLayout} from \"./pages/core-map-compare-layout\";\n\n// ── Walkthrough Modal ───────────────────────────────────────────────────────────────────────────────\n// The capture walkthrough: a large, edge-to-edge Map Compare Layout (with the session timeline) shown\n// in a dialog. Opened from a capture point to compare that capture against another session. The header\n// is just a compact 14px title (no subtitle); the map fills the dialog flush to every edge.\n\nexport interface WalkthroughModalProps {\n\t/** Whether the modal is open. */\n\topen: boolean;\n\t/** Fired when the open state should change (e.g. overlay/Esc/close). */\n\tonOpenChange: (open: boolean) => void;\n\t/** Title shown in the header, e.g. `Capture 2 of 17 · Ground Floor · 10:05`. */\n\ttitle: React.ReactNode;\n}\n\nexport function WalkthroughModal({open, onOpenChange, title}: WalkthroughModalProps) {\n\treturn (\n\t\t<Dialog open={open} onOpenChange={onOpenChange}>\n\t\t\t{/* No description → tell Radix explicitly so it doesn't warn about a missing `aria-describedby`. */}\n\t\t\t<DialogContent\n\t\t\t\taria-describedby={undefined}\n\t\t\t\tclassName=\"wwc:max-w-[min(96vw,1200px)] wwc:gap-0 wwc:overflow-hidden wwc:p-0\"\n\t\t\t>\n\t\t\t\t<DialogHeader className=\"wwc:px-6 wwc:py-4\">\n\t\t\t\t\t<DialogTitle className=\"wwc:text-sm\">{title}</DialogTitle>\n\t\t\t\t</DialogHeader>\n\t\t\t\t{/* Edge-to-edge map, flush to the dialog's bottom edge (no padding / gap). */}\n\t\t\t\t<div className=\"wwc:h-[68vh]\">\n\t\t\t\t\t<MapCompareLayout withSessionTimeline />\n\t\t\t\t</div>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n"],"mappings":";;;;AAiBA,SAAgB,iBAAiB,EAAC,MAAM,cAAc,SAA+B;CACpF,OACC,oBAAC,QAAD;EAAc;EAAoB;EAEjC,UAAA,qBAAC,eAAD;GACC,oBAAkB,KAAA;GAClB,WAAU;GAFX,UAAA,CAIC,oBAAC,cAAD;IAAc,WAAU;IACvB,UAAA,oBAAC,aAAD;KAAa,WAAU;KAAe,UAAA;IAAmB,CAAA;GAC5C,CAAA,GAEd,oBAAC,OAAD;IAAK,WAAU;IACd,UAAA,oBAAC,kBAAD,EAAkB,qBAAA,KAAqB,CAAA;GACnC,CAAA,CACS;;CACR,CAAA;AAEV"}

package/dist/walkthrough-tile.d.mts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/walkthrough-tile.d.ts
+declare const walkthroughTileVariants: (props?: ({
+  aspect?: "video" | "square" | "portrait" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface WalkthroughTileProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof walkthroughTileVariants> {
+  /** Source URL of the walkthrough clip. */
+  src?: string;
+  /** Playback rate for slow inspection. Defaults to `0.5`. */
+  playbackRate?: number;
+}
+/** An autoplaying muted walkthrough clip with hover-revealed play/pause and a fullscreen control. */
+declare const WalkthroughTile: React.ForwardRefExoticComponent<WalkthroughTileProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { WalkthroughTile, walkthroughTileVariants };
+//# sourceMappingURL=walkthrough-tile.d.mts.map

package/dist/walkthrough-tile.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-tile.d.mts","names":[],"sources":["../src/walkthrough-tile.tsx"],"mappings":";;;cASM,0BAAuB;;6CAW3B;iBAEe,6BACR,MAAM,eAAe,iBAAiB,oBAAoB;;EAElE;;EAEA;;;cAIK,iBAAe,MAAA,0BAAA,uBAAA,MAAA,cAAA"}

package/dist/walkthrough-tile.mjs

@@ -0,0 +1,75 @@
+import { Button } from "./button.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Maximize2, Pause, Play } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/walkthrough-tile.tsx
+const DEFAULT_SRC = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerJoyrides.mp4";
+const walkthroughTileVariants = cva("wwc:group wwc:relative wwc:overflow-hidden wwc:rounded wwc:bg-foreground", {
+	variants: { aspect: {
+		video: "wwc:aspect-video",
+		square: "wwc:aspect-square",
+		portrait: "wwc:aspect-[3/4]"
+	} },
+	defaultVariants: { aspect: "video" }
+});
+/** An autoplaying muted walkthrough clip with hover-revealed play/pause and a fullscreen control. */
+const WalkthroughTile = React.forwardRef(({ className, aspect, src = DEFAULT_SRC, playbackRate = .5, ...props }, ref) => {
+	const containerRef = React.useRef(null);
+	const videoRef = React.useRef(null);
+	const [playing, setPlaying] = React.useState(false);
+	React.useImperativeHandle(ref, () => containerRef.current);
+	const togglePlay = () => {
+		const video = videoRef.current;
+		if (!video) return;
+		if (video.paused) video.play();
+		else video.pause();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: cn(walkthroughTileVariants({ aspect }), className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("video", {
+				ref: videoRef,
+				src,
+				autoPlay: true,
+				loop: true,
+				muted: true,
+				playsInline: true,
+				className: "wwc:h-full wwc:w-full wwc:object-cover",
+				onPlay: () => setPlaying(true),
+				onPause: () => setPlaying(false),
+				onLoadedMetadata: (event) => {
+					const video = event.currentTarget;
+					video.defaultPlaybackRate = playbackRate;
+					video.playbackRate = playbackRate;
+				}
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				icon: true,
+				onClick: togglePlay,
+				"aria-label": playing ? "Pause walkthrough" : "Play walkthrough",
+				className: "wwc:pointer-events-none wwc:absolute wwc:left-1/2 wwc:top-1/2 wwc:size-9 wwc:-translate-x-1/2 wwc:-translate-y-1/2 wwc:rounded-full wwc:bg-foreground/55 wwc:text-background wwc:opacity-0 wwc:backdrop-blur wwc:transition-opacity wwc:hover:bg-foreground/70 wwc:hover:text-background wwc:group-hover:pointer-events-auto wwc:group-hover:opacity-100 wwc:focus-visible:pointer-events-auto wwc:focus-visible:opacity-100",
+				children: playing ? /* @__PURE__ */ jsx(Pause, { className: "wwc:size-4" }) : /* @__PURE__ */ jsx(Play, { className: "wwc:size-4" })
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				icon: true,
+				onClick: () => void containerRef.current?.requestFullscreen?.(),
+				"aria-label": "View capture fullscreen",
+				className: "wwc:absolute wwc:bottom-1.5 wwc:right-1.5 wwc:size-6 wwc:rounded wwc:bg-foreground/50 wwc:text-background wwc:backdrop-blur wwc:transition-colors wwc:hover:bg-foreground/70 wwc:hover:text-background",
+				children: /* @__PURE__ */ jsx(Maximize2, { className: "wwc:size-3.5" })
+			})
+		]
+	});
+});
+WalkthroughTile.displayName = "WalkthroughTile";
+//#endregion
+export { WalkthroughTile, walkthroughTileVariants };
+
+//# sourceMappingURL=walkthrough-tile.mjs.map

package/dist/walkthrough-tile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-tile.mjs","names":[],"sources":["../src/walkthrough-tile.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport {Maximize2, Pause, Play} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\n\nconst DEFAULT_SRC = \"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerJoyrides.mp4\";\n\nconst walkthroughTileVariants = cva(\"wwc:group wwc:relative wwc:overflow-hidden wwc:rounded wwc:bg-foreground\", {\n\tvariants: {\n\t\taspect: {\n\t\t\tvideo: \"wwc:aspect-video\",\n\t\t\tsquare: \"wwc:aspect-square\",\n\t\t\tportrait: \"wwc:aspect-[3/4]\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\taspect: \"video\",\n\t},\n});\n\nexport interface WalkthroughTileProps\n\textends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof walkthroughTileVariants> {\n\t/** Source URL of the walkthrough clip. */\n\tsrc?: string;\n\t/** Playback rate for slow inspection. Defaults to `0.5`. */\n\tplaybackRate?: number;\n}\n\n/** An autoplaying muted walkthrough clip with hover-revealed play/pause and a fullscreen control. */\nconst WalkthroughTile = React.forwardRef<HTMLDivElement, WalkthroughTileProps>(\n\t({className, aspect, src = DEFAULT_SRC, playbackRate = 0.5, ...props}, ref) => {\n\t\tconst containerRef = React.useRef<HTMLDivElement>(null);\n\t\tconst videoRef = React.useRef<HTMLVideoElement>(null);\n\t\tconst [playing, setPlaying] = React.useState(false);\n\n\t\tReact.useImperativeHandle(ref, () => containerRef.current!);\n\n\t\tconst togglePlay = () => {\n\t\t\tconst video = videoRef.current;\n\t\t\tif (!video) return;\n\t\t\tif (video.paused) void video.play();\n\t\t\telse video.pause();\n\t\t};\n\n\t\treturn (\n\t\t\t<div ref={containerRef} className={cn(walkthroughTileVariants({aspect}), className)} {...props}>\n\t\t\t\t{/* oxlint-disable-next-line jsx-a11y/media-has-caption -- walkthrough clip has no captions. */}\n\t\t\t\t<video\n\t\t\t\t\tref={videoRef}\n\t\t\t\t\tsrc={src}\n\t\t\t\t\tautoPlay\n\t\t\t\t\tloop\n\t\t\t\t\tmuted\n\t\t\t\t\tplaysInline\n\t\t\t\t\tclassName=\"wwc:h-full wwc:w-full wwc:object-cover\"\n\t\t\t\t\tonPlay={() => setPlaying(true)}\n\t\t\t\t\tonPause={() => setPlaying(false)}\n\t\t\t\t\tonLoadedMetadata={(event) => {\n\t\t\t\t\t\tconst video = event.currentTarget;\n\t\t\t\t\t\tvideo.defaultPlaybackRate = playbackRate;\n\t\t\t\t\t\tvideo.playbackRate = playbackRate;\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t{/* Play / pause — centred, revealed only on hover (or keyboard focus). */}\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ticon\n\t\t\t\t\tonClick={togglePlay}\n\t\t\t\t\taria-label={playing ? \"Pause walkthrough\" : \"Play walkthrough\"}\n\t\t\t\t\tclassName=\"wwc:pointer-events-none wwc:absolute wwc:left-1/2 wwc:top-1/2 wwc:size-9 wwc:-translate-x-1/2 wwc:-translate-y-1/2 wwc:rounded-full wwc:bg-foreground/55 wwc:text-background wwc:opacity-0 wwc:backdrop-blur wwc:transition-opacity wwc:hover:bg-foreground/70 wwc:hover:text-background wwc:group-hover:pointer-events-auto wwc:group-hover:opacity-100 wwc:focus-visible:pointer-events-auto wwc:focus-visible:opacity-100\"\n\t\t\t\t>\n\t\t\t\t\t{playing ? <Pause className=\"wwc:size-4\" /> : <Play className=\"wwc:size-4\" />}\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ticon\n\t\t\t\t\tonClick={() => void containerRef.current?.requestFullscreen?.()}\n\t\t\t\t\taria-label=\"View capture fullscreen\"\n\t\t\t\t\tclassName=\"wwc:absolute wwc:bottom-1.5 wwc:right-1.5 wwc:size-6 wwc:rounded wwc:bg-foreground/50 wwc:text-background wwc:backdrop-blur wwc:transition-colors wwc:hover:bg-foreground/70 wwc:hover:text-background\"\n\t\t\t\t>\n\t\t\t\t\t<Maximize2 className=\"wwc:size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t},\n);\nWalkthroughTile.displayName = \"WalkthroughTile\";\n\nexport {WalkthroughTile, walkthroughTileVariants};\n"],"mappings":";;;;;;;AAOA,MAAM,cAAc;AAEpB,MAAM,0BAA0B,IAAI,4EAA4E;CAC/G,UAAU,EACT,QAAQ;EACP,OAAO;EACP,QAAQ;EACR,UAAU;CACX,EACD;CACA,iBAAiB,EAChB,QAAQ,QACT;AACD,CAAC;;AAWD,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,QAAQ,MAAM,aAAa,eAAe,IAAK,GAAG,SAAQ,QAAQ;CAC9E,MAAM,eAAe,MAAM,OAAuB,IAAI;CACtD,MAAM,WAAW,MAAM,OAAyB,IAAI;CACpD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,KAAK;CAElD,MAAM,oBAAoB,WAAW,aAAa,OAAQ;CAE1D,MAAM,mBAAmB;EACxB,MAAM,QAAQ,SAAS;EACvB,IAAI,CAAC,OAAO;EACZ,IAAI,MAAM,QAAQ,MAAW,KAAK;OAC7B,MAAM,MAAM;CAClB;CAEA,OACC,qBAAC,OAAD;EAAK,KAAK;EAAc,WAAW,GAAG,wBAAwB,EAAC,OAAM,CAAC,GAAG,SAAS;EAAG,GAAI;EAAzF,UAAA;GAEC,oBAAC,SAAD;IACC,KAAK;IACA;IACL,UAAA;IACA,MAAA;IACA,OAAA;IACA,aAAA;IACA,WAAU;IACV,cAAc,WAAW,IAAI;IAC7B,eAAe,WAAW,KAAK;IAC/B,mBAAmB,UAAU;KAC5B,MAAM,QAAQ,MAAM;KACpB,MAAM,sBAAsB;KAC5B,MAAM,eAAe;IACtB;GACA,CAAA;GAGD,oBAAC,QAAD;IACC,SAAQ;IACR,MAAK;IACL,MAAA;IACA,SAAS;IACT,cAAY,UAAU,sBAAsB;IAC5C,WAAU;IAET,UAAA,UAAU,oBAAC,OAAD,EAAO,WAAU,aAAc,CAAA,IAAI,oBAAC,MAAD,EAAM,WAAU,aAAc,CAAA;GACrE,CAAA;GAER,oBAAC,QAAD;IACC,SAAQ;IACR,MAAK;IACL,MAAA;IACA,eAAe,KAAK,aAAa,SAAS,oBAAoB;IAC9D,cAAW;IACX,WAAU;IAEV,UAAA,oBAAC,WAAD,EAAW,WAAU,eAAgB,CAAA;GAC9B,CAAA;EACJ;;AAEP,CACD;AACA,gBAAgB,cAAc"}

package/dist/week-selector.d.mts

@@ -0,0 +1,45 @@
+import * as React from "react";
+//#region src/week-selector.d.ts
+/** One week shown as a segmented tab. */
+export interface WeekSelectorWeek {
+  /** Unique value for the tab, e.g. "W112". */
+  value: string;
+  /** Tab label. Defaults to `value`. */
+  label?: string;
+  /** Week start date — drives the date-range label when this week is selected. */
+  start: Date;
+  /** Week end date. */
+  end: Date;
+}
+export interface WeekSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+  /** The full list of weeks. The tabs show a window of these, centered on the selected week. */
+  weeks: WeekSelectorWeek[];
+  /** Selected week value (controlled). */
+  value?: string;
+  /** Initial selected week value (uncontrolled). Defaults to the latest (last) week. */
+  defaultValue?: string;
+  /** Fires when the selected week changes (tab click, chevron, or calendar). */
+  onValueChange?: (value: string) => void;
+  /** Number of week tabs shown at once, centered on the selection (clamped at the ends). Default 4. */
+  visibleCount?: number;
+  /** Fires when a date is chosen from the calendar popover (opened by clicking the date label). */
+  onDateSelect?: (date: Date) => void;
+  /** Override the date-range label. Defaults to the selected week's start–end range. */
+  dateLabel?: React.ReactNode;
+  /**
+   * Render bare: drop the default outer container (rounded corners, border, card background, and
+   * padding) so the control sits flush inside a toolbar/app bar. The inner layout — date-range
+   * label, chevrons, and week tabs — is unchanged. Default false.
+   */
+  bare?: boolean;
+}
+/**
+ * A compact week selector: a clickable date-range label that opens a calendar to jump to any week,
+ * previous / next chevrons that step the selected week (keeping it centered in the visible tabs), and
+ * a segmented row of week tabs (built on the shared `Tabs` component). Controlled or uncontrolled via
+ * `value` / `defaultValue`.
+ */
+declare const WeekSelector: React.ForwardRefExoticComponent<WeekSelectorProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { WeekSelector };
+//# sourceMappingURL=week-selector.d.mts.map

package/dist/week-selector.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"week-selector.d.mts","names":[],"sources":["../src/week-selector.tsx"],"mappings":";;;iBAWiB;;EAEhB;;EAEA;;EAEA,OAAO;;EAEP,KAAK;;iBAGW,0BAA0B,KAAK,MAAM,eAAe;;EAEpE,OAAO;;EAEP;;EAEA;;EAEA,iBAAiB;;EAEjB;;EAEA,gBAAgB,MAAM;;EAEtB,YAAY,MAAM;;;;;;EAMlB;;;;;;;;cAsBK,cAAY,MAAA,0BAAA,oBAAA,MAAA,cAAA"}