@nice2dev/ui-iot 1.2.1 → 1.3.0

package/dist/index.mjs

@@ -1,10 +1,30 @@
-import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
-import { useContext as I, createContext as x, useState as g, useCallback as f } from "react";
-const K = (a, r) => r, Y = /* @__PURE__ */ x(K), J = /* @__PURE__ */ x("en");
-function b() {
-  const a = I(Y), r = I(J);
+import { jsx as e, jsxs as i, Fragment as S } from "react/jsx-runtime";
+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(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
   "chevron-down": "M6 9l6 6 6-6",
@@ -214,21 +234,77 @@ const X = {
   "zoom-out": "M11 4a7 7 0 100 14 7 7 0 000-14z M21 21l-4.35-4.35 M8 11h6",
   navigation: "M12 2l7 19-7-4-7 4z",
   "refresh-ccw": "M1 4v6h6 M23 20v-6h-6 M20.49 9A9 9 0 005.64 5.64L1 10 M3.51 15a9 9 0 0014.85 3.36L23 14",
-  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7"
-}, Z = {
+  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7",
+  // 1.2.2: geometry tools and object grouping, drawn as glyphs before (Ntd* of the same names in icons)
+  point: "M12 8a4 4 0 1 0 0 8a4 4 0 1 0 0-8z M12 12h.01",
+  segment: "M6.5 17.5L17.5 6.5 M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0 M17 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0",
+  perpendicular: "M3 20h18 M12 20V4 M12 15h5v5",
+  parallel: "M4 16L14 6 M10 20L20 10",
+  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",
+  // 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: r,
-  className: l,
+  className: t,
   style: n,
   color: c,
-  title: t,
+  title: l,
   onClick: o
 }) {
   return /* @__PURE__ */ i(
@@ -243,14 +319,16 @@ function ae({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: `nice-icon ${l || ""}`,
+      className: `nice-icon ${t || ""}`,
       style: n,
-      role: t ? "img" : "presentation",
-      "aria-label": t,
-      "aria-hidden": !t,
+      role: o ? "button" : l ? "img" : "presentation",
+      tabIndex: o ? 0 : void 0,
+      onKeyDown: o ? P : void 0,
+      "aria-label": l,
+      "aria-hidden": o ? void 0 : !l,
       onClick: o,
       children: [
-        t && /* @__PURE__ */ e("title", { children: t }),
+        l && /* @__PURE__ */ e("title", { children: l }),
         /* @__PURE__ */ e("path", { d: a })
       ]
     }
@@ -259,28 +337,39 @@ function ae({
 const m = ({
   name: a,
   size: r = "md",
-  className: l,
+  className: t,
   style: n,
   color: c,
-  title: t,
+  title: l,
   onClick: o
 }) => {
-  const { resolver: s } = I(ee), h = typeof r == "number" ? r : Z[r];
+  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 ${l || ""}`, style: n, onClick: o, 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 p = X[a];
   return p ? /* @__PURE__ */ e(
-    ae,
+    ie,
     {
       path: p,
       size: h,
-      className: l,
+      className: t,
       style: n,
       color: c,
-      title: t,
+      title: l,
       onClick: o
     }
   ) : null;
@@ -291,7 +380,7 @@ 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();
@@ -302,8 +391,8 @@ function ie() {
     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 l = Array.from(r, (n) => n.toString(16).padStart(2, "0")).join("");
-  return `${l.slice(0, 8)}-${l.slice(8, 12)}-${l.slice(12, 16)}-${l.slice(16, 20)}-${l.slice(20)}`;
+  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;
@@ -313,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,
@@ -334,48 +423,48 @@ const R = {
 function Ne({
   devices: a = [],
   widgets: r = [],
-  alarms: l = [],
+  alarms: t = [],
   onDeviceSelect: n,
   onWidgetChange: c,
-  onCommand: t,
+  onCommand: l,
   onAlarmAcknowledge: o,
   fetchTelemetry: s,
   className: h = ""
 }) {
-  const { t: p } = b(), [u, H] = g(r), [N, k] = g(null), [M, w] = g("dashboard"), [_, V] = g(!1), [y, L] = g(""), 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) => {
-      H((C) => {
-        const z = d(C);
-        return c == null || c(z), z;
+      V((z) => {
+        const C = d(z);
+        return c == null || c(C), C;
       });
     },
     [c]
-  ), D = f(
+  ), H = N(
     (d) => {
-      var z;
-      const C = {
-        id: ie(),
+      var C;
+      const z = {
+        id: ne(),
         type: d,
-        title: ((z = $.find((U) => U.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((U) => [...U, C]);
+      M((x) => [...x, z]);
     },
-    [u, v]
-  ), P = f(
+    [v, M]
+  ), I = N(
     (d) => {
       k(d), n == null || n(d);
     },
     [n]
-  ), T = f(
+  ), T = N(
     (d) => {
       o == null || o(d);
     },
     [o]
   ), j = a.filter(
     (d) => !y || d.name.toLowerCase().includes(y.toLowerCase()) || d.type.toLowerCase().includes(y.toLowerCase())
-  ), S = l.filter((d) => !d.cleared), O = S.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: [
@@ -390,24 +479,24 @@ function Ne({
           )
         ] }),
         /* @__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 }),
+          /* @__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 }),
+          /* @__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: [
+        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)
           )
         ] })
       ] }),
@@ -415,7 +504,7 @@ function Ne({
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${M === "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: p("ioTDashboard.dashboard", "Dashboard")
           }
@@ -423,7 +512,7 @@ function Ne({
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${M === "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: p("ioTDashboard.devices2", "Devices")
           }
@@ -431,30 +520,30 @@ function Ne({
         /* @__PURE__ */ i(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${M === "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: [
               p("ioTDashboard.alarms2", "Alarms"),
               " ",
-              S.length > 0 && `(${S.length})`
+              A.length > 0 && `(${A.length})`
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: M === "dashboard" && /* @__PURE__ */ i("button", { onClick: () => V(!_), children: [
-        /* @__PURE__ */ e(m, { name: _ ? "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 }),
         " ",
-        _ ? "Done" : "Edit"
+        b ? p("ioTDashboard.done", "Done") : p("ioTDashboard.edit", "Edit")
       ] }) })
     ] }),
-    M === "dashboard" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__main", children: [
-      _ && /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__palette", 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: p("ioTDashboard.addWidget", "Add Widget") }),
         $.map((d) => /* @__PURE__ */ i(
           "button",
           {
             className: "nice-iot-dashboard__palette-item",
-            onClick: () => D(d.type),
+            onClick: () => H(d.type),
             children: [
               /* @__PURE__ */ e(m, { name: d.icon, size: 16 }),
               /* @__PURE__ */ e("span", { children: d.label })
@@ -464,22 +553,25 @@ function Ne({
         ))
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__grid", children: [
-        u.map((d) => /* @__PURE__ */ e(
-          le,
+        v.map((d) => /* @__PURE__ */ e(
+          re,
           {
             widget: d,
             devices: a,
-            alarms: l,
-            isEditing: _,
-            onCommand: t,
-            onDelete: () => v((C) => C.filter((z) => z.id !== d.id))
+            alarms: t,
+            isEditing: b,
+            onCommand: l,
+            onDelete: () => M((z) => z.filter((C) => C.id !== d.id))
           },
           d.id
         )),
-        u.length === 0 && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__empty", children: _ ? "Add widgets from the palette" : "No widgets configured. Click Edit to add widgets." })
+        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."
+        ) })
       ] })
     ] }),
-    M === "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",
         {
@@ -490,24 +582,24 @@ function Ne({
         }
       ) }),
       /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: j.map((d) => /* @__PURE__ */ e(
-        te,
+        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(
-        oe,
+      f && /* @__PURE__ */ e(
+        ce,
         {
-          device: N,
-          onCommand: t,
+          device: f,
+          onCommand: l,
           onClose: () => k(null)
         }
       )
     ] }),
-    M === "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: p("ioTDashboard.severity", "Severity") }),
         /* @__PURE__ */ e("th", { children: p("ioTDashboard.device", "Device") }),
@@ -516,8 +608,8 @@ function Ne({
         /* @__PURE__ */ e("th", { children: p("ioTDashboard.status", "Status") }),
         /* @__PURE__ */ e("th", { children: p("ioTDashboard.actions", "Actions") })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: S.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: p("ioTDashboard.noActiveAlarms", "No active alarms") }) }) : S.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",
           {
@@ -530,10 +622,10 @@ 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 ? "Acknowledged" : "Active" }),
+              /* @__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") }) })
             ]
           },
@@ -543,7 +635,7 @@ function Ne({
     ] }) })
   ] });
 }
-function ne(a) {
+function te(a) {
   return a.length === 0 ? 0 : Math.max(...a.map((r) => r.position.y + r.position.height));
 }
 function E(a) {
@@ -562,15 +654,15 @@ function E(a) {
       return "var(--nice-text-secondary, #6c757d)";
   }
 }
-function le({
+function re({
   widget: a,
   devices: r,
-  alarms: l,
+  alarms: t,
   isEditing: n,
   onCommand: c,
-  onDelete: t
+  onDelete: l
 }) {
-  const { t: o } = b(), s = $.find((h) => h.type === a.type);
+  const { t: o } = _(), s = $.find((h) => h.type === a.type);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -588,50 +680,50 @@ function le({
             {
               "aria-label": o("ioTDashboard.close", "Close"),
               className: "nice-iot-dashboard__widget-delete",
-              onClick: t,
+              onClick: l,
               children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(re, { widget: a, devices: r, alarms: l, onCommand: c }) })
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(oe, { widget: a, devices: r, alarms: t, onCommand: c }) })
       ]
     }
   );
 }
-function re({
+function oe({
   widget: a,
   devices: r,
-  alarms: l,
+  alarms: t,
   onCommand: n
 }) {
-  const { t: c } = b();
+  const { t: c } = _();
   switch (a.type) {
     case "device-list":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: r.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: r.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: E(t.status) }
+            style: { background: E(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 o = r.filter((s) => s.status === t).length;
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((l) => {
+        const o = r.filter((s) => s.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: E(t) }
+              style: { background: E(l) }
             }
           ),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: o }),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: t })
-        ] }, t);
+          /* @__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: [
@@ -666,14 +758,14 @@ function re({
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__map-placeholder", children: [
         /* @__PURE__ */ e(m, { name: "map-pin", size: 32 }),
         /* @__PURE__ */ e("span", { children: c("ioTDashboard.deviceMap", "Device Map") }),
-        /* @__PURE__ */ i("small", { children: [
-          r.filter((t) => t.location).length,
-          " devices with location"
-        ] })
+        /* @__PURE__ */ e("small", { children: c("ioTDashboard.devicesWithLocation", "{devices} devices with location").replace(
+          "{devices}",
+          String(r.filter((l) => l.location).length)
+        ) })
       ] });
     case "alarms": {
-      const t = l.filter((o) => !o.cleared).slice(0, 5);
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: t.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: c("ioTDashboard.noActiveAlarms", "No active alarms") }) : t.map((o) => /* @__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--${o.severity}`,
@@ -700,12 +792,16 @@ function re({
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
   }
 }
-function te({ device: a, isSelected: r, onSelect: l }) {
+function le({ device: a, isSelected: r, onSelect: t }) {
+  const { t: n } = _();
   return /* @__PURE__ */ i(
     "div",
     {
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: P,
       className: `nice-iot-dashboard__device-card ${r ? "nice-iot-dashboard__device-card--selected" : ""}`,
-      onClick: l,
+      onClick: t,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-header", children: [
           /* @__PURE__ */ e(
@@ -719,21 +815,18 @@ function te({ device: a, isSelected: r, onSelect: l }) {
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-body", children: [
           /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-info", children: [
-            /* @__PURE__ */ i("span", { children: [
-              "Type: ",
-              a.type
-            ] }),
-            /* @__PURE__ */ i("span", { children: [
-              "Protocol: ",
-              a.protocol
-            ] })
-          ] }),
-          a.lastSeen && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-lastseen", children: [
-            "Last seen: ",
-            a.lastSeen.toLocaleString()
+            /* @__PURE__ */ e("span", { children: n("ioTDashboard.type", "Type: {type}").replace("{type}", String(a.type)) }),
+            /* @__PURE__ */ e("span", { children: n("ioTDashboard.protocol", "Protocol: {protocol}").replace(
+              "{protocol}",
+              String(a.protocol)
+            ) })
           ] }),
+          a.lastSeen && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-lastseen", children: n("ioTDashboard.lastSeen", "Last seen: {lastSeen}").replace(
+            "{lastSeen}",
+            String(a.lastSeen.toLocaleString())
+          ) }),
           /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-capabilities", children: [
-            a.capabilities.slice(0, 3).map((n) => /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-badge", children: n.name }, n.id)),
+            a.capabilities.slice(0, 3).map((c) => /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-badge", children: c.name }, c.id)),
             a.capabilities.length > 3 && /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__capability-more", children: [
               "+",
               a.capabilities.length - 3
@@ -744,22 +837,22 @@ function te({ device: a, isSelected: r, onSelect: l }) {
     }
   );
 }
-function oe({
+function ce({
   device: a,
   onCommand: r,
-  onClose: l
+  onClose: t
 }) {
-  const { t: n } = b();
+  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: l, children: /* @__PURE__ */ e(m, { 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: [
         /* @__PURE__ */ e("h4", { children: n("ioTDashboard.status", "Status") }),
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Status:" }),
+          /* @__PURE__ */ e("span", { children: n("ioTDashboard.status2", "Status:") }),
           /* @__PURE__ */ e(
             "span",
             {
@@ -770,18 +863,18 @@ function oe({
           )
         ] }),
         a.lastSeen && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Last Seen:" }),
+          /* @__PURE__ */ e("span", { children: n("ioTDashboard.lastSeen2", "Last Seen:") }),
           /* @__PURE__ */ e("span", { children: a.lastSeen.toLocaleString() })
         ] })
       ] }),
       /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e("h4", { children: n("ioTDashboard.connection", "Connection") }),
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Protocol:" }),
+          /* @__PURE__ */ e("span", { children: n("ioTDashboard.protocol2", "Protocol:") }),
           /* @__PURE__ */ e("span", { children: a.protocol })
         ] }),
         a.connectionInfo.host && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Host:" }),
+          /* @__PURE__ */ e("span", { children: n("ioTDashboard.host", "Host:") }),
           /* @__PURE__ */ i("span", { children: [
             a.connectionInfo.host,
             ":",
@@ -792,11 +885,11 @@ function oe({
       a.metadata && /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e("h4", { children: n("ioTDashboard.metadata", "Metadata") }),
         a.metadata.manufacturer && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Manufacturer:" }),
+          /* @__PURE__ */ e("span", { children: n("ioTDashboard.manufacturer", "Manufacturer:") }),
           /* @__PURE__ */ e("span", { children: a.metadata.manufacturer })
         ] }),
         a.metadata.model && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Model:" }),
+          /* @__PURE__ */ e("span", { children: n("ioTDashboard.model", "Model:") }),
           /* @__PURE__ */ e("span", { children: a.metadata.model })
         ] })
       ] }),
@@ -818,7 +911,7 @@ function oe({
     ] })
   ] });
 }
-const ce = [
+const se = [
   { name: "MQTT Broker", image: "eclipse-mosquitto:latest" },
   { name: "Node-RED", image: "nodered/node-red:latest" },
   { name: "InfluxDB", image: "influxdb:latest" },
@@ -826,74 +919,70 @@ const ce = [
   { name: "Telegraf", image: "telegraf:latest" },
   { name: "Protocol Adapter", image: "nice2dev/protocol-adapter:latest" }
 ];
-function fe({
+function ye({
   nodes: a = [],
   modules: r = [],
-  onNodeSelect: l,
+  onNodeSelect: t,
   onModuleDeploy: n,
   onModuleAction: c,
-  onNodeSync: t,
+  onNodeSync: l,
   className: o = ""
 }) {
-  const { t: s } = b(), [h, p] = g(null), [u, H] = g("nodes"), [N, k] = g(!1), [M, w] = g({
+  const { t: s } = _(), [h, p] = g(null), [v, V] = g("nodes"), [f, k] = g(!1), [u, w] = g({
     name: "",
     image: "",
     status: "pending"
-  }), _ = f(
-    (v) => {
-      p(v), l == null || l(v);
+  }), b = N(
+    (M) => {
+      p(M), t == null || t(M);
     },
-    [l]
-  ), V = f(async () => {
-    !h || !M.name || !M.image || (await (n == null ? void 0 : n(h.id, M)), k(!1), w({ name: "", image: "", status: "pending" }));
-  }, [h, M, n]), y = f(
-    async (v, D) => {
-      h && await (c == null ? void 0 : c(h.id, v, D));
+    [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]
-  ), L = f(async () => {
-    h && await (t == null ? void 0 : t(h.id));
-  }, [h, t]);
+  ), L = N(async () => {
+    h && await (l == null ? void 0 : l(h.id));
+  }, [h, l]);
   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__ */ i(
+        /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-edge-manager__nav-button ${u === "nodes" ? "nice-edge-manager__nav-button--active" : ""}`,
-            onClick: () => H("nodes"),
-            children: [
-              "Nodes (",
-              a.length,
-              ")"
-            ]
+            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))
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-edge-manager__nav-button ${u === "modules" ? "nice-edge-manager__nav-button--active" : ""}`,
-            onClick: () => H("modules"),
+            className: `nice-edge-manager__nav-button ${v === "modules" ? "nice-edge-manager__nav-button--active" : ""}`,
+            onClick: () => V("modules"),
             children: s("edgeManager.modules", "Modules")
           }
         )
       ] })
     ] }),
     /* @__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: () => _(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}",
@@ -904,23 +993,23 @@ function fe({
             {
               className: "nice-edge-manager__deploy-btn",
               onClick: () => k(!0),
-              children: "+ Deploy Module"
+              children: s("edgeManager.deployModule2", "+ Deploy Module")
             }
           )
         ] }),
         /* @__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: (D) => y(v.id, D)
+              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"
       ) }),
@@ -933,13 +1022,13 @@ function fe({
         }
       )
     ] }),
-    N && /* @__PURE__ */ e(
-      pe,
+    f && /* @__PURE__ */ e(
+      Me,
       {
-        config: M,
-        templates: ce,
+        config: u,
+        templates: se,
         onChange: w,
-        onDeploy: V,
+        onDeploy: D,
         onClose: () => k(!1)
       }
     )
@@ -961,19 +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 r = Math.floor(a / 86400), l = Math.floor(a % 86400 / 3600), n = Math.floor(a % 3600 / 60);
-  return r > 0 ? `${r}d ${l}h` : l > 0 ? `${l}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: r, onSelect: l }) {
+function he({ node: a, isSelected: r, onSelect: t }) {
+  const { t: n } = _();
   return /* @__PURE__ */ i(
     "div",
     {
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: P,
       className: `nice-edge-manager__node-card ${r ? "nice-edge-manager__node-card--selected" : ""}`,
-      onClick: l,
+      onClick: t,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-header", children: [
           /* @__PURE__ */ e(
@@ -1000,7 +1093,7 @@ function de({ node: a, isSelected: r, onSelect: l }) {
               " GB"
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-metrics", children: a.metrics && /* @__PURE__ */ i(A, { children: [
+          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-metrics", children: a.metrics && /* @__PURE__ */ i(S, { children: [
             /* @__PURE__ */ i("div", { className: "nice-edge-manager__metric", children: [
               /* @__PURE__ */ e("span", { className: "nice-edge-manager__metric-label", children: "CPU" }),
               /* @__PURE__ */ e("div", { className: "nice-edge-manager__metric-bar", children: /* @__PURE__ */ e(
@@ -1016,7 +1109,7 @@ function de({ node: a, isSelected: r, onSelect: l }) {
               ] })
             ] }),
             /* @__PURE__ */ i("div", { className: "nice-edge-manager__metric", children: [
-              /* @__PURE__ */ e("span", { className: "nice-edge-manager__metric-label", children: "MEM" }),
+              /* @__PURE__ */ e("span", { className: "nice-edge-manager__metric-label", children: n("edgeManager.mem", "MEM") }),
               /* @__PURE__ */ e("div", { className: "nice-edge-manager__metric-bar", children: /* @__PURE__ */ e(
                 "div",
                 {
@@ -1030,17 +1123,17 @@ function de({ node: a, isSelected: r, onSelect: l }) {
               ] })
             ] })
           ] }) }),
-          /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-modules", children: [
-            a.deployedModules.length,
-            " modules deployed"
-          ] })
+          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-modules", children: n("edgeManager.modulesDeployed", "{deployedModules} modules deployed").replace(
+            "{deployedModules}",
+            String(a.deployedModules.length)
+          ) })
         ] })
       ]
     }
   );
 }
-function he({ module: a, onAction: r }) {
-  const { t: l } = b();
+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(
@@ -1066,33 +1159,32 @@ function he({ module: a, onAction: r }) {
     /* @__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__ */ i("span", { children: [
-          "CPU: ",
-          a.resources.cpuLimit
-        ] }),
-        a.resources.memoryLimitMB && /* @__PURE__ */ i("span", { children: [
-          "RAM: ",
-          a.resources.memoryLimitMB,
-          " MB"
-        ] })
+        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: t("edgeManager.ramMb", "RAM: {memoryLimitMB} MB").replace(
+          "{memoryLimitMB}",
+          String(a.resources.memoryLimitMB)
+        ) })
       ] }),
-      a.ports && a.ports.length > 0 && /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-ports", children: [
-        "Ports: ",
-        a.ports.map((c) => `${c.host}:${c.container}`).join(", ")
-      ] })
+      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(A, { children: [
-        /* @__PURE__ */ e("button", { onClick: () => r("stop"), children: l("edgeManager.stop", "Stop") }),
-        /* @__PURE__ */ e("button", { onClick: () => r("restart"), children: l("edgeManager.restart", "Restart") })
+      a.status === "running" && /* @__PURE__ */ i(S, { children: [
+        /* @__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: () => r("start"), children: l("edgeManager.start", "Start") }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => r("remove"), children: l("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: r, onClose: l }) {
-  const { t: n } = b();
+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 }),
@@ -1102,14 +1194,14 @@ function me({ node: a, onSync: r, onClose: l }) {
           " ",
           n("edgeManager.sync", "Sync")
         ] }),
-        /* @__PURE__ */ e("button", { onClick: l, "aria-label": n("edgeManager.close", "Close"), children: /* @__PURE__ */ e(m, { 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: [
       /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e("h4", { children: n("edgeManager.status", "Status") }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Status:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.status2", "Status:") }),
           /* @__PURE__ */ e(
             "span",
             {
@@ -1120,44 +1212,39 @@ function me({ node: a, onSync: r, onClose: l }) {
           )
         ] }),
         a.metrics && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Uptime:" }),
-          /* @__PURE__ */ e("span", { children: se(a.metrics.uptime) })
+          /* @__PURE__ */ e("span", { children: n("edgeManager.uptime", "Uptime:") }),
+          /* @__PURE__ */ e("span", { children: de(a.metrics.uptime) })
         ] })
       ] }),
       /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e("h4", { children: n("edgeManager.hardware", "Hardware") }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "CPU:" }),
-          /* @__PURE__ */ i("span", { children: [
-            a.hardware.cpu,
-            " (",
-            a.hardware.cores,
-            " cores)"
-          ] })
+          /* @__PURE__ */ e("span", { children: n("edgeManager.cpu2", "CPU:") }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.cores", "{cpu} ({cores} cores)").replace("{cpu}", String(a.hardware.cpu)).replace("{cores}", String(a.hardware.cores)) })
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Memory:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.memory2", "Memory:") }),
           /* @__PURE__ */ i("span", { children: [
             (a.hardware.memoryMB / 1024).toFixed(1),
             " GB"
           ] })
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Storage:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.storage", "Storage:") }),
           /* @__PURE__ */ i("span", { children: [
             (a.hardware.storageMB / 1024).toFixed(1),
             " GB"
           ] })
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Architecture:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.architecture", "Architecture:") }),
           /* @__PURE__ */ e("span", { children: a.hardware.architecture })
         ] })
       ] }),
       /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e("h4", { children: n("edgeManager.software", "Software") }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "OS:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.os", "OS:") }),
           /* @__PURE__ */ i("span", { children: [
             a.software.os,
             " ",
@@ -1165,7 +1252,7 @@ function me({ node: a, onSync: r, onClose: l }) {
           ] })
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Runtime:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.runtime", "Runtime:") }),
           /* @__PURE__ */ i("span", { children: [
             a.software.runtime,
             " ",
@@ -1173,7 +1260,7 @@ function me({ node: a, onSync: r, onClose: l }) {
           ] })
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Agent:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.agent", "Agent:") }),
           /* @__PURE__ */ i("span", { children: [
             a.software.agent,
             " v",
@@ -1184,23 +1271,23 @@ function me({ node: a, onSync: r, onClose: l }) {
       /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e("h4", { children: n("edgeManager.connectivity", "Connectivity") }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Cloud:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.cloud", "Cloud:") }),
           /* @__PURE__ */ i("span", { children: [
             /* @__PURE__ */ e(m, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
             " ",
-            a.connectivity.cloudConnected ? "Connected" : "Disconnected"
+            a.connectivity.cloudConnected ? n("edgeManager.connected", "Connected") : n("edgeManager.disconnected", "Disconnected")
           ] })
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Network:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.network", "Network:") }),
           /* @__PURE__ */ e("span", { children: a.connectivity.localNetwork })
         ] }),
         a.connectivity.publicIP && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Public IP:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.publicIp", "Public IP:") }),
           /* @__PURE__ */ e("span", { children: a.connectivity.publicIP })
         ] }),
         a.connectivity.lastSync && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Last Sync:" }),
+          /* @__PURE__ */ e("span", { children: n("edgeManager.lastSync", "Last Sync:") }),
           /* @__PURE__ */ e("span", { children: a.connectivity.lastSync.toLocaleString() })
         ] })
       ] }),
@@ -1254,96 +1341,96 @@ function me({ node: a, onSync: r, onClose: l }) {
           /* @__PURE__ */ i("span", { children: [
             /* @__PURE__ */ e(m, { name: "arrow-down", size: 12 }),
             " ",
-            B(a.metrics.networkIn)
+            F(a.metrics.networkIn)
           ] }),
           /* @__PURE__ */ i("span", { children: [
             /* @__PURE__ */ e(m, { name: "arrow-up", size: 12 }),
             " ",
-            B(a.metrics.networkOut)
+            F(a.metrics.networkOut)
           ] })
         ] })
       ] })
     ] })
   ] });
 }
-function pe({
+function Me({
   config: a,
   templates: r,
-  onChange: l,
+  onChange: t,
   onDeploy: n,
   onClose: c
 }) {
-  const { t } = b();
+  const { t: l } = _();
   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: t("edgeManager.deployModule", "Deploy Module") }),
-      /* @__PURE__ */ e("button", { onClick: c, "aria-label": t("edgeManager.close", "Close"), children: /* @__PURE__ */ e(m, { name: "close", size: 14 }) })
+      /* @__PURE__ */ e("h3", { children: l("edgeManager.deployModule", "Deploy Module") }),
+      /* @__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: [
-        /* @__PURE__ */ e("label", { children: "Template (optional)" }),
+        /* @__PURE__ */ e("label", { children: l("edgeManager.templateOptional", "Template (optional)") }),
         /* @__PURE__ */ i(
           "select",
           {
             value: "",
             onChange: (o) => {
               const s = r.find((h) => h.image === o.target.value);
-              s && l({
+              s && t({
                 ...a,
                 name: s.name,
                 image: s.image
               });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: "", children: t("edgeManager.selectATemplate", "Select a template...") }),
+              /* @__PURE__ */ e("option", { value: "", children: l("edgeManager.selectATemplate", "Select a template...") }),
               r.map((o) => /* @__PURE__ */ e("option", { value: o.image, children: o.name }, o.image))
             ]
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: t("edgeManager.moduleName", "Module Name") }),
+        /* @__PURE__ */ e("label", { children: l("edgeManager.moduleName", "Module Name") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.name || "",
-            onChange: (o) => l({ ...a, name: o.target.value }),
-            placeholder: t("edgeManager.eGMyModule", "e.g., my-module")
+            onChange: (o) => t({ ...a, name: o.target.value }),
+            placeholder: l("edgeManager.eGMyModule", "e.g., my-module")
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: t("edgeManager.containerImage", "Container Image") }),
+        /* @__PURE__ */ e("label", { children: l("edgeManager.containerImage", "Container Image") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.image || "",
-            onChange: (o) => l({ ...a, image: o.target.value }),
-            placeholder: t("edgeManager.eGNginxLatest", "e.g., nginx:latest")
+            onChange: (o) => t({ ...a, image: o.target.value }),
+            placeholder: l("edgeManager.eGNginxLatest", "e.g., nginx:latest")
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: t("edgeManager.version", "Version") }),
+        /* @__PURE__ */ e("label", { children: l("edgeManager.version", "Version") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.version || "1.0.0",
-            onChange: (o) => l({ ...a, version: o.target.value })
+            onChange: (o) => t({ ...a, version: o.target.value })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__dialog-footer", children: [
-      /* @__PURE__ */ e("button", { onClick: c, children: t("edgeManager.cancel", "Cancel") }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__deploy-confirm", onClick: n, children: t("edgeManager.deploy", "Deploy") })
+      /* @__PURE__ */ e("button", { onClick: c, children: l("edgeManager.cancel", "Cancel") }),
+      /* @__PURE__ */ e("button", { className: "nice-edge-manager__deploy-confirm", onClick: n, children: l("edgeManager.deploy", "Deploy") })
     ] })
   ] }) });
 }
-const F = {
+const q = {
   broker: "localhost",
   port: 1883,
   clientId: `nice2dev-${Date.now()}`,
@@ -1351,7 +1438,7 @@ const F = {
   keepAlive: 60,
   cleanSession: !0,
   topics: []
-}, q = {
+}, K = {
   host: "localhost",
   port: 5683,
   useDTLS: !1,
@@ -1370,85 +1457,85 @@ const F = {
   applicationName: "Nice2Dev IoT Client",
   nodes: []
 };
-function ye({
+function ze({
   protocol: a = "mqtt",
   config: r,
-  onSave: l,
+  onSave: t,
   onTest: n,
   className: c = ""
 }) {
-  const { t } = b(), [o, s] = g(a), [h, p] = g(
-    (r == null ? void 0 : r.type) === "mqtt" ? { ...F, ...r.config } : F
-  ), [u, H] = g(
-    (r == null ? void 0 : r.type) === "coap" ? { ...q, ...r.config } : q
-  ), [N, k] = g(
+  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
-  ), [M, w] = g(
+  ), [u, w] = g(
     (r == null ? void 0 : r.type) === "opcua" ? { ...G, ...r.config } : G
-  ), [_, V] = g(null), [y, L] = g(!1), v = f(() => {
+  ), [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 M;
+        return u;
       default:
         return h;
     }
-  }, [o, h, u, N, M]), D = f(() => {
-    l == null || l(v());
-  }, [v, l]), P = f(async () => {
+  }, [o, h, v, f, u]), H = N(() => {
+    t == null || t(M());
+  }, [M, t]), I = N(async () => {
     if (n) {
-      L(!0), V(null);
+      L(!0), D(null);
       try {
-        const T = await n(v());
-        V(T);
+        const T = await n(M());
+        D(T);
       } catch (T) {
-        V({ success: !1, message: String(T) });
+        D({ success: !1, message: String(T) });
       } finally {
         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: t("protocolConfig.title", "Protocol Configuration") }),
+      /* @__PURE__ */ e("h2", { children: l("protocolConfig.title", "Protocol Configuration") }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__protocol-selector", children: [
-        /* @__PURE__ */ e("label", { children: t("protocolConfig.protocol", "Protocol:") }),
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.protocol", "Protocol:") }),
         /* @__PURE__ */ i("select", { value: o, onChange: (T) => s(T.target.value), children: [
-          /* @__PURE__ */ e("option", { value: "mqtt", children: t("protocolConfig.mqtt", "MQTT") }),
-          /* @__PURE__ */ e("option", { value: "coap", children: t("protocolConfig.coap", "CoAP") }),
-          /* @__PURE__ */ e("option", { value: "modbus-tcp", children: t("protocolConfig.modbusTcp", "Modbus TCP") }),
-          /* @__PURE__ */ e("option", { value: "modbus-rtu", children: t("protocolConfig.modbusRtu", "Modbus RTU") }),
-          /* @__PURE__ */ e("option", { value: "opcua", children: t("protocolConfig.opcUa", "OPC-UA") })
+          /* @__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") }),
+          /* @__PURE__ */ e("option", { value: "modbus-rtu", children: l("protocolConfig.modbusRtu", "Modbus RTU") }),
+          /* @__PURE__ */ e("option", { value: "opcua", children: l("protocolConfig.opcUa", "OPC-UA") })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__content", children: [
       o === "mqtt" && /* @__PURE__ */ e(ve, { config: h, onChange: p }),
-      o === "coap" && /* @__PURE__ */ e(ue, { config: u, onChange: H }),
+      o === "coap" && /* @__PURE__ */ e(ue, { config: v, onChange: V }),
       (o === "modbus-tcp" || o === "modbus-rtu") && /* @__PURE__ */ e(
-        Me,
+        ge,
         {
-          config: N,
+          config: f,
           type: o === "modbus-rtu" ? "rtu" : "tcp",
           onChange: k
         }
       ),
-      o === "opcua" && /* @__PURE__ */ e(ge, { config: M, onChange: w })
+      o === "opcua" && /* @__PURE__ */ e(_e, { config: u, onChange: w })
     ] }),
-    _ && /* @__PURE__ */ i(
+    b && /* @__PURE__ */ i(
       "div",
       {
-        className: `nice-protocol-config__test-result nice-protocol-config__test-result--${_.success ? "success" : "error"}`,
+        className: `nice-protocol-config__test-result nice-protocol-config__test-result--${b.success ? "success" : "error"}`,
         children: [
-          /* @__PURE__ */ e(m, { name: _.success ? "check" : "close", size: 14 }),
+          /* @__PURE__ */ e(m, { name: b.success ? "check" : "close", size: 14 }),
           " ",
-          _.message
+          b.message
         ]
       }
     ),
@@ -1457,30 +1544,30 @@ function ye({
         "button",
         {
           className: "nice-protocol-config__test-btn",
-          onClick: P,
+          onClick: I,
           disabled: y || !n,
-          children: y ? t("protocolConfig.testing", "Testing...") : /* @__PURE__ */ i(A, { children: [
+          children: y ? l("protocolConfig.testing", "Testing...") : /* @__PURE__ */ i(S, { children: [
             /* @__PURE__ */ e(m, { name: "plug", size: 14 }),
             " ",
-            t("protocolConfig.testConnection", "Test Connection")
+            l("protocolConfig.testConnection", "Test Connection")
           ] })
         }
       ),
-      /* @__PURE__ */ i("button", { className: "nice-protocol-config__save-btn", onClick: D, children: [
+      /* @__PURE__ */ i("button", { className: "nice-protocol-config__save-btn", onClick: H, children: [
         /* @__PURE__ */ e(m, { name: "save", size: 14 }),
         " ",
-        t("save", "Save")
+        l("save", "Save")
       ] })
     ] })
   ] });
 }
 function ve({ config: a, onChange: r }) {
-  const { t: l } = b();
+  const { t } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: l("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: l("protocolConfig.broker", "Broker") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.broker", "Broker") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1492,7 +1579,7 @@ function ve({ config: a, onChange: r }) {
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.port", "Port") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1503,7 +1590,7 @@ function ve({ config: a, onChange: r }) {
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.clientId", "Client ID") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.clientId", "Client ID") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1522,10 +1609,10 @@ function ve({ config: a, onChange: r }) {
             onChange: (n) => r({ ...a, useTLS: n.target.checked })
           }
         ),
-        l("protocolConfig.useTls", "Use TLS")
+        t("protocolConfig.useTls", "Use TLS")
       ] }) }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.username", "Username") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.username", "Username") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1536,7 +1623,7 @@ function ve({ config: a, onChange: r }) {
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.password", "Password") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.password", "Password") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1547,7 +1634,7 @@ function ve({ config: a, onChange: r }) {
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1566,10 +1653,10 @@ function ve({ config: a, onChange: r }) {
             onChange: (n) => r({ ...a, cleanSession: n.target.checked })
           }
         ),
-        l("protocolConfig.cleanSession", "Clean Session")
+        t("protocolConfig.cleanSession", "Clean Session")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: l("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(
@@ -1577,25 +1664,25 @@ function ve({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.pattern,
-            onChange: (t) => {
+            onChange: (l) => {
               const o = [...a.topics];
-              o[c] = { ...o[c], pattern: t.target.value }, r({ ...a, topics: o });
+              o[c] = { ...o[c], pattern: l.target.value }, r({ ...a, topics: o });
             },
-            placeholder: l("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
+            placeholder: t("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
           }
         ),
         /* @__PURE__ */ i(
           "select",
           {
             value: n.qos,
-            onChange: (t) => {
+            onChange: (l) => {
               const o = [...a.topics];
-              o[c] = { ...o[c], qos: parseInt(t.target.value, 10) }, r({ ...a, topics: o });
+              o[c] = { ...o[c], qos: parseInt(l.target.value, 10) }, r({ ...a, topics: o });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: 0, children: l("protocolConfig.qos0", "QoS 0") }),
-              /* @__PURE__ */ e("option", { value: 1, children: l("protocolConfig.qos1", "QoS 1") }),
-              /* @__PURE__ */ e("option", { value: 2, children: l("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") })
             ]
           }
         ),
@@ -1603,27 +1690,27 @@ function ve({ config: a, onChange: r }) {
           "select",
           {
             value: n.direction,
-            onChange: (t) => {
+            onChange: (l) => {
               const o = [...a.topics];
               o[c] = {
                 ...o[c],
-                direction: t.target.value
+                direction: l.target.value
               }, r({ ...a, topics: o });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: "subscribe", children: l("protocolConfig.subscribe", "Subscribe") }),
-              /* @__PURE__ */ e("option", { value: "publish", children: l("protocolConfig.publish", "Publish") }),
-              /* @__PURE__ */ e("option", { value: "both", children: l("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": l("protocolConfig.close", "Close"),
+            "aria-label": t("protocolConfig.close", "Close"),
             onClick: () => {
-              const t = a.topics.filter((o, s) => s !== c);
-              r({ ...a, topics: t });
+              const l = a.topics.filter((o, s) => s !== c);
+              r({ ...a, topics: l });
             },
             children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
@@ -1644,7 +1731,7 @@ function ve({ config: a, onChange: r }) {
           children: [
             /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            l("protocolConfig.addTopic", "Add Topic")
+            t("protocolConfig.addTopic", "Add Topic")
           ]
         }
       )
@@ -1652,12 +1739,12 @@ function ve({ config: a, onChange: r }) {
   ] });
 }
 function ue({ config: a, onChange: r }) {
-  const { t: l } = b();
+  const { t } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: l("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: l("protocolConfig.host", "Host") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.host", "Host") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1668,7 +1755,7 @@ function ue({ config: a, onChange: r }) {
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.port", "Port") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -1687,7 +1774,7 @@ function ue({ config: a, onChange: r }) {
             onChange: (n) => r({ ...a, useDTLS: n.target.checked })
           }
         ),
-        l("protocolConfig.useDtls", "Use DTLS")
+        t("protocolConfig.useDtls", "Use DTLS")
       ] }) }),
       /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
         /* @__PURE__ */ e(
@@ -1698,10 +1785,10 @@ function ue({ config: a, onChange: r }) {
             onChange: (n) => r({ ...a, observe: n.target.checked })
           }
         ),
-        l("protocolConfig.enableObserve", "Enable Observe")
+        t("protocolConfig.enableObserve", "Enable Observe")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: l("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(
@@ -1709,9 +1796,9 @@ function ue({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.path,
-            onChange: (t) => {
+            onChange: (l) => {
               const o = [...a.resources];
-              o[c] = { ...o[c], path: t.target.value }, r({ ...a, resources: o });
+              o[c] = { ...o[c], path: l.target.value }, r({ ...a, resources: o });
             },
             placeholder: "/sensors/temperature"
           }
@@ -1719,10 +1806,10 @@ function ue({ config: a, onChange: r }) {
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": l("protocolConfig.close", "Close"),
+            "aria-label": t("protocolConfig.close", "Close"),
             onClick: () => {
-              const t = a.resources.filter((o, s) => s !== c);
-              r({ ...a, resources: t });
+              const l = a.resources.filter((o, s) => s !== c);
+              r({ ...a, resources: l });
             },
             children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
@@ -1743,26 +1830,26 @@ function ue({ config: a, onChange: r }) {
           children: [
             /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            l("protocolConfig.addResource", "Add Resource")
+            t("protocolConfig.addResource", "Add Resource")
           ]
         }
       )
     ] })
   ] });
 }
-function Me({
+function ge({
   config: a,
   type: r,
-  onChange: l
+  onChange: t
 }) {
-  const { t: n } = b();
+  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(r.toUpperCase())
     ) }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
-      r === "tcp" && /* @__PURE__ */ i(A, { 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(
@@ -1770,7 +1857,7 @@ function Me({
             {
               type: "text",
               value: a.host || "",
-              onChange: (c) => l({ ...a, host: c.target.value })
+              onChange: (c) => t({ ...a, host: c.target.value })
             }
           )
         ] }),
@@ -1781,12 +1868,12 @@ function Me({
             {
               type: "number",
               value: a.port || 502,
-              onChange: (c) => l({ ...a, port: parseInt(c.target.value, 10) || 502 })
+              onChange: (c) => t({ ...a, port: parseInt(c.target.value, 10) || 502 })
             }
           )
         ] })
       ] }),
-      r === "rtu" && /* @__PURE__ */ i(A, { 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(
@@ -1794,7 +1881,7 @@ function Me({
             {
               type: "text",
               value: a.serialPort || "",
-              onChange: (c) => l({ ...a, serialPort: c.target.value }),
+              onChange: (c) => t({ ...a, serialPort: c.target.value }),
               placeholder: n("protocolConfig.serialPortPlaceholder", "COM1 or /dev/ttyUSB0")
             }
           )
@@ -1805,7 +1892,7 @@ function Me({
             "select",
             {
               value: a.baudRate || 9600,
-              onChange: (c) => l({ ...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" }),
@@ -1822,7 +1909,7 @@ function Me({
             "select",
             {
               value: a.parity || "none",
-              onChange: (c) => l({ ...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") }),
@@ -1839,7 +1926,7 @@ function Me({
           {
             type: "number",
             value: a.slaveId,
-            onChange: (c) => l({ ...a, slaveId: parseInt(c.target.value, 10) || 1 }),
+            onChange: (c) => t({ ...a, slaveId: parseInt(c.target.value, 10) || 1 }),
             min: 1,
             max: 247
           }
@@ -1852,7 +1939,7 @@ function Me({
           {
             type: "number",
             value: a.timeout,
-            onChange: (c) => l({ ...a, timeout: parseInt(c.target.value, 10) || 1e3 })
+            onChange: (c) => t({ ...a, timeout: parseInt(c.target.value, 10) || 1e3 })
           }
         )
       ] })
@@ -1867,7 +1954,7 @@ function Me({
         /* @__PURE__ */ e("th", { children: n("protocolConfig.readWrite", "R/W") }),
         /* @__PURE__ */ e("th", {})
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: a.registers.map((c, t) => /* @__PURE__ */ i("tr", { children: [
+      /* @__PURE__ */ e("tbody", { children: a.registers.map((c, l) => /* @__PURE__ */ i("tr", { children: [
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
           "input",
           {
@@ -1875,7 +1962,7 @@ function Me({
             value: c.name,
             onChange: (o) => {
               const s = [...a.registers];
-              s[t] = { ...s[t], name: o.target.value }, l({ ...a, registers: s });
+              s[l] = { ...s[l], name: o.target.value }, t({ ...a, registers: s });
             }
           }
         ) }),
@@ -1886,10 +1973,10 @@ function Me({
             value: c.address,
             onChange: (o) => {
               const s = [...a.registers];
-              s[t] = {
-                ...s[t],
+              s[l] = {
+                ...s[l],
                 address: parseInt(o.target.value, 10) || 0
-              }, l({ ...a, registers: s });
+              }, t({ ...a, registers: s });
             }
           }
         ) }),
@@ -1899,10 +1986,10 @@ function Me({
             value: c.type,
             onChange: (o) => {
               const s = [...a.registers];
-              s[t] = {
-                ...s[t],
+              s[l] = {
+                ...s[l],
                 type: o.target.value
-              }, l({ ...a, registers: s });
+              }, t({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "coil", children: n("protocolConfig.coil", "Coil") }),
@@ -1918,10 +2005,10 @@ function Me({
             value: c.dataType,
             onChange: (o) => {
               const s = [...a.registers];
-              s[t] = {
-                ...s[t],
+              s[l] = {
+                ...s[l],
                 dataType: o.target.value
-              }, l({ ...a, registers: s });
+              }, t({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "bool", children: n("protocolConfig.bool", "Bool") }),
@@ -1941,7 +2028,7 @@ function Me({
               checked: c.readable,
               onChange: (o) => {
                 const s = [...a.registers];
-                s[t] = { ...s[t], readable: o.target.checked }, l({ ...a, registers: s });
+                s[l] = { ...s[l], readable: o.target.checked }, t({ ...a, registers: s });
               },
               title: n("protocolConfig.readable", "Readable")
             }
@@ -1953,7 +2040,7 @@ function Me({
               checked: c.writable,
               onChange: (o) => {
                 const s = [...a.registers];
-                s[t] = { ...s[t], writable: o.target.checked }, l({ ...a, registers: s });
+                s[l] = { ...s[l], writable: o.target.checked }, t({ ...a, registers: s });
               },
               title: n("protocolConfig.writable", "Writable")
             }
@@ -1964,19 +2051,19 @@ function Me({
           {
             "aria-label": n("protocolConfig.close", "Close"),
             onClick: () => {
-              const o = a.registers.filter((s, h) => h !== t);
-              l({ ...a, registers: o });
+              const o = a.registers.filter((s, h) => h !== l);
+              t({ ...a, registers: o });
             },
             children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         ) })
-      ] }, t)) })
+      ] }, l)) })
     ] }),
     /* @__PURE__ */ i(
       "button",
       {
         onClick: () => {
-          l({
+          t({
             ...a,
             registers: [
               ...a.registers,
@@ -2000,25 +2087,25 @@ function Me({
     )
   ] });
 }
-function ge({ config: a, onChange: r }) {
-  const { t: l } = b();
+function _e({ config: a, onChange: r }) {
+  const { t } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: l("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: l("protocolConfig.endpointUrl", "Endpoint URL") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.endpointUrl", "Endpoint URL") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.endpointUrl,
             onChange: (n) => r({ ...a, endpointUrl: n.target.value }),
-            placeholder: l("protocolConfig.endpointUrlPlaceholder", "opc.tcp://localhost:4840")
+            placeholder: t("protocolConfig.endpointUrlPlaceholder", "opc.tcp://localhost:4840")
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.securityMode", "Security Mode") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.securityMode", "Security Mode") }),
         /* @__PURE__ */ i(
           "select",
           {
@@ -2028,15 +2115,15 @@ function ge({ config: a, onChange: r }) {
               securityMode: n.target.value
             }),
             children: [
-              /* @__PURE__ */ e("option", { value: "None", children: l("protocolConfig.securityNone", "None") }),
-              /* @__PURE__ */ e("option", { value: "Sign", children: l("protocolConfig.sign", "Sign") }),
-              /* @__PURE__ */ e("option", { value: "SignAndEncrypt", children: l("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: l("protocolConfig.authentication", "Authentication") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.authentication", "Authentication") }),
         /* @__PURE__ */ i(
           "select",
           {
@@ -2046,16 +2133,16 @@ function ge({ config: a, onChange: r }) {
               authentication: n.target.value
             }),
             children: [
-              /* @__PURE__ */ e("option", { value: "anonymous", children: l("protocolConfig.anonymous", "Anonymous") }),
-              /* @__PURE__ */ e("option", { value: "username", children: l("protocolConfig.usernamePassword", "Username/Password") }),
-              /* @__PURE__ */ e("option", { value: "certificate", children: l("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(A, { children: [
+      a.authentication === "username" && /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-          /* @__PURE__ */ e("label", { children: l("protocolConfig.username", "Username") }),
+          /* @__PURE__ */ e("label", { children: t("protocolConfig.username", "Username") }),
           /* @__PURE__ */ e(
             "input",
             {
@@ -2066,7 +2153,7 @@ function ge({ config: a, onChange: r }) {
           )
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-          /* @__PURE__ */ e("label", { children: l("protocolConfig.password", "Password") }),
+          /* @__PURE__ */ e("label", { children: t("protocolConfig.password", "Password") }),
           /* @__PURE__ */ e(
             "input",
             {
@@ -2078,7 +2165,7 @@ function ge({ config: a, onChange: r }) {
         ] })
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.applicationName", "Application Name") }),
+        /* @__PURE__ */ e("label", { children: t("protocolConfig.applicationName", "Application Name") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -2089,7 +2176,7 @@ function ge({ config: a, onChange: r }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("h4", { children: l("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(
@@ -2097,11 +2184,11 @@ function ge({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.nodeId,
-            onChange: (t) => {
+            onChange: (l) => {
               const o = [...a.nodes];
-              o[c] = { ...o[c], nodeId: t.target.value }, r({ ...a, nodes: o });
+              o[c] = { ...o[c], nodeId: l.target.value }, r({ ...a, nodes: o });
             },
-            placeholder: l("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
+            placeholder: t("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
           }
         ),
         /* @__PURE__ */ e(
@@ -2109,20 +2196,20 @@ function ge({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.displayName,
-            onChange: (t) => {
+            onChange: (l) => {
               const o = [...a.nodes];
-              o[c] = { ...o[c], displayName: t.target.value }, r({ ...a, nodes: o });
+              o[c] = { ...o[c], displayName: l.target.value }, r({ ...a, nodes: o });
             },
-            placeholder: l("protocolConfig.displayNamePlaceholder", "Display Name")
+            placeholder: t("protocolConfig.displayNamePlaceholder", "Display Name")
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": l("protocolConfig.close", "Close"),
+            "aria-label": t("protocolConfig.close", "Close"),
             onClick: () => {
-              const t = a.nodes.filter((o, s) => s !== c);
-              r({ ...a, nodes: t });
+              const l = a.nodes.filter((o, s) => s !== c);
+              r({ ...a, nodes: l });
             },
             children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
@@ -2143,7 +2230,7 @@ function ge({ config: a, onChange: r }) {
           children: [
             /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            l("protocolConfig.addNode", "Add Node")
+            t("protocolConfig.addNode", "Add Node")
           ]
         }
       )
@@ -2151,7 +2238,7 @@ function ge({ config: a, onChange: r }) {
   ] });
 }
 export {
-  fe as NiceEdgeManager,
+  ye as NiceEdgeManager,
   Ne as NiceIoTDashboard,
-  ye as NiceProtocolConfig
+  ze as NiceProtocolConfig
 };