@nice2dev/ui-iot 1.2.2 → 1.3.1

package/dist/index.mjs

@@ -1,9 +1,29 @@
 import { jsx as e, jsxs as i, Fragment as S } from "react/jsx-runtime";
-import { useContext as U, createContext as x, useState as M, useCallback as f } from "react";
-const K = (a, o) => o, Y = /* @__PURE__ */ x(K), J = /* @__PURE__ */ x("en");
+import { useContext as U, createContext as O, useState as g, useCallback as N } from "react";
+const Y = (a, r) => r, J = /* @__PURE__ */ O(Y), Z = /* @__PURE__ */ O("en");
 function _() {
-  const a = U(Y), o = U(J);
-  return { t: a, lang: o };
+  const a = U(J), r = U(Z);
+  return { t: a, lang: r };
+}
+function P(a) {
+  if (a.defaultPrevented || a.repeat || a.target !== a.currentTarget || a.key !== "Enter" && a.key !== " " && a.key !== "Spacebar")
+    return;
+  const r = a.currentTarget;
+  if (!r || typeof r.dispatchEvent != "function")
+    return;
+  a.preventDefault();
+  const t = r.ownerDocument.defaultView;
+  r.dispatchEvent(
+    new ((t == null ? void 0 : t.MouseEvent) ?? MouseEvent)("click", {
+      bubbles: !0,
+      cancelable: !0,
+      composed: !0,
+      ctrlKey: !!a.ctrlKey,
+      shiftKey: !!a.shiftKey,
+      altKey: !!a.altKey,
+      metaKey: !!a.metaKey
+    })
+  );
 }
 const X = {
   // Navigation
@@ -223,41 +243,90 @@ const X = {
   midpoint: "M3 12h6 M15 12h6 M3 9v6 M21 9v6 M12 9a3 3 0 1 0 0 6a3 3 0 1 0 0-6z",
   "angle-bisector": "M4 20h17 M4 20L16 5 M4 20l14.4-6.9 M10 20a6 6 0 0 0-2.25-4.68",
   group: "M3 7V3h4 M17 3h4v4 M21 17v4h-4 M7 21H3v-4 M7 7h5v5H7z M12 12h5v5h-5z",
-  ungroup: "M3 3h8v8H3z M13 13h8v8h-8z"
-}, Z = {
+  ungroup: "M3 3h8v8H3z M13 13h8v8h-8z",
+  // 1.3.0: button and key glyphs of the input prompts (ADR-005 § 8, decision 0.8). Outline here;
+  // the filled, coloured Ntd* of @nice2dev/icons carry the same names in its resolver.
+  "pad-xbox-a": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.25 16l2.75-8 2.75 8 M10.2 13.25h3.6",
+  "pad-xbox-b": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.75 8v8 M9.75 8h2.5a2 2 0 0 1 0 4h-2.5 M9.75 12h3a2 2 0 0 1 0 4h-3",
+  "pad-xbox-x": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.5 8l5 8 M14.5 8l-5 8",
+  "pad-xbox-y": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.5 8l2.5 4 2.5-4 M12 12v4",
+  "pad-nintendo-a": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.25 16l2.75-8 2.75 8 M10.2 13.25h3.6",
+  "pad-nintendo-b": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.75 8v8 M9.75 8h2.5a2 2 0 0 1 0 4h-2.5 M9.75 12h3a2 2 0 0 1 0 4h-3",
+  "pad-nintendo-x": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.5 8l5 8 M14.5 8l-5 8",
+  "pad-nintendo-y": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9.5 8l2.5 4 2.5-4 M12 12v4",
+  "pad-playstation-cross": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M9 9l6 6 M15 9l-6 6",
+  "pad-playstation-circle": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M12 8.25a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 1 0 0 -7.5z",
+  "pad-playstation-square": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M8.5 8.5h7v7h-7z",
+  "pad-playstation-triangle": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M12 8l4.5 7.5h-9z",
+  "pad-generic-north": "M12 3a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M12 6h.01 M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z",
+  "pad-generic-east": "M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 9a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M18 12h.01 M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z",
+  "pad-generic-west": "M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 9a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M6 12h.01 M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z",
+  "pad-generic-south": "M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 15a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M12 18h.01",
+  "pad-lb": "M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M7.5 12h.01",
+  "pad-rb": "M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M16.5 12h.01",
+  "pad-lt": "M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M9.5 7h.01",
+  "pad-rt": "M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M14.5 7h.01",
+  "pad-start": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M8.5 8.75h7 M8.5 12h7 M8.5 15.25h7",
+  "pad-select": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M7.75 7.75h5.5v5.5h-5.5z M10.75 16.25h5.5v-5.5",
+  "pad-home": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M7.95 12L12 8.6l4.05 3.4v4H7.95z",
+  "pad-dpad": "M9 3h6v6h6v6h-6v6H9v-6H3V9h6z",
+  "pad-dpad-up": "M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 5.6l1.15 1.5h-2.3z",
+  "pad-dpad-down": "M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 18.4l1.15-1.5h-2.3z",
+  "pad-dpad-left": "M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M5.6 12l1.5-1.15v2.3z",
+  "pad-dpad-right": "M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M18.4 12l-1.5-1.15v2.3z",
+  "pad-stick-left": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M4.5 12h1",
+  "pad-stick-right": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M18.5 12h1",
+  "pad-stick-left-press": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M12 12h.01 M4.5 12h1",
+  "pad-stick-right-press": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M12 12h.01 M18.5 12h1",
+  "remote-ok": "M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z M12 8.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 1 0 0 -7z",
+  "remote-back": "M9 14l-4-4 4-4 M5 10h9a5 5 0 0 1 0 10h-2",
+  "remote-menu": "M4 6h16v12H4z M8 10h8 M8 14h8",
+  "key-command": "M9 9V6.5A2.5 2.5 0 1 0 6.5 9H9z M9 9h6 M9 9v6 M15 9V6.5A2.5 2.5 0 1 1 17.5 9H15z M15 9v6 M15 15H9 M15 15v2.5a2.5 2.5 0 1 0 2.5-2.5H15z M9 15H6.5A2.5 2.5 0 1 0 9 17.5V15z",
+  "key-option": "M4 6h5l6 12h5 M14 6h6",
+  "key-shift": "M12 4l-8 8h4v8h8v-8h4z",
+  "key-control": "M7 14l5-5 5 5",
+  "key-enter": "M20 5v7a3 3 0 0 1-3 3H5 M9 11l-4 4 4 4",
+  "key-tab": "M4 12h14 M14 8l4 4-4 4 M20 6v12",
+  // on-screen keyboard (1.3.0 H1)
+  "key-backspace": "M21 5H9l-6 7 6 7h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z M17 9l-6 6 M11 9l6 6",
+  "key-space": "M4 10v4h16v-4",
+  "key-caps": "M12 4l-7 7h4v5h6v-5h4z M8 20h8"
+}, ee = {
   xs: 12,
   sm: 16,
   md: 20,
   lg: 24,
   xl: 32
-}, ee = /* @__PURE__ */ x({});
-function ae({
+}, ae = /* @__PURE__ */ O({});
+function ie({
   path: a,
-  size: o,
-  className: r,
+  size: r,
+  className: t,
   style: n,
   color: c,
   title: l,
-  onClick: t
+  onClick: o
 }) {
   return /* @__PURE__ */ i(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: o,
-      height: o,
+      width: r,
+      height: r,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: c || "currentColor",
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: `nice-icon ${r || ""}`,
+      className: `nice-icon ${t || ""}`,
       style: n,
-      role: l ? "img" : "presentation",
+      role: o ? "button" : l ? "img" : "presentation",
+      tabIndex: o ? 0 : void 0,
+      onKeyDown: o ? P : void 0,
       "aria-label": l,
-      "aria-hidden": !l,
-      onClick: t,
+      "aria-hidden": o ? void 0 : !l,
+      onClick: o,
       children: [
         l && /* @__PURE__ */ e("title", { children: l }),
         /* @__PURE__ */ e("path", { d: a })
@@ -265,32 +334,43 @@ function ae({
     }
   );
 }
-const p = ({
+const m = ({
   name: a,
-  size: o = "md",
-  className: r,
+  size: r = "md",
+  className: t,
   style: n,
   color: c,
   title: l,
-  onClick: t
+  onClick: o
 }) => {
-  const { resolver: s } = U(ee), h = typeof o == "number" ? o : Z[o];
+  const { resolver: s } = U(ae), h = typeof r == "number" ? r : ee[r];
   if (s) {
-    const u = s(a, h);
-    if (u)
-      return /* @__PURE__ */ e("span", { className: `nice-icon-wrap ${r || ""}`, style: n, onClick: t, children: u });
+    const v = s(a, h);
+    if (v)
+      return /* @__PURE__ */ e(
+        "span",
+        {
+          role: o ? "button" : void 0,
+          tabIndex: o ? 0 : void 0,
+          onKeyDown: o ? P : void 0,
+          className: `nice-icon-wrap ${t || ""}`,
+          style: n,
+          onClick: o,
+          children: v
+        }
+      );
   }
-  const m = X[a];
-  return m ? /* @__PURE__ */ e(
-    ae,
+  const p = X[a];
+  return p ? /* @__PURE__ */ e(
+    ie,
     {
-      path: m,
+      path: p,
       size: h,
-      className: r,
+      className: t,
       style: n,
       color: c,
       title: l,
-      onClick: t
+      onClick: o
     }
   ) : null;
 };
@@ -300,19 +380,19 @@ process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
-function ie() {
+function ne() {
   const a = globalThis.crypto;
   if (typeof (a == null ? void 0 : a.randomUUID) == "function")
     return a.randomUUID();
-  const o = new Uint8Array(16);
+  const r = new Uint8Array(16);
   if (typeof (a == null ? void 0 : a.getRandomValues) == "function")
-    a.getRandomValues(o);
+    a.getRandomValues(r);
   else
-    for (let n = 0; n < o.length; n++)
-      o[n] = Math.floor(Math.random() * 256);
-  o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128;
-  const r = Array.from(o, (n) => n.toString(16).padStart(2, "0")).join("");
-  return `${r.slice(0, 8)}-${r.slice(8, 12)}-${r.slice(12, 16)}-${r.slice(16, 20)}-${r.slice(20)}`;
+    for (let n = 0; n < r.length; n++)
+      r[n] = Math.floor(Math.random() * 256);
+  r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128;
+  const t = Array.from(r, (n) => n.toString(16).padStart(2, "0")).join("");
+  return `${t.slice(0, 8)}-${t.slice(8, 12)}-${t.slice(12, 16)}-${t.slice(16, 20)}-${t.slice(20)}`;
 }
 process.env.NODE_ENV;
 process.env.NODE_ENV;
@@ -322,7 +402,7 @@ process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
-const R = {
+const B = {
   display: "inline-block",
   width: 10,
   height: 10,
@@ -342,81 +422,81 @@ const R = {
 ];
 function Ne({
   devices: a = [],
-  widgets: o = [],
-  alarms: r = [],
+  widgets: r = [],
+  alarms: t = [],
   onDeviceSelect: n,
   onWidgetChange: c,
   onCommand: l,
-  onAlarmAcknowledge: t,
+  onAlarmAcknowledge: o,
   fetchTelemetry: s,
   className: h = ""
 }) {
-  const { t: m } = _(), [u, V] = M(o), [N, k] = M(null), [g, w] = M("dashboard"), [b, D] = M(!1), [y, H] = M(""), v = f(
+  const { t: p } = _(), [v, V] = g(r), [f, k] = g(null), [u, w] = g("dashboard"), [b, D] = g(!1), [y, L] = g(""), M = N(
     (d) => {
-      V((C) => {
-        const z = d(C);
-        return c == null || c(z), z;
+      V((z) => {
+        const C = d(z);
+        return c == null || c(C), C;
       });
     },
     [c]
-  ), T = f(
+  ), H = N(
     (d) => {
-      var z;
-      const C = {
-        id: ie(),
+      var C;
+      const z = {
+        id: ne(),
         type: d,
-        title: ((z = $.find((I) => I.type === d)) == null ? void 0 : z.label) || d,
-        position: { x: 0, y: ne(u), width: 4, height: 3 },
+        title: ((C = $.find((x) => x.type === d)) == null ? void 0 : C.label) || d,
+        position: { x: 0, y: te(v), width: 4, height: 3 },
         config: {}
       };
-      v((I) => [...I, C]);
+      M((x) => [...x, z]);
     },
-    [u, v]
-  ), P = f(
+    [v, M]
+  ), I = N(
     (d) => {
       k(d), n == null || n(d);
     },
     [n]
-  ), L = f(
+  ), T = N(
     (d) => {
-      t == null || t(d);
+      o == null || o(d);
     },
-    [t]
+    [o]
   ), j = a.filter(
     (d) => !y || d.name.toLowerCase().includes(y.toLowerCase()) || d.type.toLowerCase().includes(y.toLowerCase())
-  ), A = r.filter((d) => !d.cleared), O = A.filter(
+  ), A = t.filter((d) => !d.cleared), R = A.filter(
     (d) => d.severity === "critical" || d.severity === "high"
   );
   return /* @__PURE__ */ i("div", { className: `nice-iot-dashboard ${h}`, children: [
     /* @__PURE__ */ i("header", { className: "nice-iot-dashboard__header", children: [
-      /* @__PURE__ */ e("h1", { children: m("ioTDashboard.iotDashboard", "IoT Dashboard") }),
+      /* @__PURE__ */ e("h1", { children: p("ioTDashboard.iotDashboard", "IoT Dashboard") }),
       /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__stats", children: [
         /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(p, { name: "wifi", size: 14 }) }),
-          m("ioTDashboard.devices", "{devices} Devices").replace(
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(m, { name: "wifi", size: 14 }) }),
+          p("ioTDashboard.devices", "{devices} Devices").replace(
             "{devices}",
             String(a.length)
           )
         ] }),
         /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--online", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", style: R }),
-          m("ioTDashboard.online", "{online} Online").replace(
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", style: B }),
+          p("ioTDashboard.online", "{online} Online").replace(
             "{online}",
             String(a.filter((d) => d.status === "online").length)
           )
         ] }),
         /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--offline", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", style: R }),
-          m("ioTDashboard.offline", "{offline} Offline").replace(
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", style: B }),
+          p("ioTDashboard.offline", "{offline} Offline").replace(
             "{offline}",
             String(a.filter((d) => d.status === "offline").length)
           )
         ] }),
-        O.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: /* @__PURE__ */ e(p, { name: "bell", size: 14 }) }),
-          m("ioTDashboard.alarms", "{criticalAlarms} Alarms").replace(
+        R.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: /* @__PURE__ */ e(m, { name: "bell", size: 14 }) }),
+          p("ioTDashboard.alarms", "{criticalAlarms} Alarms").replace(
             "{criticalAlarms}",
-            String(O.length)
+            String(R.length)
           )
         ] })
       ] }),
@@ -424,48 +504,48 @@ function Ne({
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${g === "dashboard" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            className: `nice-iot-dashboard__nav-button ${u === "dashboard" ? "nice-iot-dashboard__nav-button--active" : ""}`,
             onClick: () => w("dashboard"),
-            children: m("ioTDashboard.dashboard", "Dashboard")
+            children: p("ioTDashboard.dashboard", "Dashboard")
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${g === "devices" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            className: `nice-iot-dashboard__nav-button ${u === "devices" ? "nice-iot-dashboard__nav-button--active" : ""}`,
             onClick: () => w("devices"),
-            children: m("ioTDashboard.devices2", "Devices")
+            children: p("ioTDashboard.devices2", "Devices")
           }
         ),
         /* @__PURE__ */ i(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${g === "alarms" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            className: `nice-iot-dashboard__nav-button ${u === "alarms" ? "nice-iot-dashboard__nav-button--active" : ""}`,
             onClick: () => w("alarms"),
             children: [
-              m("ioTDashboard.alarms2", "Alarms"),
+              p("ioTDashboard.alarms2", "Alarms"),
               " ",
               A.length > 0 && `(${A.length})`
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: g === "dashboard" && /* @__PURE__ */ i("button", { onClick: () => D(!b), children: [
-        /* @__PURE__ */ e(p, { name: b ? "check" : "edit", size: 14 }),
+      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: u === "dashboard" && /* @__PURE__ */ i("button", { onClick: () => D(!b), children: [
+        /* @__PURE__ */ e(m, { name: b ? "check" : "edit", size: 14 }),
         " ",
-        b ? m("ioTDashboard.done", "Done") : m("ioTDashboard.edit", "Edit")
+        b ? p("ioTDashboard.done", "Done") : p("ioTDashboard.edit", "Edit")
       ] }) })
     ] }),
-    g === "dashboard" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__main", children: [
+    u === "dashboard" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__main", children: [
       b && /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__palette", children: [
-        /* @__PURE__ */ e("h4", { children: m("ioTDashboard.addWidget", "Add Widget") }),
+        /* @__PURE__ */ e("h4", { children: p("ioTDashboard.addWidget", "Add Widget") }),
         $.map((d) => /* @__PURE__ */ i(
           "button",
           {
             className: "nice-iot-dashboard__palette-item",
-            onClick: () => T(d.type),
+            onClick: () => H(d.type),
             children: [
-              /* @__PURE__ */ e(p, { name: d.icon, size: 16 }),
+              /* @__PURE__ */ e(m, { name: d.icon, size: 16 }),
               /* @__PURE__ */ e("span", { children: d.label })
             ]
           },
@@ -473,63 +553,63 @@ function Ne({
         ))
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__grid", children: [
-        u.map((d) => /* @__PURE__ */ e(
+        v.map((d) => /* @__PURE__ */ e(
           re,
           {
             widget: d,
             devices: a,
-            alarms: r,
+            alarms: t,
             isEditing: b,
             onCommand: l,
-            onDelete: () => v((C) => C.filter((z) => z.id !== d.id))
+            onDelete: () => M((z) => z.filter((C) => C.id !== d.id))
           },
           d.id
         )),
-        u.length === 0 && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__empty", children: b ? m("ioTDashboard.addWidgetsFromThePalette", "Add widgets from the palette") : m(
+        v.length === 0 && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__empty", children: b ? p("ioTDashboard.addWidgetsFromThePalette", "Add widgets from the palette") : p(
           "ioTDashboard.noWidgetsConfiguredClickEdit",
           "No widgets configured. Click Edit to add widgets."
         ) })
       ] })
     ] }),
-    g === "devices" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__devices", children: [
+    u === "devices" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__devices", children: [
       /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__devices-toolbar", children: /* @__PURE__ */ e(
         "input",
         {
           type: "search",
-          placeholder: m("ioTDashboard.searchDevices", "Search devices..."),
+          placeholder: p("ioTDashboard.searchDevices", "Search devices..."),
           value: y,
-          onChange: (d) => H(d.target.value)
+          onChange: (d) => L(d.target.value)
         }
       ) }),
       /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: j.map((d) => /* @__PURE__ */ e(
         le,
         {
           device: d,
-          isSelected: (N == null ? void 0 : N.id) === d.id,
-          onSelect: () => P(d)
+          isSelected: (f == null ? void 0 : f.id) === d.id,
+          onSelect: () => I(d)
         },
         d.id
       )) }),
-      N && /* @__PURE__ */ e(
-        te,
+      f && /* @__PURE__ */ e(
+        ce,
         {
-          device: N,
+          device: f,
           onCommand: l,
           onClose: () => k(null)
         }
       )
     ] }),
-    g === "alarms" && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarms", children: /* @__PURE__ */ i("table", { className: "nice-iot-dashboard__alarm-table", children: [
+    u === "alarms" && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarms", children: /* @__PURE__ */ i("table", { className: "nice-iot-dashboard__alarm-table", children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
-        /* @__PURE__ */ e("th", { children: m("ioTDashboard.severity", "Severity") }),
-        /* @__PURE__ */ e("th", { children: m("ioTDashboard.device", "Device") }),
-        /* @__PURE__ */ e("th", { children: m("ioTDashboard.message", "Message") }),
-        /* @__PURE__ */ e("th", { children: m("ioTDashboard.time", "Time") }),
-        /* @__PURE__ */ e("th", { children: m("ioTDashboard.status", "Status") }),
-        /* @__PURE__ */ e("th", { children: m("ioTDashboard.actions", "Actions") })
+        /* @__PURE__ */ e("th", { children: p("ioTDashboard.severity", "Severity") }),
+        /* @__PURE__ */ e("th", { children: p("ioTDashboard.device", "Device") }),
+        /* @__PURE__ */ e("th", { children: p("ioTDashboard.message", "Message") }),
+        /* @__PURE__ */ e("th", { children: p("ioTDashboard.time", "Time") }),
+        /* @__PURE__ */ e("th", { children: p("ioTDashboard.status", "Status") }),
+        /* @__PURE__ */ e("th", { children: p("ioTDashboard.actions", "Actions") })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: A.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: m("ioTDashboard.noActiveAlarms", "No active alarms") }) }) : A.map((d) => {
-        const C = a.find((z) => z.id === d.deviceId);
+      /* @__PURE__ */ e("tbody", { children: A.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: p("ioTDashboard.noActiveAlarms", "No active alarms") }) }) : A.map((d) => {
+        const z = a.find((C) => C.id === d.deviceId);
         return /* @__PURE__ */ i(
           "tr",
           {
@@ -542,11 +622,11 @@ function Ne({
                   children: d.severity
                 }
               ) }),
-              /* @__PURE__ */ e("td", { children: (C == null ? void 0 : C.name) || d.deviceId }),
+              /* @__PURE__ */ e("td", { children: (z == null ? void 0 : z.name) || d.deviceId }),
               /* @__PURE__ */ e("td", { children: d.message }),
               /* @__PURE__ */ e("td", { children: d.timestamp.toLocaleString() }),
-              /* @__PURE__ */ e("td", { children: d.acknowledged ? m("ioTDashboard.acknowledged", "Acknowledged") : m("ioTDashboard.active", "Active") }),
-              /* @__PURE__ */ e("td", { children: !d.acknowledged && /* @__PURE__ */ e("button", { onClick: () => L(d.id), children: m("ioTDashboard.acknowledge", "Acknowledge") }) })
+              /* @__PURE__ */ e("td", { children: d.acknowledged ? p("ioTDashboard.acknowledged", "Acknowledged") : p("ioTDashboard.active", "Active") }),
+              /* @__PURE__ */ e("td", { children: !d.acknowledged && /* @__PURE__ */ e("button", { onClick: () => T(d.id), children: p("ioTDashboard.acknowledge", "Acknowledge") }) })
             ]
           },
           d.id
@@ -555,8 +635,8 @@ function Ne({
     ] }) })
   ] });
 }
-function ne(a) {
-  return a.length === 0 ? 0 : Math.max(...a.map((o) => o.position.y + o.position.height));
+function te(a) {
+  return a.length === 0 ? 0 : Math.max(...a.map((r) => r.position.y + r.position.height));
 }
 function E(a) {
   switch (a) {
@@ -576,13 +656,13 @@ function E(a) {
 }
 function re({
   widget: a,
-  devices: o,
-  alarms: r,
+  devices: r,
+  alarms: t,
   isEditing: n,
   onCommand: c,
   onDelete: l
 }) {
-  const { t } = _(), s = $.find((h) => h.type === a.type);
+  const { t: o } = _(), s = $.find((h) => h.type === a.type);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -593,33 +673,33 @@ function re({
       },
       children: [
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__widget-header", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(p, { name: (s == null ? void 0 : s.icon) ?? "box", size: 14 }) }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(m, { name: (s == null ? void 0 : s.icon) ?? "box", size: 14 }) }),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-title", children: a.title }),
           n && /* @__PURE__ */ e(
             "button",
             {
-              "aria-label": t("ioTDashboard.close", "Close"),
+              "aria-label": o("ioTDashboard.close", "Close"),
               className: "nice-iot-dashboard__widget-delete",
               onClick: l,
-              children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
+              children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(oe, { widget: a, devices: o, alarms: r, onCommand: c }) })
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(oe, { widget: a, devices: r, alarms: t, onCommand: c }) })
       ]
     }
   );
 }
 function oe({
   widget: a,
-  devices: o,
-  alarms: r,
+  devices: r,
+  alarms: t,
   onCommand: n
 }) {
   const { t: c } = _();
   switch (a.type) {
     case "device-list":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: o.slice(0, 10).map((l) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-list-item", children: [
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: r.slice(0, 10).map((l) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-list-item", children: [
         /* @__PURE__ */ e(
           "span",
           {
@@ -632,7 +712,7 @@ function oe({
       ] }, l.id)) });
     case "device-status":
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((l) => {
-        const t = o.filter((s) => s.status === l).length;
+        const o = r.filter((s) => s.status === l).length;
         return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__status-card", children: [
           /* @__PURE__ */ e(
             "span",
@@ -641,13 +721,13 @@ function oe({
               style: { background: E(l) }
             }
           ),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: t }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: o }),
           /* @__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: [
-        /* @__PURE__ */ e(p, { name: "bar-chart", size: 32 }),
+        /* @__PURE__ */ e(m, { name: "bar-chart", size: 32 }),
         /* @__PURE__ */ e("span", { children: c("ioTDashboard.telemetryChart", "Telemetry Chart") }),
         /* @__PURE__ */ e("small", { children: c("ioTDashboard.configureDeviceAndCapability", "Configure device and capability") })
       ] });
@@ -676,49 +756,52 @@ function oe({
       ] }) });
     case "map":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__map-placeholder", children: [
-        /* @__PURE__ */ e(p, { name: "map-pin", size: 32 }),
+        /* @__PURE__ */ e(m, { name: "map-pin", size: 32 }),
         /* @__PURE__ */ e("span", { children: c("ioTDashboard.deviceMap", "Device Map") }),
         /* @__PURE__ */ e("small", { children: c("ioTDashboard.devicesWithLocation", "{devices} devices with location").replace(
           "{devices}",
-          String(o.filter((l) => l.location).length)
+          String(r.filter((l) => l.location).length)
         ) })
       ] });
     case "alarms": {
-      const l = r.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: c("ioTDashboard.noActiveAlarms", "No active alarms") }) : l.map((t) => /* @__PURE__ */ i(
+      const l = t.filter((o) => !o.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: c("ioTDashboard.noActiveAlarms", "No active alarms") }) : l.map((o) => /* @__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--${o.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: o.severity }),
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: o.message })
           ]
         },
-        t.id
+        o.id
       )) });
     }
     case "control-panel":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__control-placeholder", children: [
-        /* @__PURE__ */ e(p, { name: "settings", size: 32 }),
+        /* @__PURE__ */ e(m, { name: "settings", size: 32 }),
         /* @__PURE__ */ e("span", { children: c("ioTDashboard.controlPanel", "Control Panel") }),
         /* @__PURE__ */ e("small", { children: c("ioTDashboard.configureDeviceControls", "Configure device controls") })
       ] });
     case "kpi":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__kpi", children: [
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: o.length }),
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: r.length }),
         /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-label", children: c("ioTDashboard.totalDevices", "Total Devices") })
       ] });
     default:
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
   }
 }
-function le({ device: a, isSelected: o, onSelect: r }) {
+function le({ device: a, isSelected: r, onSelect: t }) {
   const { t: n } = _();
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-iot-dashboard__device-card ${o ? "nice-iot-dashboard__device-card--selected" : ""}`,
-      onClick: r,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: P,
+      className: `nice-iot-dashboard__device-card ${r ? "nice-iot-dashboard__device-card--selected" : ""}`,
+      onClick: t,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-header", children: [
           /* @__PURE__ */ e(
@@ -754,16 +837,16 @@ function le({ device: a, isSelected: o, onSelect: r }) {
     }
   );
 }
-function te({
+function ce({
   device: a,
-  onCommand: o,
-  onClose: r
+  onCommand: r,
+  onClose: t
 }) {
   const { t: n } = _();
   return /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__device-detail", children: [
     /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-detail-header", children: [
       /* @__PURE__ */ e("h3", { children: a.name }),
-      /* @__PURE__ */ e("button", { "aria-label": n("ioTDashboard.close", "Close"), onClick: r, children: /* @__PURE__ */ e(p, { name: "close", size: 14 }) })
+      /* @__PURE__ */ e("button", { "aria-label": n("ioTDashboard.close", "Close"), onClick: t, children: /* @__PURE__ */ e(m, { name: "close", size: 14 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-detail-content", children: [
       /* @__PURE__ */ i("section", { children: [
@@ -815,11 +898,11 @@ function te({
         /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__capabilities-list", children: a.capabilities.map((c) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__capability-item", children: [
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-name", children: c.name }),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-type", children: c.type }),
-          c.writable && o && /* @__PURE__ */ e(
+          c.writable && r && /* @__PURE__ */ e(
             "button",
             {
               className: "nice-iot-dashboard__capability-control",
-              onClick: () => o(a.id, c.id, !0),
+              onClick: () => r(a.id, c.id, !0),
               children: n("ioTDashboard.control", "Control")
             }
           )
@@ -828,7 +911,7 @@ function te({
     ] })
   ] });
 }
-const ce = [
+const se = [
   { name: "MQTT Broker", image: "eclipse-mosquitto:latest" },
   { name: "Node-RED", image: "nodered/node-red:latest" },
   { name: "InfluxDB", image: "influxdb:latest" },
@@ -836,42 +919,42 @@ const ce = [
   { name: "Telegraf", image: "telegraf:latest" },
   { name: "Protocol Adapter", image: "nice2dev/protocol-adapter:latest" }
 ];
-function fe({
+function ye({
   nodes: a = [],
-  modules: o = [],
-  onNodeSelect: r,
+  modules: r = [],
+  onNodeSelect: t,
   onModuleDeploy: n,
   onModuleAction: c,
   onNodeSync: l,
-  className: t = ""
+  className: o = ""
 }) {
-  const { t: s } = _(), [h, m] = M(null), [u, V] = M("nodes"), [N, k] = M(!1), [g, w] = M({
+  const { t: s } = _(), [h, p] = g(null), [v, V] = g("nodes"), [f, k] = g(!1), [u, w] = g({
     name: "",
     image: "",
     status: "pending"
-  }), b = f(
-    (v) => {
-      m(v), r == null || r(v);
+  }), b = N(
+    (M) => {
+      p(M), t == null || t(M);
     },
-    [r]
-  ), D = f(async () => {
-    !h || !g.name || !g.image || (await (n == null ? void 0 : n(h.id, g)), k(!1), w({ name: "", image: "", status: "pending" }));
-  }, [h, g, n]), y = f(
-    async (v, T) => {
-      h && await (c == null ? void 0 : c(h.id, v, T));
+    [t]
+  ), D = N(async () => {
+    !h || !u.name || !u.image || (await (n == null ? void 0 : n(h.id, u)), k(!1), w({ name: "", image: "", status: "pending" }));
+  }, [h, u, n]), y = N(
+    async (M, H) => {
+      h && await (c == null ? void 0 : c(h.id, M, H));
     },
     [h, c]
-  ), H = f(async () => {
+  ), L = N(async () => {
     h && await (l == null ? void 0 : l(h.id));
   }, [h, l]);
-  return /* @__PURE__ */ i("div", { className: `nice-edge-manager ${t}`, children: [
+  return /* @__PURE__ */ i("div", { className: `nice-edge-manager ${o}`, children: [
     /* @__PURE__ */ i("header", { className: "nice-edge-manager__header", children: [
       /* @__PURE__ */ e("h1", { children: s("edgeManager.edgeManager", "Edge Manager") }),
       /* @__PURE__ */ i("nav", { className: "nice-edge-manager__nav", children: [
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-edge-manager__nav-button ${u === "nodes" ? "nice-edge-manager__nav-button--active" : ""}`,
+            className: `nice-edge-manager__nav-button ${v === "nodes" ? "nice-edge-manager__nav-button--active" : ""}`,
             onClick: () => V("nodes"),
             children: s("edgeManager.nodes", "Nodes ({nodes})").replace("{nodes}", String(a.length))
           }
@@ -879,7 +962,7 @@ function fe({
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-edge-manager__nav-button ${u === "modules" ? "nice-edge-manager__nav-button--active" : ""}`,
+            className: `nice-edge-manager__nav-button ${v === "modules" ? "nice-edge-manager__nav-button--active" : ""}`,
             onClick: () => V("modules"),
             children: s("edgeManager.modules", "Modules")
           }
@@ -887,19 +970,19 @@ function fe({
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__main", children: [
-      u === "nodes" && /* @__PURE__ */ e("div", { className: "nice-edge-manager__nodes", children: /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-grid", children: [
-        a.map((v) => /* @__PURE__ */ e(
-          de,
+      v === "nodes" && /* @__PURE__ */ e("div", { className: "nice-edge-manager__nodes", children: /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-grid", children: [
+        a.map((M) => /* @__PURE__ */ e(
+          he,
           {
-            node: v,
-            isSelected: (h == null ? void 0 : h.id) === v.id,
-            onSelect: () => b(v)
+            node: M,
+            isSelected: (h == null ? void 0 : h.id) === M.id,
+            onSelect: () => b(M)
           },
-          v.id
+          M.id
         )),
         a.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: s("edgeManager.noEdgeNodesConfigured", "No edge nodes configured") })
       ] }) }),
-      u === "modules" && h && /* @__PURE__ */ i("div", { className: "nice-edge-manager__modules", children: [
+      v === "modules" && h && /* @__PURE__ */ i("div", { className: "nice-edge-manager__modules", children: [
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__modules-header", children: [
           /* @__PURE__ */ e("h3", { children: s("edgeManager.modulesOn", "Modules on {name}").replace(
             "{name}",
@@ -915,18 +998,18 @@ function fe({
           )
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-grid", children: [
-          h.deployedModules.map((v) => /* @__PURE__ */ e(
-            he,
+          h.deployedModules.map((M) => /* @__PURE__ */ e(
+            pe,
             {
-              module: v,
-              onAction: (T) => y(v.id, T)
+              module: M,
+              onAction: (H) => y(M.id, H)
             },
-            v.id
+            M.id
           )),
           h.deployedModules.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: s("edgeManager.noModulesDeployedOnThis", "No modules deployed on this node") })
         ] })
       ] }),
-      u === "modules" && !h && /* @__PURE__ */ e("div", { className: "nice-edge-manager__no-selection", children: s(
+      v === "modules" && !h && /* @__PURE__ */ e("div", { className: "nice-edge-manager__no-selection", children: s(
         "edgeManager.selectANodeFromThe",
         "Select a node from the Nodes tab to manage modules"
       ) }),
@@ -934,16 +1017,16 @@ function fe({
         me,
         {
           node: h,
-          onSync: H,
-          onClose: () => m(null)
+          onSync: L,
+          onClose: () => p(null)
         }
       )
     ] }),
-    N && /* @__PURE__ */ e(
-      pe,
+    f && /* @__PURE__ */ e(
+      Me,
       {
-        config: g,
-        templates: ce,
+        config: u,
+        templates: se,
         onChange: w,
         onDeploy: D,
         onClose: () => k(!1)
@@ -967,20 +1050,23 @@ function Q(a) {
       return "var(--nice-text-secondary, #6c757d)";
   }
 }
-function B(a) {
+function F(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 se(a) {
-  const o = Math.floor(a / 86400), r = Math.floor(a % 86400 / 3600), n = Math.floor(a % 3600 / 60);
-  return o > 0 ? `${o}d ${r}h` : r > 0 ? `${r}h ${n}m` : `${n}m`;
+function de(a) {
+  const r = Math.floor(a / 86400), t = Math.floor(a % 86400 / 3600), n = Math.floor(a % 3600 / 60);
+  return r > 0 ? `${r}d ${t}h` : t > 0 ? `${t}h ${n}m` : `${n}m`;
 }
-function de({ node: a, isSelected: o, onSelect: r }) {
+function he({ node: a, isSelected: r, onSelect: t }) {
   const { t: n } = _();
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-edge-manager__node-card ${o ? "nice-edge-manager__node-card--selected" : ""}`,
-      onClick: r,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: P,
+      className: `nice-edge-manager__node-card ${r ? "nice-edge-manager__node-card--selected" : ""}`,
+      onClick: t,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-header", children: [
           /* @__PURE__ */ e(
@@ -996,12 +1082,12 @@ function de({ node: a, isSelected: o, onSelect: r }) {
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-body", children: [
           /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-info", children: [
             /* @__PURE__ */ i("span", { children: [
-              /* @__PURE__ */ e(p, { name: "server", size: 12 }),
+              /* @__PURE__ */ e(m, { name: "server", size: 12 }),
               " ",
               a.hardware.cpu
             ] }),
             /* @__PURE__ */ i("span", { children: [
-              /* @__PURE__ */ e(p, { name: "database", size: 12 }),
+              /* @__PURE__ */ e(m, { name: "database", size: 12 }),
               " ",
               (a.hardware.memoryMB / 1024).toFixed(1),
               " GB"
@@ -1046,8 +1132,8 @@ function de({ node: a, isSelected: o, onSelect: r }) {
     }
   );
 }
-function he({ module: a, onAction: o }) {
-  const { t: r } = _();
+function pe({ module: a, onAction: r }) {
+  const { t } = _();
   return /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-card", children: [
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-header", children: [
       /* @__PURE__ */ e(
@@ -1073,42 +1159,42 @@ function he({ module: a, onAction: o }) {
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-body", children: [
       /* @__PURE__ */ e("div", { className: "nice-edge-manager__module-image", children: a.image }),
       a.resources && /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-resources", children: [
-        a.resources.cpuLimit && /* @__PURE__ */ e("span", { children: r("edgeManager.cpu", "CPU: {cpuLimit}").replace(
+        a.resources.cpuLimit && /* @__PURE__ */ e("span", { children: t("edgeManager.cpu", "CPU: {cpuLimit}").replace(
           "{cpuLimit}",
           String(a.resources.cpuLimit)
         ) }),
-        a.resources.memoryLimitMB && /* @__PURE__ */ e("span", { children: r("edgeManager.ramMb", "RAM: {memoryLimitMB} MB").replace(
+        a.resources.memoryLimitMB && /* @__PURE__ */ e("span", { children: t("edgeManager.ramMb", "RAM: {memoryLimitMB} MB").replace(
           "{memoryLimitMB}",
           String(a.resources.memoryLimitMB)
         ) })
       ] }),
-      a.ports && a.ports.length > 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__module-ports", children: r("edgeManager.ports", "Ports: {ports}").replace(
+      a.ports && a.ports.length > 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__module-ports", children: t("edgeManager.ports", "Ports: {ports}").replace(
         "{ports}",
         String(a.ports.map((c) => `${c.host}:${c.container}`).join(", "))
       ) })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-actions", children: [
       a.status === "running" && /* @__PURE__ */ i(S, { children: [
-        /* @__PURE__ */ e("button", { onClick: () => o("stop"), children: r("edgeManager.stop", "Stop") }),
-        /* @__PURE__ */ e("button", { onClick: () => o("restart"), children: r("edgeManager.restart", "Restart") })
+        /* @__PURE__ */ e("button", { onClick: () => r("stop"), children: t("edgeManager.stop", "Stop") }),
+        /* @__PURE__ */ e("button", { onClick: () => r("restart"), children: t("edgeManager.restart", "Restart") })
       ] }),
-      a.status === "stopped" && /* @__PURE__ */ e("button", { onClick: () => o("start"), children: r("edgeManager.start", "Start") }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => o("remove"), children: r("edgeManager.remove", "Remove") })
+      a.status === "stopped" && /* @__PURE__ */ e("button", { onClick: () => r("start"), children: t("edgeManager.start", "Start") }),
+      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => r("remove"), children: t("edgeManager.remove", "Remove") })
     ] })
   ] });
 }
-function me({ node: a, onSync: o, onClose: r }) {
+function me({ node: a, onSync: r, onClose: t }) {
   const { t: 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__ */ i("button", { onClick: o, children: [
-          /* @__PURE__ */ e(p, { name: "refresh", size: 14 }),
+        /* @__PURE__ */ i("button", { onClick: r, children: [
+          /* @__PURE__ */ e(m, { name: "refresh", size: 14 }),
           " ",
           n("edgeManager.sync", "Sync")
         ] }),
-        /* @__PURE__ */ e("button", { onClick: r, "aria-label": n("edgeManager.close", "Close"), children: /* @__PURE__ */ e(p, { name: "close", size: 14 }) })
+        /* @__PURE__ */ e("button", { onClick: t, "aria-label": n("edgeManager.close", "Close"), children: /* @__PURE__ */ e(m, { name: "close", size: 14 }) })
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-content", children: [
@@ -1127,7 +1213,7 @@ function me({ node: a, onSync: o, onClose: r }) {
         ] }),
         a.metrics && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: n("edgeManager.uptime", "Uptime:") }),
-          /* @__PURE__ */ e("span", { children: se(a.metrics.uptime) })
+          /* @__PURE__ */ e("span", { children: de(a.metrics.uptime) })
         ] })
       ] }),
       /* @__PURE__ */ i("section", { children: [
@@ -1187,7 +1273,7 @@ function me({ node: a, onSync: o, onClose: r }) {
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: n("edgeManager.cloud", "Cloud:") }),
           /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e(p, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
+            /* @__PURE__ */ e(m, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
             " ",
             a.connectivity.cloudConnected ? n("edgeManager.connected", "Connected") : n("edgeManager.disconnected", "Disconnected")
           ] })
@@ -1253,24 +1339,24 @@ function me({ node: a, onSync: o, onClose: r }) {
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__network-stats", children: [
           /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e(p, { name: "arrow-down", size: 12 }),
+            /* @__PURE__ */ e(m, { name: "arrow-down", size: 12 }),
             " ",
-            B(a.metrics.networkIn)
+            F(a.metrics.networkIn)
           ] }),
           /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e(p, { name: "arrow-up", size: 12 }),
+            /* @__PURE__ */ e(m, { name: "arrow-up", size: 12 }),
             " ",
-            B(a.metrics.networkOut)
+            F(a.metrics.networkOut)
           ] })
         ] })
       ] })
     ] })
   ] });
 }
-function pe({
+function Me({
   config: a,
-  templates: o,
-  onChange: r,
+  templates: r,
+  onChange: t,
   onDeploy: n,
   onClose: c
 }) {
@@ -1278,7 +1364,7 @@ function pe({
   return /* @__PURE__ */ e("div", { className: "nice-edge-manager__dialog-overlay", children: /* @__PURE__ */ i("div", { className: "nice-edge-manager__dialog", children: [
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__dialog-header", children: [
       /* @__PURE__ */ e("h3", { children: l("edgeManager.deployModule", "Deploy Module") }),
-      /* @__PURE__ */ e("button", { onClick: c, "aria-label": l("edgeManager.close", "Close"), children: /* @__PURE__ */ e(p, { name: "close", size: 14 }) })
+      /* @__PURE__ */ e("button", { onClick: c, "aria-label": l("edgeManager.close", "Close"), children: /* @__PURE__ */ e(m, { name: "close", size: 14 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__dialog-content", children: [
       /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
@@ -1287,9 +1373,9 @@ function pe({
           "select",
           {
             value: "",
-            onChange: (t) => {
-              const s = o.find((h) => h.image === t.target.value);
-              s && r({
+            onChange: (o) => {
+              const s = r.find((h) => h.image === o.target.value);
+              s && t({
                 ...a,
                 name: s.name,
                 image: s.image
@@ -1297,7 +1383,7 @@ function pe({
             },
             children: [
               /* @__PURE__ */ e("option", { value: "", children: l("edgeManager.selectATemplate", "Select a template...") }),
-              o.map((t) => /* @__PURE__ */ e("option", { value: t.image, children: t.name }, t.image))
+              r.map((o) => /* @__PURE__ */ e("option", { value: o.image, children: o.name }, o.image))
             ]
           }
         )
@@ -1309,7 +1395,7 @@ function pe({
           {
             type: "text",
             value: a.name || "",
-            onChange: (t) => r({ ...a, name: t.target.value }),
+            onChange: (o) => t({ ...a, name: o.target.value }),
             placeholder: l("edgeManager.eGMyModule", "e.g., my-module")
           }
         )
@@ -1321,7 +1407,7 @@ function pe({
           {
             type: "text",
             value: a.image || "",
-            onChange: (t) => r({ ...a, image: t.target.value }),
+            onChange: (o) => t({ ...a, image: o.target.value }),
             placeholder: l("edgeManager.eGNginxLatest", "e.g., nginx:latest")
           }
         )
@@ -1333,7 +1419,7 @@ function pe({
           {
             type: "text",
             value: a.version || "1.0.0",
-            onChange: (t) => r({ ...a, version: t.target.value })
+            onChange: (o) => t({ ...a, version: o.target.value })
           }
         )
       ] })
@@ -1344,7 +1430,7 @@ function pe({
     ] })
   ] }) });
 }
-const F = {
+const q = {
   broker: "localhost",
   port: 1883,
   clientId: `nice2dev-${Date.now()}`,
@@ -1352,7 +1438,7 @@ const F = {
   keepAlive: 60,
   cleanSession: !0,
   topics: []
-}, q = {
+}, K = {
   host: "localhost",
   port: 5683,
   useDTLS: !1,
@@ -1371,56 +1457,56 @@ const F = {
   applicationName: "Nice2Dev IoT Client",
   nodes: []
 };
-function ye({
+function ze({
   protocol: a = "mqtt",
-  config: o,
-  onSave: r,
+  config: r,
+  onSave: t,
   onTest: n,
   className: c = ""
 }) {
-  const { t: l } = _(), [t, s] = M(a), [h, m] = M(
-    (o == null ? void 0 : o.type) === "mqtt" ? { ...F, ...o.config } : F
-  ), [u, V] = M(
-    (o == null ? void 0 : o.type) === "coap" ? { ...q, ...o.config } : q
-  ), [N, k] = M(
-    (o == null ? void 0 : o.type) === "modbus" ? { ...W, ...o.config } : W
-  ), [g, w] = M(
-    (o == null ? void 0 : o.type) === "opcua" ? { ...G, ...o.config } : G
-  ), [b, D] = M(null), [y, H] = M(!1), v = f(() => {
-    switch (t) {
+  const { t: l } = _(), [o, s] = g(a), [h, p] = g(
+    (r == null ? void 0 : r.type) === "mqtt" ? { ...q, ...r.config } : q
+  ), [v, V] = g(
+    (r == null ? void 0 : r.type) === "coap" ? { ...K, ...r.config } : K
+  ), [f, k] = g(
+    (r == null ? void 0 : r.type) === "modbus" ? { ...W, ...r.config } : W
+  ), [u, w] = g(
+    (r == null ? void 0 : r.type) === "opcua" ? { ...G, ...r.config } : G
+  ), [b, D] = g(null), [y, L] = g(!1), M = N(() => {
+    switch (o) {
       case "mqtt":
         return h;
       case "coap":
-        return u;
+        return v;
       case "modbus-tcp":
       case "modbus-rtu":
-        return N;
+        return f;
       case "opcua":
-        return g;
+        return u;
       default:
         return h;
     }
-  }, [t, h, u, N, g]), T = f(() => {
-    r == null || r(v());
-  }, [v, r]), P = f(async () => {
+  }, [o, h, v, f, u]), H = N(() => {
+    t == null || t(M());
+  }, [M, t]), I = N(async () => {
     if (n) {
-      H(!0), D(null);
+      L(!0), D(null);
       try {
-        const L = await n(v());
-        D(L);
-      } catch (L) {
-        D({ success: !1, message: String(L) });
+        const T = await n(M());
+        D(T);
+      } catch (T) {
+        D({ success: !1, message: String(T) });
       } finally {
-        H(!1);
+        L(!1);
       }
     }
-  }, [v, n]);
+  }, [M, n]);
   return /* @__PURE__ */ i("div", { className: `nice-protocol-config ${c}`, children: [
     /* @__PURE__ */ i("header", { className: "nice-protocol-config__header", children: [
       /* @__PURE__ */ e("h2", { children: l("protocolConfig.title", "Protocol Configuration") }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__protocol-selector", children: [
         /* @__PURE__ */ e("label", { children: l("protocolConfig.protocol", "Protocol:") }),
-        /* @__PURE__ */ i("select", { value: t, onChange: (L) => s(L.target.value), children: [
+        /* @__PURE__ */ i("select", { value: o, onChange: (T) => s(T.target.value), children: [
           /* @__PURE__ */ e("option", { value: "mqtt", children: l("protocolConfig.mqtt", "MQTT") }),
           /* @__PURE__ */ e("option", { value: "coap", children: l("protocolConfig.coap", "CoAP") }),
           /* @__PURE__ */ e("option", { value: "modbus-tcp", children: l("protocolConfig.modbusTcp", "Modbus TCP") }),
@@ -1430,24 +1516,24 @@ function ye({
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__content", children: [
-      t === "mqtt" && /* @__PURE__ */ e(ve, { config: h, onChange: m }),
-      t === "coap" && /* @__PURE__ */ e(ue, { config: u, onChange: V }),
-      (t === "modbus-tcp" || t === "modbus-rtu") && /* @__PURE__ */ e(
+      o === "mqtt" && /* @__PURE__ */ e(ve, { config: h, onChange: p }),
+      o === "coap" && /* @__PURE__ */ e(ue, { config: v, onChange: V }),
+      (o === "modbus-tcp" || o === "modbus-rtu") && /* @__PURE__ */ e(
         ge,
         {
-          config: N,
-          type: t === "modbus-rtu" ? "rtu" : "tcp",
+          config: f,
+          type: o === "modbus-rtu" ? "rtu" : "tcp",
           onChange: k
         }
       ),
-      t === "opcua" && /* @__PURE__ */ e(Me, { config: g, onChange: w })
+      o === "opcua" && /* @__PURE__ */ e(_e, { config: u, onChange: w })
     ] }),
     b && /* @__PURE__ */ i(
       "div",
       {
         className: `nice-protocol-config__test-result nice-protocol-config__test-result--${b.success ? "success" : "error"}`,
         children: [
-          /* @__PURE__ */ e(p, { name: b.success ? "check" : "close", size: 14 }),
+          /* @__PURE__ */ e(m, { name: b.success ? "check" : "close", size: 14 }),
           " ",
           b.message
         ]
@@ -1458,59 +1544,59 @@ function ye({
         "button",
         {
           className: "nice-protocol-config__test-btn",
-          onClick: P,
+          onClick: I,
           disabled: y || !n,
           children: y ? l("protocolConfig.testing", "Testing...") : /* @__PURE__ */ i(S, { children: [
-            /* @__PURE__ */ e(p, { name: "plug", size: 14 }),
+            /* @__PURE__ */ e(m, { name: "plug", size: 14 }),
             " ",
             l("protocolConfig.testConnection", "Test Connection")
           ] })
         }
       ),
-      /* @__PURE__ */ i("button", { className: "nice-protocol-config__save-btn", onClick: T, children: [
-        /* @__PURE__ */ e(p, { name: "save", size: 14 }),
+      /* @__PURE__ */ i("button", { className: "nice-protocol-config__save-btn", onClick: H, children: [
+        /* @__PURE__ */ e(m, { name: "save", size: 14 }),
         " ",
         l("save", "Save")
       ] })
     ] })
   ] });
 }
-function ve({ config: a, onChange: o }) {
-  const { t: r } = _();
+function ve({ config: a, onChange: r }) {
+  const { t } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: r("protocolConfig.mqttConfiguration", "MQTT Configuration") }),
+    /* @__PURE__ */ e("h3", { children: t("protocolConfig.mqttConfiguration", "MQTT Configuration") }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.broker", "Broker") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.broker", "Broker") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.broker,
-            onChange: (n) => o({ ...a, broker: n.target.value }),
+            onChange: (n) => r({ ...a, broker: n.target.value }),
             placeholder: "localhost"
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.port", "Port") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.port,
-            onChange: (n) => o({ ...a, port: parseInt(n.target.value, 10) || 1883 })
+            onChange: (n) => r({ ...a, port: parseInt(n.target.value, 10) || 1883 })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.clientId", "Client ID") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.clientId", "Client ID") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.clientId,
-            onChange: (n) => o({ ...a, clientId: n.target.value })
+            onChange: (n) => r({ ...a, clientId: n.target.value })
           }
         )
       ] }),
@@ -1520,41 +1606,41 @@ function ve({ config: a, onChange: o }) {
           {
             type: "checkbox",
             checked: a.useTLS,
-            onChange: (n) => o({ ...a, useTLS: n.target.checked })
+            onChange: (n) => r({ ...a, useTLS: n.target.checked })
           }
         ),
-        r("protocolConfig.useTls", "Use TLS")
+        t("protocolConfig.useTls", "Use TLS")
       ] }) }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.username", "Username") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.username", "Username") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.username || "",
-            onChange: (n) => o({ ...a, username: n.target.value })
+            onChange: (n) => r({ ...a, username: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.password", "Password") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.password", "Password") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "password",
             value: a.password || "",
-            onChange: (n) => o({ ...a, password: n.target.value })
+            onChange: (n) => r({ ...a, password: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.keepAlive,
-            onChange: (n) => o({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
+            onChange: (n) => r({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
           }
         )
       ] }),
@@ -1564,13 +1650,13 @@ function ve({ config: a, onChange: o }) {
           {
             type: "checkbox",
             checked: a.cleanSession,
-            onChange: (n) => o({ ...a, cleanSession: n.target.checked })
+            onChange: (n) => r({ ...a, cleanSession: n.target.checked })
           }
         ),
-        r("protocolConfig.cleanSession", "Clean Session")
+        t("protocolConfig.cleanSession", "Clean Session")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: r("protocolConfig.topics", "Topics") }),
+    /* @__PURE__ */ e("h4", { children: t("protocolConfig.topics", "Topics") }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__topics", children: [
       a.topics.map((n, c) => /* @__PURE__ */ i("div", { className: "nice-protocol-config__topic-row", children: [
         /* @__PURE__ */ e(
@@ -1579,10 +1665,10 @@ function ve({ config: a, onChange: o }) {
             type: "text",
             value: n.pattern,
             onChange: (l) => {
-              const t = [...a.topics];
-              t[c] = { ...t[c], pattern: l.target.value }, o({ ...a, topics: t });
+              const o = [...a.topics];
+              o[c] = { ...o[c], pattern: l.target.value }, r({ ...a, topics: o });
             },
-            placeholder: r("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
+            placeholder: t("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
           }
         ),
         /* @__PURE__ */ i(
@@ -1590,13 +1676,13 @@ function ve({ config: a, onChange: o }) {
           {
             value: n.qos,
             onChange: (l) => {
-              const t = [...a.topics];
-              t[c] = { ...t[c], qos: parseInt(l.target.value, 10) }, o({ ...a, topics: t });
+              const o = [...a.topics];
+              o[c] = { ...o[c], qos: parseInt(l.target.value, 10) }, r({ ...a, topics: o });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: 0, children: r("protocolConfig.qos0", "QoS 0") }),
-              /* @__PURE__ */ e("option", { value: 1, children: r("protocolConfig.qos1", "QoS 1") }),
-              /* @__PURE__ */ e("option", { value: 2, children: r("protocolConfig.qos2", "QoS 2") })
+              /* @__PURE__ */ e("option", { value: 0, children: t("protocolConfig.qos0", "QoS 0") }),
+              /* @__PURE__ */ e("option", { value: 1, children: t("protocolConfig.qos1", "QoS 1") }),
+              /* @__PURE__ */ e("option", { value: 2, children: t("protocolConfig.qos2", "QoS 2") })
             ]
           }
         ),
@@ -1605,28 +1691,28 @@ function ve({ config: a, onChange: o }) {
           {
             value: n.direction,
             onChange: (l) => {
-              const t = [...a.topics];
-              t[c] = {
-                ...t[c],
+              const o = [...a.topics];
+              o[c] = {
+                ...o[c],
                 direction: l.target.value
-              }, o({ ...a, topics: t });
+              }, r({ ...a, topics: o });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: "subscribe", children: r("protocolConfig.subscribe", "Subscribe") }),
-              /* @__PURE__ */ e("option", { value: "publish", children: r("protocolConfig.publish", "Publish") }),
-              /* @__PURE__ */ e("option", { value: "both", children: r("protocolConfig.both", "Both") })
+              /* @__PURE__ */ e("option", { value: "subscribe", children: t("protocolConfig.subscribe", "Subscribe") }),
+              /* @__PURE__ */ e("option", { value: "publish", children: t("protocolConfig.publish", "Publish") }),
+              /* @__PURE__ */ e("option", { value: "both", children: t("protocolConfig.both", "Both") })
             ]
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": r("protocolConfig.close", "Close"),
+            "aria-label": t("protocolConfig.close", "Close"),
             onClick: () => {
-              const l = a.topics.filter((t, s) => s !== c);
-              o({ ...a, topics: l });
+              const l = a.topics.filter((o, s) => s !== c);
+              r({ ...a, topics: l });
             },
-            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         )
       ] }, c)),
@@ -1634,7 +1720,7 @@ function ve({ config: a, onChange: o }) {
         "button",
         {
           onClick: () => {
-            o({
+            r({
               ...a,
               topics: [
                 ...a.topics,
@@ -1643,39 +1729,39 @@ function ve({ config: a, onChange: o }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            r("protocolConfig.addTopic", "Add Topic")
+            t("protocolConfig.addTopic", "Add Topic")
           ]
         }
       )
     ] })
   ] });
 }
-function ue({ config: a, onChange: o }) {
-  const { t: r } = _();
+function ue({ config: a, onChange: r }) {
+  const { t } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: r("protocolConfig.coapConfiguration", "CoAP Configuration") }),
+    /* @__PURE__ */ e("h3", { children: t("protocolConfig.coapConfiguration", "CoAP Configuration") }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.host", "Host") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.host", "Host") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.host,
-            onChange: (n) => o({ ...a, host: n.target.value })
+            onChange: (n) => r({ ...a, host: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.port", "Port") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.port,
-            onChange: (n) => o({ ...a, port: parseInt(n.target.value, 10) || 5683 })
+            onChange: (n) => r({ ...a, port: parseInt(n.target.value, 10) || 5683 })
           }
         )
       ] }),
@@ -1685,10 +1771,10 @@ function ue({ config: a, onChange: o }) {
           {
             type: "checkbox",
             checked: a.useDTLS,
-            onChange: (n) => o({ ...a, useDTLS: n.target.checked })
+            onChange: (n) => r({ ...a, useDTLS: n.target.checked })
           }
         ),
-        r("protocolConfig.useDtls", "Use DTLS")
+        t("protocolConfig.useDtls", "Use DTLS")
       ] }) }),
       /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
         /* @__PURE__ */ e(
@@ -1696,13 +1782,13 @@ function ue({ config: a, onChange: o }) {
           {
             type: "checkbox",
             checked: a.observe || !1,
-            onChange: (n) => o({ ...a, observe: n.target.checked })
+            onChange: (n) => r({ ...a, observe: n.target.checked })
           }
         ),
-        r("protocolConfig.enableObserve", "Enable Observe")
+        t("protocolConfig.enableObserve", "Enable Observe")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: r("protocolConfig.resources", "Resources") }),
+    /* @__PURE__ */ e("h4", { children: t("protocolConfig.resources", "Resources") }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__resources", children: [
       a.resources.map((n, c) => /* @__PURE__ */ i("div", { className: "nice-protocol-config__resource-row", children: [
         /* @__PURE__ */ e(
@@ -1711,8 +1797,8 @@ function ue({ config: a, onChange: o }) {
             type: "text",
             value: n.path,
             onChange: (l) => {
-              const t = [...a.resources];
-              t[c] = { ...t[c], path: l.target.value }, o({ ...a, resources: t });
+              const o = [...a.resources];
+              o[c] = { ...o[c], path: l.target.value }, r({ ...a, resources: o });
             },
             placeholder: "/sensors/temperature"
           }
@@ -1720,12 +1806,12 @@ function ue({ config: a, onChange: o }) {
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": r("protocolConfig.close", "Close"),
+            "aria-label": t("protocolConfig.close", "Close"),
             onClick: () => {
-              const l = a.resources.filter((t, s) => s !== c);
-              o({ ...a, resources: l });
+              const l = a.resources.filter((o, s) => s !== c);
+              r({ ...a, resources: l });
             },
-            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         )
       ] }, c)),
@@ -1733,7 +1819,7 @@ function ue({ config: a, onChange: o }) {
         "button",
         {
           onClick: () => {
-            o({
+            r({
               ...a,
               resources: [
                 ...a.resources,
@@ -1742,9 +1828,9 @@ function ue({ config: a, onChange: o }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            r("protocolConfig.addResource", "Add Resource")
+            t("protocolConfig.addResource", "Add Resource")
           ]
         }
       )
@@ -1753,17 +1839,17 @@ function ue({ config: a, onChange: o }) {
 }
 function ge({
   config: a,
-  type: o,
-  onChange: r
+  type: r,
+  onChange: t
 }) {
   const { t: n } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
     /* @__PURE__ */ e("h3", { children: n("protocolConfig.modbusConfiguration", "Modbus {type} Configuration").replace(
       "{type}",
-      String(o.toUpperCase())
+      String(r.toUpperCase())
     ) }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
-      o === "tcp" && /* @__PURE__ */ i(S, { children: [
+      r === "tcp" && /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.host", "Host") }),
           /* @__PURE__ */ e(
@@ -1771,7 +1857,7 @@ function ge({
             {
               type: "text",
               value: a.host || "",
-              onChange: (c) => r({ ...a, host: c.target.value })
+              onChange: (c) => t({ ...a, host: c.target.value })
             }
           )
         ] }),
@@ -1782,12 +1868,12 @@ function ge({
             {
               type: "number",
               value: a.port || 502,
-              onChange: (c) => r({ ...a, port: parseInt(c.target.value, 10) || 502 })
+              onChange: (c) => t({ ...a, port: parseInt(c.target.value, 10) || 502 })
             }
           )
         ] })
       ] }),
-      o === "rtu" && /* @__PURE__ */ i(S, { children: [
+      r === "rtu" && /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.serialPort", "Serial Port") }),
           /* @__PURE__ */ e(
@@ -1795,7 +1881,7 @@ function ge({
             {
               type: "text",
               value: a.serialPort || "",
-              onChange: (c) => r({ ...a, serialPort: c.target.value }),
+              onChange: (c) => t({ ...a, serialPort: c.target.value }),
               placeholder: n("protocolConfig.serialPortPlaceholder", "COM1 or /dev/ttyUSB0")
             }
           )
@@ -1806,7 +1892,7 @@ function ge({
             "select",
             {
               value: a.baudRate || 9600,
-              onChange: (c) => r({ ...a, baudRate: parseInt(c.target.value, 10) }),
+              onChange: (c) => t({ ...a, baudRate: parseInt(c.target.value, 10) }),
               children: [
                 /* @__PURE__ */ e("option", { value: 9600, children: "9600" }),
                 /* @__PURE__ */ e("option", { value: 19200, children: "19200" }),
@@ -1823,7 +1909,7 @@ function ge({
             "select",
             {
               value: a.parity || "none",
-              onChange: (c) => r({ ...a, parity: c.target.value }),
+              onChange: (c) => t({ ...a, parity: c.target.value }),
               children: [
                 /* @__PURE__ */ e("option", { value: "none", children: n("protocolConfig.none", "None") }),
                 /* @__PURE__ */ e("option", { value: "even", children: n("protocolConfig.even", "Even") }),
@@ -1840,7 +1926,7 @@ function ge({
           {
             type: "number",
             value: a.slaveId,
-            onChange: (c) => r({ ...a, slaveId: parseInt(c.target.value, 10) || 1 }),
+            onChange: (c) => t({ ...a, slaveId: parseInt(c.target.value, 10) || 1 }),
             min: 1,
             max: 247
           }
@@ -1853,7 +1939,7 @@ function ge({
           {
             type: "number",
             value: a.timeout,
-            onChange: (c) => r({ ...a, timeout: parseInt(c.target.value, 10) || 1e3 })
+            onChange: (c) => t({ ...a, timeout: parseInt(c.target.value, 10) || 1e3 })
           }
         )
       ] })
@@ -1874,9 +1960,9 @@ function ge({
           {
             type: "text",
             value: c.name,
-            onChange: (t) => {
+            onChange: (o) => {
               const s = [...a.registers];
-              s[l] = { ...s[l], name: t.target.value }, r({ ...a, registers: s });
+              s[l] = { ...s[l], name: o.target.value }, t({ ...a, registers: s });
             }
           }
         ) }),
@@ -1885,12 +1971,12 @@ function ge({
           {
             type: "number",
             value: c.address,
-            onChange: (t) => {
+            onChange: (o) => {
               const s = [...a.registers];
               s[l] = {
                 ...s[l],
-                address: parseInt(t.target.value, 10) || 0
-              }, r({ ...a, registers: s });
+                address: parseInt(o.target.value, 10) || 0
+              }, t({ ...a, registers: s });
             }
           }
         ) }),
@@ -1898,12 +1984,12 @@ function ge({
           "select",
           {
             value: c.type,
-            onChange: (t) => {
+            onChange: (o) => {
               const s = [...a.registers];
               s[l] = {
                 ...s[l],
-                type: t.target.value
-              }, r({ ...a, registers: s });
+                type: o.target.value
+              }, t({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "coil", children: n("protocolConfig.coil", "Coil") }),
@@ -1917,12 +2003,12 @@ function ge({
           "select",
           {
             value: c.dataType,
-            onChange: (t) => {
+            onChange: (o) => {
               const s = [...a.registers];
               s[l] = {
                 ...s[l],
-                dataType: t.target.value
-              }, r({ ...a, registers: s });
+                dataType: o.target.value
+              }, t({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "bool", children: n("protocolConfig.bool", "Bool") }),
@@ -1940,9 +2026,9 @@ function ge({
             {
               type: "checkbox",
               checked: c.readable,
-              onChange: (t) => {
+              onChange: (o) => {
                 const s = [...a.registers];
-                s[l] = { ...s[l], readable: t.target.checked }, r({ ...a, registers: s });
+                s[l] = { ...s[l], readable: o.target.checked }, t({ ...a, registers: s });
               },
               title: n("protocolConfig.readable", "Readable")
             }
@@ -1952,9 +2038,9 @@ function ge({
             {
               type: "checkbox",
               checked: c.writable,
-              onChange: (t) => {
+              onChange: (o) => {
                 const s = [...a.registers];
-                s[l] = { ...s[l], writable: t.target.checked }, r({ ...a, registers: s });
+                s[l] = { ...s[l], writable: o.target.checked }, t({ ...a, registers: s });
               },
               title: n("protocolConfig.writable", "Writable")
             }
@@ -1965,10 +2051,10 @@ function ge({
           {
             "aria-label": n("protocolConfig.close", "Close"),
             onClick: () => {
-              const t = a.registers.filter((s, h) => h !== l);
-              r({ ...a, registers: t });
+              const o = a.registers.filter((s, h) => h !== l);
+              t({ ...a, registers: o });
             },
-            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         ) })
       ] }, l)) })
@@ -1977,7 +2063,7 @@ function ge({
       "button",
       {
         onClick: () => {
-          r({
+          t({
             ...a,
             registers: [
               ...a.registers,
@@ -1993,7 +2079,7 @@ function ge({
           });
         },
         children: [
-          /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+          /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
           " ",
           n("protocolConfig.addRegister", "Add Register")
         ]
@@ -2001,96 +2087,96 @@ function ge({
     )
   ] });
 }
-function Me({ config: a, onChange: o }) {
-  const { t: r } = _();
+function _e({ config: a, onChange: r }) {
+  const { t } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: r("protocolConfig.opcUaConfiguration", "OPC-UA Configuration") }),
+    /* @__PURE__ */ e("h3", { children: t("protocolConfig.opcUaConfiguration", "OPC-UA Configuration") }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.endpointUrl", "Endpoint URL") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.endpointUrl", "Endpoint URL") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.endpointUrl,
-            onChange: (n) => o({ ...a, endpointUrl: n.target.value }),
-            placeholder: r("protocolConfig.endpointUrlPlaceholder", "opc.tcp://localhost:4840")
+            onChange: (n) => r({ ...a, endpointUrl: n.target.value }),
+            placeholder: t("protocolConfig.endpointUrlPlaceholder", "opc.tcp://localhost:4840")
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.securityMode", "Security Mode") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.securityMode", "Security Mode") }),
         /* @__PURE__ */ i(
           "select",
           {
             value: a.securityMode,
-            onChange: (n) => o({
+            onChange: (n) => r({
               ...a,
               securityMode: n.target.value
             }),
             children: [
-              /* @__PURE__ */ e("option", { value: "None", children: r("protocolConfig.securityNone", "None") }),
-              /* @__PURE__ */ e("option", { value: "Sign", children: r("protocolConfig.sign", "Sign") }),
-              /* @__PURE__ */ e("option", { value: "SignAndEncrypt", children: r("protocolConfig.signAndEncrypt", "Sign and Encrypt") })
+              /* @__PURE__ */ e("option", { value: "None", children: t("protocolConfig.securityNone", "None") }),
+              /* @__PURE__ */ e("option", { value: "Sign", children: t("protocolConfig.sign", "Sign") }),
+              /* @__PURE__ */ e("option", { value: "SignAndEncrypt", children: t("protocolConfig.signAndEncrypt", "Sign and Encrypt") })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.authentication", "Authentication") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.authentication", "Authentication") }),
         /* @__PURE__ */ i(
           "select",
           {
             value: a.authentication,
-            onChange: (n) => o({
+            onChange: (n) => r({
               ...a,
               authentication: n.target.value
             }),
             children: [
-              /* @__PURE__ */ e("option", { value: "anonymous", children: r("protocolConfig.anonymous", "Anonymous") }),
-              /* @__PURE__ */ e("option", { value: "username", children: r("protocolConfig.usernamePassword", "Username/Password") }),
-              /* @__PURE__ */ e("option", { value: "certificate", children: r("protocolConfig.certificate", "Certificate") })
+              /* @__PURE__ */ e("option", { value: "anonymous", children: t("protocolConfig.anonymous", "Anonymous") }),
+              /* @__PURE__ */ e("option", { value: "username", children: t("protocolConfig.usernamePassword", "Username/Password") }),
+              /* @__PURE__ */ e("option", { value: "certificate", children: t("protocolConfig.certificate", "Certificate") })
             ]
           }
         )
       ] }),
       a.authentication === "username" && /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-          /* @__PURE__ */ e("label", { children: r("protocolConfig.username", "Username") }),
+          /* @__PURE__ */ e("label", { children: t("protocolConfig.username", "Username") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               value: a.username || "",
-              onChange: (n) => o({ ...a, username: n.target.value })
+              onChange: (n) => r({ ...a, username: n.target.value })
             }
           )
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-          /* @__PURE__ */ e("label", { children: r("protocolConfig.password", "Password") }),
+          /* @__PURE__ */ e("label", { children: t("protocolConfig.password", "Password") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "password",
               value: a.password || "",
-              onChange: (n) => o({ ...a, password: n.target.value })
+              onChange: (n) => r({ ...a, password: n.target.value })
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
-        /* @__PURE__ */ e("label", { children: r("protocolConfig.applicationName", "Application Name") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.applicationName", "Application Name") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.applicationName,
-            onChange: (n) => o({ ...a, applicationName: n.target.value })
+            onChange: (n) => r({ ...a, applicationName: n.target.value })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("h4", { children: r("protocolConfig.nodes", "Nodes") }),
+    /* @__PURE__ */ e("h4", { children: t("protocolConfig.nodes", "Nodes") }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__nodes", children: [
       a.nodes.map((n, c) => /* @__PURE__ */ i("div", { className: "nice-protocol-config__node-row", children: [
         /* @__PURE__ */ e(
@@ -2099,10 +2185,10 @@ function Me({ config: a, onChange: o }) {
             type: "text",
             value: n.nodeId,
             onChange: (l) => {
-              const t = [...a.nodes];
-              t[c] = { ...t[c], nodeId: l.target.value }, o({ ...a, nodes: t });
+              const o = [...a.nodes];
+              o[c] = { ...o[c], nodeId: l.target.value }, r({ ...a, nodes: o });
             },
-            placeholder: r("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
+            placeholder: t("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
           }
         ),
         /* @__PURE__ */ e(
@@ -2111,21 +2197,21 @@ function Me({ config: a, onChange: o }) {
             type: "text",
             value: n.displayName,
             onChange: (l) => {
-              const t = [...a.nodes];
-              t[c] = { ...t[c], displayName: l.target.value }, o({ ...a, nodes: t });
+              const o = [...a.nodes];
+              o[c] = { ...o[c], displayName: l.target.value }, r({ ...a, nodes: o });
             },
-            placeholder: r("protocolConfig.displayNamePlaceholder", "Display Name")
+            placeholder: t("protocolConfig.displayNamePlaceholder", "Display Name")
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": r("protocolConfig.close", "Close"),
+            "aria-label": t("protocolConfig.close", "Close"),
             onClick: () => {
-              const l = a.nodes.filter((t, s) => s !== c);
-              o({ ...a, nodes: l });
+              const l = a.nodes.filter((o, s) => s !== c);
+              r({ ...a, nodes: l });
             },
-            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         )
       ] }, c)),
@@ -2133,7 +2219,7 @@ function Me({ config: a, onChange: o }) {
         "button",
         {
           onClick: () => {
-            o({
+            r({
               ...a,
               nodes: [
                 ...a.nodes,
@@ -2142,9 +2228,9 @@ function Me({ config: a, onChange: o }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            r("protocolConfig.addNode", "Add Node")
+            t("protocolConfig.addNode", "Add Node")
           ]
         }
       )
@@ -2152,7 +2238,7 @@ function Me({ config: a, onChange: o }) {
   ] });
 }
 export {
-  fe as NiceEdgeManager,
+  ye as NiceEdgeManager,
   Ne as NiceIoTDashboard,
-  ye as NiceProtocolConfig
+  ze as NiceProtocolConfig
 };