@camstack/ui-library 1.2.194 → 1.2.196

package/dist/index.cjs

@@ -375,6 +375,30 @@ var Bath = createLucideIcon("bath", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var BatteryCharging = createLucideIcon("battery-charging", [
+	["path", {
+		d: "m11 7-3 5h4l-3 5",
+		key: "b4a64w"
+	}],
+	["path", {
+		d: "M14.856 6H16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.935",
+		key: "lre1cr"
+	}],
+	["path", {
+		d: "M22 14v-4",
+		key: "14q9d5"
+	}],
+	["path", {
+		d: "M5.14 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2.936",
+		key: "13q5k0"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var BatteryFull = createLucideIcon("battery-full", [
 	["path", {
 		d: "M10 10v4",
@@ -504,6 +528,78 @@ var Battery = createLucideIcon("battery", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var BedDouble = createLucideIcon("bed-double", [
+	["path", {
+		d: "M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8",
+		key: "1k78r4"
+	}],
+	["path", {
+		d: "M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4",
+		key: "fb3tl2"
+	}],
+	["path", {
+		d: "M12 4v6",
+		key: "1dcgq2"
+	}],
+	["path", {
+		d: "M2 18h20",
+		key: "ajqnye"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Bed = createLucideIcon("bed", [
+	["path", {
+		d: "M2 4v16",
+		key: "vw9hq8"
+	}],
+	["path", {
+		d: "M2 8h18a2 2 0 0 1 2 2v10",
+		key: "1dgv2r"
+	}],
+	["path", {
+		d: "M2 17h20",
+		key: "18nfp3"
+	}],
+	["path", {
+		d: "M6 8v9",
+		key: "1yriud"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var BellOff = createLucideIcon("bell-off", [
+	["path", {
+		d: "M10.268 21a2 2 0 0 0 3.464 0",
+		key: "vwvbt9"
+	}],
+	["path", {
+		d: "M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742",
+		key: "178tsu"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}],
+	["path", {
+		d: "M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05",
+		key: "1hqiys"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var BellRing = createLucideIcon("bell-ring", [
 	["path", {
 		d: "M10.268 21a2 2 0 0 0 3.464 0",
@@ -641,6 +737,16 @@ var Blinds = createLucideIcon("blinds", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Bluetooth = createLucideIcon("bluetooth", [["path", {
+	d: "m7 7 10 10-5 5V2l5 5L7 17",
+	key: "1q5490"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Bone = createLucideIcon("bone", [["path", {
 	d: "M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z",
 	key: "w610uw"
@@ -707,6 +813,23 @@ var Box = createLucideIcon("box", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Briefcase = createLucideIcon("briefcase", [["path", {
+	d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16",
+	key: "jecpp"
+}], ["rect", {
+	width: "20",
+	height: "14",
+	x: "2",
+	y: "6",
+	rx: "2",
+	key: "i6l2r4"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Bug = createLucideIcon("bug", [
 	["path", {
 		d: "M12 20v-9",
@@ -759,6 +882,90 @@ var Bug = createLucideIcon("bug", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Building2 = createLucideIcon("building-2", [
+	["path", {
+		d: "M10 12h4",
+		key: "a56b0p"
+	}],
+	["path", {
+		d: "M10 8h4",
+		key: "1sr2af"
+	}],
+	["path", {
+		d: "M14 21v-3a2 2 0 0 0-4 0v3",
+		key: "1rgiei"
+	}],
+	["path", {
+		d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
+		key: "secmi2"
+	}],
+	["path", {
+		d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16",
+		key: "16ra0t"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Building = createLucideIcon("building", [
+	["path", {
+		d: "M12 10h.01",
+		key: "1nrarc"
+	}],
+	["path", {
+		d: "M12 14h.01",
+		key: "1etili"
+	}],
+	["path", {
+		d: "M12 6h.01",
+		key: "1vi96p"
+	}],
+	["path", {
+		d: "M16 10h.01",
+		key: "1m94wz"
+	}],
+	["path", {
+		d: "M16 14h.01",
+		key: "1gbofw"
+	}],
+	["path", {
+		d: "M16 6h.01",
+		key: "1x0f13"
+	}],
+	["path", {
+		d: "M8 10h.01",
+		key: "19clt8"
+	}],
+	["path", {
+		d: "M8 14h.01",
+		key: "6423bh"
+	}],
+	["path", {
+		d: "M8 6h.01",
+		key: "1dz90k"
+	}],
+	["path", {
+		d: "M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3",
+		key: "cabbwy"
+	}],
+	["rect", {
+		x: "4",
+		y: "2",
+		width: "16",
+		height: "20",
+		rx: "2",
+		key: "1uxh74"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Bus = createLucideIcon("bus", [
 	["path", {
 		d: "M8 6v6",
@@ -835,6 +1042,34 @@ var Cable = createLucideIcon("cable", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Calendar = createLucideIcon("calendar", [
+	["path", {
+		d: "M8 2v4",
+		key: "1cmpym"
+	}],
+	["path", {
+		d: "M16 2v4",
+		key: "4m81vk"
+	}],
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "4",
+		rx: "2",
+		key: "1hopcy"
+	}],
+	["path", {
+		d: "M3 10h18",
+		key: "8toen8"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Camera = createLucideIcon("camera", [["path", {
 	d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
 	key: "18u6gg"
@@ -1078,6 +1313,21 @@ var CircleDot = createLucideIcon("circle-dot", [["circle", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var CircleParking = createLucideIcon("circle-parking", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "M9 17V7h4a3 3 0 0 1 0 6H9",
+	key: "1dfk2c"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var CirclePause = createLucideIcon("circle-pause", [
 	["circle", {
 		cx: "12",
@@ -1433,6 +1683,30 @@ var Cog = createLucideIcon("cog", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var CookingPot = createLucideIcon("cooking-pot", [
+	["path", {
+		d: "M2 12h20",
+		key: "9i4pu4"
+	}],
+	["path", {
+		d: "M20 12v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8",
+		key: "u0tga0"
+	}],
+	["path", {
+		d: "m4 8 16-4",
+		key: "16g0ng"
+	}],
+	["path", {
+		d: "m8.86 6.78-.45-1.81a2 2 0 0 1 1.45-2.43l1.94-.48a2 2 0 0 1 2.43 1.46l.45 1.8",
+		key: "12cejc"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var CopyPlus = createLucideIcon("copy-plus", [
 	["line", {
 		x1: "15",
@@ -1719,6 +1993,38 @@ var Download = createLucideIcon("download", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Drill = createLucideIcon("drill", [
+	["path", {
+		d: "M10 18a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3 1 1 0 0 1 1-1z",
+		key: "ioqxb1"
+	}],
+	["path", {
+		d: "M13 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1l-.81 3.242a1 1 0 0 1-.97.758H8",
+		key: "1rs59n"
+	}],
+	["path", {
+		d: "M14 4h3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-3",
+		key: "105ega"
+	}],
+	["path", {
+		d: "M18 6h4",
+		key: "66u95g"
+	}],
+	["path", {
+		d: "m5 10-2 8",
+		key: "xt2lic"
+	}],
+	["path", {
+		d: "m7 18 2-8",
+		key: "1bzku2"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Droplet = createLucideIcon("droplet", [["path", {
 	d: "M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z",
 	key: "c7niix"
@@ -1742,6 +2048,34 @@ var Droplets = createLucideIcon("droplets", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Dumbbell = createLucideIcon("dumbbell", [
+	["path", {
+		d: "M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z",
+		key: "9m4mmf"
+	}],
+	["path", {
+		d: "m2.5 21.5 1.4-1.4",
+		key: "17g3f0"
+	}],
+	["path", {
+		d: "m20.1 3.9 1.4-1.4",
+		key: "1qn309"
+	}],
+	["path", {
+		d: "M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z",
+		key: "1t2c92"
+	}],
+	["path", {
+		d: "m9.6 14.4 4.8-4.8",
+		key: "6umqxw"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var EllipsisVertical = createLucideIcon("ellipsis-vertical", [
 	["circle", {
 		cx: "12",
@@ -1860,6 +2194,42 @@ var Feather = createLucideIcon("feather", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Fence = createLucideIcon("fence", [
+	["path", {
+		d: "M4 3 2 5v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z",
+		key: "1n2rgs"
+	}],
+	["path", {
+		d: "M6 8h4",
+		key: "utf9t1"
+	}],
+	["path", {
+		d: "M6 18h4",
+		key: "12yh4b"
+	}],
+	["path", {
+		d: "m12 3-2 2v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z",
+		key: "3ha7mj"
+	}],
+	["path", {
+		d: "M14 8h4",
+		key: "1r8wg2"
+	}],
+	["path", {
+		d: "M14 18h4",
+		key: "1t3kbu"
+	}],
+	["path", {
+		d: "m20 3-2 2v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z",
+		key: "dfd4e2"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Film = createLucideIcon("film", [
 	["rect", {
 		width: "18",
@@ -1982,6 +2352,56 @@ var FlaskConical = createLucideIcon("flask-conical", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Flower = createLucideIcon("flower", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "3",
+		key: "1v7zrd"
+	}],
+	["path", {
+		d: "M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5",
+		key: "14wa3c"
+	}],
+	["path", {
+		d: "M12 7.5V9",
+		key: "1oy5b0"
+	}],
+	["path", {
+		d: "M7.5 12H9",
+		key: "eltsq1"
+	}],
+	["path", {
+		d: "M16.5 12H15",
+		key: "vk5kw4"
+	}],
+	["path", {
+		d: "M12 16.5V15",
+		key: "k7eayi"
+	}],
+	["path", {
+		d: "m8 8 1.88 1.88",
+		key: "nxy4qf"
+	}],
+	["path", {
+		d: "M14.12 9.88 16 8",
+		key: "1lst6k"
+	}],
+	["path", {
+		d: "m8 16 1.88-1.88",
+		key: "h2eex1"
+	}],
+	["path", {
+		d: "M14.12 14.12 16 16",
+		key: "uqkrx3"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Footprints = createLucideIcon("footprints", [
 	["path", {
 		d: "M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z",
@@ -2241,6 +2661,77 @@ var Hash = createLucideIcon("hash", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var HeartPulse = createLucideIcon("heart-pulse", [["path", {
+	d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",
+	key: "mvr1a0"
+}], ["path", {
+	d: "M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27",
+	key: "auskq0"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Heart = createLucideIcon("heart", [["path", {
+	d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",
+	key: "mvr1a0"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Heater = createLucideIcon("heater", [
+	["path", {
+		d: "M11 8c2-3-2-3 0-6",
+		key: "1ldv5m"
+	}],
+	["path", {
+		d: "M15.5 8c2-3-2-3 0-6",
+		key: "1otqoz"
+	}],
+	["path", {
+		d: "M6 10h.01",
+		key: "1lbq93"
+	}],
+	["path", {
+		d: "M6 14h.01",
+		key: "zudwn7"
+	}],
+	["path", {
+		d: "M10 16v-4",
+		key: "1c25yv"
+	}],
+	["path", {
+		d: "M14 16v-4",
+		key: "1dkbt8"
+	}],
+	["path", {
+		d: "M18 16v-4",
+		key: "1yg9me"
+	}],
+	["path", {
+		d: "M20 6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3",
+		key: "1ubg90"
+	}],
+	["path", {
+		d: "M5 20v2",
+		key: "1abpe8"
+	}],
+	["path", {
+		d: "M19 20v2",
+		key: "kqn6ft"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var House = createLucideIcon("house", [["path", {
 	d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
 	key: "5wwlr5"
@@ -2357,6 +2848,141 @@ var Info = createLucideIcon("info", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var KeyRound = createLucideIcon("key-round", [["path", {
+	d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",
+	key: "1s6t7t"
+}], ["circle", {
+	cx: "16.5",
+	cy: "7.5",
+	r: ".5",
+	fill: "currentColor",
+	key: "w0ekpg"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Key = createLucideIcon("key", [
+	["path", {
+		d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4",
+		key: "g0fldk"
+	}],
+	["path", {
+		d: "m21 2-9.6 9.6",
+		key: "1j0ho8"
+	}],
+	["circle", {
+		cx: "7.5",
+		cy: "15.5",
+		r: "5.5",
+		key: "yqb3hr"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var LampCeiling = createLucideIcon("lamp-ceiling", [
+	["path", {
+		d: "M12 2v5",
+		key: "nd4vlx"
+	}],
+	["path", {
+		d: "M14.829 15.998a3 3 0 1 1-5.658 0",
+		key: "1pybiy"
+	}],
+	["path", {
+		d: "M20.92 14.606A1 1 0 0 1 20 16H4a1 1 0 0 1-.92-1.394l3-7A1 1 0 0 1 7 7h10a1 1 0 0 1 .92.606z",
+		key: "ma1wor"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var LampDesk = createLucideIcon("lamp-desk", [
+	["path", {
+		d: "M10.293 2.293a1 1 0 0 1 1.414 0l2.5 2.5 5.994 1.227a1 1 0 0 1 .506 1.687l-7 7a1 1 0 0 1-1.687-.506l-1.227-5.994-2.5-2.5a1 1 0 0 1 0-1.414z",
+		key: "sb8slu"
+	}],
+	["path", {
+		d: "m14.207 4.793-3.414 3.414",
+		key: "m2x3oj"
+	}],
+	["path", {
+		d: "M3 20a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z",
+		key: "8b3myj"
+	}],
+	["path", {
+		d: "m9.086 6.5-4.793 4.793a1 1 0 0 0-.18 1.17L7 18",
+		key: "43s6cu"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var LampFloor = createLucideIcon("lamp-floor", [
+	["path", {
+		d: "M12 10v12",
+		key: "6ubwww"
+	}],
+	["path", {
+		d: "M17.929 7.629A1 1 0 0 1 17 9H7a1 1 0 0 1-.928-1.371l2-5A1 1 0 0 1 9 2h6a1 1 0 0 1 .928.629z",
+		key: "1o95gh"
+	}],
+	["path", {
+		d: "M9 22h6",
+		key: "1rlq3v"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Lamp = createLucideIcon("lamp", [
+	["path", {
+		d: "M12 12v6",
+		key: "3ahymv"
+	}],
+	["path", {
+		d: "M4.077 10.615A1 1 0 0 0 5 12h14a1 1 0 0 0 .923-1.385l-3.077-7.384A2 2 0 0 0 15 2H9a2 2 0 0 0-1.846 1.23Z",
+		key: "1l7kg2"
+	}],
+	["path", {
+		d: "M8 20a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z",
+		key: "1mmzpi"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Laptop = createLucideIcon("laptop", [["path", {
+	d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
+	key: "1pdavp"
+}], ["path", {
+	d: "M20.054 15.987H3.946",
+	key: "14rxg9"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Laugh = createLucideIcon("laugh", [
 	["circle", {
 		cx: "12",
@@ -2656,6 +3282,33 @@ var Mail = createLucideIcon("mail", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Mailbox = createLucideIcon("mailbox", [
+	["path", {
+		d: "M22 17a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.5C2 7 4 5 6.5 5H18c2.2 0 4 1.8 4 4v8Z",
+		key: "1lbycx"
+	}],
+	["polyline", {
+		points: "15,9 18,9 18,11",
+		key: "1pm9c0"
+	}],
+	["path", {
+		d: "M6.5 5C9 5 11 7 11 9.5V17a2 2 0 0 1-2 2",
+		key: "15i455"
+	}],
+	["line", {
+		x1: "6",
+		x2: "7",
+		y1: "10",
+		y2: "10",
+		key: "1e2scm"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var MapPin = createLucideIcon("map-pin", [["path", {
 	d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
 	key: "1r0f0z"
@@ -2745,6 +3398,38 @@ var MessageSquare = createLucideIcon("message-square", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var MicOff = createLucideIcon("mic-off", [
+	["path", {
+		d: "M12 19v3",
+		key: "npa21l"
+	}],
+	["path", {
+		d: "M15 9.34V5a3 3 0 0 0-5.68-1.33",
+		key: "1gzdoj"
+	}],
+	["path", {
+		d: "M16.95 16.95A7 7 0 0 1 5 12v-2",
+		key: "cqa7eg"
+	}],
+	["path", {
+		d: "M18.89 13.23A7 7 0 0 0 19 12v-2",
+		key: "16hl24"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}],
+	["path", {
+		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
+		key: "r2i35w"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Mic = createLucideIcon("mic", [
 	["path", {
 		d: "M12 19v3",
@@ -2769,6 +3454,42 @@ var Mic = createLucideIcon("mic", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Microwave = createLucideIcon("microwave", [
+	["rect", {
+		width: "20",
+		height: "15",
+		x: "2",
+		y: "4",
+		rx: "2",
+		key: "2no95f"
+	}],
+	["rect", {
+		width: "8",
+		height: "7",
+		x: "6",
+		y: "8",
+		rx: "1",
+		key: "zh9wx"
+	}],
+	["path", {
+		d: "M18 8v7",
+		key: "o5zi4n"
+	}],
+	["path", {
+		d: "M6 19v2",
+		key: "1loha6"
+	}],
+	["path", {
+		d: "M18 19v2",
+		key: "1dawf0"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Minimize2 = createLucideIcon("minimize-2", [
 	["path", {
 		d: "m14 10 7-7",
@@ -2831,6 +3552,36 @@ var MonitorPlay = createLucideIcon("monitor-play", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Monitor = createLucideIcon("monitor", [
+	["rect", {
+		width: "20",
+		height: "14",
+		x: "2",
+		y: "3",
+		rx: "2",
+		key: "48i651"
+	}],
+	["line", {
+		x1: "8",
+		x2: "16",
+		y1: "21",
+		y2: "21",
+		key: "1svkeh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "17",
+		y2: "21",
+		key: "vw1qmm"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Moon = createLucideIcon("moon", [["path", {
 	d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
 	key: "kfwtm"
@@ -2841,6 +3592,16 @@ var Moon = createLucideIcon("moon", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Mountain = createLucideIcon("mountain", [["path", {
+	d: "m8 3 4 8 5-5 5 15H2L8 3z",
+	key: "otkl63"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var MousePointerClick = createLucideIcon("mouse-pointer-click", [
 	["path", {
 		d: "M14 4.1 12 6",
@@ -3103,6 +3864,32 @@ var Pencil = createLucideIcon("pencil", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var PersonStanding = createLucideIcon("person-standing", [
+	["circle", {
+		cx: "12",
+		cy: "5",
+		r: "1",
+		key: "gxeob9"
+	}],
+	["path", {
+		d: "m9 20 3-6 3 6",
+		key: "se2kox"
+	}],
+	["path", {
+		d: "m6 8 6 2 6-2",
+		key: "4o3us4"
+	}],
+	["path", {
+		d: "M12 10v4",
+		key: "1kjpxc"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Phone = createLucideIcon("phone", [["path", {
 	d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
 	key: "9njp5v"
@@ -3153,6 +3940,34 @@ var Play = createLucideIcon("play", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var PlugZap = createLucideIcon("plug-zap", [
+	["path", {
+		d: "M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z",
+		key: "goz73y"
+	}],
+	["path", {
+		d: "m2 22 3-3",
+		key: "19mgm9"
+	}],
+	["path", {
+		d: "M7.5 13.5 10 11",
+		key: "7xgeeb"
+	}],
+	["path", {
+		d: "M10.5 16.5 13 14",
+		key: "10btkg"
+	}],
+	["path", {
+		d: "m18 3-4 4h6l-4 4",
+		key: "16psg9"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Plus = createLucideIcon("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -3227,6 +4042,64 @@ var Power = createLucideIcon("power", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Printer = createLucideIcon("printer", [
+	["path", {
+		d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
+		key: "143wyd"
+	}],
+	["path", {
+		d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",
+		key: "1itne7"
+	}],
+	["rect", {
+		x: "6",
+		y: "14",
+		width: "12",
+		height: "8",
+		rx: "1",
+		key: "1ue0tg"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Projector = createLucideIcon("projector", [
+	["path", {
+		d: "M5 7 3 5",
+		key: "1yys58"
+	}],
+	["path", {
+		d: "M9 6V3",
+		key: "1ptz9u"
+	}],
+	["path", {
+		d: "m13 7 2-2",
+		key: "1w3vmq"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "13",
+		r: "3",
+		key: "1mma13"
+	}],
+	["path", {
+		d: "M11.83 12H20a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2.17",
+		key: "2frwzc"
+	}],
+	["path", {
+		d: "M16 16h2",
+		key: "dnq2od"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var QrCode$1 = createLucideIcon("qr-code", [
 	["rect", {
 		width: "5",
@@ -3429,6 +4302,26 @@ var RefreshCw = createLucideIcon("refresh-cw", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Refrigerator = createLucideIcon("refrigerator", [
+	["path", {
+		d: "M5 6a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Z",
+		key: "fpq118"
+	}],
+	["path", {
+		d: "M5 10h14",
+		key: "elsbfy"
+	}],
+	["path", {
+		d: "M15 7v6",
+		key: "1nx30x"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var RotateCcw = createLucideIcon("rotate-ccw", [["path", {
 	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
 	key: "1357e3"
@@ -3455,6 +4348,66 @@ var RotateCw = createLucideIcon("rotate-cw", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Route = createLucideIcon("route", [
+	["circle", {
+		cx: "6",
+		cy: "19",
+		r: "3",
+		key: "1kj8tv"
+	}],
+	["path", {
+		d: "M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15",
+		key: "1d8sl"
+	}],
+	["circle", {
+		cx: "18",
+		cy: "5",
+		r: "3",
+		key: "gq8acd"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Router = createLucideIcon("router", [
+	["rect", {
+		width: "20",
+		height: "8",
+		x: "2",
+		y: "14",
+		rx: "2",
+		key: "w68u3i"
+	}],
+	["path", {
+		d: "M6.01 18H6",
+		key: "19vcac"
+	}],
+	["path", {
+		d: "M10.01 18H10",
+		key: "uamcmx"
+	}],
+	["path", {
+		d: "M15 10v4",
+		key: "qjz1xs"
+	}],
+	["path", {
+		d: "M17.84 7.17a4 4 0 0 0-5.66 0",
+		key: "1rif40"
+	}],
+	["path", {
+		d: "M20.66 4.34a8 8 0 0 0-11.31 0",
+		key: "6a5xfq"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Sailboat = createLucideIcon("sailboat", [
 	["path", {
 		d: "M10 2v15",
@@ -3928,6 +4881,64 @@ var Snowflake = createLucideIcon("snowflake", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Sofa = createLucideIcon("sofa", [
+	["path", {
+		d: "M20 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v3",
+		key: "1dgpiv"
+	}],
+	["path", {
+		d: "M2 16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z",
+		key: "xacw8m"
+	}],
+	["path", {
+		d: "M4 18v2",
+		key: "jwo5n2"
+	}],
+	["path", {
+		d: "M20 18v2",
+		key: "1ar1qi"
+	}],
+	["path", {
+		d: "M12 4v9",
+		key: "oqhhn3"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Speaker = createLucideIcon("speaker", [
+	["rect", {
+		width: "16",
+		height: "20",
+		x: "4",
+		y: "2",
+		rx: "2",
+		key: "1nb95v"
+	}],
+	["path", {
+		d: "M12 6h.01",
+		key: "1vi96p"
+	}],
+	["circle", {
+		cx: "12",
+		cy: "14",
+		r: "4",
+		key: "1jruaj"
+	}],
+	["path", {
+		d: "M12 14h.01",
+		key: "1etili"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Sparkles = createLucideIcon("sparkles", [
 	["path", {
 		d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
@@ -3998,6 +5009,26 @@ var Star = createLucideIcon("star", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Store = createLucideIcon("store", [
+	["path", {
+		d: "M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5",
+		key: "slp6dd"
+	}],
+	["path", {
+		d: "M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244",
+		key: "o0xfot"
+	}],
+	["path", {
+		d: "M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05",
+		key: "wn3emo"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var SunMedium = createLucideIcon("sun-medium", [
 	["circle", {
 		cx: "12",
@@ -4130,6 +5161,27 @@ var Sunrise = createLucideIcon("sunrise", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Tablet = createLucideIcon("tablet", [["rect", {
+	width: "16",
+	height: "20",
+	x: "4",
+	y: "2",
+	rx: "2",
+	ry: "2",
+	key: "76otgf"
+}], ["line", {
+	x1: "12",
+	x2: "12.01",
+	y1: "18",
+	y2: "18",
+	key: "1dp563"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Tag = createLucideIcon("tag", [["path", {
 	d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
 	key: "vktsd0"
@@ -4172,6 +5224,46 @@ var Target = createLucideIcon("target", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var ThermometerSnowflake = createLucideIcon("thermometer-snowflake", [
+	["path", {
+		d: "m10 20-1.25-2.5L6 18",
+		key: "18frcb"
+	}],
+	["path", {
+		d: "M10 4 8.75 6.5 6 6",
+		key: "7mghy3"
+	}],
+	["path", {
+		d: "M10.585 15H10",
+		key: "4nqulp"
+	}],
+	["path", {
+		d: "M2 12h6.5L10 9",
+		key: "kv9z4n"
+	}],
+	["path", {
+		d: "M20 14.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0z",
+		key: "yu0u2z"
+	}],
+	["path", {
+		d: "m4 10 1.5 2L4 14",
+		key: "k9enpj"
+	}],
+	["path", {
+		d: "m7 21 3-6-1.5-3",
+		key: "j8hb9u"
+	}],
+	["path", {
+		d: "m7 3 3 6h2",
+		key: "1bbqgq"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Thermometer = createLucideIcon("thermometer", [["path", {
 	d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
 	key: "17jzev"
@@ -4182,6 +5274,66 @@ var Thermometer = createLucideIcon("thermometer", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var ThermometerSun = createLucideIcon("thermometer-sun", [
+	["path", {
+		d: "M12 2v2",
+		key: "tus03m"
+	}],
+	["path", {
+		d: "M12 8a4 4 0 0 0-1.645 7.647",
+		key: "wz5p04"
+	}],
+	["path", {
+		d: "M2 12h2",
+		key: "1t8f8n"
+	}],
+	["path", {
+		d: "M20 14.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0z",
+		key: "yu0u2z"
+	}],
+	["path", {
+		d: "m4.93 4.93 1.41 1.41",
+		key: "149t6j"
+	}],
+	["path", {
+		d: "m6.34 17.66-1.41 1.41",
+		key: "1m8zz5"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Timer = createLucideIcon("timer", [
+	["line", {
+		x1: "10",
+		x2: "14",
+		y1: "2",
+		y2: "2",
+		key: "14vaq8"
+	}],
+	["line", {
+		x1: "12",
+		x2: "15",
+		y1: "14",
+		y2: "11",
+		key: "17fdiu"
+	}],
+	["circle", {
+		cx: "12",
+		cy: "14",
+		r: "8",
+		key: "1e1u0o"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ToggleLeft = createLucideIcon("toggle-left", [["circle", {
 	cx: "9",
 	cy: "12",
@@ -4328,6 +5480,43 @@ var Trash2 = createLucideIcon("trash-2", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var TreePine = createLucideIcon("tree-pine", [["path", {
+	d: "m17 14 3 3.3a1 1 0 0 1-.7 1.7H4.7a1 1 0 0 1-.7-1.7L7 14h-.3a1 1 0 0 1-.7-1.7L9 9h-.2A1 1 0 0 1 8 7.3L12 3l4 4.3a1 1 0 0 1-.8 1.7H15l3 3.3a1 1 0 0 1-.7 1.7H17Z",
+	key: "cpyugq"
+}], ["path", {
+	d: "M12 22v-3",
+	key: "kmzjlo"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Trees = createLucideIcon("trees", [
+	["path", {
+		d: "M10 10v.2A3 3 0 0 1 8.9 16H5a3 3 0 0 1-1-5.8V10a3 3 0 0 1 6 0Z",
+		key: "1l6gj6"
+	}],
+	["path", {
+		d: "M7 16v6",
+		key: "1a82de"
+	}],
+	["path", {
+		d: "M13 19v3",
+		key: "13sx9i"
+	}],
+	["path", {
+		d: "M12 19h8.3a1 1 0 0 0 .7-1.7L18 14h.3a1 1 0 0 0 .7-1.7L16 9h.2a1 1 0 0 0 .8-1.7L13 3l-1.4 1.5",
+		key: "1sj9kv"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var TrendingUp = createLucideIcon("trending-up", [["path", {
 	d: "M16 7h6v6",
 	key: "box55l"
@@ -4406,6 +5595,23 @@ var Truck = createLucideIcon("truck", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Tv = createLucideIcon("tv", [["path", {
+	d: "m17 2-5 5-5-5",
+	key: "16satq"
+}], ["rect", {
+	width: "20",
+	height: "15",
+	x: "2",
+	y: "7",
+	rx: "2",
+	key: "1e6viu"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Type = createLucideIcon("type", [
 	["path", {
 		d: "M12 4v16",
@@ -4426,6 +5632,26 @@ var Type = createLucideIcon("type", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Umbrella = createLucideIcon("umbrella", [
+	["path", {
+		d: "M12 13v7a2 2 0 0 0 4 0",
+		key: "rpgb42"
+	}],
+	["path", {
+		d: "M12 2v2",
+		key: "tus03m"
+	}],
+	["path", {
+		d: "M20.992 13a1 1 0 0 0 .97-1.274 10.284 10.284 0 0 0-19.923 0A1 1 0 0 0 3 13z",
+		key: "124nyo"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Undo2 = createLucideIcon("undo-2", [["path", {
 	d: "M9 14 4 9l5-5",
 	key: "102s5s"
@@ -4556,6 +5782,26 @@ var UtensilsCrossed = createLucideIcon("utensils-crossed", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Utensils = createLucideIcon("utensils", [
+	["path", {
+		d: "M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2",
+		key: "cjf0a3"
+	}],
+	["path", {
+		d: "M7 2v20",
+		key: "1473qp"
+	}],
+	["path", {
+		d: "M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7",
+		key: "j28e5"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Vibrate = createLucideIcon("vibrate", [
 	["path", {
 		d: "m2 8 2 2-2 2 2 2-2 2",
@@ -4580,6 +5826,43 @@ var Vibrate = createLucideIcon("vibrate", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var VideoOff = createLucideIcon("video-off", [
+	["path", {
+		d: "M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",
+		key: "w8jjjt"
+	}],
+	["path", {
+		d: "M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2",
+		key: "1xawa7"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Video = createLucideIcon("video", [["path", {
+	d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+	key: "ftymec"
+}], ["rect", {
+	x: "2",
+	y: "6",
+	width: "14",
+	height: "12",
+	rx: "2",
+	key: "158x01"
+}]]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Volume2 = createLucideIcon("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
@@ -4626,6 +5909,92 @@ var VolumeX = createLucideIcon("volume-x", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Warehouse = createLucideIcon("warehouse", [
+	["path", {
+		d: "M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11",
+		key: "pb2vm6"
+	}],
+	["path", {
+		d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z",
+		key: "doq5xv"
+	}],
+	["path", {
+		d: "M6 13h12",
+		key: "yf64js"
+	}],
+	["path", {
+		d: "M6 17h12",
+		key: "1jwigz"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var WashingMachine = createLucideIcon("washing-machine", [
+	["path", {
+		d: "M3 6h3",
+		key: "155dbl"
+	}],
+	["path", {
+		d: "M17 6h.01",
+		key: "e2y6kg"
+	}],
+	["rect", {
+		width: "18",
+		height: "20",
+		x: "3",
+		y: "2",
+		rx: "2",
+		key: "od3kk9"
+	}],
+	["circle", {
+		cx: "12",
+		cy: "13",
+		r: "5",
+		key: "nlbqau"
+	}],
+	["path", {
+		d: "M12 18a2.5 2.5 0 0 0 0-5 2.5 2.5 0 0 1 0-5",
+		key: "17lach"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var WavesLadder = createLucideIcon("waves-ladder", [
+	["path", {
+		d: "M19 5a2 2 0 0 0-2 2v11",
+		key: "s41o68"
+	}],
+	["path", {
+		d: "M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",
+		key: "rd2r6e"
+	}],
+	["path", {
+		d: "M7 13h10",
+		key: "1rwob1"
+	}],
+	["path", {
+		d: "M7 9h10",
+		key: "12czzb"
+	}],
+	["path", {
+		d: "M9 5a2 2 0 0 0-2 2v11",
+		key: "x0q4gh"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Waves = createLucideIcon("waves", [
 	["path", {
 		d: "M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",
@@ -7215,6 +8584,8 @@ var useVideoclipsListSources = trpc.videoclips.listSources.useQuery;
 var useVideoclipsGetClipPlayback = trpc.videoclips.getClipPlayback.useQuery;
 /** Generated alias around `trpc.videoclips.readClipBytes.useQuery`. */
 var useVideoclipsReadClipBytes = trpc.videoclips.readClipBytes.useQuery;
+/** Generated alias around `trpc.videoclips.dialClipStream.useQuery`. */
+var useVideoclipsDialClipStream = trpc.videoclips.dialClipStream.useQuery;
 /** Generated alias around `trpc.waterHeater.setTargetTemp.useMutation`. */
 var useWaterHeaterSetTargetTemp = trpc.waterHeater.setTargetTemp.useMutation;
 /** Generated alias around `trpc.waterHeater.setOperationMode.useMutation`. */
@@ -17686,38 +19057,6 @@ var cva = (base, config) => (props) => {
 	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
 };
 //#endregion
-//#region src/primitives/badge.tsx
-var badgeVariants = cva("inline-flex items-center rounded-full text-xs font-medium px-2 py-0.5", {
-	variants: {
-		variant: {
-			default: "bg-surface-hover text-foreground",
-			success: "bg-success/15 text-success",
-			warning: "bg-warning/15 text-warning",
-			danger: "bg-danger/15 text-danger",
-			info: "bg-info/15 text-info"
-		},
-		styleVariant: {
-			solid: "",
-			outline: "border bg-transparent"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		styleVariant: "solid"
-	}
-});
-var Badge = (0, react$1.forwardRef)(({ className, variant, style, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		ref,
-		className: cn(badgeVariants({
-			variant,
-			styleVariant: style
-		}), className),
-		...props
-	});
-});
-Badge.displayName = "Badge";
-//#endregion
 //#region src/primitives/button.tsx
 var buttonVariants = cva("inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none", {
 	variants: {
@@ -17993,590 +19332,123 @@ function axisTicks(fromMs, toMs, count) {
 	return ticks;
 }
 //#endregion
-//#region src/hooks/use-is-mobile.ts
-var MOBILE_QUERY = "(max-width: 767px)";
-/**
-* Mid breakpoint — below this width the sidebar collapses to an
-* icons-only rail to reclaim canvas space. Above it (and outside
-* mobile) the full sidebar renders. Threshold matches Tailwind `lg`
-* so sidebar fans out at the same point grids switch to multi-column.
-*/
-var MID_QUERY = "(min-width: 768px) and (max-width: 1023px)";
-/**
-* `matchMedia` is universal in browsers but absent in bare DOM environments.
-* These hooks are called from shared primitives (`DataTable` picks its narrow
-* layout with one), so throwing here takes down the whole page that merely
-* rendered a table. Where the capability is missing, report the desktop
-* layout — a widescreen rendering is wrong-looking; a crashed page is gone.
-*/
-function matchQuery(query) {
-	if (typeof window.matchMedia !== "function") return null;
-	return window.matchMedia(query);
-}
-function subscribeQuery(query) {
-	return (callback) => {
-		const mql = matchQuery(query);
-		if (mql === null) return () => {};
-		mql.addEventListener("change", callback);
-		return () => mql.removeEventListener("change", callback);
-	};
-}
-function getSnapshot(query) {
-	return () => matchQuery(query)?.matches ?? false;
-}
-function getServerSnapshot() {
-	return false;
-}
-function useIsMobile() {
-	return (0, react$1.useSyncExternalStore)(subscribeQuery(MOBILE_QUERY), getSnapshot(MOBILE_QUERY), getServerSnapshot);
-}
-/**
-* True when the viewport is in the medium (`md`) Tailwind range —
-* 768px ≤ width < 1024px. Use to drive layouts that should pack denser
-* than full-desktop but more legibly than mobile (e.g. icons-only
-* sidebar rail, narrower stat tiles).
-*/
-function useIsMidWidth() {
-	return (0, react$1.useSyncExternalStore)(subscribeQuery(MID_QUERY), getSnapshot(MID_QUERY), getServerSnapshot);
-}
-//#endregion
-//#region src/composites/data-table-layout.ts
-/**
-* At this many columns and above, `auto` switches a narrow viewport to cards.
-* Three columns still fit a phone at a readable size; four do not.
-*/
-var CARD_MODE_MIN_COLUMNS = 4;
-function resolveTableLayout({ mode, columnCount, isNarrow }) {
-	if (!isNarrow) return "table";
-	if (mode === "scroll") return "table";
-	if (mode === "cards") return "cards";
-	if (columnCount === 0) return "table";
-	return columnCount >= 4 ? "cards" : "table";
+//#region src/composites/device-list/pagination.tsx
+var NEIGHBORS = 2;
+function computePageButtons(currentPage, totalPages) {
+	if (totalPages <= 1) return [{
+		kind: "page",
+		n: 1
+	}];
+	if (totalPages <= 7) {
+		const all = [];
+		for (let i = 1; i <= totalPages; i++) all.push({
+			kind: "page",
+			n: i
+		});
+		return all;
+	}
+	const result = [];
+	const leftBound = Math.max(2, currentPage - NEIGHBORS);
+	const rightBound = Math.min(totalPages - 1, currentPage + NEIGHBORS);
+	result.push({
+		kind: "page",
+		n: 1
+	});
+	if (leftBound > 2) result.push({
+		kind: "ellipsis",
+		side: "left"
+	});
+	for (let i = leftBound; i <= rightBound; i++) result.push({
+		kind: "page",
+		n: i
+	});
+	if (rightBound < totalPages - 1) result.push({
+		kind: "ellipsis",
+		side: "right"
+	});
+	result.push({
+		kind: "page",
+		n: totalPages
+	});
+	return result;
 }
-//#endregion
-//#region src/lib/responsive.ts
-/**
-* Responsive design tokens — three-tier system.
-*
-* The admin-ui targets three width tiers; every component should pick
-* the right token from this file instead of hand-coding breakpoints.
-* Adopting the tokens uniformly is what makes the app feel consistent
-* across operator devices (mobile / tablet / desktop) and what unlocks
-* targeted tuning (e.g. shrink every label by 1px in one place).
-*
-* Tier definitions (Tailwind breakpoints):
-*
-*   • **L1 — Compact** (`< 640px`, default = mobile portrait)
-*     Single column, tight padding, smallest text, icon-only buttons
-*     where labels can be inferred. The operator can still see every
-*     stat / action — no horizontal scroll, no clipped text. The user
-*     directive: "molta informazione in poco spazio quando la width è
-*     bassa."
-*
-*   • **L2 — Standard** (`sm` — `640–1023px`, tablet + small laptop)
-*     2-column grids, side panels become visible, button labels return.
-*     Targets ~768px–1024px viewports — the most common operator sizes.
-*
-*   • **L3 — Spacious** (`lg+` — `≥ 1024px`, desktop)
-*     4-column grids, generous padding, full-width header text,
-*     side-by-side composite layouts. The operator has elbow room.
-*
-* Conventions:
-*   - **Always start from L1** — the bare class is always the compact
-*     variant, then `sm:` adds room at 640px, `lg:` at 1024px. No
-*     desktop-first breakpoints; no max-width queries.
-*   - **Token strings are static** — kept as `as const` so callers can
-*     compose them via `cn()` / template literals without running a
-*     class generator at runtime.
-*   - **Pair the token with a comment** — the comment in the file
-*     names every breakpoint it crosses, so a reader can predict the
-*     layout without going to Tailwind docs.
-*/
-/** Container padding for a card-style section (header + body). */
-var SECTION_CARD = "rounded-lg border border-border bg-surface overflow-hidden";
-/** Header strip inside a card (between border-b lines). */
-var SECTION_HEADER = "border-b border-border px-3 sm:px-4 py-1.5 sm:py-2";
-/** Body padding for a card-style section. */
-var SECTION_BODY = "p-2 sm:p-3 lg:p-4";
-/** Gap between cards in a vertical stack. */
-var STACK_GAP = "space-y-3 sm:space-y-4";
-/** Gap between cards in a grid (4 cells / row at lg). */
-var GRID_GAP = "gap-2 sm:gap-3";
-/** Row padding inside a divided list (e.g. InfoRow). */
-var LIST_ROW = "px-3 sm:px-4 py-1.5 sm:py-2";
-/** 1-up at L1, 2-up at L2, 4-up at L3 — quick-stat row. */
-var GRID_QUICK_STATS = "grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4";
-/** 1-up at L1, 2-up at L2+ — paired panels (motion + detection rules). */
-var GRID_PAIRED = "grid grid-cols-1 lg:grid-cols-2";
-/** Side-by-side layout that stacks below md (canvas + side panel). */
-var SPLIT_PANEL_OUTER = "flex flex-col-reverse md:flex-row";
-/** Sidebar narrow lane in a SPLIT_PANEL_OUTER layout. */
-var SPLIT_PANEL_SIDE = "w-full md:w-44 lg:w-52 md:flex-shrink-0 border-b md:border-b-0 md:border-l border-border";
-/**
-* The tier boundary at which a settings label/value row stops stacking.
-*
-* Below it (L1 — compact) the row is ONE column: label on its own line, value
-* on the next at full width. Above it the row is label-left / value-right as
-* before. The two-column form needs `SETTING_ROW_LABEL`'s lane plus a readable
-* value beside it; a phone has neither, and the failure mode is not "cramped"
-* but "the value is the part that gets cut" — the one thing the operator
-* opened the page to read.
-*/
-var SETTING_ROW_STACK_BREAKPOINT = "sm";
-/** Outer row: single column at L1, label/value columns from `sm` up. */
-var SETTING_ROW = "flex min-w-0 flex-col gap-0.5 py-1.5 sm:flex-row sm:items-center";
-/** Label lane. Full width (and free to wrap) at L1; a fixed lane from `sm` up. */
-var SETTING_ROW_LABEL = "min-w-0 text-[11px] leading-tight text-foreground-subtle sm:w-32 sm:shrink-0 sm:pr-2";
-/**
-* Value lane — the value text plus its trailing affordances (copy / reveal).
-* `w-full` at L1 so the value owns the whole row once the label is above it;
-* `sm:flex-1` makes it share the row again from `sm` up.
-*/
-var SETTING_ROW_VALUE = "flex w-full min-w-0 items-center gap-1 sm:flex-1";
-/**
-* The value text itself. `break-all` lets an opaque token (a key, a URL) wrap
-* at L1 instead of being cut mid-word; `sm:truncate` restores the single-line
-* desktop form, where the row is wide enough for truncation to be a choice
-* rather than data loss.
-*/
-var SETTING_ROW_VALUE_TEXT = "min-w-0 break-all text-xs text-foreground sm:truncate";
-/** Section header label (uppercase tracking-wider). */
-var TEXT_SECTION_LABEL = "text-[10px] sm:text-[11px] font-semibold text-foreground uppercase tracking-wider";
-/** Field label inside a row. */
-var TEXT_FIELD_LABEL = "text-[11px] sm:text-xs text-foreground";
-/** Sub-label / hint text. */
-var TEXT_HINT = "text-[10px] text-foreground-subtle";
-/** Primary value (a metric, badge, …). */
-var TEXT_VALUE = "text-[11px] sm:text-xs font-medium text-foreground";
-/** Big metric value (StatCard). */
-var TEXT_METRIC = "text-base sm:text-lg font-semibold leading-tight text-foreground";
-/** Default compact button. */
-var BTN_COMPACT = "inline-flex items-center justify-center gap-1 rounded border border-border bg-surface px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-foreground hover:bg-surface-hover transition-colors disabled:opacity-40";
-/** Primary compact button. */
-var BTN_COMPACT_PRIMARY = "inline-flex items-center justify-center gap-1 rounded border border-primary/40 bg-primary/15 px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-primary hover:bg-primary/25 transition-colors disabled:opacity-40";
-/** Danger compact button. */
-var BTN_COMPACT_DANGER = "inline-flex items-center justify-center gap-1 rounded border border-danger/40 bg-danger/10 px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-danger hover:bg-danger/20 transition-colors disabled:opacity-40";
-/** Warning compact button (e.g. cancel-drawing). */
-var BTN_COMPACT_WARNING = "inline-flex items-center justify-center gap-1 rounded border border-warning/40 bg-warning/10 px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-warning hover:bg-warning/20 transition-colors disabled:opacity-40";
-/** Compact text/select/number input. */
-var INPUT_COMPACT = "w-full rounded border border-border bg-background px-1.5 py-0.5 sm:px-2 sm:py-1 text-[11px] sm:text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none";
-/** Chip-style toggle (zone / class selectors in ZoneRulesEditor). */
-var CHIP_BASE = "inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium transition-colors";
-var CHIP_ACTIVE = "border-primary/50 bg-primary/15 text-primary";
-var CHIP_INACTIVE = "border-border bg-surface text-foreground-subtle hover:bg-surface-hover";
-//#endregion
-//#region src/composites/setting-row.tsx
-function SettingRow({ label, children, actions, elements = "plain", className, valueClassName }) {
-	const LabelTag = elements === "description" ? "dt" : "span";
-	const ValueTag = elements === "description" ? "dd" : "div";
+function Pagination({ currentPage, totalItems, pageSize, onPageChange, itemNoun = "devices" }) {
+	if (totalItems <= pageSize) return null;
+	const totalPages = Math.ceil(totalItems / pageSize);
+	const startIdx = (currentPage - 1) * pageSize + 1;
+	const endIdx = Math.min(currentPage * pageSize, totalItems);
+	const buttons = computePageButtons(currentPage, totalPages);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-setting-row": "",
-		className: cn(SETTING_ROW, className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LabelTag, {
-			"data-setting-row-label": "",
-			className: SETTING_ROW_LABEL,
-			children: label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ValueTag, {
-			"data-setting-row-value": "",
-			className: SETTING_ROW_VALUE,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				"data-setting-row-value-text": "",
-				className: cn(SETTING_ROW_VALUE_TEXT, valueClassName),
-				children
-			}), actions !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "flex shrink-0 items-center gap-0.5",
-				children: actions
-			})]
+		className: "flex items-center justify-between gap-4 flex-wrap pt-2 text-[11px] text-foreground-subtle",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+			"Showing ",
+			startIdx,
+			"–",
+			endIdx,
+			" of ",
+			totalItems,
+			" ",
+			itemNoun
+		] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "inline-flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					"aria-label": "Previous page",
+					disabled: currentPage === 1,
+					onClick: () => onPageChange(currentPage - 1),
+					className: cn("inline-flex items-center justify-center h-7 w-7 rounded border border-border bg-surface text-foreground-subtle", "hover:text-foreground hover:bg-surface-hover transition-colors", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-surface"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronLeft, { className: "h-3 w-3" })
+				}),
+				buttons.map((b, i) => {
+					if (b.kind === "ellipsis") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "px-1 text-foreground-subtle/60 select-none",
+						children: "…"
+					}, `e-${i}`);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: () => onPageChange(b.n),
+						className: cn("inline-flex items-center justify-center h-7 min-w-7 px-1.5 rounded border text-[10.5px] font-medium transition-colors", b.n === currentPage ? "border-primary/40 bg-primary/10 text-primary" : "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface-hover"),
+						children: b.n
+					}, `p-${b.n}`);
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					"aria-label": "Next page",
+					disabled: currentPage === totalPages,
+					onClick: () => onPageChange(currentPage + 1),
+					className: cn("inline-flex items-center justify-center h-7 w-7 rounded border border-border bg-surface text-foreground-subtle", "hover:text-foreground hover:bg-surface-hover transition-colors", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-surface"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronRight, { className: "h-3 w-3" })
+				})
+			]
 		})]
 	});
 }
 //#endregion
-//#region src/composites/sort-header-button.tsx
-function SortHeaderButton({ label, active, dir, onSort }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		type: "button",
-		onClick: onSort,
-		className: "group/sort inline-flex items-center gap-0.5 hover:text-foreground transition-colors",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), active ? dir === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronUp, { className: "h-3 w-3 flex-shrink-0" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { className: "h-3 w-3 flex-shrink-0" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronUp, { className: cn("h-3 w-3 flex-shrink-0 opacity-0 transition-opacity", "group-hover/sort:opacity-30") })]
-	});
-}
-//#endregion
-//#region src/composites/table-sort.ts
-/**
-* The toggle rule, and the only copy of it.
-*
-* none → asc → desc → none, and a click on a DIFFERENT column starts that
-* column fresh at `asc`. `sameColumn` says whether the clicked column is the
-* one currently sorted; `currentDir` is its direction (`null` when nothing is
-* sorted). Returns the next direction, or `null` for "unsorted".
-*
-* Split out from {@link nextTableSort} so the device list — whose sort state
-* keys columns by `columnId`, not `columnKey` — can reuse the rule without a
-* cast and without a second copy of it.
-*/
-function nextSortDirection(sameColumn, currentDir) {
-	if (!sameColumn || currentDir === null) return "asc";
-	return currentDir === "asc" ? "desc" : null;
-}
-/**
-* Toggle a column's sort on header click: none → asc → desc → none.
-* Clicking a DIFFERENT column starts it fresh at `asc`.
-*/
-function nextTableSort(current, columnKey) {
-	const dir = nextSortDirection(current !== null && current.columnKey === columnKey, current === null ? null : current.dir);
-	return dir === null ? null : {
-		columnKey,
-		dir
-	};
-}
-/**
-* Ascending comparison of two cell values.
-*
-* Numbers compare numerically and strings compare with `localeCompare` — a
-* numeric column must never be ordered as text ("100" before "9"), and a text
-* column must respect the locale's collation. A mixed column (one row a
-* number, another a string) falls back to string comparison of both, which is
-* the only total order available; it is not a shape any caller should build on
-* purpose.
-*
-* `null` is NOT handled here — {@link sortRowsByColumn} pulls it out first,
-* because its placement is direction-independent and a comparator that is
-* multiplied by the direction factor cannot express that.
-*/
-function compareValues(a, b) {
-	if (typeof a === "number" && typeof b === "number") return a - b;
-	return String(a).localeCompare(String(b));
-}
-/**
-* Return a NEW array of `rows` ordered by `sort`.
-*
-* `valueOf` is the column's `sortValue` — it is called once per row per
-* comparison, so it must be cheap (read a field, do not format a string).
-* `sort === null` ⇒ a fresh shallow copy in the incoming order.
-*/
-function sortRowsByColumn(rows, sort, valueOf) {
-	if (sort === null) return [...rows];
-	const factor = sort.dir === "asc" ? 1 : -1;
-	return rows.toSorted((a, b) => {
-		const av = valueOf(a);
-		const bv = valueOf(b);
-		if (av === null || bv === null) {
-			if (av === bv) return 0;
-			return av === null ? 1 : -1;
-		}
-		return factor * compareValues(av, bv);
-	});
-}
-/** Derive the `<th>` `aria-sort` for `columnKey` from the table's sort state. */
-function ariaSortForColumn(sort, columnKey) {
-	if (sort === null || sort.columnKey !== columnKey) return "none";
-	return sort.dir === "asc" ? "ascending" : "descending";
-}
-//#endregion
-//#region src/composites/data-table.tsx
-/**
-* DataTable — shared responsive table for admin pages.
-*
-* Recipes baked in:
-*   - `overflow-x-auto` wrapper so narrow viewports don't clip the
-*     right edge (the rounded border survives the scroll).
-*   - `min-w-[Npx]` on the inner table so columns don't squash below
-*     readable width before the scroll kicks in.
-*   - `whitespace-nowrap` on headers — column titles never wrap to
-*     two lines (`AUTO-KILL` was the regression that triggered this).
-*   - Themed `bg-surface` + `border-border` so contrast works in both
-*     light and dark themes.
-*
-* Column model: caller supplies `columns: DataColumn<T>[]` and
-* `rows: T[]`. Each column declares `header`, optional `align`,
-* optional `nowrap`, and a `render(row) => ReactNode` that produces
-* the cell content.
-*
-*   <DataTable
-*     columns={[
-*       { key: 'username', header: 'Username', render: (u) => u.username },
-*       { key: 'role',     header: 'Role',     render: (u) => <RoleBadge .../> },
-*       { key: 'actions',  header: '',         align: 'right', render: (u) => <Actions .../> },
-*     ]}
-*     rows={users}
-*     minWidthPx={560}
-*   />
-*
-* If finer header markup is needed, pass `headerRender` instead of
-* `header` (e.g. for a sortable click affordance).
-*
-* ── Narrow viewports ──────────────────────────────────────────────────────
-* The table stays a table. The wrapper is `overflow-x-auto`, so a phone
-* scrolls the columns sideways INSIDE the table — the page body never moves
-* sideways, and the cells stay one line (`whitespace-nowrap`). That is the
-* default (`mobileMode="scroll"`). Cards are opt-in via `mobileMode="cards"`;
-* `auto` still applies the old column-count rule for a surface that wants it.
-* See `resolveTableLayout`.
-*
-* ── Scrolling the BODY, not the page ──────────────────────────────────────
-* `maxBodyHeight` caps the table and scrolls its rows INSIDE the container
-* with the column header pinned. It is ONE prop, not two, because "this list
-* scrolls internally" and "its header stays visible" are the same decision: a
-* capped table whose header scrolls away is a list of unlabelled cells.
-*
-* Use it wherever the row count is open-ended (rules, targets, delivery
-* history) so the page keeps its own header, filters and actions in view while
-* the operator moves through the rows.
-*/
-/**
-* The default cap for an internally-scrolling table.
-*
-* `60vh` leaves the page header, its filters and its actions on screen at
-* every viewport while still showing ~10 rows — and it is a fraction, so it
-* does not need a breakpoint of its own.
-*/
-var TABLE_SCROLL_MAX_H = "max-h-[60vh]";
-var ALIGN_CLASS = {
-	left: "text-left",
-	right: "text-right",
-	center: "text-center"
-};
-function DataTable({ columns, rows, rowKey, onRowClick, minWidthPx = 480, emptyMessage, className, bordered = true, rowClassName, mobileMode = "scroll", maxBodyHeight, defaultSort }) {
-	const isNarrow = useIsMobile();
-	const [sort, setSort] = (0, react$1.useState)(defaultSort ?? null);
-	const layout = resolveTableLayout({
-		mode: mobileMode,
-		columnCount: columns.length,
-		isNarrow
-	});
-	const scrolls = maxBodyHeight !== void 0;
-	const sortedColumn = (0, react$1.useMemo)(() => sort === null ? void 0 : columns.find((col) => col.key === sort.columnKey && col.sortValue !== void 0), [columns, sort]);
-	const sortValue = sortedColumn?.sortValue;
-	const displayRows = (0, react$1.useMemo)(() => sortValue === void 0 ? rows : sortRowsByColumn(rows, sort, sortValue), [
-		rows,
-		sort,
-		sortValue
-	]);
-	const activeSort = sortedColumn === void 0 ? null : sort;
-	if (rows.length === 0 && emptyMessage) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `rounded-lg ${bordered ? "border border-border" : ""} bg-surface px-3 py-4 text-xs text-foreground-subtle text-center ${className ?? ""}`,
-		children: emptyMessage
-	});
-	if (rows.length === 0) return null;
-	if (layout === "cards") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `space-y-2 ${scrolls ? `${maxBodyHeight} overflow-y-auto` : ""} ${className ?? ""}`,
-		children: displayRows.map((row, rowIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableCard, {
-			row,
-			rowIndex,
-			columns,
-			bordered,
-			onRowClick,
-			rowClassName
-		}, rowKey ? rowKey(row, rowIndex) : rowIndex))
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: [
-			"rounded-lg",
-			bordered ? "border border-border" : "",
-			"bg-surface overflow-x-auto",
-			scrolls ? `${maxBodyHeight} overflow-y-auto` : "",
-			className ?? ""
-		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-			className: `w-full text-xs ${scrolls ? "border-separate border-spacing-0" : ""}`,
-			style: { minWidth: `${minWidthPx}px` },
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
-				className: "bg-surface",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: columns.map((col) => {
-					const align = col.align ?? "left";
-					const nowrap = col.nowrap ?? true;
-					const sortable = col.sortValue !== void 0;
-					const isSorted = activeSort !== null && activeSort.columnKey === col.key;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-						"aria-sort": sortable ? ariaSortForColumn(activeSort, col.key) : void 0,
-						title: sortable ? void 0 : col.notSortableReason,
-						className: [
-							"px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border",
-							scrolls ? "sticky top-0 z-10" : "",
-							ALIGN_CLASS[align],
-							nowrap ? "whitespace-nowrap" : "",
-							col.width ?? ""
-						].filter(Boolean).join(" "),
-						children: sortable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortHeaderButton, {
-							label: col.headerRender ? col.headerRender() : col.header,
-							active: isSorted,
-							dir: isSorted && activeSort !== null ? activeSort.dir : "asc",
-							onSort: () => setSort((prev) => nextTableSort(prev, col.key))
-						}) : col.headerRender ? col.headerRender() : col.header
-					}, col.key);
-				}) })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: displayRows.map((row, rowIndex) => {
-				const key = rowKey ? rowKey(row, rowIndex) : rowIndex;
-				const extra = rowClassName?.(row, rowIndex) ?? "";
-				const interactive = onRowClick !== void 0;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
-					onClick: interactive ? () => onRowClick(row, rowIndex) : void 0,
-					className: [interactive ? "cursor-pointer hover:bg-primary/5" : "hover:bg-primary/5", extra].filter(Boolean).join(" "),
-					children: columns.map((col) => {
-						const align = col.align ?? "left";
-						const nowrap = col.nowrap ?? true;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-							className: [
-								"px-3 py-2 text-foreground border-b border-border",
-								ALIGN_CLASS[align],
-								nowrap ? "whitespace-nowrap" : ""
-							].filter(Boolean).join(" "),
-							children: col.render(row, rowIndex)
-						}, col.key);
-					})
-				}, key);
-			}) })]
-		})
-	});
-}
-/**
-* One row as a card. Columns that carry a plain-text `header` become labelled
-* `SettingRow`s — the label is the column title and the value gets the full
-* card width. Columns with no text header (an actions column, a
-* `headerRender`-only column) have no label to show, so they render as a
-* full-width strip at the foot of the card.
-*/
-function DataTableCard({ row, rowIndex, columns, bordered, onRowClick, rowClassName }) {
-	const labelled = columns.filter((col) => col.header !== void 0 && col.header !== "");
-	const unlabelled = columns.filter((col) => col.header === void 0 || col.header === "");
-	const interactive = onRowClick !== void 0;
-	const extra = rowClassName?.(row, rowIndex) ?? "";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-data-table-card": "",
-		onClick: interactive ? () => onRowClick(row, rowIndex) : void 0,
-		className: [
-			"rounded-lg bg-surface px-3 py-1.5 divide-y divide-border-subtle",
-			bordered ? "border border-border" : "",
-			interactive ? "cursor-pointer hover:bg-primary/5" : "",
-			extra
-		].filter(Boolean).join(" "),
-		children: [labelled.map((col) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
-			label: col.header,
-			children: col.render(row, rowIndex)
-		}, col.key)), unlabelled.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex flex-wrap items-center justify-end gap-2 py-1.5",
-			children: unlabelled.map((col) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: col.render(row, rowIndex) }, col.key))
-		})]
-	});
-}
-//#endregion
-//#region src/composites/device-list/pagination.tsx
-var NEIGHBORS = 2;
-function computePageButtons(currentPage, totalPages) {
-	if (totalPages <= 1) return [{
-		kind: "page",
-		n: 1
-	}];
-	if (totalPages <= 7) {
-		const all = [];
-		for (let i = 1; i <= totalPages; i++) all.push({
-			kind: "page",
-			n: i
-		});
-		return all;
-	}
-	const result = [];
-	const leftBound = Math.max(2, currentPage - NEIGHBORS);
-	const rightBound = Math.min(totalPages - 1, currentPage + NEIGHBORS);
-	result.push({
-		kind: "page",
-		n: 1
-	});
-	if (leftBound > 2) result.push({
-		kind: "ellipsis",
-		side: "left"
-	});
-	for (let i = leftBound; i <= rightBound; i++) result.push({
-		kind: "page",
-		n: i
-	});
-	if (rightBound < totalPages - 1) result.push({
-		kind: "ellipsis",
-		side: "right"
-	});
-	result.push({
-		kind: "page",
-		n: totalPages
-	});
-	return result;
-}
-function Pagination({ currentPage, totalItems, pageSize, onPageChange, itemNoun = "devices" }) {
-	if (totalItems <= pageSize) return null;
-	const totalPages = Math.ceil(totalItems / pageSize);
-	const startIdx = (currentPage - 1) * pageSize + 1;
-	const endIdx = Math.min(currentPage * pageSize, totalItems);
-	const buttons = computePageButtons(currentPage, totalPages);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-center justify-between gap-4 flex-wrap pt-2 text-[11px] text-foreground-subtle",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-			"Showing ",
-			startIdx,
-			"–",
-			endIdx,
-			" of ",
-			totalItems,
-			" ",
-			itemNoun
-		] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "inline-flex items-center gap-1",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					"aria-label": "Previous page",
-					disabled: currentPage === 1,
-					onClick: () => onPageChange(currentPage - 1),
-					className: cn("inline-flex items-center justify-center h-7 w-7 rounded border border-border bg-surface text-foreground-subtle", "hover:text-foreground hover:bg-surface-hover transition-colors", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-surface"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronLeft, { className: "h-3 w-3" })
-				}),
-				buttons.map((b, i) => {
-					if (b.kind === "ellipsis") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "px-1 text-foreground-subtle/60 select-none",
-						children: "…"
-					}, `e-${i}`);
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: () => onPageChange(b.n),
-						className: cn("inline-flex items-center justify-center h-7 min-w-7 px-1.5 rounded border text-[10.5px] font-medium transition-colors", b.n === currentPage ? "border-primary/40 bg-primary/10 text-primary" : "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface-hover"),
-						children: b.n
-					}, `p-${b.n}`);
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					"aria-label": "Next page",
-					disabled: currentPage === totalPages,
-					onClick: () => onPageChange(currentPage + 1),
-					className: cn("inline-flex items-center justify-center h-7 w-7 rounded border border-border bg-surface text-foreground-subtle", "hover:text-foreground hover:bg-surface-hover transition-colors", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-surface"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronRight, { className: "h-3 w-3" })
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/composites/empty-state.tsx
-function EmptyState({ icon: Icon, title, description, action, className }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cn("flex flex-col items-center justify-center gap-3 py-12", className),
-		children: [
-			Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-				className: "h-12 w-12 text-foreground-subtle",
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-col items-center gap-1 text-center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-foreground-muted text-sm font-medium",
-					children: title
-				}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-foreground-subtle text-xs max-w-xs",
-					children: description
-				})]
-			}),
-			action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "mt-1",
-				children: action
-			})
-		]
+//#region src/composites/empty-state.tsx
+function EmptyState({ icon: Icon, title, description, action, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: cn("flex flex-col items-center justify-center gap-3 py-12", className),
+		children: [
+			Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+				className: "h-12 w-12 text-foreground-subtle",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center gap-1 text-center",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-foreground-muted text-sm font-medium",
+					children: title
+				}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-foreground-subtle text-xs max-w-xs",
+					children: description
+				})]
+			}),
+			action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mt-1",
+				children: action
+			})
+		]
 	});
 }
 //#endregion
@@ -19047,6 +19919,38 @@ function ClipPanel({ deviceId, clip, profile, onProfileChange }) {
 	});
 }
 //#endregion
+//#region src/primitives/badge.tsx
+var badgeVariants = cva("inline-flex items-center rounded-full text-xs font-medium px-2 py-0.5", {
+	variants: {
+		variant: {
+			default: "bg-surface-hover text-foreground",
+			success: "bg-success/15 text-success",
+			warning: "bg-warning/15 text-warning",
+			danger: "bg-danger/15 text-danger",
+			info: "bg-info/15 text-info"
+		},
+		styleVariant: {
+			solid: "",
+			outline: "border bg-transparent"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		styleVariant: "solid"
+	}
+});
+var Badge = (0, react$1.forwardRef)(({ className, variant, style, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		className: cn(badgeVariants({
+			variant,
+			styleVariant: style
+		}), className),
+		...props
+	});
+});
+Badge.displayName = "Badge";
+//#endregion
 //#region src/lib/format-duration.ts
 /**
 * How long something lasted, the way this product says it.
@@ -19560,24 +20464,6 @@ function describeSource(source) {
 		answered: copy.answered
 	};
 }
-var MINUTE_MS$1 = 6e4;
-var HOUR_MS$1 = 36e5;
-var DAY_MS$2 = 864e5;
-/**
-* How old a source's catalog is, or null when it did not say.
-*
-* Null is NOT "now". A source that omits `catalogAsOf` was read live and has
-* no age to show; inventing "just now" for a source that never told us would
-* be the same lie as drawing a cached list as current (D549 decision 13).
-*/
-function formatCatalogAge(catalogAsOf, now) {
-	if (catalogAsOf === void 0) return null;
-	const age = Math.max(0, now - catalogAsOf);
-	if (age < MINUTE_MS$1) return "under a minute ago";
-	if (age < HOUR_MS$1) return `${String(Math.floor(age / MINUTE_MS$1))} min ago`;
-	if (age < DAY_MS$2) return `${String(Math.floor(age / HOUR_MS$1))} h ago`;
-	return `${String(Math.floor(age / DAY_MS$2))} d ago`;
-}
 //#endregion
 //#region src/composites/clips/clip-view-state.ts
 function resolveClipsView(input) {
@@ -19731,56 +20617,6 @@ function resolveClipsView(input) {
 var CLIP_PAGE_LIMIT = 500;
 /** Tiles per page. The rest are a `Pagination` click away, never dropped. */
 var TILES_PER_PAGE = 60;
-var TONE_BADGE = {
-	ok: "success",
-	warn: "warning",
-	error: "danger"
-};
-var SOURCE_COLUMNS = [
-	{
-		key: "source",
-		header: "Source",
-		render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "min-w-0",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "font-medium text-foreground",
-				children: row.notice.label
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "text-[10px] text-foreground-subtle",
-				children: row.notice.source
-			})]
-		})
-	},
-	{
-		key: "state",
-		header: "State",
-		nowrap: false,
-		render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-			variant: TONE_BADGE[row.notice.tone],
-			children: row.notice.headline
-		})
-	},
-	{
-		key: "reason",
-		header: "Reason",
-		nowrap: false,
-		render: (row) => row.notice.detail === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "text-foreground-subtle",
-			children: "—"
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "break-words",
-			children: row.notice.detail
-		})
-	},
-	{
-		key: "read",
-		header: "Catalog read",
-		render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "text-foreground-subtle",
-			children: row.catalogAge ?? "live"
-		})
-	}
-];
 /** The sources that contributed NOTHING to what is on screen, and why. */
 function SilentSources({ silent }) {
 	if (silent.length === 0) return null;
@@ -19867,7 +20703,6 @@ function ClipsSection({ deviceId }) {
 		...clips.error ? { clipsError: clips.error.message } : {},
 		...sources.error ? { sourcesError: sources.error.message } : {}
 	});
-	const now = Date.now();
 	const options = (0, react$1.useMemo)(() => {
 		const byAddon = /* @__PURE__ */ new Map();
 		for (const row of sourceRows) {
@@ -19882,10 +20717,6 @@ function ClipsSection({ deviceId }) {
 			label: labels.join(" · ")
 		}));
 	}, [sourceRows]);
-	const tableRows = (0, react$1.useMemo)(() => sourceRows.map((row) => ({
-		notice: describeSource(row),
-		catalogAge: formatCatalogAge(row.availability.catalogAsOf, now)
-	})), [sourceRows]);
 	(0, react$1.useEffect)(() => {
 		setPage(1);
 	}, [band.fromMs, band.toMs]);
@@ -19991,19 +20822,6 @@ function ClipsSection({ deviceId }) {
 				onSelectBucket: handleSelectBucket,
 				densityLoading: density.status === "pending"
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-				"aria-label": "Clip sources",
-				className: "space-y-1",
-				children: sources.status === "pending" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Skeleton, { className: "h-16 w-full" }) : tableRows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
-					icon: Film,
-					title: "No provider answered for this camera",
-					description: "Nothing claims to hold clips for it."
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
-					columns: SOURCE_COLUMNS,
-					rows: [...tableRows],
-					minWidthPx: 520
-				})
-			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 				"aria-label": "Clips",
 				className: "space-y-2",
@@ -22977,7 +23795,7 @@ function RecordingPanel({ deviceId }) {
 *  Module-Federation `WidgetRegistry`. ids are namespaced `host/<name>`. */
 var HOST_WIDGETS = {
 	"host/motion-zones-grid": (0, react$1.lazy)(() => Promise.resolve().then(() => require("./MotionZonesSettings-BK9R9NIr.cjs")).then((m) => ({ default: m.MotionZonesSettings }))),
-	"host/privacy-mask-grid": (0, react$1.lazy)(() => Promise.resolve().then(() => require("./PrivacyMaskSettings-DfZAFg32.cjs")).then((m) => ({ default: m.PrivacyMaskSettings }))),
+	"host/privacy-mask-grid": (0, react$1.lazy)(() => Promise.resolve().then(() => require("./PrivacyMaskSettings-BqjXsXZR.cjs")).then((m) => ({ default: m.PrivacyMaskSettings }))),
 	"host/ptz-panel": PtzPanel,
 	"host/navigation-panel": NavigationPanel,
 	"host/consumables-panel": ConsumablesPanel,
@@ -27682,6 +28500,53 @@ function TooltipContent({ className, children, ...props }) {
 	});
 }
 //#endregion
+//#region src/hooks/use-is-mobile.ts
+var MOBILE_QUERY = "(max-width: 767px)";
+/**
+* Mid breakpoint — below this width the sidebar collapses to an
+* icons-only rail to reclaim canvas space. Above it (and outside
+* mobile) the full sidebar renders. Threshold matches Tailwind `lg`
+* so sidebar fans out at the same point grids switch to multi-column.
+*/
+var MID_QUERY = "(min-width: 768px) and (max-width: 1023px)";
+/**
+* `matchMedia` is universal in browsers but absent in bare DOM environments.
+* These hooks are called from shared primitives (`DataTable` picks its narrow
+* layout with one), so throwing here takes down the whole page that merely
+* rendered a table. Where the capability is missing, report the desktop
+* layout — a widescreen rendering is wrong-looking; a crashed page is gone.
+*/
+function matchQuery(query) {
+	if (typeof window.matchMedia !== "function") return null;
+	return window.matchMedia(query);
+}
+function subscribeQuery(query) {
+	return (callback) => {
+		const mql = matchQuery(query);
+		if (mql === null) return () => {};
+		mql.addEventListener("change", callback);
+		return () => mql.removeEventListener("change", callback);
+	};
+}
+function getSnapshot(query) {
+	return () => matchQuery(query)?.matches ?? false;
+}
+function getServerSnapshot() {
+	return false;
+}
+function useIsMobile() {
+	return (0, react$1.useSyncExternalStore)(subscribeQuery(MOBILE_QUERY), getSnapshot(MOBILE_QUERY), getServerSnapshot);
+}
+/**
+* True when the viewport is in the medium (`md`) Tailwind range —
+* 768px ≤ width < 1024px. Use to drive layouts that should pack denser
+* than full-desktop but more legibly than mobile (e.g. icons-only
+* sidebar rail, narrower stat tiles).
+*/
+function useIsMidWidth() {
+	return (0, react$1.useSyncExternalStore)(subscribeQuery(MID_QUERY), getSnapshot(MID_QUERY), getServerSnapshot);
+}
+//#endregion
 //#region src/primitives/bottom-sheet.tsx
 function BottomSheet({ open, onClose, title, children, className }) {
 	(0, react$1.useEffect)(() => {
@@ -30830,290 +31695,916 @@ function ToolbarButton$1({ onClick, title, children }) {
 		children
 	});
 }
-async function waitForIceGathering(pc) {
-	if (pc.iceGatheringState === "complete") return;
-	return new Promise((resolve) => {
-		let settled = false;
-		let poll;
-		const finish = () => {
-			if (settled) return;
-			settled = true;
-			if (poll) clearInterval(poll);
-			pc.removeEventListener("icegatheringstatechange", handler);
-			resolve();
-		};
-		const handler = () => {
-			if (pc.iceGatheringState === "complete") finish();
-		};
-		pc.addEventListener("icegatheringstatechange", handler);
-		const start = Date.now();
-		poll = setInterval(() => {
-			const sdp = pc.localDescription?.sdp ?? "";
-			if (/ typ host/.test(sdp) && Date.now() - start >= 600) finish();
-		}, 100);
-		setTimeout(finish, 2500);
+async function waitForIceGathering(pc) {
+	if (pc.iceGatheringState === "complete") return;
+	return new Promise((resolve) => {
+		let settled = false;
+		let poll;
+		const finish = () => {
+			if (settled) return;
+			settled = true;
+			if (poll) clearInterval(poll);
+			pc.removeEventListener("icegatheringstatechange", handler);
+			resolve();
+		};
+		const handler = () => {
+			if (pc.iceGatheringState === "complete") finish();
+		};
+		pc.addEventListener("icegatheringstatechange", handler);
+		const start = Date.now();
+		poll = setInterval(() => {
+			const sdp = pc.localDescription?.sdp ?? "";
+			if (/ typ host/.test(sdp) && Date.now() - start >= 600) finish();
+		}, 100);
+		setTimeout(finish, 2500);
+	});
+}
+//#endregion
+//#region src/composites/cap-settings/scene-monitor-copy.ts
+/** The lighting variants an operator is OFFERED. The resolver can also report
+*  `night`, `dawn` and `dusk`; those are shown when present but never demanded,
+*  because most installs only ever see day and IR. */
+var SCENE_CAPTURE_VARIANTS = ["day", "ir"];
+var VARIANT_LABEL = {
+	day: "Daylight",
+	ir: "Night (IR)",
+	night: "Night",
+	dawn: "Dawn",
+	dusk: "Dusk"
+};
+function variantLabel(condition) {
+	return VARIANT_LABEL[condition] ?? condition;
+}
+/**
+* "Daylight ✓ · Night (IR) ✗ — optional; checks in night (ir) are skipped."
+*
+* Converts the silent cross-condition fallback this engine used to have into an
+* operator-visible fact. Without it, a scene with only a daylight reference
+* simply stops answering after sunset and nothing anywhere says why.
+*
+* It used to end *"reports 'can't tell' in night (ir)"*, which was accurate and
+* read as a defect: the operator saw a ✗ and a complaint for a scene that was
+* configured exactly as they meant it. The missing half is now named as what it
+* is — the part you do not have to do — and the sentence says what actually
+* happens instead, which differs by the scene's own policy.
+*/
+function coverageLine(monitor) {
+	const covered = new Set(monitor.coveredConditions);
+	const parts = SCENE_CAPTURE_VARIANTS.map((v) => `${variantLabel(v)} ${covered.has(v) ? "✓" : "✗"}`);
+	const extra = [...covered].filter((c) => !SCENE_CAPTURE_VARIANTS.some((v) => v === c));
+	for (const c of extra) parts.push(`${variantLabel(c)} ✓`);
+	const missing = SCENE_CAPTURE_VARIANTS.filter((v) => !covered.has(v));
+	if (missing.length === 0) return parts.join(" · ");
+	if (covered.size === 0) return `${parts.join(" · ")} — nothing captured yet, so this scene is not watching.`;
+	const names = missing.map((v) => variantLabel(v).toLowerCase()).join(" and ");
+	return monitor.onUncoveredCondition === "judge-anyway" ? `${parts.join(" · ")} — ${names} judged against the references you do have.` : `${parts.join(" · ")} — optional; checks in ${names} are skipped.`;
+}
+/**
+* The calm sentence for a scene that is sitting the current light out — `null`
+* whenever it is checking normally.
+*
+* Separate from {@link statusLine} because it is not a verdict and must not
+* read like one. A paused scene has not failed, has not lost its flag, and
+* needs nothing from the operator; the only thing worth saying is which light
+* it is waiting out and that it will pick itself back up.
+*/
+function suspensionLine(monitor) {
+	if (monitor.suspendedCondition === null) return null;
+	const light = variantLabel(monitor.suspendedCondition).toLowerCase();
+	return `Paused — nothing was captured in ${light}, so checks are on hold until the light changes back. Capture ${light} if you want it watched around the clock.`;
+}
+var UNAVAILABLE_SENTENCE = {
+	"no-reference-for-condition": "can’t tell — nothing has been captured for this scene yet. Press “Capture daylight” to photograph what normal looks like.",
+	"view-shifted": "can’t tell — the camera view has moved since the reference was captured. Re-capture it.",
+	"no-vision-profile": "can’t tell — the vision model is unreachable, so the change is on hold.",
+	"encoder-model-changed": "can’t tell — the embedding model changed, so the stored references are unreadable. Re-capture them.",
+	"no-snapshot": "can’t tell — this camera did not return a frame."
+};
+/**
+* The one line under a scene's name. It answers, in order: can it judge, what
+* does it say, and how long has it said it.
+*/
+function statusLine(monitor, now) {
+	if (monitor.states.length === 0) return "Not armed yet — capture the initial state to start watching.";
+	if (monitor.verdict === "unknown") return monitor.unavailable !== null ? UNAVAILABLE_SENTENCE[monitor.unavailable] : "can’t tell right now.";
+	const since = monitor.verdict === "diverged" ? monitor.divergedAt : monitor.armedAt;
+	const held = since !== null ? ` for ${humanDuration(Math.max(0, now - since))}` : "";
+	if (monitor.latched) return monitor.verdict === "diverged" ? `CHANGED${held} — press Reset when you have dealt with it.` : `Back to normal, but still flagged as changed${held}. Press Reset to clear it.`;
+	const paused = suspensionLine(monitor);
+	if (paused !== null) return paused;
+	return monitor.verdict === "diverged" ? `CHANGED${held}` : `Normal${held}`;
+}
+/** The badge word. `latched` wins over `verdict`, because the latch is the
+*  thing the operator asked to be told and it outlives the live state.
+*
+*  A scene sitting out an uncovered light reads `Paused`, in the NEUTRAL tone —
+*  never `alarm`, and never the `danger` variant the page maps that to. A
+*  missing IR reference must not be able to paint a red badge on a scene that
+*  is doing exactly what it was configured to do. */
+function badgeFor(monitor) {
+	if (monitor.states.length === 0) return {
+		text: "Not armed",
+		tone: "unknown"
+	};
+	if (monitor.latched) return {
+		text: "Changed",
+		tone: "alarm"
+	};
+	if (monitor.suspendedCondition !== null) return {
+		text: "Paused",
+		tone: "unknown"
+	};
+	if (monitor.verdict === "unknown") return {
+		text: "Can’t tell",
+		tone: "unknown"
+	};
+	return monitor.verdict === "diverged" ? {
+		text: "Changed",
+		tone: "alarm"
+	} : {
+		text: "Normal",
+		tone: "ok"
+	};
+}
+/** A rect covering most of the frame is dominated by weather, sky and parked
+*  cars: the bin is 2 % of the pixels and CLIP will not notice it leaving. The
+*  failure is silent INSENSITIVITY, which is the worst kind — hence a warning
+*  rather than a refusal. */
+var ROI_AREA_WARN_FRACTION = .4;
+function roiTooLarge(roi) {
+	return roi.width * roi.height > ROI_AREA_WARN_FRACTION;
+}
+function humanDuration(ms) {
+	const s = Math.floor(ms / 1e3);
+	if (s < 60) return `${s}s`;
+	const m = Math.floor(s / 60);
+	if (m < 60) return `${m}m`;
+	const h = Math.floor(m / 60);
+	if (h < 48) return `${h}h`;
+	return `${Math.floor(h / 24)}d`;
+}
+//#endregion
+//#region src/composites/code-block.tsx
+function CodeBlock({ children, maxHeight = 300, className }) {
+	const [copied, setCopied] = (0, react$1.useState)(false);
+	const handleCopy = (0, react$1.useCallback)(() => {
+		navigator.clipboard.writeText(children).then(() => {
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2e3);
+		});
+	}, [children]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: cn("relative group", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollArea, {
+			style: { maxHeight },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+				className: "font-mono text-xs bg-surface p-3 rounded-md border border-border-subtle",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+				icon: copied ? Check : Copy,
+				"aria-label": "Copy code",
+				variant: "ghost",
+				size: "sm",
+				onClick: handleCopy
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/composites/confirm-action-button.tsx
+/**
+* ConfirmActionButton — destructive-action button with a modal confirm.
+*
+* Two-step UX for any operation operators shouldn't trigger by accident:
+* reboot device, restart addon, regenerate token, etc. The trigger is a
+* normal Button that opens a Dialog; confirming runs the async action,
+* the trigger spinner-disables itself for the duration, and the dialog
+* closes on success. Errors surface inline at the dialog's bottom.
+*
+* Generic on `TResult` so callers don't have to discard the return
+* value. Pass an `icon` to render it inside the trigger (e.g. RotateCw
+* for reboot, RefreshCw for restart).
+*/
+function ConfirmActionButton({ label, icon: Icon, title = "Confirm action", description, confirmLabel, triggerVariant = "outline", confirmVariant = "danger", size = "sm", disabled, className, action, onSuccess }) {
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const [running, setRunning] = (0, react$1.useState)(false);
+	const [error, setError] = (0, react$1.useState)(null);
+	const handleConfirm = async () => {
+		setError(null);
+		setRunning(true);
+		try {
+			const result = await action();
+			onSuccess?.(result);
+			setOpen(false);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setRunning(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+		type: "button",
+		variant: triggerVariant,
+		size,
+		disabled,
+		onClick: () => {
+			setError(null);
+			setOpen(true);
+		},
+		className,
+		children: [Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" }), label]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dialog, {
+		open,
+		onOpenChange: (next) => !running && setOpen(next),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogContent, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogTitle, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, { className: "h-4 w-4 text-amber-400" }), title]
+			}), typeof description === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescription, { children: description }) : description] }),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: cn("mt-2 px-3 py-2 rounded border border-danger/40 bg-danger/10", "text-xs text-danger"),
+				children: error
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+				type: "button",
+				variant: "ghost",
+				size,
+				disabled: running,
+				onClick: () => setOpen(false),
+				children: "Cancel"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+				type: "button",
+				variant: confirmVariant,
+				size,
+				disabled: running,
+				onClick: () => {
+					handleConfirm();
+				},
+				children: [running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), confirmLabel ?? label]
+			})] })
+		] })
+	})] });
+}
+//#endregion
+//#region src/composites/copy-button.tsx
+/**
+* `CopyButton` — a compact button that copies a string `value` to the
+* clipboard via `navigator.clipboard.writeText`, showing a brief
+* "copied" check state. Addon-agnostic; used wherever a secret / URL
+* needs a one-click copy affordance (export setup panels, etc.).
+*/
+var COPIED_RESET_MS = 2e3;
+function CopyButton({ value, label, srLabel, className, disabled }) {
+	const [copied, setCopied] = (0, react$1.useState)(false);
+	const handleCopy = (0, react$1.useCallback)(() => {
+		if (!value) return;
+		navigator.clipboard.writeText(value).then(() => {
+			setCopied(true);
+			setTimeout(() => setCopied(false), COPIED_RESET_MS);
+		});
+	}, [value]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+		size: "sm",
+		variant: "ghost",
+		type: "button",
+		disabled: disabled || value.length === 0,
+		onClick: handleCopy,
+		className: cn(className),
+		"aria-label": copied ? "Copied" : `Copy ${srLabel ?? label ?? "value"}`,
+		children: [copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5 text-success" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" }), label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "ml-1",
+			children: copied ? "Copied" : label
+		}) : null]
+	});
+}
+//#endregion
+//#region src/composites/data-table-layout.ts
+/**
+* At this many columns and above, `auto` switches a narrow viewport to cards.
+* Three columns still fit a phone at a readable size; four do not.
+*/
+var CARD_MODE_MIN_COLUMNS = 4;
+function resolveTableLayout({ mode, columnCount, isNarrow }) {
+	if (!isNarrow) return "table";
+	if (mode === "scroll") return "table";
+	if (mode === "cards") return "cards";
+	if (columnCount === 0) return "table";
+	return columnCount >= 4 ? "cards" : "table";
+}
+//#endregion
+//#region src/lib/responsive.ts
+/**
+* Responsive design tokens — three-tier system.
+*
+* The admin-ui targets three width tiers; every component should pick
+* the right token from this file instead of hand-coding breakpoints.
+* Adopting the tokens uniformly is what makes the app feel consistent
+* across operator devices (mobile / tablet / desktop) and what unlocks
+* targeted tuning (e.g. shrink every label by 1px in one place).
+*
+* Tier definitions (Tailwind breakpoints):
+*
+*   • **L1 — Compact** (`< 640px`, default = mobile portrait)
+*     Single column, tight padding, smallest text, icon-only buttons
+*     where labels can be inferred. The operator can still see every
+*     stat / action — no horizontal scroll, no clipped text. The user
+*     directive: "molta informazione in poco spazio quando la width è
+*     bassa."
+*
+*   • **L2 — Standard** (`sm` — `640–1023px`, tablet + small laptop)
+*     2-column grids, side panels become visible, button labels return.
+*     Targets ~768px–1024px viewports — the most common operator sizes.
+*
+*   • **L3 — Spacious** (`lg+` — `≥ 1024px`, desktop)
+*     4-column grids, generous padding, full-width header text,
+*     side-by-side composite layouts. The operator has elbow room.
+*
+* Conventions:
+*   - **Always start from L1** — the bare class is always the compact
+*     variant, then `sm:` adds room at 640px, `lg:` at 1024px. No
+*     desktop-first breakpoints; no max-width queries.
+*   - **Token strings are static** — kept as `as const` so callers can
+*     compose them via `cn()` / template literals without running a
+*     class generator at runtime.
+*   - **Pair the token with a comment** — the comment in the file
+*     names every breakpoint it crosses, so a reader can predict the
+*     layout without going to Tailwind docs.
+*/
+/** Container padding for a card-style section (header + body). */
+var SECTION_CARD = "rounded-lg border border-border bg-surface overflow-hidden";
+/** Header strip inside a card (between border-b lines). */
+var SECTION_HEADER = "border-b border-border px-3 sm:px-4 py-1.5 sm:py-2";
+/** Body padding for a card-style section. */
+var SECTION_BODY = "p-2 sm:p-3 lg:p-4";
+/** Gap between cards in a vertical stack. */
+var STACK_GAP = "space-y-3 sm:space-y-4";
+/** Gap between cards in a grid (4 cells / row at lg). */
+var GRID_GAP = "gap-2 sm:gap-3";
+/** Row padding inside a divided list (e.g. InfoRow). */
+var LIST_ROW = "px-3 sm:px-4 py-1.5 sm:py-2";
+/** 1-up at L1, 2-up at L2, 4-up at L3 — quick-stat row. */
+var GRID_QUICK_STATS = "grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4";
+/** 1-up at L1, 2-up at L2+ — paired panels (motion + detection rules). */
+var GRID_PAIRED = "grid grid-cols-1 lg:grid-cols-2";
+/** Side-by-side layout that stacks below md (canvas + side panel). */
+var SPLIT_PANEL_OUTER = "flex flex-col-reverse md:flex-row";
+/** Sidebar narrow lane in a SPLIT_PANEL_OUTER layout. */
+var SPLIT_PANEL_SIDE = "w-full md:w-44 lg:w-52 md:flex-shrink-0 border-b md:border-b-0 md:border-l border-border";
+/**
+* The tier boundary at which a settings label/value row stops stacking.
+*
+* Below it (L1 — compact) the row is ONE column: label on its own line, value
+* on the next at full width. Above it the row is label-left / value-right as
+* before. The two-column form needs `SETTING_ROW_LABEL`'s lane plus a readable
+* value beside it; a phone has neither, and the failure mode is not "cramped"
+* but "the value is the part that gets cut" — the one thing the operator
+* opened the page to read.
+*/
+var SETTING_ROW_STACK_BREAKPOINT = "sm";
+/** Outer row: single column at L1, label/value columns from `sm` up. */
+var SETTING_ROW = "flex min-w-0 flex-col gap-0.5 py-1.5 sm:flex-row sm:items-center";
+/** Label lane. Full width (and free to wrap) at L1; a fixed lane from `sm` up. */
+var SETTING_ROW_LABEL = "min-w-0 text-[11px] leading-tight text-foreground-subtle sm:w-32 sm:shrink-0 sm:pr-2";
+/**
+* Value lane — the value text plus its trailing affordances (copy / reveal).
+* `w-full` at L1 so the value owns the whole row once the label is above it;
+* `sm:flex-1` makes it share the row again from `sm` up.
+*/
+var SETTING_ROW_VALUE = "flex w-full min-w-0 items-center gap-1 sm:flex-1";
+/**
+* The value text itself. `break-all` lets an opaque token (a key, a URL) wrap
+* at L1 instead of being cut mid-word; `sm:truncate` restores the single-line
+* desktop form, where the row is wide enough for truncation to be a choice
+* rather than data loss.
+*/
+var SETTING_ROW_VALUE_TEXT = "min-w-0 break-all text-xs text-foreground sm:truncate";
+/** Section header label (uppercase tracking-wider). */
+var TEXT_SECTION_LABEL = "text-[10px] sm:text-[11px] font-semibold text-foreground uppercase tracking-wider";
+/** Field label inside a row. */
+var TEXT_FIELD_LABEL = "text-[11px] sm:text-xs text-foreground";
+/** Sub-label / hint text. */
+var TEXT_HINT = "text-[10px] text-foreground-subtle";
+/** Primary value (a metric, badge, …). */
+var TEXT_VALUE = "text-[11px] sm:text-xs font-medium text-foreground";
+/** Big metric value (StatCard). */
+var TEXT_METRIC = "text-base sm:text-lg font-semibold leading-tight text-foreground";
+/** Default compact button. */
+var BTN_COMPACT = "inline-flex items-center justify-center gap-1 rounded border border-border bg-surface px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-foreground hover:bg-surface-hover transition-colors disabled:opacity-40";
+/** Primary compact button. */
+var BTN_COMPACT_PRIMARY = "inline-flex items-center justify-center gap-1 rounded border border-primary/40 bg-primary/15 px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-primary hover:bg-primary/25 transition-colors disabled:opacity-40";
+/** Danger compact button. */
+var BTN_COMPACT_DANGER = "inline-flex items-center justify-center gap-1 rounded border border-danger/40 bg-danger/10 px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-danger hover:bg-danger/20 transition-colors disabled:opacity-40";
+/** Warning compact button (e.g. cancel-drawing). */
+var BTN_COMPACT_WARNING = "inline-flex items-center justify-center gap-1 rounded border border-warning/40 bg-warning/10 px-1.5 py-0.5 sm:px-2 sm:py-1 text-[10px] sm:text-[11px] font-medium text-warning hover:bg-warning/20 transition-colors disabled:opacity-40";
+/** Compact text/select/number input. */
+var INPUT_COMPACT = "w-full rounded border border-border bg-background px-1.5 py-0.5 sm:px-2 sm:py-1 text-[11px] sm:text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none";
+/** Chip-style toggle (zone / class selectors in ZoneRulesEditor). */
+var CHIP_BASE = "inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium transition-colors";
+var CHIP_ACTIVE = "border-primary/50 bg-primary/15 text-primary";
+var CHIP_INACTIVE = "border-border bg-surface text-foreground-subtle hover:bg-surface-hover";
+//#endregion
+//#region src/composites/setting-row.tsx
+function SettingRow({ label, children, actions, elements = "plain", className, valueClassName }) {
+	const LabelTag = elements === "description" ? "dt" : "span";
+	const ValueTag = elements === "description" ? "dd" : "div";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-setting-row": "",
+		className: cn(SETTING_ROW, className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LabelTag, {
+			"data-setting-row-label": "",
+			className: SETTING_ROW_LABEL,
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ValueTag, {
+			"data-setting-row-value": "",
+			className: SETTING_ROW_VALUE,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"data-setting-row-value-text": "",
+				className: cn(SETTING_ROW_VALUE_TEXT, valueClassName),
+				children
+			}), actions !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "flex shrink-0 items-center gap-0.5",
+				children: actions
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/composites/sort-header-button.tsx
+function SortHeaderButton({ label, active, dir, onSort }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: onSort,
+		className: "group/sort inline-flex items-center gap-0.5 hover:text-foreground transition-colors",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), active ? dir === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronUp, { className: "h-3 w-3 flex-shrink-0" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { className: "h-3 w-3 flex-shrink-0" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronUp, { className: cn("h-3 w-3 flex-shrink-0 opacity-0 transition-opacity", "group-hover/sort:opacity-30") })]
+	});
+}
+//#endregion
+//#region src/composites/table-sort.ts
+/**
+* The toggle rule, and the only copy of it.
+*
+* none → asc → desc → none, and a click on a DIFFERENT column starts that
+* column fresh at `asc`. `sameColumn` says whether the clicked column is the
+* one currently sorted; `currentDir` is its direction (`null` when nothing is
+* sorted). Returns the next direction, or `null` for "unsorted".
+*
+* Split out from {@link nextTableSort} so the device list — whose sort state
+* keys columns by `columnId`, not `columnKey` — can reuse the rule without a
+* cast and without a second copy of it.
+*/
+function nextSortDirection(sameColumn, currentDir) {
+	if (!sameColumn || currentDir === null) return "asc";
+	return currentDir === "asc" ? "desc" : null;
+}
+/**
+* Toggle a column's sort on header click: none → asc → desc → none.
+* Clicking a DIFFERENT column starts it fresh at `asc`.
+*/
+function nextTableSort(current, columnKey) {
+	const dir = nextSortDirection(current !== null && current.columnKey === columnKey, current === null ? null : current.dir);
+	return dir === null ? null : {
+		columnKey,
+		dir
+	};
+}
+/**
+* Ascending comparison of two cell values.
+*
+* Numbers compare numerically and strings compare with `localeCompare` — a
+* numeric column must never be ordered as text ("100" before "9"), and a text
+* column must respect the locale's collation. A mixed column (one row a
+* number, another a string) falls back to string comparison of both, which is
+* the only total order available; it is not a shape any caller should build on
+* purpose.
+*
+* `null` is NOT handled here — {@link sortRowsByColumn} pulls it out first,
+* because its placement is direction-independent and a comparator that is
+* multiplied by the direction factor cannot express that.
+*/
+function compareValues(a, b) {
+	if (typeof a === "number" && typeof b === "number") return a - b;
+	return String(a).localeCompare(String(b));
+}
+/**
+* Return a NEW array of `rows` ordered by `sort`.
+*
+* `valueOf` is the column's `sortValue` — it is called once per row per
+* comparison, so it must be cheap (read a field, do not format a string).
+* `sort === null` ⇒ a fresh shallow copy in the incoming order.
+*/
+function sortRowsByColumn(rows, sort, valueOf) {
+	if (sort === null) return [...rows];
+	const factor = sort.dir === "asc" ? 1 : -1;
+	return rows.toSorted((a, b) => {
+		const av = valueOf(a);
+		const bv = valueOf(b);
+		if (av === null || bv === null) {
+			if (av === bv) return 0;
+			return av === null ? 1 : -1;
+		}
+		return factor * compareValues(av, bv);
+	});
+}
+/** Derive the `<th>` `aria-sort` for `columnKey` from the table's sort state. */
+function ariaSortForColumn(sort, columnKey) {
+	if (sort === null || sort.columnKey !== columnKey) return "none";
+	return sort.dir === "asc" ? "ascending" : "descending";
+}
+//#endregion
+//#region src/composites/data-table.tsx
+/**
+* DataTable — shared responsive table for admin pages.
+*
+* Recipes baked in:
+*   - `overflow-x-auto` wrapper so narrow viewports don't clip the
+*     right edge (the rounded border survives the scroll).
+*   - `min-w-[Npx]` on the inner table so columns don't squash below
+*     readable width before the scroll kicks in.
+*   - `whitespace-nowrap` on headers — column titles never wrap to
+*     two lines (`AUTO-KILL` was the regression that triggered this).
+*   - Themed `bg-surface` + `border-border` so contrast works in both
+*     light and dark themes.
+*
+* Column model: caller supplies `columns: DataColumn<T>[]` and
+* `rows: T[]`. Each column declares `header`, optional `align`,
+* optional `nowrap`, and a `render(row) => ReactNode` that produces
+* the cell content.
+*
+*   <DataTable
+*     columns={[
+*       { key: 'username', header: 'Username', render: (u) => u.username },
+*       { key: 'role',     header: 'Role',     render: (u) => <RoleBadge .../> },
+*       { key: 'actions',  header: '',         align: 'right', render: (u) => <Actions .../> },
+*     ]}
+*     rows={users}
+*     minWidthPx={560}
+*   />
+*
+* If finer header markup is needed, pass `headerRender` instead of
+* `header` (e.g. for a sortable click affordance).
+*
+* ── Narrow viewports ──────────────────────────────────────────────────────
+* The table stays a table. The wrapper is `overflow-x-auto`, so a phone
+* scrolls the columns sideways INSIDE the table — the page body never moves
+* sideways, and the cells stay one line (`whitespace-nowrap`). That is the
+* default (`mobileMode="scroll"`). Cards are opt-in via `mobileMode="cards"`;
+* `auto` still applies the old column-count rule for a surface that wants it.
+* See `resolveTableLayout`.
+*
+* ── Scrolling the BODY, not the page ──────────────────────────────────────
+* `maxBodyHeight` caps the table and scrolls its rows INSIDE the container
+* with the column header pinned. It is ONE prop, not two, because "this list
+* scrolls internally" and "its header stays visible" are the same decision: a
+* capped table whose header scrolls away is a list of unlabelled cells.
+*
+* Use it wherever the row count is open-ended (rules, targets, delivery
+* history) so the page keeps its own header, filters and actions in view while
+* the operator moves through the rows.
+*/
+/**
+* The default cap for an internally-scrolling table.
+*
+* `60vh` leaves the page header, its filters and its actions on screen at
+* every viewport while still showing ~10 rows — and it is a fraction, so it
+* does not need a breakpoint of its own.
+*/
+var TABLE_SCROLL_MAX_H = "max-h-[60vh]";
+var ALIGN_CLASS = {
+	left: "text-left",
+	right: "text-right",
+	center: "text-center"
+};
+function DataTable({ columns, rows, rowKey, onRowClick, minWidthPx = 480, emptyMessage, className, bordered = true, rowClassName, mobileMode = "scroll", maxBodyHeight, defaultSort }) {
+	const isNarrow = useIsMobile();
+	const [sort, setSort] = (0, react$1.useState)(defaultSort ?? null);
+	const layout = resolveTableLayout({
+		mode: mobileMode,
+		columnCount: columns.length,
+		isNarrow
+	});
+	const scrolls = maxBodyHeight !== void 0;
+	const sortedColumn = (0, react$1.useMemo)(() => sort === null ? void 0 : columns.find((col) => col.key === sort.columnKey && col.sortValue !== void 0), [columns, sort]);
+	const sortValue = sortedColumn?.sortValue;
+	const displayRows = (0, react$1.useMemo)(() => sortValue === void 0 ? rows : sortRowsByColumn(rows, sort, sortValue), [
+		rows,
+		sort,
+		sortValue
+	]);
+	const activeSort = sortedColumn === void 0 ? null : sort;
+	if (rows.length === 0 && emptyMessage) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `rounded-lg ${bordered ? "border border-border" : ""} bg-surface px-3 py-4 text-xs text-foreground-subtle text-center ${className ?? ""}`,
+		children: emptyMessage
+	});
+	if (rows.length === 0) return null;
+	if (layout === "cards") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `space-y-2 ${scrolls ? `${maxBodyHeight} overflow-y-auto` : ""} ${className ?? ""}`,
+		children: displayRows.map((row, rowIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableCard, {
+			row,
+			rowIndex,
+			columns,
+			bordered,
+			onRowClick,
+			rowClassName
+		}, rowKey ? rowKey(row, rowIndex) : rowIndex))
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: [
+			"rounded-lg",
+			bordered ? "border border-border" : "",
+			"bg-surface overflow-x-auto",
+			scrolls ? `${maxBodyHeight} overflow-y-auto` : "",
+			className ?? ""
+		].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+			className: `w-full text-xs ${scrolls ? "border-separate border-spacing-0" : ""}`,
+			style: { minWidth: `${minWidthPx}px` },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+				className: "bg-surface",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: columns.map((col) => {
+					const align = col.align ?? "left";
+					const nowrap = col.nowrap ?? true;
+					const sortable = col.sortValue !== void 0;
+					const isSorted = activeSort !== null && activeSort.columnKey === col.key;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+						"aria-sort": sortable ? ariaSortForColumn(activeSort, col.key) : void 0,
+						title: sortable ? void 0 : col.notSortableReason,
+						className: [
+							"px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border",
+							scrolls ? "sticky top-0 z-10" : "",
+							ALIGN_CLASS[align],
+							nowrap ? "whitespace-nowrap" : "",
+							col.width ?? ""
+						].filter(Boolean).join(" "),
+						children: sortable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortHeaderButton, {
+							label: col.headerRender ? col.headerRender() : col.header,
+							active: isSorted,
+							dir: isSorted && activeSort !== null ? activeSort.dir : "asc",
+							onSort: () => setSort((prev) => nextTableSort(prev, col.key))
+						}) : col.headerRender ? col.headerRender() : col.header
+					}, col.key);
+				}) })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: displayRows.map((row, rowIndex) => {
+				const key = rowKey ? rowKey(row, rowIndex) : rowIndex;
+				const extra = rowClassName?.(row, rowIndex) ?? "";
+				const interactive = onRowClick !== void 0;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+					onClick: interactive ? () => onRowClick(row, rowIndex) : void 0,
+					className: [interactive ? "cursor-pointer hover:bg-primary/5" : "hover:bg-primary/5", extra].filter(Boolean).join(" "),
+					children: columns.map((col) => {
+						const align = col.align ?? "left";
+						const nowrap = col.nowrap ?? true;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							className: [
+								"px-3 py-2 text-foreground border-b border-border",
+								ALIGN_CLASS[align],
+								nowrap ? "whitespace-nowrap" : ""
+							].filter(Boolean).join(" "),
+							children: col.render(row, rowIndex)
+						}, col.key);
+					})
+				}, key);
+			}) })]
+		})
+	});
+}
+/**
+* One row as a card. Columns that carry a plain-text `header` become labelled
+* `SettingRow`s — the label is the column title and the value gets the full
+* card width. Columns with no text header (an actions column, a
+* `headerRender`-only column) have no label to show, so they render as a
+* full-width strip at the foot of the card.
+*/
+function DataTableCard({ row, rowIndex, columns, bordered, onRowClick, rowClassName }) {
+	const labelled = columns.filter((col) => col.header !== void 0 && col.header !== "");
+	const unlabelled = columns.filter((col) => col.header === void 0 || col.header === "");
+	const interactive = onRowClick !== void 0;
+	const extra = rowClassName?.(row, rowIndex) ?? "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-data-table-card": "",
+		onClick: interactive ? () => onRowClick(row, rowIndex) : void 0,
+		className: [
+			"rounded-lg bg-surface px-3 py-1.5 divide-y divide-border-subtle",
+			bordered ? "border border-border" : "",
+			interactive ? "cursor-pointer hover:bg-primary/5" : "",
+			extra
+		].filter(Boolean).join(" "),
+		children: [labelled.map((col) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
+			label: col.header,
+			children: col.render(row, rowIndex)
+		}, col.key)), unlabelled.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex flex-wrap items-center justify-end gap-2 py-1.5",
+			children: unlabelled.map((col) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: col.render(row, rowIndex) }, col.key))
+		})]
 	});
 }
 //#endregion
-//#region src/composites/cap-settings/scene-monitor-copy.ts
-/** The lighting variants an operator is OFFERED. The resolver can also report
-*  `night`, `dawn` and `dusk`; those are shown when present but never demanded,
-*  because most installs only ever see day and IR. */
-var SCENE_CAPTURE_VARIANTS = ["day", "ir"];
-var VARIANT_LABEL = {
-	day: "Daylight",
-	ir: "Night (IR)",
-	night: "Night",
-	dawn: "Dawn",
-	dusk: "Dusk"
-};
-function variantLabel(condition) {
-	return VARIANT_LABEL[condition] ?? condition;
-}
+//#region src/composites/device-list/fuzzy-match.ts
 /**
-* "Daylight ✓ · Night (IR) ✗ — optional; checks in night (ir) are skipped."
+* fuzzy-match — case and separator-insensitive text search helper.
 *
-* Converts the silent cross-condition fallback this engine used to have into an
-* operator-visible fact. Without it, a scene with only a daylight reference
-* simply stops answering after sunset and nothing anywhere says why.
+* Normalization rule: lowercase + strip all runs of hyphens, underscores and
+* whitespace entirely.  This makes `Tapparella cucina` and `tapparella-cucina`
+* both normalize to `tapparellacucina`, so a substring match succeeds in
+* either direction.
+*/
+/**
+* Strips hyphens, underscores and whitespace runs from `s` and lowercases it.
 *
-* It used to end *"reports 'can't tell' in night (ir)"*, which was accurate and
-* read as a defect: the operator saw a ✗ and a complaint for a scene that was
-* configured exactly as they meant it. The missing half is now named as what it
-* is — the part you do not have to do — and the sentence says what actually
-* happens instead, which differs by the scene's own policy.
+* @example
+* normalizeForSearch('Tapparella cucina') // 'tapparellacucina'
+* normalizeForSearch('tapparella-cucina') // 'tapparellacucina'
+* normalizeForSearch('tapparella_cucina') // 'tapparellacucina'
 */
-function coverageLine(monitor) {
-	const covered = new Set(monitor.coveredConditions);
-	const parts = SCENE_CAPTURE_VARIANTS.map((v) => `${variantLabel(v)} ${covered.has(v) ? "✓" : "✗"}`);
-	const extra = [...covered].filter((c) => !SCENE_CAPTURE_VARIANTS.some((v) => v === c));
-	for (const c of extra) parts.push(`${variantLabel(c)} ✓`);
-	const missing = SCENE_CAPTURE_VARIANTS.filter((v) => !covered.has(v));
-	if (missing.length === 0) return parts.join(" · ");
-	if (covered.size === 0) return `${parts.join(" · ")} — nothing captured yet, so this scene is not watching.`;
-	const names = missing.map((v) => variantLabel(v).toLowerCase()).join(" and ");
-	return monitor.onUncoveredCondition === "judge-anyway" ? `${parts.join(" · ")} — ${names} judged against the references you do have.` : `${parts.join(" · ")} — optional; checks in ${names} are skipped.`;
+function normalizeForSearch(s) {
+	return s.toLowerCase().replace(/[-_\s]+/g, "");
 }
 /**
-* The calm sentence for a scene that is sitting the current light out — `null`
-* whenever it is checking normally.
+* Returns `true` when the normalized form of `target` contains the normalized
+* form of `query`.  An empty query always matches.
 *
-* Separate from {@link statusLine} because it is not a verdict and must not
-* read like one. A paused scene has not failed, has not lost its flag, and
-* needs nothing from the operator; the only thing worth saying is which light
-* it is waiting out and that it will pick itself back up.
+* @example
+* fuzzyMatch('Tapparella cucina', 'tapparella-cucina') // true
+* fuzzyMatch('tapparella cucina', 'Tapparella-Cucina') // true
+* fuzzyMatch('xyz', 'tapparella-cucina')               // false
 */
-function suspensionLine(monitor) {
-	if (monitor.suspendedCondition === null) return null;
-	const light = variantLabel(monitor.suspendedCondition).toLowerCase();
-	return `Paused — nothing was captured in ${light}, so checks are on hold until the light changes back. Capture ${light} if you want it watched around the clock.`;
+function fuzzyMatch(query, target) {
+	const nq = normalizeForSearch(query);
+	if (nq === "") return true;
+	return normalizeForSearch(target).includes(nq);
 }
-var UNAVAILABLE_SENTENCE = {
-	"no-reference-for-condition": "can’t tell — nothing has been captured for this scene yet. Press “Capture daylight” to photograph what normal looks like.",
-	"view-shifted": "can’t tell — the camera view has moved since the reference was captured. Re-capture it.",
-	"no-vision-profile": "can’t tell — the vision model is unreachable, so the change is on hold.",
-	"encoder-model-changed": "can’t tell — the embedding model changed, so the stored references are unreadable. Re-capture them.",
-	"no-snapshot": "can’t tell — this camera did not return a frame."
+//#endregion
+//#region src/composites/data-table-filter.ts
+/**
+* Per-instance filtering for a `DataTable` (or any row list): a search box
+* and a set of facet chips, both DERIVED from the rows the instance renders.
+*
+* Pure — no React. The state lives with the caller (`useDataTableFilter`), so
+* two tables on one page each carry their own filter, and the caller keeps the
+* FILTERED set it renders: a table whose selection acts on "what is on
+* screen" has to know what that is, which a filter hidden inside the table
+* could not tell it.
+*
+* Two rules, both load-bearing:
+*   - **Facets are derived from the rows present**, most common first. A
+*     hand-listed set goes stale the day a provider adds a type and offers
+*     chips that match nothing.
+*   - **A selected facet no row carries is ignored**, not applied. The chip is
+*     not drawn (there is no row to derive it from), and an invisible filter
+*     that empties the table is a table that looks broken.
+*/
+var EMPTY_DATA_TABLE_FILTER = {
+	search: "",
+	facets: []
 };
 /**
-* The one line under a scene's name. It answers, in order: can it judge, what
-* does it say, and how long has it said it.
+* The facet chips for these rows: one per distinct value, most common first,
+* ties by value.
 */
-function statusLine(monitor, now) {
-	if (monitor.states.length === 0) return "Not armed yet — capture the initial state to start watching.";
-	if (monitor.verdict === "unknown") return monitor.unavailable !== null ? UNAVAILABLE_SENTENCE[monitor.unavailable] : "can’t tell right now.";
-	const since = monitor.verdict === "diverged" ? monitor.divergedAt : monitor.armedAt;
-	const held = since !== null ? ` for ${humanDuration(Math.max(0, now - since))}` : "";
-	if (monitor.latched) return monitor.verdict === "diverged" ? `CHANGED${held} — press Reset when you have dealt with it.` : `Back to normal, but still flagged as changed${held}. Press Reset to clear it.`;
-	const paused = suspensionLine(monitor);
-	if (paused !== null) return paused;
-	return monitor.verdict === "diverged" ? `CHANGED${held}` : `Normal${held}`;
-}
-/** The badge word. `latched` wins over `verdict`, because the latch is the
-*  thing the operator asked to be told and it outlives the live state.
-*
-*  A scene sitting out an uncovered light reads `Paused`, in the NEUTRAL tone —
-*  never `alarm`, and never the `danger` variant the page maps that to. A
-*  missing IR reference must not be able to paint a red badge on a scene that
-*  is doing exactly what it was configured to do. */
-function badgeFor(monitor) {
-	if (monitor.states.length === 0) return {
-		text: "Not armed",
-		tone: "unknown"
-	};
-	if (monitor.latched) return {
-		text: "Changed",
-		tone: "alarm"
-	};
-	if (monitor.suspendedCondition !== null) return {
-		text: "Paused",
-		tone: "unknown"
-	};
-	if (monitor.verdict === "unknown") return {
-		text: "Can’t tell",
-		tone: "unknown"
-	};
-	return monitor.verdict === "diverged" ? {
-		text: "Changed",
-		tone: "alarm"
-	} : {
-		text: "Normal",
-		tone: "ok"
-	};
+function dataTableFacets(rows, facetValue) {
+	if (facetValue === void 0) return [];
+	const counts = /* @__PURE__ */ new Map();
+	for (const row of rows) {
+		const value = facetValue(row);
+		counts.set(value, (counts.get(value) ?? 0) + 1);
+	}
+	return [...counts.entries()].map(([value, count]) => ({
+		value,
+		count
+	})).toSorted((a, b) => b.count - a.count || a.value.localeCompare(b.value));
 }
-/** A rect covering most of the frame is dominated by weather, sky and parked
-*  cars: the bin is 2 % of the pixels and CLIP will not notice it leaving. The
-*  failure is silent INSENSITIVITY, which is the worst kind — hence a warning
-*  rather than a refusal. */
-var ROI_AREA_WARN_FRACTION = .4;
-function roiTooLarge(roi) {
-	return roi.width * roi.height > ROI_AREA_WARN_FRACTION;
+function isDataTableFilterActive(state) {
+	return state.search.trim() !== "" || state.facets.length > 0;
 }
-function humanDuration(ms) {
-	const s = Math.floor(ms / 1e3);
-	if (s < 60) return `${s}s`;
-	const m = Math.floor(s / 60);
-	if (m < 60) return `${m}m`;
-	const h = Math.floor(m / 60);
-	if (h < 48) return `${h}h`;
-	return `${Math.floor(h / 24)}d`;
+/** A new state with `value` added to, or removed from, the selected facets. */
+function toggleDataTableFacet(state, value) {
+	return {
+		...state,
+		facets: state.facets.includes(value) ? state.facets.filter((v) => v !== value) : [...state.facets, value]
+	};
 }
-//#endregion
-//#region src/composites/code-block.tsx
-function CodeBlock({ children, maxHeight = 300, className }) {
-	const [copied, setCopied] = (0, react$1.useState)(false);
-	const handleCopy = (0, react$1.useCallback)(() => {
-		navigator.clipboard.writeText(children).then(() => {
-			setCopied(true);
-			setTimeout(() => setCopied(false), 2e3);
-		});
-	}, [children]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cn("relative group", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollArea, {
-			style: { maxHeight },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-				className: "font-mono text-xs bg-surface p-3 rounded-md border border-border-subtle",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children })
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
-				icon: copied ? Check : Copy,
-				"aria-label": "Copy code",
-				variant: "ghost",
-				size: "sm",
-				onClick: handleCopy
-			})
-		})]
+/**
+* The rows that survive the filter, in their incoming order.
+*
+* A selected facet that none of `rows` carries is dropped from the effective
+* selection (see the header), so a chip that is not on screen never filters.
+*/
+function filterDataTableRows(rows, state, config) {
+	const needle = state.search.trim();
+	const facetValue = config.facetValue;
+	const present = new Set(dataTableFacets(rows, facetValue).map((f) => f.value));
+	const selected = new Set(state.facets.filter((v) => present.has(v)));
+	return rows.filter((row) => {
+		if (selected.size > 0 && facetValue !== void 0 && !selected.has(facetValue(row))) return false;
+		if (needle !== "" && !config.searchText(row).some((text) => fuzzyMatch(needle, text))) return false;
+		return true;
 	});
 }
 //#endregion
-//#region src/composites/confirm-action-button.tsx
+//#region src/composites/data-table-filter-bar.tsx
 /**
-* ConfirmActionButton — destructive-action button with a modal confirm.
+* The controls of one table's filter: a search box and the facet chips.
 *
-* Two-step UX for any operation operators shouldn't trigger by accident:
-* reboot device, restart addon, regenerate token, etc. The trigger is a
-* normal Button that opens a Dialog; confirming runs the async action,
-* the trigger spinner-disables itself for the duration, and the dialog
-* closes on success. Errors surface inline at the dialog's bottom.
+* Controlled — the state comes from `useDataTableFilter` and goes back through
+* the two callbacks; this component owns nothing, so it can sit above a
+* `DataTable`, a card's list, or anything else that renders the filtered rows.
 *
-* Generic on `TResult` so callers don't have to discard the return
-* value. Pass an `icon` to render it inside the trigger (e.g. RotateCw
-* for reboot, RefreshCw for restart).
+* Every visible string is a prop: this library carries no translations, and
+* the caller's i18n does.
 */
-function ConfirmActionButton({ label, icon: Icon, title = "Confirm action", description, confirmLabel, triggerVariant = "outline", confirmVariant = "danger", size = "sm", disabled, className, action, onSuccess }) {
-	const [open, setOpen] = (0, react$1.useState)(false);
-	const [running, setRunning] = (0, react$1.useState)(false);
-	const [error, setError] = (0, react$1.useState)(null);
-	const handleConfirm = async () => {
-		setError(null);
-		setRunning(true);
-		try {
-			const result = await action();
-			onSuccess?.(result);
-			setOpen(false);
-		} catch (err) {
-			setError(err instanceof Error ? err.message : String(err));
-		} finally {
-			setRunning(false);
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
-		type: "button",
-		variant: triggerVariant,
-		size,
-		disabled,
-		onClick: () => {
-			setError(null);
-			setOpen(true);
-		},
-		className,
-		children: [Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" }), label]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dialog, {
-		open,
-		onOpenChange: (next) => !running && setOpen(next),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogContent, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogTitle, {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, { className: "h-4 w-4 text-amber-400" }), title]
-			}), typeof description === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescription, { children: description }) : description] }),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cn("mt-2 px-3 py-2 rounded border border-danger/40 bg-danger/10", "text-xs text-danger"),
-				children: error
+var CHIP_ON = "rounded-full border border-primary bg-primary/10 px-2 py-0.5 text-[10px] text-foreground";
+var CHIP_OFF = "rounded-full border border-border px-2 py-0.5 text-[10px] text-foreground-muted hover:bg-surface-hover";
+function DataTableFilterBar({ state, facets, labels, onSearch, onToggleFacet, onClear, facetLabel }) {
+	const active = state.search.trim() !== "" || state.facets.length > 0;
+	const showFacets = facets.length > 1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-wrap items-center gap-2",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "relative min-w-[12rem] flex-1",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-foreground-subtle" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "search",
+					value: state.search,
+					onChange: (e) => onSearch(e.target.value),
+					placeholder: labels.searchPlaceholder,
+					"aria-label": labels.searchLabel,
+					className: "w-full rounded border border-border bg-background py-1.5 pl-7 pr-2 text-xs text-foreground"
+				})]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-				type: "button",
-				variant: "ghost",
-				size,
-				disabled: running,
-				onClick: () => setOpen(false),
-				children: "Cancel"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+			showFacets && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				role: "group",
+				"aria-label": labels.facetsLabel,
+				className: "flex flex-wrap gap-1",
+				children: facets.map((facet) => {
+					const pressed = state.facets.includes(facet.value);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						onClick: () => onToggleFacet(facet.value),
+						"aria-pressed": pressed,
+						className: pressed ? CHIP_ON : CHIP_OFF,
+						children: [
+							facetLabel ? facetLabel(facet.value) : facet.value,
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-foreground-subtle tabular-nums",
+								children: facet.count
+							})
+						]
+					}, facet.value);
+				})
+			}),
+			active && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
-				variant: confirmVariant,
-				size,
-				disabled: running,
-				onClick: () => {
-					handleConfirm();
-				},
-				children: [running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), confirmLabel ?? label]
-			})] })
-		] })
-	})] });
+				onClick: onClear,
+				className: "flex items-center gap-1 text-[11px] text-foreground-subtle hover:text-foreground",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(X, { className: "h-3 w-3" }), labels.clearLabel]
+			})
+		]
+	});
 }
 //#endregion
-//#region src/composites/copy-button.tsx
+//#region src/composites/use-data-table-filter.ts
 /**
-* `CopyButton` — a compact button that copies a string `value` to the
-* clipboard via `navigator.clipboard.writeText`, showing a brief
-* "copied" check state. Addon-agnostic; used wherever a secret / URL
-* needs a one-click copy affordance (export setup panels, etc.).
+* The React half of `data-table-filter.ts`: one filter state per call site,
+* so every table on a page filters on its own.
+*
+* The caller renders `rows` (the filtered set) and hands `state` + the two
+* setters to a `DataTableFilterBar`. It keeps the filtered set because
+* anything that acts on "the rows on screen" — a select-all, a bulk action —
+* must act on exactly these and nothing the filter hid.
 */
-var COPIED_RESET_MS = 2e3;
-function CopyButton({ value, label, srLabel, className, disabled }) {
-	const [copied, setCopied] = (0, react$1.useState)(false);
-	const handleCopy = (0, react$1.useCallback)(() => {
-		if (!value) return;
-		navigator.clipboard.writeText(value).then(() => {
-			setCopied(true);
-			setTimeout(() => setCopied(false), COPIED_RESET_MS);
-		});
-	}, [value]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
-		size: "sm",
-		variant: "ghost",
-		type: "button",
-		disabled: disabled || value.length === 0,
-		onClick: handleCopy,
-		className: cn(className),
-		"aria-label": copied ? "Copied" : `Copy ${srLabel ?? label ?? "value"}`,
-		children: [copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5 text-success" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" }), label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "ml-1",
-			children: copied ? "Copied" : label
-		}) : null]
-	});
+function useDataTableFilter(rows, config) {
+	const [state, setState] = (0, react$1.useState)(EMPTY_DATA_TABLE_FILTER);
+	const setSearch = (0, react$1.useCallback)((search) => {
+		setState((prev) => ({
+			...prev,
+			search
+		}));
+	}, []);
+	const toggleFacet = (0, react$1.useCallback)((value) => {
+		setState((prev) => toggleDataTableFacet(prev, value));
+	}, []);
+	const clear = (0, react$1.useCallback)(() => setState(EMPTY_DATA_TABLE_FILTER), []);
+	const { searchText, facetValue } = config;
+	return {
+		state,
+		setSearch,
+		toggleFacet,
+		clear,
+		facets: (0, react$1.useMemo)(() => dataTableFacets(rows, facetValue), [rows, facetValue]),
+		rows: (0, react$1.useMemo)(() => filterDataTableRows(rows, state, {
+			searchText,
+			facetValue
+		}), [
+			rows,
+			state,
+			searchText,
+			facetValue
+		]),
+		active: isDataTableFilterActive(state)
+	};
 }
 //#endregion
 //#region src/composites/detection-colors.ts
@@ -44891,35 +46382,129 @@ function deviceRoleMetaOf(role) {
 	return DEVICE_ROLE_META[role] ?? FALLBACK_DEVICE_ROLE_META;
 }
 /**
-* Icons an operator may pick for a per-device `display.icon` override, keyed by
-* a stable kebab-case name. Built ONLY from the lucide icons already imported by
-* this module — no new imports, no dynamic indexing — so it stays bundle-size
-* neutral and the picker offers a curated, sensor-relevant set. Unknown keys
-* resolve to `undefined` (caller keeps the role/type default).
+* Icons an operator may pick for a per-device `display.icon` override (and for
+* a per-role default), keyed by a stable kebab-case name. Named imports only —
+* no dynamic indexing into lucide, so the bundle carries exactly this set.
+* Unknown keys resolve to `undefined` (caller falls through to the next level).
+*
+* The vocabulary is the one the VIEWER draws from too (its own icon module,
+* keyed by these same strings): a key added here that the phone cannot draw
+* falls through to the next resolution level there, which reads as "my change
+* did nothing". So the KEY is the contract — a stable kebab-case string, never
+* a glyph identity — and `device-meta.test.ts` pins that every key resolves
+* and that the set never loses a key an operator may already have persisted.
+*
+* Grouped by what an operator is naming: a device, a light or appliance, a
+* sensor or the weather it reads, a room, or what moves through it. `gauge2`
+* is a legacy alias kept for rows that persisted it.
 */
 var DISPLAY_ICON_REGISTRY = {
+	camera: Camera,
+	network: Network,
+	"toggle-left": ToggleLeft,
+	"toggle-right": ToggleRight,
+	"circle-dot": CircleDot,
+	"refresh-cw": RefreshCw,
+	box: Box,
+	"scroll-text": ScrollText,
+	workflow: Workflow,
+	lock: Lock,
+	"lock-open": LockOpen,
+	blinds: Blinds,
+	"air-vent": AirVent,
+	"monitor-play": MonitorPlay,
+	"sliders-horizontal": SlidersHorizontal,
+	"map-pin": MapPin,
+	bot: Bot,
+	tractor: Tractor,
+	image: Image,
+	bone: Bone,
+	"door-closed": DoorClosed,
+	"door-open": DoorOpen,
+	crosshair: Crosshair,
+	eye: Eye,
+	"eye-off": EyeOff,
+	smartphone: Smartphone,
+	phone: Phone,
+	tablet: Tablet,
+	laptop: Laptop,
+	monitor: Monitor,
+	tv: Tv,
+	speaker: Speaker,
+	printer: Printer,
+	projector: Projector,
+	"gamepad-2": Gamepad2,
+	radio: Radio,
+	router: Router,
+	bluetooth: Bluetooth,
+	cpu: Cpu,
+	"hard-drive": HardDrive,
+	server: Server,
+	mic: Mic,
+	"mic-off": MicOff,
+	video: Video,
+	"video-off": VideoOff,
+	music: Music,
+	plug: Plug,
+	"plug-zap": PlugZap,
+	power: Power,
+	"power-off": PowerOff,
+	cable: Cable,
+	battery: Battery,
+	"battery-charging": BatteryCharging,
+	"battery-full": BatteryFull,
+	"battery-low": BatteryLow,
+	key: Key,
+	"key-round": KeyRound,
+	mailbox: Mailbox,
+	package: Package,
+	shield: Shield,
+	"shield-check": ShieldCheck,
+	"shield-off": ShieldOff,
+	lightbulb: Lightbulb,
+	lamp: Lamp,
+	"lamp-ceiling": LampCeiling,
+	"lamp-desk": LampDesk,
+	"lamp-floor": LampFloor,
+	flashlight: Flashlight,
+	heater: Heater,
+	snowflake: Snowflake,
+	"thermometer-sun": ThermometerSun,
+	"thermometer-snowflake": ThermometerSnowflake,
+	refrigerator: Refrigerator,
+	microwave: Microwave,
+	"washing-machine": WashingMachine,
+	"cooking-pot": CookingPot,
+	utensils: Utensils,
 	thermometer: Thermometer,
 	droplets: Droplets,
 	droplet: Droplet,
 	gauge: Gauge,
+	gauge2: Gauge,
 	sun: Sun,
 	"sun-medium": SunMedium,
 	sunrise: Sunrise,
 	moon: Moon,
 	wind: Wind,
+	cloud: Cloud,
 	"cloud-rain": CloudRain,
 	"cloud-sun": CloudSun,
 	waves: Waves,
 	sprout: Sprout,
+	leaf: Leaf,
+	flower: Flower,
 	zap: Zap,
 	flame: Flame,
 	bell: Bell,
+	"bell-ring": BellRing,
+	"bell-off": BellOff,
 	siren: Siren,
 	radar: Radar,
 	activity: Activity,
 	hash: Hash,
 	clock: Clock,
-	gauge2: Gauge,
+	timer: Timer,
+	calendar: Calendar,
 	pipette: Pipette,
 	fan: Fan,
 	bath: Bath,
@@ -44928,9 +46513,49 @@ var DISPLAY_ICON_REGISTRY = {
 	"shield-alert": ShieldAlert,
 	vibrate: Vibrate,
 	wifi: Wifi,
+	"wifi-off": WifiOff,
 	"volume-2": Volume2,
-	lightbulb: Lightbulb,
-	flashlight: Flashlight
+	"volume-x": VolumeX,
+	heart: Heart,
+	"heart-pulse": HeartPulse,
+	star: Star,
+	sparkles: Sparkles,
+	house: House,
+	sofa: Sofa,
+	"bed-double": BedDouble,
+	bed: Bed,
+	warehouse: Warehouse,
+	trees: Trees,
+	"tree-pine": TreePine,
+	fence: Fence,
+	store: Store,
+	building: Building,
+	"building-2": Building2,
+	mountain: Mountain,
+	umbrella: Umbrella,
+	dumbbell: Dumbbell,
+	wrench: Wrench,
+	hammer: Hammer,
+	drill: Drill,
+	"waves-ladder": WavesLadder,
+	"circle-parking": CircleParking,
+	briefcase: Briefcase,
+	route: Route,
+	car: Car,
+	bike: Bike,
+	bus: Bus,
+	truck: Truck,
+	plane: Plane,
+	"train-front": TrainFront,
+	sailboat: Sailboat,
+	dog: Dog,
+	cat: Cat,
+	bird: Bird,
+	"paw-print": PawPrint,
+	baby: Baby,
+	user: User,
+	users: Users,
+	"person-standing": PersonStanding
 };
 /** Resolve a `display.icon` name to a lucide component, or `undefined` when the
 *  name is not in the curated `DISPLAY_ICON_REGISTRY`. */
@@ -45115,12 +46740,35 @@ function resolveFlags(props) {
 		showChildrenAccordion: props.showChildrenAccordion ?? d.showChildrenAccordion
 	};
 }
-function deviceLeadIcon(device) {
+/**
+* The row's lead icon — the ONE resolution order, the same one
+* `resolveSensorDisplay` applies to unit and precision:
+*
+*   device override → operator role default → built-in role glyph → type glyph
+*
+* `roleDefaults` is what the nearest `RoleDisplayDefaultsProvider` publishes;
+* callers outside a provider pass nothing and the second level is skipped.
+* Each level FALLS THROUGH when it names a glyph the registry cannot draw —
+* an unknown key at any level must never leave the row without an icon, and
+* must never shadow a lower level that would have drawn one.
+*
+* "Set as default for all X sensors" writes the second level. It was written
+* for a year and read by nothing: this function went straight from the device
+* override to `DEVICE_ROLE_META`.
+*/
+function deviceLeadIcon(device, roleDefaults) {
 	if (device.display?.icon) {
 		const overridden = resolveDisplayIcon(device.display.icon);
 		if (overridden) return overridden;
 	}
-	if (device.role) return deviceRoleMetaOf(device.role).icon;
+	if (device.role) {
+		const roleDefaultKey = roleDefaults?.[device.role]?.icon;
+		if (roleDefaultKey !== void 0) {
+			const fromRoleDefault = resolveDisplayIcon(roleDefaultKey);
+			if (fromRoleDefault) return fromRoleDefault;
+		}
+		return deviceRoleMetaOf(device.role).icon;
+	}
 	return deviceTypeMetaOf(device.type).icon;
 }
 /**
@@ -45277,6 +46925,7 @@ function effectiveType(device, containerChildren) {
 */
 function effectiveIconDevice(device, containerChildren) {
 	if (device.type !== _camstack_types.DeviceType.Container) return device;
+	if (device.display?.icon !== void 0 && resolveDisplayIcon(device.display.icon) !== void 0) return device;
 	const children = containerChildren ?? [];
 	if (children.length === 0) return device;
 	const primary = resolveContainerPrimary(children, device.linkDeviceId, device.primaryChildEntityId);
@@ -45656,7 +47305,7 @@ function RebootQuickAction({ trpc, deviceId, deviceName }) {
 * or a standalone test) the hook returns a stable empty array — the same
 * graceful default the old optional prop had.
 */
-var EMPTY$1 = [];
+var EMPTY$2 = [];
 var ContainerChildrenContext = (0, react$1.createContext)(null);
 function ContainerChildrenProvider({ value, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContainerChildrenContext.Provider, {
@@ -45671,7 +47320,7 @@ function ContainerChildrenProvider({ value, children }) {
 * rendered outside a list, degrades exactly like the old optional prop.
 */
 function useContainerChildren(deviceId) {
-	return (0, react$1.useContext)(ContainerChildrenContext)?.get(deviceId) ?? EMPTY$1;
+	return (0, react$1.useContext)(ContainerChildrenContext)?.get(deviceId) ?? EMPTY$2;
 }
 //#endregion
 //#region src/composites/device-item/actions.tsx
@@ -45897,6 +47546,33 @@ function PtzQuickAction({ trpc, deviceId }) {
 	}), document.body)] });
 }
 //#endregion
+//#region src/composites/device-item/role-display-defaults-context.tsx
+var EMPTY$1 = {};
+var RoleDisplayDefaultsContext = (0, react$1.createContext)(EMPTY$1);
+function RoleDisplayDefaultsProvider({ value, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoleDisplayDefaultsContext.Provider, {
+		value,
+		children
+	});
+}
+/** The defaults published by the nearest provider — an empty record outside
+*  one, never `undefined`, so a caller can index it without a guard. */
+function useRoleDisplayDefaults() {
+	return (0, react$1.useContext)(RoleDisplayDefaultsContext);
+}
+/**
+* Reads the defaults from the hub and publishes them. Until the query lands
+* the children see no defaults — the built-in role glyph, which is what they
+* would see with no operator default at all, so nothing flashes wrong.
+*/
+function RoleDisplayDefaultsFromServer({ children }) {
+	const { data } = useDeviceManagerGetRoleDisplayDefaults({}, { staleTime: 6e4 });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoleDisplayDefaultsProvider, {
+		value: data?.defaults ?? EMPTY$1,
+		children
+	});
+}
+//#endregion
 //#region src/composites/device-item/children-accordion.tsx
 /**
 * <ChildrenAccordion> — accessory + adopted children rows shown when
@@ -45949,7 +47625,7 @@ function ChildRow$1({ trpc, child, onNavigate, parentName }) {
 		},
 		className: "w-full flex items-center gap-2 px-3 py-1.5 text-left hover:bg-surface-hover transition-colors cursor-pointer",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(deviceLeadIcon(child), { className: "h-3 w-3 text-foreground-subtle flex-shrink-0" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(deviceLeadIcon(child, useRoleDisplayDefaults()), { className: "h-3 w-3 text-foreground-subtle flex-shrink-0" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "text-[10.5px] text-foreground flex-1 truncate",
 				children: childListName(child, parentName)
@@ -46328,7 +48004,9 @@ var CHEVRON_SLOT_CLASS = {
 	stacked: "h-4 w-4 mt-0.5"
 };
 function DeviceItemHeader({ device, variant, flags, parent, integrationIcon, hasChildren, expanded, onToggleExpand, onNavigateToParent, stacked = false, nameOverflow = "truncate" }) {
-	const Icon = deviceLeadIcon(effectiveIconDevice(device, useContainerChildren(device.id)));
+	const containerChildren = useContainerChildren(device.id);
+	const roleDefaults = useRoleDisplayDefaults();
+	const Icon = deviceLeadIcon(effectiveIconDevice(device, containerChildren), roleDefaults);
 	const slotClass = stacked ? CHEVRON_SLOT_CLASS.stacked : CHEVRON_SLOT_CLASS.horizontal;
 	const lineClass = nameOverflow === "scroll" ? NAME_TEXT_CLASS : "truncate";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -47135,41 +48813,6 @@ function groupTopLevelAndAccessories(devices, options) {
 	};
 }
 //#endregion
-//#region src/composites/device-list/fuzzy-match.ts
-/**
-* fuzzy-match — case and separator-insensitive text search helper.
-*
-* Normalization rule: lowercase + strip all runs of hyphens, underscores and
-* whitespace entirely.  This makes `Tapparella cucina` and `tapparella-cucina`
-* both normalize to `tapparellacucina`, so a substring match succeeds in
-* either direction.
-*/
-/**
-* Strips hyphens, underscores and whitespace runs from `s` and lowercases it.
-*
-* @example
-* normalizeForSearch('Tapparella cucina') // 'tapparellacucina'
-* normalizeForSearch('tapparella-cucina') // 'tapparellacucina'
-* normalizeForSearch('tapparella_cucina') // 'tapparellacucina'
-*/
-function normalizeForSearch(s) {
-	return s.toLowerCase().replace(/[-_\s]+/g, "");
-}
-/**
-* Returns `true` when the normalized form of `target` contains the normalized
-* form of `query`.  An empty query always matches.
-*
-* @example
-* fuzzyMatch('Tapparella cucina', 'tapparella-cucina') // true
-* fuzzyMatch('tapparella cucina', 'Tapparella-Cucina') // true
-* fuzzyMatch('xyz', 'tapparella-cucina')               // false
-*/
-function fuzzyMatch(query, target) {
-	const nq = normalizeForSearch(query);
-	if (nq === "") return true;
-	return normalizeForSearch(target).includes(nq);
-}
-//#endregion
 //#region src/composites/device-list/multi-select.tsx
 /**
 * Compact multi-select dropdown — a single chip-sized trigger ("Label · N")
@@ -47612,7 +49255,7 @@ function topLevelIndentLevel(device, parentType) {
 	if (HUB_LIKE_PARENT_TYPES.has(parentType.toLowerCase())) return 1;
 	return 0;
 }
-function TableLayout({ rows, accessoriesByParent, autoExpandedParents, devices, visibleColumns, trpc, resolveIntegrationIcon, resolveParent, onNavigate, renderRowAction, onDeleteDevice, selectable, rowClickSelects, activeSelected, onToggleSelection, sort, onSort }) {
+function TableLayout({ rows, accessoriesByParent, expandedParents, onToggleExpand, devices, visibleColumns, trpc, resolveIntegrationIcon, resolveParent, onNavigate, renderRowAction, onDeleteDevice, selectable, rowClickSelects, activeSelected, onToggleSelection, sort, onSort }) {
 	const showType = visibleColumns.includes("type");
 	const showFeatures = visibleColumns.includes("features");
 	const showManufacturer = visibleColumns.includes("manufacturer");
@@ -47671,7 +49314,6 @@ function TableLayout({ rows, accessoriesByParent, autoExpandedParents, devices,
 			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: rows.map((d) => {
 				const accessories = accessoriesByParent.get(d.id) ?? [];
 				const hasAccessories = accessories.length > 0;
-				const autoExpand = autoExpandedParents.has(d.id);
 				const parentRowParent = d.parentDeviceId !== null ? resolveParent?.(d.parentDeviceId) ?? null : null;
 				const parentType = d.parentDeviceId !== null ? parentTypeById.get(d.parentDeviceId) ?? null : null;
 				const selection = selectable ? {
@@ -47682,7 +49324,8 @@ function TableLayout({ rows, accessoriesByParent, autoExpandedParents, devices,
 					parent: d,
 					accessories,
 					hasAccessories,
-					forceExpanded: autoExpand,
+					expanded: expandedParents.has(d.id),
+					onToggleExpand: () => onToggleExpand(d.id),
 					trpc,
 					integrationIcon: showIcon ? resolveIntegrationIcon?.(d.addonId) ?? null : null,
 					showType,
@@ -47700,16 +49343,7 @@ function TableLayout({ rows, accessoriesByParent, autoExpandedParents, devices,
 		})
 	});
 }
-function TableRowGroup({ parent, accessories, hasAccessories, forceExpanded, trpc, integrationIcon, showType, showManufacturer, showFeatures, parentRowParent, indentLevel, onNavigate, renderRowAction, onDeleteDevice, selection, rowClickSelects }) {
-	const [expanded, setExpanded] = (0, react$1.useState)(forceExpanded);
-	const prevForce = (0, react$1.useRef)(forceExpanded);
-	(0, react$1.useEffect)(() => {
-		if (prevForce.current !== forceExpanded) {
-			setExpanded(forceExpanded);
-			prevForce.current = forceExpanded;
-		}
-	}, [forceExpanded]);
-	const onToggleExpand = () => setExpanded((v) => !v);
+function TableRowGroup({ parent, accessories, hasAccessories, expanded, onToggleExpand, trpc, integrationIcon, showType, showManufacturer, showFeatures, parentRowParent, indentLevel, onNavigate, renderRowAction, onDeleteDevice, selection, rowClickSelects }) {
 	const showAccessoryRows = hasAccessories && expanded;
 	const grouped = (0, react$1.useMemo)(() => groupChildrenByLayout(parent.stableId, accessories, parent.childLayout), [
 		parent.stableId,
@@ -47976,13 +49610,15 @@ function DeviceModeList(props) {
 	]);
 	const grouped = (0, react$1.useMemo)(() => groupTopLevelAndAccessories(filtered), [filtered]);
 	const sortedTopLevel = (0, react$1.useMemo)(() => sortRows(grouped.topLevel, sort), [grouped.topLevel, sort]);
-	const autoExpandedParents = (0, react$1.useMemo)(() => {
-		if (url.state.q.trim() === "") return /* @__PURE__ */ new Set();
-		const q = url.state.q;
-		const matching = /* @__PURE__ */ new Set();
-		for (const [parentId, accessories] of grouped.accessoriesByParent.entries()) if (accessories.some((a) => fuzzyMatch(q, a.name) || fuzzyMatch(q, a.stableId))) matching.add(parentId);
-		return matching;
-	}, [grouped.accessoriesByParent, url.state.q]);
+	const [openParents, setOpenParents] = (0, react$1.useState)(() => /* @__PURE__ */ new Set());
+	const toggleParent = (0, react$1.useCallback)((id) => {
+		setOpenParents((prev) => {
+			const next = new Set(prev);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			return next;
+		});
+	}, []);
 	const totalItems = grouped.topLevel.length;
 	const totalPages = Math.max(1, Math.ceil(totalItems / currentPageSize));
 	const safePage = Math.min(url.state.page, totalPages);
@@ -48052,7 +49688,8 @@ function DeviceModeList(props) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableLayout, {
 					rows: pageRows,
 					accessoriesByParent: grouped.accessoriesByParent,
-					autoExpandedParents,
+					expandedParents: openParents,
+					onToggleExpand: toggleParent,
 					visibleColumns,
 					sort,
 					onSort,
@@ -48820,6 +50457,145 @@ function DeviceGrid({ children, minCardWidth = 220, gap = 3, className }) {
 	});
 }
 //#endregion
+//#region src/composites/icon-picker.tsx
+/**
+* icon-picker — the ONE control for choosing an icon, wherever admin-ui asks.
+*
+* There were two: a device one over `DISPLAY_ICON_REGISTRY` and a room one
+* over `LOCATION_ICON_IDS`, identical apart from the vocabulary they walked.
+* That was tolerable while the device set was 56 glyphs in a flat grid. It is
+* not at 157: a picker that only lets the operator HUNT is a picker they stop
+* using, and the two copies were already drifting — only one of them had an
+* i18n'd label.
+*
+* So the vocabulary, the grouping and the search all come from
+* `@camstack/types`' `display-icon-vocabulary`, which is the same module the
+* viewer's sheet searches. What is left here is the web half: a popover, a
+* grid, and a text field.
+*
+* ## What it does NOT own
+*
+* - **The glyphs.** `resolveGlyph` is a prop, because this package's table is
+*   `lucide-react` and the viewer's is `lucide-react-native`. A key this build
+*   cannot draw is SKIPPED rather than rendered as a hole — an empty tile
+*   reads as a rendering bug, not as a missing choice.
+* - **The words.** Every string is a prop. This package has no i18n (one file
+*   in it imports react-i18next, and that is the exception), and a control
+*   that reached for a translation would force it on every consumer.
+* - **The write.** `onPick` is called and that is all; whether it is a form
+*   value or an immediate mutation is the caller's business, as it already was
+*   in both pickers this replaces.
+*
+* ## The clear tile is never filtered away
+*
+* The "inherit" / "no icon" choice sits above the sections and ignores the
+* search. A query that hid it would strand the operator on a glyph they picked
+* by accident with no way back to the default — the one action a picker must
+* always offer.
+*/
+function IconPicker({ value, onPick, resolveGlyph, fallbackGlyph, labels, only, extraWords, clearGlyph, labelFor, disabled = false }) {
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const [query, setQuery] = (0, react$1.useState)("");
+	const allowed = (0, react$1.useMemo)(() => only === void 0 ? null : new Set(only), [only]);
+	const sections = (0, react$1.useMemo)(() => {
+		const hits = (0, _camstack_types.searchDisplayIcons)(query, extraWords);
+		const byGroup = /* @__PURE__ */ new Map();
+		for (const hit of hits) {
+			const { key, group } = hit.entry;
+			if (allowed !== null && !allowed.has(key)) continue;
+			if (resolveGlyph(key) === void 0) continue;
+			const bucket = byGroup.get(group);
+			if (bucket === void 0) byGroup.set(group, [key]);
+			else bucket.push(key);
+		}
+		return _camstack_types.DISPLAY_ICON_GROUPS.flatMap((group) => {
+			const keys = byGroup.get(group);
+			return keys === void 0 || keys.length === 0 ? [] : [{
+				group,
+				keys
+			}];
+		});
+	}, [
+		query,
+		extraWords,
+		allowed,
+		resolveGlyph
+	]);
+	const Current = (value === null ? void 0 : resolveGlyph(value)) ?? fallbackGlyph;
+	const choose = async (next) => {
+		setOpen(false);
+		setQuery("");
+		await onPick(next);
+	};
+	const Clear = clearGlyph ?? fallbackGlyph;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative flex shrink-0 items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			disabled,
+			onClick: () => setOpen((o) => !o),
+			"aria-expanded": open,
+			"aria-label": labels.trigger,
+			title: labels.trigger,
+			className: "rounded border border-border p-1 text-foreground-muted hover:bg-surface-hover disabled:opacity-50",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Current, { className: "h-4 w-4" })
+		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-label": labels.close,
+			onClick: () => setOpen(false),
+			className: "fixed inset-0 z-10 cursor-default"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "group",
+			"aria-label": labels.panel,
+			className: "absolute left-0 top-full z-20 mt-1 max-h-80 w-72 overflow-y-auto rounded-md border border-border bg-surface p-2 shadow-lg",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "search",
+					value: query,
+					autoFocus: true,
+					onChange: (e) => setQuery(e.target.value),
+					placeholder: labels.searchPlaceholder,
+					"aria-label": labels.searchPlaceholder,
+					className: "mb-2 w-full rounded border border-border bg-surface-raised px-2 py-1 text-xs text-foreground placeholder:text-foreground-subtle"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					onClick: () => void choose(null),
+					"aria-pressed": value === null,
+					className: "mb-2 flex w-full items-center gap-1.5 rounded px-1.5 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Clear, { className: "h-3.5 w-3.5" }), labels.clear]
+				}),
+				sections.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "px-1.5 py-2 text-[11px] text-foreground-subtle",
+					children: labels.noMatches
+				}) : sections.map(({ group, keys }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: "mb-2 last:mb-0",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+						className: "px-1.5 pb-1 text-[10px] uppercase tracking-wide text-foreground-subtle",
+						children: labels.groups[group]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "grid grid-cols-7 gap-1",
+						children: keys.map((key) => {
+							const Glyph = resolveGlyph(key);
+							if (Glyph === void 0) return null;
+							const selected = value === key;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => void choose(key),
+								"aria-pressed": selected,
+								"aria-label": labelFor?.(key) ?? key,
+								title: labelFor?.(key) ?? key,
+								className: selected ? "flex items-center justify-center rounded border border-primary bg-primary/10 p-1.5 text-foreground" : "flex items-center justify-center rounded border border-transparent p-1.5 text-foreground-muted hover:bg-surface-hover",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, { className: "h-4 w-4" })
+							}, key);
+						})
+					})]
+				}, group))
+			]
+		})] })]
+	});
+}
+//#endregion
 //#region src/composites/device-selector-picker.tsx
 /**
 * <DeviceSelectorPicker> — the operator-facing editor for a v3
@@ -53773,7 +55549,7 @@ var MotionZonesSettings = (0, react$1.lazy)(() => Promise.resolve().then(() => r
 *  inside `<Suspense>`; the admin-ui `/scenes` dialog is its only caller. */
 var SceneMonitorEditor = (0, react$1.lazy)(() => Promise.resolve().then(() => require("./SceneMonitorEditor-D0mXx_SD.cjs")).then((m) => ({ default: m.SceneMonitorEditor })));
 /** Lazy-wrapped `PrivacyMaskSettings` — code-split off the main bundle. */
-var PrivacyMaskSettings = (0, react$1.lazy)(() => Promise.resolve().then(() => require("./PrivacyMaskSettings-DfZAFg32.cjs")).then((m) => ({ default: m.PrivacyMaskSettings })));
+var PrivacyMaskSettings = (0, react$1.lazy)(() => Promise.resolve().then(() => require("./PrivacyMaskSettings-BqjXsXZR.cjs")).then((m) => ({ default: m.PrivacyMaskSettings })));
 //#endregion
 exports.AddonGlobalSettingsForm = AddonGlobalSettingsForm;
 exports.AgentStepEditor = AgentStepEditor;
@@ -53845,6 +55621,7 @@ exports.DEVICE_TYPE_CONTROL = DEVICE_TYPE_CONTROL;
 exports.DEVICE_TYPE_META = DEVICE_TYPE_META;
 exports.DISPLAY_ICON_REGISTRY = DISPLAY_ICON_REGISTRY;
 exports.DataTable = DataTable;
+exports.DataTableFilterBar = DataTableFilterBar;
 exports.DetectionCanvas = DetectionCanvas;
 exports.DetectionOverlay = DetectionOverlay;
 exports.DetectionResultTree = DetectionResultTree;
@@ -53877,6 +55654,7 @@ exports.DropdownItem = DropdownItem;
 exports.DropdownTrigger = DropdownTrigger;
 exports.DummyHeroCard = DummyHeroCard;
 exports.DummyInline = DummyInline;
+exports.EMPTY_DATA_TABLE_FILTER = EMPTY_DATA_TABLE_FILTER;
 exports.EVENT_KIND_ICONS = EVENT_KIND_ICONS;
 exports.EmptyState = EmptyState;
 exports.ErrorBox = ErrorBox;
@@ -53909,6 +55687,7 @@ exports.HumidifierInlineControl = HumidifierInlineControl;
 exports.INPUT_COMPACT = INPUT_COMPACT;
 exports.IconAction = IconAction;
 exports.IconButton = IconButton;
+exports.IconPicker = IconPicker;
 exports.ImageHeroCard = ImageHeroCard;
 exports.ImageInlineControl = ImageInlineControl;
 exports.ImageOff = ImageOff;
@@ -53934,6 +55713,7 @@ exports.MediaPlayerHeroCard = MediaPlayerHeroCard;
 exports.MediaPlayerInlineControl = MediaPlayerInlineControl;
 exports.MediaPlayerPanel = MediaPlayerPanel;
 exports.Mic = Mic;
+exports.MicOff = MicOff;
 exports.MobileDrawer = MobileDrawer;
 exports.ModelPicker = ModelPicker;
 exports.MotionZonesSettings = MotionZonesSettings;
@@ -53972,6 +55752,8 @@ exports.RadialGauge = RadialGauge;
 exports.RecordedPlaybackProvider = RecordedPlaybackProvider;
 exports.RecordingPanel = RecordingPanel;
 exports.ResponseLog = ResponseLog;
+exports.RoleDisplayDefaultsFromServer = RoleDisplayDefaultsFromServer;
+exports.RoleDisplayDefaultsProvider = RoleDisplayDefaultsProvider;
 exports.RotateCcw = RotateCcw;
 exports.SCENE_CAPTURE_VARIANTS = SCENE_CAPTURE_VARIANTS;
 exports.SCENE_CAPTURE_VARIANTS$1 = SCENE_CAPTURE_VARIANTS;
@@ -54080,6 +55862,7 @@ exports.createSharedContext = createSharedContext;
 exports.createTheme = require_theme_index.createTheme$1;
 exports.cursorFractionFor = cursorFractionFor;
 exports.darkColors = require_theme_index.darkColors$1;
+exports.dataTableFacets = dataTableFacets;
 exports.defaultTheme = require_theme_index.defaultTheme$1;
 exports.deriveDeviceKind = deriveDeviceKind;
 exports.deriveWebrtcDebugStats = deriveWebrtcDebugStats;
@@ -54094,6 +55877,7 @@ exports.deviceTypeMetaOf = deviceTypeMetaOf;
 exports.devicesToOptions = devicesToOptions;
 exports.ensureMfHostInit = ensureMfHostInit;
 exports.eventKindLabel = eventKindLabel;
+exports.filterDataTableRows = filterDataTableRows;
 exports.filterDeviceOptions = filterDeviceOptions;
 exports.findTimezone = _camstack_types.findTimezone;
 exports.formatControlDateTime = formatControlDateTime;
@@ -54116,6 +55900,7 @@ exports.humidifierTint = humidifierTint;
 exports.initialScrubState = initialScrubState;
 exports.isAbsentProvider = isAbsentProvider;
 exports.isAbsentProvider$1 = isAbsentProvider;
+exports.isDataTableFilterActive = isDataTableFilterActive;
 exports.isFieldVisible = isFieldVisible;
 exports.lawnMowerActivityMeta = lawnMowerActivityMeta;
 exports.lightColors = require_theme_index.lightColors$1;
@@ -54168,6 +55953,7 @@ exports.tabForSelector = tabForSelector;
 exports.tankAlert = tankAlert;
 exports.themeToCss = require_theme_index.themeToCss$1;
 exports.toStationaryOverlayBox = toStationaryOverlayBox;
+exports.toggleDataTableFacet = toggleDataTableFacet;
 exports.trpc = trpc;
 exports.useAccessoriesGetStatus = useAccessoriesGetStatus;
 exports.useAccessoriesSetChildHidden = useAccessoriesSetChildHidden;
@@ -54347,6 +56133,7 @@ exports.useCoverSetPosition = useCoverSetPosition;
 exports.useCoverSetTiltPosition = useCoverSetTiltPosition;
 exports.useCoverStop = useCoverStop;
 exports.useCustomFieldRenderer = useCustomFieldRenderer;
+exports.useDataTableFilter = useDataTableFilter;
 exports.useDayNightGetOptions = useDayNightGetOptions;
 exports.useDayNightGetStatus = useDayNightGetStatus;
 exports.useDayNightSetSettings = useDayNightSetSettings;
@@ -55054,6 +56841,7 @@ exports.useRecordingSignalGetStatus = useRecordingSignalGetStatus;
 exports.useRecordingStartStorageMigrationMove = useRecordingStartStorageMigrationMove;
 exports.useRecordingStartStorageRebalance = useRecordingStartStorageRebalance;
 exports.useRemoteComponent = useRemoteComponent;
+exports.useRoleDisplayDefaults = useRoleDisplayDefaults;
 exports.useSceneMonitorCaptureReference = useSceneMonitorCaptureReference;
 exports.useSceneMonitorCreateScene = useSceneMonitorCreateScene;
 exports.useSceneMonitorDeleteReference = useSceneMonitorDeleteReference;
@@ -55259,6 +57047,7 @@ exports.useValveOpen = useValveOpen;
 exports.useValveSetPosition = useValveSetPosition;
 exports.useValveStop = useValveStop;
 exports.useVibrationGetStatus = useVibrationGetStatus;
+exports.useVideoclipsDialClipStream = useVideoclipsDialClipStream;
 exports.useVideoclipsGetClipPlayback = useVideoclipsGetClipPlayback;
 exports.useVideoclipsListClips = useVideoclipsListClips;
 exports.useVideoclipsListSources = useVideoclipsListSources;