@nice2dev/ui-iot 1.2.1 → 1.2.2

package/dist/index.mjs

@@ -1,9 +1,9 @@
-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);
-  return { t: a, lang: r };
+import { jsx as e, jsxs as i, Fragment as S } from "react/jsx-runtime";
+import { useContext as U, createContext as x, useState as M, useCallback as f } from "react";
+const K = (a, o) => o, Y = /* @__PURE__ */ x(K), J = /* @__PURE__ */ x("en");
+function _() {
+  const a = U(Y), o = U(J);
+  return { t: a, lang: o };
 }
 const X = {
   // Navigation
@@ -214,7 +214,16 @@ 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"
+  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"
 }, Z = {
   xs: 12,
   sm: 16,
@@ -224,64 +233,64 @@ const X = {
 }, ee = /* @__PURE__ */ x({});
 function ae({
   path: a,
-  size: r,
-  className: l,
+  size: o,
+  className: r,
   style: n,
   color: c,
-  title: t,
-  onClick: o
+  title: l,
+  onClick: t
 }) {
   return /* @__PURE__ */ i(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: r,
-      height: r,
+      width: o,
+      height: o,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: c || "currentColor",
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: `nice-icon ${l || ""}`,
+      className: `nice-icon ${r || ""}`,
       style: n,
-      role: t ? "img" : "presentation",
-      "aria-label": t,
-      "aria-hidden": !t,
-      onClick: o,
+      role: l ? "img" : "presentation",
+      "aria-label": l,
+      "aria-hidden": !l,
+      onClick: t,
       children: [
-        t && /* @__PURE__ */ e("title", { children: t }),
+        l && /* @__PURE__ */ e("title", { children: l }),
         /* @__PURE__ */ e("path", { d: a })
       ]
     }
   );
 }
-const m = ({
+const p = ({
   name: a,
-  size: r = "md",
-  className: l,
+  size: o = "md",
+  className: r,
   style: n,
   color: c,
-  title: t,
-  onClick: o
+  title: l,
+  onClick: t
 }) => {
-  const { resolver: s } = I(ee), h = typeof r == "number" ? r : Z[r];
+  const { resolver: s } = U(ee), h = typeof o == "number" ? o : Z[o];
   if (s) {
     const u = s(a, h);
     if (u)
-      return /* @__PURE__ */ e("span", { className: `nice-icon-wrap ${l || ""}`, style: n, onClick: o, children: u });
+      return /* @__PURE__ */ e("span", { className: `nice-icon-wrap ${r || ""}`, style: n, onClick: t, children: u });
   }
-  const p = X[a];
-  return p ? /* @__PURE__ */ e(
+  const m = X[a];
+  return m ? /* @__PURE__ */ e(
     ae,
     {
-      path: p,
+      path: m,
       size: h,
-      className: l,
+      className: r,
       style: n,
       color: c,
-      title: t,
-      onClick: o
+      title: l,
+      onClick: t
     }
   ) : null;
 };
@@ -295,15 +304,15 @@ function ie() {
   const a = globalThis.crypto;
   if (typeof (a == null ? void 0 : a.randomUUID) == "function")
     return a.randomUUID();
-  const r = new Uint8Array(16);
+  const o = new Uint8Array(16);
   if (typeof (a == null ? void 0 : a.getRandomValues) == "function")
-    a.getRandomValues(r);
+    a.getRandomValues(o);
   else
-    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)}`;
+    for (let n = 0; n < o.length; n++)
+      o[n] = Math.floor(Math.random() * 256);
+  o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128;
+  const r = Array.from(o, (n) => n.toString(16).padStart(2, "0")).join("");
+  return `${r.slice(0, 8)}-${r.slice(8, 12)}-${r.slice(12, 16)}-${r.slice(16, 20)}-${r.slice(20)}`;
 }
 process.env.NODE_ENV;
 process.env.NODE_ENV;
@@ -333,34 +342,34 @@ const R = {
 ];
 function Ne({
   devices: a = [],
-  widgets: r = [],
-  alarms: l = [],
+  widgets: o = [],
+  alarms: r = [],
   onDeviceSelect: n,
   onWidgetChange: c,
-  onCommand: t,
-  onAlarmAcknowledge: o,
+  onCommand: l,
+  onAlarmAcknowledge: t,
   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: m } = _(), [u, V] = M(o), [N, k] = M(null), [g, w] = M("dashboard"), [b, D] = M(!1), [y, H] = M(""), v = f(
     (d) => {
-      H((C) => {
+      V((C) => {
         const z = d(C);
         return c == null || c(z), z;
       });
     },
     [c]
-  ), D = f(
+  ), T = f(
     (d) => {
       var z;
       const C = {
         id: ie(),
         type: d,
-        title: ((z = $.find((U) => U.type === d)) == null ? void 0 : z.label) || d,
+        title: ((z = $.find((I) => I.type === d)) == null ? void 0 : z.label) || d,
         position: { x: 0, y: ne(u), width: 4, height: 3 },
         config: {}
       };
-      v((U) => [...U, C]);
+      v((I) => [...I, C]);
     },
     [u, v]
   ), P = f(
@@ -368,44 +377,44 @@ function Ne({
       k(d), n == null || n(d);
     },
     [n]
-  ), T = f(
+  ), L = f(
     (d) => {
-      o == null || o(d);
+      t == null || t(d);
     },
-    [o]
+    [t]
   ), 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 = r.filter((d) => !d.cleared), O = A.filter(
     (d) => d.severity === "critical" || d.severity === "high"
   );
   return /* @__PURE__ */ i("div", { className: `nice-iot-dashboard ${h}`, children: [
     /* @__PURE__ */ i("header", { className: "nice-iot-dashboard__header", children: [
-      /* @__PURE__ */ e("h1", { children: p("ioTDashboard.iotDashboard", "IoT Dashboard") }),
+      /* @__PURE__ */ e("h1", { children: m("ioTDashboard.iotDashboard", "IoT Dashboard") }),
       /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__stats", children: [
         /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(m, { name: "wifi", size: 14 }) }),
-          p("ioTDashboard.devices", "{devices} Devices").replace(
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(p, { name: "wifi", size: 14 }) }),
+          m("ioTDashboard.devices", "{devices} Devices").replace(
             "{devices}",
             String(a.length)
           )
         ] }),
         /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--online", children: [
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", style: R }),
-          p("ioTDashboard.online", "{online} Online").replace(
+          m("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 }),
-          p("ioTDashboard.offline", "{offline} Offline").replace(
+          m("ioTDashboard.offline", "{offline} Offline").replace(
             "{offline}",
             String(a.filter((d) => d.status === "offline").length)
           )
         ] }),
         O.length > 0 && /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--alarms", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(m, { name: "bell", size: 14 }) }),
-          p("ioTDashboard.alarms", "{criticalAlarms} Alarms").replace(
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(p, { name: "bell", size: 14 }) }),
+          m("ioTDashboard.alarms", "{criticalAlarms} Alarms").replace(
             "{criticalAlarms}",
             String(O.length)
           )
@@ -415,48 +424,48 @@ 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 ${g === "dashboard" ? "nice-iot-dashboard__nav-button--active" : ""}`,
             onClick: () => w("dashboard"),
-            children: p("ioTDashboard.dashboard", "Dashboard")
+            children: m("ioTDashboard.dashboard", "Dashboard")
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${M === "devices" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            className: `nice-iot-dashboard__nav-button ${g === "devices" ? "nice-iot-dashboard__nav-button--active" : ""}`,
             onClick: () => w("devices"),
-            children: p("ioTDashboard.devices2", "Devices")
+            children: m("ioTDashboard.devices2", "Devices")
           }
         ),
         /* @__PURE__ */ i(
           "button",
           {
-            className: `nice-iot-dashboard__nav-button ${M === "alarms" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            className: `nice-iot-dashboard__nav-button ${g === "alarms" ? "nice-iot-dashboard__nav-button--active" : ""}`,
             onClick: () => w("alarms"),
             children: [
-              p("ioTDashboard.alarms2", "Alarms"),
+              m("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: g === "dashboard" && /* @__PURE__ */ i("button", { onClick: () => D(!b), children: [
+        /* @__PURE__ */ e(p, { name: b ? "check" : "edit", size: 14 }),
         " ",
-        _ ? "Done" : "Edit"
+        b ? m("ioTDashboard.done", "Done") : m("ioTDashboard.edit", "Edit")
       ] }) })
     ] }),
-    M === "dashboard" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__main", children: [
-      _ && /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__palette", children: [
-        /* @__PURE__ */ e("h4", { children: p("ioTDashboard.addWidget", "Add Widget") }),
+    g === "dashboard" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__main", children: [
+      b && /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__palette", children: [
+        /* @__PURE__ */ e("h4", { children: m("ioTDashboard.addWidget", "Add Widget") }),
         $.map((d) => /* @__PURE__ */ i(
           "button",
           {
             className: "nice-iot-dashboard__palette-item",
-            onClick: () => D(d.type),
+            onClick: () => T(d.type),
             children: [
-              /* @__PURE__ */ e(m, { name: d.icon, size: 16 }),
+              /* @__PURE__ */ e(p, { name: d.icon, size: 16 }),
               /* @__PURE__ */ e("span", { children: d.label })
             ]
           },
@@ -465,32 +474,35 @@ function Ne({
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__grid", children: [
         u.map((d) => /* @__PURE__ */ e(
-          le,
+          re,
           {
             widget: d,
             devices: a,
-            alarms: l,
-            isEditing: _,
-            onCommand: t,
+            alarms: r,
+            isEditing: b,
+            onCommand: l,
             onDelete: () => v((C) => C.filter((z) => z.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." })
+        u.length === 0 && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__empty", children: b ? m("ioTDashboard.addWidgetsFromThePalette", "Add widgets from the palette") : m(
+          "ioTDashboard.noWidgetsConfiguredClickEdit",
+          "No widgets configured. Click Edit to add widgets."
+        ) })
       ] })
     ] }),
-    M === "devices" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__devices", children: [
+    g === "devices" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__devices", children: [
       /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__devices-toolbar", children: /* @__PURE__ */ e(
         "input",
         {
           type: "search",
-          placeholder: p("ioTDashboard.searchDevices", "Search devices..."),
+          placeholder: m("ioTDashboard.searchDevices", "Search devices..."),
           value: y,
-          onChange: (d) => L(d.target.value)
+          onChange: (d) => H(d.target.value)
         }
       ) }),
       /* @__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,
@@ -499,24 +511,24 @@ function Ne({
         d.id
       )) }),
       N && /* @__PURE__ */ e(
-        oe,
+        te,
         {
           device: N,
-          onCommand: t,
+          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: [
+    g === "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") }),
-        /* @__PURE__ */ e("th", { children: p("ioTDashboard.message", "Message") }),
-        /* @__PURE__ */ e("th", { children: p("ioTDashboard.time", "Time") }),
-        /* @__PURE__ */ e("th", { children: p("ioTDashboard.status", "Status") }),
-        /* @__PURE__ */ e("th", { children: p("ioTDashboard.actions", "Actions") })
+        /* @__PURE__ */ e("th", { children: m("ioTDashboard.severity", "Severity") }),
+        /* @__PURE__ */ e("th", { children: m("ioTDashboard.device", "Device") }),
+        /* @__PURE__ */ e("th", { children: m("ioTDashboard.message", "Message") }),
+        /* @__PURE__ */ e("th", { children: m("ioTDashboard.time", "Time") }),
+        /* @__PURE__ */ e("th", { children: m("ioTDashboard.status", "Status") }),
+        /* @__PURE__ */ e("th", { children: m("ioTDashboard.actions", "Actions") })
       ] }) }),
-      /* @__PURE__ */ e("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) => {
+      /* @__PURE__ */ e("tbody", { children: A.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: m("ioTDashboard.noActiveAlarms", "No active alarms") }) }) : A.map((d) => {
         const C = a.find((z) => z.id === d.deviceId);
         return /* @__PURE__ */ i(
           "tr",
@@ -533,8 +545,8 @@ function Ne({
               /* @__PURE__ */ e("td", { children: (C == null ? void 0 : C.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 && /* @__PURE__ */ e("button", { onClick: () => T(d.id), children: p("ioTDashboard.acknowledge", "Acknowledge") }) })
+              /* @__PURE__ */ e("td", { children: d.acknowledged ? m("ioTDashboard.acknowledged", "Acknowledged") : m("ioTDashboard.active", "Active") }),
+              /* @__PURE__ */ e("td", { children: !d.acknowledged && /* @__PURE__ */ e("button", { onClick: () => L(d.id), children: m("ioTDashboard.acknowledge", "Acknowledge") }) })
             ]
           },
           d.id
@@ -544,7 +556,7 @@ function Ne({
   ] });
 }
 function ne(a) {
-  return a.length === 0 ? 0 : Math.max(...a.map((r) => r.position.y + r.position.height));
+  return a.length === 0 ? 0 : Math.max(...a.map((o) => o.position.y + o.position.height));
 }
 function E(a) {
   switch (a) {
@@ -562,15 +574,15 @@ function E(a) {
       return "var(--nice-text-secondary, #6c757d)";
   }
 }
-function le({
+function re({
   widget: a,
-  devices: r,
-  alarms: l,
+  devices: o,
+  alarms: r,
   isEditing: n,
   onCommand: c,
-  onDelete: t
+  onDelete: l
 }) {
-  const { t: o } = b(), s = $.find((h) => h.type === a.type);
+  const { t } = _(), s = $.find((h) => h.type === a.type);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -581,61 +593,61 @@ function le({
       },
       children: [
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__widget-header", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(m, { name: (s == null ? void 0 : s.icon) ?? "box", size: 14 }) }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(p, { name: (s == null ? void 0 : s.icon) ?? "box", size: 14 }) }),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-title", children: a.title }),
           n && /* @__PURE__ */ e(
             "button",
             {
-              "aria-label": o("ioTDashboard.close", "Close"),
+              "aria-label": t("ioTDashboard.close", "Close"),
               className: "nice-iot-dashboard__widget-delete",
-              onClick: t,
-              children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
+              onClick: l,
+              children: /* @__PURE__ */ e(p, { 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: o, alarms: r, onCommand: c }) })
       ]
     }
   );
 }
-function re({
+function oe({
   widget: a,
-  devices: r,
-  alarms: l,
+  devices: o,
+  alarms: r,
   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: o.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 t = o.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-count", children: 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: [
-        /* @__PURE__ */ e(m, { name: "bar-chart", size: 32 }),
+        /* @__PURE__ */ e(p, { name: "bar-chart", size: 32 }),
         /* @__PURE__ */ e("span", { children: c("ioTDashboard.telemetryChart", "Telemetry Chart") }),
         /* @__PURE__ */ e("small", { children: c("ioTDashboard.configureDeviceAndCapability", "Configure device and capability") })
       ] });
@@ -664,48 +676,49 @@ function re({
       ] }) });
     case "map":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__map-placeholder", children: [
-        /* @__PURE__ */ e(m, { name: "map-pin", size: 32 }),
+        /* @__PURE__ */ e(p, { 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(o.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 = r.filter((t) => !t.cleared).slice(0, 5);
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: l.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: c("ioTDashboard.noActiveAlarms", "No active alarms") }) : l.map((t) => /* @__PURE__ */ i(
         "div",
         {
-          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${o.severity}`,
+          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${t.severity}`,
           children: [
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: o.severity }),
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: o.message })
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: t.severity }),
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: t.message })
           ]
         },
-        o.id
+        t.id
       )) });
     }
     case "control-panel":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__control-placeholder", children: [
-        /* @__PURE__ */ e(m, { name: "settings", size: 32 }),
+        /* @__PURE__ */ e(p, { name: "settings", size: 32 }),
         /* @__PURE__ */ e("span", { children: c("ioTDashboard.controlPanel", "Control Panel") }),
         /* @__PURE__ */ e("small", { children: c("ioTDashboard.configureDeviceControls", "Configure device controls") })
       ] });
     case "kpi":
       return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__kpi", children: [
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: r.length }),
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: o.length }),
         /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-label", children: c("ioTDashboard.totalDevices", "Total Devices") })
       ] });
     default:
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
   }
 }
-function te({ device: a, isSelected: r, onSelect: l }) {
+function le({ device: a, isSelected: o, onSelect: r }) {
+  const { t: n } = _();
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-iot-dashboard__device-card ${r ? "nice-iot-dashboard__device-card--selected" : ""}`,
-      onClick: l,
+      className: `nice-iot-dashboard__device-card ${o ? "nice-iot-dashboard__device-card--selected" : ""}`,
+      onClick: r,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-header", children: [
           /* @__PURE__ */ e(
@@ -719,21 +732,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 +754,22 @@ function te({ device: a, isSelected: r, onSelect: l }) {
     }
   );
 }
-function oe({
+function te({
   device: a,
-  onCommand: r,
-  onClose: l
+  onCommand: o,
+  onClose: r
 }) {
-  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: r, children: /* @__PURE__ */ e(p, { 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 +780,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 +802,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 })
         ] })
       ] }),
@@ -805,11 +815,11 @@ function oe({
         /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__capabilities-list", children: a.capabilities.map((c) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__capability-item", children: [
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-name", children: c.name }),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-type", children: c.type }),
-          c.writable && r && /* @__PURE__ */ e(
+          c.writable && o && /* @__PURE__ */ e(
             "button",
             {
               className: "nice-iot-dashboard__capability-control",
-              onClick: () => r(a.id, c.id, !0),
+              onClick: () => o(a.id, c.id, !0),
               children: n("ioTDashboard.control", "Control")
             }
           )
@@ -828,53 +838,49 @@ const ce = [
 ];
 function fe({
   nodes: a = [],
-  modules: r = [],
-  onNodeSelect: l,
+  modules: o = [],
+  onNodeSelect: r,
   onModuleDeploy: n,
   onModuleAction: c,
-  onNodeSync: t,
-  className: o = ""
+  onNodeSync: l,
+  className: t = ""
 }) {
-  const { t: s } = b(), [h, p] = g(null), [u, H] = g("nodes"), [N, k] = g(!1), [M, w] = g({
+  const { t: s } = _(), [h, m] = M(null), [u, V] = M("nodes"), [N, k] = M(!1), [g, w] = M({
     name: "",
     image: "",
     status: "pending"
-  }), _ = f(
+  }), b = f(
     (v) => {
-      p(v), l == null || l(v);
+      m(v), r == null || r(v);
     },
-    [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));
+    [r]
+  ), D = f(async () => {
+    !h || !g.name || !g.image || (await (n == null ? void 0 : n(h.id, g)), k(!1), w({ name: "", image: "", status: "pending" }));
+  }, [h, g, n]), y = f(
+    async (v, T) => {
+      h && await (c == null ? void 0 : c(h.id, v, T));
     },
     [h, c]
-  ), L = f(async () => {
-    h && await (t == null ? void 0 : t(h.id));
-  }, [h, t]);
-  return /* @__PURE__ */ i("div", { className: `nice-edge-manager ${o}`, children: [
+  ), H = f(async () => {
+    h && await (l == null ? void 0 : l(h.id));
+  }, [h, l]);
+  return /* @__PURE__ */ i("div", { className: `nice-edge-manager ${t}`, 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,
-              ")"
-            ]
+            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"),
+            onClick: () => V("modules"),
             children: s("edgeManager.modules", "Modules")
           }
         )
@@ -887,7 +893,7 @@ function fe({
           {
             node: v,
             isSelected: (h == null ? void 0 : h.id) === v.id,
-            onSelect: () => _(v)
+            onSelect: () => b(v)
           },
           v.id
         )),
@@ -904,7 +910,7 @@ function fe({
             {
               className: "nice-edge-manager__deploy-btn",
               onClick: () => k(!0),
-              children: "+ Deploy Module"
+              children: s("edgeManager.deployModule2", "+ Deploy Module")
             }
           )
         ] }),
@@ -913,7 +919,7 @@ function fe({
             he,
             {
               module: v,
-              onAction: (D) => y(v.id, D)
+              onAction: (T) => y(v.id, T)
             },
             v.id
           )),
@@ -928,18 +934,18 @@ function fe({
         me,
         {
           node: h,
-          onSync: L,
-          onClose: () => p(null)
+          onSync: H,
+          onClose: () => m(null)
         }
       )
     ] }),
     N && /* @__PURE__ */ e(
       pe,
       {
-        config: M,
+        config: g,
         templates: ce,
         onChange: w,
-        onDeploy: V,
+        onDeploy: D,
         onClose: () => k(!1)
       }
     )
@@ -965,15 +971,16 @@ function B(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`;
+  const o = Math.floor(a / 86400), r = Math.floor(a % 86400 / 3600), n = Math.floor(a % 3600 / 60);
+  return o > 0 ? `${o}d ${r}h` : r > 0 ? `${r}h ${n}m` : `${n}m`;
 }
-function de({ node: a, isSelected: r, onSelect: l }) {
+function de({ node: a, isSelected: o, onSelect: r }) {
+  const { t: n } = _();
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-edge-manager__node-card ${r ? "nice-edge-manager__node-card--selected" : ""}`,
-      onClick: l,
+      className: `nice-edge-manager__node-card ${o ? "nice-edge-manager__node-card--selected" : ""}`,
+      onClick: r,
       children: [
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-header", children: [
           /* @__PURE__ */ e(
@@ -989,18 +996,18 @@ function de({ node: a, isSelected: r, onSelect: l }) {
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-body", children: [
           /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-info", children: [
             /* @__PURE__ */ i("span", { children: [
-              /* @__PURE__ */ e(m, { name: "server", size: 12 }),
+              /* @__PURE__ */ e(p, { name: "server", size: 12 }),
               " ",
               a.hardware.cpu
             ] }),
             /* @__PURE__ */ i("span", { children: [
-              /* @__PURE__ */ e(m, { name: "database", size: 12 }),
+              /* @__PURE__ */ e(p, { name: "database", size: 12 }),
               " ",
               (a.hardware.memoryMB / 1024).toFixed(1),
               " 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 +1023,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 +1037,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 he({ module: a, onAction: o }) {
+  const { t: r } = _();
   return /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-card", children: [
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-header", children: [
       /* @__PURE__ */ e(
@@ -1066,50 +1073,49 @@ 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: r("edgeManager.cpu", "CPU: {cpuLimit}").replace(
+          "{cpuLimit}",
+          String(a.resources.cpuLimit)
+        ) }),
+        a.resources.memoryLimitMB && /* @__PURE__ */ e("span", { children: r("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: r("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: () => o("stop"), children: r("edgeManager.stop", "Stop") }),
+        /* @__PURE__ */ e("button", { onClick: () => o("restart"), children: r("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: () => o("start"), children: r("edgeManager.start", "Start") }),
+      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => o("remove"), children: r("edgeManager.remove", "Remove") })
     ] })
   ] });
 }
-function me({ node: a, onSync: r, onClose: l }) {
-  const { t: n } = b();
+function me({ node: a, onSync: o, onClose: r }) {
+  const { t: n } = _();
   return /* @__PURE__ */ i("aside", { className: "nice-edge-manager__detail", children: [
     /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-header", children: [
       /* @__PURE__ */ e("h3", { children: a.name }),
       /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-actions", children: [
-        /* @__PURE__ */ i("button", { onClick: r, children: [
-          /* @__PURE__ */ e(m, { name: "refresh", size: 14 }),
+        /* @__PURE__ */ i("button", { onClick: o, children: [
+          /* @__PURE__ */ e(p, { name: "refresh", size: 14 }),
           " ",
           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: r, "aria-label": n("edgeManager.close", "Close"), children: /* @__PURE__ */ e(p, { 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 +1126,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: n("edgeManager.uptime", "Uptime:") }),
           /* @__PURE__ */ e("span", { children: se(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 +1166,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 +1174,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 +1185,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 }),
+            /* @__PURE__ */ e(p, { 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() })
         ] })
       ] }),
@@ -1252,12 +1253,12 @@ function me({ node: a, onSync: r, onClose: l }) {
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-edge-manager__network-stats", children: [
           /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e(m, { name: "arrow-down", size: 12 }),
+            /* @__PURE__ */ e(p, { name: "arrow-down", size: 12 }),
             " ",
             B(a.metrics.networkIn)
           ] }),
           /* @__PURE__ */ i("span", { children: [
-            /* @__PURE__ */ e(m, { name: "arrow-up", size: 12 }),
+            /* @__PURE__ */ e(p, { name: "arrow-up", size: 12 }),
             " ",
             B(a.metrics.networkOut)
           ] })
@@ -1268,78 +1269,78 @@ function me({ node: a, onSync: r, onClose: l }) {
 }
 function pe({
   config: a,
-  templates: r,
-  onChange: l,
+  templates: o,
+  onChange: r,
   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(p, { 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({
+            onChange: (t) => {
+              const s = o.find((h) => h.image === t.target.value);
+              s && r({
                 ...a,
                 name: s.name,
                 image: s.image
               });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: "", children: t("edgeManager.selectATemplate", "Select a template...") }),
-              r.map((o) => /* @__PURE__ */ e("option", { value: o.image, children: o.name }, o.image))
+              /* @__PURE__ */ e("option", { value: "", children: l("edgeManager.selectATemplate", "Select a template...") }),
+              o.map((t) => /* @__PURE__ */ e("option", { value: t.image, children: t.name }, t.image))
             ]
           }
         )
       ] }),
       /* @__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: (t) => r({ ...a, name: t.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: (t) => r({ ...a, image: t.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: (t) => r({ ...a, version: t.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") })
     ] })
   ] }) });
 }
@@ -1372,21 +1373,21 @@ const F = {
 };
 function ye({
   protocol: a = "mqtt",
-  config: r,
-  onSave: l,
+  config: o,
+  onSave: r,
   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(
-    (r == null ? void 0 : r.type) === "modbus" ? { ...W, ...r.config } : W
-  ), [M, w] = g(
-    (r == null ? void 0 : r.type) === "opcua" ? { ...G, ...r.config } : G
-  ), [_, V] = g(null), [y, L] = g(!1), v = f(() => {
-    switch (o) {
+  const { t: l } = _(), [t, s] = M(a), [h, m] = M(
+    (o == null ? void 0 : o.type) === "mqtt" ? { ...F, ...o.config } : F
+  ), [u, V] = M(
+    (o == null ? void 0 : o.type) === "coap" ? { ...q, ...o.config } : q
+  ), [N, k] = M(
+    (o == null ? void 0 : o.type) === "modbus" ? { ...W, ...o.config } : W
+  ), [g, w] = M(
+    (o == null ? void 0 : o.type) === "opcua" ? { ...G, ...o.config } : G
+  ), [b, D] = M(null), [y, H] = M(!1), v = f(() => {
+    switch (t) {
       case "mqtt":
         return h;
       case "coap":
@@ -1395,60 +1396,60 @@ function ye({
       case "modbus-rtu":
         return N;
       case "opcua":
-        return M;
+        return g;
       default:
         return h;
     }
-  }, [o, h, u, N, M]), D = f(() => {
-    l == null || l(v());
-  }, [v, l]), P = f(async () => {
+  }, [t, h, u, N, g]), T = f(() => {
+    r == null || r(v());
+  }, [v, r]), P = f(async () => {
     if (n) {
-      L(!0), V(null);
+      H(!0), D(null);
       try {
-        const T = await n(v());
-        V(T);
-      } catch (T) {
-        V({ success: !1, message: String(T) });
+        const L = await n(v());
+        D(L);
+      } catch (L) {
+        D({ success: !1, message: String(L) });
       } finally {
-        L(!1);
+        H(!1);
       }
     }
   }, [v, 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__ */ 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("label", { children: l("protocolConfig.protocol", "Protocol:") }),
+        /* @__PURE__ */ i("select", { value: t, onChange: (L) => s(L.target.value), children: [
+          /* @__PURE__ */ e("option", { value: "mqtt", children: l("protocolConfig.mqtt", "MQTT") }),
+          /* @__PURE__ */ e("option", { value: "coap", children: l("protocolConfig.coap", "CoAP") }),
+          /* @__PURE__ */ e("option", { value: "modbus-tcp", children: l("protocolConfig.modbusTcp", "Modbus TCP") }),
+          /* @__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 === "modbus-tcp" || o === "modbus-rtu") && /* @__PURE__ */ e(
-        Me,
+      t === "mqtt" && /* @__PURE__ */ e(ve, { config: h, onChange: m }),
+      t === "coap" && /* @__PURE__ */ e(ue, { config: u, onChange: V }),
+      (t === "modbus-tcp" || t === "modbus-rtu") && /* @__PURE__ */ e(
+        ge,
         {
           config: N,
-          type: o === "modbus-rtu" ? "rtu" : "tcp",
+          type: t === "modbus-rtu" ? "rtu" : "tcp",
           onChange: k
         }
       ),
-      o === "opcua" && /* @__PURE__ */ e(ge, { config: M, onChange: w })
+      t === "opcua" && /* @__PURE__ */ e(Me, { config: g, 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(p, { name: b.success ? "check" : "close", size: 14 }),
           " ",
-          _.message
+          b.message
         ]
       }
     ),
@@ -1459,57 +1460,57 @@ function ye({
           className: "nice-protocol-config__test-btn",
           onClick: P,
           disabled: y || !n,
-          children: y ? t("protocolConfig.testing", "Testing...") : /* @__PURE__ */ i(A, { children: [
-            /* @__PURE__ */ e(m, { name: "plug", size: 14 }),
+          children: y ? l("protocolConfig.testing", "Testing...") : /* @__PURE__ */ i(S, { children: [
+            /* @__PURE__ */ e(p, { 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__ */ e(m, { name: "save", size: 14 }),
+      /* @__PURE__ */ i("button", { className: "nice-protocol-config__save-btn", onClick: T, children: [
+        /* @__PURE__ */ e(p, { name: "save", size: 14 }),
         " ",
-        t("save", "Save")
+        l("save", "Save")
       ] })
     ] })
   ] });
 }
-function ve({ config: a, onChange: r }) {
-  const { t: l } = b();
+function ve({ config: a, onChange: o }) {
+  const { t: r } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: l("protocolConfig.mqttConfiguration", "MQTT Configuration") }),
+    /* @__PURE__ */ e("h3", { children: r("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: r("protocolConfig.broker", "Broker") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.broker,
-            onChange: (n) => r({ ...a, broker: n.target.value }),
+            onChange: (n) => o({ ...a, broker: n.target.value }),
             placeholder: "localhost"
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.port", "Port") }),
+        /* @__PURE__ */ e("label", { children: r("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.port,
-            onChange: (n) => r({ ...a, port: parseInt(n.target.value, 10) || 1883 })
+            onChange: (n) => o({ ...a, port: parseInt(n.target.value, 10) || 1883 })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.clientId", "Client ID") }),
+        /* @__PURE__ */ e("label", { children: r("protocolConfig.clientId", "Client ID") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.clientId,
-            onChange: (n) => r({ ...a, clientId: n.target.value })
+            onChange: (n) => o({ ...a, clientId: n.target.value })
           }
         )
       ] }),
@@ -1519,41 +1520,41 @@ function ve({ config: a, onChange: r }) {
           {
             type: "checkbox",
             checked: a.useTLS,
-            onChange: (n) => r({ ...a, useTLS: n.target.checked })
+            onChange: (n) => o({ ...a, useTLS: n.target.checked })
           }
         ),
-        l("protocolConfig.useTls", "Use TLS")
+        r("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: r("protocolConfig.username", "Username") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.username || "",
-            onChange: (n) => r({ ...a, username: n.target.value })
+            onChange: (n) => o({ ...a, username: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.password", "Password") }),
+        /* @__PURE__ */ e("label", { children: r("protocolConfig.password", "Password") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "password",
             value: a.password || "",
-            onChange: (n) => r({ ...a, password: n.target.value })
+            onChange: (n) => o({ ...a, password: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
+        /* @__PURE__ */ e("label", { children: r("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.keepAlive,
-            onChange: (n) => r({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
+            onChange: (n) => o({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
           }
         )
       ] }),
@@ -1563,13 +1564,13 @@ function ve({ config: a, onChange: r }) {
           {
             type: "checkbox",
             checked: a.cleanSession,
-            onChange: (n) => r({ ...a, cleanSession: n.target.checked })
+            onChange: (n) => o({ ...a, cleanSession: n.target.checked })
           }
         ),
-        l("protocolConfig.cleanSession", "Clean Session")
+        r("protocolConfig.cleanSession", "Clean Session")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: l("protocolConfig.topics", "Topics") }),
+    /* @__PURE__ */ e("h4", { children: r("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 +1578,25 @@ function ve({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.pattern,
-            onChange: (t) => {
-              const o = [...a.topics];
-              o[c] = { ...o[c], pattern: t.target.value }, r({ ...a, topics: o });
+            onChange: (l) => {
+              const t = [...a.topics];
+              t[c] = { ...t[c], pattern: l.target.value }, o({ ...a, topics: t });
             },
-            placeholder: l("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
+            placeholder: r("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
           }
         ),
         /* @__PURE__ */ i(
           "select",
           {
             value: n.qos,
-            onChange: (t) => {
-              const o = [...a.topics];
-              o[c] = { ...o[c], qos: parseInt(t.target.value, 10) }, r({ ...a, topics: o });
+            onChange: (l) => {
+              const t = [...a.topics];
+              t[c] = { ...t[c], qos: parseInt(l.target.value, 10) }, o({ ...a, topics: t });
             },
             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: r("protocolConfig.qos0", "QoS 0") }),
+              /* @__PURE__ */ e("option", { value: 1, children: r("protocolConfig.qos1", "QoS 1") }),
+              /* @__PURE__ */ e("option", { value: 2, children: r("protocolConfig.qos2", "QoS 2") })
             ]
           }
         ),
@@ -1603,29 +1604,29 @@ function ve({ config: a, onChange: r }) {
           "select",
           {
             value: n.direction,
-            onChange: (t) => {
-              const o = [...a.topics];
-              o[c] = {
-                ...o[c],
-                direction: t.target.value
-              }, r({ ...a, topics: o });
+            onChange: (l) => {
+              const t = [...a.topics];
+              t[c] = {
+                ...t[c],
+                direction: l.target.value
+              }, o({ ...a, topics: t });
             },
             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: r("protocolConfig.subscribe", "Subscribe") }),
+              /* @__PURE__ */ e("option", { value: "publish", children: r("protocolConfig.publish", "Publish") }),
+              /* @__PURE__ */ e("option", { value: "both", children: r("protocolConfig.both", "Both") })
             ]
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": l("protocolConfig.close", "Close"),
+            "aria-label": r("protocolConfig.close", "Close"),
             onClick: () => {
-              const t = a.topics.filter((o, s) => s !== c);
-              r({ ...a, topics: t });
+              const l = a.topics.filter((t, s) => s !== c);
+              o({ ...a, topics: l });
             },
-            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
           }
         )
       ] }, c)),
@@ -1633,7 +1634,7 @@ function ve({ config: a, onChange: r }) {
         "button",
         {
           onClick: () => {
-            r({
+            o({
               ...a,
               topics: [
                 ...a.topics,
@@ -1642,39 +1643,39 @@ function ve({ config: a, onChange: r }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
             " ",
-            l("protocolConfig.addTopic", "Add Topic")
+            r("protocolConfig.addTopic", "Add Topic")
           ]
         }
       )
     ] })
   ] });
 }
-function ue({ config: a, onChange: r }) {
-  const { t: l } = b();
+function ue({ config: a, onChange: o }) {
+  const { t: r } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: l("protocolConfig.coapConfiguration", "CoAP Configuration") }),
+    /* @__PURE__ */ e("h3", { children: r("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: r("protocolConfig.host", "Host") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.host,
-            onChange: (n) => r({ ...a, host: n.target.value })
+            onChange: (n) => o({ ...a, host: n.target.value })
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.port", "Port") }),
+        /* @__PURE__ */ e("label", { children: r("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.port,
-            onChange: (n) => r({ ...a, port: parseInt(n.target.value, 10) || 5683 })
+            onChange: (n) => o({ ...a, port: parseInt(n.target.value, 10) || 5683 })
           }
         )
       ] }),
@@ -1684,10 +1685,10 @@ function ue({ config: a, onChange: r }) {
           {
             type: "checkbox",
             checked: a.useDTLS,
-            onChange: (n) => r({ ...a, useDTLS: n.target.checked })
+            onChange: (n) => o({ ...a, useDTLS: n.target.checked })
           }
         ),
-        l("protocolConfig.useDtls", "Use DTLS")
+        r("protocolConfig.useDtls", "Use DTLS")
       ] }) }),
       /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
         /* @__PURE__ */ e(
@@ -1695,13 +1696,13 @@ function ue({ config: a, onChange: r }) {
           {
             type: "checkbox",
             checked: a.observe || !1,
-            onChange: (n) => r({ ...a, observe: n.target.checked })
+            onChange: (n) => o({ ...a, observe: n.target.checked })
           }
         ),
-        l("protocolConfig.enableObserve", "Enable Observe")
+        r("protocolConfig.enableObserve", "Enable Observe")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: l("protocolConfig.resources", "Resources") }),
+    /* @__PURE__ */ e("h4", { children: r("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 +1710,9 @@ function ue({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.path,
-            onChange: (t) => {
-              const o = [...a.resources];
-              o[c] = { ...o[c], path: t.target.value }, r({ ...a, resources: o });
+            onChange: (l) => {
+              const t = [...a.resources];
+              t[c] = { ...t[c], path: l.target.value }, o({ ...a, resources: t });
             },
             placeholder: "/sensors/temperature"
           }
@@ -1719,12 +1720,12 @@ function ue({ config: a, onChange: r }) {
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": l("protocolConfig.close", "Close"),
+            "aria-label": r("protocolConfig.close", "Close"),
             onClick: () => {
-              const t = a.resources.filter((o, s) => s !== c);
-              r({ ...a, resources: t });
+              const l = a.resources.filter((t, s) => s !== c);
+              o({ ...a, resources: l });
             },
-            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
           }
         )
       ] }, c)),
@@ -1732,7 +1733,7 @@ function ue({ config: a, onChange: r }) {
         "button",
         {
           onClick: () => {
-            r({
+            o({
               ...a,
               resources: [
                 ...a.resources,
@@ -1741,28 +1742,28 @@ function ue({ config: a, onChange: r }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
             " ",
-            l("protocolConfig.addResource", "Add Resource")
+            r("protocolConfig.addResource", "Add Resource")
           ]
         }
       )
     ] })
   ] });
 }
-function Me({
+function ge({
   config: a,
-  type: r,
-  onChange: l
+  type: o,
+  onChange: r
 }) {
-  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())
+      String(o.toUpperCase())
     ) }),
     /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
-      r === "tcp" && /* @__PURE__ */ i(A, { children: [
+      o === "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 +1771,7 @@ function Me({
             {
               type: "text",
               value: a.host || "",
-              onChange: (c) => l({ ...a, host: c.target.value })
+              onChange: (c) => r({ ...a, host: c.target.value })
             }
           )
         ] }),
@@ -1781,12 +1782,12 @@ function Me({
             {
               type: "number",
               value: a.port || 502,
-              onChange: (c) => l({ ...a, port: parseInt(c.target.value, 10) || 502 })
+              onChange: (c) => r({ ...a, port: parseInt(c.target.value, 10) || 502 })
             }
           )
         ] })
       ] }),
-      r === "rtu" && /* @__PURE__ */ i(A, { children: [
+      o === "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 +1795,7 @@ function Me({
             {
               type: "text",
               value: a.serialPort || "",
-              onChange: (c) => l({ ...a, serialPort: c.target.value }),
+              onChange: (c) => r({ ...a, serialPort: c.target.value }),
               placeholder: n("protocolConfig.serialPortPlaceholder", "COM1 or /dev/ttyUSB0")
             }
           )
@@ -1805,7 +1806,7 @@ function Me({
             "select",
             {
               value: a.baudRate || 9600,
-              onChange: (c) => l({ ...a, baudRate: parseInt(c.target.value, 10) }),
+              onChange: (c) => r({ ...a, baudRate: parseInt(c.target.value, 10) }),
               children: [
                 /* @__PURE__ */ e("option", { value: 9600, children: "9600" }),
                 /* @__PURE__ */ e("option", { value: 19200, children: "19200" }),
@@ -1822,7 +1823,7 @@ function Me({
             "select",
             {
               value: a.parity || "none",
-              onChange: (c) => l({ ...a, parity: c.target.value }),
+              onChange: (c) => r({ ...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 +1840,7 @@ function Me({
           {
             type: "number",
             value: a.slaveId,
-            onChange: (c) => l({ ...a, slaveId: parseInt(c.target.value, 10) || 1 }),
+            onChange: (c) => r({ ...a, slaveId: parseInt(c.target.value, 10) || 1 }),
             min: 1,
             max: 247
           }
@@ -1852,7 +1853,7 @@ function Me({
           {
             type: "number",
             value: a.timeout,
-            onChange: (c) => l({ ...a, timeout: parseInt(c.target.value, 10) || 1e3 })
+            onChange: (c) => r({ ...a, timeout: parseInt(c.target.value, 10) || 1e3 })
           }
         )
       ] })
@@ -1867,15 +1868,15 @@ 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",
           {
             type: "text",
             value: c.name,
-            onChange: (o) => {
+            onChange: (t) => {
               const s = [...a.registers];
-              s[t] = { ...s[t], name: o.target.value }, l({ ...a, registers: s });
+              s[l] = { ...s[l], name: t.target.value }, r({ ...a, registers: s });
             }
           }
         ) }),
@@ -1884,12 +1885,12 @@ function Me({
           {
             type: "number",
             value: c.address,
-            onChange: (o) => {
+            onChange: (t) => {
               const s = [...a.registers];
-              s[t] = {
-                ...s[t],
-                address: parseInt(o.target.value, 10) || 0
-              }, l({ ...a, registers: s });
+              s[l] = {
+                ...s[l],
+                address: parseInt(t.target.value, 10) || 0
+              }, r({ ...a, registers: s });
             }
           }
         ) }),
@@ -1897,12 +1898,12 @@ function Me({
           "select",
           {
             value: c.type,
-            onChange: (o) => {
+            onChange: (t) => {
               const s = [...a.registers];
-              s[t] = {
-                ...s[t],
-                type: o.target.value
-              }, l({ ...a, registers: s });
+              s[l] = {
+                ...s[l],
+                type: t.target.value
+              }, r({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "coil", children: n("protocolConfig.coil", "Coil") }),
@@ -1916,12 +1917,12 @@ function Me({
           "select",
           {
             value: c.dataType,
-            onChange: (o) => {
+            onChange: (t) => {
               const s = [...a.registers];
-              s[t] = {
-                ...s[t],
-                dataType: o.target.value
-              }, l({ ...a, registers: s });
+              s[l] = {
+                ...s[l],
+                dataType: t.target.value
+              }, r({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "bool", children: n("protocolConfig.bool", "Bool") }),
@@ -1939,9 +1940,9 @@ function Me({
             {
               type: "checkbox",
               checked: c.readable,
-              onChange: (o) => {
+              onChange: (t) => {
                 const s = [...a.registers];
-                s[t] = { ...s[t], readable: o.target.checked }, l({ ...a, registers: s });
+                s[l] = { ...s[l], readable: t.target.checked }, r({ ...a, registers: s });
               },
               title: n("protocolConfig.readable", "Readable")
             }
@@ -1951,9 +1952,9 @@ function Me({
             {
               type: "checkbox",
               checked: c.writable,
-              onChange: (o) => {
+              onChange: (t) => {
                 const s = [...a.registers];
-                s[t] = { ...s[t], writable: o.target.checked }, l({ ...a, registers: s });
+                s[l] = { ...s[l], writable: t.target.checked }, r({ ...a, registers: s });
               },
               title: n("protocolConfig.writable", "Writable")
             }
@@ -1964,19 +1965,19 @@ function Me({
           {
             "aria-label": n("protocolConfig.close", "Close"),
             onClick: () => {
-              const o = a.registers.filter((s, h) => h !== t);
-              l({ ...a, registers: o });
+              const t = a.registers.filter((s, h) => h !== l);
+              r({ ...a, registers: t });
             },
-            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
           }
         ) })
-      ] }, t)) })
+      ] }, l)) })
     ] }),
     /* @__PURE__ */ i(
       "button",
       {
         onClick: () => {
-          l({
+          r({
             ...a,
             registers: [
               ...a.registers,
@@ -1992,7 +1993,7 @@ function Me({
           });
         },
         children: [
-          /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
+          /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
           " ",
           n("protocolConfig.addRegister", "Add Register")
         ]
@@ -2000,96 +2001,96 @@ function Me({
     )
   ] });
 }
-function ge({ config: a, onChange: r }) {
-  const { t: l } = b();
+function Me({ config: a, onChange: o }) {
+  const { t: r } = _();
   return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: l("protocolConfig.opcUaConfiguration", "OPC-UA Configuration") }),
+    /* @__PURE__ */ e("h3", { children: r("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: r("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")
+            onChange: (n) => o({ ...a, endpointUrl: n.target.value }),
+            placeholder: r("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: r("protocolConfig.securityMode", "Security Mode") }),
         /* @__PURE__ */ i(
           "select",
           {
             value: a.securityMode,
-            onChange: (n) => r({
+            onChange: (n) => o({
               ...a,
               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: r("protocolConfig.securityNone", "None") }),
+              /* @__PURE__ */ e("option", { value: "Sign", children: r("protocolConfig.sign", "Sign") }),
+              /* @__PURE__ */ e("option", { value: "SignAndEncrypt", children: r("protocolConfig.signAndEncrypt", "Sign and Encrypt") })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: l("protocolConfig.authentication", "Authentication") }),
+        /* @__PURE__ */ e("label", { children: r("protocolConfig.authentication", "Authentication") }),
         /* @__PURE__ */ i(
           "select",
           {
             value: a.authentication,
-            onChange: (n) => r({
+            onChange: (n) => o({
               ...a,
               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: r("protocolConfig.anonymous", "Anonymous") }),
+              /* @__PURE__ */ e("option", { value: "username", children: r("protocolConfig.usernamePassword", "Username/Password") }),
+              /* @__PURE__ */ e("option", { value: "certificate", children: r("protocolConfig.certificate", "Certificate") })
             ]
           }
         )
       ] }),
-      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: r("protocolConfig.username", "Username") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               value: a.username || "",
-              onChange: (n) => r({ ...a, username: n.target.value })
+              onChange: (n) => o({ ...a, username: n.target.value })
             }
           )
         ] }),
         /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
-          /* @__PURE__ */ e("label", { children: l("protocolConfig.password", "Password") }),
+          /* @__PURE__ */ e("label", { children: r("protocolConfig.password", "Password") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "password",
               value: a.password || "",
-              onChange: (n) => r({ ...a, password: n.target.value })
+              onChange: (n) => o({ ...a, password: n.target.value })
             }
           )
         ] })
       ] }),
       /* @__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: r("protocolConfig.applicationName", "Application Name") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.applicationName,
-            onChange: (n) => r({ ...a, applicationName: n.target.value })
+            onChange: (n) => o({ ...a, applicationName: n.target.value })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("h4", { children: l("protocolConfig.nodes", "Nodes") }),
+    /* @__PURE__ */ e("h4", { children: r("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 +2098,11 @@ function ge({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.nodeId,
-            onChange: (t) => {
-              const o = [...a.nodes];
-              o[c] = { ...o[c], nodeId: t.target.value }, r({ ...a, nodes: o });
+            onChange: (l) => {
+              const t = [...a.nodes];
+              t[c] = { ...t[c], nodeId: l.target.value }, o({ ...a, nodes: t });
             },
-            placeholder: l("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
+            placeholder: r("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
           }
         ),
         /* @__PURE__ */ e(
@@ -2109,22 +2110,22 @@ function ge({ config: a, onChange: r }) {
           {
             type: "text",
             value: n.displayName,
-            onChange: (t) => {
-              const o = [...a.nodes];
-              o[c] = { ...o[c], displayName: t.target.value }, r({ ...a, nodes: o });
+            onChange: (l) => {
+              const t = [...a.nodes];
+              t[c] = { ...t[c], displayName: l.target.value }, o({ ...a, nodes: t });
             },
-            placeholder: l("protocolConfig.displayNamePlaceholder", "Display Name")
+            placeholder: r("protocolConfig.displayNamePlaceholder", "Display Name")
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            "aria-label": l("protocolConfig.close", "Close"),
+            "aria-label": r("protocolConfig.close", "Close"),
             onClick: () => {
-              const t = a.nodes.filter((o, s) => s !== c);
-              r({ ...a, nodes: t });
+              const l = a.nodes.filter((t, s) => s !== c);
+              o({ ...a, nodes: l });
             },
-            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
+            children: /* @__PURE__ */ e(p, { name: "close", size: 14 })
           }
         )
       ] }, c)),
@@ -2132,7 +2133,7 @@ function ge({ config: a, onChange: r }) {
         "button",
         {
           onClick: () => {
-            r({
+            o({
               ...a,
               nodes: [
                 ...a.nodes,
@@ -2141,9 +2142,9 @@ function ge({ config: a, onChange: r }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
             " ",
-            l("protocolConfig.addNode", "Add Node")
+            r("protocolConfig.addNode", "Add Node")
           ]
         }
       )