@glasshome/widget-sdk 0.3.0 → 0.3.3

package/dist/index.js

@@ -1,7 +1,7 @@
-import { createSignal as L, createContext as pt, useContext as vt, createEffect as Y, untrack as dt, createMemo as _, splitProps as St, on as gt, Show as J } from "solid-js";
+import { createSignal as L, createContext as pt, useContext as vt, createEffect as Y, untrack as dt, createMemo as A, splitProps as St, on as gt, Show as J } from "solid-js";
 import { z as X } from "zod";
 import { GridSizeSchema as lr, PublishBodySchema as cr, PublishConfirmSchema as ur, PublishRequestSchema as dr, WidgetManifestSchema as gr, formatSchemaError as mr, parseGridSize as fr, serializeGridSize as hr } from "./schemas.js";
-import { memo as N, effect as M, setStyleProperty as C, className as k, template as v, insert as h, style as et, createComponent as V, use as Ct, delegateEvents as Mt } from "solid-js/web";
+import { memo as _, effect as M, setStyleProperty as C, className as k, template as v, insert as h, style as et, createComponent as V, use as Ct, delegateEvents as Mt } from "solid-js/web";
 import { clsx as zt } from "clsx";
 import { twMerge as Dt } from "tailwind-merge";
 import { createElementSize as _t } from "@solid-primitives/resize-observer";
@@ -250,7 +250,7 @@ function Tn(t = "column", e = "start", n = "start", i) {
 var Ft = /* @__PURE__ */ v("<div>"), Ut = /* @__PURE__ */ v('<div class="pointer-events-none absolute inset-0 opacity-40 blur-2xl">');
 function Yt(t) {
   const e = G(), n = () => e.orientation() === "vertical" ? `inset(${100 - t.value}% 0 0 0)` : `inset(0 ${100 - t.value}% 0 0)`, i = () => t.color ?? "rgb(59, 130, 246)";
-  return [N(() => N(() => !!((t.glow ?? !1) && t.value > 0))() && (() => {
+  return [_(() => _(() => !!((t.glow ?? !1) && t.value > 0))() && (() => {
     var r = Ut();
     return M((a) => {
       var o = i(), s = F.BACKGROUND;
@@ -262,8 +262,8 @@ function Yt(t) {
   })()), (() => {
     var r = Ft();
     return M((a) => {
-      var o = $("pointer-events-none absolute inset-0", t.isDragging ? "duration-0" : "transition-all duration-300 ease-out", t.class), s = i(), l = n(), g = t.opacity ?? 0.3, d = F.BACKGROUND;
-      return o !== a.e && k(r, a.e = o), s !== a.t && C(r, "background", a.t = s), l !== a.a && C(r, "clip-path", a.a = l), g !== a.o && C(r, "opacity", a.o = g), d !== a.i && C(r, "z-index", a.i = d), a;
+      var o = $("pointer-events-none absolute inset-0", t.isDragging ? "duration-0" : "transition-all duration-300 ease-out", t.class), s = i(), l = n(), m = t.opacity ?? 0.3, d = F.BACKGROUND;
+      return o !== a.e && k(r, a.e = o), s !== a.t && C(r, "background", a.t = s), l !== a.a && C(r, "clip-path", a.a = l), m !== a.o && C(r, "opacity", a.o = m), d !== a.i && C(r, "z-index", a.i = d), a;
     }, {
       e: void 0,
       t: void 0,
@@ -494,12 +494,12 @@ function re(t) {
   return (() => {
     var i = Zt(), r = i.firstChild;
     return h(i, (() => {
-      var a = N(() => !!t.icon);
+      var a = _(() => !!t.icon);
       return () => a() && (() => {
         var o = Qt();
         return h(o, () => t.icon), M((s) => {
-          var l = $("flex items-center justify-center text-foreground/30", n() ? "shrink-0" : ""), g = `${W.icon(e.size())}px`, d = `${W.icon(e.size())}px`;
-          return l !== s.e && k(o, s.e = l), g !== s.t && C(o, "width", s.t = g), d !== s.a && C(o, "height", s.a = d), s;
+          var l = $("flex items-center justify-center text-foreground/30", n() ? "shrink-0" : ""), m = `${W.icon(e.size())}px`, d = `${W.icon(e.size())}px`;
+          return l !== s.e && k(o, s.e = l), m !== s.t && C(o, "width", s.t = m), d !== s.a && C(o, "height", s.a = d), s;
         }, {
           e: void 0,
           t: void 0,
@@ -507,38 +507,38 @@ function re(t) {
         }), o;
       })();
     })(), r), h(r, (() => {
-      var a = N(() => !!(t.title ?? "No data"));
+      var a = _(() => !!(t.title ?? "No data"));
       return () => a() && (() => {
         var o = te();
         return h(o, () => t.title ?? "No data"), M((s) => {
-          var l = $("font-semibold text-foreground/60", j.subtitle(e.size())), g = n() ? "100%" : "80%";
-          return l !== s.e && k(o, s.e = l), g !== s.t && C(o, "max-width", s.t = g), s;
+          var l = $("font-semibold text-foreground/60", j.subtitle(e.size())), m = n() ? "100%" : "80%";
+          return l !== s.e && k(o, s.e = l), m !== s.t && C(o, "max-width", s.t = m), s;
         }, {
           e: void 0,
           t: void 0
         }), o;
       })();
     })(), null), h(r, (() => {
-      var a = N(() => !!t.message);
+      var a = _(() => !!t.message);
       return () => a() && (() => {
         var o = ee();
         return h(o, () => t.message), M((s) => {
-          var l = $("text-foreground/50", j.emptyState(e.size())), g = n() ? "100%" : "85%";
-          return l !== s.e && k(o, s.e = l), g !== s.t && C(o, "max-width", s.t = g), s;
+          var l = $("text-foreground/50", j.emptyState(e.size())), m = n() ? "100%" : "85%";
+          return l !== s.e && k(o, s.e = l), m !== s.t && C(o, "max-width", s.t = m), s;
         }, {
           e: void 0,
           t: void 0
         }), o;
       })();
     })(), null), h(r, (() => {
-      var a = N(() => !!t.action);
+      var a = _(() => !!t.action);
       return () => a() && (() => {
         var o = ne();
         return h(o, () => t.action), o;
       })();
     })(), null), M((a) => {
-      var o = $("flex h-full w-full", n() ? "flex-row items-center justify-start" : "flex-col items-center justify-center text-center", t.class), s = W.S2(e.size()), l = W.container(e.size()), g = $("flex flex-col", n() ? "items-start text-left" : "items-center text-center"), d = W.S1(e.size());
-      return o !== a.e && k(i, a.e = o), s !== a.t && C(i, "gap", a.t = s), l !== a.a && C(i, "padding", a.a = l), g !== a.o && k(r, a.o = g), d !== a.i && C(r, "gap", a.i = d), a;
+      var o = $("flex h-full w-full", n() ? "flex-row items-center justify-start" : "flex-col items-center justify-center text-center", t.class), s = W.S2(e.size()), l = W.container(e.size()), m = $("flex flex-col", n() ? "items-start text-left" : "items-center text-center"), d = W.S1(e.size());
+      return o !== a.e && k(i, a.e = o), s !== a.t && C(i, "gap", a.t = s), l !== a.a && C(i, "padding", a.a = l), m !== a.o && k(r, a.o = m), d !== a.i && C(r, "gap", a.i = d), a;
     }, {
       e: void 0,
       t: void 0,
@@ -607,24 +607,24 @@ function ue(t) {
       width: `${W.icon(e.size())}px`,
       height: `${W.icon(e.size())}px`,
       "border-radius": "var(--radius-sm, 12px)"
-    }, g = r(), d = a();
-    return g && Object.assign(l, g), d && Object.assign(l, d), l;
-  }, s = (l, g, d) => {
+    }, m = r(), d = a();
+    return m && Object.assign(l, m), d && Object.assign(l, d), l;
+  }, s = (l, m, d) => {
     const x = {
       width: `${W.icon(e.size()) * 1.02}px`,
       height: `${W.icon(e.size()) * 1.02}px`,
       "border-radius": "var(--radius-sm, 12px)",
       bottom: `${-W.icon(e.size()) * l}px`,
       right: `${-W.icon(e.size()) * (l * 0.71)}px`,
-      "z-index": g,
+      "z-index": m,
       opacity: d
     }, p = r();
     return p && Object.assign(x, p), x;
   };
   return (() => {
-    var l = ce(), g = l.firstChild;
+    var l = ce(), m = l.firstChild;
     return h(l, (() => {
-      var d = N(() => (t.entityCount ?? 1) >= 2);
+      var d = _(() => (t.entityCount ?? 1) >= 2);
       return () => d() && (() => {
         var x = ft();
         return M((p) => {
@@ -635,8 +635,8 @@ function ue(t) {
           t: void 0
         }), x;
       })();
-    })(), g), h(l, (() => {
-      var d = N(() => (t.entityCount ?? 1) >= 3);
+    })(), m), h(l, (() => {
+      var d = _(() => (t.entityCount ?? 1) >= 3);
       return () => d() && (() => {
         var x = ft();
         return M((p) => {
@@ -647,7 +647,7 @@ function ue(t) {
           t: void 0
         }), x;
       })();
-    })(), g), h(g, () => t.icon), M((d) => {
+    })(), m), h(m, () => t.icon), M((d) => {
       var x = $(
         "relative flex shrink-0 items-center justify-center transition-all",
         "pointer-events-none",
@@ -658,7 +658,7 @@ function ue(t) {
         !i() && t.glow,
         t.class
       ), p = o(), c = `${W.iconSize(e.size())}px`;
-      return x !== d.e && k(l, d.e = x), d.t = et(l, p, d.t), c !== d.a && C(g, "font-size", d.a = c), d;
+      return x !== d.e && k(l, d.e = x), d.t = et(l, p, d.t), c !== d.a && C(m, "font-size", d.a = c), d;
     }, {
       e: void 0,
       t: void 0,
@@ -682,20 +682,20 @@ function xe(t) {
   return (() => {
     var n = ge(), i = n.firstChild, r = i.firstChild, a = i.nextSibling;
     return h(i, (() => {
-      var o = N(() => !!t.icon);
+      var o = _(() => !!t.icon);
       return () => o() && (() => {
         var s = me();
         return h(s, () => t.icon), s;
       })();
     })(), r), h(r, () => t.label), h(a, () => t.value, null), h(a, (() => {
-      var o = N(() => !!t.unit);
+      var o = _(() => !!t.unit);
       return () => o() && (() => {
         var s = fe();
         return h(s, () => t.unit), s;
       })();
     })(), null), M((o) => {
-      var s = $("flex flex-col", t.dimmed && "opacity-50", t.class), l = W.S1(e.size()), g = $("flex items-center gap-1 text-foreground/60", j.metricLabel(e.size())), d = $("font-semibold text-foreground", j.metricValue(e.size()));
-      return s !== o.e && k(n, o.e = s), l !== o.t && C(n, "gap", o.t = l), g !== o.a && k(i, o.a = g), d !== o.o && k(a, o.o = d), o;
+      var s = $("flex flex-col", t.dimmed && "opacity-50", t.class), l = W.S1(e.size()), m = $("flex items-center gap-1 text-foreground/60", j.metricLabel(e.size())), d = $("font-semibold text-foreground", j.metricValue(e.size()));
+      return s !== o.e && k(n, o.e = s), l !== o.t && C(n, "gap", o.t = l), m !== o.a && k(i, o.a = m), d !== o.o && k(a, o.o = d), o;
     }, {
       e: void 0,
       t: void 0,
@@ -712,7 +712,7 @@ function be(t) {
   return (() => {
     var n = ve();
     return h(n, (() => {
-      var i = N(() => !!t.isUnavailable);
+      var i = _(() => !!t.isUnavailable);
       return () => i() ? "Unavailable" : t.children;
     })()), M((i) => {
       var r = $("relative font-bold text-foreground", t.dimmed && "opacity-40", j.status(e.size()), t.class), a = F.ACTIONS;
@@ -737,7 +737,7 @@ function pe(t) {
   return (() => {
     var n = $e(), i = n.firstChild;
     return h(i, () => t.children), h(n, (() => {
-      var r = N(() => t.badge !== void 0 && t.badge > 0);
+      var r = _(() => t.badge !== void 0 && t.badge > 0);
       return () => r() && (() => {
         var a = ke();
         return h(a, () => t.badge), M(() => k(a, $("shrink-0 rounded-full bg-foreground/20 px-2 py-0.5 font-medium text-foreground", j.badge(e.size())))), a;
@@ -791,11 +791,11 @@ function Se(t, e = !1) {
     };
   }
   let i = 0, r = 0, a = 0, o = 0, s = 0, l = 0;
-  const g = [];
+  const m = [];
   for (const z of t)
     switch (z.state) {
       case "on":
-        i++, z.attributes?.brightness !== void 0 && (s += z.attributes.brightness, l++), z.attributes?.rgb_color && g.push(z.attributes.rgb_color);
+        i++, z.attributes?.brightness !== void 0 && (s += z.attributes.brightness, l++), z.attributes?.rgb_color && m.push(z.attributes.rgb_color);
         break;
       case "off":
         r++;
@@ -811,12 +811,12 @@ function Se(t, e = !1) {
   let y, O;
   e ? x ? (y = "unavailable", O = !1) : a > 0 || o > 0 ? (y = "unknown", O = !1) : r > 0 ? (y = "off", O = !1) : (y = "on", O = !0) : x ? (y = "unavailable", O = !1) : p ? (y = "unknown", O = !1) : c ? (y = "on", O = !0) : (y = "off", O = !1);
   const P = l > 0 ? Math.round(s / l) : 0, w = Math.round(P / 255 * 100);
-  let A;
-  if (g.length > 0) {
-    const z = Math.round(g.reduce((f, R) => f + R[0], 0) / g.length), S = Math.round(g.reduce((f, R) => f + R[1], 0) / g.length), E = Math.round(g.reduce((f, R) => f + R[2], 0) / g.length), I = P / 255;
-    A = `rgb(${Math.round(z * I)}, ${Math.round(S * I)}, ${Math.round(E * I)})`;
+  let N;
+  if (m.length > 0) {
+    const z = Math.round(m.reduce((g, R) => g + R[0], 0) / m.length), S = Math.round(m.reduce((g, R) => g + R[1], 0) / m.length), E = Math.round(m.reduce((g, R) => g + R[2], 0) / m.length), I = P / 255;
+    N = `rgb(${Math.round(z * I)}, ${Math.round(S * I)}, ${Math.round(E * I)})`;
   } else
-    A = ht(t[0]);
+    N = ht(t[0]);
   let T;
   return u ? T = "All on" : b ? T = "All off" : i > 0 ? T = `${i} of ${d} on` : T = "Off", {
     isGroup: n,
@@ -825,7 +825,7 @@ function Se(t, e = !1) {
     isUnavailable: y === "unavailable",
     brightness: P,
     brightnessPercent: w,
-    color: A,
+    color: N,
     onCount: i,
     totalCount: d,
     description: T
@@ -875,8 +875,8 @@ function Ce(t, e = "mean", n = !0) {
       friendly_name: c.friendlyName
     }));
   }
-  const l = o === t.length, g = r.length === 0;
-  if (l || g)
+  const l = o === t.length, m = r.length === 0;
+  if (l || m)
     return {
       isGroup: i,
       state: l ? "unavailable" : "unknown",
@@ -1001,7 +1001,7 @@ function Te(t) {
   return (() => {
     var n = Ae(), i = n.firstChild;
     return h(i, () => De(t.value, t.unit)), h(n, (() => {
-      var r = N(() => !!(t.interpret && typeof t.value == "number"));
+      var r = _(() => !!(t.interpret && typeof t.value == "number"));
       return () => r() && (() => {
         var a = Ne();
         return h(a, () => _e(t.value, t.unit)), M((o) => {
@@ -1036,27 +1036,27 @@ function je(t) {
   let e;
   const n = _t(() => e), i = 2, [r, a] = L(0), [o, s] = L(0);
   Y(() => {
-    const w = Math.round(n.width ?? 0), A = Math.round(n.height ?? 0), T = dt(r), z = dt(o);
-    (Math.abs(w - T) > i || Math.abs(A - z) > i) && (a(w), s(A));
+    const w = Math.round(n.width ?? 0), N = Math.round(n.height ?? 0), T = dt(r), z = dt(o);
+    (Math.abs(w - T) > i || Math.abs(N - z) > i) && (a(w), s(N));
   });
-  const l = _(() => {
+  const l = A(() => {
     if (t.variant)
       return typeof t.variant == "string" ? Gt(t.variant) : t.variant;
-  }), g = _(() => ({
+  }), m = A(() => ({
     width: r(),
     height: o(),
     gridWidth: Math.max(1, Math.round(r() / 150)),
     gridHeight: Math.max(1, Math.round(o() / 75))
   }), void 0, {
-    equals: (w, A) => w.width === A.width && w.height === A.height && w.gridWidth === A.gridWidth && w.gridHeight === A.gridHeight
-  }), d = _(() => {
-    const w = g();
+    equals: (w, N) => w.width === N.width && w.height === N.height && w.gridWidth === N.gridWidth && w.gridHeight === N.gridHeight
+  }), d = A(() => {
+    const w = m();
     return He(w.gridWidth, w.gridHeight);
-  }), x = _(() => {
-    const w = g();
+  }), x = A(() => {
+    const w = m();
     return Be(w.width, w.height);
-  }), p = _(() => {
-    const w = g();
+  }), p = A(() => {
+    const w = m();
     return Le(w.width, w.height);
   }), c = vt(st), u = c;
   u?._isStub?.() && u._bridge && (Y(() => {
@@ -1066,7 +1066,7 @@ function je(t) {
   }), Y(() => {
     u._bridge.setContentLayout(p());
   }), Y(() => {
-    u._bridge.setDimensions(g());
+    u._bridge.setDimensions(m());
   }), Y(() => {
     u._bridge.setIsStub(!1);
   }));
@@ -1074,11 +1074,11 @@ function je(t) {
     size: d,
     orientation: x,
     contentLayout: p,
-    dimensions: g,
+    dimensions: m,
     isEditMode: () => t.isEditMode ?? !1,
     updateConfig: c?.updateConfig ?? (() => {
     })
-  }, y = "bg-gradient-to-br from-gray-500/20 to-gray-600/20", O = _(() => t.emptyState && !t.gradient ? y : t.gradient), P = _(() => ({
+  }, y = "bg-gradient-to-br from-gray-500/20 to-gray-600/20", O = A(() => t.emptyState && !t.gradient ? y : t.gradient), P = A(() => ({
     "container-type": "size",
     "container-name": "widget",
     ...l()?.styles?.container,
@@ -1087,21 +1087,21 @@ function je(t) {
   return V(st.Provider, {
     value: b,
     get children() {
-      var w = Oe(), A = w.firstChild, T = A.firstChild, z = e;
-      return typeof z == "function" ? Ct(z, w) : e = w, h(A, (() => {
-        var S = N(() => !!t.backgroundGlow);
+      var w = Oe(), N = w.firstChild, T = N.firstChild, z = e;
+      return typeof z == "function" ? Ct(z, w) : e = w, h(N, (() => {
+        var S = _(() => !!t.backgroundGlow);
         return () => S() && (() => {
           var E = Ee(), I = E.firstChild;
-          return M((f) => {
+          return M((g) => {
             var R = F.BACKGROUND, H = $("absolute inset-0 opacity-20 blur-2xl", t.backgroundGlow);
-            return R !== f.e && C(E, "z-index", f.e = R), H !== f.t && k(I, f.t = H), f;
+            return R !== g.e && C(E, "z-index", g.e = R), H !== g.t && k(I, g.t = H), g;
           }, {
             e: void 0,
             t: void 0
           }), E;
         })();
       })(), T), h(T, (() => {
-        var S = N(() => !!t.emptyState);
+        var S = _(() => !!t.emptyState);
         return () => S() ? V(Pe, {
           get icon() {
             return t.emptyState.icon;
@@ -1113,8 +1113,8 @@ function je(t) {
             return t.emptyState.message;
           }
         }) : t.children;
-      })()), h(A, (() => {
-        var S = N(() => !!t.loading);
+      })()), h(N, (() => {
+        var S = _(() => !!t.loading);
         return () => S() && (() => {
           var E = Ve();
           return M((I) => C(E, "z-index", F.OVERLAY)), E;
@@ -1126,12 +1126,12 @@ function je(t) {
           l()?.styles?.class,
           // Custom class (highest priority)
           t.class
-        ), I = P(), f = $(
+        ), I = P(), g = $(
           "relative h-full w-full overflow-hidden rounded-xl",
           // Gradient prop (overrides variant, auto-applied for empty state)
           O()
         ), R = F.CONTENT;
-        return E !== S.e && k(w, S.e = E), S.t = et(w, I, S.t), f !== S.a && k(A, S.a = f), R !== S.o && C(T, "z-index", S.o = R), S;
+        return E !== S.e && k(w, S.e = E), S.t = et(w, I, S.t), g !== S.a && k(N, S.a = g), R !== S.o && C(T, "z-index", S.o = R), S;
       }, {
         e: void 0,
         t: void 0,
@@ -1145,19 +1145,19 @@ function Pe(t) {
   return (() => {
     var e = We();
     return h(e, (() => {
-      var n = N(() => !!t.icon);
+      var n = _(() => !!t.icon);
       return () => n() && (() => {
         var i = Ie();
         return h(i, () => t.icon), i;
       })();
     })(), null), h(e, (() => {
-      var n = N(() => !!t.title);
+      var n = _(() => !!t.title);
       return () => n() && (() => {
         var i = Re();
         return h(i, () => t.title), i;
       })();
     })(), null), h(e, (() => {
-      var n = N(() => !!t.message);
+      var n = _(() => !!t.message);
       return () => n() && (() => {
         var i = Ge();
         return h(i, () => t.message), i;
@@ -1215,7 +1215,7 @@ function Ln(t) {
     }), i;
   })();
 }
-var Xe = /* @__PURE__ */ v('<span class="inline-flex size-3.5 shrink-0 items-center">'), Ke = /* @__PURE__ */ v("<button type=button>"), qe = /* @__PURE__ */ v('<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">'), Je = /* @__PURE__ */ v('<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'), Ze = /* @__PURE__ */ v('<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>'), Qe = /* @__PURE__ */ v('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), tn = /* @__PURE__ */ v('<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">'), en = /* @__PURE__ */ v('<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'), nn = /* @__PURE__ */ v('<div class="min-w-0 shrink-0">'), rn = /* @__PURE__ */ v('<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">'), an = /* @__PURE__ */ v('<div class="min-h-0 flex-1 overflow-y-auto">'), on = /* @__PURE__ */ v('<div class="flex shrink-0 justify-end pt-3">');
+var Xe = /* @__PURE__ */ v('<span class="inline-flex size-3.5 shrink-0 items-center">'), Ke = /* @__PURE__ */ v("<button type=button>"), qe = /* @__PURE__ */ v('<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">'), Je = /* @__PURE__ */ v('<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'), Ze = /* @__PURE__ */ v('<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>'), Qe = /* @__PURE__ */ v('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), tn = /* @__PURE__ */ v('<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">'), en = /* @__PURE__ */ v('<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'), nn = /* @__PURE__ */ v('<div class="min-w-0 shrink-0">'), rn = /* @__PURE__ */ v('<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">'), an = /* @__PURE__ */ v('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), on = /* @__PURE__ */ v('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
 function sn(t) {
   return (() => {
     var e = Ke();
@@ -1232,21 +1232,21 @@ function sn(t) {
 }
 function jn(t) {
   const [e] = St(t, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), n = () => !!e.configSchema && !!e.config && !!e.onConfigSave && !!e.SchemaForm, [i, r] = L({}), [a, o] = L(null);
-  Y(gt(() => e.config, (f) => {
-    f && r({
-      ...f
+  Y(gt(() => e.config, (g) => {
+    g && r({
+      ...g
     });
-  })), Y(gt(() => e.configSchema, (f) => {
-    f && o(bt(f));
+  })), Y(gt(() => e.configSchema, (g) => {
+    g && o(bt(g));
   }));
-  const s = () => n() && JSON.stringify(i()) !== JSON.stringify(e.config), l = (f) => {
-    !f && e.config && r({
+  const s = () => n() && JSON.stringify(i()) !== JSON.stringify(e.config), l = (g) => {
+    !g && e.config && r({
       ...e.config
-    }), e.onOpenChange(f);
-  }, g = () => {
+    }), e.onOpenChange(g);
+  }, m = () => {
     e.onConfigSave?.(i());
   }, [d, x] = L(e.defaultTab ?? "controls"), p = () => {
-    const f = e.maxWidth ?? "3xl";
+    const g = e.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
       md: "max-w-md",
@@ -1255,11 +1255,11 @@ function jn(t) {
       "2xl": "max-w-2xl",
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
-    }[f];
+    }[g];
   }, c = () => {
     if (e.tabs) return e.tabs;
-    const f = [];
-    return f.push({
+    const g = [];
+    return g.push({
       id: "edit",
       label: "Edit",
       icon: qe(),
@@ -1272,33 +1272,33 @@ function jn(t) {
         },
         onChange: r
       }) : Je())
-    }), f.push({
+    }), g.push({
       id: "controls",
       label: "Controls",
       icon: Ze(),
       content: e.controlsContent ?? Qe()
-    }), f.push({
+    }), g.push({
       id: "debug",
       label: "Debug",
       icon: tn(),
       content: e.debugContent ?? en()
-    }), f;
+    }), g;
   }, u = async () => {
     if (e.debugData !== void 0)
       try {
-        const f = typeof e.debugData == "string" ? e.debugData : JSON.stringify(e.debugData, null, 2);
-        await navigator.clipboard.writeText(f);
+        const g = typeof e.debugData == "string" ? e.debugData : JSON.stringify(e.debugData, null, 2);
+        await navigator.clipboard.writeText(g);
       } catch {
       }
   }, b = () => {
-    const f = c();
-    return f.find((H) => H.id === d())?.content ?? f[0]?.content;
-  }, y = e.ResponsiveDialog, O = e.ResponsiveDialogContent, P = e.ResponsiveDialogHeader, w = e.ResponsiveDialogTitle, A = e.ResponsiveDialogDescription, T = e.Button, z = e.SchemaForm, S = n() ? l : e.onOpenChange, E = n() ? s() : e.hasUnsavedChanges, I = n() ? g : e.onSave;
+    const g = c();
+    return g.find((H) => H.id === d())?.content ?? g[0]?.content;
+  }, y = e.ResponsiveDialog, O = e.ResponsiveDialogContent, P = e.ResponsiveDialogHeader, w = e.ResponsiveDialogTitle, N = e.ResponsiveDialogDescription, T = e.Button, z = e.SchemaForm, S = (g) => n() ? l(g) : e.onOpenChange(g), E = () => n() ? s() : e.hasUnsavedChanges, I = () => n() ? m : e.onSave;
   return V(y, {
     get open() {
       return e.open;
     },
-    onOpenChange: S,
+    onOpenChange: (g) => S(g),
     get children() {
       return V(O, {
         get class() {
@@ -1309,18 +1309,18 @@ function jn(t) {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var f = nn();
-                return h(f, V(w, {
+                var g = nn();
+                return h(g, V(w, {
                   class: "truncate leading-tight",
                   get children() {
                     return e.title;
                   }
-                }), null), h(f, V(A, {
+                }), null), h(g, V(N, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
-                }), null), f;
+                }), null), g;
               })(), (() => {
-                var f = rn(), R = f.firstChild;
+                var g = rn(), R = g.firstChild;
                 return h(R, () => c().map((H) => V(sn, {
                   get icon() {
                     return H.icon;
@@ -1332,54 +1332,64 @@ function jn(t) {
                     return d() === H.id;
                   },
                   onClick: () => x(H.id)
-                }))), h(f, V(J, {
+                }))), h(g, V(J, {
                   get when() {
                     return e.headerActions;
                   },
                   get children() {
                     return e.headerActions;
                   }
-                }), null), h(f, V(J, {
-                  get when() {
-                    return d() === "edit" && I && E;
-                  },
-                  get children() {
-                    return V(T, {
-                      size: "sm",
-                      onClick: () => I?.(),
-                      children: "Save"
-                    });
-                  }
-                }), null), h(f, V(J, {
-                  get when() {
-                    return N(() => d() === "edit")() && e.onDelete;
-                  },
-                  get children() {
-                    return V(T, {
-                      size: "sm",
-                      variant: "destructive",
-                      onClick: () => e.onDelete?.(),
-                      children: "Delete"
-                    });
-                  }
-                }), null), f;
+                }), null), g;
               })()];
             }
           }), (() => {
-            var f = an();
-            return h(f, b), f;
+            var g = an();
+            return h(g, b), g;
           })(), V(J, {
             get when() {
-              return N(() => d() === "debug")() && e.debugData !== void 0;
+              return _(() => d() === "edit")() && (I() || e.onDelete) || d() === "debug" && e.debugData !== void 0;
             },
             get children() {
-              var f = on();
-              return h(f, V(T, {
-                size: "sm",
-                variant: "outline",
-                onClick: u,
-                children: "Copy"
-              })), f;
+              var g = on();
+              return h(g, V(J, {
+                get when() {
+                  return _(() => d() === "edit")() && e.onDelete;
+                },
+                get children() {
+                  return V(T, {
+                    size: "sm",
+                    variant: "destructive",
+                    onClick: () => e.onDelete?.(),
+                    children: "Delete"
+                  });
+                }
+              }), null), h(g, V(J, {
+                get when() {
+                  return _(() => d() === "edit")() && I();
+                },
+                get children() {
+                  return V(T, {
+                    size: "sm",
+                    get disabled() {
+                      return !E();
+                    },
+                    onClick: () => I()?.(),
+                    children: "Save"
+                  });
+                }
+              }), null), h(g, V(J, {
+                get when() {
+                  return _(() => d() === "debug")() && e.debugData !== void 0;
+                },
+                get children() {
+                  return V(T, {
+                    size: "sm",
+                    variant: "outline",
+                    onClick: u,
+                    children: "Copy"
+                  });
+                }
+              }), null), g;
             }
           })];
         }
@@ -1388,7 +1398,7 @@ function jn(t) {
   });
 }
 Mt(["click"]);
-const Q = 32, m = Q / 2, B = "white", nt = "rgba(0,0,0,0.4)", ut = 2, rt = 3;
+const Q = 32, f = Q / 2, B = "white", nt = "rgba(0,0,0,0.4)", ut = 2, rt = 3;
 function ln(t) {
   return `url("data:image/svg+xml,${encodeURIComponent(t)}")`;
 }
@@ -1408,47 +1418,47 @@ const cn = it(`
   </g>
 `), un = it(`
   <g>
-    <circle cx="${m}" cy="${m}" r="8" stroke="${nt}" stroke-width="${rt}" fill="none"/>
-    <circle cx="${m}" cy="${m}" r="8" stroke="${B}" stroke-width="1.5" fill="none"/>
-    <circle cx="${m}" cy="${m}" r="1.5" fill="${B}"/>
+    <circle cx="${f}" cy="${f}" r="8" stroke="${nt}" stroke-width="${rt}" fill="none"/>
+    <circle cx="${f}" cy="${f}" r="8" stroke="${B}" stroke-width="1.5" fill="none"/>
+    <circle cx="${f}" cy="${f}" r="1.5" fill="${B}"/>
   </g>
 `), dn = it(`
   <g>
     <!-- shadow -->
     <g stroke="${nt}" stroke-width="${rt}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${m}" x2="26" y2="${m}"/>
-      <polyline points="10,${m - 4} 6,${m} 10,${m + 4}"/>
-      <polyline points="22,${m - 4} 26,${m} 22,${m + 4}"/>
+      <line x1="6" y1="${f}" x2="26" y2="${f}"/>
+      <polyline points="10,${f - 4} 6,${f} 10,${f + 4}"/>
+      <polyline points="22,${f - 4} 26,${f} 22,${f + 4}"/>
     </g>
     <!-- main -->
     <g stroke="${B}" stroke-width="${ut}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${m}" x2="26" y2="${m}"/>
-      <polyline points="10,${m - 4} 6,${m} 10,${m + 4}"/>
-      <polyline points="22,${m - 4} 26,${m} 22,${m + 4}"/>
+      <line x1="6" y1="${f}" x2="26" y2="${f}"/>
+      <polyline points="10,${f - 4} 6,${f} 10,${f + 4}"/>
+      <polyline points="22,${f - 4} 26,${f} 22,${f + 4}"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${m}" cy="${m}" r="1.5" fill="${B}"/>
-    <circle cx="${m - 5}" cy="${m}" r="1" fill="${B}" opacity="0.6"/>
-    <circle cx="${m + 5}" cy="${m}" r="1" fill="${B}" opacity="0.6"/>
+    <circle cx="${f}" cy="${f}" r="1.5" fill="${B}"/>
+    <circle cx="${f - 5}" cy="${f}" r="1" fill="${B}" opacity="0.6"/>
+    <circle cx="${f + 5}" cy="${f}" r="1" fill="${B}" opacity="0.6"/>
   </g>
 `), gn = it(`
   <g>
     <!-- shadow -->
     <g stroke="${nt}" stroke-width="${rt}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${m}" y1="6" x2="${m}" y2="26"/>
-      <polyline points="${m - 4},10 ${m},6 ${m + 4},10"/>
-      <polyline points="${m - 4},22 ${m},26 ${m + 4},22"/>
+      <line x1="${f}" y1="6" x2="${f}" y2="26"/>
+      <polyline points="${f - 4},10 ${f},6 ${f + 4},10"/>
+      <polyline points="${f - 4},22 ${f},26 ${f + 4},22"/>
     </g>
     <!-- main -->
     <g stroke="${B}" stroke-width="${ut}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${m}" y1="6" x2="${m}" y2="26"/>
-      <polyline points="${m - 4},10 ${m},6 ${m + 4},10"/>
-      <polyline points="${m - 4},22 ${m},26 ${m + 4},22"/>
+      <line x1="${f}" y1="6" x2="${f}" y2="26"/>
+      <polyline points="${f - 4},10 ${f},6 ${f + 4},10"/>
+      <polyline points="${f - 4},22 ${f},26 ${f + 4},22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${m}" cy="${m}" r="1.5" fill="${B}"/>
-    <circle cx="${m}" cy="${m - 5}" r="1" fill="${B}" opacity="0.6"/>
-    <circle cx="${m}" cy="${m + 5}" r="1" fill="${B}" opacity="0.6"/>
+    <circle cx="${f}" cy="${f}" r="1.5" fill="${B}"/>
+    <circle cx="${f}" cy="${f - 5}" r="1" fill="${B}" opacity="0.6"/>
+    <circle cx="${f}" cy="${f + 5}" r="1" fill="${B}" opacity="0.6"/>
   </g>
 `);
 function tt(t, e, n) {
@@ -1457,8 +1467,8 @@ function tt(t, e, n) {
 const K = {
   tap: tt(cn, 12, 4),
   hold: tt(un, 16, 16),
-  slideHorizontal: tt(dn, m, m),
-  slideVertical: tt(gn, m, m)
+  slideHorizontal: tt(dn, f, f),
+  slideVertical: tt(gn, f, f)
 };
 function Pn(t, e) {
   const n = {
@@ -1505,16 +1515,16 @@ function Pn(t, e) {
     if (!n.isDown) return;
     const u = t();
     n.currentX = c.clientX, n.currentY = c.clientY;
-    const b = n.currentX - n.startX, y = n.currentY - n.startY, O = Math.abs(b), P = Math.abs(y), w = Math.sqrt(b * b + y * y), A = c.currentTarget, T = o(A);
+    const b = n.currentX - n.startX, y = n.currentY - n.startY, O = Math.abs(b), P = Math.abs(y), w = Math.sqrt(b * b + y * y), N = c.currentTarget, T = o(N);
     if (!n.lockedAxis && w > r && (O > P ? n.lockedAxis = "horizontal" : n.lockedAxis = "vertical", u.slide && n.lockedAxis !== T)) {
-      A.releasePointerCapture(c.pointerId), n.isDown = !1, n.slideActive = !1, a();
+      N.releasePointerCapture(c.pointerId), n.isDown = !1, n.slideActive = !1, a();
       return;
     }
     if (w > i && (n.hasMoved = !0, a()), u.slide && n.slideActive && n.hasMoved && n.lockedAxis === T) {
-      const z = u.slide.min ?? 0, S = u.slide.max ?? 100, E = S - z, I = T === "vertical" ? -y : b, f = T === "vertical" ? c.currentTarget.clientHeight : c.currentTarget.clientWidth, H = I / f * E, kt = Math.max(z, Math.min(S, u.slide.value + H));
+      const z = u.slide.min ?? 0, S = u.slide.max ?? 100, E = S - z, I = T === "vertical" ? -y : b, g = T === "vertical" ? c.currentTarget.clientHeight : c.currentTarget.clientWidth, H = I / g * E, kt = Math.max(z, Math.min(S, u.slide.value + H));
       u.slide.onChange(Math.round(kt)), n.startX = n.currentX, n.startY = n.currentY, c.preventDefault();
     }
-  }, g = (c) => {
+  }, m = (c) => {
     if (!n.isDown) return;
     const u = t(), b = u.hold?.delay ?? 300;
     if (a(), u.tap && !n.hasMoved) {
@@ -1538,7 +1548,7 @@ function Pn(t, e) {
   return {
     onPointerDown: s,
     onPointerMove: l,
-    onPointerUp: g,
+    onPointerUp: m,
     onPointerCancel: d,
     onPointerEnter: (c) => {
       const u = c.currentTarget;
@@ -1548,7 +1558,7 @@ function Pn(t, e) {
   };
 }
 function Fn(t) {
-  return _(() => {
+  return A(() => {
     const e = t.entities();
     if (e.length === 0) return;
     const n = {
@@ -1608,10 +1618,10 @@ function Yn(t = "edit") {
   };
 }
 function Xn(t) {
-  const e = _(() => t.entity() !== null), n = _(() => {
+  const e = A(() => t.entity() !== null), n = A(() => {
     const r = t.entity();
     return r ? t.calculateData(r) : null;
-  }), i = _(() => e() ? void 0 : t.emptyStateConfig);
+  }), i = A(() => e() ? void 0 : t.emptyStateConfig);
   return {
     entity: t.entity,
     data: n,
@@ -1620,7 +1630,7 @@ function Xn(t) {
   };
 }
 function Kn(t) {
-  const e = t.minEntities ?? 1, n = _(() => t.entities().length), i = _(() => n() >= e), r = _(() => !i() || !t.calculateGroupData ? null : t.calculateGroupData(t.entities())), a = _(() => {
+  const e = t.minEntities ?? 1, n = A(() => t.entities().length), i = A(() => n() >= e), r = A(() => !i() || !t.calculateGroupData ? null : t.calculateGroupData(t.entities())), a = A(() => {
     if (!i()) return;
     const s = t.aggregationMode?.();
     if (!s || s === "none") return;
@@ -1628,10 +1638,10 @@ function Kn(t) {
     if (s === "light" || s === "binary-sensor" || s === "switch")
       return Se(l, t.allEntitiesMode);
     if (s === "sensor") {
-      const g = t.sensorGroupType?.() ?? "mean";
-      return Ce(l, g, !0);
+      const m = t.sensorGroupType?.() ?? "mean";
+      return Ce(l, m, !0);
     }
-  }), o = _(() => i() ? void 0 : t.emptyStateConfig);
+  }), o = A(() => i() ? void 0 : t.emptyStateConfig);
   return {
     entities: t.entities,
     groupData: r,
@@ -1645,7 +1655,7 @@ function qn(t) {
   const [e] = At({
     validate: Nt(t.schema),
     initialValues: t.initialValues
-  }), n = _(() => e.dirty), i = _(() => e.submitting);
+  }), n = A(() => e.dirty), i = A(() => e.submitting);
   return {
     form: e,
     isDirty: n,
@@ -1660,13 +1670,13 @@ function qn(t) {
 }
 const at = ["xs", "sm", "md", "lg", "xl"];
 function Jn() {
-  const t = G(), e = _(() => at.indexOf(t.size())), n = _(() => {
+  const t = G(), e = A(() => at.indexOf(t.size())), n = A(() => {
     const l = t.size();
     return l === "xs" || l === "sm";
-  }), i = _(() => {
+  }), i = A(() => {
     const l = t.size();
     return l === "lg" || l === "xl";
-  }), r = _(() => e() >= 2);
+  }), r = A(() => e() >= 2);
   return {
     isCompact: n,
     isLarge: i,
@@ -1674,16 +1684,16 @@ function Jn() {
     showOn: (l) => l.includes(t.size()),
     hideOn: (l) => !l.includes(t.size()),
     matches: (l) => {
-      const g = l.trim();
-      if (g.endsWith("+")) {
-        const d = g.slice(0, -1), x = at.indexOf(d);
+      const m = l.trim();
+      if (m.endsWith("+")) {
+        const d = m.slice(0, -1), x = at.indexOf(d);
         return x >= 0 && e() >= x;
       }
-      if (g.endsWith("-")) {
-        const d = g.slice(0, -1), x = at.indexOf(d);
+      if (m.endsWith("-")) {
+        const d = m.slice(0, -1), x = at.indexOf(d);
         return x >= 0 && e() <= x;
       }
-      return t.size() === g;
+      return t.size() === m;
     }
   };
 }
@@ -1943,7 +1953,7 @@ function rr(t) {
 function ir() {
   return document.documentElement.classList.contains("dark");
 }
-const fn = "0.3.0", hn = {
+const fn = "0.3.3", hn = {
   version: fn
 }, ar = hn.version;
 export {

package/dist/schemas.d.ts

@@ -25,7 +25,23 @@ export declare const WidgetManifestSchema: z.ZodObject<{
     icon: z.ZodOptional<z.ZodString>;
     schema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
     defaultConfig: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-}, z.core.$strip>;
+    version: z.ZodOptional<z.ZodString>;
+    displayName: z.ZodOptional<z.ZodString>;
+    scope: z.ZodOptional<z.ZodString>;
+    author: z.ZodOptional<z.ZodString>;
+    license: z.ZodOptional<z.ZodString>;
+    homepage: z.ZodOptional<z.ZodString>;
+    source: z.ZodOptional<z.ZodString>;
+    permissions: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    isOfficial: z.ZodOptional<z.ZodBoolean>;
+    sha256Hash: z.ZodOptional<z.ZodString>;
+    bundleUrl: z.ZodOptional<z.ZodString>;
+    _registry: z.ZodOptional<z.ZodEnum<{
+        local: "local";
+        hub: "hub";
+    }>>;
+    releaseNotes: z.ZodOptional<z.ZodString>;
+}, z.core.$loose>;
 export declare const PublishRequestSchema: z.ZodObject<{
     action: z.ZodLiteral<"request">;
     scope: z.ZodString;

package/dist/schemas.js

@@ -2,7 +2,7 @@ import { z as n } from "zod";
 const t = n.object({
   w: n.number().int().min(1),
   h: n.number().int().min(1)
-}), u = n.object({
+}), p = n.object({
   name: n.string().min(1),
   description: n.string().optional(),
   minSize: t,
@@ -10,10 +10,26 @@ const t = n.object({
   sdkVersion: n.string().min(1),
   icon: n.string().optional(),
   schema: n.record(n.string(), n.unknown()).optional(),
-  defaultConfig: n.record(n.string(), n.unknown()).optional()
-}), o = /^[a-z0-9][a-z0-9-]*$/, a = n.object({
+  defaultConfig: n.record(n.string(), n.unknown()).optional(),
+  // Round-trip fields set by the Hub / widget browser when installing. These
+  // must validate so real manifests stringified from WidgetRegistryEntry
+  // pass through the canonical schema without being stripped.
+  version: n.string().optional(),
+  displayName: n.string().optional(),
+  scope: n.string().optional(),
+  author: n.string().optional(),
+  license: n.string().optional(),
+  homepage: n.string().url().optional(),
+  source: n.string().url().optional(),
+  permissions: n.array(n.string()).optional(),
+  isOfficial: n.boolean().optional(),
+  sha256Hash: n.string().optional(),
+  bundleUrl: n.string().optional(),
+  _registry: n.enum(["hub", "local"]).optional(),
+  releaseNotes: n.string().optional()
+}).passthrough(), r = /^[a-z0-9][a-z0-9-]*$/, a = n.object({
   action: n.literal("request"),
-  scope: n.string().regex(o, "Must be lowercase alphanumeric with hyphens"),
+  scope: n.string().regex(r, "Must be lowercase alphanumeric with hyphens"),
   name: n.string().min(1),
   displayName: n.string().min(1),
   description: n.string().optional(),
@@ -28,36 +44,36 @@ const t = n.object({
 }), c = n.object({
   action: n.literal("confirm"),
   versionId: n.string().min(1)
-}), p = n.discriminatedUnion("action", [
+}), m = n.discriminatedUnion("action", [
   a,
   c
 ]);
-function h(i) {
+function g(i) {
   return JSON.stringify(i);
 }
-function l(i, e = { w: 1, h: 1 }) {
+function u(i, o = { w: 1, h: 1 }) {
   if (i != null && typeof i == "object") {
     const s = t.safeParse(i);
     if (s.success) return s.data;
   }
   if (typeof i == "string")
     try {
-      const s = JSON.parse(i), r = t.safeParse(s);
-      if (r.success) return r.data;
+      const s = JSON.parse(i), e = t.safeParse(s);
+      if (e.success) return e.data;
     } catch {
     }
-  return e;
+  return o;
 }
-function g(i) {
-  return i.issues.map((e) => `${e.path.length > 0 ? e.path.join(".") : "(root)"}: ${e.message}`).join("; ");
+function h(i) {
+  return i.issues.map((o) => `${o.path.length > 0 ? o.path.join(".") : "(root)"}: ${o.message}`).join("; ");
 }
 export {
   t as GridSizeSchema,
-  p as PublishBodySchema,
+  m as PublishBodySchema,
   c as PublishConfirmSchema,
   a as PublishRequestSchema,
-  u as WidgetManifestSchema,
-  g as formatSchemaError,
-  l as parseGridSize,
-  h as serializeGridSize
+  p as WidgetManifestSchema,
+  h as formatSchemaError,
+  u as parseGridSize,
+  g as serializeGridSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glasshome/widget-sdk",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "description": "SDK for building GlassHome dashboard widgets with SolidJS",
   "keywords": [
     "glasshome",