@matter-server/dashboard 0.2.5 → 0.2.7-alpha.0-20260118-993a1c7

package/dist/esm/pages/matter-endpoint-view.js

@@ -23,6 +23,7 @@ import { customElement, property } from "lit/decorators.js";
 import { guard } from "lit/directives/guard.js";
 import { clusters, device_types } from "../client/models/descriptions.js";
 import "../components/ha-svg-icon";
+import { formatHex } from "../util/format_hex.js";
 function getUniqueClusters(node, endpoint) {
   return Array.from(
     new Set(
@@ -83,7 +84,7 @@ let MatterEndpointView = class extends LitElement {
                                     href=${`#node/${this.node.node_id}/${this.endpoint}/${cluster}`}
                                 >
                                     <div slot="headline">${clusters[cluster]?.label || "Custom/Unknown Cluster"}</div>
-                                    <div slot="supporting-text">ClusterId ${cluster} (0x00${cluster.toString(16)})</div>
+                                    <div slot="supporting-text">ClusterId ${cluster} (${formatHex(cluster)})</div>
                                     <ha-svg-icon slot="end" .path=${mdiChevronRight}></ha-svg-icon>
                                 </md-list-item>
                             `;

package/dist/esm/pages/matter-endpoint-view.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/pages/matter-endpoint-view.ts"],
-  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,uBAAuB;AAChC,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,aAAa;AACtB,SAAqB,UAAU,oBAAoB;AACnD,OAAO;AAQP,SAAS,kBAAkB,MAAkB,UAAkB;AAC3D,SAAO,MAAM;AAAA,IACT,IAAI;AAAA,MACA,OAAO,KAAK,KAAK,UAAU,EACtB,OAAO,SAAO,IAAI,WAAW,GAAG,SAAS,SAAS,CAAC,GAAG,CAAC,EACvD,IAAI,SAAO,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AAAA,IAC7C;AAAA,EACJ,EAAE,KAAK,CAAC,GAAG,MAAM;AACb,WAAO,IAAI;AAAA,EACf,CAAC;AACL;AAEO,SAAS,uBAAuB,MAAkB,UAAgC;AACrF,QAAM,YAAY,KAAK,WAAW,GAAG,QAAQ,OAAO;AACpD,MAAI,CAAC,UAAW,QAAO,CAAC;AACxB,SAAO,UAAU,IAAI,cAAY;AAC7B,UAAM,KAAK,SAAS,GAAG,KAAK,SAAS,YAAY;AACjD,WAAO,aAAa,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,OAAO,wBAAwB,EAAE,KAAK,UAAU,CAAC,EAAE;AAAA,EAClG,CAAC;AACL;AAGA,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAS/B,SAAS;AACd,QAAI,CAAC,KAAK,QAAQ,KAAK,YAAY,QAAW;AAC1C,aAAO;AAAA;AAAA,iCAEc,KAAK,OAAO;AAAA;AAAA,IAErC;AAEA,WAAO;AAAA;AAAA,yBAEU,QAAQ,KAAK,KAAK,OAAO,iBAAiB,KAAK,QAAQ,EAAE;AAAA,8BACpD,SAAS,KAAK,KAAK,OAAO,EAAE;AAAA,0BAChC,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,sCAKC,KAAK,IAAI,YAAY,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sDAQhB,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,8BAIrC,uBAAuB,KAAK,MAAM,KAAK,QAAQ,EAC5C,IAAI,gBAAc;AACf,aAAO,WAAW;AAAA,IACtB,CAAC,EACA,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA,sBAGtB;AAAA,MAAM,CAAC,KAAK,MAAM,WAAW,MAAM;AAAA,MAAG,MACpC,kBAAkB,KAAK,MAAO,KAAK,QAAS,EAAE,IAAI,aAAW;AACzD,eAAO;AAAA;AAAA;AAAA,2CAGQ,SAAS,KAAK,KAAM,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,EAAE;AAAA;AAAA,2DAEzC,SAAS,OAAO,GAAG,SAAS,wBAAwB;AAAA,4EACnC,OAAO,SAAS,QAAQ,SAAS,EAAE,CAAC;AAAA,oEAC5C,eAAe;AAAA;AAAA;AAAA,MAG3D,CAAC;AAAA,IACL,CAAC;AAAA;AAAA;AAAA;AAAA,EAIjB;AAAA,EAEQ,UAAU;AACd,YAAQ,KAAK;AAAA,EACjB;AAuCJ;AAzGM,mBAoEc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAhElB;AAAA,EADN,SAAS;AAAA,GAHR,mBAIK;AAGA;AAAA,EADN,SAAS;AAAA,GANR,mBAOK;AAPL,qBAAN;AAAA,EADC,cAAc,sBAAsB;AAAA,GAC/B;",
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,uBAAuB;AAChC,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,aAAa;AACtB,SAAqB,UAAU,oBAAoB;AACnD,OAAO;AACP,SAAS,iBAAiB;AAQ1B,SAAS,kBAAkB,MAAkB,UAAkB;AAC3D,SAAO,MAAM;AAAA,IACT,IAAI;AAAA,MACA,OAAO,KAAK,KAAK,UAAU,EACtB,OAAO,SAAO,IAAI,WAAW,GAAG,SAAS,SAAS,CAAC,GAAG,CAAC,EACvD,IAAI,SAAO,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AAAA,IAC7C;AAAA,EACJ,EAAE,KAAK,CAAC,GAAG,MAAM;AACb,WAAO,IAAI;AAAA,EACf,CAAC;AACL;AAEO,SAAS,uBAAuB,MAAkB,UAAgC;AACrF,QAAM,YAAY,KAAK,WAAW,GAAG,QAAQ,OAAO;AACpD,MAAI,CAAC,UAAW,QAAO,CAAC;AACxB,SAAO,UAAU,IAAI,cAAY;AAC7B,UAAM,KAAK,SAAS,GAAG,KAAK,SAAS,YAAY;AACjD,WAAO,aAAa,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,OAAO,wBAAwB,EAAE,KAAK,UAAU,CAAC,EAAE;AAAA,EAClG,CAAC;AACL;AAGA,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAS/B,SAAS;AACd,QAAI,CAAC,KAAK,QAAQ,KAAK,YAAY,QAAW;AAC1C,aAAO;AAAA;AAAA,iCAEc,KAAK,OAAO;AAAA;AAAA,IAErC;AAEA,WAAO;AAAA;AAAA,yBAEU,QAAQ,KAAK,KAAK,OAAO,iBAAiB,KAAK,QAAQ,EAAE;AAAA,8BACpD,SAAS,KAAK,KAAK,OAAO,EAAE;AAAA,0BAChC,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,sCAKC,KAAK,IAAI,YAAY,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sDAQhB,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,8BAIrC,uBAAuB,KAAK,MAAM,KAAK,QAAQ,EAC5C,IAAI,gBAAc;AACf,aAAO,WAAW;AAAA,IACtB,CAAC,EACA,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA,sBAGtB;AAAA,MAAM,CAAC,KAAK,MAAM,WAAW,MAAM;AAAA,MAAG,MACpC,kBAAkB,KAAK,MAAO,KAAK,QAAS,EAAE,IAAI,aAAW;AACzD,eAAO;AAAA;AAAA;AAAA,2CAGQ,SAAS,KAAK,KAAM,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,EAAE;AAAA;AAAA,2DAEzC,SAAS,OAAO,GAAG,SAAS,wBAAwB;AAAA,4EACnC,OAAO,KAAK,UAAU,OAAO,CAAC;AAAA,oEACtC,eAAe;AAAA;AAAA;AAAA,MAG3D,CAAC;AAAA,IACL,CAAC;AAAA;AAAA;AAAA;AAAA,EAIjB;AAAA,EAEQ,UAAU;AACd,YAAQ,KAAK;AAAA,EACjB;AAuCJ;AAzGM,mBAoEc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAhElB;AAAA,EADN,SAAS;AAAA,GAHR,mBAIK;AAGA;AAAA,EADN,SAAS;AAAA,GANR,mBAOK;AAPL,qBAAN;AAAA,EADC,cAAc,sBAAsB;AAAA,GAC/B;",
   "names": []
 }

package/dist/esm/util/format_hex.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Format a number as a hex string with 0x prefix.
+ * Ensures even number of digits with a minimum of 4 digits.
+ *
+ * Examples:
+ *   0 -> "0x0000"
+ *   255 -> "0x00FF"
+ *   65535 -> "0xFFFF"
+ *   65536 -> "0x010000"
+ */
+export declare function formatHex(value: number): string;
+//# sourceMappingURL=format_hex.d.ts.map

package/dist/esm/util/format_hex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format_hex.d.ts","sourceRoot":"","sources":["../../../src/util/format_hex.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAa/C"}

package/dist/esm/util/format_hex.js

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+function formatHex(value) {
+  let hex = value.toString(16).toUpperCase();
+  if (hex.length < 4) {
+    hex = hex.padStart(4, "0");
+  } else if (hex.length % 2 !== 0) {
+    hex = "0" + hex;
+  }
+  return `0x${hex}`;
+}
+export {
+  formatHex
+};
+//# sourceMappingURL=format_hex.js.map

package/dist/esm/util/format_hex.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/format_hex.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,SAAS,UAAU,OAAuB;AAC7C,MAAI,MAAM,MAAM,SAAS,EAAE,EAAE,YAAY;AAGzC,MAAI,IAAI,SAAS,GAAG;AAChB,UAAM,IAAI,SAAS,GAAG,GAAG;AAAA,EAC7B,WAES,IAAI,SAAS,MAAM,GAAG;AAC3B,UAAM,MAAM;AAAA,EAChB;AAEA,SAAO,KAAK,GAAG;AACnB;",
+  "names": []
+}

package/dist/esm/util/theme-service.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Theme service for managing dark/light mode preferences.
+ * Supports three modes: light, dark, and system (auto-detect from OS).
+ */
+export type ThemePreference = "light" | "dark" | "system";
+export type EffectiveTheme = "light" | "dark";
+declare class ThemeServiceImpl {
+    private _preference;
+    private _mediaQuery;
+    private _listeners;
+    constructor();
+    get preference(): ThemePreference;
+    get effectiveTheme(): EffectiveTheme;
+    setPreference(pref: ThemePreference): void;
+    cycleTheme(): ThemePreference;
+    subscribe(callback: (theme: EffectiveTheme) => void): () => void;
+    private _loadPreference;
+    private _applyTheme;
+}
+export declare const ThemeService: ThemeServiceImpl;
+export {};
+//# sourceMappingURL=theme-service.d.ts.map

package/dist/esm/util/theme-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-service.d.ts","sourceRoot":"","sources":["../../../src/util/theme-service.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAI9C,cAAM,gBAAgB;IAClB,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,UAAU,CAAmD;;IASrE,IAAI,UAAU,IAAI,eAAe,CAEhC;IAED,IAAI,cAAc,IAAI,cAAc,CAKnC;IAED,aAAa,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAM1C,UAAU,IAAI,eAAe;IAQ7B,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,GAAG,MAAM,IAAI;IAKhE,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,WAAW;CAYtB;AAED,eAAO,MAAM,YAAY,kBAAyB,CAAC"}

package/dist/esm/util/theme-service.js

@@ -0,0 +1,71 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const STORAGE_KEY = "matterTheme";
+class ThemeServiceImpl {
+  constructor() {
+    this._preference = "system";
+    this._listeners = /* @__PURE__ */ new Set();
+    this._mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    this._mediaQuery.addEventListener("change", () => this._applyTheme());
+    this._loadPreference();
+    this._applyTheme();
+  }
+  get preference() {
+    return this._preference;
+  }
+  get effectiveTheme() {
+    if (this._preference === "system") {
+      return this._mediaQuery.matches ? "dark" : "light";
+    }
+    return this._preference;
+  }
+  setPreference(pref) {
+    this._preference = pref;
+    localStorage.setItem(STORAGE_KEY, pref);
+    this._applyTheme();
+  }
+  cycleTheme() {
+    const cycle = ["light", "dark", "system"];
+    const currentIndex = cycle.indexOf(this._preference);
+    const nextIndex = (currentIndex + 1) % cycle.length;
+    this.setPreference(cycle[nextIndex]);
+    return this._preference;
+  }
+  subscribe(callback) {
+    this._listeners.add(callback);
+    return () => this._listeners.delete(callback);
+  }
+  _loadPreference() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const themeParam = urlParams.get("theme");
+    if (themeParam && ["light", "dark", "system"].includes(themeParam)) {
+      this._preference = themeParam;
+      localStorage.setItem(STORAGE_KEY, themeParam);
+      urlParams.delete("theme");
+      const newUrl = urlParams.toString() ? `${window.location.pathname}?${urlParams.toString()}${window.location.hash}` : `${window.location.pathname}${window.location.hash}`;
+      history.replaceState({}, "", newUrl);
+      return;
+    }
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored && ["light", "dark", "system"].includes(stored)) {
+      this._preference = stored;
+    }
+  }
+  _applyTheme() {
+    const effective = this.effectiveTheme;
+    document.documentElement.classList.toggle("dark-theme", effective === "dark");
+    const metaThemeColor = document.querySelector('meta[name="theme-color"]');
+    if (metaThemeColor) {
+      metaThemeColor.setAttribute("content", effective === "dark" ? "#1e1e1e" : "#03a9f4");
+    }
+    this._listeners.forEach((cb) => cb(effective));
+  }
+}
+const ThemeService = new ThemeServiceImpl();
+export {
+  ThemeService
+};
+//# sourceMappingURL=theme-service.js.map

package/dist/esm/util/theme-service.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/theme-service.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAcA,MAAM,cAAc;AAEpB,MAAM,iBAAiB;AAAA,EAKnB,cAAc;AAJd,SAAQ,cAA+B;AAEvC,SAAQ,aAAmD,oBAAI,IAAI;AAG/D,SAAK,cAAc,OAAO,WAAW,8BAA8B;AACnE,SAAK,YAAY,iBAAiB,UAAU,MAAM,KAAK,YAAY,CAAC;AACpE,SAAK,gBAAgB;AACrB,SAAK,YAAY;AAAA,EACrB;AAAA,EAEA,IAAI,aAA8B;AAC9B,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,iBAAiC;AACjC,QAAI,KAAK,gBAAgB,UAAU;AAC/B,aAAO,KAAK,YAAY,UAAU,SAAS;AAAA,IAC/C;AACA,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,cAAc,MAA6B;AACvC,SAAK,cAAc;AACnB,iBAAa,QAAQ,aAAa,IAAI;AACtC,SAAK,YAAY;AAAA,EACrB;AAAA,EAEA,aAA8B;AAC1B,UAAM,QAA2B,CAAC,SAAS,QAAQ,QAAQ;AAC3D,UAAM,eAAe,MAAM,QAAQ,KAAK,WAAW;AACnD,UAAM,aAAa,eAAe,KAAK,MAAM;AAC7C,SAAK,cAAc,MAAM,SAAS,CAAC;AACnC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,UAAU,UAAuD;AAC7D,SAAK,WAAW,IAAI,QAAQ;AAC5B,WAAO,MAAM,KAAK,WAAW,OAAO,QAAQ;AAAA,EAChD;AAAA,EAEQ,kBAAwB;AAE5B,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,aAAa,UAAU,IAAI,OAAO;AACxC,QAAI,cAAc,CAAC,SAAS,QAAQ,QAAQ,EAAE,SAAS,UAAU,GAAG;AAEhE,WAAK,cAAc;AACnB,mBAAa,QAAQ,aAAa,UAAU;AAE5C,gBAAU,OAAO,OAAO;AACxB,YAAM,SAAS,UAAU,SAAS,IAC5B,GAAG,OAAO,SAAS,QAAQ,IAAI,UAAU,SAAS,CAAC,GAAG,OAAO,SAAS,IAAI,KAC1E,GAAG,OAAO,SAAS,QAAQ,GAAG,OAAO,SAAS,IAAI;AACxD,cAAQ,aAAa,CAAC,GAAG,IAAI,MAAM;AACnC;AAAA,IACJ;AAGA,UAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,QAAI,UAAU,CAAC,SAAS,QAAQ,QAAQ,EAAE,SAAS,MAAM,GAAG;AACxD,WAAK,cAAc;AAAA,IACvB;AAAA,EAEJ;AAAA,EAEQ,cAAoB;AACxB,UAAM,YAAY,KAAK;AACvB,aAAS,gBAAgB,UAAU,OAAO,cAAc,cAAc,MAAM;AAG5E,UAAM,iBAAiB,SAAS,cAAc,0BAA0B;AACxE,QAAI,gBAAgB;AAChB,qBAAe,aAAa,WAAW,cAAc,SAAS,YAAY,SAAS;AAAA,IACvF;AAEA,SAAK,WAAW,QAAQ,QAAM,GAAG,SAAS,CAAC;AAAA,EAC/C;AACJ;AAEO,MAAM,eAAe,IAAI,iBAAiB;",
+  "names": []
+}

package/dist/web/index.html

@@ -17,11 +17,18 @@
     --md-ref-typeface-plain: var(--roboto-font);
 
     --md-sys-color-background: #f5f5f5;
+    --md-sys-color-on-background: #1c1b1f;
     --md-sys-color-surface: #fff;
+    --md-sys-color-on-surface: #1c1b1f;
+    --md-sys-color-on-surface-variant: #49454f;
+    --md-sys-color-surface-variant: #e7e0ec;
     --md-sys-color-surface-container: #fff;
+    --md-sys-color-surface-container-low: #f7f2fa;
     --md-sys-color-surface-container-high: #fff;
     --md-sys-color-surface-container-highest: #f5f5f5;
     --md-sys-color-secondary-container: #e0e0e0;
+    --md-sys-color-outline: #79747e;
+    --md-sys-color-outline-variant: #cac4d0;
 
     --md-sys-typescale-headline-font: var(--roboto-font);
     --md-sys-typescale-title-font: var(--roboto-font);
@@ -31,9 +38,37 @@
     font-family: var(--roboto-font);
   }
 
+  body {
+    --primary-color: var(--md-sys-color-primary);
+  }
+
   a {
     color: var(--primary-color);
   }
+
+  /* Dark theme overrides */
+  html.dark-theme body {
+    --md-sys-color-primary: #4fc3f7;
+    --md-sys-color-on-primary: #003544;
+    --md-sys-color-background: #121212;
+    --md-sys-color-on-background: #e6e1e5;
+    --md-sys-color-surface: #1e1e1e;
+    --md-sys-color-on-surface: #e6e1e5;
+    --md-sys-color-on-surface-variant: #cac4d0;
+    --md-sys-color-surface-variant: #49454f;
+    --md-sys-color-surface-container: #1e1e1e;
+    --md-sys-color-surface-container-low: #1a1a1a;
+    --md-sys-color-surface-container-high: #2b2b2b;
+    --md-sys-color-surface-container-highest: #363636;
+    --md-sys-color-secondary-container: #4a4458;
+    --md-sys-color-on-secondary-container: #e8def8;
+    --md-sys-color-outline: #938f99;
+    --md-sys-color-outline-variant: #49454f;
+    --text-color: rgba(255, 255, 255, 0.6);
+    --danger-color: #ff7961;
+    --primary-color: #4fc3f7;
+    color-scheme: dark;
+  }
   </style>
 </head>
 <body></body>

package/dist/web/js/{commission-node-dialog-30lGnJcb.js → commission-node-dialog-DGw5qDgH.js}

@@ -1,5 +1,5 @@
-import { r, n, t, i, b } from './matter-dashboard-app-DwI2RvT1.js';
-import { p as preventDefault } from './prevent_default--haJaAsZ.js';
+import { r, n, t, i, b } from './matter-dashboard-app-BxQ4W_uT.js';
+import { p as preventDefault } from './prevent_default-Bs2sUnny.js';
 import './main.js';
 
 var __defProp = Object.defineProperty;
@@ -44,18 +44,18 @@ let ComissionNodeDialog = class extends i {
     if (!this.client.serverInfo.bluetooth_enabled) {
       return;
     }
-    import('./commission-node-wifi-CCBBvBEh.js');
+    import('./commission-node-wifi-C4YNR3bG.js');
     this._mode = "wifi";
   }
   _commissionThread() {
     if (!this.client.serverInfo.bluetooth_enabled) {
       return;
     }
-    import('./commission-node-thread-CJn6OYQX.js');
+    import('./commission-node-thread-iRDSlidy.js');
     this._mode = "thread";
   }
   _commissionExisting() {
-    import('./commission-node-existing-RgaziosB.js');
+    import('./commission-node-existing-CHyyeC8y.js');
     this._mode = "existing";
   }
   _nodeCommissioned(ev) {

package/dist/web/js/{commission-node-existing-RgaziosB.js → commission-node-existing-CHyyeC8y.js}

@@ -1,8 +1,8 @@
-import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-DwI2RvT1.js';
-import { f as fireEvent } from './fire_event-CdvT7FSP.js';
-import './outlined-text-field-DeeCilzP.js';
+import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-BxQ4W_uT.js';
+import { f as fireEvent } from './fire_event-BeiEbHcE.js';
+import './outlined-text-field-B-CiqgEJ.js';
 import './main.js';
-import './prevent_default--haJaAsZ.js';
+import './prevent_default-Bs2sUnny.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/js/{commission-node-thread-CJn6OYQX.js → commission-node-thread-iRDSlidy.js}

@@ -1,8 +1,8 @@
-import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-DwI2RvT1.js';
-import { f as fireEvent } from './fire_event-CdvT7FSP.js';
-import './outlined-text-field-DeeCilzP.js';
+import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-BxQ4W_uT.js';
+import { f as fireEvent } from './fire_event-BeiEbHcE.js';
+import './outlined-text-field-B-CiqgEJ.js';
 import './main.js';
-import './prevent_default--haJaAsZ.js';
+import './prevent_default-Bs2sUnny.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/js/{commission-node-wifi-CCBBvBEh.js → commission-node-wifi-C4YNR3bG.js}

@@ -1,8 +1,8 @@
-import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-DwI2RvT1.js';
-import { f as fireEvent } from './fire_event-CdvT7FSP.js';
-import './outlined-text-field-DeeCilzP.js';
+import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-BxQ4W_uT.js';
+import { f as fireEvent } from './fire_event-BeiEbHcE.js';
+import './outlined-text-field-B-CiqgEJ.js';
 import './main.js';
-import './prevent_default--haJaAsZ.js';
+import './prevent_default-Bs2sUnny.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/js/{dialog-box-CFO9GMyG.js → dialog-box-ag-xOaYh.js}

@@ -1,5 +1,5 @@
-import { n, t, i, b } from './matter-dashboard-app-DwI2RvT1.js';
-import { p as preventDefault } from './prevent_default--haJaAsZ.js';
+import { n, t, i, b } from './matter-dashboard-app-BxQ4W_uT.js';
+import { p as preventDefault } from './prevent_default-Bs2sUnny.js';
 import './main.js';
 
 var __defProp = Object.defineProperty;

package/dist/web/js/{fire_event-CdvT7FSP.js → fire_event-BeiEbHcE.js}

@@ -1,4 +1,4 @@
-import { m as mixinDelegatesAria, i, _ as __decorate, n, f as e, A, b, a as i$1, t } from './matter-dashboard-app-DwI2RvT1.js';
+import { m as mixinDelegatesAria, i, _ as __decorate, n, f as e, A, b, a as i$1, t } from './matter-dashboard-app-BxQ4W_uT.js';
 
 /**
  * @license

package/dist/web/js/main.js

@@ -31,13 +31,77 @@ function toBigIntAwareJson(value, spaces) {
   return result;
 }
 function parseBigIntAwareJson(json) {
-  const processed = json.replace(/([:,[])\s*(\d{15,})(?=[,}\]\s])/g, (match, prefix, number) => {
-    const num = BigInt(number);
-    if (num > Number.MAX_SAFE_INTEGER) {
-      return `${prefix}"${BIGINT_MARKER}${number}"`;
+  const result = [];
+  let i = 0;
+  let inString = false;
+  while (i < json.length) {
+    const char = json[i];
+    if (inString) {
+      if (char === "\\") {
+        result.push(char);
+        i++;
+        if (i < json.length) {
+          result.push(json[i]);
+          i++;
+        }
+      } else if (char === '"') {
+        result.push(char);
+        inString = false;
+        i++;
+      } else {
+        result.push(char);
+        i++;
+      }
+    } else {
+      if (char === '"') {
+        result.push(char);
+        inString = true;
+        i++;
+      } else if (char >= "0" && char <= "9") {
+        const hasMinus = result.length > 0 && result[result.length - 1] === "-";
+        if (hasMinus) {
+          result.pop();
+        }
+        const start = i;
+        while (i < json.length && json[i] >= "0" && json[i] <= "9") {
+          i++;
+        }
+        let isFloat = false;
+        if (i < json.length && json[i] === ".") {
+          isFloat = true;
+          i++;
+          while (i < json.length && json[i] >= "0" && json[i] <= "9") {
+            i++;
+          }
+        }
+        if (i < json.length && (json[i] === "e" || json[i] === "E")) {
+          isFloat = true;
+          i++;
+          if (i < json.length && (json[i] === "+" || json[i] === "-")) {
+            i++;
+          }
+          while (i < json.length && json[i] >= "0" && json[i] <= "9") {
+            i++;
+          }
+        }
+        const numberStr = (hasMinus ? "-" : "") + json.slice(start, i);
+        if (!isFloat && numberStr.length - (hasMinus ? 1 : 0) >= 15) {
+          const num = BigInt(numberStr);
+          if (num > Number.MAX_SAFE_INTEGER || num < Number.MIN_SAFE_INTEGER) {
+            result.push(`"${BIGINT_MARKER}${numberStr}"`);
+          } else {
+            result.push(numberStr);
+          }
+        } else {
+          result.push(numberStr);
+        }
+      } else {
+        result.push(char);
+        i++;
+      }
     }
-    return match;
-  });
+  }
+  const processed = result.join("");
   return JSON.parse(processed, (_key, value) => {
     if (typeof value === "string" && value.startsWith(BIGINT_MARKER)) {
       return BigInt(value.slice(BIGINT_MARKER.length));
@@ -503,13 +567,81 @@ class MatterClient {
   onRawEvent(_event) {}
 }
 
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const STORAGE_KEY = "matterTheme";
+class ThemeServiceImpl {
+  constructor() {
+    this._preference = "system";
+    this._listeners = /* @__PURE__ */new Set();
+    this._mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    this._mediaQuery.addEventListener("change", () => this._applyTheme());
+    this._loadPreference();
+    this._applyTheme();
+  }
+  get preference() {
+    return this._preference;
+  }
+  get effectiveTheme() {
+    if (this._preference === "system") {
+      return this._mediaQuery.matches ? "dark" : "light";
+    }
+    return this._preference;
+  }
+  setPreference(pref) {
+    this._preference = pref;
+    localStorage.setItem(STORAGE_KEY, pref);
+    this._applyTheme();
+  }
+  cycleTheme() {
+    const cycle = ["light", "dark", "system"];
+    const currentIndex = cycle.indexOf(this._preference);
+    const nextIndex = (currentIndex + 1) % cycle.length;
+    this.setPreference(cycle[nextIndex]);
+    return this._preference;
+  }
+  subscribe(callback) {
+    this._listeners.add(callback);
+    return () => this._listeners.delete(callback);
+  }
+  _loadPreference() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const themeParam = urlParams.get("theme");
+    if (themeParam && ["light", "dark", "system"].includes(themeParam)) {
+      this._preference = themeParam;
+      localStorage.setItem(STORAGE_KEY, themeParam);
+      urlParams.delete("theme");
+      const newUrl = urlParams.toString() ? `${window.location.pathname}?${urlParams.toString()}${window.location.hash}` : `${window.location.pathname}${window.location.hash}`;
+      history.replaceState({}, "", newUrl);
+      return;
+    }
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored && ["light", "dark", "system"].includes(stored)) {
+      this._preference = stored;
+    }
+  }
+  _applyTheme() {
+    const effective = this.effectiveTheme;
+    document.documentElement.classList.toggle("dark-theme", effective === "dark");
+    const metaThemeColor = document.querySelector('meta[name="theme-color"]');
+    if (metaThemeColor) {
+      metaThemeColor.setAttribute("content", effective === "dark" ? "#1e1e1e" : "#03a9f4");
+    }
+    this._listeners.forEach(cb => cb(effective));
+  }
+}
+const ThemeService = new ThemeServiceImpl();
+
 /**
  * @license
  * Copyright 2025-2026 Open Home Foundation
  * SPDX-License-Identifier: Apache-2.0
  */
 async function main() {
-  import('./matter-dashboard-app-DwI2RvT1.js').then(function (n) { return n.s; });
+  import('./matter-dashboard-app-BxQ4W_uT.js').then(function (n) { return n.s; });
   let url = "";
   const isProductionServer = location.origin.includes(":5580") || location.href.includes("hassio_ingress") || location.href.includes("/api/ingress/");
   if (!isProductionServer) {
@@ -544,4 +676,4 @@ async function main() {
 }
 main();
 
-export { toBigIntAwareJson as t };
+export { ThemeService as T, toBigIntAwareJson as t };