@nice2dev/ui-iot 1.1.10 → 1.2.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
-import { useContext as B, createContext as M, memo as oe, useState as y, useEffect as te, useCallback as C } from "react";
+import { jsx as e, jsxs as r, Fragment as P } from "react/jsx-runtime";
+import { useContext as B, createContext as M, memo as oe, useState as u, useEffect as te, useCallback as C } from "react";
 const de = (a, i) => i, se = M(de), le = M("en");
 function R() {
   const a = B(se), i = B(le);
@@ -237,8 +237,8 @@ function ye({
   size: i,
   className: c,
   style: n,
-  color: o,
-  title: t,
+  color: t,
+  title: o,
   onClick: d
 }) {
   return /* @__PURE__ */ r(
@@ -249,30 +249,30 @@ function ye({
       height: i,
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: o || "currentColor",
+      stroke: t || "currentColor",
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
       className: `nice-icon ${c || ""}`,
       style: n,
-      role: t ? "img" : "presentation",
-      "aria-label": t,
-      "aria-hidden": !t,
+      role: o ? "img" : "presentation",
+      "aria-label": o,
+      "aria-hidden": !o,
       onClick: d,
       children: [
-        t && /* @__PURE__ */ e("title", { children: t }),
+        o && /* @__PURE__ */ e("title", { children: o }),
         /* @__PURE__ */ e("path", { d: a })
       ]
     }
   );
 }
-const u = ({
+const p = ({
   name: a,
   size: i = "md",
   className: c,
   style: n,
-  color: o,
-  title: t,
+  color: t,
+  title: o,
   onClick: d
 }) => {
   const { resolver: l } = B(pe), b = typeof i == "number" ? i : he[i];
@@ -289,8 +289,8 @@ const u = ({
       size: b,
       className: c,
       style: n,
-      color: o,
-      title: t,
+      color: t,
+      title: o,
       onClick: d
     }
   ) : null;
@@ -306,6 +306,20 @@ M({
   getAccessMode: () => "full"
 });
 M(null);
+function ue() {
+  const a = globalThis.crypto;
+  if (typeof (a == null ? void 0 : a.randomUUID) == "function")
+    return a.randomUUID();
+  const i = new Uint8Array(16);
+  if (typeof (a == null ? void 0 : a.getRandomValues) == "function")
+    a.getRandomValues(i);
+  else
+    for (let n = 0; n < i.length; n++)
+      i[n] = Math.floor(Math.random() * 256);
+  i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128;
+  const c = Array.from(i, (n) => n.toString(16).padStart(2, "0")).join("");
+  return `${c.slice(0, 8)}-${c.slice(8, 12)}-${c.slice(12, 16)}-${c.slice(16, 20)}-${c.slice(20)}`;
+}
 M(null);
 const Y = {
   space1: "4px",
@@ -334,18 +348,18 @@ const Y = {
   radiusLg: "8px",
   radiusXl: "12px",
   radiusFull: "9999px"
-}), ue = {
+}), ve = {
   sm: "0 1px 2px rgba(0,0,0,0.05)",
   md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
   lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
   xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)"
-}, ve = {
+}, be = {
   sm: "0 1px 2px rgba(0,0,0,0.3)",
   md: "0 4px 6px -1px rgba(0,0,0,0.4)",
   lg: "0 10px 15px -3px rgba(0,0,0,0.4)",
   xl: "0 20px 25px -5px rgba(0,0,0,0.4)"
 };
-function s(a, i, c, n, o) {
+function s(a, i, c, n, t) {
   return {
     name: a,
     darkMode: "light",
@@ -361,14 +375,14 @@ function s(a, i, c, n, o) {
       canvas: c.canvas ?? c.primary
     },
     text: { ...n, inverse: n.inverse ?? "#ffffff" },
-    borders: ae(o),
-    shadows: ue,
+    borders: ae(t),
+    shadows: ve,
     spacing: Y,
     typography: Z,
     transitions: ee
   };
 }
-function h(a, i, c, n, o) {
+function h(a, i, c, n, t) {
   return {
     name: a,
     darkMode: "dark",
@@ -384,8 +398,8 @@ function h(a, i, c, n, o) {
       canvas: c.canvas ?? c.primary
     },
     text: { ...n, inverse: n.inverse ?? "#0f172a" },
-    borders: ae(o),
-    shadows: ve,
+    borders: ae(t),
+    shadows: be,
     spacing: Y,
     typography: Z,
     transitions: ee
@@ -780,7 +794,8 @@ h(
     info: "#22d3ee"
   },
   { primary: "#030712", secondary: "#111827", tertiary: "#1f2937", hover: "#1f2937" },
-  { primary: "#e5e7eb", secondary: "#9ca3af", muted: "#4b5563" },
+  // indigo-500 is a dark fill: white on it reads better than the dark default of dark themes
+  { primary: "#e5e7eb", secondary: "#9ca3af", muted: "#4b5563", onPrimary: "#ffffff" },
   "#374151"
 );
 h(
@@ -1256,7 +1271,8 @@ h(
     info: "#2aa198"
   },
   { primary: "#002b36", secondary: "#073642", tertiary: "#0a4858", hover: "#073642" },
-  { primary: "#eee8d5", secondary: "#93a1a1", muted: "#586e75" },
+  // Solarized red is a dark fill: white on it is 4.63 : 1, the dark default 3.86
+  { primary: "#eee8d5", secondary: "#93a1a1", muted: "#586e75", onError: "#ffffff" },
   "#073642"
 );
 h(
@@ -1368,7 +1384,8 @@ h(
     info: "#bf00ff"
   },
   { primary: "#0a0e17", secondary: "#131824", tertiary: "#1c2333", hover: "#1c2333" },
-  { primary: "#e0fbfc", secondary: "#80d4dd", muted: "#3a6b72" },
+  // the purple info fill is dark: white on it is 4.51 : 1, the dark default 3.96
+  { primary: "#e0fbfc", secondary: "#80d4dd", muted: "#3a6b72", onInfo: "#ffffff" },
   "#1c3a44"
 );
 h(
@@ -1424,7 +1441,8 @@ h(
     info: "#9333ea"
   },
   { primary: "#1a0a00", secondary: "#2d1500", tertiary: "#402000", hover: "#402000" },
-  { primary: "#ffedd5", secondary: "#fdba74", muted: "#9a5c28" },
+  // purple-600 info is a dark fill: white on it is 5.38 : 1, the dark default 3.32
+  { primary: "#ffedd5", secondary: "#fdba74", muted: "#9a5c28", onInfo: "#ffffff" },
   "#5c3400"
 );
 s(
@@ -1735,28 +1753,28 @@ s(
   { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
   "#e8a0a0"
 );
-const be = process.env.NODE_ENV === "development";
+const ge = process.env.NODE_ENV === "development";
 let re = {
-  enabled: be,
+  enabled: ge,
   slowRenderThreshold: 16
 };
 const ie = [], O = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Map();
-function ge() {
+function Me() {
   ie.length = 0, O.clear(), ce.clear();
 }
-function Me(a) {
+function _e(a) {
   const i = re.slowRenderThreshold;
   return ie.filter((c) => c.actualDuration > i);
 }
 function V(a) {
   return a < 1 ? `${(a * 1e3).toFixed(0)}μs` : a < 1e3 ? `${a.toFixed(2)}ms` : `${(a / 1e3).toFixed(2)}s`;
 }
-function _e() {
-  const a = Array.from(O.values()), i = Me(), c = a.reduce((t, d) => t + d.renderCount, 0), n = a.length > 0 ? a.reduce((t, d) => t + d.avgRenderTime, 0) / a.length : 0, o = Array.from(ce.values());
-  return { stats: a, slowRenders: i, totalRenders: c, avgRenderTime: n, marks: o };
-}
 function Ne() {
-  const a = _e();
+  const a = Array.from(O.values()), i = _e(), c = a.reduce((o, d) => o + d.renderCount, 0), n = a.length > 0 ? a.reduce((o, d) => o + d.avgRenderTime, 0) / a.length : 0, t = Array.from(ce.values());
+  return { stats: a, slowRenders: i, totalRenders: c, avgRenderTime: n, marks: t };
+}
+function we() {
+  const a = Ne();
   console.group(
     "%c[Nice2Dev Performance Report]",
     "color: var(--nice-info, #6366f1); font-weight: bold; font-size: 14px"
@@ -1783,13 +1801,13 @@ function Ne() {
     }))
   ), console.groupEnd()), console.groupEnd();
 }
-const we = oe(
+const Ce = oe(
   ({ position: a = "bottom-right", defaultCollapsed: i = !0 }) => {
-    const [c, n] = y(i), [o, t] = y([]), [d, l] = y({ used: 0, total: 0 });
+    const [c, n] = u(i), [t, o] = u([]), [d, l] = u({ used: 0, total: 0 });
     if (te(() => {
       const m = () => {
         const w = Array.from(O.values());
-        t(w.sort((v, N) => N.totalRenderTime - v.totalRenderTime).slice(0, 10));
+        o(w.sort((v, N) => N.totalRenderTime - v.totalRenderTime).slice(0, 10));
         const g = window.performance;
         g.memory && l({
           used: g.memory.usedJSHeapSize / 1024 / 1024,
@@ -1813,7 +1831,7 @@ const we = oe(
         style: {
           ...b,
           background: "var(--nice-overlay-85, rgba(0, 0, 0, 0.85))",
-          color: "var(--nice-text-on-primary, #fff)",
+          color: "var(--nice-color-white, #fff)",
           borderRadius: 8,
           fontSize: 11,
           fontFamily: "Monaco, Consolas, monospace",
@@ -1854,7 +1872,7 @@ const we = oe(
                     ]
                   }
                 ),
-                /* @__PURE__ */ e("span", { style: { marginLeft: "auto", opacity: 0.5, display: "inline-flex" }, children: /* @__PURE__ */ e(u, { name: c ? "chevron-down" : "chevron-up", size: 12 }) })
+                /* @__PURE__ */ e("span", { style: { marginLeft: "auto", opacity: 0.5, display: "inline-flex" }, children: /* @__PURE__ */ e(p, { name: c ? "chevron-down" : "chevron-up", size: 12 }) })
               ]
             }
           ),
@@ -1870,7 +1888,7 @@ const we = oe(
                 children: /* @__PURE__ */ e("strong", { children: "Top Components" })
               }
             ),
-            o.map((m) => /* @__PURE__ */ r("div", { style: { marginBottom: 4, display: "flex", gap: 8 }, children: [
+            t.map((m) => /* @__PURE__ */ r("div", { style: { marginBottom: 4, display: "flex", gap: 8 }, children: [
               /* @__PURE__ */ e("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: m.componentName }),
               /* @__PURE__ */ e(
                 "span",
@@ -1900,7 +1918,7 @@ const we = oe(
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: Ne,
+                  onClick: we,
                   style: {
                     flex: 1,
                     padding: "4px 8px",
@@ -1917,7 +1935,7 @@ const we = oe(
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: ge,
+                  onClick: Me,
                   style: {
                     flex: 1,
                     padding: "4px 8px",
@@ -1938,7 +1956,7 @@ const we = oe(
     );
   }
 );
-we.displayName = "ProfilerOverlay";
+Ce.displayName = "ProfilerOverlay";
 process.env.NODE_ENV;
 M(null);
 M({
@@ -2000,51 +2018,51 @@ const G = {
   { type: "kpi", label: "KPI Card", icon: "target" },
   { type: "camera-feed", label: "Camera Feed", icon: "video" }
 ];
-function Be({
+function Fe({
   devices: a = [],
   widgets: i = [],
   alarms: c = [],
   onDeviceSelect: n,
-  onWidgetChange: o,
-  onCommand: t,
+  onWidgetChange: t,
+  onCommand: o,
   onAlarmAcknowledge: d,
   fetchTelemetry: l,
   className: b = ""
 }) {
-  const [m, _] = y(i), [w, g] = y(null), [v, N] = y("dashboard"), [H, L] = y(!1), [z, A] = y(""), p = C(
+  const [m, _] = u(i), [w, g] = u(null), [v, N] = u("dashboard"), [H, L] = u(!1), [z, A] = u(""), y = C(
     (f) => {
       _((x) => {
         const S = f(x);
-        return o == null || o(S), S;
+        return t == null || t(S), S;
       });
     },
-    [o]
+    [t]
   ), k = C(
     (f) => {
       var S;
       const x = {
-        id: crypto.randomUUID(),
+        id: ue(),
         type: f,
         title: ((S = F.find(($) => $.type === f)) == null ? void 0 : S.label) || f,
-        position: { x: 0, y: Ce(m), width: 4, height: 3 },
+        position: { x: 0, y: He(m), width: 4, height: 3 },
         config: {}
       };
-      p(($) => [...$, x]);
+      y(($) => [...$, x]);
     },
-    [m, p]
-  ), E = C(
+    [m, y]
+  ), U = C(
     (f) => {
       g(f), n == null || n(f);
     },
     [n]
-  ), U = C(
+  ), E = C(
     (f) => {
       d == null || d(f);
     },
     [d]
   ), T = a.filter(
     (f) => !z || f.name.toLowerCase().includes(z.toLowerCase()) || f.type.toLowerCase().includes(z.toLowerCase())
-  ), P = c.filter((f) => !f.cleared), q = P.filter(
+  ), D = c.filter((f) => !f.cleared), q = D.filter(
     (f) => f.severity === "critical" || f.severity === "high"
   );
   return /* @__PURE__ */ r("div", { className: `nice-iot-dashboard ${b}`, children: [
@@ -2052,7 +2070,7 @@ function Be({
       /* @__PURE__ */ e("h1", { children: "IoT Dashboard" }),
       /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__stats", children: [
         /* @__PURE__ */ r("span", { className: "nice-iot-dashboard__stat", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(u, { name: "wifi", size: 14 }) }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(p, { name: "wifi", size: 14 }) }),
           a.length,
           " Devices"
         ] }),
@@ -2067,7 +2085,7 @@ function Be({
           " Offline"
         ] }),
         q.length > 0 && /* @__PURE__ */ r("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--alarms", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(u, { name: "bell", size: 14 }) }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(p, { name: "bell", size: 14 }) }),
           q.length,
           " Alarms"
         ] })
@@ -2084,11 +2102,11 @@ function Be({
         /* @__PURE__ */ e("button", { className: v === "devices" ? "active" : "", onClick: () => N("devices"), children: "Devices" }),
         /* @__PURE__ */ r("button", { className: v === "alarms" ? "active" : "", onClick: () => N("alarms"), children: [
           "Alarms ",
-          P.length > 0 && `(${P.length})`
+          D.length > 0 && `(${D.length})`
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: v === "dashboard" && /* @__PURE__ */ r("button", { onClick: () => L(!H), children: [
-        /* @__PURE__ */ e(u, { name: H ? "check" : "edit", size: 14 }),
+        /* @__PURE__ */ e(p, { name: H ? "check" : "edit", size: 14 }),
         " ",
         H ? "Done" : "Edit"
       ] }) })
@@ -2102,7 +2120,7 @@ function Be({
             className: "nice-iot-dashboard__palette-item",
             onClick: () => k(f.type),
             children: [
-              /* @__PURE__ */ e(u, { name: f.icon, size: 16 }),
+              /* @__PURE__ */ e(p, { name: f.icon, size: 16 }),
               /* @__PURE__ */ e("span", { children: f.label })
             ]
           },
@@ -2111,14 +2129,14 @@ function Be({
       ] }),
       /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__grid", children: [
         m.map((f) => /* @__PURE__ */ e(
-          He,
+          ze,
           {
             widget: f,
             devices: a,
             alarms: c,
             isEditing: H,
-            onCommand: t,
-            onDelete: () => p((x) => x.filter((S) => S.id !== f.id))
+            onCommand: o,
+            onDelete: () => y((x) => x.filter((S) => S.id !== f.id))
           },
           f.id
         )),
@@ -2136,19 +2154,19 @@ function Be({
         }
       ) }),
       /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: T.map((f) => /* @__PURE__ */ e(
-        ke,
+        xe,
         {
           device: f,
           isSelected: (w == null ? void 0 : w.id) === f.id,
-          onSelect: () => E(f)
+          onSelect: () => U(f)
         },
         f.id
       )) }),
       w && /* @__PURE__ */ e(
-        xe,
+        Se,
         {
           device: w,
-          onCommand: t,
+          onCommand: o,
           onClose: () => g(null)
         }
       )
@@ -2162,7 +2180,7 @@ function Be({
         /* @__PURE__ */ e("th", { children: "Status" }),
         /* @__PURE__ */ e("th", { children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: P.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: "No active alarms" }) }) : P.map((f) => {
+      /* @__PURE__ */ e("tbody", { children: D.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: "No active alarms" }) }) : D.map((f) => {
         const x = a.find((S) => S.id === f.deviceId);
         return /* @__PURE__ */ r(
           "tr",
@@ -2180,7 +2198,7 @@ function Be({
               /* @__PURE__ */ e("td", { children: f.message }),
               /* @__PURE__ */ e("td", { children: f.timestamp.toLocaleString() }),
               /* @__PURE__ */ e("td", { children: f.acknowledged ? "Acknowledged" : "Active" }),
-              /* @__PURE__ */ e("td", { children: !f.acknowledged && /* @__PURE__ */ e("button", { onClick: () => U(f.id), children: "Acknowledge" }) })
+              /* @__PURE__ */ e("td", { children: !f.acknowledged && /* @__PURE__ */ e("button", { onClick: () => E(f.id), children: "Acknowledge" }) })
             ]
           },
           f.id
@@ -2189,7 +2207,7 @@ function Be({
     ] }) })
   ] });
 }
-function Ce(a) {
+function He(a) {
   return a.length === 0 ? 0 : Math.max(...a.map((i) => i.position.y + i.position.height));
 }
 function I(a) {
@@ -2208,13 +2226,13 @@ function I(a) {
       return "var(--nice-text-secondary, #6c757d)";
   }
 }
-function He({
+function ze({
   widget: a,
   devices: i,
   alarms: c,
   isEditing: n,
-  onCommand: o,
-  onDelete: t
+  onCommand: t,
+  onDelete: o
 }) {
   const d = F.find((l) => l.type === a.type);
   return /* @__PURE__ */ r(
@@ -2227,16 +2245,16 @@ function He({
       },
       children: [
         /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__widget-header", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(u, { name: (d == null ? void 0 : d.icon) ?? "box", size: 14 }) }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(p, { name: (d == null ? void 0 : d.icon) ?? "box", size: 14 }) }),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-title", children: a.title }),
-          n && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: t, children: "×" })
+          n && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: o, children: "×" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(ze, { widget: a, devices: i, alarms: c, onCommand: o }) })
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(ke, { widget: a, devices: i, alarms: c, onCommand: t }) })
       ]
     }
   );
 }
-function ze({
+function ke({
   widget: a,
   devices: i,
   alarms: c,
@@ -2244,35 +2262,35 @@ function ze({
 }) {
   switch (a.type) {
     case "device-list":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: i.slice(0, 10).map((o) => /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-list-item", children: [
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: i.slice(0, 10).map((t) => /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-list-item", children: [
         /* @__PURE__ */ e(
           "span",
           {
             className: "nice-iot-dashboard__device-status",
-            style: { background: I(o.status) }
+            style: { background: I(t.status) }
           }
         ),
-        /* @__PURE__ */ e("span", { children: o.name }),
-        /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-type", children: o.type })
-      ] }, o.id)) });
+        /* @__PURE__ */ e("span", { children: t.name }),
+        /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-type", children: t.type })
+      ] }, t.id)) });
     case "device-status":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((o) => {
-        const t = i.filter((d) => d.status === o).length;
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((t) => {
+        const o = i.filter((d) => d.status === t).length;
         return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__status-card", children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: "nice-iot-dashboard__status-indicator",
-              style: { background: I(o) }
+              style: { background: I(t) }
             }
           ),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: t }),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: o })
-        ] }, o);
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: o }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: t })
+        ] }, t);
       }) });
     case "telemetry-chart":
       return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__chart-placeholder", children: [
-        /* @__PURE__ */ e(u, { name: "bar-chart", size: 32 }),
+        /* @__PURE__ */ e(p, { name: "bar-chart", size: 32 }),
         /* @__PURE__ */ e("span", { children: "Telemetry Chart" }),
         /* @__PURE__ */ e("small", { children: "Configure device and capability" })
       ] });
@@ -2301,30 +2319,30 @@ function ze({
       ] }) });
     case "map":
       return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__map-placeholder", children: [
-        /* @__PURE__ */ e(u, { name: "map-pin", size: 32 }),
+        /* @__PURE__ */ e(p, { name: "map-pin", size: 32 }),
         /* @__PURE__ */ e("span", { children: "Device Map" }),
         /* @__PURE__ */ r("small", { children: [
-          i.filter((o) => o.location).length,
+          i.filter((t) => t.location).length,
           " devices with location"
         ] })
       ] });
     case "alarms": {
-      const o = c.filter((t) => !t.cleared).slice(0, 5);
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: o.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: "No active alarms" }) : o.map((t) => /* @__PURE__ */ r(
+      const t = c.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: "No active alarms" }) : t.map((o) => /* @__PURE__ */ r(
         "div",
         {
-          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${t.severity}`,
+          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${o.severity}`,
           children: [
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: t.severity }),
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: t.message })
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: o.severity }),
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: o.message })
           ]
         },
-        t.id
+        o.id
       )) });
     }
     case "control-panel":
       return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__control-placeholder", children: [
-        /* @__PURE__ */ e(u, { name: "settings", size: 32 }),
+        /* @__PURE__ */ e(p, { name: "settings", size: 32 }),
         /* @__PURE__ */ e("span", { children: "Control Panel" }),
         /* @__PURE__ */ e("small", { children: "Configure device controls" })
       ] });
@@ -2337,7 +2355,7 @@ function ze({
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
   }
 }
-function ke({ device: a, isSelected: i, onSelect: c }) {
+function xe({ device: a, isSelected: i, onSelect: c }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2381,7 +2399,7 @@ function ke({ device: a, isSelected: i, onSelect: c }) {
     }
   );
 }
-function xe({
+function Se({
   device: a,
   onCommand: i,
   onClose: c
@@ -2454,7 +2472,7 @@ function xe({
     ] })
   ] });
 }
-const Se = [
+const Le = [
   { name: "MQTT Broker", image: "eclipse-mosquitto:latest" },
   { name: "Node-RED", image: "nodered/node-red:latest" },
   { name: "InfluxDB", image: "influxdb:latest" },
@@ -2462,34 +2480,34 @@ const Se = [
   { name: "Telegraf", image: "telegraf:latest" },
   { name: "Protocol Adapter", image: "nice2dev/protocol-adapter:latest" }
 ];
-function Fe({
+function Oe({
   nodes: a = [],
   modules: i = [],
   onNodeSelect: c,
   onModuleDeploy: n,
-  onModuleAction: o,
-  onNodeSync: t,
+  onModuleAction: t,
+  onNodeSync: o,
   className: d = ""
 }) {
-  const [l, b] = y(null), [m, _] = y("nodes"), [w, g] = y(!1), [v, N] = y({
+  const [l, b] = u(null), [m, _] = u("nodes"), [w, g] = u(!1), [v, N] = u({
     name: "",
     image: "",
     status: "pending"
   }), H = C(
-    (p) => {
-      b(p), c == null || c(p);
+    (y) => {
+      b(y), c == null || c(y);
     },
     [c]
   ), L = C(async () => {
     !l || !v.name || !v.image || (await (n == null ? void 0 : n(l.id, v)), g(!1), N({ name: "", image: "", status: "pending" }));
   }, [l, v, n]), z = C(
-    async (p, k) => {
-      l && await (o == null ? void 0 : o(l.id, p, k));
+    async (y, k) => {
+      l && await (t == null ? void 0 : t(l.id, y, k));
     },
-    [l, o]
+    [l, t]
   ), A = C(async () => {
-    l && await (t == null ? void 0 : t(l.id));
-  }, [l, t]);
+    l && await (o == null ? void 0 : o(l.id));
+  }, [l, o]);
   return /* @__PURE__ */ r("div", { className: `nice-edge-manager ${d}`, children: [
     /* @__PURE__ */ r("header", { className: "nice-edge-manager__header", children: [
       /* @__PURE__ */ e("h1", { children: "Edge Manager" }),
@@ -2504,14 +2522,14 @@ function Fe({
     ] }),
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__main", children: [
       m === "nodes" && /* @__PURE__ */ e("div", { className: "nice-edge-manager__nodes", children: /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-grid", children: [
-        a.map((p) => /* @__PURE__ */ e(
-          Te,
+        a.map((y) => /* @__PURE__ */ e(
+          Ve,
           {
-            node: p,
-            isSelected: (l == null ? void 0 : l.id) === p.id,
-            onSelect: () => H(p)
+            node: y,
+            isSelected: (l == null ? void 0 : l.id) === y.id,
+            onSelect: () => H(y)
           },
-          p.id
+          y.id
         )),
         a.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No edge nodes configured" })
       ] }) }),
@@ -2531,20 +2549,20 @@ function Fe({
           )
         ] }),
         /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-grid", children: [
-          l.deployedModules.map((p) => /* @__PURE__ */ e(
-            Ve,
+          l.deployedModules.map((y) => /* @__PURE__ */ e(
+            Ae,
             {
-              module: p,
-              onAction: (k) => z(p.id, k)
+              module: y,
+              onAction: (k) => z(y.id, k)
             },
-            p.id
+            y.id
           )),
           l.deployedModules.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No modules deployed on this node" })
         ] })
       ] }),
       m === "modules" && !l && /* @__PURE__ */ e("div", { className: "nice-edge-manager__no-selection", children: "Select a node from the Nodes tab to manage modules" }),
       l && /* @__PURE__ */ e(
-        Ae,
+        Pe,
         {
           node: l,
           onSync: A,
@@ -2556,7 +2574,7 @@ function Fe({
       De,
       {
         config: v,
-        templates: Se,
+        templates: Le,
         onChange: N,
         onDeploy: L,
         onClose: () => g(!1)
@@ -2583,11 +2601,11 @@ function ne(a) {
 function j(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 Le(a) {
+function Te(a) {
   const i = Math.floor(a / 86400), c = Math.floor(a % 86400 / 3600), n = Math.floor(a % 3600 / 60);
   return i > 0 ? `${i}d ${c}h` : c > 0 ? `${c}h ${n}m` : `${n}m`;
 }
-function Te({ node: a, isSelected: i, onSelect: c }) {
+function Ve({ node: a, isSelected: i, onSelect: c }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2608,18 +2626,18 @@ function Te({ node: a, isSelected: i, onSelect: c }) {
         /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-body", children: [
           /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-info", children: [
             /* @__PURE__ */ r("span", { children: [
-              /* @__PURE__ */ e(u, { name: "server", size: 12 }),
+              /* @__PURE__ */ e(p, { name: "server", size: 12 }),
               " ",
               a.hardware.cpu
             ] }),
             /* @__PURE__ */ r("span", { children: [
-              /* @__PURE__ */ e(u, { 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__ */ r(D, { children: [
+          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-metrics", children: a.metrics && /* @__PURE__ */ r(P, { children: [
             /* @__PURE__ */ r("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(
@@ -2658,7 +2676,7 @@ function Te({ node: a, isSelected: i, onSelect: c }) {
     }
   );
 }
-function Ve({ module: a, onAction: i }) {
+function Ae({ module: a, onAction: i }) {
   return /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-card", children: [
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-header", children: [
       /* @__PURE__ */ e(
@@ -2700,7 +2718,7 @@ function Ve({ module: a, onAction: i }) {
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-actions", children: [
-      a.status === "running" && /* @__PURE__ */ r(D, { children: [
+      a.status === "running" && /* @__PURE__ */ r(P, { children: [
         /* @__PURE__ */ e("button", { onClick: () => i("stop"), children: "Stop" }),
         /* @__PURE__ */ e("button", { onClick: () => i("restart"), children: "Restart" })
       ] }),
@@ -2709,16 +2727,16 @@ function Ve({ module: a, onAction: i }) {
     ] })
   ] });
 }
-function Ae({ node: a, onSync: i, onClose: c }) {
+function Pe({ node: a, onSync: i, onClose: c }) {
   return /* @__PURE__ */ r("aside", { className: "nice-edge-manager__detail", children: [
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-header", children: [
       /* @__PURE__ */ e("h3", { children: a.name }),
       /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-actions", children: [
         /* @__PURE__ */ r("button", { onClick: i, children: [
-          /* @__PURE__ */ e(u, { name: "refresh", size: 14 }),
+          /* @__PURE__ */ e(p, { name: "refresh", size: 14 }),
           " Sync"
         ] }),
-        /* @__PURE__ */ e("button", { onClick: c, "aria-label": "Close", children: /* @__PURE__ */ e(u, { name: "close", size: 14 }) })
+        /* @__PURE__ */ e("button", { onClick: c, "aria-label": "Close", children: /* @__PURE__ */ e(p, { name: "close", size: 14 }) })
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-content", children: [
@@ -2737,7 +2755,7 @@ function Ae({ node: a, onSync: i, onClose: c }) {
         ] }),
         a.metrics && /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Uptime:" }),
-          /* @__PURE__ */ e("span", { children: Le(a.metrics.uptime) })
+          /* @__PURE__ */ e("span", { children: Te(a.metrics.uptime) })
         ] })
       ] }),
       /* @__PURE__ */ r("section", { children: [
@@ -2802,7 +2820,7 @@ function Ae({ node: a, onSync: i, onClose: c }) {
         /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Cloud:" }),
           /* @__PURE__ */ r("span", { children: [
-            /* @__PURE__ */ e(u, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
+            /* @__PURE__ */ e(p, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
             " ",
             a.connectivity.cloudConnected ? "Connected" : "Disconnected"
           ] })
@@ -2885,12 +2903,12 @@ function De({
   templates: i,
   onChange: c,
   onDeploy: n,
-  onClose: o
+  onClose: t
 }) {
   return /* @__PURE__ */ e("div", { className: "nice-edge-manager__dialog-overlay", children: /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog", children: [
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog-header", children: [
       /* @__PURE__ */ e("h3", { children: "Deploy Module" }),
-      /* @__PURE__ */ e("button", { onClick: o, "aria-label": "Close", children: /* @__PURE__ */ e(u, { name: "close", size: 14 }) })
+      /* @__PURE__ */ e("button", { onClick: t, "aria-label": "Close", children: /* @__PURE__ */ e(p, { name: "close", size: 14 }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog-content", children: [
       /* @__PURE__ */ r("div", { className: "nice-edge-manager__field", children: [
@@ -2899,8 +2917,8 @@ function De({
           "select",
           {
             value: "",
-            onChange: (t) => {
-              const d = i.find((l) => l.image === t.target.value);
+            onChange: (o) => {
+              const d = i.find((l) => l.image === o.target.value);
               d && c({
                 ...a,
                 name: d.name,
@@ -2909,7 +2927,7 @@ function De({
             },
             children: [
               /* @__PURE__ */ e("option", { value: "", children: "Select a template..." }),
-              i.map((t) => /* @__PURE__ */ e("option", { value: t.image, children: t.name }, t.image))
+              i.map((o) => /* @__PURE__ */ e("option", { value: o.image, children: o.name }, o.image))
             ]
           }
         )
@@ -2921,7 +2939,7 @@ function De({
           {
             type: "text",
             value: a.name || "",
-            onChange: (t) => c({ ...a, name: t.target.value }),
+            onChange: (o) => c({ ...a, name: o.target.value }),
             placeholder: "e.g., my-module"
           }
         )
@@ -2933,7 +2951,7 @@ function De({
           {
             type: "text",
             value: a.image || "",
-            onChange: (t) => c({ ...a, image: t.target.value }),
+            onChange: (o) => c({ ...a, image: o.target.value }),
             placeholder: "e.g., nginx:latest"
           }
         )
@@ -2945,13 +2963,13 @@ function De({
           {
             type: "text",
             value: a.version || "1.0.0",
-            onChange: (t) => c({ ...a, version: t.target.value })
+            onChange: (o) => c({ ...a, version: o.target.value })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog-footer", children: [
-      /* @__PURE__ */ e("button", { onClick: o, children: "Cancel" }),
+      /* @__PURE__ */ e("button", { onClick: t, children: "Cancel" }),
       /* @__PURE__ */ e("button", { className: "nice-edge-manager__deploy-confirm", onClick: n, children: "Deploy" })
     ] })
   ] }) });
@@ -2983,22 +3001,22 @@ const Q = {
   applicationName: "Nice2Dev IoT Client",
   nodes: []
 };
-function Oe({
+function qe({
   protocol: a = "mqtt",
   config: i,
   onSave: c,
   onTest: n,
-  className: o = ""
+  className: t = ""
 }) {
-  const { t } = R(), [d, l] = y(a), [b, m] = y(
+  const { t: o } = R(), [d, l] = u(a), [b, m] = u(
     (i == null ? void 0 : i.type) === "mqtt" ? { ...Q, ...i.config } : Q
-  ), [_, w] = y(
+  ), [_, w] = u(
     (i == null ? void 0 : i.type) === "coap" ? { ...J, ...i.config } : J
-  ), [g, v] = y(
+  ), [g, v] = u(
     (i == null ? void 0 : i.type) === "modbus" ? { ...K, ...i.config } : K
-  ), [N, H] = y(
+  ), [N, H] = u(
     (i == null ? void 0 : i.type) === "opcua" ? { ...X, ...i.config } : X
-  ), [L, z] = y(null), [A, p] = y(!1), k = C(() => {
+  ), [L, z] = u(null), [A, y] = u(!1), k = C(() => {
     switch (d) {
       case "mqtt":
         return b;
@@ -3012,40 +3030,40 @@ function Oe({
       default:
         return b;
     }
-  }, [d, b, _, g, N]), E = C(() => {
+  }, [d, b, _, g, N]), U = C(() => {
     c == null || c(k());
-  }, [k, c]), U = C(async () => {
+  }, [k, c]), E = C(async () => {
     if (n) {
-      p(!0), z(null);
+      y(!0), z(null);
       try {
         const T = await n(k());
         z(T);
       } catch (T) {
         z({ success: !1, message: String(T) });
       } finally {
-        p(!1);
+        y(!1);
       }
     }
   }, [k, n]);
-  return /* @__PURE__ */ r("div", { className: `nice-protocol-config ${o}`, children: [
+  return /* @__PURE__ */ r("div", { className: `nice-protocol-config ${t}`, children: [
     /* @__PURE__ */ r("header", { className: "nice-protocol-config__header", children: [
-      /* @__PURE__ */ e("h2", { children: t("protocolConfig.title", "Protocol Configuration") }),
+      /* @__PURE__ */ e("h2", { children: o("protocolConfig.title", "Protocol Configuration") }),
       /* @__PURE__ */ r("div", { className: "nice-protocol-config__protocol-selector", children: [
-        /* @__PURE__ */ e("label", { children: "Protocol:" }),
+        /* @__PURE__ */ e("label", { children: o("protocolConfig.protocol", "Protocol:") }),
         /* @__PURE__ */ r("select", { value: d, onChange: (T) => l(T.target.value), children: [
-          /* @__PURE__ */ e("option", { value: "mqtt", children: t("protocolConfig.mqtt", "MQTT") }),
-          /* @__PURE__ */ e("option", { value: "coap", children: t("protocolConfig.coap", "CoAP") }),
-          /* @__PURE__ */ e("option", { value: "modbus-tcp", children: t("protocolConfig.modbusTcp", "Modbus TCP") }),
-          /* @__PURE__ */ e("option", { value: "modbus-rtu", children: t("protocolConfig.modbusRtu", "Modbus RTU") }),
-          /* @__PURE__ */ e("option", { value: "opcua", children: t("protocolConfig.opcUa", "OPC-UA") })
+          /* @__PURE__ */ e("option", { value: "mqtt", children: o("protocolConfig.mqtt", "MQTT") }),
+          /* @__PURE__ */ e("option", { value: "coap", children: o("protocolConfig.coap", "CoAP") }),
+          /* @__PURE__ */ e("option", { value: "modbus-tcp", children: o("protocolConfig.modbusTcp", "Modbus TCP") }),
+          /* @__PURE__ */ e("option", { value: "modbus-rtu", children: o("protocolConfig.modbusRtu", "Modbus RTU") }),
+          /* @__PURE__ */ e("option", { value: "opcua", children: o("protocolConfig.opcUa", "OPC-UA") })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "nice-protocol-config__content", children: [
-      d === "mqtt" && /* @__PURE__ */ e(Pe, { config: b, onChange: m }),
-      d === "coap" && /* @__PURE__ */ e(Re, { config: _, onChange: w }),
+      d === "mqtt" && /* @__PURE__ */ e(Re, { config: b, onChange: m }),
+      d === "coap" && /* @__PURE__ */ e(Ie, { config: _, onChange: w }),
       (d === "modbus-tcp" || d === "modbus-rtu") && /* @__PURE__ */ e(
-        Ie,
+        Ue,
         {
           config: g,
           type: d === "modbus-rtu" ? "rtu" : "tcp",
@@ -3059,7 +3077,7 @@ function Oe({
       {
         className: `nice-protocol-config__test-result nice-protocol-config__test-result--${L.success ? "success" : "error"}`,
         children: [
-          /* @__PURE__ */ e(u, { name: L.success ? "check" : "close", size: 14 }),
+          /* @__PURE__ */ e(p, { name: L.success ? "check" : "close", size: 14 }),
           " ",
           L.message
         ]
@@ -3070,22 +3088,24 @@ function Oe({
         "button",
         {
           className: "nice-protocol-config__test-btn",
-          onClick: U,
+          onClick: E,
           disabled: A || !n,
-          children: A ? "Testing..." : /* @__PURE__ */ r(D, { children: [
-            /* @__PURE__ */ e(u, { name: "plug", size: 14 }),
-            " Test Connection"
+          children: A ? o("protocolConfig.testing", "Testing...") : /* @__PURE__ */ r(P, { children: [
+            /* @__PURE__ */ e(p, { name: "plug", size: 14 }),
+            " ",
+            o("protocolConfig.testConnection", "Test Connection")
           ] })
         }
       ),
-      /* @__PURE__ */ r("button", { className: "nice-protocol-config__save-btn", onClick: E, children: [
-        /* @__PURE__ */ e(u, { name: "save", size: 14 }),
-        " Save"
+      /* @__PURE__ */ r("button", { className: "nice-protocol-config__save-btn", onClick: U, children: [
+        /* @__PURE__ */ e(p, { name: "save", size: 14 }),
+        " ",
+        o("save", "Save")
       ] })
     ] })
   ] });
 }
-function Pe({ config: a, onChange: i }) {
+function Re({ config: a, onChange: i }) {
   const { t: c } = R();
   return /* @__PURE__ */ r("div", { className: "nice-protocol-config__section", children: [
     /* @__PURE__ */ e("h3", { children: c("protocolConfig.mqttConfiguration", "MQTT Configuration") }),
@@ -3158,7 +3178,7 @@ function Pe({ config: a, onChange: i }) {
         )
       ] }),
       /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: "Keep Alive (seconds)" }),
+        /* @__PURE__ */ e("label", { children: c("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -3182,15 +3202,15 @@ function Pe({ config: a, onChange: i }) {
     ] }),
     /* @__PURE__ */ e("h4", { children: c("protocolConfig.topics", "Topics") }),
     /* @__PURE__ */ r("div", { className: "nice-protocol-config__topics", children: [
-      a.topics.map((n, o) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__topic-row", children: [
+      a.topics.map((n, t) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__topic-row", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: n.pattern,
-            onChange: (t) => {
+            onChange: (o) => {
               const d = [...a.topics];
-              d[o] = { ...d[o], pattern: t.target.value }, i({ ...a, topics: d });
+              d[t] = { ...d[t], pattern: o.target.value }, i({ ...a, topics: d });
             },
             placeholder: c("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
           }
@@ -3199,9 +3219,9 @@ function Pe({ config: a, onChange: i }) {
           "select",
           {
             value: n.qos,
-            onChange: (t) => {
+            onChange: (o) => {
               const d = [...a.topics];
-              d[o] = { ...d[o], qos: parseInt(t.target.value, 10) }, i({ ...a, topics: d });
+              d[t] = { ...d[t], qos: parseInt(o.target.value, 10) }, i({ ...a, topics: d });
             },
             children: [
               /* @__PURE__ */ e("option", { value: 0, children: c("protocolConfig.qos0", "QoS 0") }),
@@ -3214,11 +3234,11 @@ function Pe({ config: a, onChange: i }) {
           "select",
           {
             value: n.direction,
-            onChange: (t) => {
+            onChange: (o) => {
               const d = [...a.topics];
-              d[o] = {
-                ...d[o],
-                direction: t.target.value
+              d[t] = {
+                ...d[t],
+                direction: o.target.value
               }, i({ ...a, topics: d });
             },
             children: [
@@ -3232,14 +3252,14 @@ function Pe({ config: a, onChange: i }) {
           "button",
           {
             onClick: () => {
-              const t = a.topics.filter((d, l) => l !== o);
-              i({ ...a, topics: t });
+              const o = a.topics.filter((d, l) => l !== t);
+              i({ ...a, topics: o });
             },
             children: "×"
           }
         )
-      ] }, o)),
-      /* @__PURE__ */ e(
+      ] }, t)),
+      /* @__PURE__ */ r(
         "button",
         {
           onClick: () => {
@@ -3251,13 +3271,17 @@ function Pe({ config: a, onChange: i }) {
               ]
             });
           },
-          children: "+ Add Topic"
+          children: [
+            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            " ",
+            c("protocolConfig.addTopic", "Add Topic")
+          ]
         }
       )
     ] })
   ] });
 }
-function Re({ config: a, onChange: i }) {
+function Ie({ config: a, onChange: i }) {
   const { t: c } = R();
   return /* @__PURE__ */ r("div", { className: "nice-protocol-config__section", children: [
     /* @__PURE__ */ e("h3", { children: c("protocolConfig.coapConfiguration", "CoAP Configuration") }),
@@ -3309,15 +3333,15 @@ function Re({ config: a, onChange: i }) {
     ] }),
     /* @__PURE__ */ e("h4", { children: c("protocolConfig.resources", "Resources") }),
     /* @__PURE__ */ r("div", { className: "nice-protocol-config__resources", children: [
-      a.resources.map((n, o) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__resource-row", children: [
+      a.resources.map((n, t) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__resource-row", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: n.path,
-            onChange: (t) => {
+            onChange: (o) => {
               const d = [...a.resources];
-              d[o] = { ...d[o], path: t.target.value }, i({ ...a, resources: d });
+              d[t] = { ...d[t], path: o.target.value }, i({ ...a, resources: d });
             },
             placeholder: "/sensors/temperature"
           }
@@ -3326,14 +3350,14 @@ function Re({ config: a, onChange: i }) {
           "button",
           {
             onClick: () => {
-              const t = a.resources.filter((d, l) => l !== o);
-              i({ ...a, resources: t });
+              const o = a.resources.filter((d, l) => l !== t);
+              i({ ...a, resources: o });
             },
             children: "×"
           }
         )
-      ] }, o)),
-      /* @__PURE__ */ e(
+      ] }, t)),
+      /* @__PURE__ */ r(
         "button",
         {
           onClick: () => {
@@ -3345,13 +3369,17 @@ function Re({ config: a, onChange: i }) {
               ]
             });
           },
-          children: "+ Add Resource"
+          children: [
+            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            " ",
+            c("protocolConfig.addResource", "Add Resource")
+          ]
         }
       )
     ] })
   ] });
 }
-function Ie({
+function Ue({
   config: a,
   type: i,
   onChange: c
@@ -3364,7 +3392,7 @@ function Ie({
       " Configuration"
     ] }),
     /* @__PURE__ */ r("div", { className: "nice-protocol-config__grid", children: [
-      i === "tcp" && /* @__PURE__ */ r(D, { children: [
+      i === "tcp" && /* @__PURE__ */ r(P, { children: [
         /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.host", "Host") }),
           /* @__PURE__ */ e(
@@ -3372,7 +3400,7 @@ function Ie({
             {
               type: "text",
               value: a.host || "",
-              onChange: (o) => c({ ...a, host: o.target.value })
+              onChange: (t) => c({ ...a, host: t.target.value })
             }
           )
         ] }),
@@ -3383,12 +3411,12 @@ function Ie({
             {
               type: "number",
               value: a.port || 502,
-              onChange: (o) => c({ ...a, port: parseInt(o.target.value, 10) || 502 })
+              onChange: (t) => c({ ...a, port: parseInt(t.target.value, 10) || 502 })
             }
           )
         ] })
       ] }),
-      i === "rtu" && /* @__PURE__ */ r(D, { children: [
+      i === "rtu" && /* @__PURE__ */ r(P, { children: [
         /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.serialPort", "Serial Port") }),
           /* @__PURE__ */ e(
@@ -3396,7 +3424,7 @@ function Ie({
             {
               type: "text",
               value: a.serialPort || "",
-              onChange: (o) => c({ ...a, serialPort: o.target.value }),
+              onChange: (t) => c({ ...a, serialPort: t.target.value }),
               placeholder: n("protocolConfig.serialPortPlaceholder", "COM1 or /dev/ttyUSB0")
             }
           )
@@ -3407,7 +3435,7 @@ function Ie({
             "select",
             {
               value: a.baudRate || 9600,
-              onChange: (o) => c({ ...a, baudRate: parseInt(o.target.value, 10) }),
+              onChange: (t) => c({ ...a, baudRate: parseInt(t.target.value, 10) }),
               children: [
                 /* @__PURE__ */ e("option", { value: 9600, children: "9600" }),
                 /* @__PURE__ */ e("option", { value: 19200, children: "19200" }),
@@ -3424,11 +3452,11 @@ function Ie({
             "select",
             {
               value: a.parity || "none",
-              onChange: (o) => c({ ...a, parity: o.target.value }),
+              onChange: (t) => c({ ...a, parity: t.target.value }),
               children: [
                 /* @__PURE__ */ e("option", { value: "none", children: n("protocolConfig.none", "None") }),
                 /* @__PURE__ */ e("option", { value: "even", children: n("protocolConfig.even", "Even") }),
-                /* @__PURE__ */ e("option", { value: "odd", children: "Odd" })
+                /* @__PURE__ */ e("option", { value: "odd", children: n("protocolConfig.odd", "Odd") })
               ]
             }
           )
@@ -3441,20 +3469,20 @@ function Ie({
           {
             type: "number",
             value: a.slaveId,
-            onChange: (o) => c({ ...a, slaveId: parseInt(o.target.value, 10) || 1 }),
+            onChange: (t) => c({ ...a, slaveId: parseInt(t.target.value, 10) || 1 }),
             min: 1,
             max: 247
           }
         )
       ] }),
       /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: "Timeout (ms)" }),
+        /* @__PURE__ */ e("label", { children: n("protocolConfig.timeoutMs", "Timeout (ms)") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.timeout,
-            onChange: (o) => c({ ...a, timeout: parseInt(o.target.value, 10) || 1e3 })
+            onChange: (t) => c({ ...a, timeout: parseInt(t.target.value, 10) || 1e3 })
           }
         )
       ] })
@@ -3466,18 +3494,18 @@ function Ie({
         /* @__PURE__ */ e("th", { children: n("protocolConfig.address", "Address") }),
         /* @__PURE__ */ e("th", { children: n("protocolConfig.type", "Type") }),
         /* @__PURE__ */ e("th", { children: n("protocolConfig.dataType", "Data Type") }),
-        /* @__PURE__ */ e("th", { children: "R/W" }),
+        /* @__PURE__ */ e("th", { children: n("protocolConfig.readWrite", "R/W") }),
         /* @__PURE__ */ e("th", {})
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: a.registers.map((o, t) => /* @__PURE__ */ r("tr", { children: [
+      /* @__PURE__ */ e("tbody", { children: a.registers.map((t, o) => /* @__PURE__ */ r("tr", { children: [
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: o.name,
+            value: t.name,
             onChange: (d) => {
               const l = [...a.registers];
-              l[t] = { ...l[t], name: d.target.value }, c({ ...a, registers: l });
+              l[o] = { ...l[o], name: d.target.value }, c({ ...a, registers: l });
             }
           }
         ) }),
@@ -3485,11 +3513,11 @@ function Ie({
           "input",
           {
             type: "number",
-            value: o.address,
+            value: t.address,
             onChange: (d) => {
               const l = [...a.registers];
-              l[t] = {
-                ...l[t],
+              l[o] = {
+                ...l[o],
                 address: parseInt(d.target.value, 10) || 0
               }, c({ ...a, registers: l });
             }
@@ -3498,11 +3526,11 @@ function Ie({
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r(
           "select",
           {
-            value: o.type,
+            value: t.type,
             onChange: (d) => {
               const l = [...a.registers];
-              l[t] = {
-                ...l[t],
+              l[o] = {
+                ...l[o],
                 type: d.target.value
               }, c({ ...a, registers: l });
             },
@@ -3517,11 +3545,11 @@ function Ie({
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r(
           "select",
           {
-            value: o.dataType,
+            value: t.dataType,
             onChange: (d) => {
               const l = [...a.registers];
-              l[t] = {
-                ...l[t],
+              l[o] = {
+                ...l[o],
                 dataType: d.target.value
               }, c({ ...a, registers: l });
             },
@@ -3540,10 +3568,10 @@ function Ie({
             "input",
             {
               type: "checkbox",
-              checked: o.readable,
+              checked: t.readable,
               onChange: (d) => {
                 const l = [...a.registers];
-                l[t] = { ...l[t], readable: d.target.checked }, c({ ...a, registers: l });
+                l[o] = { ...l[o], readable: d.target.checked }, c({ ...a, registers: l });
               },
               title: n("protocolConfig.readable", "Readable")
             }
@@ -3552,10 +3580,10 @@ function Ie({
             "input",
             {
               type: "checkbox",
-              checked: o.writable,
+              checked: t.writable,
               onChange: (d) => {
                 const l = [...a.registers];
-                l[t] = { ...l[t], writable: d.target.checked }, c({ ...a, registers: l });
+                l[o] = { ...l[o], writable: d.target.checked }, c({ ...a, registers: l });
               },
               title: n("protocolConfig.writable", "Writable")
             }
@@ -3565,15 +3593,15 @@ function Ie({
           "button",
           {
             onClick: () => {
-              const d = a.registers.filter((l, b) => b !== t);
+              const d = a.registers.filter((l, b) => b !== o);
               c({ ...a, registers: d });
             },
             children: "×"
           }
         ) })
-      ] }, t)) })
+      ] }, o)) })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "button",
       {
         onClick: () => {
@@ -3592,7 +3620,11 @@ function Ie({
             ]
           });
         },
-        children: "+ Add Register"
+        children: [
+          /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+          " ",
+          n("protocolConfig.addRegister", "Add Register")
+        ]
       }
     )
   ] });
@@ -3644,13 +3676,13 @@ function Ee({ config: a, onChange: i }) {
             }),
             children: [
               /* @__PURE__ */ e("option", { value: "anonymous", children: c("protocolConfig.anonymous", "Anonymous") }),
-              /* @__PURE__ */ e("option", { value: "username", children: "Username/Password" }),
+              /* @__PURE__ */ e("option", { value: "username", children: c("protocolConfig.usernamePassword", "Username/Password") }),
               /* @__PURE__ */ e("option", { value: "certificate", children: c("protocolConfig.certificate", "Certificate") })
             ]
           }
         )
       ] }),
-      a.authentication === "username" && /* @__PURE__ */ r(D, { children: [
+      a.authentication === "username" && /* @__PURE__ */ r(P, { children: [
         /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: c("protocolConfig.username", "Username") }),
           /* @__PURE__ */ e(
@@ -3688,15 +3720,15 @@ function Ee({ config: a, onChange: i }) {
     ] }),
     /* @__PURE__ */ e("h4", { children: c("protocolConfig.nodes", "Nodes") }),
     /* @__PURE__ */ r("div", { className: "nice-protocol-config__nodes", children: [
-      a.nodes.map((n, o) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__node-row", children: [
+      a.nodes.map((n, t) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__node-row", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: n.nodeId,
-            onChange: (t) => {
+            onChange: (o) => {
               const d = [...a.nodes];
-              d[o] = { ...d[o], nodeId: t.target.value }, i({ ...a, nodes: d });
+              d[t] = { ...d[t], nodeId: o.target.value }, i({ ...a, nodes: d });
             },
             placeholder: c("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
           }
@@ -3706,9 +3738,9 @@ function Ee({ config: a, onChange: i }) {
           {
             type: "text",
             value: n.displayName,
-            onChange: (t) => {
+            onChange: (o) => {
               const d = [...a.nodes];
-              d[o] = { ...d[o], displayName: t.target.value }, i({ ...a, nodes: d });
+              d[t] = { ...d[t], displayName: o.target.value }, i({ ...a, nodes: d });
             },
             placeholder: c("protocolConfig.displayNamePlaceholder", "Display Name")
           }
@@ -3717,14 +3749,14 @@ function Ee({ config: a, onChange: i }) {
           "button",
           {
             onClick: () => {
-              const t = a.nodes.filter((d, l) => l !== o);
-              i({ ...a, nodes: t });
+              const o = a.nodes.filter((d, l) => l !== t);
+              i({ ...a, nodes: o });
             },
             children: "×"
           }
         )
-      ] }, o)),
-      /* @__PURE__ */ e(
+      ] }, t)),
+      /* @__PURE__ */ r(
         "button",
         {
           onClick: () => {
@@ -3736,14 +3768,18 @@ function Ee({ config: a, onChange: i }) {
               ]
             });
           },
-          children: "+ Add Node"
+          children: [
+            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            " ",
+            c("protocolConfig.addNode", "Add Node")
+          ]
         }
       )
     ] })
   ] });
 }
 export {
-  Fe as NiceEdgeManager,
-  Be as NiceIoTDashboard,
-  Oe as NiceProtocolConfig
+  Oe as NiceEdgeManager,
+  Fe as NiceIoTDashboard,
+  qe as NiceProtocolConfig
 };