@nice2dev/ui-iot 1.0.11 → 1.0.12

package/dist/index.mjs

@@ -14,16 +14,16 @@ const $ = [
 ];
 function re({
   devices: a = [],
-  widgets: c = [],
+  widgets: t = [],
   alarms: n = [],
   onDeviceSelect: r,
   onWidgetChange: l,
-  onCommand: t,
+  onCommand: c,
   onAlarmAcknowledge: d,
   fetchTelemetry: o,
-  className: T = ""
+  className: S = ""
 }) {
-  const [u, D] = p(c), [g, f] = p(null), [m, w] = p("dashboard"), [_, k] = p(!1), [b, M] = p(""), h = v(
+  const [u, D] = p(t), [g, f] = p(null), [m, w] = p("dashboard"), [_, C] = p(!1), [b, M] = p(""), h = v(
     (s) => {
       D((N) => {
         const y = s(N);
@@ -31,7 +31,7 @@ function re({
       });
     },
     [l]
-  ), C = v(
+  ), k = v(
     (s) => {
       var y;
       const N = {
@@ -49,17 +49,17 @@ function re({
       f(s), r == null || r(s);
     },
     [r]
-  ), S = v(
+  ), T = v(
     (s) => {
       d == null || d(s);
     },
     [d]
   ), G = a.filter(
     (s) => !b || s.name.toLowerCase().includes(b.toLowerCase()) || s.type.toLowerCase().includes(b.toLowerCase())
-  ), I = n.filter((s) => !s.cleared), E = I.filter(
+  ), I = n.filter((s) => !s.cleared), x = I.filter(
     (s) => s.severity === "critical" || s.severity === "high"
   );
-  return /* @__PURE__ */ i("div", { className: `nice-iot-dashboard ${T}`, children: [
+  return /* @__PURE__ */ i("div", { className: `nice-iot-dashboard ${S}`, children: [
     /* @__PURE__ */ i("header", { className: "nice-iot-dashboard__header", children: [
       /* @__PURE__ */ e("h1", { children: "IoT Dashboard" }),
       /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__stats", children: [
@@ -78,9 +78,9 @@ function re({
           a.filter((s) => s.status === "offline").length,
           " Offline"
         ] }),
-        E.length > 0 && /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--alarms", children: [
+        x.length > 0 && /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--alarms", children: [
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: "🚨" }),
-          E.length,
+          x.length,
           " Alarms"
         ] })
       ] }),
@@ -99,7 +99,7 @@ function re({
           I.length > 0 && `(${I.length})`
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: m === "dashboard" && /* @__PURE__ */ e("button", { onClick: () => k(!_), children: _ ? "✓ Done" : "✏️ Edit" }) })
+      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: m === "dashboard" && /* @__PURE__ */ e("button", { onClick: () => C(!_), children: _ ? "✓ Done" : "✏️ Edit" }) })
     ] }),
     m === "dashboard" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__main", children: [
       _ && /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__palette", children: [
@@ -108,7 +108,7 @@ function re({
           "button",
           {
             className: "nice-iot-dashboard__palette-item",
-            onClick: () => C(s.type),
+            onClick: () => k(s.type),
             children: [
               /* @__PURE__ */ e("span", { children: s.icon }),
               /* @__PURE__ */ e("span", { children: s.label })
@@ -125,7 +125,7 @@ function re({
             devices: a,
             alarms: n,
             isEditing: _,
-            onCommand: t,
+            onCommand: c,
             onDelete: () => h((N) => N.filter((y) => y.id !== s.id))
           },
           s.id
@@ -156,7 +156,7 @@ function re({
         H,
         {
           device: g,
-          onCommand: t,
+          onCommand: c,
           onClose: () => f(null)
         }
       )
@@ -188,7 +188,7 @@ function re({
               /* @__PURE__ */ e("td", { children: s.message }),
               /* @__PURE__ */ e("td", { children: s.timestamp.toLocaleString() }),
               /* @__PURE__ */ e("td", { children: s.acknowledged ? "Acknowledged" : "Active" }),
-              /* @__PURE__ */ e("td", { children: !s.acknowledged && /* @__PURE__ */ e("button", { onClick: () => S(s.id), children: "Acknowledge" }) })
+              /* @__PURE__ */ e("td", { children: !s.acknowledged && /* @__PURE__ */ e("button", { onClick: () => T(s.id), children: "Acknowledge" }) })
             ]
           },
           s.id
@@ -198,31 +198,31 @@ function re({
   ] });
 }
 function Q(a) {
-  return a.length === 0 ? 0 : Math.max(...a.map((c) => c.position.y + c.position.height));
+  return a.length === 0 ? 0 : Math.max(...a.map((t) => t.position.y + t.position.height));
 }
 function U(a) {
   switch (a) {
     case "online":
-      return "#28a745";
+      return "var(--nice-success, #28a745)";
     case "offline":
-      return "#6c757d";
+      return "var(--nice-text-secondary, #6c757d)";
     case "warning":
-      return "#ffc107";
+      return "var(--nice-warning, #ffc107)";
     case "error":
-      return "#dc3545";
+      return "var(--nice-danger, #dc3545)";
     case "maintenance":
-      return "#17a2b8";
+      return "var(--nice-info, #17a2b8)";
     default:
-      return "#6c757d";
+      return "var(--nice-text-secondary, #6c757d)";
   }
 }
 function W({
   widget: a,
-  devices: c,
+  devices: t,
   alarms: n,
   isEditing: r,
   onCommand: l,
-  onDelete: t
+  onDelete: c
 }) {
   const d = $.find((o) => o.type === a.type);
   return /* @__PURE__ */ i(
@@ -237,46 +237,46 @@ function W({
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__widget-header", children: [
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: d == null ? void 0 : d.icon }),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-title", children: a.title }),
-          r && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: t, children: "×" })
+          r && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: c, children: "×" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(V, { widget: a, devices: c, alarms: n, onCommand: l }) })
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(V, { widget: a, devices: t, alarms: n, onCommand: l }) })
       ]
     }
   );
 }
 function V({
   widget: a,
-  devices: c,
+  devices: t,
   alarms: n,
   onCommand: r
 }) {
   switch (a.type) {
     case "device-list":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: c.slice(0, 10).map((t) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-list-item", children: [
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: t.slice(0, 10).map((l) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-list-item", children: [
         /* @__PURE__ */ e(
           "span",
           {
             className: "nice-iot-dashboard__device-status",
-            style: { background: U(t.status) }
+            style: { background: U(l.status) }
           }
         ),
-        /* @__PURE__ */ e("span", { children: t.name }),
-        /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-type", children: t.type })
-      ] }, t.id)) });
+        /* @__PURE__ */ e("span", { children: l.name }),
+        /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-type", children: l.type })
+      ] }, l.id)) });
     case "device-status":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((t) => {
-        const d = c.filter((o) => o.status === t).length;
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((l) => {
+        const c = t.filter((d) => d.status === l).length;
         return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__status-card", children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: "nice-iot-dashboard__status-indicator",
-              style: { background: U(t) }
+              style: { background: U(l) }
             }
           ),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: d }),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: t })
-        ] }, t);
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: c }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: l })
+        ] }, l);
       }) });
     case "telemetry-chart":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__chart-placeholder", children: [
@@ -286,13 +286,13 @@ function V({
       ] });
     case "gauge":
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__gauge", children: /* @__PURE__ */ i("svg", { viewBox: "0 0 100 60", children: [
-        /* @__PURE__ */ e("path", { d: "M 10 55 A 40 40 0 0 1 90 55", fill: "none", stroke: "#e0e0e0", strokeWidth: "8" }),
+        /* @__PURE__ */ e("path", { d: "M 10 55 A 40 40 0 0 1 90 55", fill: "none", stroke: "var(--nice-border, #e0e0e0)", strokeWidth: "8" }),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M 10 55 A 40 40 0 0 1 90 55",
             fill: "none",
-            stroke: "#0066cc",
+            stroke: "var(--nice-primary, #0066cc)",
             strokeWidth: "8",
             strokeDasharray: "63 126"
           }
@@ -304,23 +304,24 @@ function V({
         /* @__PURE__ */ e("span", { children: "🗺️" }),
         /* @__PURE__ */ e("span", { children: "Device Map" }),
         /* @__PURE__ */ i("small", { children: [
-          c.filter((t) => t.location).length,
+          t.filter((l) => l.location).length,
           " devices with location"
         ] })
       ] });
-    case "alarms":
-      const l = n.filter((t) => !t.cleared).slice(0, 5);
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: l.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: "No active alarms" }) : l.map((t) => /* @__PURE__ */ i(
+    case "alarms": {
+      const l = n.filter((c) => !c.cleared).slice(0, 5);
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: l.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: "No active alarms" }) : l.map((c) => /* @__PURE__ */ i(
         "div",
         {
-          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${t.severity}`,
+          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${c.severity}`,
           children: [
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: t.severity }),
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: t.message })
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: c.severity }),
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: c.message })
           ]
         },
-        t.id
+        c.id
       )) });
+    }
     case "control-panel":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__control-placeholder", children: [
         /* @__PURE__ */ e("span", { children: "🎛️" }),
@@ -329,18 +330,18 @@ function V({
       ] });
     case "kpi":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__kpi", children: [
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: c.length }),
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: t.length }),
         /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-label", children: "Total Devices" })
       ] });
     default:
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
   }
 }
-function j({ device: a, isSelected: c, onSelect: n }) {
+function j({ device: a, isSelected: t, onSelect: n }) {
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-iot-dashboard__device-card ${c ? "nice-iot-dashboard__device-card--selected" : ""}`,
+      className: `nice-iot-dashboard__device-card ${t ? "nice-iot-dashboard__device-card--selected" : ""}`,
       onClick: n,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-header", children: [
@@ -382,7 +383,7 @@ function j({ device: a, isSelected: c, onSelect: n }) {
 }
 function H({
   device: a,
-  onCommand: c,
+  onCommand: t,
   onClose: n
 }) {
   return /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__device-detail", children: [
@@ -440,11 +441,11 @@ function H({
         /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__capabilities-list", children: a.capabilities.map((r) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__capability-item", children: [
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-name", children: r.name }),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-type", children: r.type }),
-          r.writable && c && /* @__PURE__ */ e(
+          r.writable && t && /* @__PURE__ */ e(
             "button",
             {
               className: "nice-iot-dashboard__capability-control",
-              onClick: () => c(a.id, r.id, !0),
+              onClick: () => t(a.id, r.id, !0),
               children: "Control"
             }
           )
@@ -463,32 +464,32 @@ const K = [
 ];
 function le({
   nodes: a = [],
-  modules: c = [],
+  modules: t = [],
   onNodeSelect: n,
   onModuleDeploy: r,
   onModuleAction: l,
-  onNodeSync: t,
+  onNodeSync: c,
   className: d = ""
 }) {
-  const [o, T] = p(null), [u, D] = p("nodes"), [g, f] = p(!1), [m, w] = p({
+  const [o, S] = p(null), [u, D] = p("nodes"), [g, f] = p(!1), [m, w] = p({
     name: "",
     image: "",
     status: "pending"
   }), _ = v(
     (h) => {
-      T(h), n == null || n(h);
+      S(h), n == null || n(h);
     },
     [n]
-  ), k = v(async () => {
+  ), C = v(async () => {
     !o || !m.name || !m.image || (await (r == null ? void 0 : r(o.id, m)), f(!1), w({ name: "", image: "", status: "pending" }));
   }, [o, m, r]), b = v(
-    async (h, C) => {
-      o && await (l == null ? void 0 : l(o.id, h, C));
+    async (h, k) => {
+      o && await (l == null ? void 0 : l(o.id, h, k));
     },
     [o, l]
   ), M = v(async () => {
-    o && await (t == null ? void 0 : t(o.id));
-  }, [o, t]);
+    o && await (c == null ? void 0 : c(o.id));
+  }, [o, c]);
   return /* @__PURE__ */ i("div", { className: `nice-edge-manager ${d}`, children: [
     /* @__PURE__ */ i("header", { className: "nice-edge-manager__header", children: [
       /* @__PURE__ */ e("h1", { children: "Edge Manager" }),
@@ -534,7 +535,7 @@ function le({
             J,
             {
               module: h,
-              onAction: (C) => b(h.id, C)
+              onAction: (k) => b(h.id, k)
             },
             h.id
           )),
@@ -547,7 +548,7 @@ function le({
         {
           node: o,
           onSync: M,
-          onClose: () => T(null)
+          onClose: () => S(null)
         }
       )
     ] }),
@@ -557,7 +558,7 @@ function le({
         config: m,
         templates: K,
         onChange: w,
-        onDeploy: k,
+        onDeploy: C,
         onClose: () => f(!1)
       }
     )
@@ -566,31 +567,31 @@ function le({
 function q(a) {
   switch (a) {
     case "running":
-      return "#28a745";
+      return "var(--nice-success, #28a745)";
     case "stopped":
-      return "#6c757d";
+      return "var(--nice-text-secondary, #6c757d)";
     case "updating":
-      return "#ffc107";
+      return "var(--nice-warning, #ffc107)";
     case "error":
-      return "#dc3545";
+      return "var(--nice-danger, #dc3545)";
     case "unreachable":
-      return "#868e96";
+      return "var(--nice-text-secondary, #868e96)";
     default:
-      return "#6c757d";
+      return "var(--nice-text-secondary, #6c757d)";
   }
 }
-function B(a) {
+function E(a) {
   return a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : a < 1024 * 1024 * 1024 ? `${(a / 1024 / 1024).toFixed(1)} MB` : `${(a / 1024 / 1024 / 1024).toFixed(2)} GB`;
 }
 function Y(a) {
-  const c = Math.floor(a / 86400), n = Math.floor(a % 86400 / 3600), r = Math.floor(a % 3600 / 60);
-  return c > 0 ? `${c}d ${n}h` : n > 0 ? `${n}h ${r}m` : `${r}m`;
+  const t = Math.floor(a / 86400), n = Math.floor(a % 86400 / 3600), r = Math.floor(a % 3600 / 60);
+  return t > 0 ? `${t}d ${n}h` : n > 0 ? `${n}h ${r}m` : `${r}m`;
 }
-function z({ node: a, isSelected: c, onSelect: n }) {
+function z({ node: a, isSelected: t, onSelect: n }) {
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-edge-manager__node-card ${c ? "nice-edge-manager__node-card--selected" : ""}`,
+      className: `nice-edge-manager__node-card ${t ? "nice-edge-manager__node-card--selected" : ""}`,
       onClick: n,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-header", children: [
@@ -655,7 +656,7 @@ function z({ node: a, isSelected: c, onSelect: n }) {
     }
   );
 }
-function J({ module: a, onAction: c }) {
+function J({ module: a, onAction: t }) {
   return /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-card", children: [
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-header", children: [
       /* @__PURE__ */ e(
@@ -663,11 +664,11 @@ function J({ module: a, onAction: c }) {
         {
           className: "nice-edge-manager__module-status",
           style: { background: {
-            running: "#28a745",
-            stopped: "#6c757d",
-            error: "#dc3545",
-            pending: "#ffc107"
-          }[a.status] || "#6c757d" }
+            running: "var(--nice-success, #28a745)",
+            stopped: "var(--nice-text-secondary, #6c757d)",
+            error: "var(--nice-danger, #dc3545)",
+            pending: "var(--nice-warning, #ffc107)"
+          }[a.status] || "var(--nice-text-secondary, #6c757d)" }
         }
       ),
       /* @__PURE__ */ e("span", { className: "nice-edge-manager__module-name", children: a.name }),
@@ -696,20 +697,20 @@ function J({ module: a, onAction: c }) {
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-actions", children: [
       a.status === "running" && /* @__PURE__ */ i(P, { children: [
-        /* @__PURE__ */ e("button", { onClick: () => c("stop"), children: "Stop" }),
-        /* @__PURE__ */ e("button", { onClick: () => c("restart"), children: "Restart" })
+        /* @__PURE__ */ e("button", { onClick: () => t("stop"), children: "Stop" }),
+        /* @__PURE__ */ e("button", { onClick: () => t("restart"), children: "Restart" })
       ] }),
-      a.status === "stopped" && /* @__PURE__ */ e("button", { onClick: () => c("start"), children: "Start" }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => c("remove"), children: "Remove" })
+      a.status === "stopped" && /* @__PURE__ */ e("button", { onClick: () => t("start"), children: "Start" }),
+      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => t("remove"), children: "Remove" })
     ] })
   ] });
 }
-function X({ node: a, onSync: c, onClose: n }) {
+function X({ node: a, onSync: t, onClose: n }) {
   return /* @__PURE__ */ i("aside", { className: "nice-edge-manager__detail", children: [
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-header", children: [
       /* @__PURE__ */ e("h3", { children: a.name }),
       /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-actions", children: [
-        /* @__PURE__ */ e("button", { onClick: c, children: "🔄 Sync" }),
+        /* @__PURE__ */ e("button", { onClick: t, children: "🔄 Sync" }),
         /* @__PURE__ */ e("button", { onClick: n, children: "×" })
       ] })
     ] }),
@@ -857,11 +858,11 @@ function X({ node: a, onSync: c, onClose: n }) {
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__network-stats", children: [
           /* @__PURE__ */ i("span", { children: [
             "↓ ",
-            B(a.metrics.networkIn)
+            E(a.metrics.networkIn)
           ] }),
           /* @__PURE__ */ i("span", { children: [
             "↑ ",
-            B(a.metrics.networkOut)
+            E(a.metrics.networkOut)
           ] })
         ] })
       ] })
@@ -870,7 +871,7 @@ function X({ node: a, onSync: c, onClose: n }) {
 }
 function Z({
   config: a,
-  templates: c,
+  templates: t,
   onChange: n,
   onDeploy: r,
   onClose: l
@@ -887,8 +888,8 @@ function Z({
           "select",
           {
             value: "",
-            onChange: (t) => {
-              const d = c.find((o) => o.image === t.target.value);
+            onChange: (c) => {
+              const d = t.find((o) => o.image === c.target.value);
               d && n({
                 ...a,
                 name: d.name,
@@ -897,7 +898,7 @@ function Z({
             },
             children: [
               /* @__PURE__ */ e("option", { value: "", children: "Select a template..." }),
-              c.map((t) => /* @__PURE__ */ e("option", { value: t.image, children: t.name }, t.image))
+              t.map((c) => /* @__PURE__ */ e("option", { value: c.image, children: c.name }, c.image))
             ]
           }
         )
@@ -909,7 +910,7 @@ function Z({
           {
             type: "text",
             value: a.name || "",
-            onChange: (t) => n({ ...a, name: t.target.value }),
+            onChange: (c) => n({ ...a, name: c.target.value }),
             placeholder: "e.g., my-module"
           }
         )
@@ -921,7 +922,7 @@ function Z({
           {
             type: "text",
             value: a.image || "",
-            onChange: (t) => n({ ...a, image: t.target.value }),
+            onChange: (c) => n({ ...a, image: c.target.value }),
             placeholder: "e.g., nginx:latest"
           }
         )
@@ -933,7 +934,7 @@ function Z({
           {
             type: "text",
             value: a.version || "1.0.0",
-            onChange: (t) => n({ ...a, version: t.target.value })
+            onChange: (c) => n({ ...a, version: c.target.value })
           }
         )
       ] })
@@ -944,7 +945,7 @@ function Z({
     ] })
   ] }) });
 }
-const x = {
+const B = {
   broker: "localhost",
   port: 1883,
   clientId: `nice2dev-${Date.now()}`,
@@ -973,21 +974,21 @@ const x = {
 };
 function se({
   protocol: a = "mqtt",
-  config: c,
+  config: t,
   onSave: n,
   onTest: r,
   className: l = ""
 }) {
-  const [t, d] = p(a), [o, T] = p(
-    (c == null ? void 0 : c.type) === "mqtt" ? { ...x, ...c.config } : x
+  const [c, d] = p(a), [o, S] = p(
+    (t == null ? void 0 : t.type) === "mqtt" ? { ...B, ...t.config } : B
   ), [u, D] = p(
-    (c == null ? void 0 : c.type) === "coap" ? { ...F, ...c.config } : F
+    (t == null ? void 0 : t.type) === "coap" ? { ...F, ...t.config } : F
   ), [g, f] = p(
-    (c == null ? void 0 : c.type) === "modbus" ? { ...R, ...c.config } : R
+    (t == null ? void 0 : t.type) === "modbus" ? { ...R, ...t.config } : R
   ), [m, w] = p(
-    (c == null ? void 0 : c.type) === "opcua" ? { ...O, ...c.config } : O
-  ), [_, k] = p(null), [b, M] = p(!1), h = v(() => {
-    switch (t) {
+    (t == null ? void 0 : t.type) === "opcua" ? { ...O, ...t.config } : O
+  ), [_, C] = p(null), [b, M] = p(!1), h = v(() => {
+    switch (c) {
       case "mqtt":
         return o;
       case "coap":
@@ -1000,16 +1001,16 @@ function se({
       default:
         return o;
     }
-  }, [t, o, u, g, m]), C = v(() => {
+  }, [c, o, u, g, m]), k = v(() => {
     n == null || n(h());
   }, [h, n]), A = v(async () => {
     if (r) {
-      M(!0), k(null);
+      M(!0), C(null);
       try {
-        const S = await r(h());
-        k(S);
-      } catch (S) {
-        k({ success: !1, message: String(S) });
+        const T = await r(h());
+        C(T);
+      } catch (T) {
+        C({ success: !1, message: String(T) });
       } finally {
         M(!1);
       }
@@ -1020,7 +1021,7 @@ function se({
       /* @__PURE__ */ e("h2", { children: "Protocol Configuration" }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__protocol-selector", children: [
         /* @__PURE__ */ e("label", { children: "Protocol:" }),
-        /* @__PURE__ */ i("select", { value: t, onChange: (S) => d(S.target.value), children: [
+        /* @__PURE__ */ i("select", { value: c, onChange: (T) => d(T.target.value), children: [
           /* @__PURE__ */ e("option", { value: "mqtt", children: "MQTT" }),
           /* @__PURE__ */ e("option", { value: "coap", children: "CoAP" }),
           /* @__PURE__ */ e("option", { value: "modbus-tcp", children: "Modbus TCP" }),
@@ -1030,17 +1031,17 @@ function se({
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__content", children: [
-      t === "mqtt" && /* @__PURE__ */ e(ee, { config: o, onChange: T }),
-      t === "coap" && /* @__PURE__ */ e(ae, { config: u, onChange: D }),
-      (t === "modbus-tcp" || t === "modbus-rtu") && /* @__PURE__ */ e(
+      c === "mqtt" && /* @__PURE__ */ e(ee, { config: o, onChange: S }),
+      c === "coap" && /* @__PURE__ */ e(ae, { config: u, onChange: D }),
+      (c === "modbus-tcp" || c === "modbus-rtu") && /* @__PURE__ */ e(
         ie,
         {
           config: g,
-          type: t === "modbus-rtu" ? "rtu" : "tcp",
+          type: c === "modbus-rtu" ? "rtu" : "tcp",
           onChange: f
         }
       ),
-      t === "opcua" && /* @__PURE__ */ e(ne, { config: m, onChange: w })
+      c === "opcua" && /* @__PURE__ */ e(ne, { config: m, onChange: w })
     ] }),
     _ && /* @__PURE__ */ i(
       "div",
@@ -1063,11 +1064,11 @@ function se({
           children: b ? "Testing..." : "🔌 Test Connection"
         }
       ),
-      /* @__PURE__ */ e("button", { className: "nice-protocol-config__save-btn", onClick: C, children: "💾 Save" })
+      /* @__PURE__ */ e("button", { className: "nice-protocol-config__save-btn", onClick: k, children: "💾 Save" })
     ] })
   ] });
 }
-function ee({ config: a, onChange: c }) {
+function ee({ config: a, onChange: t }) {
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
     /* @__PURE__ */ e("h3", { children: "MQTT Configuration" }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
@@ -1078,7 +1079,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "text",
             value: a.broker,
-            onChange: (n) => c({ ...a, broker: n.target.value }),
+            onChange: (n) => t({ ...a, broker: n.target.value }),
             placeholder: "localhost"
           }
         )
@@ -1090,7 +1091,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "number",
             value: a.port,
-            onChange: (n) => c({ ...a, port: parseInt(n.target.value, 10) || 1883 })
+            onChange: (n) => t({ ...a, port: parseInt(n.target.value, 10) || 1883 })
           }
         )
       ] }),
@@ -1101,7 +1102,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "text",
             value: a.clientId,
-            onChange: (n) => c({ ...a, clientId: n.target.value })
+            onChange: (n) => t({ ...a, clientId: n.target.value })
           }
         )
       ] }),
@@ -1111,7 +1112,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "checkbox",
             checked: a.useTLS,
-            onChange: (n) => c({ ...a, useTLS: n.target.checked })
+            onChange: (n) => t({ ...a, useTLS: n.target.checked })
           }
         ),
         "Use TLS"
@@ -1123,7 +1124,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "text",
             value: a.username || "",
-            onChange: (n) => c({ ...a, username: n.target.value })
+            onChange: (n) => t({ ...a, username: n.target.value })
           }
         )
       ] }),
@@ -1134,7 +1135,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "password",
             value: a.password || "",
-            onChange: (n) => c({ ...a, password: n.target.value })
+            onChange: (n) => t({ ...a, password: n.target.value })
           }
         )
       ] }),
@@ -1145,7 +1146,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "number",
             value: a.keepAlive,
-            onChange: (n) => c({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
+            onChange: (n) => t({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
           }
         )
       ] }),
@@ -1155,7 +1156,7 @@ function ee({ config: a, onChange: c }) {
           {
             type: "checkbox",
             checked: a.cleanSession,
-            onChange: (n) => c({ ...a, cleanSession: n.target.checked })
+            onChange: (n) => t({ ...a, cleanSession: n.target.checked })
           }
         ),
         "Clean Session"
@@ -1170,8 +1171,8 @@ function ee({ config: a, onChange: c }) {
             type: "text",
             value: n.pattern,
             onChange: (l) => {
-              const t = [...a.topics];
-              t[r] = { ...t[r], pattern: l.target.value }, c({ ...a, topics: t });
+              const c = [...a.topics];
+              c[r] = { ...c[r], pattern: l.target.value }, t({ ...a, topics: c });
             },
             placeholder: "e.g., sensors/+/data"
           }
@@ -1181,8 +1182,8 @@ function ee({ config: a, onChange: c }) {
           {
             value: n.qos,
             onChange: (l) => {
-              const t = [...a.topics];
-              t[r] = { ...t[r], qos: parseInt(l.target.value, 10) }, c({ ...a, topics: t });
+              const c = [...a.topics];
+              c[r] = { ...c[r], qos: parseInt(l.target.value, 10) }, t({ ...a, topics: c });
             },
             children: [
               /* @__PURE__ */ e("option", { value: 0, children: "QoS 0" }),
@@ -1196,11 +1197,11 @@ function ee({ config: a, onChange: c }) {
           {
             value: n.direction,
             onChange: (l) => {
-              const t = [...a.topics];
-              t[r] = {
-                ...t[r],
+              const c = [...a.topics];
+              c[r] = {
+                ...c[r],
                 direction: l.target.value
-              }, c({ ...a, topics: t });
+              }, t({ ...a, topics: c });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "subscribe", children: "Subscribe" }),
@@ -1213,8 +1214,8 @@ function ee({ config: a, onChange: c }) {
           "button",
           {
             onClick: () => {
-              const l = a.topics.filter((t, d) => d !== r);
-              c({ ...a, topics: l });
+              const l = a.topics.filter((c, d) => d !== r);
+              t({ ...a, topics: l });
             },
             children: "×"
           }
@@ -1224,7 +1225,7 @@ function ee({ config: a, onChange: c }) {
         "button",
         {
           onClick: () => {
-            c({
+            t({
               ...a,
               topics: [
                 ...a.topics,
@@ -1238,7 +1239,7 @@ function ee({ config: a, onChange: c }) {
     ] })
   ] });
 }
-function ae({ config: a, onChange: c }) {
+function ae({ config: a, onChange: t }) {
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
     /* @__PURE__ */ e("h3", { children: "CoAP Configuration" }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
@@ -1249,7 +1250,7 @@ function ae({ config: a, onChange: c }) {
           {
             type: "text",
             value: a.host,
-            onChange: (n) => c({ ...a, host: n.target.value })
+            onChange: (n) => t({ ...a, host: n.target.value })
           }
         )
       ] }),
@@ -1260,7 +1261,7 @@ function ae({ config: a, onChange: c }) {
           {
             type: "number",
             value: a.port,
-            onChange: (n) => c({ ...a, port: parseInt(n.target.value, 10) || 5683 })
+            onChange: (n) => t({ ...a, port: parseInt(n.target.value, 10) || 5683 })
           }
         )
       ] }),
@@ -1270,7 +1271,7 @@ function ae({ config: a, onChange: c }) {
           {
             type: "checkbox",
             checked: a.useDTLS,
-            onChange: (n) => c({ ...a, useDTLS: n.target.checked })
+            onChange: (n) => t({ ...a, useDTLS: n.target.checked })
           }
         ),
         "Use DTLS"
@@ -1281,7 +1282,7 @@ function ae({ config: a, onChange: c }) {
           {
             type: "checkbox",
             checked: a.observe || !1,
-            onChange: (n) => c({ ...a, observe: n.target.checked })
+            onChange: (n) => t({ ...a, observe: n.target.checked })
           }
         ),
         "Enable Observe"
@@ -1296,8 +1297,8 @@ function ae({ config: a, onChange: c }) {
             type: "text",
             value: n.path,
             onChange: (l) => {
-              const t = [...a.resources];
-              t[r] = { ...t[r], path: l.target.value }, c({ ...a, resources: t });
+              const c = [...a.resources];
+              c[r] = { ...c[r], path: l.target.value }, t({ ...a, resources: c });
             },
             placeholder: "/sensors/temperature"
           }
@@ -1306,8 +1307,8 @@ function ae({ config: a, onChange: c }) {
           "button",
           {
             onClick: () => {
-              const l = a.resources.filter((t, d) => d !== r);
-              c({ ...a, resources: l });
+              const l = a.resources.filter((c, d) => d !== r);
+              t({ ...a, resources: l });
             },
             children: "×"
           }
@@ -1317,7 +1318,7 @@ function ae({ config: a, onChange: c }) {
         "button",
         {
           onClick: () => {
-            c({
+            t({
               ...a,
               resources: [
                 ...a.resources,
@@ -1333,17 +1334,17 @@ function ae({ config: a, onChange: c }) {
 }
 function ie({
   config: a,
-  type: c,
+  type: t,
   onChange: n
 }) {
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
     /* @__PURE__ */ i("h3", { children: [
       "Modbus ",
-      c.toUpperCase(),
+      t.toUpperCase(),
       " Configuration"
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
-      c === "tcp" && /* @__PURE__ */ i(P, { children: [
+      t === "tcp" && /* @__PURE__ */ i(P, { children: [
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: "Host" }),
           /* @__PURE__ */ e(
@@ -1367,7 +1368,7 @@ function ie({
           )
         ] })
       ] }),
-      c === "rtu" && /* @__PURE__ */ i(P, { children: [
+      t === "rtu" && /* @__PURE__ */ i(P, { children: [
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: "Serial Port" }),
           /* @__PURE__ */ e(
@@ -1454,9 +1455,9 @@ function ie({
           {
             type: "text",
             value: r.name,
-            onChange: (t) => {
+            onChange: (c) => {
               const d = [...a.registers];
-              d[l] = { ...d[l], name: t.target.value }, n({ ...a, registers: d });
+              d[l] = { ...d[l], name: c.target.value }, n({ ...a, registers: d });
             }
           }
         ) }),
@@ -1465,11 +1466,11 @@ function ie({
           {
             type: "number",
             value: r.address,
-            onChange: (t) => {
+            onChange: (c) => {
               const d = [...a.registers];
               d[l] = {
                 ...d[l],
-                address: parseInt(t.target.value, 10) || 0
+                address: parseInt(c.target.value, 10) || 0
               }, n({ ...a, registers: d });
             }
           }
@@ -1478,11 +1479,11 @@ function ie({
           "select",
           {
             value: r.type,
-            onChange: (t) => {
+            onChange: (c) => {
               const d = [...a.registers];
               d[l] = {
                 ...d[l],
-                type: t.target.value
+                type: c.target.value
               }, n({ ...a, registers: d });
             },
             children: [
@@ -1497,11 +1498,11 @@ function ie({
           "select",
           {
             value: r.dataType,
-            onChange: (t) => {
+            onChange: (c) => {
               const d = [...a.registers];
               d[l] = {
                 ...d[l],
-                dataType: t.target.value
+                dataType: c.target.value
               }, n({ ...a, registers: d });
             },
             children: [
@@ -1520,9 +1521,9 @@ function ie({
             {
               type: "checkbox",
               checked: r.readable,
-              onChange: (t) => {
+              onChange: (c) => {
                 const d = [...a.registers];
-                d[l] = { ...d[l], readable: t.target.checked }, n({ ...a, registers: d });
+                d[l] = { ...d[l], readable: c.target.checked }, n({ ...a, registers: d });
               },
               title: "Readable"
             }
@@ -1532,9 +1533,9 @@ function ie({
             {
               type: "checkbox",
               checked: r.writable,
-              onChange: (t) => {
+              onChange: (c) => {
                 const d = [...a.registers];
-                d[l] = { ...d[l], writable: t.target.checked }, n({ ...a, registers: d });
+                d[l] = { ...d[l], writable: c.target.checked }, n({ ...a, registers: d });
               },
               title: "Writable"
             }
@@ -1544,8 +1545,8 @@ function ie({
           "button",
           {
             onClick: () => {
-              const t = a.registers.filter((d, o) => o !== l);
-              n({ ...a, registers: t });
+              const c = a.registers.filter((d, o) => o !== l);
+              n({ ...a, registers: c });
             },
             children: "×"
           }
@@ -1576,7 +1577,7 @@ function ie({
     )
   ] });
 }
-function ne({ config: a, onChange: c }) {
+function ne({ config: a, onChange: t }) {
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
     /* @__PURE__ */ e("h3", { children: "OPC-UA Configuration" }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
@@ -1587,7 +1588,7 @@ function ne({ config: a, onChange: c }) {
           {
             type: "text",
             value: a.endpointUrl,
-            onChange: (n) => c({ ...a, endpointUrl: n.target.value }),
+            onChange: (n) => t({ ...a, endpointUrl: n.target.value }),
             placeholder: "opc.tcp://localhost:4840"
           }
         )
@@ -1598,7 +1599,7 @@ function ne({ config: a, onChange: c }) {
           "select",
           {
             value: a.securityMode,
-            onChange: (n) => c({
+            onChange: (n) => t({
               ...a,
               securityMode: n.target.value
             }),
@@ -1616,7 +1617,7 @@ function ne({ config: a, onChange: c }) {
           "select",
           {
             value: a.authentication,
-            onChange: (n) => c({
+            onChange: (n) => t({
               ...a,
               authentication: n.target.value
             }),
@@ -1636,7 +1637,7 @@ function ne({ config: a, onChange: c }) {
             {
               type: "text",
               value: a.username || "",
-              onChange: (n) => c({ ...a, username: n.target.value })
+              onChange: (n) => t({ ...a, username: n.target.value })
             }
           )
         ] }),
@@ -1647,7 +1648,7 @@ function ne({ config: a, onChange: c }) {
             {
               type: "password",
               value: a.password || "",
-              onChange: (n) => c({ ...a, password: n.target.value })
+              onChange: (n) => t({ ...a, password: n.target.value })
             }
           )
         ] })
@@ -1659,7 +1660,7 @@ function ne({ config: a, onChange: c }) {
           {
             type: "text",
             value: a.applicationName,
-            onChange: (n) => c({ ...a, applicationName: n.target.value })
+            onChange: (n) => t({ ...a, applicationName: n.target.value })
           }
         )
       ] })
@@ -1673,8 +1674,8 @@ function ne({ config: a, onChange: c }) {
             type: "text",
             value: n.nodeId,
             onChange: (l) => {
-              const t = [...a.nodes];
-              t[r] = { ...t[r], nodeId: l.target.value }, c({ ...a, nodes: t });
+              const c = [...a.nodes];
+              c[r] = { ...c[r], nodeId: l.target.value }, t({ ...a, nodes: c });
             },
             placeholder: "ns=2;s=Temperature"
           }
@@ -1685,8 +1686,8 @@ function ne({ config: a, onChange: c }) {
             type: "text",
             value: n.displayName,
             onChange: (l) => {
-              const t = [...a.nodes];
-              t[r] = { ...t[r], displayName: l.target.value }, c({ ...a, nodes: t });
+              const c = [...a.nodes];
+              c[r] = { ...c[r], displayName: l.target.value }, t({ ...a, nodes: c });
             },
             placeholder: "Display Name"
           }
@@ -1695,8 +1696,8 @@ function ne({ config: a, onChange: c }) {
           "button",
           {
             onClick: () => {
-              const l = a.nodes.filter((t, d) => d !== r);
-              c({ ...a, nodes: l });
+              const l = a.nodes.filter((c, d) => d !== r);
+              t({ ...a, nodes: l });
             },
             children: "×"
           }
@@ -1706,7 +1707,7 @@ function ne({ config: a, onChange: c }) {
         "button",
         {
           onClick: () => {
-            c({
+            t({
               ...a,
               nodes: [
                 ...a.nodes,