@camstack/ui-library 1.2.61 → 1.2.63

package/dist/index.cjs

@@ -7161,6 +7161,115 @@ function useCustomFieldRenderer(type) {
 	return (0, react$1.useContext)(CustomFieldRenderersContext)[type] ?? null;
 }
 //#endregion
+//#region src/composites/event-kind-visuals.tsx
+/**
+* Event-kind VISUALS — the UI-side half of the unified taxonomy dictionary
+* (`@camstack/types` `EVENT_TAXONOMY` owns the serializable data:
+* color / iconId / labelKey; this owns `iconId → lucide component` and
+* `labelKey → t()`).
+*
+* Every UI that renders an event kind (timeline, events tree, chips,
+* detection canvas/tree) resolves its glyph + translated label here — no
+* per-component hardcoded icon or label.
+*/
+/**
+* `iconId` → lucide component. Built ONLY from statically-imported icons
+* (bundle-safe). Unknown ids resolve to the neutral `Tag` fallback.
+*/
+var EVENT_KIND_ICONS = {
+	motion: Activity,
+	audio: Volume2,
+	person: User,
+	vehicle: Car,
+	animal: PawPrint,
+	package: Package,
+	sensor: Radio,
+	control: SlidersHorizontal,
+	car: Car,
+	truck: Truck,
+	bus: Bus,
+	motorcycle: Bike,
+	bicycle: Bike,
+	airplane: Plane,
+	boat: Sailboat,
+	train: TrainFront,
+	bird: Bird,
+	cat: Cat,
+	dog: Dog,
+	horse: PawPrint,
+	sheep: PawPrint,
+	cow: PawPrint,
+	elephant: PawPrint,
+	bear: PawPrint,
+	zebra: PawPrint,
+	giraffe: PawPrint,
+	door: DoorOpen,
+	pir: Radar,
+	smoke: Flame,
+	water: Droplet,
+	gas: Wind,
+	vibration: Vibrate,
+	tamper: ShieldAlert,
+	presence: UserCheck,
+	generic: Tag,
+	lock: Lock,
+	siren: Siren,
+	switch: ToggleRight,
+	doorbell: BellRing,
+	button: CircleDot,
+	"audio-speech": MessageSquare,
+	"audio-scream": Megaphone,
+	"audio-crying": Baby,
+	"audio-laughter": Laugh,
+	"audio-music": Music,
+	"audio-dog": Dog,
+	"audio-cat": Cat,
+	"audio-bird": Bird,
+	"audio-animal": PawPrint,
+	"audio-alarm": BellRing,
+	"audio-doorbell": BellRing,
+	"audio-glass_breaking": TriangleAlert,
+	"audio-gunshot": Crosshair,
+	"audio-vehicle": Car,
+	"audio-siren": Siren,
+	"audio-fire": Flame,
+	"audio-water": Droplets,
+	"audio-wind": Wind,
+	"audio-door": DoorOpen,
+	"audio-footsteps": Footprints,
+	"audio-crowd": Users,
+	"audio-telephone": Phone,
+	"audio-engine": Cog,
+	"audio-tools": Hammer,
+	"audio-silence": VolumeX
+};
+/** Resolve an `iconId` to a lucide component (falls back to `Tag`). */
+function resolveEventKindIcon(iconId) {
+	if (Object.hasOwn(EVENT_KIND_ICONS, iconId)) return EVENT_KIND_ICONS[iconId];
+	if (iconId.startsWith("audio-")) return Volume2;
+	return Tag;
+}
+/**
+* Translated label for an event kind — `t(labelKey)` when a translation
+* exists, else the English `label` fallback. Robust to a missing key: an
+* i18n backend that echoes the key unchanged (react-i18next default) is
+* treated as "no translation" and the fallback label is returned, so the UI
+* never renders a raw `eventKind.*` key.
+*/
+function eventKindLabel(descriptor, t) {
+	if (t === void 0) return descriptor.label;
+	const translated = t(descriptor.labelKey);
+	return translated === descriptor.labelKey || translated.length === 0 ? descriptor.label : translated;
+}
+/** Small convenience component: renders the lucide glyph for an `iconId`. */
+function EventKindGlyph({ iconId, size = 16, color, className }) {
+	return (0, react$1.createElement)(resolveEventKindIcon(iconId), {
+		size,
+		color,
+		className
+	});
+}
+//#endregion
 //#region src/composites/confirm-dialog.tsx
 var ConfirmContext = createSharedContext("camstack:confirm-dialog", null);
 function useConfirm() {
@@ -19727,13 +19836,20 @@ function MultiSelectField({ field, value, onChange, disabled, translationFn }) {
 						checked ? "border-primary bg-primary/10 text-primary" : "border-border bg-background text-foreground hover:bg-surface",
 						disabled || field.disabled ? "opacity-50 cursor-not-allowed" : ""
 					].join(" "),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-						type: "checkbox",
-						className: "sr-only",
-						checked,
-						disabled: disabled || field.disabled,
-						onChange: () => toggle(opt.value)
-					}), opt.label]
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							className: "sr-only",
+							checked,
+							disabled: disabled || field.disabled,
+							onChange: () => toggle(opt.value)
+						}),
+						opt.iconId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EventKindGlyph, {
+							iconId: opt.iconId,
+							size: 13
+						}),
+						opt.label
+					]
 				}, opt.value);
 			})
 		})
@@ -21615,7 +21731,7 @@ function GroupedModelSelector({ catalog, value, onChange, disabled }) {
 	const resolutions = [...new Set(tier.options.map((o) => o.resolution))].sort((a, b) => (b ?? Infinity) - (a ?? Infinity));
 	const selectedResolution = resolutions.includes(current?.resolution) ? current?.resolution : resolutions[0];
 	const variantOptions = tier.options.filter((o) => o.resolution === selectedResolution);
-	const resLabel = (r) => r === void 0 ? "640 · native" : `${r}`;
+	const resLabel = (r) => r === void 0 ? "native" : `${r}`;
 	const selectTier = (tierId) => {
 		const t = family.tiers.find((x) => x.tier === tierId);
 		if (!t) return;
@@ -21659,7 +21775,7 @@ function GroupedModelSelector({ catalog, value, onChange, disabled }) {
 				className: "grid grid-cols-2 gap-1.5 sm:grid-cols-4",
 				children: family.tiers.map((t) => {
 					const active = t.tier === tier.tier;
-					const base = t.options.find((o) => o.modelId === t.baseModelId) ?? t.options[0];
+					const quoted = t.options.find((o) => o.resolution === selectedResolution && o.precision === "fp32") ?? t.options.find((o) => o.modelId === t.baseModelId) ?? t.options[0];
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
 						disabled,
@@ -21675,7 +21791,7 @@ function GroupedModelSelector({ catalog, value, onChange, disabled }) {
 							className: "text-[10px] text-foreground-subtle",
 							children: [
 								"~",
-								base?.sizeMB ?? 0,
+								quoted?.sizeMB ?? 0,
 								" MB"
 							]
 						})]
@@ -21975,12 +22091,15 @@ function ConfigMultiSelect({ label, description, value, options, disabled, onCha
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex flex-wrap gap-1.5",
 			children: options.map((o) => {
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 					type: "button",
 					disabled,
 					onClick: () => toggle(o.value),
-					className: cn("text-[10px] font-medium px-2 py-1 rounded-md border transition-colors", value.includes(o.value) ? "bg-primary/20 text-primary border-primary/40" : "bg-surface text-foreground-subtle border-border hover:border-primary/30", disabled && "opacity-50 cursor-not-allowed"),
-					children: o.label
+					className: cn("inline-flex items-center gap-1 text-[10px] font-medium px-2 py-1 rounded-md border transition-colors", value.includes(o.value) ? "bg-primary/20 text-primary border-primary/40" : "bg-surface text-foreground-subtle border-border hover:border-primary/30", disabled && "opacity-50 cursor-not-allowed"),
+					children: [o.iconId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EventKindGlyph, {
+						iconId: o.iconId,
+						size: 12
+					}), o.label]
 				}, o.value);
 			})
 		})
@@ -44672,115 +44791,6 @@ function DoorbellRecentPanel({ history, limit = 5, latestIsFresh, className }) {
 	});
 }
 //#endregion
-//#region src/composites/event-kind-visuals.tsx
-/**
-* Event-kind VISUALS — the UI-side half of the unified taxonomy dictionary
-* (`@camstack/types` `EVENT_TAXONOMY` owns the serializable data:
-* color / iconId / labelKey; this owns `iconId → lucide component` and
-* `labelKey → t()`).
-*
-* Every UI that renders an event kind (timeline, events tree, chips,
-* detection canvas/tree) resolves its glyph + translated label here — no
-* per-component hardcoded icon or label.
-*/
-/**
-* `iconId` → lucide component. Built ONLY from statically-imported icons
-* (bundle-safe). Unknown ids resolve to the neutral `Tag` fallback.
-*/
-var EVENT_KIND_ICONS = {
-	motion: Activity,
-	audio: Volume2,
-	person: User,
-	vehicle: Car,
-	animal: PawPrint,
-	package: Package,
-	sensor: Radio,
-	control: SlidersHorizontal,
-	car: Car,
-	truck: Truck,
-	bus: Bus,
-	motorcycle: Bike,
-	bicycle: Bike,
-	airplane: Plane,
-	boat: Sailboat,
-	train: TrainFront,
-	bird: Bird,
-	cat: Cat,
-	dog: Dog,
-	horse: PawPrint,
-	sheep: PawPrint,
-	cow: PawPrint,
-	elephant: PawPrint,
-	bear: PawPrint,
-	zebra: PawPrint,
-	giraffe: PawPrint,
-	door: DoorOpen,
-	pir: Radar,
-	smoke: Flame,
-	water: Droplet,
-	gas: Wind,
-	vibration: Vibrate,
-	tamper: ShieldAlert,
-	presence: UserCheck,
-	generic: Tag,
-	lock: Lock,
-	siren: Siren,
-	switch: ToggleRight,
-	doorbell: BellRing,
-	button: CircleDot,
-	"audio-speech": MessageSquare,
-	"audio-scream": Megaphone,
-	"audio-crying": Baby,
-	"audio-laughter": Laugh,
-	"audio-music": Music,
-	"audio-dog": Dog,
-	"audio-cat": Cat,
-	"audio-bird": Bird,
-	"audio-animal": PawPrint,
-	"audio-alarm": BellRing,
-	"audio-doorbell": BellRing,
-	"audio-glass_breaking": TriangleAlert,
-	"audio-gunshot": Crosshair,
-	"audio-vehicle": Car,
-	"audio-siren": Siren,
-	"audio-fire": Flame,
-	"audio-water": Droplets,
-	"audio-wind": Wind,
-	"audio-door": DoorOpen,
-	"audio-footsteps": Footprints,
-	"audio-crowd": Users,
-	"audio-telephone": Phone,
-	"audio-engine": Cog,
-	"audio-tools": Hammer,
-	"audio-silence": VolumeX
-};
-/** Resolve an `iconId` to a lucide component (falls back to `Tag`). */
-function resolveEventKindIcon(iconId) {
-	if (Object.hasOwn(EVENT_KIND_ICONS, iconId)) return EVENT_KIND_ICONS[iconId];
-	if (iconId.startsWith("audio-")) return Volume2;
-	return Tag;
-}
-/**
-* Translated label for an event kind — `t(labelKey)` when a translation
-* exists, else the English `label` fallback. Robust to a missing key: an
-* i18n backend that echoes the key unchanged (react-i18next default) is
-* treated as "no translation" and the fallback label is returned, so the UI
-* never renders a raw `eventKind.*` key.
-*/
-function eventKindLabel(descriptor, t) {
-	if (t === void 0) return descriptor.label;
-	const translated = t(descriptor.labelKey);
-	return translated === descriptor.labelKey || translated.length === 0 ? descriptor.label : translated;
-}
-/** Small convenience component: renders the lucide glyph for an `iconId`. */
-function EventKindGlyph({ iconId, size = 16, color, className }) {
-	return (0, react$1.createElement)(resolveEventKindIcon(iconId), {
-		size,
-		color,
-		className
-	});
-}
-//#endregion
 //#region src/composites/filter-bar.tsx
 function FilterBar({ filters, values, onChange, className }) {
 	const isMobile = useIsMobile();
@@ -48360,6 +48370,8 @@ function useSystemMutation(select, opts) {
 * — the original admin-ui copy stayed put for backward compatibility
 * but new consumers should import from here.
 */
+/** Trailing coalesce for event-driven invalidation — see the comment inside. */
+var EVENT_INVALIDATION_COALESCE_MS = 1e3;
 function useEventInvalidation(queryKey, categories) {
 	const system = useSystem();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
@@ -48373,12 +48385,20 @@ function useEventInvalidation(queryKey, categories) {
 	const keyJson = JSON.stringify(queryKey);
 	(0, react$1.useEffect)(() => {
 		const subs = [];
-		const refresh = () => {
+		let pending = null;
+		const refreshNow = () => {
 			const raw = JSON.parse(keyJson);
 			const queryKeyToInvalidate = raw.length === 1 && Array.isArray(raw[0]) ? raw : [raw];
 			queryClient.invalidateQueries({ queryKey: queryKeyToInvalidate });
 		};
-		refresh();
+		const refresh = () => {
+			if (pending !== null) return;
+			pending = setTimeout(() => {
+				pending = null;
+				refreshNow();
+			}, EVENT_INVALIDATION_COALESCE_MS);
+		};
+		refreshNow();
 		for (const category of key.split("|")) {
 			if (!category) continue;
 			try {
@@ -48386,6 +48406,7 @@ function useEventInvalidation(queryKey, categories) {
 			} catch {}
 		}
 		return () => {
+			if (pending !== null) clearTimeout(pending);
 			for (const unsub of subs) unsub();
 		};
 	}, [

package/dist/index.js

@@ -7137,6 +7137,115 @@ function useCustomFieldRenderer(type) {
 	return useContext(CustomFieldRenderersContext)[type] ?? null;
 }
 //#endregion
+//#region src/composites/event-kind-visuals.tsx
+/**
+* Event-kind VISUALS — the UI-side half of the unified taxonomy dictionary
+* (`@camstack/types` `EVENT_TAXONOMY` owns the serializable data:
+* color / iconId / labelKey; this owns `iconId → lucide component` and
+* `labelKey → t()`).
+*
+* Every UI that renders an event kind (timeline, events tree, chips,
+* detection canvas/tree) resolves its glyph + translated label here — no
+* per-component hardcoded icon or label.
+*/
+/**
+* `iconId` → lucide component. Built ONLY from statically-imported icons
+* (bundle-safe). Unknown ids resolve to the neutral `Tag` fallback.
+*/
+var EVENT_KIND_ICONS = {
+	motion: Activity,
+	audio: Volume2,
+	person: User,
+	vehicle: Car,
+	animal: PawPrint,
+	package: Package,
+	sensor: Radio,
+	control: SlidersHorizontal,
+	car: Car,
+	truck: Truck,
+	bus: Bus,
+	motorcycle: Bike,
+	bicycle: Bike,
+	airplane: Plane,
+	boat: Sailboat,
+	train: TrainFront,
+	bird: Bird,
+	cat: Cat,
+	dog: Dog,
+	horse: PawPrint,
+	sheep: PawPrint,
+	cow: PawPrint,
+	elephant: PawPrint,
+	bear: PawPrint,
+	zebra: PawPrint,
+	giraffe: PawPrint,
+	door: DoorOpen,
+	pir: Radar,
+	smoke: Flame,
+	water: Droplet,
+	gas: Wind,
+	vibration: Vibrate,
+	tamper: ShieldAlert,
+	presence: UserCheck,
+	generic: Tag,
+	lock: Lock,
+	siren: Siren,
+	switch: ToggleRight,
+	doorbell: BellRing,
+	button: CircleDot,
+	"audio-speech": MessageSquare,
+	"audio-scream": Megaphone,
+	"audio-crying": Baby,
+	"audio-laughter": Laugh,
+	"audio-music": Music,
+	"audio-dog": Dog,
+	"audio-cat": Cat,
+	"audio-bird": Bird,
+	"audio-animal": PawPrint,
+	"audio-alarm": BellRing,
+	"audio-doorbell": BellRing,
+	"audio-glass_breaking": TriangleAlert,
+	"audio-gunshot": Crosshair,
+	"audio-vehicle": Car,
+	"audio-siren": Siren,
+	"audio-fire": Flame,
+	"audio-water": Droplets,
+	"audio-wind": Wind,
+	"audio-door": DoorOpen,
+	"audio-footsteps": Footprints,
+	"audio-crowd": Users,
+	"audio-telephone": Phone,
+	"audio-engine": Cog,
+	"audio-tools": Hammer,
+	"audio-silence": VolumeX
+};
+/** Resolve an `iconId` to a lucide component (falls back to `Tag`). */
+function resolveEventKindIcon(iconId) {
+	if (Object.hasOwn(EVENT_KIND_ICONS, iconId)) return EVENT_KIND_ICONS[iconId];
+	if (iconId.startsWith("audio-")) return Volume2;
+	return Tag;
+}
+/**
+* Translated label for an event kind — `t(labelKey)` when a translation
+* exists, else the English `label` fallback. Robust to a missing key: an
+* i18n backend that echoes the key unchanged (react-i18next default) is
+* treated as "no translation" and the fallback label is returned, so the UI
+* never renders a raw `eventKind.*` key.
+*/
+function eventKindLabel(descriptor, t) {
+	if (t === void 0) return descriptor.label;
+	const translated = t(descriptor.labelKey);
+	return translated === descriptor.labelKey || translated.length === 0 ? descriptor.label : translated;
+}
+/** Small convenience component: renders the lucide glyph for an `iconId`. */
+function EventKindGlyph({ iconId, size = 16, color, className }) {
+	return createElement(resolveEventKindIcon(iconId), {
+		size,
+		color,
+		className
+	});
+}
+//#endregion
 //#region src/composites/confirm-dialog.tsx
 var ConfirmContext = createSharedContext("camstack:confirm-dialog", null);
 function useConfirm() {
@@ -19703,13 +19812,20 @@ function MultiSelectField({ field, value, onChange, disabled, translationFn }) {
 						checked ? "border-primary bg-primary/10 text-primary" : "border-border bg-background text-foreground hover:bg-surface",
 						disabled || field.disabled ? "opacity-50 cursor-not-allowed" : ""
 					].join(" "),
-					children: [/* @__PURE__ */ jsx("input", {
-						type: "checkbox",
-						className: "sr-only",
-						checked,
-						disabled: disabled || field.disabled,
-						onChange: () => toggle(opt.value)
-					}), opt.label]
+					children: [
+						/* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							className: "sr-only",
+							checked,
+							disabled: disabled || field.disabled,
+							onChange: () => toggle(opt.value)
+						}),
+						opt.iconId !== void 0 && /* @__PURE__ */ jsx(EventKindGlyph, {
+							iconId: opt.iconId,
+							size: 13
+						}),
+						opt.label
+					]
 				}, opt.value);
 			})
 		})
@@ -21591,7 +21707,7 @@ function GroupedModelSelector({ catalog, value, onChange, disabled }) {
 	const resolutions = [...new Set(tier.options.map((o) => o.resolution))].sort((a, b) => (b ?? Infinity) - (a ?? Infinity));
 	const selectedResolution = resolutions.includes(current?.resolution) ? current?.resolution : resolutions[0];
 	const variantOptions = tier.options.filter((o) => o.resolution === selectedResolution);
-	const resLabel = (r) => r === void 0 ? "640 · native" : `${r}`;
+	const resLabel = (r) => r === void 0 ? "native" : `${r}`;
 	const selectTier = (tierId) => {
 		const t = family.tiers.find((x) => x.tier === tierId);
 		if (!t) return;
@@ -21635,7 +21751,7 @@ function GroupedModelSelector({ catalog, value, onChange, disabled }) {
 				className: "grid grid-cols-2 gap-1.5 sm:grid-cols-4",
 				children: family.tiers.map((t) => {
 					const active = t.tier === tier.tier;
-					const base = t.options.find((o) => o.modelId === t.baseModelId) ?? t.options[0];
+					const quoted = t.options.find((o) => o.resolution === selectedResolution && o.precision === "fp32") ?? t.options.find((o) => o.modelId === t.baseModelId) ?? t.options[0];
 					return /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						disabled,
@@ -21651,7 +21767,7 @@ function GroupedModelSelector({ catalog, value, onChange, disabled }) {
 							className: "text-[10px] text-foreground-subtle",
 							children: [
 								"~",
-								base?.sizeMB ?? 0,
+								quoted?.sizeMB ?? 0,
 								" MB"
 							]
 						})]
@@ -21951,12 +22067,15 @@ function ConfigMultiSelect({ label, description, value, options, disabled, onCha
 		/* @__PURE__ */ jsx("div", {
 			className: "flex flex-wrap gap-1.5",
 			children: options.map((o) => {
-				return /* @__PURE__ */ jsx("button", {
+				return /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					disabled,
 					onClick: () => toggle(o.value),
-					className: cn("text-[10px] font-medium px-2 py-1 rounded-md border transition-colors", value.includes(o.value) ? "bg-primary/20 text-primary border-primary/40" : "bg-surface text-foreground-subtle border-border hover:border-primary/30", disabled && "opacity-50 cursor-not-allowed"),
-					children: o.label
+					className: cn("inline-flex items-center gap-1 text-[10px] font-medium px-2 py-1 rounded-md border transition-colors", value.includes(o.value) ? "bg-primary/20 text-primary border-primary/40" : "bg-surface text-foreground-subtle border-border hover:border-primary/30", disabled && "opacity-50 cursor-not-allowed"),
+					children: [o.iconId !== void 0 && /* @__PURE__ */ jsx(EventKindGlyph, {
+						iconId: o.iconId,
+						size: 12
+					}), o.label]
 				}, o.value);
 			})
 		})
@@ -44648,115 +44767,6 @@ function DoorbellRecentPanel({ history, limit = 5, latestIsFresh, className }) {
 	});
 }
 //#endregion
-//#region src/composites/event-kind-visuals.tsx
-/**
-* Event-kind VISUALS — the UI-side half of the unified taxonomy dictionary
-* (`@camstack/types` `EVENT_TAXONOMY` owns the serializable data:
-* color / iconId / labelKey; this owns `iconId → lucide component` and
-* `labelKey → t()`).
-*
-* Every UI that renders an event kind (timeline, events tree, chips,
-* detection canvas/tree) resolves its glyph + translated label here — no
-* per-component hardcoded icon or label.
-*/
-/**
-* `iconId` → lucide component. Built ONLY from statically-imported icons
-* (bundle-safe). Unknown ids resolve to the neutral `Tag` fallback.
-*/
-var EVENT_KIND_ICONS = {
-	motion: Activity,
-	audio: Volume2,
-	person: User,
-	vehicle: Car,
-	animal: PawPrint,
-	package: Package,
-	sensor: Radio,
-	control: SlidersHorizontal,
-	car: Car,
-	truck: Truck,
-	bus: Bus,
-	motorcycle: Bike,
-	bicycle: Bike,
-	airplane: Plane,
-	boat: Sailboat,
-	train: TrainFront,
-	bird: Bird,
-	cat: Cat,
-	dog: Dog,
-	horse: PawPrint,
-	sheep: PawPrint,
-	cow: PawPrint,
-	elephant: PawPrint,
-	bear: PawPrint,
-	zebra: PawPrint,
-	giraffe: PawPrint,
-	door: DoorOpen,
-	pir: Radar,
-	smoke: Flame,
-	water: Droplet,
-	gas: Wind,
-	vibration: Vibrate,
-	tamper: ShieldAlert,
-	presence: UserCheck,
-	generic: Tag,
-	lock: Lock,
-	siren: Siren,
-	switch: ToggleRight,
-	doorbell: BellRing,
-	button: CircleDot,
-	"audio-speech": MessageSquare,
-	"audio-scream": Megaphone,
-	"audio-crying": Baby,
-	"audio-laughter": Laugh,
-	"audio-music": Music,
-	"audio-dog": Dog,
-	"audio-cat": Cat,
-	"audio-bird": Bird,
-	"audio-animal": PawPrint,
-	"audio-alarm": BellRing,
-	"audio-doorbell": BellRing,
-	"audio-glass_breaking": TriangleAlert,
-	"audio-gunshot": Crosshair,
-	"audio-vehicle": Car,
-	"audio-siren": Siren,
-	"audio-fire": Flame,
-	"audio-water": Droplets,
-	"audio-wind": Wind,
-	"audio-door": DoorOpen,
-	"audio-footsteps": Footprints,
-	"audio-crowd": Users,
-	"audio-telephone": Phone,
-	"audio-engine": Cog,
-	"audio-tools": Hammer,
-	"audio-silence": VolumeX
-};
-/** Resolve an `iconId` to a lucide component (falls back to `Tag`). */
-function resolveEventKindIcon(iconId) {
-	if (Object.hasOwn(EVENT_KIND_ICONS, iconId)) return EVENT_KIND_ICONS[iconId];
-	if (iconId.startsWith("audio-")) return Volume2;
-	return Tag;
-}
-/**
-* Translated label for an event kind — `t(labelKey)` when a translation
-* exists, else the English `label` fallback. Robust to a missing key: an
-* i18n backend that echoes the key unchanged (react-i18next default) is
-* treated as "no translation" and the fallback label is returned, so the UI
-* never renders a raw `eventKind.*` key.
-*/
-function eventKindLabel(descriptor, t) {
-	if (t === void 0) return descriptor.label;
-	const translated = t(descriptor.labelKey);
-	return translated === descriptor.labelKey || translated.length === 0 ? descriptor.label : translated;
-}
-/** Small convenience component: renders the lucide glyph for an `iconId`. */
-function EventKindGlyph({ iconId, size = 16, color, className }) {
-	return createElement(resolveEventKindIcon(iconId), {
-		size,
-		color,
-		className
-	});
-}
-//#endregion
 //#region src/composites/filter-bar.tsx
 function FilterBar({ filters, values, onChange, className }) {
 	const isMobile = useIsMobile();
@@ -48336,6 +48346,8 @@ function useSystemMutation(select, opts) {
 * — the original admin-ui copy stayed put for backward compatibility
 * but new consumers should import from here.
 */
+/** Trailing coalesce for event-driven invalidation — see the comment inside. */
+var EVENT_INVALIDATION_COALESCE_MS = 1e3;
 function useEventInvalidation(queryKey, categories) {
 	const system = useSystem();
 	const queryClient = useQueryClient();
@@ -48349,12 +48361,20 @@ function useEventInvalidation(queryKey, categories) {
 	const keyJson = JSON.stringify(queryKey);
 	useEffect(() => {
 		const subs = [];
-		const refresh = () => {
+		let pending = null;
+		const refreshNow = () => {
 			const raw = JSON.parse(keyJson);
 			const queryKeyToInvalidate = raw.length === 1 && Array.isArray(raw[0]) ? raw : [raw];
 			queryClient.invalidateQueries({ queryKey: queryKeyToInvalidate });
 		};
-		refresh();
+		const refresh = () => {
+			if (pending !== null) return;
+			pending = setTimeout(() => {
+				pending = null;
+				refreshNow();
+			}, EVENT_INVALIDATION_COALESCE_MS);
+		};
+		refreshNow();
 		for (const category of key.split("|")) {
 			if (!category) continue;
 			try {
@@ -48362,6 +48382,7 @@ function useEventInvalidation(queryKey, categories) {
 			} catch {}
 		}
 		return () => {
+			if (pending !== null) clearTimeout(pending);
 			for (const unsub of subs) unsub();
 		};
 	}, [

package/dist/primitives/dialog.d.ts

@@ -32,7 +32,7 @@ export declare function DialogTrigger({ children, ...props }: HTMLAttributes<HTM
  */
 declare const contentVariants: (props?: ({
     width?: "sm" | "md" | "lg" | null | undefined;
-    scroll?: "content" | "body" | null | undefined;
+    scroll?: "body" | "content" | null | undefined;
     placement?: "center" | "sheet-on-mobile" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type DialogPlacement = NonNullable<VariantProps<typeof contentVariants>['placement']>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.61",
+  "version": "1.2.63",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",