@glasshome/widget-sdk 0.5.2 → 1.1.0

package/dist/index.js

@@ -1,11 +1,14 @@
 import { z as A } from "zod";
-import { WidgetManifestSchema as an, formatSchemaError as sn } from "./schemas.js";
-import { effect as W, className as R, style as oe, template as x, insert as b, createComponent as k, memo as T, setStyleProperty as X, addEventListener as G, use as xe, delegateEvents as ye } from "solid-js/web";
-import { createElementSize as $e } from "@solid-primitives/resize-observer";
-import { createContext as ke, useContext as ae, Show as E, onMount as Ce, createSignal as V, createMemo as L, splitProps as Se, createEffect as re, on as de, onCleanup as se } from "solid-js";
-import { clsx as Me } from "clsx";
-import { twMerge as De } from "tailwind-merge";
-function ge(e) {
+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 { 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);
@@ -13,17 +16,53 @@ function ge(e) {
     }
   });
 }
-function Te(e) {
+function We(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-function jt(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = ge(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Te(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 Y = {
+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 });
+}
+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) */
@@ -32,14 +71,7 @@ const Y = {
   OVERLAY: 20,
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
-}, J = ke();
-function Lt() {
-  const e = ae(J);
-  if (!e)
-    throw new Error("useWidgetContext must be used within a Widget component");
-  return e;
-}
-const _e = `/* 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 +
@@ -211,22 +243,34 @@ const _e = `/* Authoritative SDK CSS contract. Injected once on first Widget mou
   }
 }
 `;
-let te = !1;
-function ze(e) {
-  if (te) return;
+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 (he.has(e)) return;
+    const r = He();
+    e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]), he.add(e);
+    return;
+  }
+  if (re) return;
   const t = e ?? (typeof document > "u" ? void 0 : document);
   if (!t) return;
   if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-    te = !0;
+    re = !0;
     return;
   }
   const i = t.createElement("style");
-  i.setAttribute("data-glasshome-tokens", ""), i.textContent = _e, t.head.appendChild(i), te = !0;
+  i.setAttribute("data-glasshome-tokens", ""), i.textContent = ve, t.head.appendChild(i), re = !0;
 }
-function P(...e) {
-  return De(Me(e));
+function R(...e) {
+  return ze(Oe(e));
 }
-const Oe = {
+const Ie = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -254,7 +298,7 @@ const Oe = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Ee = {
+}, Le = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -283,7 +327,7 @@ const Oe = {
     active: !1,
     focus: !0
   }
-}, Ne = {
+}, Ue = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -311,108 +355,108 @@ const Oe = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Ae = {
-  "classic-glass": Oe,
-  minimal: Ee,
-  "compact-horizontal": Ne
+}, je = {
+  "classic-glass": Ie,
+  minimal: Le,
+  "compact-horizontal": Ue
 };
-function Ve(e) {
-  return Ae[e];
+function Be(e) {
+  return je[e];
 }
-var We = /* @__PURE__ */ x("<div>");
-function Pe(e) {
+var Fe = /* @__PURE__ */ x("<div>");
+function Ge(e) {
   return (() => {
-    var t = We();
+    var t = Fe();
     return W((i) => {
-      var r = P("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), n = {
+      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 && R(t, i.e = r), i.t = oe(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 He = /* @__PURE__ */ x("<div>");
-function Re(e) {
+var qe = /* @__PURE__ */ x("<div>");
+function Ye(e) {
   return (() => {
-    var t = He();
-    return b(t, () => e.children), W(() => R(t, P("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 Ie = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), je = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), Le = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
-function Be(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 = Le(), r = i.firstChild;
-    return b(i, k(E, {
+    var i = Je(), r = i.firstChild;
+    return p(i, k(E, {
       get when() {
         return t() >= 2;
       },
       get children() {
-        return Ie();
+        return Ke();
       }
-    }), r), b(i, k(E, {
+    }), r), p(i, k(E, {
       get when() {
         return t() >= 3;
       },
       get children() {
-        return je();
+        return Xe();
       }
-    }), r), b(r, () => e.icon), W((n) => {
-      var o = P("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 ? {
+    }), 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 && R(i, n.e = o), n.t = oe(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 Ue = /* @__PURE__ */ x("<p>");
-function Fe(e) {
+var Ze = /* @__PURE__ */ x("<p>");
+function et(e) {
   return (() => {
-    var t = Ue();
-    return b(t, (() => {
+    var t = Ze();
+    return p(t, (() => {
       var i = T(() => !!e.isUnavailable);
       return () => i() ? "Unavailable" : e.children;
     })()), W((i) => {
-      var r = P("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = Y.ACTIONS;
-      return r !== i.e && R(t, i.e = r), n !== i.t && X(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 Ge = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), qe = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
-function Ye(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 = qe(), i = t.firstChild;
-    return b(i, () => e.children), b(t, k(E, {
+    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 = Ge();
-        return b(r, () => e.badge), r;
+        var r = tt();
+        return p(r, () => e.badge), r;
       }
     }), null), W((r) => {
-      var n = P("relative flex items-center gap-2", e.class), o = Y.ACTIONS;
-      return n !== r.e && R(t, r.e = n), o !== r.t && X(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 Ke(e, t = !1) {
+function rt(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -428,15 +472,15 @@ function Ke(e, t = !1) {
     };
   const i = e.length > 1;
   if (!i) {
-    const a = e[0], f = a.state === "on", p = a.attributes?.brightness || 0, C = Math.round(p / 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: a.state,
+      state: s.state,
       isOn: f,
-      isUnavailable: a.state === "unavailable",
-      brightness: p,
-      brightnessPercent: C,
-      color: ue(a),
+      isUnavailable: s.state === "unavailable",
+      brightness: b,
+      brightnessPercent: S,
+      color: fe(s),
       onCount: f ? 1 : 0,
       totalCount: 1,
       description: f ? "On" : "Off"
@@ -444,10 +488,10 @@ function Ke(e, t = !1) {
   }
   let r = 0, n = 0, o = 0, u = 0, d = 0, $ = 0;
   const m = [];
-  for (const a of e)
-    switch (a.state) {
+  for (const s of e)
+    switch (s.state) {
       case "on":
-        r++, a.attributes?.brightness !== void 0 && (d += a.attributes.brightness, $++), a.attributes?.rgb_color && m.push(a.attributes.rgb_color);
+        r++, s.attributes?.brightness !== void 0 && (d += s.attributes.brightness, $++), s.attributes?.rgb_color && m.push(s.attributes.rgb_color);
         break;
       case "off":
         n++;
@@ -459,31 +503,31 @@ function Ke(e, t = !1) {
         u++;
         break;
     }
-  const h = e.length, v = u === h, y = o + u === h, g = r > 0, s = 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 B;
+  const O = $ > 0 ? Math.round(d / $) : 0, L = Math.round(O / 255 * 100);
+  let F;
   if (m.length > 0) {
-    const a = Math.round(m.reduce((O, D) => O + D[0], 0) / m.length), f = Math.round(m.reduce((O, D) => O + D[1], 0) / m.length), p = Math.round(m.reduce((O, D) => O + D[2], 0) / m.length), C = z / 255;
-    B = `rgb(${Math.round(a * C)}, ${Math.round(f * C)}, ${Math.round(p * 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
-    B = ue(e[0]);
+    F = fe(e[0]);
   let H;
-  return s ? 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: B,
+    brightness: O,
+    brightnessPercent: L,
+    color: F,
     onCount: r,
     totalCount: h,
     description: H
   };
 }
-function Xe(e, t = "mean", i = !0) {
+function ot(e, t = "mean", i = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -494,15 +538,15 @@ function Xe(e, t = "mean", i = !0) {
     };
   const r = e.length > 1;
   if (!r) {
-    const g = e[0], s = Number.parseFloat(g.state);
-    let S = g.state;
-    return Number.isNaN(s) || (S = Number.isInteger(s) ? s.toString() : s.toFixed(1)), {
+    const g = e[0], a = Number.parseFloat(g.state);
+    let C = g.state;
+    return Number.isNaN(a) || (C = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
       isGroup: !1,
-      state: S,
-      numericValue: Number.isNaN(s) ? null : 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 = [];
@@ -516,14 +560,14 @@ function Xe(e, t = "mean", i = !0) {
       });
       continue;
     }
-    const s = Number.parseFloat(g.state);
-    isNaN(s) ? i || o.push({
+    const a = Number.parseFloat(g.state);
+    isNaN(a) ? i || o.push({
       entityId: g.id,
       value: g.state,
       friendly_name: g.friendlyName
-    }) : (n.push(s), o.push({
+    }) : (n.push(a), o.push({
       entityId: g.id,
-      value: s,
+      value: a,
       friendly_name: g.friendlyName
     }));
   }
@@ -547,15 +591,15 @@ function Xe(e, t = "mean", i = !0) {
       h = Math.max(...n), v = "Maximum";
       break;
     case "mean":
-      h = n.reduce((g, s) => g + s, 0) / n.length, v = "Average";
+      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
       break;
     case "median": {
-      const g = [...n].sort((S, w) => S - w), s = Math.floor(g.length / 2);
-      h = g.length % 2 === 0 ? (g[s - 1] + g[s]) / 2 : g[s], v = "Median";
+      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;
     }
     case "sum":
-      h = n.reduce((g, s) => g + s, 0), v = "Sum";
+      h = n.reduce((g, a) => g + a, 0), v = "Sum";
       break;
     case "last":
       h = n[n.length - 1], v = "Latest";
@@ -564,15 +608,15 @@ function Xe(e, t = "mean", i = !0) {
       h = Math.max(...n) - Math.min(...n), v = "Range";
       break;
     case "product":
-      h = n.reduce((g, s) => g * s, 1), v = "Product";
+      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, s = n.reduce((S, w) => S + (w - g) ** 2, 0) / n.length;
-      h = Math.sqrt(s), v = "Std Dev";
+      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;
     }
     default:
-      h = n.reduce((g, s) => g + s, 0) / n.length, v = "Average";
+      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
   }
   const y = Number.isInteger(h) ? h.toString() : h.toFixed(1);
   return {
@@ -585,7 +629,7 @@ function Xe(e, t = "mean", i = !0) {
     memberValues: o
   };
 }
-function ue(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) {
@@ -599,7 +643,7 @@ function ue(e) {
   }
   return `rgb(${Math.round(255 * i)}, ${Math.round(220 * i)}, ${Math.round(180 * i)})`;
 }
-function Je(e) {
+function at(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -609,13 +653,13 @@ function Je(e) {
   }
   return !1;
 }
-function Bt(e, t, i) {
+function rn(e, t, i) {
   return e?.attributes ? e.attributes[t] ?? i : i;
 }
-function Ut(e) {
-  return e.filter(Je).length;
+function on(e) {
+  return e.filter(at).length;
 }
-function Qe(e, t, i) {
+function st(e, t, i) {
   const { decimals: r, scale: n = !0 } = {};
   if (typeof e == "string")
     return t ? `${e}${t}` : e;
@@ -626,42 +670,45 @@ function Qe(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 Ze(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 et = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), tt = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
-function nt(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 = tt(), i = t.firstChild;
-    return b(i, () => Qe(e.value, e.unit)), b(t, k(E, {
+    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 = et();
-        return b(r, () => Ze(e.value, e.unit)), r;
+        var r = ct();
+        return p(r, () => lt(e.value, e.unit)), r;
       }
-    }), null), W(() => R(t, P("flex flex-col", e.class))), t;
+    }), null), W(() => I(t, R("flex flex-col", e.class))), t;
   })();
 }
-var it = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), rt = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), ot = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), at = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), st = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), lt = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
-function ct(e) {
-  Ce(() => {
-    ze();
+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();
+    Pe(typeof ShadowRoot < "u" && a instanceof ShadowRoot || typeof Document < "u" && a instanceof Document ? a : void 0);
   });
-  const t = ae(J), [i, r] = V(), n = $e(i), o = {
+  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 = L(() => {
+  }, u = j(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? Ve(e.variant) : e.variant;
-  }), d = L(() => ({
+      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,
@@ -679,26 +726,26 @@ function ct(e) {
     ...e.gradient ? {
       "--widget-gradient": e.gradient
     } : {}
-  })), $ = () => !!e.gestures && !e.isEditMode, m = (s) => {
-    $() && e.gestures?.onPointerEnter(s);
-  }, h = (s) => {
-    $() && e.gestures?.onPointerDown(s);
-  }, v = (s) => {
-    $() && e.gestures?.onPointerMove(s);
-  }, y = (s) => {
-    $() && e.gestures?.onPointerUp(s);
-  }, g = (s) => {
-    $() && e.gestures?.onPointerCancel(s);
+  })), $ = () => !!e.gestures && !e.isEditMode, m = (a) => {
+    $() && e.gestures?.onPointerEnter(a);
+  }, h = (a) => {
+    $() && e.gestures?.onPointerDown(a);
+  }, v = (a) => {
+    $() && e.gestures?.onPointerMove(a);
+  }, y = (a) => {
+    $() && e.gestures?.onPointerUp(a);
+  }, g = (a) => {
+    $() && e.gestures?.onPointerCancel(a);
   };
-  return k(J.Provider, {
+  return k(P.Provider, {
     value: o,
     get children() {
-      var s = it(), S = s.firstChild;
-      return G(s, "pointercancel", g), G(s, "pointerup", y), G(s, "pointermove", v), G(s, "pointerdown", h), G(s, "pointerenter", m), xe((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);
-      }, s), b(S, (() => {
+      }, a), p(C, (() => {
         var w = T(() => !!e.emptyState);
-        return () => w() ? k(dt, {
+        return () => w() ? k(bt, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -709,77 +756,77 @@ function ct(e) {
             return e.emptyState.message;
           }
         }) : e.children;
-      })()), b(s, (() => {
+      })()), p(a, (() => {
         var w = T(() => !!e.loading);
         return () => w() && (() => {
-          var M = rt();
-          return W((z) => X(M, "z-index", Y.OVERLAY)), M;
+          var M = ht();
+          return W((O) => ee(M, "z-index", J.OVERLAY)), M;
         })();
       })(), null), W((w) => {
-        var M = P("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 && R(s, w.e = M), w.t = oe(s, z, w.t), I !== w.a && X(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,
         a: void 0
-      }), s;
+      }), a;
     }
   });
 }
-function dt(e) {
+function bt(e) {
   return (() => {
-    var t = ot();
-    return b(t, (() => {
+    var t = ft();
+    return p(t, (() => {
       var i = T(() => !!e.icon);
       return () => i() && (() => {
-        var r = at();
-        return b(r, () => e.icon), r;
+        var r = mt();
+        return p(r, () => e.icon), r;
       })();
-    })(), null), b(t, (() => {
+    })(), null), p(t, (() => {
       var i = T(() => !!e.title);
       return () => i() && (() => {
-        var r = st();
-        return b(r, () => e.title), r;
+        var r = vt();
+        return p(r, () => e.title), r;
       })();
-    })(), null), b(t, (() => {
+    })(), null), p(t, (() => {
       var i = T(() => !!e.message);
       return () => i() && (() => {
-        var r = lt();
-        return b(r, () => e.message), r;
+        var r = wt();
+        return p(r, () => e.message), r;
       })();
     })(), null), t;
   })();
 }
-const U = ct;
-U.Content = Re;
-U.Icon = Be;
-U.Title = Ye;
-U.Status = Fe;
-U.Value = nt;
-U.SliderFill = Pe;
-var ut = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), gt = /* @__PURE__ */ x("<button type=button>"), ht = /* @__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">'), ft = /* @__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'), 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><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>'), vt = /* @__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'), wt = /* @__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">'), 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 debug information available'), pt = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), xt = /* @__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">'), yt = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), $t = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function kt(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 = gt();
-    return t.$$click = () => e.onClick(), b(t, k(E, {
+    var t = yt();
+    return t.$$click = () => e.onClick(), p(t, k(E, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var i = ut();
-        return b(i, () => e.icon), i;
+        var i = xt();
+        return p(i, () => e.icon), i;
       }
-    }), null), b(t, () => e.label, null), W(() => R(t, P("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 Ft(e) {
-  const [t] = Se(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);
-  re(de(() => 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
     });
-  })), re(de(() => t.configSchema, (c) => {
-    c && u(ge(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({
@@ -789,7 +836,7 @@ function Ft(e) {
     t.onConfigSave?.(r());
   }, [h, v] = V(t.defaultTab ?? "controls"), y = () => t.activeTab ?? h(), g = (c) => {
     t.onActiveTabChange ? t.onActiveTabChange(c) : v(c);
-  }, s = () => {
+  }, a = () => {
     const c = t.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
@@ -800,14 +847,14 @@ function Ft(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: ht(),
-      content: t.editContent ?? (i() && o() ? k(p, {
+      icon: $t(),
+      content: t.editContent ?? (i() && o() ? k(b, {
         get schema() {
           return o();
         },
@@ -815,17 +862,17 @@ function Ft(e) {
           return r();
         },
         onChange: n
-      }) : ft())
+      }) : kt())
     }), c.push({
       id: "controls",
       label: "Controls",
-      icon: mt(),
-      content: t.controlsContent ?? vt()
+      icon: St(),
+      content: t.controlsContent ?? Ct()
     }), c.push({
       id: "debug",
       label: "Debug",
-      icon: wt(),
-      content: t.debugContent ?? bt()
+      icon: Mt(),
+      content: t.debugContent ?? Dt()
     }), c;
   }, w = async () => {
     if (t.debugData !== void 0)
@@ -835,37 +882,37 @@ function Ft(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, B = t.ResponsiveDialogHeader, H = t.ResponsiveDialogTitle, a = t.ResponsiveDialogDescription, f = t.Button, p = t.SchemaForm, C = (c) => i() ? $(c) : t.onOpenChange(c), O = () => 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 P(s(), t.class);
+          return R(a(), t.class);
         },
         get children() {
-          return [k(B, {
+          return [k(F, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var c = pt();
-                return b(c, k(H, {
+                var c = Tt();
+                return p(c, k(H, {
                   class: "truncate leading-tight",
                   get children() {
                     return t.title;
                   }
-                }), null), b(c, k(a, {
+                }), null), p(c, k(s, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
                 }), null), c;
               })(), (() => {
-                var c = xt(), F = c.firstChild;
-                return b(F, () => S().map((N) => k(kt, {
+                var c = _t(), Y = c.firstChild;
+                return p(Y, () => C().map((N) => k(Et, {
                   get icon() {
                     return N.icon;
                   },
@@ -876,7 +923,7 @@ function Ft(e) {
                     return y() === N.id;
                   },
                   onClick: () => g(N.id)
-                }))), b(c, k(E, {
+                }))), p(c, k(E, {
                   get when() {
                     return t.headerActions;
                   },
@@ -887,15 +934,15 @@ function Ft(e) {
               })()];
             }
           }), (() => {
-            var c = yt();
-            return b(c, M), c;
+            var c = Ot();
+            return p(c, M), c;
           })(), k(E, {
             get when() {
               return T(() => y() === "edit")() && (D() || t.onDelete) || y() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var c = $t();
-              return b(c, k(E, {
+              var c = zt();
+              return p(c, k(E, {
                 get when() {
                   return T(() => y() === "edit")() && t.onDelete;
                 },
@@ -907,7 +954,7 @@ function Ft(e) {
                     children: "Delete"
                   });
                 }
-              }), null), b(c, k(E, {
+              }), null), p(c, k(E, {
                 get when() {
                   return T(() => y() === "edit")() && D();
                 },
@@ -915,13 +962,13 @@ function Ft(e) {
                   return k(f, {
                     size: "sm",
                     get disabled() {
-                      return !O();
+                      return !z();
                     },
                     onClick: () => D()?.(),
                     children: "Save"
                   });
                 }
-              }), null), b(c, k(E, {
+              }), null), p(c, k(E, {
                 get when() {
                   return T(() => y() === "debug")() && t.debugData !== void 0;
                 },
@@ -941,30 +988,30 @@ function Ft(e) {
     }
   });
 }
-ye(["click"]);
-function Gt(e) {
+Ce(["click"]);
+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 re(() => {
+  return se(() => {
     const n = e();
     r.disconnect(), n && r.observe(n);
-  }), se(() => r.disconnect()), t;
+  }), ce(() => r.disconnect()), t;
 }
-function qt() {
+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), se(() => e.removeEventListener("change", r)), t;
+  return e.addEventListener("change", r), ce(() => e.removeEventListener("change", r)), t;
 }
-function Yt(e = "controls") {
+function cn(e = "controls") {
   const [t, i] = V(!1), [r, n] = V(e), o = (d) => {
     n(d ?? e), i(!0);
-  }, u = ae(J);
-  return u?.registerDialogOpener?.(o), se(() => u?.registerDialogOpener?.(null)), {
+  }, u = B(P);
+  return u?.registerDialogOpener?.(o), ce(() => u?.registerDialogOpener?.(null)), {
     showDialog: t,
     setShowDialog: i,
     openDialog: o,
@@ -983,19 +1030,19 @@ function Yt(e = "controls") {
     }
   };
 }
-function Kt(e) {
-  const t = e.minEntities ?? 1, i = L(() => e.entities().length), r = L(() => i() >= t), n = L(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), o = L(() => {
+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 Ke($, e.allEntitiesMode);
+      return rt($, e.allEntitiesMode);
     if (d === "sensor") {
       const m = e.sensorGroupType?.() ?? "mean";
-      return Xe($, m, !0);
+      return ot($, m, !0);
     }
-  }), u = L(() => r() ? void 0 : e.emptyStateConfig);
+  }), u = j(() => r() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: n,
@@ -1005,40 +1052,40 @@ function Kt(e) {
     count: i
   };
 }
-const q = 32, l = q / 2, _ = "white", Q = "rgba(0,0,0,0.4)", le = 2, Z = 3;
-function Ct(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 ee(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 St = ee(`
+const At = ie(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${Q}" stroke-width="${Z}" 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="${le}" 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>
-`), Mt = ee(`
+`), Vt = ie(`
   <g>
-    <circle cx="${l}" cy="${l}" r="8" stroke="${Q}" stroke-width="${Z}" 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>
-`), Dt = ee(`
+`), Wt = ie(`
   <g>
     <!-- shadow -->
-    <g stroke="${Q}" stroke-width="${Z}" 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="${le}" 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}"/>
@@ -1048,16 +1095,16 @@ const St = ee(`
     <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>
-`), Tt = ee(`
+`), Rt = ie(`
   <g>
     <!-- shadow -->
-    <g stroke="${Q}" stroke-width="${Z}" 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="${le}" 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"/>
@@ -1068,60 +1115,60 @@ const St = ee(`
     <circle cx="${l}" cy="${l + 5}" r="1" fill="${_}" opacity="0.6"/>
   </g>
 `);
-function K(e, t, i) {
-  return { css: `${Ct(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
-}
-const j = {
-  tap: K(St, 12, 4),
-  hold: K(Mt, 16, 16),
-  slideHorizontal: K(Dt, l, l),
-  slideVertical: K(Tt, 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 ne() {
+function oe() {
   if (typeof window > "u") return null;
   const e = window;
   return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function ie(e) {
+function ae(e) {
   if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
     try {
       navigator.vibrate(e);
     } catch {
     }
 }
-const _t = {
+const Ht = {
   /** Light confirmation — fires when slide gesture arms after user holds still. */
   tick() {
-    const e = ne();
+    const e = oe();
     if (e) {
       e.impact({ style: "Light" }).catch(() => {
       });
       return;
     }
-    ie(8);
+    ae(8);
   },
   /** Medium bump — fires when hold gesture commits (detail opening). */
   bump() {
-    const e = ne();
+    const e = oe();
     if (e) {
       e.impact({ style: "Medium" }).catch(() => {
       });
       return;
     }
-    ie(20);
+    ae(20);
   },
   /** Stronger pulse — reserved for edit-mode pickup (future use). */
   pulse() {
-    const e = ne();
+    const e = oe();
     if (e) {
       e.impact({ style: "Heavy" }).catch(() => {
       });
       return;
     }
-    ie([0, 15, 40, 15]);
+    ae([0, 15, 40, 15]);
   }
 };
-function Xt(e, t) {
+function un(e, t) {
   const n = {
     isDown: !1,
     isTouch: !1,
@@ -1135,99 +1182,99 @@ function Xt(e, t) {
   };
   let o = null, u = null, d = null;
   const [$, m] = V(null);
-  function h(a) {
-    a !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
-      const p = f[0];
-      if (p) {
-        const C = p.borderBoxSize?.[0];
-        C ? o = { width: C.inlineSize, height: C.blockSize } : o = { width: p.contentRect.width, height: p.contentRect.height }, m(o.height > o.width);
+  function h(s) {
+    s !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
+      const b = f[0];
+      if (b) {
+        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 = a, d.observe(a), o = { width: a.clientWidth, height: a.clientHeight }, m(o.height > o.width));
+    }), u = s, d.observe(s), o = { width: s.clientWidth, height: s.clientHeight }, m(o.height > o.width));
   }
   const v = () => {
     n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
   }, y = () => {
     n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
-  }, g = (a) => {
-    const p = e().slide;
-    return p?.orientation === "horizontal" ? "horizontal" : p?.orientation === "vertical" ? "vertical" : a && (o || h(a), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
-  }, s = (a) => {
+  }, g = (s) => {
+    const b = e().slide;
+    return b?.orientation === "horizontal" ? "horizontal" : b?.orientation === "vertical" ? "vertical" : s && (o || h(s), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+  }, a = (s) => {
     const f = e();
     if (!(!f.tap && !f.hold && !f.slide)) {
-      if (n.isDown = !0, n.isTouch = a.pointerType === "touch", n.element = a.currentTarget, h(n.element), n.startX = a.clientX, n.startY = a.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, f.hold) {
-        const p = f.hold.delay ?? 300;
+      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) && (_t.bump(), f.hold?.action(), n.isDown = !1);
-        }, p);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Ht.bump(), f.hold?.action(), n.isDown = !1);
+        }, b);
       }
       if (!n.isTouch && f.slide)
         try {
-          a.currentTarget.setPointerCapture(a.pointerId);
+          s.currentTarget.setPointerCapture(s.pointerId);
         } catch {
         }
     }
-  }, S = (a) => {
+  }, C = (s) => {
     if (!n.isDown) return;
-    const f = e(), p = a.clientX - n.startX, C = a.clientY - n.startY;
-    if (Math.sqrt(p * p + C * C) > 10 && (v(), n.hasMoved = !0), f.slide && n.hasMoved) {
-      const D = a.currentTarget, c = g(D);
+    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 be = Math.abs(c === "vertical" ? C : p), pe = Math.abs(c === "vertical" ? p : C);
-        if (be < pe) 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, he = N - F, fe = c === "vertical" ? -C : p, ce = o ?? { width: D.clientWidth, height: D.clientHeight }, me = c === "vertical" ? ce.height : ce.width, ve = fe / me * he, we = Math.max(F, Math.min(N, f.slide.value + ve));
-      f.slide.onChange(Math.round(we)), n.startX = a.clientX, n.startY = a.clientY, a.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 = (a) => {
-    const f = e(), p = n.isDown, C = Date.now() - n.startTime, O = f.hold?.delay ?? 300;
-    v(), p && f.tap && !n.hasMoved && C < O && f.tap();
+  }, w = (s) => {
+    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 {
-      a.currentTarget.releasePointerCapture(a.pointerId);
+      s.currentTarget.releasePointerCapture(s.pointerId);
     } catch {
     }
     y();
-  }, M = (a) => {
+  }, M = (s) => {
     v();
     try {
-      a.currentTarget.releasePointerCapture(a.pointerId);
+      s.currentTarget.releasePointerCapture(s.pointerId);
     } catch {
     }
     y();
-  }, z = (a) => {
+  }, O = (s) => {
     const f = e();
     if (f.slide) {
-      const p = f.slide.orientation;
-      return p === "horizontal" ? j.slideHorizontal.css : p === "vertical" ? j.slideVertical.css : (o || h(a), o && o.height > o.width ? j.slideVertical.css : j.slideHorizontal.css);
+      const b = f.slide.orientation;
+      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 ? j.tap.css : f.hold ? j.hold.css : "";
+    return f.tap ? U.tap.css : f.hold ? U.hold.css : "";
   };
   return {
-    onPointerDown: s,
-    onPointerMove: S,
+    onPointerDown: a,
+    onPointerMove: C,
     onPointerUp: w,
     onPointerCancel: M,
-    onPointerEnter: (a) => {
-      const f = a.currentTarget;
-      n.element = f, f.style.cursor = z(f);
+    onPointerEnter: (s) => {
+      const f = s.currentTarget;
+      n.element = f, f.style.cursor = O(f);
     },
-    bindElement: (a) => {
-      a && (n.element = a, h(a));
+    bindElement: (s) => {
+      s && (n.element = s, h(s));
     },
     touchAction: () => {
-      const a = e();
-      if (a.slide) {
-        const f = a.slide.orientation;
+      const s = e();
+      if (s.slide) {
+        const f = s.slide.orientation;
         return f === "vertical" || f !== "horizontal" && ($() ?? (t?.() ?? "horizontal") !== "horizontal") ? "pan-x" : "pan-y";
       }
-      return a.tap || a.hold ? "manipulation" : "auto";
+      return s.tap || s.hold ? "manipulation" : "auto";
     },
     dispose: () => {
       v(), d && (d.disconnect(), d = null), u = null, o = null;
     }
   };
 }
-const zt = {
+const Pt = {
   solar: "oklch(0.74 0.18 60)",
   grid: "oklch(0.62 0.12 245)",
   battery: "oklch(0.70 0.18 145)",
@@ -1237,23 +1284,23 @@ const zt = {
   // Fault red-orange; used only for faults, never normal consumption.
   negative: "oklch(0.64 0.22 27)"
 };
-function Ot(e) {
+function It(e) {
   return {
     fill: `color-mix(in oklch, ${e} 20%, transparent)`,
     stroke: e,
     solid: e
   };
 }
-const Jt = Object.fromEntries(
-  Object.entries(zt).map(([e, t]) => [e, Ot(t)])
-), Qt = A.enum([
+const gn = Object.fromEntries(
+  Object.entries(Pt).map(([e, t]) => [e, It(t)])
+), hn = A.enum([
   "success",
   "warning",
   "danger",
   "info",
   "neutral",
   "accent"
-]), Zt = {
+]), 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 */
@@ -1263,7 +1310,7 @@ const Jt = Object.fromEntries(
   /** Area picker dropdown */
   areaId: () => A.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-function en(e) {
+function mn(e) {
   if (e.length < 2) return "";
   const t = e[0], i = e[1];
   if (!t || !i) return "";
@@ -1285,46 +1332,73 @@ function en(e) {
   for (let m = 0; m < r - 1; m++) {
     const h = e[m], v = e[m + 1];
     if (!h || !v) continue;
-    const y = (n[m] ?? 0) / 3, g = d[m] ?? 0, s = d[m + 1] ?? 0;
-    $ += ` C ${h.x + y} ${h.y + g * y}, ${v.x - y} ${v.y - s * y}, ${v.x} ${v.y}`;
+    const y = (n[m] ?? 0) / 3, g = d[m] ?? 0, a = d[m + 1] ?? 0;
+    $ += ` C ${h.x + y} ${h.y + g * y}, ${v.x - y} ${v.y - a * y}, ${v.x} ${v.y}`;
   }
   return $;
 }
-function tn() {
+function vn() {
   return document.documentElement.classList.contains("dark");
 }
-const Et = "0.5.2", Nt = {
-  version: Et
-}, nn = Nt.version;
+const Lt = "1.1.0", Ut = {
+  version: Lt
+}, wn = Ut.version;
 export {
-  nn as SDK_VERSION,
-  Qt as ToneSchema,
-  U as Widget,
-  Re as WidgetContent,
-  J as WidgetCtx,
-  Ft as WidgetDialog,
-  Be as WidgetIcon,
-  an as WidgetManifestSchema,
-  Pe as WidgetSliderFill,
-  Fe as WidgetStatus,
-  Ye as WidgetTitle,
-  nt as WidgetValue,
-  Ke as calculateLightGroup,
-  Xe as calculateSensorGroup,
-  Ut as countActiveEntities,
-  jt as defineWidget,
-  sn as formatSchemaError,
-  Bt as getEntityAttribute,
-  ze as injectTokens,
-  tn as isDark,
-  Je as isEntityActive,
-  en as monotoneCubicPath,
-  Jt as svgColors,
-  Gt as useIntersectionPause,
-  qt as useReducedMotion,
-  Lt as useWidgetContext,
-  Yt as useWidgetDialog,
-  Kt as useWidgetEntityGroup,
-  Xt as useWidgetGestures,
-  Zt 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
 };