@camstack/ui-library 1.1.18 → 1.1.19

package/dist/index.cjs

@@ -8492,6 +8492,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 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"
+}]]);
+/**
+* @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 Bot = createLucideIcon("bot", [
 	["path", {
 		d: "M12 8V4H8",
@@ -10459,6 +10469,36 @@ var Pause = createLucideIcon("pause", [["rect", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var PawPrint = createLucideIcon("paw-print", [
+	["circle", {
+		cx: "11",
+		cy: "4",
+		r: "2",
+		key: "vol9p0"
+	}],
+	["circle", {
+		cx: "18",
+		cy: "8",
+		r: "2",
+		key: "17gozi"
+	}],
+	["circle", {
+		cx: "20",
+		cy: "16",
+		r: "2",
+		key: "1v9bxh"
+	}],
+	["path", {
+		d: "M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z",
+		key: "1ydw1z"
+	}]
+]);
+/**
+* @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 Pencil = createLucideIcon("pencil", [["path", {
 	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
 	key: "1a8usu"
@@ -11658,6 +11698,30 @@ var Upload = createLucideIcon("upload", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var UtensilsCrossed = createLucideIcon("utensils-crossed", [
+	["path", {
+		d: "m16 2-2.3 2.3a3 3 0 0 0 0 4.2l1.8 1.8a3 3 0 0 0 4.2 0L22 8",
+		key: "n7qcjb"
+	}],
+	["path", {
+		d: "M15 15 3.3 3.3a4.2 4.2 0 0 0 0 6l7.3 7.3c.7.7 2 .7 2.8 0L15 15Zm0 0 7 7",
+		key: "d0u48b"
+	}],
+	["path", {
+		d: "m2.1 21.8 6.4-6.3",
+		key: "yn04lh"
+	}],
+	["path", {
+		d: "m19 5-7 7",
+		key: "194lzd"
+	}]
+]);
+/**
+* @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",
@@ -17439,6 +17503,28 @@ var useNumericSensorGetStatus = trpc.numericSensor.getStatus.useQuery;
 var useOsdSetOverlay = trpc.osd.setOverlay.useMutation;
 /** Generated alias around `trpc.osd.getStatus.useQuery`. */
 var useOsdGetStatus = trpc.osd.getStatus.useQuery;
+/** Generated alias around `trpc.petFeeder.feed.useMutation`. */
+var usePetFeederFeed = trpc.petFeeder.feed.useMutation;
+/** Generated alias around `trpc.petFeeder.cancelFeed.useMutation`. */
+var usePetFeederCancelFeed = trpc.petFeeder.cancelFeed.useMutation;
+/** Generated alias around `trpc.petFeeder.resetDesiccant.useMutation`. */
+var usePetFeederResetDesiccant = trpc.petFeeder.resetDesiccant.useMutation;
+/** Generated alias around `trpc.petFeeder.markFoodReplenished.useMutation`. */
+var usePetFeederMarkFoodReplenished = trpc.petFeeder.markFoodReplenished.useMutation;
+/** Generated alias around `trpc.petFeeder.callPet.useMutation`. */
+var usePetFeederCallPet = trpc.petFeeder.callPet.useMutation;
+/** Generated alias around `trpc.petFeeder.playSound.useMutation`. */
+var usePetFeederPlaySound = trpc.petFeeder.playSound.useMutation;
+/** Generated alias around `trpc.petFeeder.setChildLock.useMutation`. */
+var usePetFeederSetChildLock = trpc.petFeeder.setChildLock.useMutation;
+/** Generated alias around `trpc.petFeeder.setIndicatorLight.useMutation`. */
+var usePetFeederSetIndicatorLight = trpc.petFeeder.setIndicatorLight.useMutation;
+/** Generated alias around `trpc.petFeeder.setFeedSound.useMutation`. */
+var usePetFeederSetFeedSound = trpc.petFeeder.setFeedSound.useMutation;
+/** Generated alias around `trpc.petFeeder.setVolume.useMutation`. */
+var usePetFeederSetVolume = trpc.petFeeder.setVolume.useMutation;
+/** Generated alias around `trpc.petFeeder.getStatus.useQuery`. */
+var usePetFeederGetStatus = trpc.petFeeder.getStatus.useQuery;
 /** Generated alias around `trpc.pipelineAnalytics.getActiveTracks.useQuery`. */
 var usePipelineAnalyticsGetActiveTracks = trpc.pipelineAnalytics.getActiveTracks.useQuery;
 /** Generated alias around `trpc.pipelineAnalytics.getTrack.useQuery`. */
@@ -21381,7 +21467,7 @@ function renderScene(glyph, uid) {
 		default: return null;
 	}
 }
-function Readout({ icon, label, value }) {
+function Readout$1({ icon, label, value }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex items-center gap-1.5 text-xs text-foreground-subtle",
 		title: label,
@@ -21436,12 +21522,12 @@ function WeatherHeroCard({ trpc, deviceId }) {
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex flex-col gap-1.5",
 					children: [
-						slice.humidity !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout, {
+						slice.humidity !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout$1, {
 							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Droplets, { className: "h-3.5 w-3.5" }),
 							label: "Humidity",
 							value: `${Math.round(slice.humidity)}%`
 						}),
-						slice.windSpeed !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout, {
+						slice.windSpeed !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout$1, {
 							icon: slice.windBearing !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Navigation, {
 								className: "h-3.5 w-3.5",
 								style: { transform: `rotate(${slice.windBearing}deg)` }
@@ -21449,7 +21535,7 @@ function WeatherHeroCard({ trpc, deviceId }) {
 							label: "Wind",
 							value: `${Math.round(slice.windSpeed)} ${slice.windSpeedUnit ?? ""}`.trim()
 						}),
-						slice.pressure !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout, {
+						slice.pressure !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout$1, {
 							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Gauge, { className: "h-3.5 w-3.5" }),
 							label: "Pressure",
 							value: `${Math.round(slice.pressure)} ${slice.pressureUnit ?? ""}`.trim()
@@ -21662,6 +21748,522 @@ function ImageHeroCard({ trpc, deviceId, deviceName }) {
 	});
 }
 //#endregion
+//#region src/composites/device-controls/pet-feeder-panel.tsx
+/**
+* Pet-feeder controls for a `DeviceType.PetFeeder` device.
+*
+* Reads the `pet-feeder` cap status slice (foodLevel / food1 / food2 /
+* lowFood / batteryPower / desiccantLeftDays / feeding / status / error /
+* errorCode / isDualHopper + the four persisted settings) and renders:
+*   - PetFeederInlineControl (device-list row): a compact food-level +
+*     battery readout with a one-tap Feed button (default portion).
+*   - PetFeederHeroCard (device-detail hero): the food-bowl fill gauge
+*     signature, battery + desiccant readouts, a manual-feed portion
+*     stepper honouring the 4-200 g hardware range (per-hopper on
+*     dual-hopper models), a maintenance action row (Call pet / Reset
+*     desiccant / Mark refilled) and the child-lock / indicator-light /
+*     feed-sound / volume settings.
+*
+* Mirrors the AC card's `useDeviceCapability` + inferred-cap pattern so
+* the row and hero never diverge. Actions are gated on `available`.
+*/
+/** Default one-tap manual-feed portion (grams) — the low end of the
+*  hardware range, a safe snack-sized dispense. */
+var DEFAULT_PORTION = 20;
+var VOLUME_MAX = 9;
+/** Amber kibble accent for the bowl fill; destructive red when low. */
+var KIBBLE = "#f59e0b";
+var KIBBLE_LOW = "#ef4444";
+function clampPortion(grams) {
+	return Math.min(_camstack_types.PET_FEEDER_MANUAL_FEED_MAX, Math.max(_camstack_types.PET_FEEDER_MANUAL_FEED_MIN, grams));
+}
+var KEYFRAMES$1 = `
+@keyframes pf-eat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(2px)} }
+@keyframes pf-pulse { 0%,100%{opacity:.55} 50%{opacity:1} }
+@media (prefers-reduced-motion: reduce) {
+  .pf-eat, .pf-pulse { animation: none !important; }
+}
+`;
+function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
+	const { cap, slice, available } = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.petFeeder,
+		slice: (d) => d.state.petFeeder
+	});
+	const { display, applyOptimistic } = useOptimisticSlice(slice, { enabled: optimistic ?? true });
+	const [portion, setPortion] = (0, react$1.useState)(DEFAULT_PORTION);
+	const [hopper1, setHopper1] = (0, react$1.useState)(DEFAULT_PORTION);
+	const [hopper2, setHopper2] = (0, react$1.useState)(DEFAULT_PORTION);
+	if (cap === void 0) return null;
+	if (display === void 0) return null;
+	const busy = !available;
+	const faultMsg = display.error && display.error !== "no_error" ? display.error : null;
+	const offline = display.status === "offline";
+	const onBatteries = display.status === "on_batteries";
+	if (layout === "compact") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "inline-flex items-center gap-2",
+		children: [
+			(faultMsg !== null || offline) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "inline-flex items-center text-destructive",
+				title: faultMsg ?? "Offline",
+				"aria-label": faultMsg ?? "Offline",
+				children: offline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WifiOff, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": true
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": true
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: cn("inline-flex items-center gap-1 text-xs tabular-nums font-medium", display.lowFood ? "text-destructive" : "text-foreground"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UtensilsCrossed, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": true
+					}),
+					display.foodLevel ?? "—",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-foreground-subtle",
+						children: "g"
+					})
+				]
+			}),
+			display.batteryPower !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "inline-flex items-center gap-0.5 text-xs tabular-nums text-foreground-subtle",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BatteryMedium, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": true
+					}),
+					display.batteryPower,
+					"%"
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				"aria-label": "Feed now",
+				disabled: busy || display.feeding,
+				onClick: (e) => {
+					e.stopPropagation();
+					if (busy || display.feeding) return;
+					applyOptimistic({ feeding: true });
+					cap.feed({ grams: DEFAULT_PORTION });
+				},
+				className: cn("inline-flex items-center gap-1 rounded-md border border-border bg-surface px-2 py-1 text-xs font-medium text-foreground transition-colors hover:bg-surface-hover", (busy || display.feeding) && "opacity-40 cursor-not-allowed"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PawPrint, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": true
+				}), "Feed"]
+			})
+		]
+	});
+	const feedSingle = (grams) => {
+		if (busy || display.feeding) return;
+		applyOptimistic({ feeding: true });
+		cap.feed({ grams: clampPortion(grams) });
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative flex flex-col items-stretch gap-3 overflow-hidden rounded-lg border border-border bg-surface p-4",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: KEYFRAMES$1 }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-4 rounded-lg border border-border/50 bg-surface-subtle/40 p-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BowlGauge, {
+					grams: display.foodLevel,
+					low: display.lowFood,
+					eating: display.feeding
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-1.5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-baseline gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-3xl font-bold leading-none tabular-nums",
+							style: { color: display.lowFood ? KIBBLE_LOW : KIBBLE },
+							children: display.foodLevel ?? "—"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-sm text-foreground-subtle",
+							children: "g in bowl"
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-foreground-subtle",
+						children: [
+							display.batteryPower !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout, {
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BatteryMedium, { className: "h-3.5 w-3.5" }),
+								label: `${display.batteryPower}%`
+							}),
+							display.desiccantLeftDays !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout, {
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wind, { className: "h-3.5 w-3.5" }),
+								label: `${display.desiccantLeftDays}d desiccant`
+							}),
+							onBatteries && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "inline-flex items-center gap-1 font-medium text-amber-500",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BatteryWarning, {
+									className: "h-3.5 w-3.5",
+									"aria-hidden": true
+								}), "On battery"]
+							}),
+							offline ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "inline-flex items-center gap-1 font-medium text-destructive",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WifiOff, {
+									className: "h-3.5 w-3.5",
+									"aria-hidden": true
+								}), "Offline"]
+							}) : display.feeding ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "pf-pulse inline-flex items-center gap-1 font-medium text-amber-500",
+								style: { animation: "pf-pulse 1.2s ease-in-out infinite" },
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PawPrint, {
+									className: "h-3.5 w-3.5",
+									"aria-hidden": true
+								}), "Feeding…"]
+							}) : display.lowFood ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "inline-flex items-center gap-1 font-medium text-destructive",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Ban, {
+									className: "h-3.5 w-3.5",
+									"aria-hidden": true
+								}), "Low food"]
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "inline-flex items-center gap-1 font-medium text-success",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CircleCheck, {
+									className: "h-3.5 w-3.5",
+									"aria-hidden": true
+								}), "Ready"]
+							})
+						]
+					})]
+				})]
+			}),
+			faultMsg !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs font-medium text-destructive",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, {
+					className: "mt-px h-4 w-4 shrink-0",
+					"aria-hidden": true
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "min-w-0 break-words",
+					children: faultMsg
+				})]
+			}),
+			display.isDualHopper ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid grid-cols-2 gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HopperFeed, {
+					label: "Hopper 1",
+					grams: hopper1,
+					busy: busy || display.feeding,
+					onGrams: setHopper1,
+					onFeed: () => {
+						if (busy || display.feeding) return;
+						applyOptimistic({ feeding: true });
+						cap.feed({ hopper1: clampPortion(hopper1) });
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HopperFeed, {
+					label: "Hopper 2",
+					grams: hopper2,
+					busy: busy || display.feeding,
+					onGrams: setHopper2,
+					onFeed: () => {
+						if (busy || display.feeding) return;
+						applyOptimistic({ feeding: true });
+						cap.feed({ hopper2: clampPortion(hopper2) });
+					}
+				})]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HopperFeed, {
+				label: "Manual feed",
+				grams: portion,
+				busy: busy || display.feeding,
+				onGrams: setPortion,
+				onFeed: () => feedSingle(portion)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid grid-cols-3 gap-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PawPrint, { className: "h-4 w-4" }),
+						label: "Call pet",
+						busy,
+						onClick: () => void cap.callPet({})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RefreshCw, { className: "h-4 w-4" }),
+						label: "Reset desiccant",
+						busy,
+						onClick: () => void cap.resetDesiccant({})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UtensilsCrossed, { className: "h-4 w-4" }),
+						label: "Mark refilled",
+						busy,
+						onClick: () => void cap.markFoodReplenished({})
+					})
+				]
+			}),
+			display.feeding && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				disabled: busy,
+				onClick: () => {
+					applyOptimistic({ feeding: false });
+					cap.cancelFeed({});
+				},
+				className: cn("flex items-center justify-center gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-2 py-1.5 text-xs font-medium text-destructive transition-colors hover:bg-destructive/20", busy && "opacity-40 cursor-not-allowed"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Ban, {
+					className: "h-4 w-4",
+					"aria-hidden": true
+				}), "Cancel feed"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field$1, {
+				label: "Settings",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "grid grid-cols-3 gap-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingToggle, {
+							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Lock, { className: "h-4 w-4" }),
+							label: "Child lock",
+							on: display.childLock,
+							busy,
+							onToggle: (next) => {
+								applyOptimistic({ childLock: next });
+								cap.setChildLock({ on: next });
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingToggle, {
+							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Lightbulb, { className: "h-4 w-4" }),
+							label: "Light",
+							on: display.indicatorLight,
+							busy,
+							onToggle: (next) => {
+								applyOptimistic({ indicatorLight: next });
+								cap.setIndicatorLight({ on: next });
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingToggle, {
+							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bell, { className: "h-4 w-4" }),
+							label: "Feed sound",
+							on: display.feedSound,
+							busy,
+							onToggle: (next) => {
+								applyOptimistic({ feedSound: next });
+								cap.setFeedSound({ on: next });
+							}
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field$1, {
+				label: "Volume",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Volume2, {
+							className: "h-4 w-4 shrink-0 text-foreground-subtle",
+							"aria-hidden": true
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundStep$1, {
+							label: "Decrease volume",
+							symbol: "−",
+							disabled: busy || display.volume <= 0,
+							onClick: () => {
+								const next = Math.max(0, display.volume - 1);
+								applyOptimistic({ volume: next });
+								cap.setVolume({ level: next });
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "w-6 text-center text-lg font-semibold tabular-nums text-foreground",
+							children: display.volume
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundStep$1, {
+							label: "Increase volume",
+							symbol: "+",
+							disabled: busy || display.volume >= VOLUME_MAX,
+							onClick: () => {
+								const next = Math.min(VOLUME_MAX, display.volume + 1);
+								applyOptimistic({ volume: next });
+								cap.setVolume({ level: next });
+							}
+						})
+					]
+				})
+			})
+		]
+	});
+}
+/** Labelled control group — a small uppercase header above its control. */
+function Field$1({ label, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle",
+			children: label
+		}), children]
+	});
+}
+function Readout({ icon, label }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "inline-flex items-center gap-1 tabular-nums",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-foreground-subtle",
+			children: icon
+		}), label]
+	});
+}
+/**
+* Signature element — a food bowl whose kibble fills proportionally to the
+* bowl reading (0–200 g). Amber when stocked, red when the low-food flag is
+* set; the kibble mound bobs while the pet is eating.
+*/
+function BowlGauge({ grams, low, eating }) {
+	const frac = Math.min(1, Math.max(0, (grams ?? 0) / _camstack_types.PET_FEEDER_MANUAL_FEED_MAX));
+	const fill = low ? KIBBLE_LOW : KIBBLE;
+	const surfaceY = 52 - frac * 24;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		width: 72,
+		height: 72,
+		viewBox: "0 0 72 72",
+		role: "img",
+		"aria-label": grams === null ? "Food level unknown" : `${grams} grams in bowl`,
+		className: "shrink-0",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("clipPath", {
+				id: "pf-bowl-clip",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M14 26 H58 L52 54 A6 6 0 0 1 46 58 H26 A6 6 0 0 1 20 54 Z" })
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+				clipPath: "url(#pf-bowl-clip)",
+				className: eating ? "pf-eat" : void 0,
+				style: eating ? { animation: "pf-eat 1.1s ease-in-out infinite" } : void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "14",
+					y: surfaceY,
+					width: "44",
+					height: "34",
+					fill,
+					opacity: .9
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ellipse", {
+					cx: "36",
+					cy: surfaceY,
+					rx: "22",
+					ry: "4",
+					fill
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M14 26 H58 L52 54 A6 6 0 0 1 46 58 H26 A6 6 0 0 1 20 54 Z",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				className: "text-border"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "11",
+				y: "22",
+				width: "50",
+				height: "6",
+				rx: "3",
+				fill: "currentColor",
+				className: "text-border"
+			})
+		]
+	});
+}
+/** Manual-feed portion stepper + Feed button, honouring the 4-200 g range. */
+function HopperFeed({ label, grams, busy, onGrams, onFeed }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1 rounded-lg border border-border/60 bg-surface-subtle px-1 py-1",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundStep$1, {
+						label: `Decrease ${label} portion`,
+						symbol: "−",
+						disabled: busy || grams <= _camstack_types.PET_FEEDER_MANUAL_FEED_MIN,
+						onClick: () => onGrams(clampPortion(grams - 1))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "w-12 text-center text-sm font-semibold tabular-nums text-foreground",
+						children: [grams, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-xs text-foreground-subtle",
+							children: "g"
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundStep$1, {
+						label: `Increase ${label} portion`,
+						symbol: "+",
+						disabled: busy || grams >= _camstack_types.PET_FEEDER_MANUAL_FEED_MAX,
+						onClick: () => onGrams(clampPortion(grams + 1))
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				disabled: busy,
+				onClick: onFeed,
+				className: cn("flex flex-1 items-center justify-center gap-1.5 rounded-lg border border-transparent bg-amber-400 px-2 py-2 text-sm font-semibold text-amber-950 transition-colors hover:bg-amber-300 active:scale-95", busy && "opacity-40 cursor-not-allowed"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PawPrint, {
+					className: "h-4 w-4",
+					"aria-hidden": true
+				}), "Feed"]
+			})]
+		})]
+	});
+}
+/** Circular ± button. */
+function RoundStep$1({ label, symbol, disabled, onClick }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		"aria-label": label,
+		disabled,
+		onClick,
+		className: cn("flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-border bg-surface text-base leading-none text-foreground-subtle transition-colors hover:bg-surface-hover hover:text-foreground active:scale-95", disabled && "opacity-40 cursor-not-allowed"),
+		children: symbol
+	});
+}
+/** Neutral maintenance action button (icon over label). */
+function ActionButton({ icon, label, busy, onClick }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		disabled: busy,
+		onClick,
+		className: cn("flex flex-col items-center justify-center gap-1 rounded-lg border border-border/60 bg-surface-subtle px-1 py-2 text-[11px] font-medium text-foreground-subtle transition-colors hover:bg-surface-hover hover:text-foreground", busy && "opacity-40 cursor-not-allowed"),
+		children: [icon, label]
+	});
+}
+/** Setting toggle card — reflects the persisted setting; tap to flip. */
+function SettingToggle({ icon, label, on, busy, onToggle }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		"aria-label": label,
+		"aria-pressed": on,
+		disabled: busy,
+		onClick: () => {
+			if (!busy) onToggle(!on);
+		},
+		className: cn("flex flex-col items-center justify-center gap-1 rounded-lg border px-1 py-2 text-[11px] font-medium transition-colors", on ? "border-transparent bg-indigo-400 text-indigo-950 shadow-sm" : "border-border/60 bg-surface-subtle text-foreground-subtle hover:bg-surface-hover hover:text-foreground", busy && "opacity-40 cursor-not-allowed"),
+		children: [icon, label]
+	});
+}
+function PetFeederInlineControl({ trpc, deviceId, features, optimistic }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PetFeederPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "compact",
+		optimistic
+	});
+}
+function PetFeederHeroCard({ trpc, deviceId, features, optimistic }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PetFeederPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "full",
+		optimistic
+	});
+}
+//#endregion
 //#region src/composites/device-controls/switch-panel.tsx
 function SwitchPanel({ trpc, deviceId, optimistic }) {
 	const { cap, slice, available } = useDeviceCapability({
@@ -24847,6 +25449,10 @@ var IMAGE_CONTROL = {
 	InlineControl: ImageInlineControl,
 	HeroCard: ImageHeroCard
 };
+var PET_FEEDER_CONTROL = {
+	InlineControl: PetFeederInlineControl,
+	HeroCard: PetFeederHeroCard
+};
 /**
 * Exhaustive record over DeviceType. Omitting a member causes a
 * TypeScript build error (same pattern as DEVICE_TYPE_ACTIONS).
@@ -24884,7 +25490,8 @@ var DEVICE_TYPE_CONTROL = {
 	[_camstack_types.DeviceType.Vacuum]: VACUUM_CONTROL,
 	[_camstack_types.DeviceType.LawnMower]: LAWN_MOWER_CONTROL,
 	[_camstack_types.DeviceType.Container]: DUMMY_CONTROL,
-	[_camstack_types.DeviceType.Image]: IMAGE_CONTROL
+	[_camstack_types.DeviceType.Image]: IMAGE_CONTROL,
+	[_camstack_types.DeviceType.PetFeeder]: PET_FEEDER_CONTROL
 };
 /**
 * Per-type FILL flag.
@@ -24935,7 +25542,8 @@ var CONTROL_FILLS = {
 	[_camstack_types.DeviceType.Generic]: false,
 	[_camstack_types.DeviceType.Weather]: false,
 	[_camstack_types.DeviceType.Container]: false,
-	[_camstack_types.DeviceType.Image]: false
+	[_camstack_types.DeviceType.Image]: false,
+	[_camstack_types.DeviceType.PetFeeder]: false
 };
 var DEVICE_TYPE_VALUES$1 = new Set(Object.values(_camstack_types.DeviceType));
 /**
@@ -25184,6 +25792,10 @@ var DEVICE_TYPE_META = {
 	[_camstack_types.DeviceType.Image]: {
 		icon: Image,
 		label: "Image"
+	},
+	[_camstack_types.DeviceType.PetFeeder]: {
+		icon: Bone,
+		label: "Pet feeder"
 	}
 };
 var DEVICE_ROLE_META = {
@@ -29011,7 +29623,8 @@ var CONTROL_CAP_NAMES = [
 	"fan-control",
 	"climate-control",
 	"media-player",
-	"control"
+	"control",
+	"pet-feeder"
 ];
 //#endregion
 //#region src/composites/device-controls/popover-row-action.tsx
@@ -45028,6 +45641,17 @@ exports.useOptionalWidgetRegistry = useOptionalWidgetRegistry;
 exports.useOsdGetStatus = useOsdGetStatus;
 exports.useOsdSetOverlay = useOsdSetOverlay;
 exports.usePTZ = usePTZ;
+exports.usePetFeederCallPet = usePetFeederCallPet;
+exports.usePetFeederCancelFeed = usePetFeederCancelFeed;
+exports.usePetFeederFeed = usePetFeederFeed;
+exports.usePetFeederGetStatus = usePetFeederGetStatus;
+exports.usePetFeederMarkFoodReplenished = usePetFeederMarkFoodReplenished;
+exports.usePetFeederPlaySound = usePetFeederPlaySound;
+exports.usePetFeederResetDesiccant = usePetFeederResetDesiccant;
+exports.usePetFeederSetChildLock = usePetFeederSetChildLock;
+exports.usePetFeederSetFeedSound = usePetFeederSetFeedSound;
+exports.usePetFeederSetIndicatorLight = usePetFeederSetIndicatorLight;
+exports.usePetFeederSetVolume = usePetFeederSetVolume;
 exports.usePipelineAnalyticsApplyDeviceSettingsPatch = usePipelineAnalyticsApplyDeviceSettingsPatch;
 exports.usePipelineAnalyticsClearTracks = usePipelineAnalyticsClearTracks;
 exports.usePipelineAnalyticsGetActiveTracks = usePipelineAnalyticsGetActiveTracks;