@glasshome/widget-sdk 1.15.0 → 1.16.0

package/dist/index.js

@@ -2,14 +2,14 @@ import { deprecate as e, deprecations as t, formatDeprecation as n } from "./dep
 import { WidgetManifestSchema as r, formatSchemaError as i } from "./schemas.js";
 import { z as a, z as o } from "zod";
 import { getForecasts as s, getStream as c, getWebRtcClientConfig as l, hassMediaUrl as u, sendWebRtcCandidate as d, startWebRtcSession as f, state as p, trackEntityHistory as m, untrackEntityHistory as h } from "@glasshome/sync-layer";
-import { byDomain as g, useArea as _, useCalendarEvents as v, useCamera as ee, useConnection as y, useCurrency as b, useEntities as te, useEntity as ne, useEntityHistory as re, useEntityStatistics as ie, useForecast as ae, useHassConfig as oe, useLocale as se, useService as ce, useStore as x, useTemperatureUnit as S, useToggle as le, useTurnOff as ue, useTurnOn as C, useUnitSystem as w } from "@glasshome/sync-layer/solid";
-import { For as de, Show as T, createContext as fe, createEffect as E, createMemo as D, createSignal as O, on as pe, onCleanup as me, onMount as he, splitProps as ge, useContext as k } from "solid-js";
-import { addEventListener as A, className as j, createComponent as M, effect as N, insert as P, memo as F, setStyleProperty as I, style as _e, template as L, use as ve } from "solid-js/web";
-import { clsx as ye } from "clsx";
-import { twMerge as be } from "tailwind-merge";
-import { Badge as xe, Button as Se, Carousel as Ce, CarouselContent as we, CarouselDots as Te, CarouselItem as Ee, CarouselNext as De, CarouselPrevious as Oe, ColorSlider as ke, ColorWheel as Ae, CountPill as je, Icon as Me, Input as Ne, Label as Pe, ResponsiveDialog as Fe, ResponsiveDialogBody as Ie, ResponsiveDialogBody as Le, ResponsiveDialogClose as Re, ResponsiveDialogContent as ze, ResponsiveDialogDescription as Be, ResponsiveDialogFooter as Ve, ResponsiveDialogFooter as He, ResponsiveDialogHeader as Ue, ResponsiveDialogTitle as We, SchemaForm as Ge, SectionIcon as Ke, SectionTitle as qe, Select as Je, SelectContent as Ye, SelectItem as Xe, SelectTrigger as Ze, SelectValue as Qe, Slider as $e, Switch as et, Tabs as tt, Tabs as nt, TabsContent as rt, TabsContent as it, TabsList as at, TabsList as ot, TabsTrigger as st, TabsTrigger as ct, imageUrl as lt, mediaUrl as ut, parseColor as dt } from "@glasshome/ui/solid";
+import { byDomain as g, useArea as _, useCalendarEvents as v, useCamera as ee, useConnection as y, useCurrency as te, useEntities as ne, useEntity as re, useEntityHistory as ie, useEntityStatistics as ae, useForecast as oe, useHassConfig as se, useLocale as ce, useService as le, useStore as ue, useTemperatureUnit as b, useToggle as x, useTurnOff as de, useTurnOn as fe, useUnitSystem as S } from "@glasshome/sync-layer/solid";
+import { For as C, Show as w, createContext as T, createEffect as pe, createMemo as E, createSignal as D, on as me, onCleanup as O, onMount as he, splitProps as ge, useContext as k } from "solid-js";
+import { addEventListener as A, className as j, createComponent as M, effect as N, insert as P, memo as F, setStyleProperty as _e, style as ve, template as I, use as ye } from "solid-js/web";
+import { clsx as be } from "clsx";
+import { twMerge as xe } from "tailwind-merge";
+import { Accordion as Se, AccordionContent as Ce, AccordionItem as we, AccordionTrigger as Te, Badge as Ee, Badge as De, Button as Oe, Button as ke, Carousel as Ae, CarouselContent as je, CarouselDots as Me, CarouselItem as Ne, CarouselNext as Pe, CarouselPrevious as Fe, ColorSlider as Ie, ColorWheel as Le, CountPill as Re, CountPill as ze, Empty as Be, EmptyDescription as Ve, EmptyHeader as He, EmptyTitle as Ue, FactRow as L, FieldGroup as We, FieldTitle as Ge, Icon as Ke, Icon as qe, Input as Je, Label as Ye, ResponsiveDialog as Xe, ResponsiveDialogBody as Ze, ResponsiveDialogBody as Qe, ResponsiveDialogClose as $e, ResponsiveDialogContent as et, ResponsiveDialogDescription as tt, ResponsiveDialogFooter as nt, ResponsiveDialogFooter as rt, ResponsiveDialogHeader as it, ResponsiveDialogTitle as at, SchemaForm as ot, SectionIcon as st, SectionIcon as ct, SectionMeta as lt, SectionRow as ut, SectionTitle as dt, Select as ft, SelectContent as pt, SelectItem as mt, SelectTrigger as ht, SelectValue as gt, Slider as _t, Switch as vt, Tabs as yt, Tabs as bt, TabsContent as xt, TabsContent as St, TabsList as Ct, TabsList as wt, TabsTrigger as Tt, TabsTrigger as Et, imageUrl as Dt, mediaUrl as Ot, parseColor as kt } from "@glasshome/ui/solid";
 //#region src/framework/to-form-schema.ts
-function ft(e) {
+function At(e) {
 	return o.toJSONSchema(e, { override: (e) => {
 		let t = o.globalRegistry.get(e.zodSchema);
 		return t && typeof t == "object" && Object.keys(t).length > 0 ? {
@@ -18,7 +18,7 @@ function ft(e) {
 		} : e.jsonSchema;
 	} });
 }
-function pt(e) {
+function jt(e) {
 	try {
 		return e.parse({});
 	} catch {
@@ -27,49 +27,49 @@ function pt(e) {
 }
 //#endregion
 //#region src/define-widget.ts
-function mt(e) {
-	return e.configSchema && (e.manifest.schema || (e.manifest.schema = ft(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = pt(e.configSchema))), e;
+function Mt(e) {
+	return e.configSchema && (e.manifest.schema || (e.manifest.schema = At(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = jt(e.configSchema))), e;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-context.ts
-var R = fe();
-function ht() {
+var R = T();
+function Nt() {
 	let e = k(R);
 	if (!e) throw Error("useWidgetContext must be used within a Widget component");
 	return e;
 }
 //#endregion
 //#region src/framework/hooks/use-service.ts
-function gt(e) {
+function Pt(e) {
 	let t = Array.isArray(e) ? e[0] : e, n = t?.split(".")[0];
 	if (!n) throw Error(`Invalid entity ID: ${String(t)}`);
 	return n;
 }
 function z(e, t) {
 	return async (n, r = {}) => {
-		await e(gt(n), t, r, { entity_id: n });
+		await e(Pt(n), t, r, { entity_id: n });
 	};
 }
-function _t() {
+function Ft() {
 	let e = k(R)?.callService;
 	return e ? {
 		callService: e,
 		turnOn: z(e, "turn_on"),
 		turnOff: z(e, "turn_off"),
 		toggle: z(e, "toggle")
-	} : ce();
+	} : le();
 }
-function vt() {
+function It() {
 	let e = k(R)?.callService;
-	return e ? z(e, "turn_on") : C();
+	return e ? z(e, "turn_on") : fe();
 }
-function yt() {
+function Lt() {
 	let e = k(R)?.callService;
-	return e ? z(e, "turn_off") : ue();
+	return e ? z(e, "turn_off") : de();
 }
-function bt() {
+function Rt() {
 	let e = k(R)?.callService;
-	return e ? z(e, "toggle") : le();
+	return e ? z(e, "toggle") : x();
 }
 //#endregion
 //#region src/framework/design-system/z-index.ts
@@ -78,50 +78,46 @@ var B = {
 	CONTENT: 10,
 	OVERLAY: 20,
 	ACTIONS: 30
-}, xt = fe();
-function St() {
-	let e = k(xt);
+}, zt = T();
+function Bt() {
+	let e = k(zt);
 	if (!e) throw Error("useWidgetDimensions must be called inside <Widget>: move the call into a component rendered within <Widget> (the top-level widget scope only sees the host stub).");
 	return e;
 }
 //#endregion
 //#region src/framework/theming/tokens.css?raw
-var Ct = "/* Authoritative SDK CSS contract. Injected once on first Widget mount\n * via framework/theming/tokens.ts.\n *\n * All widget-internal visual scale is driven from CSS custom properties +\n * container queries on the `.glasshome-widget` shell (`container-type: size`).\n * No JS classifier, no size tier enum.\n */\n\n:root {\n  --tone-success:  oklch(0.70 0.18 145);\n  --tone-warning:  oklch(0.80 0.17 75);\n  --tone-danger:   oklch(0.64 0.22 27);\n  --tone-info:     oklch(0.66 0.20 245);\n  --tone-neutral:  oklch(0.65 0.02 250);\n  --tone-accent:   oklch(0.74 0.18 60);\n\n  --widget-grad-strength:    1;\n  --widget-glow-default:     0.4;\n  --widget-border-highlight: oklch(0.98 0 0 / 0.4);\n}\n\n.dark {\n  --tone-success:  oklch(0.74 0.18 145);\n  --tone-warning:  oklch(0.82 0.17 75);\n  --tone-danger:   oklch(0.68 0.22 27);\n  --tone-info:     oklch(0.70 0.20 245);\n  --tone-neutral:  oklch(0.69 0.02 250);\n  --tone-accent:   oklch(0.78 0.18 60);\n\n  --widget-grad-strength:    1.1;\n  --widget-glow-default:     0.5;\n  --widget-border-highlight: oklch(1 0 0 / 0.08);\n}\n\n@property --widget-color {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: oklch(0.65 0.02 250);\n}\n\n/* === Widget shell ===\n * Fluid scale tokens — tied to the shell's own container box (cqb=height, cqi=width).\n * Icon/pad/gap track HEIGHT (cqb) not the shortest side: two widgets of equal\n * height match regardless of width (a 2×2 and a 4×2 get the same icon). cqmin\n * starved portrait tiles by pinning the icon to the narrow width. Tune\n * multipliers / clamps to adjust density. */\n.glasshome-widget {\n  --widget-color: var(--tone-neutral);\n  --widget-glow-strength: var(--widget-glow-default);\n  --widget-radius: var(--radius-xl, 12px);\n\n  --widget-icon-box:    clamp(44px, 25cqb, 58px);\n  --widget-icon-glyph:  clamp(24px, 14cqb, 33px);\n  --widget-pad:         clamp(8px,  3.5cqb, 22px);\n  --widget-gap:         clamp(6px,  2cqb,  14px);\n  --widget-title-size:  clamp(12px, 2cqi,    18px);\n  --widget-subtitle:    clamp(12px, 2.5cqi,  20px);\n  --widget-status-size: clamp(14px, 5cqi,    36px);\n  --widget-value-size:  clamp(18px, 7cqi,    48px);\n  --widget-badge-size:  clamp(11px, 1.6cqi,  14px);\n}\n\n/* Shell material. Two channels, both host/variant-driven:\n * - `--widget-backdrop`: the live backdrop filter (the shared glass recipe is\n *   blur + saturate, matching ui's CARD_BLUR). Default none — a variant opts\n *   in (classic-glass), and a performant-blur host disables it via override\n *   sheet when it paints a precomputed frost instead.\n * - `--glass-frost`: one full background layer (image + position / size +\n *   repeat) composited at the BOTTOM, under the accent gradient — the same\n *   frost slot ui's `.glass` formula ends its background list with. Unset →\n *   none. A performant-blur host sets it per shell with the viewport-aligned\n *   slice of its pre-blurred bitmap. */\n.glasshome-widget {\n  background:\n    var(--widget-gradient,\n      linear-gradient(135deg,\n        color-mix(in oklch, var(--widget-color) calc(22% * var(--widget-grad-strength)), transparent),\n        color-mix(in oklch, var(--widget-color-to, var(--widget-color)) calc(11% * var(--widget-grad-strength)), transparent)\n      )\n    ),\n    var(--glass-frost, none);\n  backdrop-filter: var(--widget-backdrop, none);\n  -webkit-backdrop-filter: var(--widget-backdrop, none);\n  box-shadow: inset 0 1px 0 var(--widget-border-highlight);\n}\n\n/* === Slot: content layout === */\n/* Default: column. Flip to row only on wide-and-short widgets (matches the\n * old contentLayout heuristic: aspect > 1 AND height < 150px). */\n.glasshome-widget-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: var(--widget-pad);\n  gap: var(--widget-gap);\n  overflow: hidden;\n  border-radius: var(--widget-radius);\n}\n@container widget (min-aspect-ratio: 1) and (max-height: 149px) {\n  .glasshome-widget-content {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n  }\n}\n\n/* === Compact 1×1 ===\n * Small in BOTH axes → stack the tile: icon on top, label + status centered\n * under it. Icon stays moderate (not a hero) so the text keeps room. Wide\n * tiles (2×1) fail the width test and keep the row layout above. Placed after\n * the row-flip so it wins. */\n@container widget (max-width: 189px) and (max-height: 189px) {\n  .glasshome-widget-content {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: clamp(4px, 2.5cqmin, 8px);\n  }\n  .glasshome-widget-content > * { align-items: center; text-align: center; }\n  .glasshome-widget-icon {\n    --widget-icon-box:   clamp(36px, 30cqmin, 56px);\n    --widget-icon-glyph: clamp(20px, 17cqmin, 32px);\n  }\n  .glasshome-widget-title  { font-size: clamp(11px, 6cqmin, 14px); max-width: 100%; }\n  .glasshome-widget-status,\n  .glasshome-widget-value  { font-size: clamp(13px, 7cqmin, 17px); }\n  .glasshome-widget-content [class*=\"ml-auto\"] { margin-left: 0 !important; }\n}\n.glasshome-widget-content [class*=\"ml-auto\"] {\n  position: relative;\n  z-index: 30;\n}\n\n/* === Slot: icon === */\n.glasshome-widget-icon {\n  width: var(--widget-icon-box);\n  height: var(--widget-icon-box);\n  border-radius: var(--radius-sm, 12px);\n  background: var(--widget-icon-color, var(--widget-color));\n  box-shadow: 0 0 calc(var(--widget-glow-strength) * 30px)\n    color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 50%, transparent);\n  color: oklch(from var(--widget-icon-color, var(--widget-color)) calc(0.52 + sign(0.5 - l) * 0.43) calc(c * 0.2) h);\n}\n.glasshome-widget-icon-glyph {\n  font-size: var(--widget-icon-glyph);\n  line-height: 1;\n}\n.glasshome-widget-icon-stack {\n  position: absolute;\n  width: 102%;\n  height: 102%;\n  border-radius: var(--radius-sm, 12px);\n}\n.glasshome-widget-icon-stack-2 { bottom: -14%; right: -10%; opacity: 0.45; z-index: -2; }\n.glasshome-widget-icon-stack-3 { bottom: -28%; right: -20%; opacity: 0.20; z-index: -3; }\n\n/* === Slot: text === */\n.glasshome-widget-title {\n  font-size: var(--widget-title-size);\n  line-height: 1.2;\n  color: var(--color-muted-foreground, currentColor);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.glasshome-widget-subtitle {\n  font-size: var(--widget-subtitle);\n  color: var(--color-muted-foreground, currentColor);\n}\n.glasshome-widget-status {\n  font-size: var(--widget-status-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.1;\n}\n.glasshome-widget-value {\n  font-size: var(--widget-value-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.05;\n}\n.glasshome-widget-badge {\n  font-size: var(--widget-badge-size);\n  font-weight: 500;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--color-foreground, currentColor) 20%, transparent);\n  color: var(--color-foreground, currentColor);\n}\n\n.glasshome-widget-loading {\n  background: color-mix(in oklch, var(--widget-color) 20%, transparent);\n}\n\n/* === Slider fill ===\n * Value flows in via --widget-fill-value (0-100). Vertical orientation auto-\n * detected via container query. */\n.glasshome-widget-slider-fill {\n  --widget-fill-value: 0;\n  background: color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 30%, transparent);\n  box-shadow: 0 0 calc(var(--widget-glow-strength) * 40px)\n    color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 40%, transparent);\n  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0 round var(--widget-radius));\n}\n@container widget (max-aspect-ratio: 1) {\n  .glasshome-widget-slider-fill {\n    clip-path: inset(calc((100 - var(--widget-fill-value)) * 1%) 0 0 0 round var(--widget-radius));\n  }\n}\n", wt = !1, Tt, Et = /* @__PURE__ */ new WeakSet();
-function Dt() {
-	return Tt || (Tt = new CSSStyleSheet(), Tt.replaceSync(Ct.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)"))), Tt;
+var Vt = "/* Authoritative SDK CSS contract. Injected once on first Widget mount\n * via framework/theming/tokens.ts.\n *\n * All widget-internal visual scale is driven from CSS custom properties +\n * container queries on the `.glasshome-widget` shell (`container-type: size`).\n * No JS classifier, no size tier enum.\n */\n\n:root {\n  --tone-success:  oklch(0.70 0.18 145);\n  --tone-warning:  oklch(0.80 0.17 75);\n  --tone-danger:   oklch(0.64 0.22 27);\n  --tone-info:     oklch(0.66 0.20 245);\n  --tone-neutral:  oklch(0.65 0.02 250);\n  --tone-accent:   oklch(0.74 0.18 60);\n\n  --widget-glow-default:     0.4;\n}\n\n.dark {\n  --tone-success:  oklch(0.74 0.18 145);\n  --tone-warning:  oklch(0.82 0.17 75);\n  --tone-danger:   oklch(0.68 0.22 27);\n  --tone-info:     oklch(0.70 0.20 245);\n  --tone-neutral:  oklch(0.69 0.02 250);\n  --tone-accent:   oklch(0.78 0.18 60);\n\n  --widget-glow-default:     0.5;\n}\n\n@property --widget-color {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: oklch(0.65 0.02 250);\n}\n\n/* === Widget shell ===\n * Fluid scale tokens — tied to the shell's own container box (cqb=height, cqi=width).\n * Icon/pad/gap track HEIGHT (cqb) not the shortest side: two widgets of equal\n * height match regardless of width (a 2×2 and a 4×2 get the same icon). cqmin\n * starved portrait tiles by pinning the icon to the narrow width. Tune\n * multipliers / clamps to adjust density. */\n.glasshome-widget {\n  --widget-color: var(--tone-neutral);\n  --widget-glow-strength: var(--widget-glow-default);\n  --widget-radius: var(--radius-xl, 12px);\n\n  --widget-icon-box:    clamp(44px, 25cqb, 58px);\n  --widget-icon-glyph:  clamp(24px, 14cqb, 33px);\n  --widget-pad:         clamp(8px,  3.5cqb, 22px);\n  --widget-gap:         clamp(6px,  2cqb,  14px);\n  --widget-title-size:  clamp(12px, 2cqi,    18px);\n  --widget-subtitle:    clamp(12px, 2.5cqi,  20px);\n  --widget-status-size: clamp(14px, 5cqi,    36px);\n  --widget-value-size:  clamp(18px, 7cqi,    48px);\n  --widget-badge-size:  clamp(11px, 1.6cqi,  14px);\n}\n\n/* Shell material: ui's .glass, worn through the class Widget.tsx carries.\n * Unlayered and class-specific, so these beat the formula's :where() defaults\n * (wash-2 is re-declared there and cannot be set from a utility). The tone\n * stays the formula's transparent default until Widget.tsx sets one inline:\n * a widget without a tone is the plain card, never a neutral-grey wash. */\n.glasshome-widget {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --glass-wash: var(--widget-wash);\n  --glass-wash-2: var(--widget-wash-2);\n  --glass-wash-angle: 135deg;\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  --glass-rim: 0.3;\n  --glass-lift: 0.45;\n  --glass-shade: 0.05;\n  backdrop-filter: var(--widget-backdrop, none);\n  -webkit-backdrop-filter: var(--widget-backdrop, none);\n}\n/* A fill widget keeps a neutral card; the fill carries the tone, so a full fill is the toned card. */\n.glasshome-widget:has(.glasshome-widget-slider-fill) {\n  --glass-wash: 0%;\n  --glass-wash-2: 0%;\n}\n.dark .glasshome-widget {\n  --glass-shade: 0;\n}\n\n/* === Slot: content layout === */\n/* Default: column. Flip to row only on wide-and-short widgets (matches the\n * old contentLayout heuristic: aspect > 1 AND height < 150px). */\n.glasshome-widget-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: var(--widget-pad);\n  gap: var(--widget-gap);\n  overflow: hidden;\n  border-radius: var(--widget-radius);\n}\n@container widget (min-aspect-ratio: 1) and (max-height: 149px) {\n  .glasshome-widget-content {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n  }\n}\n\n/* === Compact 1×1 ===\n * Small in BOTH axes → stack the tile: icon on top, label + status centered\n * under it. Icon stays moderate (not a hero) so the text keeps room. Wide\n * tiles (2×1) fail the width test and keep the row layout above. Placed after\n * the row-flip so it wins. */\n@container widget (max-width: 189px) and (max-height: 189px) {\n  .glasshome-widget-content {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: clamp(4px, 2.5cqmin, 8px);\n  }\n  .glasshome-widget-content > * { align-items: center; text-align: center; }\n  .glasshome-widget-icon {\n    --widget-icon-box:   clamp(36px, 30cqmin, 56px);\n    --widget-icon-glyph: clamp(20px, 17cqmin, 32px);\n  }\n  .glasshome-widget-title  { font-size: clamp(11px, 6cqmin, 14px); max-width: 100%; }\n  .glasshome-widget-status,\n  .glasshome-widget-value  { font-size: clamp(13px, 7cqmin, 17px); }\n  .glasshome-widget-content [class*=\"ml-auto\"] { margin-left: 0 !important; }\n}\n.glasshome-widget-content [class*=\"ml-auto\"] {\n  position: relative;\n  z-index: 30;\n}\n\n/* === Slot: icon ===\n * ui's tinted icon pill (ICON_PILL_TINT): the disc is .glass, so the material shapes it. */\n.glasshome-widget-icon {\n  width: var(--widget-icon-box);\n  height: var(--widget-icon-box);\n  border-radius: var(--radius-sm, 12px);\n  --glass-tone: var(--widget-icon-color, var(--widget-color));\n  --glass-rim: 0.4;\n  --glass-wash: 18%;\n}\n.glasshome-widget-icon-glyph {\n  font-size: var(--widget-icon-glyph);\n  line-height: 1;\n}\n.glasshome-widget-icon-stack {\n  position: absolute;\n  width: 102%;\n  height: 102%;\n  border-radius: var(--radius-sm, 12px);\n}\n.glasshome-widget-icon-stack-2 { bottom: -14%; right: -10%; opacity: 0.45; z-index: -2; }\n.glasshome-widget-icon-stack-3 { bottom: -28%; right: -20%; opacity: 0.20; z-index: -3; }\n\n/* === Slot: text === */\n.glasshome-widget-title {\n  font-size: var(--widget-title-size);\n  line-height: 1.2;\n  color: var(--color-muted-foreground, currentColor);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.glasshome-widget-subtitle {\n  font-size: var(--widget-subtitle);\n  color: var(--color-muted-foreground, currentColor);\n}\n.glasshome-widget-status {\n  font-size: var(--widget-status-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.1;\n}\n.glasshome-widget-value {\n  font-size: var(--widget-value-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.05;\n}\n.glasshome-widget-badge {\n  font-size: var(--widget-badge-size);\n  font-weight: 500;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--color-foreground, currentColor) 20%, transparent);\n  color: var(--color-foreground, currentColor);\n}\n\n.glasshome-widget-loading {\n  background: color-mix(in oklch, var(--widget-color) 20%, transparent);\n}\n\n/* === Slider fill ===\n * Value flows in via --widget-fill-value (0-100). Vertical orientation auto-\n * detected via container query. */\n.glasshome-widget-slider-fill {\n  --widget-fill-value: 0;\n  background: linear-gradient(\n    135deg,\n    color-mix(in srgb, var(--widget-color) calc(var(--widget-wash) * var(--material-tint, 1)), transparent),\n    color-mix(\n      in srgb,\n      var(--widget-color-to, var(--widget-color)) calc(var(--widget-wash-2) * var(--material-tint, 1)),\n      transparent\n    )\n  );\n  /* Inset: the clip-path cuts any outer shadow. */\n  box-shadow: inset 0 0 calc(var(--material-glow, 0px) * 1.2)\n    oklch(from var(--widget-color) l c h / 0.55);\n  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0 round var(--widget-radius));\n}\n@container widget (max-aspect-ratio: 1) {\n  .glasshome-widget-slider-fill {\n    clip-path: inset(calc((100 - var(--widget-fill-value)) * 1%) 0 0 0 round var(--widget-radius));\n  }\n}\n", Ht = !1, Ut, Wt = /* @__PURE__ */ new WeakSet();
+function Gt() {
+	return Ut || (Ut = new CSSStyleSheet(), Ut.replaceSync(Vt.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)"))), Ut;
 }
-function Ot(e) {
+function Kt(e) {
 	if (typeof ShadowRoot < "u" && e instanceof ShadowRoot) {
-		if (Et.has(e)) return;
-		let t = Dt();
-		e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), Et.add(e);
+		if (Wt.has(e)) return;
+		let t = Gt();
+		e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), Wt.add(e);
 		return;
 	}
-	if (wt) return;
+	if (Ht) return;
 	let t = e ?? (typeof document > "u" ? void 0 : document);
 	if (!t) return;
 	if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-		wt = !0;
+		Ht = !0;
 		return;
 	}
 	let n = t.createElement("style");
-	n.setAttribute("data-glasshome-tokens", ""), n.textContent = Ct, t.head.appendChild(n), wt = !0;
+	n.setAttribute("data-glasshome-tokens", ""), n.textContent = Vt, t.head.appendChild(n), Ht = !0;
 }
 //#endregion
 //#region src/framework/utils/cn.ts
 function V(...e) {
-	return be(ye(e));
+	return xe(be(e));
 }
-var kt = {
+var qt = {
 	"classic-glass": {
 		id: "classic-glass",
 		name: "Classic Glass",
 		description: "Default glassmorphism design with blur background and gradient",
 		styles: { cssVars: {
-			"--widget-bg": "rgba(255, 255, 255, 0.1)",
-			"--widget-border": "rgba(255, 255, 255, 0.2)",
-			"--widget-blur": "12px",
-			"--widget-shadow": "0 8px 32px rgba(0, 0, 0, 0.2)",
 			"--widget-padding": "1.5rem",
 			"--widget-backdrop": "blur(var(--glass-blur, 24px)) saturate(1.8)"
 		} },
@@ -145,9 +141,13 @@ var kt = {
 		name: "Minimal",
 		description: "Clean, minimal design with no background effects",
 		styles: { cssVars: {
-			"--widget-bg": "transparent",
-			"--widget-border": "rgba(255, 255, 255, 0.1)",
-			"--widget-padding": "1rem"
+			"--widget-padding": "1rem",
+			"--glass-base": "transparent",
+			"--glass-wash": "0%",
+			"--glass-light": "0",
+			"--glass-rim": "0",
+			"--glass-lift": "0",
+			"--glass-edge": "transparent"
 		} },
 		layout: {
 			type: "flex",
@@ -171,9 +171,6 @@ var kt = {
 		name: "Compact Horizontal",
 		description: "Horizontal layout for compact widgets",
 		styles: { cssVars: {
-			"--widget-bg": "rgba(255, 255, 255, 0.08)",
-			"--widget-border": "rgba(255, 255, 255, 0.15)",
-			"--widget-blur": "10px",
 			"--widget-padding": "1rem",
 			"--widget-icon-size": "2.5rem",
 			"--widget-backdrop": "blur(16px) saturate(1.8)"
@@ -194,22 +191,21 @@ var kt = {
 		}
 	}
 };
-function At(e) {
-	return kt[e];
+function Jt(e) {
+	return qt[e];
 }
 //#endregion
 //#region src/framework/backgrounds/WidgetSliderFill.tsx
-var jt = /*#__PURE__*/ L("<div>");
-function Mt(e) {
-	return (() => {
-		var t = jt();
+var Yt = /*#__PURE__*/ I("<div>"), Xt = e(() => void 0, "sliderFill.color");
+function Zt(e) {
+	return e.color !== void 0 && Xt(), (() => {
+		var t = Yt();
 		return N((n) => {
 			var r = V("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), i = {
 				"--widget-fill-value": e.value,
-				"z-index": B.BACKGROUND,
-				...e.color ? { "--widget-icon-color": e.color } : {}
+				"z-index": B.BACKGROUND
 			};
-			return r !== n.e && j(t, n.e = r), n.t = _e(t, i, n.t), n;
+			return r !== n.e && j(t, n.e = r), n.t = ve(t, i, n.t), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -218,37 +214,37 @@ function Mt(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetContent.tsx
-var Nt = /*#__PURE__*/ L("<div>");
-function Pt(e) {
+var Qt = /*#__PURE__*/ I("<div>");
+function $t(e) {
 	return (() => {
-		var t = Nt();
+		var t = Qt();
 		return P(t, () => e.children), N(() => j(t, V("glasshome-widget-content", e.class))), t;
 	})();
 }
 //#endregion
 //#region src/framework/components/WidgetIcon.tsx
-var Ft = /*#__PURE__*/ L("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2\">"), It = /*#__PURE__*/ L("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3\">"), Lt = /*#__PURE__*/ L("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
-function Rt(e) {
+var en = /*#__PURE__*/ I("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2 glass glass-tint\">"), tn = /*#__PURE__*/ I("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3 glass glass-tint\">"), nn = /*#__PURE__*/ I("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
+function rn(e) {
 	let t = () => e.entityCount ?? 1;
 	return (() => {
-		var n = Lt(), r = n.firstChild;
-		return P(n, M(T, {
+		var n = nn(), r = n.firstChild;
+		return P(n, M(w, {
 			get when() {
 				return t() >= 2;
 			},
 			get children() {
-				return Ft();
+				return en();
 			}
-		}), r), P(n, M(T, {
+		}), r), P(n, M(w, {
 			get when() {
 				return t() >= 3;
 			},
 			get children() {
-				return It();
+				return tn();
 			}
 		}), r), P(r, () => e.icon), N((t) => {
-			var r = V("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), i = e.color ? { "--widget-icon-color": e.color } : void 0;
-			return r !== t.e && j(n, t.e = r), t.t = _e(n, i, t.t), t;
+			var r = V("glasshome-widget-icon glass glass-tint", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), i = e.color ? { "--widget-icon-color": e.color } : void 0;
+			return r !== t.e && j(n, t.e = r), t.t = ve(n, i, t.t), t;
 		}, {
 			e: void 0,
 			t: void 0
@@ -257,16 +253,16 @@ function Rt(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetStatus.tsx
-var zt = /*#__PURE__*/ L("<p>");
-function Bt(e) {
+var an = /*#__PURE__*/ I("<p>");
+function on(e) {
 	return (() => {
-		var t = zt();
+		var t = an();
 		return P(t, (() => {
 			var t = F(() => !!e.isUnavailable);
 			return () => t() ? "Unavailable" : e.children;
 		})()), N((n) => {
 			var r = V("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), i = B.ACTIONS;
-			return r !== n.e && j(t, n.e = r), i !== n.t && I(t, "z-index", n.t = i), n;
+			return r !== n.e && j(t, n.e = r), i !== n.t && _e(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -275,21 +271,21 @@ function Bt(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetTitle.tsx
-var Vt = /*#__PURE__*/ L("<span class=\"glasshome-widget-badge shrink-0\">"), Ht = /*#__PURE__*/ L("<div><h3 class=glasshome-widget-title>");
-function Ut(e) {
+var sn = /*#__PURE__*/ I("<span class=\"glasshome-widget-badge shrink-0\">"), cn = /*#__PURE__*/ I("<div><h3 class=glasshome-widget-title>");
+function ln(e) {
 	return (() => {
-		var t = Ht(), n = t.firstChild;
-		return P(n, () => e.children), P(t, M(T, {
+		var t = cn(), n = t.firstChild;
+		return P(n, () => e.children), P(t, M(w, {
 			get when() {
 				return F(() => e.badge !== void 0)() && e.badge > 0;
 			},
 			get children() {
-				var t = Vt();
+				var t = sn();
 				return P(t, () => e.badge), t;
 			}
 		}), null), N((n) => {
 			var r = V("relative flex items-center gap-2", e.class), i = B.ACTIONS;
-			return r !== n.e && j(t, n.e = r), i !== n.t && I(t, "z-index", n.t = i), n;
+			return r !== n.e && j(t, n.e = r), i !== n.t && _e(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -297,8 +293,41 @@ function Ut(e) {
 	})();
 }
 //#endregion
+//#region src/framework/utils/clipboard.ts
+async function un(e) {
+	if (navigator.clipboard?.writeText) try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {}
+	return dn(e);
+}
+function dn(e) {
+	let t = fn(), n = document.createElement("textarea");
+	n.value = e, n.setAttribute("readonly", ""), n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.opacity = "0", (t?.parentElement ?? document.body).append(n);
+	try {
+		return n.focus(), n.select(), n.setSelectionRange(0, e.length), n.getRootNode().activeElement === n && document.execCommand("copy");
+	} catch {
+		return !1;
+	} finally {
+		n.remove(), t?.focus();
+	}
+}
+function fn() {
+	let e = document.activeElement;
+	for (; e?.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
+	return e instanceof HTMLElement ? e : null;
+}
+function pn(e = 2e3) {
+	let [t, n] = D("idle"), r;
+	return O(() => clearTimeout(r)), {
+		state: t,
+		copy: async (t) => {
+			n(await un(t) ? "copied" : "failed"), clearTimeout(r), r = setTimeout(() => n("idle"), e);
+		}
+	};
+}
+//#endregion
 //#region src/framework/utils/entity-aggregation.ts
-function Wt(e, t = !1) {
+function mn(e, t = !1) {
 	if (e.length === 0) return {
 		isGroup: !1,
 		state: "unknown",
@@ -321,7 +350,7 @@ function Wt(e, t = !1) {
 			isUnavailable: t.state === "unavailable",
 			brightness: r,
 			brightnessPercent: i,
-			color: qt(t),
+			color: _n(t),
 			onCount: +!!n,
 			totalCount: 1,
 			description: n ? "On" : "Off"
@@ -333,7 +362,7 @@ function Wt(e, t = !1) {
 			if (r++, t.attributes?.brightness !== void 0 && (s += t.attributes.brightness, c++), t.attributes?.rgb_color) l.push(t.attributes.rgb_color);
 			else if (t.attributes?.hs_color) {
 				let [e, n] = t.attributes.hs_color;
-				l.push(Kt(e, n));
+				l.push(gn(e, n));
 			}
 			break;
 		case "off":
@@ -350,9 +379,9 @@ function Wt(e, t = !1) {
 	if (l.length > 0) {
 		let e = Math.round(l.reduce((e, t) => e + t[0], 0) / l.length), t = Math.round(l.reduce((e, t) => e + t[1], 0) / l.length), n = Math.round(l.reduce((e, t) => e + t[2], 0) / l.length), r = v / 255;
 		y = `rgb(${Math.round(e * r)}, ${Math.round(t * r)}, ${Math.round(n * r)})`;
-	} else y = qt(e[0]);
-	let b;
-	return b = m ? "All on" : h ? "All off" : r > 0 ? `${r} of ${u} on` : "Off", {
+	} else y = _n(e[0]);
+	let te;
+	return te = m ? "All on" : h ? "All off" : r > 0 ? `${r} of ${u} on` : "Off", {
 		isGroup: n,
 		state: g,
 		isOn: _,
@@ -362,10 +391,10 @@ function Wt(e, t = !1) {
 		color: y,
 		onCount: r,
 		totalCount: u,
-		description: b
+		description: te
 	};
 }
-function Gt(e, t = "mean", n = !0) {
+function hn(e, t = "mean", n = !0) {
 	if (e.length === 0) return {
 		isGroup: !1,
 		state: "unknown",
@@ -461,7 +490,7 @@ function Gt(e, t = "mean", n = !0) {
 		memberValues: a
 	};
 }
-function Kt(e, t) {
+function gn(e, t) {
 	let n = t / 100, r = n * (1 - Math.abs(e / 60 % 2 - 1)), i = 1 - n, a = 0, o = 0, s = 0;
 	return e < 60 ? [a, o] = [n, r] : e < 120 ? [a, o] = [r, n] : e < 180 ? [o, s] = [n, r] : e < 240 ? [o, s] = [r, n] : e < 300 ? [a, s] = [r, n] : [a, s] = [n, r], [
 		(a + i) * 255,
@@ -469,7 +498,7 @@ function Kt(e, t) {
 		(s + i) * 255
 	];
 }
-function qt(e) {
+function _n(e) {
 	if (e.state !== "on") return "rgb(100, 100, 100)";
 	let t = (e.attributes?.brightness ?? 255) / 255;
 	if (e.attributes?.rgb_color) {
@@ -477,7 +506,7 @@ function qt(e) {
 		return `rgb(${Math.round(n * t)}, ${Math.round(r * t)}, ${Math.round(i * t)})`;
 	}
 	if (e.attributes?.hs_color) {
-		let [n, r] = e.attributes.hs_color, [i, a, o] = Kt(n, r);
+		let [n, r] = e.attributes.hs_color, [i, a, o] = gn(n, r);
 		return `rgb(${Math.round(i * t)}, ${Math.round(a * t)}, ${Math.round(o * t)})`;
 	}
 	if (e.attributes?.color_temp) {
@@ -488,7 +517,7 @@ function qt(e) {
 }
 //#endregion
 //#region src/framework/utils/entity-state.ts
-function Jt(e) {
+function vn(e) {
 	if (!e) return !1;
 	if ([
 		"on",
@@ -504,15 +533,15 @@ function Jt(e) {
 	}
 	return !1;
 }
-function Yt(e, t, n) {
+function yn(e, t, n) {
 	return e?.attributes ? e.attributes[t] ?? n : n;
 }
-function Xt(e) {
-	return e.filter(Jt).length;
+function bn(e) {
+	return e.filter(vn).length;
 }
 //#endregion
 //#region src/framework/utils/format-value.ts
-function Zt(e, t, n) {
+function xn(e, t, n) {
 	let { decimals: r, scale: i = !0 } = n || {};
 	if (typeof e == "string") return t ? `${e}${t}` : e;
 	if (e == null || Number.isNaN(e)) return t ? `--${t}` : "--";
@@ -523,35 +552,35 @@ function Zt(e, t, n) {
 }
 //#endregion
 //#region src/framework/utils/interpret-value.ts
-function Qt(e, t) {
+function Sn(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;
 }
 //#endregion
 //#region src/framework/components/WidgetValue.tsx
-var $t = /*#__PURE__*/ L("<div class=glasshome-widget-subtitle>"), en = /*#__PURE__*/ L("<div><div class=glasshome-widget-value>");
-function tn(e) {
+var Cn = /*#__PURE__*/ I("<div class=glasshome-widget-subtitle>"), wn = /*#__PURE__*/ I("<div><div class=glasshome-widget-value>");
+function Tn(e) {
 	return (() => {
-		var t = en(), n = t.firstChild;
-		return P(n, () => Zt(e.value, e.unit)), P(t, M(T, {
+		var t = wn(), n = t.firstChild;
+		return P(n, () => xn(e.value, e.unit)), P(t, M(w, {
 			get when() {
 				return F(() => !!e.interpret)() && typeof e.value == "number";
 			},
 			get children() {
-				var t = $t();
-				return P(t, () => Qt(e.value, e.unit)), t;
+				var t = Cn();
+				return P(t, () => Sn(e.value, e.unit)), t;
 			}
 		}), null), N(() => j(t, V("flex flex-col", e.class))), t;
 	})();
 }
 //#endregion
 //#region src/framework/core/Widget.tsx
-var nn = /*#__PURE__*/ L("<div><div class=\"relative h-full w-full\">"), rn = /*#__PURE__*/ L("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), an = /*#__PURE__*/ L("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), on = /*#__PURE__*/ L("<div class=\"flex items-center justify-center text-white/30\">"), sn = /*#__PURE__*/ L("<h3 class=\"font-semibold text-sm text-white/60\">"), cn = /*#__PURE__*/ L("<p class=\"text-white/50 text-xs\">");
-function ln(t) {
-	let n = k(R), [r, i] = O(), [a, o] = O({
+var En = /*#__PURE__*/ I("<div><div class=\"relative h-full w-full\">"), Dn = /*#__PURE__*/ I("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), On = /*#__PURE__*/ I("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), kn = /*#__PURE__*/ I("<div class=\"flex items-center justify-center text-muted-foreground\">"), An = /*#__PURE__*/ I("<h3 class=\"font-semibold text-sm text-foreground\">"), jn = /*#__PURE__*/ I("<p class=\"text-muted-foreground text-xs\">");
+function Mn(t) {
+	let n = k(R), [r, i] = D(), [a, o] = D({
 		width: 0,
 		height: 0
 	});
-	E(() => {
+	pe(() => {
 		let e = r();
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
@@ -565,19 +594,19 @@ function ln(t) {
 				height: e.contentRect.height
 			});
 		});
-		t.observe(e), me(() => t.disconnect());
+		t.observe(e), O(() => t.disconnect());
 	}), he(() => {
 		let e = r()?.getRootNode();
-		Ot(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
+		Kt(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
 	});
 	let s = {
 		updateConfig: n?.updateConfig ?? (() => {}),
 		registerDialogOpener: n?.registerDialogOpener,
 		callService: n?.callService,
 		dimensions: e(() => a(), "ctx.dimensions")
-	}, c = D(() => {
-		if (t.variant) return typeof t.variant == "string" ? At(t.variant) : t.variant;
-	}), l = D(() => ({
+	}, c = E(() => {
+		if (t.variant) return typeof t.variant == "string" ? Jt(t.variant) : t.variant;
+	}), l = e(() => t.gradient, "widget.gradient"), u = E(() => ({
 		"container-type": "size",
 		"container-name": "widget",
 		"touch-action": t.gestures && !t.isEditMode ? t.gestures.touchAction() : void 0,
@@ -585,31 +614,35 @@ function ln(t) {
 		...c()?.styles?.cssVars || {},
 		...t.tone ? { "--widget-color": `var(--tone-${t.tone})` } : {},
 		...t.color ? { "--widget-color": t.color } : {},
-		...t.colorTo ? { "--widget-color-to": t.colorTo } : {},
-		...t.gradient ? { "--widget-gradient": t.gradient } : {}
-	})), u = () => !!t.gestures && !t.isEditMode, d = (e) => {
-		u() && t.gestures?.onPointerEnter(e);
-	}, f = (e) => {
-		u() && t.gestures?.onPointerDown(e);
+		...t.tone && t.tone !== "neutral" || t.color ? { "--glass-tone": "var(--widget-color)" } : {},
+		...t.colorTo ? {
+			"--widget-color-to": t.colorTo,
+			"--glass-tone-2": t.colorTo
+		} : {},
+		...t.gradient ? { "background-image": l() } : {}
+	})), d = () => !!t.gestures && !t.isEditMode, f = (e) => {
+		d() && t.gestures?.onPointerEnter(e);
 	}, p = (e) => {
-		u() && t.gestures?.onPointerMove(e);
+		d() && t.gestures?.onPointerDown(e);
 	}, m = (e) => {
-		u() && t.gestures?.onPointerUp(e);
+		d() && t.gestures?.onPointerMove(e);
 	}, h = (e) => {
-		u() && t.gestures?.onPointerCancel(e);
+		d() && t.gestures?.onPointerUp(e);
+	}, g = (e) => {
+		d() && t.gestures?.onPointerCancel(e);
 	};
 	return M(R.Provider, {
 		value: s,
 		get children() {
-			return M(xt.Provider, {
+			return M(zt.Provider, {
 				value: a,
 				get children() {
-					var e = nn(), n = e.firstChild;
-					return A(e, "pointercancel", h), A(e, "pointerup", m), A(e, "pointermove", p), A(e, "pointerdown", f), A(e, "pointerenter", d), ve((e) => {
+					var e = En(), n = e.firstChild;
+					return A(e, "pointercancel", g), A(e, "pointerup", h), A(e, "pointermove", m), A(e, "pointerdown", p), A(e, "pointerenter", f), ye((e) => {
 						i(e), t.gestures?.bindElement(e);
 					}, e), P(n, (() => {
 						var e = F(() => !!t.emptyState);
-						return () => e() ? M(un, {
+						return () => e() ? M(Nn, {
 							get icon() {
 								return t.emptyState.icon;
 							},
@@ -623,12 +656,12 @@ function ln(t) {
 					})()), P(e, (() => {
 						var e = F(() => !!t.loading);
 						return () => e() && (() => {
-							var e = rn();
-							return N((t) => I(e, "z-index", B.OVERLAY)), e;
+							var e = Dn();
+							return N((t) => _e(e, "z-index", B.OVERLAY)), e;
 						})();
 					})(), null), N((r) => {
-						var i = V("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", c()?.styles?.class, t.class), a = l(), o = B.CONTENT;
-						return i !== r.e && j(e, r.e = i), r.t = _e(e, a, r.t), o !== r.a && I(n, "z-index", r.a = o), r;
+						var i = V("glasshome-widget glass", "relative h-full w-full select-none overflow-hidden rounded-xl", c()?.styles?.class, t.class), a = u(), o = B.CONTENT;
+						return i !== r.e && j(e, r.e = i), r.t = ve(e, a, r.t), o !== r.a && _e(n, "z-index", r.a = o), r;
 					}, {
 						e: void 0,
 						t: void 0,
@@ -639,49 +672,419 @@ function ln(t) {
 		}
 	});
 }
-function un(e) {
+function Nn(e) {
 	return (() => {
-		var t = an();
+		var t = On();
 		return P(t, (() => {
 			var t = F(() => !!e.icon);
 			return () => t() && (() => {
-				var t = on();
+				var t = kn();
 				return P(t, () => e.icon), t;
 			})();
 		})(), null), P(t, (() => {
 			var t = F(() => !!e.title);
 			return () => t() && (() => {
-				var t = sn();
+				var t = An();
 				return P(t, () => e.title), t;
 			})();
 		})(), null), P(t, (() => {
 			var t = F(() => !!e.message);
 			return () => t() && (() => {
-				var t = cn();
+				var t = jn();
 				return P(t, () => e.message), t;
 			})();
 		})(), null), t;
 	})();
 }
-var H = ln;
-H.Content = Pt, H.Icon = Rt, H.Title = Ut, H.Status = Bt, H.Value = tn, H.SliderFill = Mt;
+var H = Mn;
+H.Content = $t, H.Icon = rn, H.Title = ln, H.Status = on, H.Value = Tn, H.SliderFill = Zt;
+//#endregion
+//#region src/framework/dialogs/debug-view.tsx
+var Pn = /*#__PURE__*/ I("<pre class=\"max-h-64 overflow-auto p-3 font-mono text-muted-foreground text-xs leading-relaxed\">"), Fn = /*#__PURE__*/ I("<span class=\"flex items-center gap-2\">"), In = /*#__PURE__*/ I("<section class=\"flex min-w-0 flex-col gap-2\"><header class=\"flex items-center gap-3\"><div class=\"flex min-w-0 flex-1 flex-col\"></div></header><div class=\"flex flex-col gap-2\">"), Ln = /*#__PURE__*/ I("<div class=\"flex flex-col\">"), Rn = /*#__PURE__*/ I("<pre class=\"max-h-96 overflow-auto whitespace-pre-wrap p-3 font-mono text-muted-foreground text-xs leading-relaxed\">");
+function zn(e, t, n) {
+	return {
+		widgetConfig: e,
+		entities: t.map((e) => ({
+			entity_id: e.id,
+			state: e.state,
+			domain: e.domain,
+			friendly_name: e.friendlyName,
+			device_class: e.deviceClass ?? null,
+			area_id: e.areaId,
+			last_changed: e.lastChanged.toISOString(),
+			last_updated: e.lastUpdated.toISOString(),
+			attributes: e.attributes
+		})),
+		...n
+	};
+}
+var Bn = (e) => JSON.stringify(e, null, 2), Vn = {
+	idle: "lucide:copy",
+	copied: "lucide:check",
+	failed: "lucide:triangle-alert"
+}, Hn = {
+	idle: "text-muted-foreground",
+	copied: "text-success",
+	failed: "text-destructive"
+};
+function Un(e) {
+	let { state: t, copy: n } = pn();
+	return M(ke, {
+		variant: "ghost",
+		size: "icon",
+		class: "size-8",
+		get "aria-label"() {
+			return e.label;
+		},
+		onClick: () => void n(e.text()),
+		get children() {
+			return M(qe, {
+				get icon() {
+					return Vn[t()];
+				},
+				width: 16,
+				height: 16,
+				get class() {
+					return Hn[t()];
+				}
+			});
+		}
+	});
+}
+function Wn(e) {
+	let t = e.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ");
+	return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
+}
+var Gn = (e) => typeof e != "object" || !e;
+function Kn(e) {
+	return e == null ? "None" : String(e);
+}
+function qn(e) {
+	return Array.isArray(e) ? e.length : typeof e == "object" && e ? Object.keys(e).length : 0;
+}
+function Jn(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? e : t.toLocaleString();
+}
+function Yn(e) {
+	return M(ut, {
+		class: "overflow-hidden p-0",
+		get children() {
+			var t = Pn();
+			return P(t, () => Bn(e.value)), t;
+		}
+	});
+}
+function Xn(e) {
+	return M(Se, {
+		collapsible: !0,
+		class: "border-border/50 border-t",
+		get children() {
+			return M(we, {
+				get value() {
+					return e.label;
+				},
+				get children() {
+					return [M(Te, {
+						class: "py-3 text-muted-foreground text-xs",
+						get children() {
+							var t = Fn();
+							return P(t, () => e.label, null), P(t, M(w, {
+								get when() {
+									return e.count !== void 0;
+								},
+								get children() {
+									return M(ze, { get children() {
+										return e.count;
+									} });
+								}
+							}), null), t;
+						}
+					}), M(Ce, { get children() {
+						return M(Yn, { get value() {
+							return e.value;
+						} });
+					} })];
+				}
+			});
+		}
+	});
+}
+function U(e) {
+	return (() => {
+		var t = In(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
+		return P(n, M(ct, {
+			get icon() {
+				return e.icon;
+			},
+			size: "sm"
+		}), r), P(r, M(Ge, {
+			class: "truncate",
+			get children() {
+				return e.title;
+			}
+		}), null), P(r, M(w, {
+			get when() {
+				return e.subtitle;
+			},
+			children: (e) => M(lt, {
+				class: "truncate font-mono",
+				get children() {
+					return e();
+				}
+			})
+		}), null), P(n, () => e.badge, null), P(n, M(Un, {
+			get label() {
+				return `Copy ${e.title}`;
+			},
+			text: () => Bn(e.source)
+		}), null), P(i, () => e.children), t;
+	})();
+}
+function Zn(e) {
+	let t = E(() => Object.entries(e.record)), n = E(() => t().filter(([, e]) => Gn(e))), r = E(() => t().filter(([, e]) => !Gn(e)));
+	return M(w, {
+		get when() {
+			return t().length > 0;
+		},
+		get fallback() {
+			return M(lt, { children: "Nothing set" });
+		},
+		get children() {
+			return [M(w, {
+				get when() {
+					return n().length > 0;
+				},
+				get children() {
+					var e = Ln();
+					return P(e, M(C, {
+						get each() {
+							return n();
+						},
+						children: ([e, t]) => M(L, {
+							get label() {
+								return Wn(e);
+							},
+							get children() {
+								return Kn(t);
+							}
+						})
+					})), e;
+				}
+			}), M(C, {
+				get each() {
+					return r();
+				},
+				children: ([e, t]) => M(Xn, {
+					get label() {
+						return Wn(e);
+					},
+					get count() {
+						return qn(t);
+					},
+					value: t
+				})
+			})];
+		}
+	});
+}
+function Qn(e) {
+	let t = () => e.entity.attributes ?? {};
+	return M(U, {
+		icon: "lucide:activity",
+		get title() {
+			return e.entity.friendly_name ?? e.entity.entity_id;
+		},
+		get subtitle() {
+			return e.entity.entity_id;
+		},
+		get badge() {
+			return M(De, { get children() {
+				return e.entity.state;
+			} });
+		},
+		get source() {
+			return e.entity;
+		},
+		get children() {
+			return [(() => {
+				var t = Ln();
+				return P(t, M(L, {
+					label: "Domain",
+					get children() {
+						return e.entity.domain;
+					}
+				}), null), P(t, M(w, {
+					get when() {
+						return e.entity.device_class;
+					},
+					children: (e) => M(L, {
+						label: "Device class",
+						get children() {
+							return e();
+						}
+					})
+				}), null), P(t, M(w, {
+					get when() {
+						return e.entity.area_id;
+					},
+					children: (e) => M(L, {
+						label: "Area",
+						get children() {
+							return e();
+						}
+					})
+				}), null), P(t, M(L, {
+					label: "Changed",
+					get children() {
+						return Jn(e.entity.last_changed);
+					}
+				}), null), P(t, M(L, {
+					label: "Updated",
+					get children() {
+						return Jn(e.entity.last_updated);
+					}
+				}), null), t;
+			})(), M(w, {
+				get when() {
+					return qn(t()) > 0;
+				},
+				get children() {
+					return M(Xn, {
+						label: "Attributes",
+						get count() {
+							return qn(t());
+						},
+						get value() {
+							return t();
+						}
+					});
+				}
+			})];
+		}
+	});
+}
+function $n(e) {
+	let t = E(() => Object.keys(e.data).filter((e) => e !== "widgetConfig" && e !== "entities"));
+	return M(We, { get children() {
+		return [
+			M(U, {
+				icon: "lucide:sliders-horizontal",
+				title: "Configuration",
+				get source() {
+					return e.data.widgetConfig;
+				},
+				get children() {
+					return M(Zn, { get record() {
+						return e.data.widgetConfig;
+					} });
+				}
+			}),
+			M(C, {
+				get each() {
+					return e.data.entities;
+				},
+				children: (e) => M(Qn, { entity: e })
+			}),
+			M(C, {
+				get each() {
+					return t();
+				},
+				children: (t) => M(U, {
+					icon: "lucide:braces",
+					get title() {
+						return Wn(t);
+					},
+					get source() {
+						return e.data[t];
+					},
+					get children() {
+						return M(Yn, { get value() {
+							return e.data[t];
+						} });
+					}
+				})
+			})
+		];
+	} });
+}
+function er(e) {
+	if (typeof e != "object" || !e) return;
+	let t = e;
+	return Array.isArray(t.entities) && typeof t.widgetConfig == "object" ? t : void 0;
+}
+function tr(e) {
+	let t = E(() => er(e.data));
+	return M(w, {
+		get when() {
+			return e.data !== void 0;
+		},
+		get fallback() {
+			return M(Be, { get children() {
+				return M(He, { get children() {
+					return [M(Ue, { children: "Nothing to inspect" }), M(Ve, { children: "This widget publishes no debug information." })];
+				} });
+			} });
+		},
+		get children() {
+			return M(w, {
+				get when() {
+					return t();
+				},
+				get fallback() {
+					return M(U, {
+						icon: "lucide:braces",
+						title: "Debug data",
+						get source() {
+							return e.data;
+						},
+						get children() {
+							return M(w, {
+								get when() {
+									return typeof e.data == "string";
+								},
+								get fallback() {
+									return M(Yn, { get value() {
+										return e.data;
+									} });
+								},
+								get children() {
+									return M(ut, {
+										class: "overflow-hidden p-0",
+										get children() {
+											var t = Rn();
+											return P(t, () => e.data), t;
+										}
+									});
+								}
+							});
+						}
+					});
+				},
+				children: (e) => M($n, { get data() {
+					return e();
+				} })
+			});
+		}
+	});
+}
 //#endregion
 //#region src/framework/dialogs/validate-config.ts
-function dn(e) {
+function nr(e) {
 	let t = "";
 	for (let n of e) t += typeof n == "number" ? `[${n}]` : t ? `.${String(n)}` : String(n);
 	return t;
 }
-function fn(e, t) {
+function rr(e, t) {
 	let n = e.safeParse(t);
 	return n.success ? null : n.error.issues.map((e) => {
-		let t = dn(e.path);
+		let t = nr(e.path);
 		return t ? `${t}: ${e.message}` : e.message;
 	});
 }
 //#endregion
 //#region src/framework/dialogs/WidgetDialog.tsx
-var pn = /*#__PURE__*/ L("<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\">"), mn = /*#__PURE__*/ L("<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"), hn = /*#__PURE__*/ L("<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>"), gn = /*#__PURE__*/ L("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No additional controls"), _n = /*#__PURE__*/ L("<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\">"), vn = /*#__PURE__*/ L("<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"), yn = /*#__PURE__*/ L("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), bn = (e) => ft(e), xn = {
+var ir = /*#__PURE__*/ I("<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\">"), ar = /*#__PURE__*/ I("<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"), or = /*#__PURE__*/ I("<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>"), sr = /*#__PURE__*/ I("<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\">"), cr = /*#__PURE__*/ I("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), lr = (e) => At(e), ur = {
 	sm: "sm",
 	md: "md",
 	lg: "lg",
@@ -690,38 +1093,42 @@ var pn = /*#__PURE__*/ L("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 f
 	"2xl": "xl",
 	"3xl": "xl",
 	"4xl": "full"
+}, dr = {
+	idle: "Copy all",
+	copied: "Copied",
+	failed: "Copy failed"
 };
-function Sn(e) {
-	let [t] = ge(e, /* @__PURE__ */ "open.onOpenChange.title.description.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.ResponsiveDialogBody.ResponsiveDialogFooter.Button.SchemaForm.Tabs.TabsList.TabsTrigger.TabsContent".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = O({}), [a, o] = O(null), [s, c] = O([]);
-	E(pe(() => t.config, (e) => {
+function fr(e) {
+	let [t] = ge(e, /* @__PURE__ */ "open.onOpenChange.title.description.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.ResponsiveDialogBody.ResponsiveDialogFooter.Button.SchemaForm.Tabs.TabsList.TabsTrigger.TabsContent".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = D({}), [a, o] = D(null), [s, c] = D([]);
+	pe(me(() => t.config, (e) => {
 		e && i({ ...e });
-	})), E(pe(() => t.configSchema, (e) => {
-		e && o(bn(e));
+	})), pe(me(() => t.configSchema, (e) => {
+		e && o(lr(e));
 	}));
 	let l = () => n() && JSON.stringify(r()) !== JSON.stringify(t.config), u = (e) => {
 		!e && t.config && (i({ ...t.config }), c([])), t.onOpenChange(e);
 	}, d = () => {
 		let e = t.configSchema;
 		if (e) {
-			let t = fn(e, r());
+			let t = rr(e, r());
 			if (t) {
 				c(t);
 				return;
 			}
 		}
 		c([]), t.onConfigSave?.(r());
-	}, [f, p] = O(t.defaultTab ?? "controls"), m = () => t.activeTab ?? f(), h = (e) => {
+	}, [f, p] = D(t.defaultTab ?? "controls"), m = () => t.activeTab ?? f(), h = (e) => {
 		t.onActiveTabChange ? t.onActiveTabChange(e) : p(e);
-	}, g = () => xn[t.maxWidth ?? "xl"], _ = () => {
+	}, g = () => ur[t.maxWidth ?? "xl"], _ = () => {
 		if (t.tabs) return t.tabs;
 		let e = [];
 		return e.push({
 			id: "edit",
 			label: "Edit",
-			icon: pn(),
+			icon: ir(),
 			content: t.editContent ?? (() => {
 				let e = t.SchemaForm, o = n() ? a() : void 0;
-				return !o || !e ? mn() : M(e, {
+				return !o || !e ? ar() : M(e, {
 					schema: o,
 					get data() {
 						return r();
@@ -735,35 +1142,40 @@ function Sn(e) {
 		}), e.push({
 			id: "controls",
 			label: "Controls",
-			icon: hn(),
-			content: t.controlsContent ?? gn()
+			icon: or(),
+			content: t.controlsContent ?? M(Be, { get children() {
+				return M(He, { get children() {
+					return [M(Ue, { children: "No controls" }), M(Ve, { children: "This widget is shown as is." })];
+				} });
+			} })
 		}), e.push({
 			id: "debug",
 			label: "Debug",
-			icon: _n(),
-			content: t.debugContent ?? vn()
+			icon: sr(),
+			content: t.debugContent ?? M(tr, { get data() {
+				return t.debugData;
+			} })
 		}), e;
-	}, v = async () => {
-		if (t.debugData !== void 0) try {
-			let e = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-			await navigator.clipboard.writeText(e);
-		} catch {}
-	}, ee = t.ResponsiveDialog, y = t.ResponsiveDialogContent, b = t.ResponsiveDialogHeader, te = t.ResponsiveDialogTitle, ne = t.ResponsiveDialogDescription, re = t.ResponsiveDialogBody ?? Le, ie = t.ResponsiveDialogFooter ?? He, ae = t.Tabs ?? nt, oe = t.TabsList ?? ot, se = t.TabsTrigger ?? ct, ce = t.TabsContent ?? it, x = t.Button, S = D(pe([
+	}, v = pn(), ee = () => {
+		if (t.debugData === void 0) return;
+		let e = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+		v.copy(e);
+	}, y = t.ResponsiveDialog, te = t.ResponsiveDialogContent, ne = t.ResponsiveDialogHeader, re = t.ResponsiveDialogTitle, ie = t.ResponsiveDialogDescription, ae = t.ResponsiveDialogBody ?? Qe, oe = t.ResponsiveDialogFooter ?? rt, se = t.Tabs ?? bt, ce = t.TabsList ?? wt, le = t.TabsTrigger ?? Et, ue = t.TabsContent ?? St, b = t.Button, x = E(me([
 		() => t.open,
 		a,
 		() => t.config,
 		() => t.tabs
-	], () => _())), le = (e) => n() ? u(e) : t.onOpenChange(e), ue = () => n() ? l() : t.hasUnsavedChanges, C = () => n() ? d : t.onSave, w = () => {
-		let e = S(), t = m();
+	], () => _())), de = (e) => n() ? u(e) : t.onOpenChange(e), fe = () => n() ? l() : t.hasUnsavedChanges, S = () => n() ? d : t.onSave, T = () => {
+		let e = x(), t = m();
 		return e.some((e) => e.id === t) ? t : e[0]?.id ?? t;
-	}, fe = () => w() === "edit" && (C() || t.onDelete) || w() === "debug" && t.debugData !== void 0;
-	return M(ee, {
+	}, O = () => T() === "edit" && (S() || t.onDelete) || T() === "debug" && t.debugData !== void 0;
+	return M(y, {
 		get open() {
 			return t.open;
 		},
-		onOpenChange: (e) => le(e),
+		onOpenChange: (e) => de(e),
 		get children() {
-			return M(y, {
+			return M(te, {
 				get size() {
 					return g();
 				},
@@ -771,31 +1183,31 @@ function Sn(e) {
 					return t.class;
 				},
 				get children() {
-					return M(ae, {
+					return M(se, {
 						get value() {
-							return w();
+							return T();
 						},
 						onChange: h,
 						layout: "split",
 						get children() {
 							return [
-								M(b, {
+								M(ne, {
 									class: "flex-wrap",
 									get action() {
-										return [M(oe, {
+										return [M(ce, {
 											class: "w-auto",
 											get children() {
-												return M(de, {
+												return M(C, {
 													get each() {
-														return S();
+														return x();
 													},
-													children: (e) => M(se, {
+													children: (e) => M(le, {
 														get value() {
 															return e.id;
 														},
 														get children() {
 															return [(() => {
-																var t = yn();
+																var t = cr();
 																return P(t, () => e.icon), t;
 															})(), F(() => e.label)];
 														}
@@ -805,29 +1217,29 @@ function Sn(e) {
 										}), F(() => t.headerActions)];
 									},
 									get children() {
-										return [M(te, {
+										return [M(re, {
 											class: "truncate",
 											get children() {
 												return t.title;
 											}
-										}), M(T, {
+										}), M(w, {
 											get when() {
 												return t.description;
 											},
 											get children() {
-												return M(ne, { get children() {
+												return M(ie, { get children() {
 													return t.description;
 												} });
 											}
 										})];
 									}
 								}),
-								M(re, { get children() {
-									return M(de, {
+								M(ae, { get children() {
+									return M(C, {
 										get each() {
-											return S();
+											return x();
 										},
-										children: (e) => M(ce, {
+										children: (e) => M(ue, {
 											get value() {
 												return e.id;
 											},
@@ -837,19 +1249,19 @@ function Sn(e) {
 										})
 									});
 								} }),
-								M(T, {
+								M(w, {
 									get when() {
-										return fe();
+										return O();
 									},
 									get children() {
-										return M(ie, { get children() {
+										return M(oe, { get children() {
 											return [
-												M(T, {
+												M(w, {
 													get when() {
-														return F(() => w() === "edit")() && t.onDelete;
+														return F(() => T() === "edit")() && t.onDelete;
 													},
 													get children() {
-														return M(x, {
+														return M(b, {
 															size: "sm",
 															variant: "destructive",
 															onClick: () => t.onDelete?.(),
@@ -857,31 +1269,33 @@ function Sn(e) {
 														});
 													}
 												}),
-												M(T, {
+												M(w, {
 													get when() {
-														return F(() => w() === "edit")() && C();
+														return F(() => T() === "edit")() && S();
 													},
 													get children() {
-														return M(x, {
+														return M(b, {
 															size: "sm",
 															get disabled() {
-																return !ue();
+																return !fe();
 															},
-															onClick: () => C()?.(),
+															onClick: () => S()?.(),
 															children: "Save"
 														});
 													}
 												}),
-												M(T, {
+												M(w, {
 													get when() {
-														return F(() => w() === "debug")() && t.debugData !== void 0;
+														return F(() => T() === "debug")() && t.debugData !== void 0;
 													},
 													get children() {
-														return M(x, {
+														return M(b, {
 															size: "sm",
 															variant: "outline",
-															onClick: v,
-															children: "Copy"
+															onClick: ee,
+															get children() {
+																return dr[v.state()];
+															}
 														});
 													}
 												})
@@ -899,49 +1313,49 @@ function Sn(e) {
 }
 //#endregion
 //#region src/framework/hooks/use-widget-dashboard.ts
-var Cn = {
+var pr = {
 	name: "",
 	icon: "",
 	areaId: null
 };
-function wn() {
+function mr() {
 	let e = k(R);
-	return () => e?.dashboard?.() ?? Cn;
+	return () => e?.dashboard?.() ?? pr;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-viewer.ts
-var Tn = { name: null };
-function En() {
+var hr = { name: null };
+function gr() {
 	let e = k(R);
-	return () => e?.viewer?.() ?? Tn;
+	return () => e?.viewer?.() ?? hr;
 }
 //#endregion
 //#region src/framework/hooks/use-intersection-pause.ts
-function Dn(e) {
+function _r(e) {
 	if (typeof IntersectionObserver > "u") return () => !1;
-	let [t, n] = O(!1), r = new IntersectionObserver((e) => {
+	let [t, n] = D(!1), r = new IntersectionObserver((e) => {
 		let t = e[0];
 		t && n(!t.isIntersecting);
 	});
-	return E(() => {
+	return pe(() => {
 		let t = e();
 		r.disconnect(), t && r.observe(t);
-	}), me(() => r.disconnect()), t;
+	}), O(() => r.disconnect()), t;
 }
 //#endregion
 //#region src/framework/hooks/use-reduced-motion.ts
-function On() {
+function vr() {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => !1;
-	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = O(e.matches), r = (e) => n(e.matches);
-	return e.addEventListener("change", r), me(() => e.removeEventListener("change", r)), t;
+	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = D(e.matches), r = (e) => n(e.matches);
+	return e.addEventListener("change", r), O(() => e.removeEventListener("change", r)), t;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-dialog.ts
-function kn(e = "controls") {
-	let [t, n] = O(!1), [r, i] = O(e), a = (t) => {
+function yr(e = "controls") {
+	let [t, n] = D(!1), [r, i] = D(e), a = (t) => {
 		i(t ?? e), n(!0);
 	}, o = k(R);
-	return o?.registerDialogOpener?.(a), me(() => o?.registerDialogOpener?.(null)), {
+	return o?.registerDialogOpener?.(a), O(() => o?.registerDialogOpener?.(null)), {
 		showDialog: t,
 		setShowDialog: n,
 		openDialog: a,
@@ -962,15 +1376,15 @@ function kn(e = "controls") {
 }
 //#endregion
 //#region src/framework/hooks/use-widget-entity-group.ts
-function An(e) {
-	let t = e.minEntities ?? 1, n = D(() => e.entities().length), r = D(() => n() >= t), i = D(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = D(() => {
+function br(e) {
+	let t = e.minEntities ?? 1, n = E(() => e.entities().length), r = E(() => n() >= t), i = E(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = E(() => {
 		if (!r()) return;
 		let t = e.aggregationMode?.();
 		if (!t || t === "none") return;
 		let n = e.entities();
-		if (t === "light" || t === "binary-sensor" || t === "switch") return Wt(n, e.allEntitiesMode);
-		if (t === "sensor") return Gt(n, e.sensorGroupType?.() ?? "mean", !0);
-	}), o = D(() => r() ? void 0 : e.emptyStateConfig);
+		if (t === "light" || t === "binary-sensor" || t === "switch") return mn(n, e.allEntitiesMode);
+		if (t === "sensor") return hn(n, e.sensorGroupType?.() ?? "mean", !0);
+	}), o = E(() => r() ? void 0 : e.emptyStateConfig);
 	return {
 		entities: e.entities,
 		groupData: i,
@@ -982,142 +1396,142 @@ function An(e) {
 }
 //#endregion
 //#region src/framework/gestures/cursors.ts
-var U = 32, W = U / 2, G = "white", K = "rgba(0,0,0,0.4)", q = 2, J = 3;
-function jn(e) {
+var W = 32, G = W / 2, K = "white", q = "rgba(0,0,0,0.4)", xr = 2, J = 3;
+function Sr(e) {
 	return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
 function Y(e) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${U}" height="${U}" viewBox="0 0 ${U} ${U}">${e}</svg>`;
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${W}" height="${W}" viewBox="0 0 ${W} ${W}">${e}</svg>`;
 }
-var Mn = Y(`
+var Cr = Y(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${q}" stroke-width="${J}" 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="${G}" stroke-width="${q}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${K}" stroke-width="${xr}" 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>
-`), Nn = Y(`
+`), wr = Y(`
   <g>
-    <circle cx="${W}" cy="${W}" r="8" stroke="${K}" stroke-width="${J}" fill="none"/>
-    <circle cx="${W}" cy="${W}" r="8" stroke="${G}" stroke-width="1.5" fill="none"/>
-    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
+    <circle cx="${G}" cy="${G}" r="8" stroke="${q}" stroke-width="${J}" fill="none"/>
+    <circle cx="${G}" cy="${G}" r="8" stroke="${K}" stroke-width="1.5" fill="none"/>
+    <circle cx="${G}" cy="${G}" r="1.5" fill="${K}"/>
   </g>
-`), Pn = Y(`
+`), Tr = Y(`
   <g>
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${W}" x2="26" y2="${W}"/>
-      <polyline points="10,12 6,${W} 10,20"/>
-      <polyline points="22,12 26,${W} 22,20"/>
+    <g stroke="${q}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${G}" x2="26" y2="${G}"/>
+      <polyline points="10,12 6,${G} 10,20"/>
+      <polyline points="22,12 26,${G} 22,20"/>
     </g>
     <!-- main -->
-    <g stroke="${G}" stroke-width="${q}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${W}" x2="26" y2="${W}"/>
-      <polyline points="10,12 6,${W} 10,20"/>
-      <polyline points="22,12 26,${W} 22,20"/>
+    <g stroke="${K}" stroke-width="${xr}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${G}" x2="26" y2="${G}"/>
+      <polyline points="10,12 6,${G} 10,20"/>
+      <polyline points="22,12 26,${G} 22,20"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
-    <circle cx="11" cy="${W}" r="1" fill="${G}" opacity="0.6"/>
-    <circle cx="21" cy="${W}" r="1" fill="${G}" opacity="0.6"/>
+    <circle cx="${G}" cy="${G}" r="1.5" fill="${K}"/>
+    <circle cx="11" cy="${G}" r="1" fill="${K}" opacity="0.6"/>
+    <circle cx="21" cy="${G}" r="1" fill="${K}" opacity="0.6"/>
   </g>
-`), Fn = Y(`
+`), Er = Y(`
   <g>
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${W}" y1="6" x2="${W}" y2="26"/>
-      <polyline points="12,10 ${W},6 20,10"/>
-      <polyline points="12,22 ${W},26 20,22"/>
+    <g stroke="${q}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${G}" y1="6" x2="${G}" y2="26"/>
+      <polyline points="12,10 ${G},6 20,10"/>
+      <polyline points="12,22 ${G},26 20,22"/>
     </g>
     <!-- main -->
-    <g stroke="${G}" stroke-width="${q}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${W}" y1="6" x2="${W}" y2="26"/>
-      <polyline points="12,10 ${W},6 20,10"/>
-      <polyline points="12,22 ${W},26 20,22"/>
+    <g stroke="${K}" stroke-width="${xr}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${G}" y1="6" x2="${G}" y2="26"/>
+      <polyline points="12,10 ${G},6 20,10"/>
+      <polyline points="12,22 ${G},26 20,22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
-    <circle cx="${W}" cy="11" r="1" fill="${G}" opacity="0.6"/>
-    <circle cx="${W}" cy="21" r="1" fill="${G}" opacity="0.6"/>
+    <circle cx="${G}" cy="${G}" r="1.5" fill="${K}"/>
+    <circle cx="${G}" cy="11" r="1" fill="${K}" opacity="0.6"/>
+    <circle cx="${G}" cy="21" r="1" fill="${K}" opacity="0.6"/>
   </g>
-`), In = Y(`
+`), Dr = Y(`
   <g>
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="7" y1="${W}" x2="25" y2="${W}"/>
-      <line x1="${W}" y1="7" x2="${W}" y2="25"/>
-      <polyline points="11,13 7,${W} 11,19"/>
-      <polyline points="21,13 25,${W} 21,19"/>
-      <polyline points="13,11 ${W},7 19,11"/>
-      <polyline points="13,21 ${W},25 19,21"/>
+    <g stroke="${q}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="7" y1="${G}" x2="25" y2="${G}"/>
+      <line x1="${G}" y1="7" x2="${G}" y2="25"/>
+      <polyline points="11,13 7,${G} 11,19"/>
+      <polyline points="21,13 25,${G} 21,19"/>
+      <polyline points="13,11 ${G},7 19,11"/>
+      <polyline points="13,21 ${G},25 19,21"/>
     </g>
     <!-- main -->
-    <g stroke="${G}" stroke-width="${q}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="7" y1="${W}" x2="25" y2="${W}"/>
-      <line x1="${W}" y1="7" x2="${W}" y2="25"/>
-      <polyline points="11,13 7,${W} 11,19"/>
-      <polyline points="21,13 25,${W} 21,19"/>
-      <polyline points="13,11 ${W},7 19,11"/>
-      <polyline points="13,21 ${W},25 19,21"/>
+    <g stroke="${K}" stroke-width="${xr}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="7" y1="${G}" x2="25" y2="${G}"/>
+      <line x1="${G}" y1="7" x2="${G}" y2="25"/>
+      <polyline points="11,13 7,${G} 11,19"/>
+      <polyline points="21,13 25,${G} 21,19"/>
+      <polyline points="13,11 ${G},7 19,11"/>
+      <polyline points="13,21 ${G},25 19,21"/>
     </g>
     <!-- center dot -->
-    <circle cx="${W}" cy="${W}" r="2" fill="${G}"/>
+    <circle cx="${G}" cy="${G}" r="2" fill="${K}"/>
   </g>
 `);
 function X(e, t, n) {
 	return {
-		css: `${jn(e)} ${t} ${n}, auto`,
+		css: `${Sr(e)} ${t} ${n}, auto`,
 		hotspotX: t,
 		hotspotY: n
 	};
 }
 var Z = {
-	tap: X(Mn, 12, 4),
-	hold: X(Nn, 16, 16),
-	slideHorizontal: X(Pn, W, W),
-	slideVertical: X(Fn, W, W),
-	slideAuto: X(In, W, W)
+	tap: X(Cr, 12, 4),
+	hold: X(wr, 16, 16),
+	slideHorizontal: X(Tr, G, G),
+	slideVertical: X(Er, G, G),
+	slideAuto: X(Dr, G, G)
 };
 //#endregion
 //#region src/framework/gestures/haptics.ts
-function Ln() {
+function Or() {
 	if (typeof window > "u") return null;
 	let e = window;
 	return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function Rn(e) {
-	if (!(typeof navigator > "u" || typeof navigator.vibrate != "function")) try {
+function kr(e) {
+	if (typeof navigator < "u" && typeof navigator.vibrate == "function") try {
 		navigator.vibrate(e);
 	} catch {}
 }
-var zn = {
+var Ar = {
 	tick() {
-		let e = Ln();
+		let e = Or();
 		if (e) {
 			e.impact({ style: "Light" }).catch(() => {});
 			return;
 		}
-		Rn(8);
+		kr(8);
 	},
 	bump() {
-		let e = Ln();
+		let e = Or();
 		if (e) {
 			e.impact({ style: "Medium" }).catch(() => {});
 			return;
 		}
-		Rn(20);
+		kr(20);
 	},
 	pulse() {
-		let e = Ln();
+		let e = Or();
 		if (e) {
 			e.impact({ style: "Heavy" }).catch(() => {});
 			return;
 		}
-		Rn([
+		kr([
 			0,
 			15,
 			40,
@@ -1127,7 +1541,7 @@ var zn = {
 };
 //#endregion
 //#region src/framework/gestures/use-widget-gestures.ts
-function Bn(e, t) {
+function jr(e, t) {
 	let n = {
 		isDown: !1,
 		isTouch: !1,
@@ -1138,7 +1552,7 @@ function Bn(e, t) {
 		sliding: !1,
 		holdTimer: null,
 		element: null
-	}, r = null, i = null, a = null, [o, s] = O(null);
+	}, r = null, i = null, a = null, [o, s] = D(null);
 	function c(e) {
 		e !== i && (a && a.disconnect(), a = new ResizeObserver((e) => {
 			let t = e[0];
@@ -1170,7 +1584,7 @@ function Bn(e, t) {
 			if (n.isDown = !0, n.isTouch = t.pointerType === "touch", n.element = t.currentTarget, c(n.element), n.startX = t.clientX, n.startY = t.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, r.hold) {
 				let e = r.hold.delay ?? 300;
 				n.holdTimer = setTimeout(() => {
-					n.holdTimer = null, n.isDown && !n.hasMoved && (zn.bump(), r.hold?.action(), n.isDown = !1);
+					n.holdTimer = null, n.isDown && !n.hasMoved && (Ar.bump(), r.hold?.action(), n.isDown = !1);
 				}, e);
 			}
 			if (!n.isTouch && r.slide) try {
@@ -1238,7 +1652,7 @@ function Bn(e, t) {
 }
 //#endregion
 //#region src/framework/theming/svg-colors.ts
-var Vn = {
+var Mr = {
 	solar: "oklch(0.74 0.18 60)",
 	grid: "oklch(0.62 0.12 245)",
 	battery: "oklch(0.70 0.18 145)",
@@ -1247,21 +1661,21 @@ var Vn = {
 	positive: "oklch(0.70 0.14 160)",
 	negative: "oklch(0.64 0.22 27)"
 };
-function Hn(e) {
+function Nr(e) {
 	return {
 		fill: `color-mix(in oklch, ${e} 20%, transparent)`,
 		stroke: e,
 		solid: e
 	};
 }
-var Un = Object.fromEntries(Object.entries(Vn).map(([e, t]) => [e, Hn(t)])), Wn = o.enum([
+var Pr = Object.fromEntries(Object.entries(Mr).map(([e, t]) => [e, Nr(t)])), Fr = o.enum([
 	"success",
 	"warning",
 	"danger",
 	"info",
 	"neutral",
 	"accent"
-]), Gn = {
+]), Ir = {
 	title: e(() => o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
@@ -1281,38 +1695,38 @@ var Un = Object.fromEntries(Object.entries(Vn).map(([e, t]) => [e, Hn(t)])), Wn
 		formType: "area-picker",
 		title: "Area"
 	}), "widgetFields.areaId")
-}, Kn = 24;
+}, Lr = 24;
 function Q(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-function qn() {
+function Rr() {
 	return o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
 	});
 }
-function Jn(e) {
+function zr(e) {
 	return (e.default === void 0 ? o.string().optional() : o.string().default(e.default)).meta(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Yn(e) {
+function Br(e) {
 	let t = o.number();
 	return e.min !== void 0 && (t = t.min(e.min)), e.max !== void 0 && (t = t.max(e.max)), (e.default === void 0 ? t.optional() : t.default(e.default)).meta(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Xn(e) {
+function Vr(e) {
 	return o.boolean().default(e.default ?? !1).meta(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Zn(e, t) {
+function Hr(e, t) {
 	let n = o.enum(e);
 	return (t.default === void 0 ? n.optional() : n.default(t.default)).meta(Q({
 		title: t.title,
@@ -1320,14 +1734,14 @@ function Zn(e, t) {
 		labels: t.labels
 	}));
 }
-function Qn(e, t) {
+function Ur(e, t) {
 	return o.array(o.enum(e)).default([...t.default ?? []]).meta(Q({
 		title: t.title,
 		description: t.description,
 		labels: t.labels
 	}));
 }
-function $n(e, t) {
+function Wr(e, t) {
 	return o.array(o.string()).default([]).meta(Q({
 		domain: e,
 		title: t?.title ?? "Entities",
@@ -1335,7 +1749,7 @@ function $n(e, t) {
 		deviceClass: t?.deviceClass
 	}));
 }
-function er(e, t) {
+function Gr(e, t) {
 	return o.array(o.string()).default([]).meta(Q({
 		domain: e,
 		title: t?.title ?? "Entity",
@@ -1344,13 +1758,13 @@ function er(e, t) {
 		singleSelect: !0
 	}));
 }
-function tr(e) {
+function Kr(e) {
 	return o.string().optional().meta({
 		formType: "area-picker",
 		title: e?.title ?? "Area"
 	});
 }
-function nr(e) {
+function qr(e) {
 	let t = o.string().meta(Q({
 		formType: "icon-picker",
 		title: e?.title ?? "Icon",
@@ -1358,7 +1772,7 @@ function nr(e) {
 	}));
 	return e?.default === void 0 ? t.optional() : t.default(e.default);
 }
-function rr(e) {
+function Jr(e) {
 	let t = o.string().meta(Q({
 		formType: "image-picker",
 		title: e?.title ?? "Image",
@@ -1366,36 +1780,36 @@ function rr(e) {
 	}));
 	return e?.default === void 0 ? t.optional() : t.default(e.default);
 }
-function ir(e) {
+function Yr(e) {
 	return o.array(o.string()).default([]).meta(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function ar(e, t) {
+function Xr(e, t) {
 	let n = o.object(e);
-	return n.default(pt(n)).meta({ title: t.title });
+	return n.default(jt(n)).meta({ title: t.title });
 }
-function or(e) {
+function Zr(e) {
 	return e.def;
 }
 function $(e) {
 	if (o.globalRegistry.get(e)?.formType === "list") return !0;
-	let t = or(e);
+	let t = Zr(e);
 	return t.shape ? Object.values(t.shape).some($) : t.options ? t.options.some($) : t.element ? $(t.element) : t.innerType ? $(t.innerType) : !1;
 }
-function sr(e) {
-	let t = e, n = or(t).innerType;
-	for (; n;) t = n, n = or(t).innerType;
+function Qr(e) {
+	let t = e, n = Zr(t).innerType;
+	for (; n;) t = n, n = Zr(t).innerType;
 	return t;
 }
-function cr(e) {
-	let t = or(sr(e));
+function $r(e) {
+	let t = Zr(Qr(e));
 	if (t.shape) return new Set(Object.keys(t.shape));
 	if (t.options) {
 		let e = [];
 		for (let n of t.options) {
-			let t = cr(n);
+			let t = $r(n);
 			if (!t) return null;
 			e.push(t);
 		}
@@ -1407,7 +1821,7 @@ function cr(e) {
 	}
 	return null;
 }
-function lr(e, t, n) {
+function ei(e, t, n) {
 	let r = { [t]: n };
 	try {
 		return e.parse(r);
@@ -1415,12 +1829,12 @@ function lr(e, t, n) {
 		return r;
 	}
 }
-function ur(e, t) {
+function ti(e, t) {
 	if (!Number.isInteger(t.max) || t.max < 1) throw Error(`field.list: max must be a positive integer, got ${t.max}`);
-	if (t.max > Kn) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${Kn}`);
+	if (t.max > Lr) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${Lr}`);
 	if (t.min !== void 0 && (!Number.isInteger(t.min) || t.min < 0 || t.min > t.max)) throw Error(`field.list: min must be an integer between 0 and max, got ${t.min}`);
 	if ($(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
-	if (t.labelField !== void 0 && !cr(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
+	if (t.labelField !== void 0 && !$r(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
 	let n = o.array(e);
 	return t.min !== void 0 && (n = n.min(t.min)), n = n.max(t.max), n.default([]).meta(Q({
 		formType: "list",
@@ -1430,7 +1844,7 @@ function ur(e, t) {
 		labelField: t.labelField
 	}));
 }
-function dr(e, t, n) {
+function ni(e, t, n) {
 	let r = Object.keys(t)[0];
 	if (r === void 0) throw Error("field.variants: at least one variant is required");
 	if (n.shared && e in n.shared) throw Error(`field.variants: shared fields cannot redefine the discriminator "${e}"`);
@@ -1443,7 +1857,7 @@ function dr(e, t, n) {
 		...r,
 		[e]: o.literal(t)
 	})), a = o.discriminatedUnion(e, i), s = i[0];
-	return a.default(s ? lr(s, e, r) : {}).meta(Q({
+	return a.default(s ? ei(s, e, r) : {}).meta(Q({
 		formType: "variants",
 		discriminator: e,
 		title: n.title,
@@ -1451,29 +1865,29 @@ function dr(e, t, n) {
 		labels: n.labels
 	}));
 }
-var fr = {
-	title: qn,
-	text: Jn,
-	number: Yn,
-	toggle: Xn,
-	choice: Zn,
-	choices: Qn,
-	entities: $n,
-	entity: er,
-	area: tr,
-	icon: nr,
-	image: rr,
-	stringList: ir,
-	group: ar,
-	list: ur,
-	variants: dr
+var ri = {
+	title: Rr,
+	text: zr,
+	number: Br,
+	toggle: Vr,
+	choice: Hr,
+	choices: Ur,
+	entities: Wr,
+	entity: Gr,
+	area: Kr,
+	icon: qr,
+	image: Jr,
+	stringList: Yr,
+	group: Xr,
+	list: ti,
+	variants: ni
 };
-function pr(e) {
+function ii(e) {
 	return o.object(e);
 }
 //#endregion
 //#region src/shared/spline.ts
-function mr(e) {
+function ai(e) {
 	if (e.length < 2) return "";
 	let t = e[0], n = e[1];
 	if (!t || !n) return "";
@@ -1500,14 +1914,14 @@ function mr(e) {
 }
 //#endregion
 //#region src/theme.ts
-function hr() {
+function oi() {
 	return document.documentElement.classList.contains("dark");
 }
 //#endregion
 //#region src/version.ts
-var gr = {
+var si = {
 	name: "@glasshome/widget-sdk",
-	version: "1.15.0",
+	version: "1.16.0",
 	description: "SDK for building GlassHome dashboard widgets with SolidJS",
 	keywords: [
 		"glasshome",
@@ -1567,7 +1981,7 @@ var gr = {
 	},
 	peerDependencies: {
 		"@glasshome/sync-layer": "0.8.1",
-		"@glasshome/ui": "1.14.0",
+		"@glasshome/ui": "1.18.0",
 		"solid-js": "^1.9.11"
 	},
 	dependencies: {
@@ -1582,7 +1996,7 @@ var gr = {
 		zod: "^4.1.13"
 	},
 	devDependencies: {
-		"@glasshome/ui": "1.14.0",
+		"@glasshome/ui": "1.18.0",
 		"@solidjs/testing-library": "^0.8.10",
 		"@types/bun": "^1.4.0",
 		"@types/node": "^25.2.2",
@@ -1603,4 +2017,4 @@ var gr = {
 	engines: { node: ">=18" }
 }.version;
 //#endregion
-export { xe as Badge, Se as Button, Ce as Carousel, we as CarouselContent, Te as CarouselDots, Ee as CarouselItem, De as CarouselNext, Oe as CarouselPrevious, ke as ColorSlider, Ae as ColorWheel, je as CountPill, Me as Icon, Ne as Input, Pe as Label, Fe as ResponsiveDialog, Ie as ResponsiveDialogBody, Re as ResponsiveDialogClose, ze as ResponsiveDialogContent, Be as ResponsiveDialogDescription, Ve as ResponsiveDialogFooter, Ue as ResponsiveDialogHeader, We as ResponsiveDialogTitle, gr as SDK_VERSION, Ge as SchemaForm, Ke as SectionIcon, qe as SectionTitle, Je as Select, Ye as SelectContent, Xe as SelectItem, Ze as SelectTrigger, Qe as SelectValue, $e as Slider, et as Switch, tt as Tabs, rt as TabsContent, at as TabsList, st as TabsTrigger, Wn as ToneSchema, H as Widget, Pt as WidgetContent, R as WidgetCtx, Sn as WidgetDialog, Rt as WidgetIcon, r as WidgetManifestSchema, xt as WidgetSizeCtx, Mt as WidgetSliderFill, Bt as WidgetStatus, Ut as WidgetTitle, tn as WidgetValue, g as byDomain, Wt as calculateLightGroup, Gt as calculateSensorGroup, Xt as countActiveEntities, pr as defineConfig, mt as defineWidget, t as deprecations, fr as field, n as formatDeprecation, i as formatSchemaError, Yt as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, lt as imageUrl, Ot as injectTokens, hr as isDark, Jt as isEntityActive, ut as mediaUrl, mr as monotoneCubicPath, dt as parseColor, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, Un as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, ee as useCamera, y as useConnection, b as useCurrency, te as useEntities, ne as useEntity, re as useEntityHistory, ie as useEntityStatistics, ae as useForecast, oe as useHassConfig, Dn as useIntersectionPause, se as useLocale, On as useReducedMotion, _t as useService, x as useStore, S as useTemperatureUnit, bt as useToggle, yt as useTurnOff, vt as useTurnOn, w as useUnitSystem, ht as useWidgetContext, wn as useWidgetDashboard, kn as useWidgetDialog, St as useWidgetDimensions, An as useWidgetEntityGroup, Bn as useWidgetGestures, En as useWidgetViewer, Gn as widgetFields, a as z };
+export { Ee as Badge, Oe as Button, Ae as Carousel, je as CarouselContent, Me as CarouselDots, Ne as CarouselItem, Pe as CarouselNext, Fe as CarouselPrevious, Ie as ColorSlider, Le as ColorWheel, Re as CountPill, Ke as Icon, Je as Input, Ye as Label, Xe as ResponsiveDialog, Ze as ResponsiveDialogBody, $e as ResponsiveDialogClose, et as ResponsiveDialogContent, tt as ResponsiveDialogDescription, nt as ResponsiveDialogFooter, it as ResponsiveDialogHeader, at as ResponsiveDialogTitle, si as SDK_VERSION, ot as SchemaForm, st as SectionIcon, dt as SectionTitle, ft as Select, pt as SelectContent, mt as SelectItem, ht as SelectTrigger, gt as SelectValue, _t as Slider, vt as Switch, yt as Tabs, xt as TabsContent, Ct as TabsList, Tt as TabsTrigger, Fr as ToneSchema, H as Widget, $t as WidgetContent, R as WidgetCtx, tr as WidgetDebugTab, $n as WidgetDebugView, fr as WidgetDialog, rn as WidgetIcon, r as WidgetManifestSchema, zt as WidgetSizeCtx, Zt as WidgetSliderFill, on as WidgetStatus, ln as WidgetTitle, Tn as WidgetValue, zn as buildDebugData, g as byDomain, mn as calculateLightGroup, hn as calculateSensorGroup, un as copyText, bn as countActiveEntities, ii as defineConfig, Mt as defineWidget, t as deprecations, ri as field, n as formatDeprecation, i as formatSchemaError, yn as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, Dt as imageUrl, Kt as injectTokens, oi as isDark, vn as isEntityActive, Ot as mediaUrl, ai as monotoneCubicPath, kt as parseColor, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, Pr as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, ee as useCamera, y as useConnection, pn as useCopyText, te as useCurrency, ne as useEntities, re as useEntity, ie as useEntityHistory, ae as useEntityStatistics, oe as useForecast, se as useHassConfig, _r as useIntersectionPause, ce as useLocale, vr as useReducedMotion, Ft as useService, ue as useStore, b as useTemperatureUnit, Rt as useToggle, Lt as useTurnOff, It as useTurnOn, S as useUnitSystem, Nt as useWidgetContext, mr as useWidgetDashboard, yr as useWidgetDialog, Bt as useWidgetDimensions, br as useWidgetEntityGroup, jr as useWidgetGestures, gr as useWidgetViewer, Ir as widgetFields, a as z };