@glasshome/widget-sdk 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,13 +1,14 @@
 import { z as A } from "zod";
-import { widgetManifestSchema as cn, formatSchemaError as dn } from "@glasshome/widget-contract";
-import { effect as W, className as P, style as ae, template as x, insert as p, createComponent as k, memo as T, setStyleProperty as J, addEventListener as G, use as ke, delegateEvents as Ce } from "solid-js/web";
-import { createElementSize as Se } from "@solid-primitives/resize-observer";
-import { createContext as Me, useContext as se, Show as O, createSignal as V, onMount as De, createMemo as U, splitProps as Te, createEffect as oe, on as ue, onCleanup as le } from "solid-js";
-import { clsx as _e } from "clsx";
+import { widgetManifestSchema as xn, formatSchemaError as yn } from "@glasshome/widget-contract";
+import { effect as W, className as I, style as le, template as x, insert as p, createComponent as k, memo as T, setStyleProperty as ee, addEventListener as K, use as Se, delegateEvents as Ce } from "solid-js/web";
+import { createElementSize as Me } from "@solid-primitives/resize-observer";
+import { createContext as De, useContext as B, Show as E, createSignal as V, onMount as Te, createMemo as j, splitProps as _e, createEffect as se, on as ge, onCleanup as ce } from "solid-js";
+import { clsx as Oe } from "clsx";
 import { twMerge as ze } from "tailwind-merge";
-import { byDomain as gn, useArea as hn, useCamera as fn, useConnection as mn, useCurrency as vn, useEntities as wn, useEntity as pn, useEntityHistory as bn, useEntityStatistics as xn, useForecast as yn, useHassConfig as $n, useLocale as kn, useService as Cn, useStore as Sn, useTemperatureUnit as Mn, useToggle as Dn, useTurnOn as Tn, useUnitSystem as _n } from "@glasshome/sync-layer/solid";
-import { getForecasts as En, getStream as On, getWebRtcClientConfig as Nn, sendWebRtcCandidate as An, startWebRtcSession as Vn, state as Wn, trackEntityHistory as Rn, untrackEntityHistory as Hn } from "@glasshome/sync-layer";
-function fe(e) {
+import { useService as Ee, useToggle as Ne, useTurnOff as Ae, useTurnOn as Ve } from "@glasshome/sync-layer/solid";
+import { byDomain as kn, useArea as Sn, useCamera as Cn, useConnection as Mn, useCurrency as Dn, useEntities as Tn, useEntity as _n, useEntityHistory as On, useEntityStatistics as zn, useForecast as En, useHassConfig as Nn, useLocale as An, useStore as Vn, useTemperatureUnit as Wn, useUnitSystem as Rn } from "@glasshome/sync-layer/solid";
+import { getForecasts as Pn, getStream as In, getWebRtcClientConfig as Ln, sendWebRtcCandidate as Un, startWebRtcSession as jn, state as Bn, trackEntityHistory as Fn, untrackEntityHistory as Gn } from "@glasshome/sync-layer";
+function me(e) {
   return A.toJSONSchema(e, {
     override: (t) => {
       const i = A.globalRegistry.get(t.zodSchema);
@@ -15,17 +16,53 @@ function fe(e) {
     }
   });
 }
-function Ee(e) {
+function We(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-function Bt(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = fe(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Ee(e.configSchema))), e;
+function Jt(e) {
+  return e.configSchema && (e.manifest.schema || (e.manifest.schema = me(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = We(e.configSchema))), e;
+}
+const P = De();
+function Qt() {
+  const e = B(P);
+  if (!e)
+    throw new Error("useWidgetContext must be used within a Widget component");
+  return e;
+}
+function Re(e) {
+  const t = Array.isArray(e) ? e[0] : e, i = t?.split(".")[0];
+  if (!i) throw new Error(`Invalid entity ID: ${String(t)}`);
+  return i;
+}
+function G(e, t) {
+  return (i, r = {}) => e(Re(i), t, r, { entity_id: i });
 }
-const Y = {
+function Zt() {
+  const e = B(P)?.callService;
+  return e ? {
+    callService: e,
+    turnOn: G(e, "turn_on"),
+    turnOff: G(e, "turn_off"),
+    toggle: G(e, "toggle")
+  } : Ee();
+}
+function en() {
+  const e = B(P)?.callService;
+  return e ? G(e, "turn_on") : Ve();
+}
+function tn() {
+  const e = B(P)?.callService;
+  return e ? G(e, "turn_off") : Ae();
+}
+function nn() {
+  const e = B(P)?.callService;
+  return e ? G(e, "toggle") : Ne();
+}
+const J = {
   /** Background layer (gradients, images, glows) */
   BACKGROUND: 0,
   /** Main content layer (icon, title, text) */
@@ -34,14 +71,7 @@ const Y = {
   OVERLAY: 20,
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
-}, Q = Me();
-function Ft() {
-  const e = se(Q);
-  if (!e)
-    throw new Error("useWidgetContext must be used within a Widget component");
-  return e;
-}
-const me = `/* Authoritative SDK CSS contract. Injected once on first Widget mount
+}, ve = `/* Authoritative SDK CSS contract. Injected once on first Widget mount
  * via framework/theming/tokens.ts.
  *
  * All widget-internal visual scale is driven from CSS custom properties +
@@ -213,34 +243,34 @@ const me = `/* Authoritative SDK CSS contract. Injected once on first Widget mou
   }
 }
 `;
-let ne = !1, K;
-const ge = /* @__PURE__ */ new WeakSet();
-function Oe() {
-  return K || (K = new CSSStyleSheet(), K.replaceSync(
-    me.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)")
-  )), K;
-}
-function Ne(e) {
+let re = !1, Q;
+const he = /* @__PURE__ */ new WeakSet();
+function He() {
+  return Q || (Q = new CSSStyleSheet(), Q.replaceSync(
+    ve.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)")
+  )), Q;
+}
+function Pe(e) {
   if (typeof ShadowRoot < "u" && e instanceof ShadowRoot) {
-    if (ge.has(e)) return;
-    const r = Oe();
-    e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]), ge.add(e);
+    if (he.has(e)) return;
+    const r = He();
+    e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]), he.add(e);
     return;
   }
-  if (ne) return;
+  if (re) return;
   const t = e ?? (typeof document > "u" ? void 0 : document);
   if (!t) return;
   if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-    ne = !0;
+    re = !0;
     return;
   }
   const i = t.createElement("style");
-  i.setAttribute("data-glasshome-tokens", ""), i.textContent = me, t.head.appendChild(i), ne = !0;
+  i.setAttribute("data-glasshome-tokens", ""), i.textContent = ve, t.head.appendChild(i), re = !0;
 }
 function R(...e) {
-  return ze(_e(e));
+  return ze(Oe(e));
 }
-const Ae = {
+const Ie = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -268,7 +298,7 @@ const Ae = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Ve = {
+}, Le = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -297,7 +327,7 @@ const Ae = {
     active: !1,
     focus: !0
   }
-}, We = {
+}, Ue = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -325,108 +355,108 @@ const Ae = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Re = {
-  "classic-glass": Ae,
-  minimal: Ve,
-  "compact-horizontal": We
+}, je = {
+  "classic-glass": Ie,
+  minimal: Le,
+  "compact-horizontal": Ue
 };
-function He(e) {
-  return Re[e];
+function Be(e) {
+  return je[e];
 }
-var Pe = /* @__PURE__ */ x("<div>");
-function Ie(e) {
+var Fe = /* @__PURE__ */ x("<div>");
+function Ge(e) {
   return (() => {
-    var t = Pe();
+    var t = Fe();
     return W((i) => {
       var r = R("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), n = {
         "--widget-fill-value": e.value,
-        "z-index": Y.BACKGROUND,
+        "z-index": J.BACKGROUND,
         ...e.color ? {
           "--widget-icon-color": e.color
         } : {}
       };
-      return r !== i.e && P(t, i.e = r), i.t = ae(t, n, i.t), i;
+      return r !== i.e && I(t, i.e = r), i.t = le(t, n, i.t), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var Le = /* @__PURE__ */ x("<div>");
-function Ue(e) {
+var qe = /* @__PURE__ */ x("<div>");
+function Ye(e) {
   return (() => {
-    var t = Le();
-    return p(t, () => e.children), W(() => P(t, R("glasshome-widget-content", e.class))), t;
+    var t = qe();
+    return p(t, () => e.children), W(() => I(t, R("glasshome-widget-content", e.class))), t;
   })();
 }
-var je = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), Be = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), Fe = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
-function Ge(e) {
+var Ke = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), Xe = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), Je = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
+function Qe(e) {
   const t = () => e.entityCount ?? 1;
   return (() => {
-    var i = Fe(), r = i.firstChild;
-    return p(i, k(O, {
+    var i = Je(), r = i.firstChild;
+    return p(i, k(E, {
       get when() {
         return t() >= 2;
       },
       get children() {
-        return je();
+        return Ke();
       }
-    }), r), p(i, k(O, {
+    }), r), p(i, k(E, {
       get when() {
         return t() >= 3;
       },
       get children() {
-        return Be();
+        return Xe();
       }
     }), r), p(r, () => e.icon), W((n) => {
       var o = R("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), u = e.color ? {
         "--widget-icon-color": e.color
       } : void 0;
-      return o !== n.e && P(i, n.e = o), n.t = ae(i, u, n.t), n;
+      return o !== n.e && I(i, n.e = o), n.t = le(i, u, n.t), n;
     }, {
       e: void 0,
       t: void 0
     }), i;
   })();
 }
-var qe = /* @__PURE__ */ x("<p>");
-function Ye(e) {
+var Ze = /* @__PURE__ */ x("<p>");
+function et(e) {
   return (() => {
-    var t = qe();
+    var t = Ze();
     return p(t, (() => {
       var i = T(() => !!e.isUnavailable);
       return () => i() ? "Unavailable" : e.children;
     })()), W((i) => {
-      var r = R("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = Y.ACTIONS;
-      return r !== i.e && P(t, i.e = r), n !== i.t && J(t, "z-index", i.t = n), i;
+      var r = R("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = J.ACTIONS;
+      return r !== i.e && I(t, i.e = r), n !== i.t && ee(t, "z-index", i.t = n), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var Ke = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), Xe = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
-function Je(e) {
+var tt = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), nt = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
+function it(e) {
   return (() => {
-    var t = Xe(), i = t.firstChild;
-    return p(i, () => e.children), p(t, k(O, {
+    var t = nt(), i = t.firstChild;
+    return p(i, () => e.children), p(t, k(E, {
       get when() {
         return T(() => e.badge !== void 0)() && e.badge > 0;
       },
       get children() {
-        var r = Ke();
+        var r = tt();
         return p(r, () => e.badge), r;
       }
     }), null), W((r) => {
-      var n = R("relative flex items-center gap-2", e.class), o = Y.ACTIONS;
-      return n !== r.e && P(t, r.e = n), o !== r.t && J(t, "z-index", r.t = o), r;
+      var n = R("relative flex items-center gap-2", e.class), o = J.ACTIONS;
+      return n !== r.e && I(t, r.e = n), o !== r.t && ee(t, "z-index", r.t = o), r;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-function Qe(e, t = !1) {
+function rt(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -442,15 +472,15 @@ function Qe(e, t = !1) {
     };
   const i = e.length > 1;
   if (!i) {
-    const s = e[0], f = s.state === "on", b = s.attributes?.brightness || 0, C = Math.round(b / 255 * 100);
+    const s = e[0], f = s.state === "on", b = s.attributes?.brightness || 0, S = Math.round(b / 255 * 100);
     return {
       isGroup: !1,
       state: s.state,
       isOn: f,
       isUnavailable: s.state === "unavailable",
       brightness: b,
-      brightnessPercent: C,
-      color: he(s),
+      brightnessPercent: S,
+      color: fe(s),
       onCount: f ? 1 : 0,
       totalCount: 1,
       description: f ? "On" : "Off"
@@ -473,31 +503,31 @@ function Qe(e, t = !1) {
         u++;
         break;
     }
-  const h = e.length, v = u === h, y = o + u === h, g = r > 0, a = r === h, S = n === h;
+  const h = e.length, v = u === h, y = o + u === h, g = r > 0, a = r === h, C = n === h;
   let w, M;
   t ? v ? (w = "unavailable", M = !1) : o > 0 || u > 0 ? (w = "unknown", M = !1) : n > 0 ? (w = "off", M = !1) : (w = "on", M = !0) : v ? (w = "unavailable", M = !1) : y ? (w = "unknown", M = !1) : g ? (w = "on", M = !0) : (w = "off", M = !1);
-  const z = $ > 0 ? Math.round(d / $) : 0, I = Math.round(z / 255 * 100);
-  let j;
+  const O = $ > 0 ? Math.round(d / $) : 0, L = Math.round(O / 255 * 100);
+  let F;
   if (m.length > 0) {
-    const s = Math.round(m.reduce((E, D) => E + D[0], 0) / m.length), f = Math.round(m.reduce((E, D) => E + D[1], 0) / m.length), b = Math.round(m.reduce((E, D) => E + D[2], 0) / m.length), C = z / 255;
-    j = `rgb(${Math.round(s * C)}, ${Math.round(f * C)}, ${Math.round(b * C)})`;
+    const s = Math.round(m.reduce((z, D) => z + D[0], 0) / m.length), f = Math.round(m.reduce((z, D) => z + D[1], 0) / m.length), b = Math.round(m.reduce((z, D) => z + D[2], 0) / m.length), S = O / 255;
+    F = `rgb(${Math.round(s * S)}, ${Math.round(f * S)}, ${Math.round(b * S)})`;
   } else
-    j = he(e[0]);
+    F = fe(e[0]);
   let H;
-  return a ? H = "All on" : S ? H = "All off" : r > 0 ? H = `${r} of ${h} on` : H = "Off", {
+  return a ? H = "All on" : C ? H = "All off" : r > 0 ? H = `${r} of ${h} on` : H = "Off", {
     isGroup: i,
     state: w,
     isOn: M,
     isUnavailable: w === "unavailable",
-    brightness: z,
-    brightnessPercent: I,
-    color: j,
+    brightness: O,
+    brightnessPercent: L,
+    color: F,
     onCount: r,
     totalCount: h,
     description: H
   };
 }
-function Ze(e, t = "mean", i = !0) {
+function ot(e, t = "mean", i = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -509,14 +539,14 @@ function Ze(e, t = "mean", i = !0) {
   const r = e.length > 1;
   if (!r) {
     const g = e[0], a = Number.parseFloat(g.state);
-    let S = g.state;
-    return Number.isNaN(a) || (S = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
+    let C = g.state;
+    return Number.isNaN(a) || (C = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
       isGroup: !1,
-      state: S,
+      state: C,
       numericValue: Number.isNaN(a) ? null : a,
       isUnavailable: g.state === "unavailable",
       unit: g.unitOfMeasurement ?? void 0,
-      description: S
+      description: C
     };
   }
   const n = [], o = [];
@@ -564,7 +594,7 @@ function Ze(e, t = "mean", i = !0) {
       h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
       break;
     case "median": {
-      const g = [...n].sort((S, w) => S - w), a = Math.floor(g.length / 2);
+      const g = [...n].sort((C, w) => C - w), a = Math.floor(g.length / 2);
       h = g.length % 2 === 0 ? (g[a - 1] + g[a]) / 2 : g[a], v = "Median";
       break;
     }
@@ -581,7 +611,7 @@ function Ze(e, t = "mean", i = !0) {
       h = n.reduce((g, a) => g * a, 1), v = "Product";
       break;
     case "std_dev": {
-      const g = n.reduce((S, w) => S + w, 0) / n.length, a = n.reduce((S, w) => S + (w - g) ** 2, 0) / n.length;
+      const g = n.reduce((C, w) => C + w, 0) / n.length, a = n.reduce((C, w) => C + (w - g) ** 2, 0) / n.length;
       h = Math.sqrt(a), v = "Std Dev";
       break;
     }
@@ -599,7 +629,7 @@ function Ze(e, t = "mean", i = !0) {
     memberValues: o
   };
 }
-function he(e) {
+function fe(e) {
   if (e.state !== "on") return "rgb(100, 100, 100)";
   const i = (e.attributes?.brightness ?? 255) / 255;
   if (e.attributes?.rgb_color) {
@@ -613,7 +643,7 @@ function he(e) {
   }
   return `rgb(${Math.round(255 * i)}, ${Math.round(220 * i)}, ${Math.round(180 * i)})`;
 }
-function et(e) {
+function at(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -623,13 +653,13 @@ function et(e) {
   }
   return !1;
 }
-function Gt(e, t, i) {
+function rn(e, t, i) {
   return e?.attributes ? e.attributes[t] ?? i : i;
 }
-function qt(e) {
-  return e.filter(et).length;
+function on(e) {
+  return e.filter(at).length;
 }
-function tt(e, t, i) {
+function st(e, t, i) {
   const { decimals: r, scale: n = !0 } = {};
   if (typeof e == "string")
     return t ? `${e}${t}` : e;
@@ -640,44 +670,45 @@ function tt(e, t, i) {
   let d;
   return r !== void 0 ? d = o.toFixed(r) : o !== e ? d = o.toFixed(1) : Number.isInteger(e) ? d = e.toString() : d = Number.parseFloat(e.toFixed(2)).toString(), u ? `${d}${u}` : d;
 }
-function nt(e, t) {
+function lt(e, t) {
   return e == null || isNaN(e) ? null : t === "°C" ? e < 10 ? "Cold" : e < 18 ? "Cool" : e < 24 ? "Comfortable" : e < 28 ? "Warm" : "Hot" : t === "°F" ? e < 50 ? "Cold" : e < 64 ? "Cool" : e < 75 ? "Comfortable" : e < 82 ? "Warm" : "Hot" : t === "%" ? e < 20 ? "Very Low" : e < 40 ? "Low" : e < 60 ? "Medium" : e < 80 ? "High" : "Very High" : t === "ppm" ? e < 400 ? "Excellent" : e < 600 ? "Good" : e < 1e3 ? "Acceptable" : e < 1500 ? "Mediocre" : "Poor" : t === "lx" ? e < 50 ? "Dark" : e < 200 ? "Dim" : e < 500 ? "Moderate" : e < 1e3 ? "Bright" : "Very Bright" : t === "AQI" ? e <= 50 ? "Good" : e <= 100 ? "Moderate" : e <= 150 ? "Unhealthy for Sensitive" : e <= 200 ? "Unhealthy" : e <= 300 ? "Very Unhealthy" : "Hazardous" : t === "dB" ? e < 30 ? "Very Quiet" : e < 50 ? "Quiet" : e < 70 ? "Moderate" : e < 85 ? "Loud" : "Very Loud" : null;
 }
-var it = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), rt = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
-function ot(e) {
+var ct = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), dt = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
+function ut(e) {
   return (() => {
-    var t = rt(), i = t.firstChild;
-    return p(i, () => tt(e.value, e.unit)), p(t, k(O, {
+    var t = dt(), i = t.firstChild;
+    return p(i, () => st(e.value, e.unit)), p(t, k(E, {
       get when() {
         return T(() => !!e.interpret)() && typeof e.value == "number";
       },
       get children() {
-        var r = it();
-        return p(r, () => nt(e.value, e.unit)), r;
+        var r = ct();
+        return p(r, () => lt(e.value, e.unit)), r;
       }
-    }), null), W(() => P(t, R("flex flex-col", e.class))), t;
+    }), null), W(() => I(t, R("flex flex-col", e.class))), t;
   })();
 }
-var at = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), st = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), lt = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), ct = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), dt = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), ut = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
-function gt(e) {
-  const t = se(Q), [i, r] = V(), n = Se(i);
-  De(() => {
+var gt = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), ht = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), ft = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), mt = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), vt = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), wt = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
+function pt(e) {
+  const t = B(P), [i, r] = V(), n = Me(i);
+  Te(() => {
     const a = i()?.getRootNode();
-    Ne(typeof ShadowRoot < "u" && a instanceof ShadowRoot || typeof Document < "u" && a instanceof Document ? a : void 0);
+    Pe(typeof ShadowRoot < "u" && a instanceof ShadowRoot || typeof Document < "u" && a instanceof Document ? a : void 0);
   });
   const o = {
     isEditMode: () => e.isEditMode ?? !1,
     updateConfig: t?.updateConfig ?? (() => {
     }),
     registerDialogOpener: t?.registerDialogOpener,
+    callService: t?.callService,
     dimensions: () => ({
       width: n.width ?? 0,
       height: n.height ?? 0
     })
-  }, u = U(() => {
+  }, u = j(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? He(e.variant) : e.variant;
-  }), d = U(() => ({
+      return typeof e.variant == "string" ? Be(e.variant) : e.variant;
+  }), d = j(() => ({
     "container-type": "size",
     "container-name": "widget",
     "touch-action": e.gestures && !e.isEditMode ? e.gestures.touchAction() : void 0,
@@ -706,15 +737,15 @@ function gt(e) {
   }, g = (a) => {
     $() && e.gestures?.onPointerCancel(a);
   };
-  return k(Q.Provider, {
+  return k(P.Provider, {
     value: o,
     get children() {
-      var a = at(), S = a.firstChild;
-      return G(a, "pointercancel", g), G(a, "pointerup", y), G(a, "pointermove", v), G(a, "pointerdown", h), G(a, "pointerenter", m), ke((w) => {
+      var a = gt(), C = a.firstChild;
+      return K(a, "pointercancel", g), K(a, "pointerup", y), K(a, "pointermove", v), K(a, "pointerdown", h), K(a, "pointerenter", m), Se((w) => {
         r(w), e.gestures?.bindElement(w);
-      }, a), p(S, (() => {
+      }, a), p(C, (() => {
         var w = T(() => !!e.emptyState);
-        return () => w() ? k(ht, {
+        return () => w() ? k(bt, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -728,12 +759,12 @@ function gt(e) {
       })()), p(a, (() => {
         var w = T(() => !!e.loading);
         return () => w() && (() => {
-          var M = st();
-          return W((z) => J(M, "z-index", Y.OVERLAY)), M;
+          var M = ht();
+          return W((O) => ee(M, "z-index", J.OVERLAY)), M;
         })();
       })(), null), W((w) => {
-        var M = R("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", u()?.styles?.class, e.class), z = d(), I = Y.CONTENT;
-        return M !== w.e && P(a, w.e = M), w.t = ae(a, z, w.t), I !== w.a && J(S, "z-index", w.a = I), w;
+        var M = R("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", u()?.styles?.class, e.class), O = d(), L = J.CONTENT;
+        return M !== w.e && I(a, w.e = M), w.t = le(a, O, w.t), L !== w.a && ee(C, "z-index", w.a = L), w;
       }, {
         e: void 0,
         t: void 0,
@@ -742,60 +773,60 @@ function gt(e) {
     }
   });
 }
-function ht(e) {
+function bt(e) {
   return (() => {
-    var t = lt();
+    var t = ft();
     return p(t, (() => {
       var i = T(() => !!e.icon);
       return () => i() && (() => {
-        var r = ct();
+        var r = mt();
         return p(r, () => e.icon), r;
       })();
     })(), null), p(t, (() => {
       var i = T(() => !!e.title);
       return () => i() && (() => {
-        var r = dt();
+        var r = vt();
         return p(r, () => e.title), r;
       })();
     })(), null), p(t, (() => {
       var i = T(() => !!e.message);
       return () => i() && (() => {
-        var r = ut();
+        var r = wt();
         return p(r, () => e.message), r;
       })();
     })(), null), t;
   })();
 }
-const B = gt;
-B.Content = Ue;
-B.Icon = Ge;
-B.Title = Je;
-B.Status = Ye;
-B.Value = ot;
-B.SliderFill = Ie;
-var ft = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), mt = /* @__PURE__ */ x("<button type=button>"), vt = /* @__PURE__ */ x('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z">'), wt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No edit options available'), pt = /* @__PURE__ */ x('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>'), bt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), xt = /* @__PURE__ */ x('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="m8 2 1.88 1.88"></path><path d="M14.12 3.88 16 2"></path><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"></path><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"></path><path d="M12 20v-9"></path><path d="M6.53 9C4.6 8.8 3 7.1 3 5"></path><path d="M6 13H2"></path><path d="M3 21c0-2.1 1.7-3.9 3.8-4"></path><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"></path><path d="M22 13h-4"></path><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4">'), yt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No debug information available'), $t = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), kt = /* @__PURE__ */ x('<div class="flex items-center gap-2"><div class="flex h-8 items-center rounded-lg border border-border/50 bg-muted/30 p-0.5">'), Ct = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), St = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function Mt(e) {
+const q = pt;
+q.Content = Ye;
+q.Icon = Qe;
+q.Title = it;
+q.Status = et;
+q.Value = ut;
+q.SliderFill = Ge;
+var xt = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), yt = /* @__PURE__ */ x("<button type=button>"), $t = /* @__PURE__ */ x('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z">'), kt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No edit options available'), St = /* @__PURE__ */ x('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>'), Ct = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), Mt = /* @__PURE__ */ x('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="m8 2 1.88 1.88"></path><path d="M14.12 3.88 16 2"></path><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"></path><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"></path><path d="M12 20v-9"></path><path d="M6.53 9C4.6 8.8 3 7.1 3 5"></path><path d="M6 13H2"></path><path d="M3 21c0-2.1 1.7-3.9 3.8-4"></path><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"></path><path d="M22 13h-4"></path><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4">'), Dt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No debug information available'), Tt = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), _t = /* @__PURE__ */ x('<div class="flex items-center gap-2"><div class="flex h-8 items-center rounded-lg border border-border/50 bg-muted/30 p-0.5">'), Ot = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), zt = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
+function Et(e) {
   return (() => {
-    var t = mt();
-    return t.$$click = () => e.onClick(), p(t, k(O, {
+    var t = yt();
+    return t.$$click = () => e.onClick(), p(t, k(E, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var i = ft();
+        var i = xt();
         return p(i, () => e.icon), i;
       }
-    }), null), p(t, () => e.label, null), W(() => P(t, R("flex cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-xs transition-all duration-300 ease-in-out", e.isActive ? "gap-1.5 bg-foreground/10 font-semibold text-foreground shadow-sm" : "gap-0 text-muted-foreground hover:bg-foreground/5 hover:text-foreground"))), t;
+    }), null), p(t, () => e.label, null), W(() => I(t, R("flex cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-xs transition-all duration-300 ease-in-out", e.isActive ? "gap-1.5 bg-foreground/10 font-semibold text-foreground shadow-sm" : "gap-0 text-muted-foreground hover:bg-foreground/5 hover:text-foreground"))), t;
   })();
 }
-function Yt(e) {
-  const [t] = Te(e, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "activeTab", "onActiveTabChange", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = V({}), [o, u] = V(null);
-  oe(ue(() => t.config, (c) => {
+function an(e) {
+  const [t] = _e(e, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "activeTab", "onActiveTabChange", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = V({}), [o, u] = V(null);
+  se(ge(() => t.config, (c) => {
     c && n({
       ...c
     });
-  })), oe(ue(() => t.configSchema, (c) => {
-    c && u(fe(c));
+  })), se(ge(() => t.configSchema, (c) => {
+    c && u(me(c));
   }));
   const d = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), $ = (c) => {
     !c && t.config && n({
@@ -816,13 +847,13 @@ function Yt(e) {
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
     }[c];
-  }, S = () => {
+  }, C = () => {
     if (t.tabs) return t.tabs;
     const c = [];
     return c.push({
       id: "edit",
       label: "Edit",
-      icon: vt(),
+      icon: $t(),
       content: t.editContent ?? (i() && o() ? k(b, {
         get schema() {
           return o();
@@ -831,17 +862,17 @@ function Yt(e) {
           return r();
         },
         onChange: n
-      }) : wt())
+      }) : kt())
     }), c.push({
       id: "controls",
       label: "Controls",
-      icon: pt(),
-      content: t.controlsContent ?? bt()
+      icon: St(),
+      content: t.controlsContent ?? Ct()
     }), c.push({
       id: "debug",
       label: "Debug",
-      icon: xt(),
-      content: t.debugContent ?? yt()
+      icon: Mt(),
+      content: t.debugContent ?? Dt()
     }), c;
   }, w = async () => {
     if (t.debugData !== void 0)
@@ -851,25 +882,25 @@ function Yt(e) {
       } catch {
       }
   }, M = () => {
-    const c = S();
+    const c = C();
     return c.find((N) => N.id === y())?.content ?? c[0]?.content;
-  }, z = t.ResponsiveDialog, I = t.ResponsiveDialogContent, j = t.ResponsiveDialogHeader, H = t.ResponsiveDialogTitle, s = t.ResponsiveDialogDescription, f = t.Button, b = t.SchemaForm, C = (c) => i() ? $(c) : t.onOpenChange(c), E = () => i() ? d() : t.hasUnsavedChanges, D = () => i() ? m : t.onSave;
-  return k(z, {
+  }, O = t.ResponsiveDialog, L = t.ResponsiveDialogContent, F = t.ResponsiveDialogHeader, H = t.ResponsiveDialogTitle, s = t.ResponsiveDialogDescription, f = t.Button, b = t.SchemaForm, S = (c) => i() ? $(c) : t.onOpenChange(c), z = () => i() ? d() : t.hasUnsavedChanges, D = () => i() ? m : t.onSave;
+  return k(O, {
     get open() {
       return t.open;
     },
-    onOpenChange: (c) => C(c),
+    onOpenChange: (c) => S(c),
     get children() {
-      return k(I, {
+      return k(L, {
         get class() {
           return R(a(), t.class);
         },
         get children() {
-          return [k(j, {
+          return [k(F, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var c = $t();
+                var c = Tt();
                 return p(c, k(H, {
                   class: "truncate leading-tight",
                   get children() {
@@ -880,8 +911,8 @@ function Yt(e) {
                   children: "Widget configuration dialog"
                 }), null), c;
               })(), (() => {
-                var c = kt(), F = c.firstChild;
-                return p(F, () => S().map((N) => k(Mt, {
+                var c = _t(), Y = c.firstChild;
+                return p(Y, () => C().map((N) => k(Et, {
                   get icon() {
                     return N.icon;
                   },
@@ -892,7 +923,7 @@ function Yt(e) {
                     return y() === N.id;
                   },
                   onClick: () => g(N.id)
-                }))), p(c, k(O, {
+                }))), p(c, k(E, {
                   get when() {
                     return t.headerActions;
                   },
@@ -903,15 +934,15 @@ function Yt(e) {
               })()];
             }
           }), (() => {
-            var c = Ct();
+            var c = Ot();
             return p(c, M), c;
-          })(), k(O, {
+          })(), k(E, {
             get when() {
               return T(() => y() === "edit")() && (D() || t.onDelete) || y() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var c = St();
-              return p(c, k(O, {
+              var c = zt();
+              return p(c, k(E, {
                 get when() {
                   return T(() => y() === "edit")() && t.onDelete;
                 },
@@ -923,7 +954,7 @@ function Yt(e) {
                     children: "Delete"
                   });
                 }
-              }), null), p(c, k(O, {
+              }), null), p(c, k(E, {
                 get when() {
                   return T(() => y() === "edit")() && D();
                 },
@@ -931,13 +962,13 @@ function Yt(e) {
                   return k(f, {
                     size: "sm",
                     get disabled() {
-                      return !E();
+                      return !z();
                     },
                     onClick: () => D()?.(),
                     children: "Save"
                   });
                 }
-              }), null), p(c, k(O, {
+              }), null), p(c, k(E, {
                 get when() {
                   return T(() => y() === "debug")() && t.debugData !== void 0;
                 },
@@ -958,29 +989,29 @@ function Yt(e) {
   });
 }
 Ce(["click"]);
-function Kt(e) {
+function sn(e) {
   if (typeof IntersectionObserver > "u")
     return () => !1;
   const [t, i] = V(!1), r = new IntersectionObserver((n) => {
     const o = n[0];
     o && i(!o.isIntersecting);
   });
-  return oe(() => {
+  return se(() => {
     const n = e();
     r.disconnect(), n && r.observe(n);
-  }), le(() => r.disconnect()), t;
+  }), ce(() => r.disconnect()), t;
 }
-function Xt() {
+function ln() {
   if (typeof window > "u" || typeof window.matchMedia != "function")
     return () => !1;
   const e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, i] = V(e.matches), r = (n) => i(n.matches);
-  return e.addEventListener("change", r), le(() => e.removeEventListener("change", r)), t;
+  return e.addEventListener("change", r), ce(() => e.removeEventListener("change", r)), t;
 }
-function Jt(e = "controls") {
+function cn(e = "controls") {
   const [t, i] = V(!1), [r, n] = V(e), o = (d) => {
     n(d ?? e), i(!0);
-  }, u = se(Q);
-  return u?.registerDialogOpener?.(o), le(() => u?.registerDialogOpener?.(null)), {
+  }, u = B(P);
+  return u?.registerDialogOpener?.(o), ce(() => u?.registerDialogOpener?.(null)), {
     showDialog: t,
     setShowDialog: i,
     openDialog: o,
@@ -999,19 +1030,19 @@ function Jt(e = "controls") {
     }
   };
 }
-function Qt(e) {
-  const t = e.minEntities ?? 1, i = U(() => e.entities().length), r = U(() => i() >= t), n = U(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), o = U(() => {
+function dn(e) {
+  const t = e.minEntities ?? 1, i = j(() => e.entities().length), r = j(() => i() >= t), n = j(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), o = j(() => {
     if (!r()) return;
     const d = e.aggregationMode?.();
     if (!d || d === "none") return;
     const $ = e.entities();
     if (d === "light" || d === "binary-sensor" || d === "switch")
-      return Qe($, e.allEntitiesMode);
+      return rt($, e.allEntitiesMode);
     if (d === "sensor") {
       const m = e.sensorGroupType?.() ?? "mean";
-      return Ze($, m, !0);
+      return ot($, m, !0);
     }
-  }), u = U(() => r() ? void 0 : e.emptyStateConfig);
+  }), u = j(() => r() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: n,
@@ -1021,40 +1052,40 @@ function Qt(e) {
     count: i
   };
 }
-const q = 32, l = q / 2, _ = "white", Z = "rgba(0,0,0,0.4)", ce = 2, ee = 3;
-function Dt(e) {
+const X = 32, l = X / 2, _ = "white", te = "rgba(0,0,0,0.4)", de = 2, ne = 3;
+function Nt(e) {
   return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
-function te(e) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${q}" height="${q}" viewBox="0 0 ${q} ${q}">${e}</svg>`;
+function ie(e) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${X}" height="${X}" viewBox="0 0 ${X} ${X}">${e}</svg>`;
 }
-const Tt = te(`
+const At = ie(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${Z}" stroke-width="${ee}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10 8V3a2 2 0 0 1 4 0v10l4.5-4.5a2 2 0 0 1 2.83 2.83L14 18.5c-2 2-4 3.5-8 3.5-3 0-5-2-5-5v-6a2 2 0 0 1 4 0v2"/>
     </g>
     <!-- main -->
-    <g stroke="${_}" stroke-width="${ce}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${_}" stroke-width="${de}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10 8V3a2 2 0 0 1 4 0v10l4.5-4.5a2 2 0 0 1 2.83 2.83L14 18.5c-2 2-4 3.5-8 3.5-3 0-5-2-5-5v-6a2 2 0 0 1 4 0v2"/>
     </g>
   </g>
-`), _t = te(`
+`), Vt = ie(`
   <g>
-    <circle cx="${l}" cy="${l}" r="8" stroke="${Z}" stroke-width="${ee}" fill="none"/>
+    <circle cx="${l}" cy="${l}" r="8" stroke="${te}" stroke-width="${ne}" fill="none"/>
     <circle cx="${l}" cy="${l}" r="8" stroke="${_}" stroke-width="1.5" fill="none"/>
     <circle cx="${l}" cy="${l}" r="1.5" fill="${_}"/>
   </g>
-`), zt = te(`
+`), Wt = ie(`
   <g>
     <!-- shadow -->
-    <g stroke="${Z}" stroke-width="${ee}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${l}" x2="26" y2="${l}"/>
       <polyline points="10,${l - 4} 6,${l} 10,${l + 4}"/>
       <polyline points="22,${l - 4} 26,${l} 22,${l + 4}"/>
     </g>
     <!-- main -->
-    <g stroke="${_}" stroke-width="${ce}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${_}" stroke-width="${de}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${l}" x2="26" y2="${l}"/>
       <polyline points="10,${l - 4} 6,${l} 10,${l + 4}"/>
       <polyline points="22,${l - 4} 26,${l} 22,${l + 4}"/>
@@ -1064,16 +1095,16 @@ const Tt = te(`
     <circle cx="${l - 5}" cy="${l}" r="1" fill="${_}" opacity="0.6"/>
     <circle cx="${l + 5}" cy="${l}" r="1" fill="${_}" opacity="0.6"/>
   </g>
-`), Et = te(`
+`), Rt = ie(`
   <g>
     <!-- shadow -->
-    <g stroke="${Z}" stroke-width="${ee}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${l}" y1="6" x2="${l}" y2="26"/>
       <polyline points="${l - 4},10 ${l},6 ${l + 4},10"/>
       <polyline points="${l - 4},22 ${l},26 ${l + 4},22"/>
     </g>
     <!-- main -->
-    <g stroke="${_}" stroke-width="${ce}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${_}" stroke-width="${de}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${l}" y1="6" x2="${l}" y2="26"/>
       <polyline points="${l - 4},10 ${l},6 ${l + 4},10"/>
       <polyline points="${l - 4},22 ${l},26 ${l + 4},22"/>
@@ -1084,60 +1115,60 @@ const Tt = te(`
     <circle cx="${l}" cy="${l + 5}" r="1" fill="${_}" opacity="0.6"/>
   </g>
 `);
-function X(e, t, i) {
-  return { css: `${Dt(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
-}
-const L = {
-  tap: X(Tt, 12, 4),
-  hold: X(_t, 16, 16),
-  slideHorizontal: X(zt, l, l),
-  slideVertical: X(Et, l, l)
+function Z(e, t, i) {
+  return { css: `${Nt(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
+}
+const U = {
+  tap: Z(At, 12, 4),
+  hold: Z(Vt, 16, 16),
+  slideHorizontal: Z(Wt, l, l),
+  slideVertical: Z(Rt, l, l)
 };
-function ie() {
+function oe() {
   if (typeof window > "u") return null;
   const e = window;
   return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function re(e) {
+function ae(e) {
   if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
     try {
       navigator.vibrate(e);
     } catch {
     }
 }
-const Ot = {
+const Ht = {
   /** Light confirmation — fires when slide gesture arms after user holds still. */
   tick() {
-    const e = ie();
+    const e = oe();
     if (e) {
       e.impact({ style: "Light" }).catch(() => {
       });
       return;
     }
-    re(8);
+    ae(8);
   },
   /** Medium bump — fires when hold gesture commits (detail opening). */
   bump() {
-    const e = ie();
+    const e = oe();
     if (e) {
       e.impact({ style: "Medium" }).catch(() => {
       });
       return;
     }
-    re(20);
+    ae(20);
   },
   /** Stronger pulse — reserved for edit-mode pickup (future use). */
   pulse() {
-    const e = ie();
+    const e = oe();
     if (e) {
       e.impact({ style: "Heavy" }).catch(() => {
       });
       return;
     }
-    re([0, 15, 40, 15]);
+    ae([0, 15, 40, 15]);
   }
 };
-function Zt(e, t) {
+function un(e, t) {
   const n = {
     isDown: !1,
     isTouch: !1,
@@ -1155,8 +1186,8 @@ function Zt(e, t) {
     s !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
       const b = f[0];
       if (b) {
-        const C = b.borderBoxSize?.[0];
-        C ? o = { width: C.inlineSize, height: C.blockSize } : o = { width: b.contentRect.width, height: b.contentRect.height }, m(o.height > o.width);
+        const S = b.borderBoxSize?.[0];
+        S ? o = { width: S.inlineSize, height: S.blockSize } : o = { width: b.contentRect.width, height: b.contentRect.height }, m(o.height > o.width);
       }
     }), u = s, d.observe(s), o = { width: s.clientWidth, height: s.clientHeight }, m(o.height > o.width));
   }
@@ -1173,7 +1204,7 @@ function Zt(e, t) {
       if (n.isDown = !0, n.isTouch = s.pointerType === "touch", n.element = s.currentTarget, h(n.element), n.startX = s.clientX, n.startY = s.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, f.hold) {
         const b = f.hold.delay ?? 300;
         n.holdTimer = setTimeout(() => {
-          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Ot.bump(), f.hold?.action(), n.isDown = !1);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Ht.bump(), f.hold?.action(), n.isDown = !1);
         }, b);
       }
       if (!n.isTouch && f.slide)
@@ -1182,22 +1213,22 @@ function Zt(e, t) {
         } catch {
         }
     }
-  }, S = (s) => {
+  }, C = (s) => {
     if (!n.isDown) return;
-    const f = e(), b = s.clientX - n.startX, C = s.clientY - n.startY;
-    if (Math.sqrt(b * b + C * C) > 10 && (v(), n.hasMoved = !0), f.slide && n.hasMoved) {
+    const f = e(), b = s.clientX - n.startX, S = s.clientY - n.startY;
+    if (Math.sqrt(b * b + S * S) > 10 && (v(), n.hasMoved = !0), f.slide && n.hasMoved) {
       const D = s.currentTarget, c = g(D);
       if (n.isTouch && !n.sliding) {
-        const ye = Math.abs(c === "vertical" ? C : b), $e = Math.abs(c === "vertical" ? b : C);
-        if (ye < $e) return;
+        const $e = Math.abs(c === "vertical" ? S : b), ke = Math.abs(c === "vertical" ? b : S);
+        if ($e < ke) return;
       }
       n.sliding = !0;
-      const F = f.slide.min ?? 0, N = f.slide.max ?? 100, ve = N - F, we = c === "vertical" ? -C : b, de = o ?? { width: D.clientWidth, height: D.clientHeight }, pe = c === "vertical" ? de.height : de.width, be = we / pe * ve, xe = Math.max(F, Math.min(N, f.slide.value + be));
-      f.slide.onChange(Math.round(xe)), n.startX = s.clientX, n.startY = s.clientY, s.preventDefault();
+      const Y = f.slide.min ?? 0, N = f.slide.max ?? 100, we = N - Y, pe = c === "vertical" ? -S : b, ue = o ?? { width: D.clientWidth, height: D.clientHeight }, be = c === "vertical" ? ue.height : ue.width, xe = pe / be * we, ye = Math.max(Y, Math.min(N, f.slide.value + xe));
+      f.slide.onChange(Math.round(ye)), n.startX = s.clientX, n.startY = s.clientY, s.preventDefault();
     }
   }, w = (s) => {
-    const f = e(), b = n.isDown, C = Date.now() - n.startTime, E = f.hold?.delay ?? 300;
-    v(), b && f.tap && !n.hasMoved && C < E && f.tap();
+    const f = e(), b = n.isDown, S = Date.now() - n.startTime, z = f.hold?.delay ?? 300;
+    v(), b && f.tap && !n.hasMoved && S < z && f.tap();
     try {
       s.currentTarget.releasePointerCapture(s.pointerId);
     } catch {
@@ -1210,22 +1241,22 @@ function Zt(e, t) {
     } catch {
     }
     y();
-  }, z = (s) => {
+  }, O = (s) => {
     const f = e();
     if (f.slide) {
       const b = f.slide.orientation;
-      return b === "horizontal" ? L.slideHorizontal.css : b === "vertical" ? L.slideVertical.css : (o || h(s), o && o.height > o.width ? L.slideVertical.css : L.slideHorizontal.css);
+      return b === "horizontal" ? U.slideHorizontal.css : b === "vertical" ? U.slideVertical.css : (o || h(s), o && o.height > o.width ? U.slideVertical.css : U.slideHorizontal.css);
     }
-    return f.tap ? L.tap.css : f.hold ? L.hold.css : "";
+    return f.tap ? U.tap.css : f.hold ? U.hold.css : "";
   };
   return {
     onPointerDown: a,
-    onPointerMove: S,
+    onPointerMove: C,
     onPointerUp: w,
     onPointerCancel: M,
     onPointerEnter: (s) => {
       const f = s.currentTarget;
-      n.element = f, f.style.cursor = z(f);
+      n.element = f, f.style.cursor = O(f);
     },
     bindElement: (s) => {
       s && (n.element = s, h(s));
@@ -1243,7 +1274,7 @@ function Zt(e, t) {
     }
   };
 }
-const Nt = {
+const Pt = {
   solar: "oklch(0.74 0.18 60)",
   grid: "oklch(0.62 0.12 245)",
   battery: "oklch(0.70 0.18 145)",
@@ -1253,23 +1284,23 @@ const Nt = {
   // Fault red-orange; used only for faults, never normal consumption.
   negative: "oklch(0.64 0.22 27)"
 };
-function At(e) {
+function It(e) {
   return {
     fill: `color-mix(in oklch, ${e} 20%, transparent)`,
     stroke: e,
     solid: e
   };
 }
-const en = Object.fromEntries(
-  Object.entries(Nt).map(([e, t]) => [e, At(t)])
-), tn = A.enum([
+const gn = Object.fromEntries(
+  Object.entries(Pt).map(([e, t]) => [e, It(t)])
+), hn = A.enum([
   "success",
   "warning",
   "danger",
   "info",
   "neutral",
   "accent"
-]), nn = {
+]), fn = {
   /** Optional display name override (renders as text input) */
   title: () => A.string().optional().meta({ title: "Title", description: "Optional display name override" }),
   /** Multi-select entity picker for a HA domain */
@@ -1279,7 +1310,7 @@ const en = Object.fromEntries(
   /** Area picker dropdown */
   areaId: () => A.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-function rn(e) {
+function mn(e) {
   if (e.length < 2) return "";
   const t = e[0], i = e[1];
   if (!t || !i) return "";
@@ -1306,67 +1337,68 @@ function rn(e) {
   }
   return $;
 }
-function on() {
+function vn() {
   return document.documentElement.classList.contains("dark");
 }
-const Vt = "1.0.0", Wt = {
-  version: Vt
-}, an = Wt.version;
+const Lt = "1.1.0", Ut = {
+  version: Lt
+}, wn = Ut.version;
 export {
-  an as SDK_VERSION,
-  tn as ToneSchema,
-  B as Widget,
-  Ue as WidgetContent,
-  Q as WidgetCtx,
-  Yt as WidgetDialog,
-  Ge as WidgetIcon,
-  cn as WidgetManifestSchema,
-  Ie as WidgetSliderFill,
-  Ye as WidgetStatus,
-  Je as WidgetTitle,
-  ot as WidgetValue,
-  gn as byDomain,
-  Qe as calculateLightGroup,
-  Ze as calculateSensorGroup,
-  qt as countActiveEntities,
-  Bt as defineWidget,
-  dn as formatSchemaError,
-  Gt as getEntityAttribute,
-  En as getForecasts,
-  On as getStream,
-  Nn as getWebRtcClientConfig,
-  Ne as injectTokens,
-  on as isDark,
-  et as isEntityActive,
-  rn as monotoneCubicPath,
-  An as sendWebRtcCandidate,
-  Vn as startWebRtcSession,
-  Wn as state,
-  en as svgColors,
-  Rn as trackEntityHistory,
-  Hn as untrackEntityHistory,
-  hn as useArea,
-  fn as useCamera,
-  mn as useConnection,
-  vn as useCurrency,
-  wn as useEntities,
-  pn as useEntity,
-  bn as useEntityHistory,
-  xn as useEntityStatistics,
-  yn as useForecast,
-  $n as useHassConfig,
-  Kt as useIntersectionPause,
-  kn as useLocale,
-  Xt as useReducedMotion,
-  Cn as useService,
-  Sn as useStore,
-  Mn as useTemperatureUnit,
-  Dn as useToggle,
-  Tn as useTurnOn,
-  _n as useUnitSystem,
-  Ft as useWidgetContext,
-  Jt as useWidgetDialog,
-  Qt as useWidgetEntityGroup,
-  Zt as useWidgetGestures,
-  nn as widgetFields
+  wn as SDK_VERSION,
+  hn as ToneSchema,
+  q as Widget,
+  Ye as WidgetContent,
+  P as WidgetCtx,
+  an as WidgetDialog,
+  Qe as WidgetIcon,
+  xn as WidgetManifestSchema,
+  Ge as WidgetSliderFill,
+  et as WidgetStatus,
+  it as WidgetTitle,
+  ut as WidgetValue,
+  kn as byDomain,
+  rt as calculateLightGroup,
+  ot as calculateSensorGroup,
+  on as countActiveEntities,
+  Jt as defineWidget,
+  yn as formatSchemaError,
+  rn as getEntityAttribute,
+  Pn as getForecasts,
+  In as getStream,
+  Ln as getWebRtcClientConfig,
+  Pe as injectTokens,
+  vn as isDark,
+  at as isEntityActive,
+  mn as monotoneCubicPath,
+  Un as sendWebRtcCandidate,
+  jn as startWebRtcSession,
+  Bn as state,
+  gn as svgColors,
+  Fn as trackEntityHistory,
+  Gn as untrackEntityHistory,
+  Sn as useArea,
+  Cn as useCamera,
+  Mn as useConnection,
+  Dn as useCurrency,
+  Tn as useEntities,
+  _n as useEntity,
+  On as useEntityHistory,
+  zn as useEntityStatistics,
+  En as useForecast,
+  Nn as useHassConfig,
+  sn as useIntersectionPause,
+  An as useLocale,
+  ln as useReducedMotion,
+  Zt as useService,
+  Vn as useStore,
+  Wn as useTemperatureUnit,
+  nn as useToggle,
+  tn as useTurnOff,
+  en as useTurnOn,
+  Rn as useUnitSystem,
+  Qt as useWidgetContext,
+  cn as useWidgetDialog,
+  dn as useWidgetEntityGroup,
+  un as useWidgetGestures,
+  fn as widgetFields
 };