@nice2dev/ui-iot 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -1,34 +1,11 @@
-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);
-  return { t: a, lang: i };
+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 };
 }
-const fe = {
-  radius: "md",
-  shadow: "md",
-  fill: "solid",
-  buttonStyle: "flat",
-  inputStyle: "bordered",
-  cardStyle: "elevated",
-  badgeStyle: "solid",
-  tabStyle: "underline",
-  toggleStyle: "default",
-  tooltipStyle: "dark",
-  modalStyle: "default",
-  tableStyle: "default",
-  menuStyle: "default",
-  animation: "normal",
-  density: "normal"
-};
-M({
-  displayStyle: "default",
-  variantConfig: fe,
-  setDisplayStyle: () => {
-  }
-});
-const me = {
+const X = {
   // Navigation
   "chevron-down": "M6 9l6 6 6-6",
   "chevron-up": "M18 15l-6-6-6 6",
@@ -78,6 +55,8 @@ const me = {
   link: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1",
   mail: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",
   phone: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z",
+  // the device, as `phone` is the handset
+  smartphone: "M7 2h10a2 2 0 012 2v16a2 2 0 01-2 2H7a2 2 0 01-2-2V4a2 2 0 012-2z M11 18h2",
   user: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z",
   users: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z",
   home: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6",
@@ -224,1789 +203,123 @@ const me = {
   keyboard: "M4 6h16a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2z M6 10h.01 M10 10h.01 M14 10h.01 M18 10h.01 M8 14h8",
   "page-break": "M6 3v5h12V3 M6 21v-5h12v5 M2 12h3 M8 12h3 M13 12h3 M19 12h3",
   shield: "M12 2l8 3v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5z",
-  repeat: "M17 2l4 4-4 4 M3 11V9a4 4 0 014-4h14 M7 22l-4-4 4-4 M21 13v2a4 4 0 01-4 4H3"
-}, he = {
+  repeat: "M17 2l4 4-4 4 M3 11V9a4 4 0 014-4h14 M7 22l-4-4 4-4 M21 13v2a4 4 0 01-4 4H3",
+  // 1.2.1: for the controls that drew these as inline <svg>
+  pin: "M12 17v5 M5 17h14l-1.5-3V8a2 2 0 00-2-2h-7a2 2 0 00-2 2v6z",
+  "mic-off": "M1 1l22 22 M9 9v3a3 3 0 005.12 2.12 M15 9.34V4a3 3 0 00-5.94-.6 M17 16.95A7 7 0 015 12v-2 M19 10v2a7 7 0 01-.11 1.23 M12 19v4 M8 23h8",
+  "log-out": "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4 M16 17l5-5-5-5 M21 12H9",
+  "chevrons-left": "M11 17l-5-5 5-5 M18 17l-5-5 5-5",
+  "chevrons-right": "M13 17l5-5-5-5 M6 17l5-5-5-5",
+  "zoom-in": "M11 4a7 7 0 100 14 7 7 0 000-14z M21 21l-4.35-4.35 M11 8v6 M8 11h6",
+  "zoom-out": "M11 4a7 7 0 100 14 7 7 0 000-14z M21 21l-4.35-4.35 M8 11h6",
+  navigation: "M12 2l7 19-7-4-7 4z",
+  "refresh-ccw": "M1 4v6h6 M23 20v-6h-6 M20.49 9A9 9 0 005.64 5.64L1 10 M3.51 15a9 9 0 0014.85 3.36L23 14",
+  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7"
+}, Z = {
   xs: 12,
   sm: 16,
   md: 20,
   lg: 24,
   xl: 32
-}, pe = M({});
-function ye({
+}, ee = /* @__PURE__ */ x({});
+function ae({
   path: a,
-  size: i,
-  className: c,
+  size: r,
+  className: l,
   style: n,
-  color: t,
-  title: o,
-  onClick: d
+  color: c,
+  title: t,
+  onClick: o
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: i,
-      height: i,
+      width: r,
+      height: r,
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: t || "currentColor",
+      stroke: c || "currentColor",
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: `nice-icon ${c || ""}`,
+      className: `nice-icon ${l || ""}`,
       style: n,
-      role: o ? "img" : "presentation",
-      "aria-label": o,
-      "aria-hidden": !o,
-      onClick: d,
+      role: t ? "img" : "presentation",
+      "aria-label": t,
+      "aria-hidden": !t,
+      onClick: o,
       children: [
-        o && /* @__PURE__ */ e("title", { children: o }),
+        t && /* @__PURE__ */ e("title", { children: t }),
         /* @__PURE__ */ e("path", { d: a })
       ]
     }
   );
 }
-const p = ({
+const m = ({
   name: a,
-  size: i = "md",
-  className: c,
+  size: r = "md",
+  className: l,
   style: n,
-  color: t,
-  title: o,
-  onClick: d
+  color: c,
+  title: t,
+  onClick: o
 }) => {
-  const { resolver: l } = B(pe), b = typeof i == "number" ? i : he[i];
-  if (l) {
-    const _ = l(a, b);
-    if (_)
-      return /* @__PURE__ */ e("span", { className: `nice-icon-wrap ${c || ""}`, style: n, onClick: d, children: _ });
+  const { resolver: s } = I(ee), h = typeof r == "number" ? r : Z[r];
+  if (s) {
+    const u = s(a, h);
+    if (u)
+      return /* @__PURE__ */ e("span", { className: `nice-icon-wrap ${l || ""}`, style: n, onClick: o, children: u });
   }
-  const m = me[a];
-  return m ? /* @__PURE__ */ e(
-    ye,
+  const p = X[a];
+  return p ? /* @__PURE__ */ e(
+    ae,
     {
-      path: m,
-      size: b,
-      className: c,
+      path: p,
+      size: h,
+      className: l,
       style: n,
-      color: t,
-      title: o,
-      onClick: d
+      color: c,
+      title: t,
+      onClick: o
     }
   ) : null;
 };
-M({
-  direction: "ltr",
-  isRTL: !1,
-  flip: (a) => a,
-  flipStyle: (a, i) => ({ [a]: i })
-});
-M({
-  permissions: {},
-  getAccessMode: () => "full"
-});
-M(null);
-function ue() {
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+function ie() {
   const a = globalThis.crypto;
   if (typeof (a == null ? void 0 : a.randomUUID) == "function")
     return a.randomUUID();
-  const i = new Uint8Array(16);
+  const r = new Uint8Array(16);
   if (typeof (a == null ? void 0 : a.getRandomValues) == "function")
-    a.getRandomValues(i);
+    a.getRandomValues(r);
   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",
-  space2: "8px",
-  space3: "12px",
-  space4: "16px",
-  space5: "20px",
-  space6: "24px",
-  space8: "32px"
-}, Z = {
-  fontFamily: "'Inter', system-ui, -apple-system, sans-serif",
-  fontSizeXs: "0.75rem",
-  fontSizeSm: "0.8125rem",
-  fontSizeMd: "0.875rem",
-  fontSizeLg: "1rem",
-  fontSizeXl: "1.125rem",
-  fontWeightNormal: 400,
-  fontWeightMedium: 500,
-  fontWeightSemibold: 600,
-  fontWeightBold: 700,
-  lineHeight: 1.5
-}, ee = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, ae = (a) => ({
-  color: a,
-  radiusSm: "4px",
-  radiusMd: "6px",
-  radiusLg: "8px",
-  radiusXl: "12px",
-  radiusFull: "9999px"
-}), 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)"
-}, 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, t) {
-  return {
-    name: a,
-    darkMode: "light",
-    colors: {
-      ...i,
-      surface: i.surface ?? c.primary,
-      surfaceHover: i.surfaceHover ?? c.secondary
-    },
-    backgrounds: {
-      ...c,
-      elevated: c.elevated ?? c.primary,
-      inset: c.inset ?? c.tertiary,
-      canvas: c.canvas ?? c.primary
-    },
-    text: { ...n, inverse: n.inverse ?? "#ffffff" },
-    borders: ae(t),
-    shadows: ve,
-    spacing: Y,
-    typography: Z,
-    transitions: ee
-  };
+    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)}`;
 }
-function h(a, i, c, n, t) {
-  return {
-    name: a,
-    darkMode: "dark",
-    colors: {
-      ...i,
-      surface: i.surface ?? c.secondary,
-      surfaceHover: i.surfaceHover ?? c.tertiary
-    },
-    backgrounds: {
-      ...c,
-      elevated: c.elevated ?? c.secondary,
-      inset: c.inset ?? c.primary,
-      canvas: c.canvas ?? c.primary
-    },
-    text: { ...n, inverse: n.inverse ?? "#0f172a" },
-    borders: ae(t),
-    shadows: be,
-    spacing: Y,
-    typography: Z,
-    transitions: ee
-  };
-}
-s(
-  "Slate",
-  {
-    primary: "#64748b",
-    primaryHover: "#475569",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#1e293b", secondary: "#475569", muted: "#94a3b8" },
-  "#cbd5e1"
-);
-s(
-  "Zinc",
-  {
-    primary: "#71717a",
-    primaryHover: "#52525b",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fafafa", secondary: "#f4f4f5", tertiary: "#e4e4e7", hover: "#e4e4e7" },
-  { primary: "#18181b", secondary: "#3f3f46", muted: "#a1a1aa" },
-  "#d4d4d8"
-);
-s(
-  "Stone",
-  {
-    primary: "#78716c",
-    primaryHover: "#57534e",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fafaf9", secondary: "#f5f5f4", tertiary: "#e7e5e4", hover: "#e7e5e4" },
-  { primary: "#1c1917", secondary: "#44403c", muted: "#a8a29e" },
-  "#d6d3d1"
-);
-s(
-  "Cool Gray",
-  {
-    primary: "#6b7280",
-    primaryHover: "#4b5563",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#3b82f6"
-  },
-  { primary: "#f9fafb", secondary: "#f3f4f6", tertiary: "#e5e7eb", hover: "#e5e7eb" },
-  { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
-  "#d1d5db"
-);
-s(
-  "Warm Gray",
-  {
-    primary: "#7c7568",
-    primaryHover: "#5c564c",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#faf9f7", secondary: "#f5f4f0", tertiary: "#e8e6e1", hover: "#e8e6e1" },
-  { primary: "#1f1d19", secondary: "#4a463d", muted: "#a09888" },
-  "#d4d0c8"
-);
-s(
-  "Silver",
-  {
-    primary: "#94a3b8",
-    primaryHover: "#64748b",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#38bdf8"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#334155", secondary: "#64748b", muted: "#94a3b8" },
-  "#cbd5e1"
-);
-s(
-  "Charcoal",
-  {
-    primary: "#374151",
-    primaryHover: "#1f2937",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f9fafb", secondary: "#f3f4f6", tertiary: "#e5e7eb", hover: "#e5e7eb" },
-  { primary: "#111827", secondary: "#374151", muted: "#6b7280" },
-  "#d1d5db"
-);
-s(
-  "Ivory",
-  {
-    primary: "#92876d",
-    primaryHover: "#7a6f55",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fffef7", secondary: "#faf6eb", tertiary: "#f0ead6", hover: "#f0ead6" },
-  { primary: "#2b2517", secondary: "#5c5340", muted: "#9c9280" },
-  "#ddd8c4"
-);
-s(
-  "Rose",
-  {
-    primary: "#e11d48",
-    primaryHover: "#be123c",
-    success: "#16a34a",
-    warning: "#ea580c",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#4c0519", secondary: "#881337", muted: "#f43f5e" },
-  "#fda4af"
-);
-s(
-  "Emerald",
-  {
-    primary: "#059669",
-    primaryHover: "#047857",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#064e3b", secondary: "#065f46", muted: "#34d399" },
-  "#6ee7b7"
-);
-s(
-  "Amber",
-  {
-    primary: "#d97706",
-    primaryHover: "#b45309",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#451a03", secondary: "#78350f", muted: "#f59e0b" },
-  "#fcd34d"
-);
-s(
-  "Violet",
-  {
-    primary: "#7c3aed",
-    primaryHover: "#6d28d9",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f5f3ff", secondary: "#ede9fe", tertiary: "#ddd6fe", hover: "#ede9fe" },
-  { primary: "#2e1065", secondary: "#4c1d95", muted: "#a78bfa" },
-  "#c4b5fd"
-);
-s(
-  "Teal",
-  {
-    primary: "#0d9488",
-    primaryHover: "#0f766e",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f0fdfa", secondary: "#ccfbf1", tertiary: "#99f6e4", hover: "#ccfbf1" },
-  { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
-  "#5eead4"
-);
-s(
-  "Indigo",
-  {
-    primary: "#4f46e5",
-    primaryHover: "#4338ca",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#eef2ff", secondary: "#e0e7ff", tertiary: "#c7d2fe", hover: "#e0e7ff" },
-  { primary: "#1e1b4b", secondary: "#312e81", muted: "#818cf8" },
-  "#a5b4fc"
-);
-s(
-  "Cyan",
-  {
-    primary: "#0891b2",
-    primaryHover: "#0e7490",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#0284c7"
-  },
-  { primary: "#ecfeff", secondary: "#cffafe", tertiary: "#a5f3fc", hover: "#cffafe" },
-  { primary: "#164e63", secondary: "#155e75", muted: "#22d3ee" },
-  "#67e8f9"
-);
-s(
-  "Lime",
-  {
-    primary: "#65a30d",
-    primaryHover: "#4d7c0f",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f7fee7", secondary: "#ecfccb", tertiary: "#d9f99d", hover: "#ecfccb" },
-  { primary: "#1a2e05", secondary: "#365314", muted: "#84cc16" },
-  "#bef264"
-);
-s(
-  "Pink",
-  {
-    primary: "#db2777",
-    primaryHover: "#be185d",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#dc2626",
-    info: "#06b6d4"
-  },
-  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
-  { primary: "#500724", secondary: "#831843", muted: "#f472b6" },
-  "#f9a8d4"
-);
-s(
-  "Orange",
-  {
-    primary: "#ea580c",
-    primaryHover: "#c2410c",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#431407", secondary: "#7c2d12", muted: "#fb923c" },
-  "#fdba74"
-);
-s(
-  "Fuchsia",
-  {
-    primary: "#c026d3",
-    primaryHover: "#a21caf",
-    success: "#10b981",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fdf4ff", secondary: "#fae8ff", tertiary: "#f5d0fe", hover: "#fae8ff" },
-  { primary: "#4a044e", secondary: "#701a75", muted: "#d946ef" },
-  "#e879f9"
-);
-s(
-  "Sky",
-  {
-    primary: "#0284c7",
-    primaryHover: "#0369a1",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#0c4a6e", secondary: "#075985", muted: "#38bdf8" },
-  "#7dd3fc"
-);
-s(
-  "Ruby",
-  {
-    primary: "#be123c",
-    primaryHover: "#9f1239",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#4c0519", secondary: "#881337", muted: "#fb7185" },
-  "#fda4af"
-);
-s(
-  "Coral",
-  {
-    primary: "#f97316",
-    primaryHover: "#ea580c",
-    success: "#10b981",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#431407", secondary: "#9a3412", muted: "#fb923c" },
-  "#fdba74"
-);
-h(
-  "Midnight",
-  {
-    primary: "#818cf8",
-    primaryHover: "#6366f1",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#020617", secondary: "#0f172a", tertiary: "#1e293b", hover: "#1e293b" },
-  { primary: "#f1f5f9", secondary: "#94a3b8", muted: "#475569" },
-  "#1e293b"
-);
-h(
-  "Obsidian",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#4ade80",
-    warning: "#facc15",
-    error: "#fb7185",
-    info: "#38bdf8"
-  },
-  { primary: "#09090b", secondary: "#18181b", tertiary: "#27272a", hover: "#27272a" },
-  { primary: "#fafafa", secondary: "#a1a1aa", muted: "#52525b" },
-  "#3f3f46"
-);
-h(
-  "Eclipse",
-  {
-    primary: "#c084fc",
-    primaryHover: "#a855f7",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#67e8f9"
-  },
-  { primary: "#0c0a1d", secondary: "#1a1533", tertiary: "#2a2248", hover: "#2a2248" },
-  { primary: "#f5f3ff", secondary: "#a78bfa", muted: "#6d5eac" },
-  "#3b3266"
-);
-h(
-  "Onyx",
-  {
-    primary: "#60a5fa",
-    primaryHover: "#3b82f6",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#000000", secondary: "#0a0a0a", tertiary: "#171717", hover: "#171717" },
-  { primary: "#ffffff", secondary: "#a3a3a3", muted: "#525252" },
-  "#262626"
-);
-h(
-  "Carbon",
-  {
-    primary: "#38bdf8",
-    primaryHover: "#0ea5e9",
-    success: "#4ade80",
-    warning: "#facc15",
-    error: "#f87171",
-    info: "#67e8f9"
-  },
-  { primary: "#161616", secondary: "#262626", tertiary: "#393939", hover: "#393939" },
-  { primary: "#f4f4f4", secondary: "#c6c6c6", muted: "#6f6f6f" },
-  "#525252"
-);
-h(
-  "Cosmos",
-  {
-    primary: "#6366f1",
-    primaryHover: "#4f46e5",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#030712", secondary: "#111827", tertiary: "#1f2937", hover: "#1f2937" },
-  // 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(
-  "Nebula",
-  {
-    primary: "#e879f9",
-    primaryHover: "#d946ef",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#0d0117", secondary: "#1a0533", tertiary: "#2d0a52", hover: "#2d0a52" },
-  { primary: "#fae8ff", secondary: "#d8b4fe", muted: "#7c3aed" },
-  "#581c87"
-);
-h(
-  "Abyss",
-  {
-    primary: "#22d3ee",
-    primaryHover: "#06b6d4",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#38bdf8"
-  },
-  { primary: "#001219", secondary: "#002a3a", tertiary: "#003e54", hover: "#003e54" },
-  { primary: "#e0f2fe", secondary: "#7dd3fc", muted: "#0369a1" },
-  "#075985"
-);
-h(
-  "Shadow",
-  {
-    primary: "#a3a3a3",
-    primaryHover: "#737373",
-    success: "#4ade80",
-    warning: "#facc15",
-    error: "#f87171",
-    info: "#38bdf8"
-  },
-  { primary: "#171717", secondary: "#1f1f1f", tertiary: "#2a2a2a", hover: "#2a2a2a" },
-  { primary: "#e5e5e5", secondary: "#a3a3a3", muted: "#525252" },
-  "#404040"
-);
-h(
-  "Emerald Dark",
-  {
-    primary: "#34d399",
-    primaryHover: "#10b981",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#022c22", secondary: "#064e3b", tertiary: "#065f46", hover: "#065f46" },
-  { primary: "#ecfdf5", secondary: "#6ee7b7", muted: "#047857" },
-  "#047857"
-);
-s(
-  "Forest",
-  {
-    primary: "#166534",
-    primaryHover: "#14532d",
-    success: "#22c55e",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
-  "#86efac"
-);
-s(
-  "Ocean",
-  {
-    primary: "#0369a1",
-    primaryHover: "#075985",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#38bdf8" },
-  "#7dd3fc"
-);
-s(
-  "Desert",
-  {
-    primary: "#b45309",
-    primaryHover: "#92400e",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fefce8", secondary: "#fef9c3", tertiary: "#fef08a", hover: "#fef9c3" },
-  { primary: "#422006", secondary: "#713f12", muted: "#ca8a04" },
-  "#fde047"
-);
-s(
-  "Sunset",
-  {
-    primary: "#ea580c",
-    primaryHover: "#c2410c",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#431407", secondary: "#9a3412", muted: "#f97316" },
-  "#fdba74"
-);
-s(
-  "Aurora",
-  {
-    primary: "#0d9488",
-    primaryHover: "#0f766e",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0fdfa", secondary: "#ccfbf1", tertiary: "#99f6e4", hover: "#ccfbf1" },
-  { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
-  "#5eead4"
-);
-s(
-  "Lavender",
-  {
-    primary: "#7e22ce",
-    primaryHover: "#6b21a8",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#faf5ff", secondary: "#f3e8ff", tertiary: "#e9d5ff", hover: "#f3e8ff" },
-  { primary: "#3b0764", secondary: "#581c87", muted: "#a855f7" },
-  "#d8b4fe"
-);
-s(
-  "Autumn",
-  {
-    primary: "#c2410c",
-    primaryHover: "#9a3412",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fef2f2", secondary: "#fee2e2", tertiary: "#fecaca", hover: "#fee2e2" },
-  { primary: "#450a0a", secondary: "#7f1d1d", muted: "#f87171" },
-  "#fca5a5"
-);
-s(
-  "Spring",
-  {
-    primary: "#16a34a",
-    primaryHover: "#15803d",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#14532d", secondary: "#166534", muted: "#4ade80" },
-  "#86efac"
-);
-s(
-  "Arctic",
-  {
-    primary: "#0ea5e9",
-    primaryHover: "#0284c7",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
-  "#bae6fd"
-);
-s(
-  "Tropical",
-  {
-    primary: "#0d9488",
-    primaryHover: "#0f766e",
-    success: "#16a34a",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
-  "#a7f3d0"
-);
-s(
-  "Pastel Rose",
-  {
-    primary: "#f472b6",
-    primaryHover: "#ec4899",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
-  { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
-  "#f9a8d4"
-);
-s(
-  "Pastel Sky",
-  {
-    primary: "#38bdf8",
-    primaryHover: "#0ea5e9",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#075985", secondary: "#0369a1", muted: "#7dd3fc" },
-  "#bae6fd"
-);
-s(
-  "Pastel Mint",
-  {
-    primary: "#34d399",
-    primaryHover: "#10b981",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#065f46", secondary: "#047857", muted: "#6ee7b7" },
-  "#a7f3d0"
-);
-s(
-  "Pastel Peach",
-  {
-    primary: "#fb923c",
-    primaryHover: "#f97316",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#7c2d12", secondary: "#9a3412", muted: "#fdba74" },
-  "#fed7aa"
-);
-s(
-  "Pastel Lavender",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#f5f3ff", secondary: "#ede9fe", tertiary: "#ddd6fe", hover: "#ede9fe" },
-  { primary: "#4c1d95", secondary: "#5b21b6", muted: "#c4b5fd" },
-  "#ddd6fe"
-);
-s(
-  "Pastel Lemon",
-  {
-    primary: "#facc15",
-    primaryHover: "#eab308",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fefce8", secondary: "#fef9c3", tertiary: "#fef08a", hover: "#fef9c3" },
-  { primary: "#713f12", secondary: "#854d0e", muted: "#fde047" },
-  "#fef08a"
-);
-s(
-  "Pastel Sage",
-  {
-    primary: "#86efac",
-    primaryHover: "#4ade80",
-    success: "#22c55e",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#166534", secondary: "#15803d", muted: "#86efac" },
-  "#bbf7d0"
-);
-s(
-  "Pastel Coral",
-  {
-    primary: "#fb7185",
-    primaryHover: "#f43f5e",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#ef4444",
-    info: "#67e8f9"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#881337", secondary: "#9f1239", muted: "#fda4af" },
-  "#fecdd3"
-);
-s(
-  "Banking",
-  {
-    primary: "#1e3a5f",
-    primaryHover: "#152c4a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#0f172a", secondary: "#334155", muted: "#94a3b8" },
-  "#cbd5e1"
-);
-s(
-  "Healthcare",
-  {
-    primary: "#0891b2",
-    primaryHover: "#0e7490",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f0fdfa", secondary: "#e0f7fa", tertiary: "#b2ebf2", hover: "#e0f7fa" },
-  { primary: "#134e4a", secondary: "#1a6b6a", muted: "#80cbc4" },
-  "#b2dfdb"
-);
-s(
-  "Legal",
-  {
-    primary: "#1e293b",
-    primaryHover: "#0f172a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#fafaf9", secondary: "#f5f5f4", tertiary: "#e7e5e4", hover: "#e7e5e4" },
-  { primary: "#0f172a", secondary: "#44403c", muted: "#a8a29e" },
-  "#d6d3d1"
-);
-s(
-  "Tech Startup",
-  {
-    primary: "#7c3aed",
-    primaryHover: "#6d28d9",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#faf5ff", secondary: "#f3e8ff", tertiary: "#e9d5ff", hover: "#f3e8ff" },
-  { primary: "#1e1b4b", secondary: "#4c1d95", muted: "#a78bfa" },
-  "#c4b5fd"
-);
-s(
-  "Enterprise",
-  {
-    primary: "#1e40af",
-    primaryHover: "#1e3a8a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#eff6ff", secondary: "#dbeafe", tertiary: "#bfdbfe", hover: "#dbeafe" },
-  { primary: "#1e3a5f", secondary: "#1e40af", muted: "#60a5fa" },
-  "#93c5fd"
-);
-s(
-  "Government",
-  {
-    primary: "#1d4ed8",
-    primaryHover: "#1e40af",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#0f172a", secondary: "#1e293b", muted: "#64748b" },
-  "#cbd5e1"
-);
-s(
-  "Education",
-  {
-    primary: "#059669",
-    primaryHover: "#047857",
-    success: "#16a34a",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#0891b2"
-  },
-  { primary: "#f0fdf9", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
-  "#a7f3d0"
-);
-s(
-  "Real Estate",
-  {
-    primary: "#92400e",
-    primaryHover: "#78350f",
-    success: "#059669",
-    warning: "#b45309",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#422006", secondary: "#713f12", muted: "#d97706" },
-  "#fcd34d"
-);
-s(
-  "Nord",
-  {
-    primary: "#5e81ac",
-    primaryHover: "#4c6b90",
-    success: "#a3be8c",
-    warning: "#ebcb8b",
-    error: "#bf616a",
-    info: "#88c0d0"
-  },
-  { primary: "#eceff4", secondary: "#e5e9f0", tertiary: "#d8dee9", hover: "#d8dee9" },
-  { primary: "#2e3440", secondary: "#3b4252", muted: "#4c566a" },
-  "#d8dee9"
-);
-h(
-  "Dracula",
-  {
-    primary: "#bd93f9",
-    primaryHover: "#9d79d9",
-    success: "#50fa7b",
-    warning: "#f1fa8c",
-    error: "#ff5555",
-    info: "#8be9fd"
-  },
-  { primary: "#282a36", secondary: "#343746", tertiary: "#44475a", hover: "#44475a" },
-  { primary: "#f8f8f2", secondary: "#c0c0c0", muted: "#6272a4" },
-  "#44475a"
-);
-s(
-  "Solarized Light",
-  {
-    primary: "#268bd2",
-    primaryHover: "#1a6da0",
-    success: "#859900",
-    warning: "#b58900",
-    error: "#dc322f",
-    info: "#2aa198"
-  },
-  { primary: "#fdf6e3", secondary: "#eee8d5", tertiary: "#e0dbc7", hover: "#eee8d5" },
-  { primary: "#073642", secondary: "#586e75", muted: "#93a1a1" },
-  "#eee8d5"
-);
-h(
-  "Solarized Dark",
-  {
-    primary: "#268bd2",
-    primaryHover: "#3d98db",
-    success: "#859900",
-    warning: "#b58900",
-    error: "#dc322f",
-    info: "#2aa198"
-  },
-  { primary: "#002b36", secondary: "#073642", tertiary: "#0a4858", hover: "#073642" },
-  // 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(
-  "Monokai",
-  {
-    primary: "#66d9ef",
-    primaryHover: "#45c0d6",
-    success: "#a6e22e",
-    warning: "#e6db74",
-    error: "#f92672",
-    info: "#66d9ef"
-  },
-  { primary: "#272822", secondary: "#34352e", tertiary: "#3e3d32", hover: "#3e3d32" },
-  { primary: "#f8f8f2", secondary: "#cfcfc2", muted: "#75715e" },
-  "#3e3d32"
-);
-h(
-  "One Dark",
-  {
-    primary: "#61afef",
-    primaryHover: "#4b9ee0",
-    success: "#98c379",
-    warning: "#e5c07b",
-    error: "#e06c75",
-    info: "#56b6c2"
-  },
-  { primary: "#282c34", secondary: "#2c313a", tertiary: "#353b45", hover: "#353b45" },
-  { primary: "#abb2bf", secondary: "#828997", muted: "#545862" },
-  "#3e4452"
-);
-h(
-  "Synthwave",
-  {
-    primary: "#ff7edb",
-    primaryHover: "#e660c2",
-    success: "#72f1b8",
-    warning: "#fede5d",
-    error: "#fe4450",
-    info: "#36f9f6"
-  },
-  { primary: "#241b2f", secondary: "#2d2140", tertiary: "#362a50", hover: "#362a50" },
-  { primary: "#f0e4fc", secondary: "#b4a0cc", muted: "#6c5c84" },
-  "#4a3866"
-);
-s(
-  "Vaporwave",
-  {
-    primary: "#ff71ce",
-    primaryHover: "#e655b5",
-    success: "#78dcca",
-    warning: "#ffb86c",
-    error: "#ff5555",
-    info: "#76e8fc"
-  },
-  { primary: "#fce4f7", secondary: "#e8d0f4", tertiary: "#d4bcf0", hover: "#e8d0f4" },
-  { primary: "#4a1a4e", secondary: "#7b3f7d", muted: "#c080c0" },
-  "#d8a8e8"
-);
-h(
-  "Terminal Green",
-  {
-    primary: "#00ff41",
-    primaryHover: "#00cc34",
-    success: "#00ff41",
-    warning: "#ffff00",
-    error: "#ff0000",
-    info: "#00ffff"
-  },
-  { primary: "#0a0a0a", secondary: "#0d1a0d", tertiary: "#1a2e1a", hover: "#1a2e1a" },
-  { primary: "#00ff41", secondary: "#00cc33", muted: "#008822" },
-  "#003300"
-);
-s(
-  "Sepia",
-  {
-    primary: "#8b6914",
-    primaryHover: "#704f10",
-    success: "#6b8e23",
-    warning: "#cd853f",
-    error: "#b22222",
-    info: "#5f9ea0"
-  },
-  { primary: "#faf0e6", secondary: "#f5e6d3", tertiary: "#eddcc7", hover: "#f5e6d3" },
-  { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
-  "#d7ccc8"
-);
-s(
-  "Vintage",
-  {
-    primary: "#8d6e63",
-    primaryHover: "#6d4c41",
-    success: "#66bb6a",
-    warning: "#ffb300",
-    error: "#e53935",
-    info: "#29b6f6"
-  },
-  { primary: "#efebe9", secondary: "#d7ccc8", tertiary: "#bcaaa4", hover: "#d7ccc8" },
-  { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
-  "#bcaaa4"
-);
-h(
-  "Cyberpunk",
-  {
-    primary: "#00f0ff",
-    primaryHover: "#00c8d4",
-    success: "#39ff14",
-    warning: "#ffff00",
-    error: "#ff003c",
-    info: "#bf00ff"
-  },
-  { primary: "#0a0e17", secondary: "#131824", tertiary: "#1c2333", hover: "#1c2333" },
-  // 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(
-  "Neon",
-  {
-    primary: "#ff00ff",
-    primaryHover: "#cc00cc",
-    success: "#00ff00",
-    warning: "#ffff00",
-    error: "#ff0000",
-    info: "#00ffff"
-  },
-  { primary: "#0d0d0d", secondary: "#1a1a1a", tertiary: "#262626", hover: "#262626" },
-  { primary: "#ffffff", secondary: "#cccccc", muted: "#666666" },
-  "#333333"
-);
-h(
-  "Retrowave",
-  {
-    primary: "#f77fbe",
-    primaryHover: "#e462a3",
-    success: "#72f1b8",
-    warning: "#ffe261",
-    error: "#ff4444",
-    info: "#79e8fb"
-  },
-  { primary: "#1b0a2e", secondary: "#261440", tertiary: "#321e52", hover: "#321e52" },
-  { primary: "#ffe6f7", secondary: "#c9a0c9", muted: "#6b4c7a" },
-  "#4a2d66"
-);
-s(
-  "Christmas",
-  {
-    primary: "#c41e3a",
-    primaryHover: "#a01830",
-    success: "#228b22",
-    warning: "#ffd700",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fef2f2", secondary: "#fde8e8", tertiary: "#f8d0d0", hover: "#fde8e8" },
-  { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
-  "#e8a0a0"
-);
-h(
-  "Halloween",
-  {
-    primary: "#ff6600",
-    primaryHover: "#e05500",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#ff0000",
-    info: "#9333ea"
-  },
-  { primary: "#1a0a00", secondary: "#2d1500", tertiary: "#402000", hover: "#402000" },
-  // 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(
-  "Valentine",
-  {
-    primary: "#e11d48",
-    primaryHover: "#be123c",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#dc2626",
-    info: "#ec4899"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#4c0519", secondary: "#881337", muted: "#f9a8d4" },
-  "#fda4af"
-);
-s(
-  "Easter",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fef9ff", secondary: "#f3e8ff", tertiary: "#e8d5ff", hover: "#f3e8ff" },
-  { primary: "#581c87", secondary: "#6d28d9", muted: "#c4b5fd" },
-  "#ddd6fe"
-);
-s(
-  "Summer Beach",
-  {
-    primary: "#0ea5e9",
-    primaryHover: "#0284c7",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
-  "#fcd34d"
-);
-s(
-  "Winter Frost",
-  {
-    primary: "#3b82f6",
-    primaryHover: "#2563eb",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#1e3a5f", secondary: "#1e40af", muted: "#93c5fd" },
-  "#bfdbfe"
-);
-s(
-  "Cherry Blossom",
-  {
-    primary: "#ec4899",
-    primaryHover: "#db2777",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
-  { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
-  "#fbcfe8"
-);
-s(
-  "Harvest",
-  {
-    primary: "#b45309",
-    primaryHover: "#92400e",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#451a03", secondary: "#78350f", muted: "#d97706" },
-  "#fcd34d"
-);
-s(
-  "Japanese Zen",
-  {
-    primary: "#6b7280",
-    primaryHover: "#4b5563",
-    success: "#6b8e23",
-    warning: "#d4a017",
-    error: "#c0392b",
-    info: "#5f9ea0"
-  },
-  { primary: "#faf9f6", secondary: "#f0ece3", tertiary: "#e6e0d4", hover: "#f0ece3" },
-  { primary: "#2c2c2c", secondary: "#5c5c5c", muted: "#a0998a" },
-  "#d5cec0"
-);
-s(
-  "Moroccan",
-  {
-    primary: "#c2410c",
-    primaryHover: "#9a3412",
-    success: "#15803d",
-    warning: "#ca8a04",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fffbf0", secondary: "#fef3e0", tertiary: "#fde6c4", hover: "#fef3e0" },
-  { primary: "#3a1a00", secondary: "#7c2d12", muted: "#d97706" },
-  "#f5d0a0"
-);
-s(
-  "Scandinavian",
-  {
-    primary: "#4b5563",
-    primaryHover: "#374151",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#ffffff", secondary: "#f9fafb", tertiary: "#f3f4f6", hover: "#f3f4f6" },
-  { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
-  "#e5e7eb"
-);
-s(
-  "Mediterranean",
-  {
-    primary: "#1e40af",
-    primaryHover: "#1e3a8a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#eff6ff", secondary: "#dbeafe", tertiary: "#bfdbfe", hover: "#dbeafe" },
-  { primary: "#1e3a5f", secondary: "#2563eb", muted: "#93c5fd" },
-  "#bfdbfe"
-);
-s(
-  "Chinese New Year",
-  {
-    primary: "#dc2626",
-    primaryHover: "#b91c1c",
-    success: "#16a34a",
-    warning: "#d4a017",
-    error: "#ef4444",
-    info: "#0891b2"
-  },
-  { primary: "#fef2f2", secondary: "#fee2e2", tertiary: "#fecaca", hover: "#fee2e2" },
-  { primary: "#450a0a", secondary: "#991b1b", muted: "#f87171" },
-  "#fca5a5"
-);
-s(
-  "Indian Festive",
-  {
-    primary: "#d97706",
-    primaryHover: "#b45309",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#7c3aed"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#451a03", secondary: "#92400e", muted: "#f59e0b" },
-  "#fcd34d"
-);
-s(
-  "Brazilian Carnival",
-  {
-    primary: "#16a34a",
-    primaryHover: "#15803d",
-    success: "#22c55e",
-    warning: "#facc15",
-    error: "#ef4444",
-    info: "#0ea5e9"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
-  "#86efac"
-);
-s(
-  "African Earth",
-  {
-    primary: "#92400e",
-    primaryHover: "#78350f",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#faf5f0", secondary: "#f0e6d6", tertiary: "#e6d5bb", hover: "#f0e6d6" },
-  { primary: "#2b1a0e", secondary: "#5c3d1e", muted: "#a08060" },
-  "#d4b896"
-);
-h(
-  "High Contrast Dark",
-  {
-    primary: "#ffff00",
-    primaryHover: "#cccc00",
-    success: "#00ff00",
-    warning: "#ff8c00",
-    error: "#ff0000",
-    info: "#00ffff"
-  },
-  { primary: "#000000", secondary: "#1a1a1a", tertiary: "#333333", hover: "#333333" },
-  { primary: "#ffffff", secondary: "#ffffff", muted: "#cccccc" },
-  "#ffffff"
-);
-s(
-  "Monochrome",
-  {
-    primary: "#404040",
-    primaryHover: "#262626",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fafafa", secondary: "#f0f0f0", tertiary: "#e0e0e0", hover: "#e0e0e0" },
-  { primary: "#1a1a1a", secondary: "#404040", muted: "#808080" },
-  "#c0c0c0"
-);
-s(
-  "Enhanced Contrast",
-  {
-    primary: "#0050b3",
-    primaryHover: "#003d8c",
-    success: "#006400",
-    warning: "#cc7000",
-    error: "#cc0000",
-    info: "#006680"
-  },
-  { primary: "#ffffff", secondary: "#f5f5f5", tertiary: "#ebebeb", hover: "#ebebeb" },
-  { primary: "#000000", secondary: "#1a1a1a", muted: "#595959" },
-  "#8c8c8c"
-);
-s(
-  "Minimalist",
-  {
-    primary: "#18181b",
-    primaryHover: "#27272a",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#3b82f6"
-  },
-  { primary: "#ffffff", secondary: "#fafafa", tertiary: "#f5f5f5", hover: "#f5f5f5" },
-  { primary: "#0a0a0a", secondary: "#404040", muted: "#a3a3a3" },
-  "#e5e5e5"
-);
-h(
-  "Warm Dark",
-  {
-    primary: "#f59e0b",
-    primaryHover: "#d97706",
-    success: "#10b981",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#38bdf8"
-  },
-  { primary: "#1c1917", secondary: "#292524", tertiary: "#44403c", hover: "#44403c" },
-  { primary: "#fafaf9", secondary: "#d6d3d1", muted: "#78716c" },
-  "#57534e"
-);
-h(
-  "Soft Dark",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#34d399",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#1e1e2e", secondary: "#262637", tertiary: "#313147", hover: "#313147" },
-  { primary: "#e8e8f0", secondary: "#a0a0b8", muted: "#5c5c74" },
-  "#3e3e58"
-);
-s(
-  "Coffee",
-  {
-    primary: "#6f4e37",
-    primaryHover: "#5c3d28",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#faf6f1", secondary: "#f0e8dc", tertiary: "#e6d8c6", hover: "#f0e8dc" },
-  { primary: "#2c1a0e", secondary: "#5c3d28", muted: "#a08868" },
-  "#d4c4a8"
-);
-s(
-  "Wine",
-  {
-    primary: "#7f1d1d",
-    primaryHover: "#641717",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fef2f2", secondary: "#fde8e8", tertiary: "#f8d0d0", hover: "#fde8e8" },
-  { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
-  "#e8a0a0"
-);
-const ge = process.env.NODE_ENV === "development";
-let re = {
-  enabled: ge,
-  slowRenderThreshold: 16
-};
-const ie = [], O = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Map();
-function Me() {
-  ie.length = 0, O.clear(), ce.clear();
-}
-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 Ne() {
-  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"
-  ), console.log(`Total renders: ${a.totalRenders}`), console.log(`Average render time: ${V(a.avgRenderTime)}`), console.log(`Slow renders: ${a.slowRenders.length}`), console.group("Component Stats"), console.table(
-    a.stats.sort((i, c) => c.totalRenderTime - i.totalRenderTime).map((i) => ({
-      Name: i.componentName,
-      Renders: i.renderCount,
-      "Avg Time": V(i.avgRenderTime),
-      "Max Time": V(i.maxRenderTime),
-      "Total Time": V(i.totalRenderTime),
-      "Slow Renders": i.slowRenderCount
-    }))
-  ), console.groupEnd(), a.slowRenders.length > 0 && (console.group("Slow Renders (last 10)"), console.table(
-    a.slowRenders.slice(-10).map((i) => ({
-      Component: i.componentName,
-      Phase: i.phase,
-      Duration: V(i.actualDuration),
-      Time: new Date(i.timestamp).toLocaleTimeString()
-    }))
-  ), console.groupEnd()), a.marks.length > 0 && (console.group("Custom Marks"), console.table(
-    a.marks.filter((i) => i.duration).map((i) => ({
-      Name: i.name,
-      Duration: V(i.duration)
-    }))
-  ), console.groupEnd()), console.groupEnd();
-}
-const Ce = oe(
-  ({ position: a = "bottom-right", defaultCollapsed: i = !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());
-        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,
-          total: g.memory.totalJSHeapSize / 1024 / 1024
-        });
-      };
-      m();
-      const _ = setInterval(m, 2e3);
-      return () => clearInterval(_);
-    }, []), !re.enabled)
-      return null;
-    const b = {
-      position: "fixed",
-      zIndex: 99999,
-      ...a.includes("top") ? { top: 8 } : { bottom: 8 },
-      ...a.includes("left") ? { left: 8 } : { right: 8 }
-    };
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        style: {
-          ...b,
-          background: "var(--nice-overlay-85, rgba(0, 0, 0, 0.85))",
-          color: "var(--nice-color-white, #fff)",
-          borderRadius: 8,
-          fontSize: 11,
-          fontFamily: "Monaco, Consolas, monospace",
-          padding: c ? "4px 8px" : 8,
-          maxWidth: c ? "auto" : 300,
-          maxHeight: c ? "auto" : 400,
-          overflow: "auto"
-        },
-        children: [
-          /* @__PURE__ */ r(
-            "div",
-            {
-              style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 8 },
-              onClick: () => n((m) => !m),
-              children: [
-                /* @__PURE__ */ e(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    style: {
-                      width: 8,
-                      height: 8,
-                      borderRadius: "50%",
-                      background: "var(--nice-color-success, #22c55e)"
-                    }
-                  }
-                ),
-                /* @__PURE__ */ e("span", { children: "Profiler" }),
-                d.used > 0 && /* @__PURE__ */ r(
-                  "span",
-                  {
-                    style: {
-                      color: d.used > 100 ? "var(--nice-color-warning, #f59e0b)" : "var(--nice-text-muted, #64748b)"
-                    },
-                    children: [
-                      d.used.toFixed(0),
-                      "MB"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e("span", { style: { marginLeft: "auto", opacity: 0.5, display: "inline-flex" }, children: /* @__PURE__ */ e(p, { name: c ? "chevron-down" : "chevron-up", size: 12 }) })
-              ]
-            }
-          ),
-          !c && /* @__PURE__ */ r("div", { style: { marginTop: 8 }, children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                style: {
-                  borderBottom: "1px solid var(--nice-border-color, #333)",
-                  paddingBottom: 4,
-                  marginBottom: 8
-                },
-                children: /* @__PURE__ */ e("strong", { children: "Top Components" })
-              }
-            ),
-            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",
-                {
-                  style: {
-                    color: m.avgRenderTime > 16 ? "var(--nice-color-warning, #f59e0b)" : "var(--nice-color-success, #22c55e)"
-                  },
-                  children: V(m.avgRenderTime)
-                }
-              ),
-              /* @__PURE__ */ r(
-                "span",
-                {
-                  style: {
-                    color: "var(--nice-text-muted, #64748b)",
-                    minWidth: 30,
-                    textAlign: "right"
-                  },
-                  children: [
-                    "x",
-                    m.renderCount
-                  ]
-                }
-              )
-            ] }, m.componentName)),
-            /* @__PURE__ */ r("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: we,
-                  style: {
-                    flex: 1,
-                    padding: "4px 8px",
-                    background: "var(--nice-bg-tertiary, #333)",
-                    border: "none",
-                    borderRadius: 4,
-                    color: "var(--nice-text-primary, #fff)",
-                    cursor: "pointer",
-                    fontSize: 10
-                  },
-                  children: "Print Report"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: Me,
-                  style: {
-                    flex: 1,
-                    padding: "4px 8px",
-                    background: "var(--nice-bg-tertiary, #333)",
-                    border: "none",
-                    borderRadius: 4,
-                    color: "var(--nice-text-primary, #fff)",
-                    cursor: "pointer",
-                    fontSize: 10
-                  },
-                  children: "Clear"
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-Ce.displayName = "ProfilerOverlay";
 process.env.NODE_ENV;
-M(null);
-M({
-  enabled: !0,
-  active: !1,
-  run: () => {
-  }
-});
-const W = "nice-tutorial-button-styles";
-if (typeof document < "u" && !document.getElementById(W)) {
-  const a = document.createElement("style");
-  a.id = W, a.textContent = `
-    .nice-tutorial-button {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid var(--nice-border, #cbd5e1);
-      background: var(--nice-bg, #fff);
-      color: var(--nice-text-secondary, #475569);
-      border-radius: var(--nice-radius-full, 9999px);
-      cursor: help;
-      font-weight: 700;
-      line-height: 1;
-      padding: 0;
-      transition: background var(--nice-transition, 200ms ease), color var(--nice-transition, 200ms ease), border-color var(--nice-transition, 200ms ease);
-    }
-    .nice-tutorial-button:hover {
-      background: var(--nice-primary, #2563eb);
-      border-color: var(--nice-primary, #2563eb);
-      color: var(--nice-text-inverse, #fff);
-    }
-    .nice-tutorial-button:focus-visible {
-      outline: none;
-      box-shadow: 0 0 0 2px var(--nice-bg, #fff), 0 0 0 4px var(--nice-primary, #2563eb);
-    }
-    .nice-tutorial-button--sm { width: 16px; height: 16px; font-size: 11px; }
-    .nice-tutorial-button--md { width: 20px; height: 20px; font-size: 12px; }
-  `, document.head.appendChild(a);
-}
-M(null);
-M(null);
-M(null);
-M(null);
-const G = {
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+const R = {
   display: "inline-block",
   width: 10,
   height: 10,
   borderRadius: "50%",
   background: "currentColor"
-}, F = [
+}, $ = [
   { type: "device-list", label: "Device List", icon: "list" },
   { type: "device-status", label: "Device Status", icon: "success" },
   { type: "telemetry-chart", label: "Telemetry Chart", icon: "bar-chart" },
@@ -2018,199 +331,222 @@ const G = {
   { type: "kpi", label: "KPI Card", icon: "target" },
   { type: "camera-feed", label: "Camera Feed", icon: "video" }
 ];
-function Fe({
+function Ne({
   devices: a = [],
-  widgets: i = [],
-  alarms: c = [],
+  widgets: r = [],
+  alarms: l = [],
   onDeviceSelect: n,
-  onWidgetChange: t,
-  onCommand: o,
-  onAlarmAcknowledge: d,
-  fetchTelemetry: l,
-  className: b = ""
+  onWidgetChange: c,
+  onCommand: t,
+  onAlarmAcknowledge: o,
+  fetchTelemetry: s,
+  className: h = ""
 }) {
-  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 t == null || t(S), S;
+  const { t: p } = b(), [u, H] = g(r), [N, k] = g(null), [M, w] = g("dashboard"), [_, V] = g(!1), [y, L] = g(""), v = f(
+    (d) => {
+      H((C) => {
+        const z = d(C);
+        return c == null || c(z), z;
       });
     },
-    [t]
-  ), k = C(
-    (f) => {
-      var S;
-      const x = {
-        id: ue(),
-        type: f,
-        title: ((S = F.find(($) => $.type === f)) == null ? void 0 : S.label) || f,
-        position: { x: 0, y: He(m), width: 4, height: 3 },
+    [c]
+  ), D = f(
+    (d) => {
+      var z;
+      const C = {
+        id: ie(),
+        type: d,
+        title: ((z = $.find((U) => U.type === d)) == null ? void 0 : z.label) || d,
+        position: { x: 0, y: ne(u), width: 4, height: 3 },
         config: {}
       };
-      y(($) => [...$, x]);
+      v((U) => [...U, C]);
     },
-    [m, y]
-  ), U = C(
-    (f) => {
-      g(f), n == null || n(f);
+    [u, v]
+  ), P = f(
+    (d) => {
+      k(d), n == null || n(d);
     },
     [n]
-  ), E = C(
-    (f) => {
-      d == null || d(f);
+  ), T = f(
+    (d) => {
+      o == null || o(d);
     },
-    [d]
-  ), T = a.filter(
-    (f) => !z || f.name.toLowerCase().includes(z.toLowerCase()) || f.type.toLowerCase().includes(z.toLowerCase())
-  ), D = c.filter((f) => !f.cleared), q = D.filter(
-    (f) => f.severity === "critical" || f.severity === "high"
+    [o]
+  ), j = a.filter(
+    (d) => !y || d.name.toLowerCase().includes(y.toLowerCase()) || d.type.toLowerCase().includes(y.toLowerCase())
+  ), S = l.filter((d) => !d.cleared), O = S.filter(
+    (d) => d.severity === "critical" || d.severity === "high"
   );
-  return /* @__PURE__ */ r("div", { className: `nice-iot-dashboard ${b}`, children: [
-    /* @__PURE__ */ r("header", { className: "nice-iot-dashboard__header", children: [
-      /* @__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(p, { name: "wifi", size: 14 }) }),
-          a.length,
-          " Devices"
+  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__ */ 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(
+            "{devices}",
+            String(a.length)
+          )
         ] }),
-        /* @__PURE__ */ r("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--online", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", style: G }),
-          a.filter((f) => f.status === "online").length,
-          " Online"
+        /* @__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(
+            "{online}",
+            String(a.filter((d) => d.status === "online").length)
+          )
         ] }),
-        /* @__PURE__ */ r("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--offline", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", style: G }),
-          a.filter((f) => f.status === "offline").length,
-          " Offline"
+        /* @__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(
+            "{offline}",
+            String(a.filter((d) => d.status === "offline").length)
+          )
         ] }),
-        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(p, { name: "bell", size: 14 }) }),
-          q.length,
-          " Alarms"
+        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(
+            "{criticalAlarms}",
+            String(O.length)
+          )
         ] })
       ] }),
-      /* @__PURE__ */ r("nav", { className: "nice-iot-dashboard__nav", children: [
+      /* @__PURE__ */ i("nav", { className: "nice-iot-dashboard__nav", children: [
         /* @__PURE__ */ e(
           "button",
           {
-            className: v === "dashboard" ? "active" : "",
-            onClick: () => N("dashboard"),
-            children: "Dashboard"
+            className: `nice-iot-dashboard__nav-button ${M === "dashboard" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            onClick: () => w("dashboard"),
+            children: p("ioTDashboard.dashboard", "Dashboard")
           }
         ),
-        /* @__PURE__ */ e("button", { className: v === "devices" ? "active" : "", onClick: () => N("devices"), children: "Devices" }),
-        /* @__PURE__ */ r("button", { className: v === "alarms" ? "active" : "", onClick: () => N("alarms"), children: [
-          "Alarms ",
-          D.length > 0 && `(${D.length})`
-        ] })
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: `nice-iot-dashboard__nav-button ${M === "devices" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            onClick: () => w("devices"),
+            children: p("ioTDashboard.devices2", "Devices")
+          }
+        ),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            className: `nice-iot-dashboard__nav-button ${M === "alarms" ? "nice-iot-dashboard__nav-button--active" : ""}`,
+            onClick: () => w("alarms"),
+            children: [
+              p("ioTDashboard.alarms2", "Alarms"),
+              " ",
+              S.length > 0 && `(${S.length})`
+            ]
+          }
+        )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: v === "dashboard" && /* @__PURE__ */ r("button", { onClick: () => L(!H), children: [
-        /* @__PURE__ */ e(p, { name: H ? "check" : "edit", size: 14 }),
+      /* @__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 }),
         " ",
-        H ? "Done" : "Edit"
+        _ ? "Done" : "Edit"
       ] }) })
     ] }),
-    v === "dashboard" && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__main", children: [
-      H && /* @__PURE__ */ r("aside", { className: "nice-iot-dashboard__palette", children: [
-        /* @__PURE__ */ e("h4", { children: "Add Widget" }),
-        F.map((f) => /* @__PURE__ */ r(
+    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") }),
+        $.map((d) => /* @__PURE__ */ i(
           "button",
           {
             className: "nice-iot-dashboard__palette-item",
-            onClick: () => k(f.type),
+            onClick: () => D(d.type),
             children: [
-              /* @__PURE__ */ e(p, { name: f.icon, size: 16 }),
-              /* @__PURE__ */ e("span", { children: f.label })
+              /* @__PURE__ */ e(m, { name: d.icon, size: 16 }),
+              /* @__PURE__ */ e("span", { children: d.label })
             ]
           },
-          f.type
+          d.type
         ))
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__grid", children: [
-        m.map((f) => /* @__PURE__ */ e(
-          ze,
+      /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__grid", children: [
+        u.map((d) => /* @__PURE__ */ e(
+          le,
           {
-            widget: f,
+            widget: d,
             devices: a,
-            alarms: c,
-            isEditing: H,
-            onCommand: o,
-            onDelete: () => y((x) => x.filter((S) => S.id !== f.id))
+            alarms: l,
+            isEditing: _,
+            onCommand: t,
+            onDelete: () => v((C) => C.filter((z) => z.id !== d.id))
           },
-          f.id
+          d.id
         )),
-        m.length === 0 && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__empty", children: H ? "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: _ ? "Add widgets from the palette" : "No widgets configured. Click Edit to add widgets." })
       ] })
     ] }),
-    v === "devices" && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__devices", children: [
+    M === "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: "Search devices...",
-          value: z,
-          onChange: (f) => A(f.target.value)
+          placeholder: p("ioTDashboard.searchDevices", "Search devices..."),
+          value: y,
+          onChange: (d) => L(d.target.value)
         }
       ) }),
-      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: T.map((f) => /* @__PURE__ */ e(
-        xe,
+      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: j.map((d) => /* @__PURE__ */ e(
+        te,
         {
-          device: f,
-          isSelected: (w == null ? void 0 : w.id) === f.id,
-          onSelect: () => U(f)
+          device: d,
+          isSelected: (N == null ? void 0 : N.id) === d.id,
+          onSelect: () => P(d)
         },
-        f.id
+        d.id
       )) }),
-      w && /* @__PURE__ */ e(
-        Se,
+      N && /* @__PURE__ */ e(
+        oe,
         {
-          device: w,
-          onCommand: o,
-          onClose: () => g(null)
+          device: N,
+          onCommand: t,
+          onClose: () => k(null)
         }
       )
     ] }),
-    v === "alarms" && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarms", children: /* @__PURE__ */ r("table", { className: "nice-iot-dashboard__alarm-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
-        /* @__PURE__ */ e("th", { children: "Severity" }),
-        /* @__PURE__ */ e("th", { children: "Device" }),
-        /* @__PURE__ */ e("th", { children: "Message" }),
-        /* @__PURE__ */ e("th", { children: "Time" }),
-        /* @__PURE__ */ e("th", { children: "Status" }),
-        /* @__PURE__ */ e("th", { children: "Actions" })
+    M === "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("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(
+      /* @__PURE__ */ e("tbody", { children: S.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: p("ioTDashboard.noActiveAlarms", "No active alarms") }) }) : S.map((d) => {
+        const C = a.find((z) => z.id === d.deviceId);
+        return /* @__PURE__ */ i(
           "tr",
           {
-            className: `nice-iot-dashboard__alarm-row nice-iot-dashboard__alarm-row--${f.severity}`,
+            className: `nice-iot-dashboard__alarm-row nice-iot-dashboard__alarm-row--${d.severity}`,
             children: [
               /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `nice-iot-dashboard__severity nice-iot-dashboard__severity--${f.severity}`,
-                  children: f.severity
+                  className: `nice-iot-dashboard__severity nice-iot-dashboard__severity--${d.severity}`,
+                  children: d.severity
                 }
               ) }),
-              /* @__PURE__ */ e("td", { children: (x == null ? void 0 : x.name) || f.deviceId }),
-              /* @__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: () => E(f.id), children: "Acknowledge" }) })
+              /* @__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") }) })
             ]
           },
-          f.id
+          d.id
         );
       }) })
     ] }) })
   ] });
 }
-function He(a) {
-  return a.length === 0 ? 0 : Math.max(...a.map((i) => i.position.y + i.position.height));
+function ne(a) {
+  return a.length === 0 ? 0 : Math.max(...a.map((r) => r.position.y + r.position.height));
 }
-function I(a) {
+function E(a) {
   switch (a) {
     case "online":
       return "var(--nice-success, #28a745)";
@@ -2226,16 +562,16 @@ function I(a) {
       return "var(--nice-text-secondary, #6c757d)";
   }
 }
-function ze({
+function le({
   widget: a,
-  devices: i,
-  alarms: c,
+  devices: r,
+  alarms: l,
   isEditing: n,
-  onCommand: t,
-  onDelete: o
+  onCommand: c,
+  onDelete: t
 }) {
-  const d = F.find((l) => l.type === a.type);
-  return /* @__PURE__ */ r(
+  const { t: o } = b(), s = $.find((h) => h.type === a.type);
+  return /* @__PURE__ */ i(
     "div",
     {
       className: `nice-iot-dashboard__widget nice-iot-dashboard__widget--${a.type}`,
@@ -2244,30 +580,39 @@ function ze({
         gridRow: `span ${a.position.height}`
       },
       children: [
-        /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__widget-header", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(p, { name: (d == null ? void 0 : d.icon) ?? "box", size: 14 }) }),
+        /* @__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-title", children: a.title }),
-          n && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: o, children: "×" })
+          n && /* @__PURE__ */ e(
+            "button",
+            {
+              "aria-label": o("ioTDashboard.close", "Close"),
+              className: "nice-iot-dashboard__widget-delete",
+              onClick: t,
+              children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
+            }
+          )
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(ke, { widget: a, devices: i, alarms: c, onCommand: t }) })
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(re, { widget: a, devices: r, alarms: l, onCommand: c }) })
       ]
     }
   );
 }
-function ke({
+function re({
   widget: a,
-  devices: i,
-  alarms: c,
+  devices: r,
+  alarms: l,
   onCommand: n
 }) {
+  const { t: c } = b();
   switch (a.type) {
     case "device-list":
-      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: [
+      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: [
         /* @__PURE__ */ e(
           "span",
           {
             className: "nice-iot-dashboard__device-status",
-            style: { background: I(t.status) }
+            style: { background: E(t.status) }
           }
         ),
         /* @__PURE__ */ e("span", { children: t.name }),
@@ -2275,13 +620,13 @@ function ke({
       ] }, t.id)) });
     case "device-status":
       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: [
+        const o = r.filter((s) => s.status === t).length;
+        return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__status-card", children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: "nice-iot-dashboard__status-indicator",
-              style: { background: I(t) }
+              style: { background: E(t) }
             }
           ),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: o }),
@@ -2289,13 +634,13 @@ function ke({
         ] }, t);
       }) });
     case "telemetry-chart":
-      return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__chart-placeholder", children: [
-        /* @__PURE__ */ e(p, { name: "bar-chart", size: 32 }),
-        /* @__PURE__ */ e("span", { children: "Telemetry Chart" }),
-        /* @__PURE__ */ e("small", { children: "Configure device and capability" })
+      return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__chart-placeholder", children: [
+        /* @__PURE__ */ e(m, { name: "bar-chart", size: 32 }),
+        /* @__PURE__ */ e("span", { children: c("ioTDashboard.telemetryChart", "Telemetry Chart") }),
+        /* @__PURE__ */ e("small", { children: c("ioTDashboard.configureDeviceAndCapability", "Configure device and capability") })
       ] });
     case "gauge":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__gauge", children: /* @__PURE__ */ r("svg", { viewBox: "0 0 100 60", children: [
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__gauge", children: /* @__PURE__ */ i("svg", { viewBox: "0 0 100 60", children: [
         /* @__PURE__ */ e(
           "path",
           {
@@ -2318,17 +663,17 @@ function ke({
         /* @__PURE__ */ e("text", { x: "50", y: "50", textAnchor: "middle", fontSize: "14", fontWeight: "bold", children: "50%" })
       ] }) });
     case "map":
-      return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__map-placeholder", children: [
-        /* @__PURE__ */ e(p, { name: "map-pin", size: 32 }),
-        /* @__PURE__ */ e("span", { children: "Device Map" }),
-        /* @__PURE__ */ r("small", { children: [
-          i.filter((t) => t.location).length,
+      return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__map-placeholder", children: [
+        /* @__PURE__ */ e(m, { name: "map-pin", size: 32 }),
+        /* @__PURE__ */ e("span", { children: c("ioTDashboard.deviceMap", "Device Map") }),
+        /* @__PURE__ */ i("small", { children: [
+          r.filter((t) => t.location).length,
           " devices with location"
         ] })
       ] });
     case "alarms": {
-      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(
+      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(
         "div",
         {
           className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${o.severity}`,
@@ -2341,55 +686,55 @@ function ke({
       )) });
     }
     case "control-panel":
-      return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__control-placeholder", children: [
-        /* @__PURE__ */ e(p, { name: "settings", size: 32 }),
-        /* @__PURE__ */ e("span", { children: "Control Panel" }),
-        /* @__PURE__ */ e("small", { children: "Configure device controls" })
+      return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__control-placeholder", children: [
+        /* @__PURE__ */ e(m, { name: "settings", size: 32 }),
+        /* @__PURE__ */ e("span", { children: c("ioTDashboard.controlPanel", "Control Panel") }),
+        /* @__PURE__ */ e("small", { children: c("ioTDashboard.configureDeviceControls", "Configure device controls") })
       ] });
     case "kpi":
-      return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__kpi", children: [
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: i.length }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-label", children: "Total Devices" })
+      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-label", children: c("ioTDashboard.totalDevices", "Total Devices") })
       ] });
     default:
       return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
   }
 }
-function xe({ device: a, isSelected: i, onSelect: c }) {
-  return /* @__PURE__ */ r(
+function te({ device: a, isSelected: r, onSelect: l }) {
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-iot-dashboard__device-card ${i ? "nice-iot-dashboard__device-card--selected" : ""}`,
-      onClick: c,
+      className: `nice-iot-dashboard__device-card ${r ? "nice-iot-dashboard__device-card--selected" : ""}`,
+      onClick: l,
       children: [
-        /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-card-header", children: [
+        /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-header", children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: "nice-iot-dashboard__device-status",
-              style: { background: I(a.status) }
+              style: { background: E(a.status) }
             }
           ),
           /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-name", children: a.name })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-card-body", children: [
-          /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-info", children: [
-            /* @__PURE__ */ r("span", { children: [
+        /* @__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__ */ r("span", { children: [
+            /* @__PURE__ */ i("span", { children: [
               "Protocol: ",
               a.protocol
             ] })
           ] }),
-          a.lastSeen && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-lastseen", children: [
+          a.lastSeen && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-lastseen", children: [
             "Last seen: ",
             a.lastSeen.toLocaleString()
           ] }),
-          /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-capabilities", children: [
+          /* @__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.length > 3 && /* @__PURE__ */ r("span", { className: "nice-iot-dashboard__capability-more", children: [
+            a.capabilities.length > 3 && /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__capability-more", children: [
               "+",
               a.capabilities.length - 3
             ] })
@@ -2399,80 +744,81 @@ function xe({ device: a, isSelected: i, onSelect: c }) {
     }
   );
 }
-function Se({
+function oe({
   device: a,
-  onCommand: i,
-  onClose: c
+  onCommand: r,
+  onClose: l
 }) {
-  return /* @__PURE__ */ r("aside", { className: "nice-iot-dashboard__device-detail", children: [
-    /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-detail-header", children: [
+  const { t: n } = b();
+  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", { onClick: c, children: "×" })
+      /* @__PURE__ */ e("button", { "aria-label": n("ioTDashboard.close", "Close"), onClick: l, children: /* @__PURE__ */ e(m, { name: "close", size: 14 }) })
     ] }),
-    /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-detail-content", children: [
-      /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Status" }),
-        /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__detail-row", children: [
+    /* @__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",
             {
               className: "nice-iot-dashboard__status-badge",
-              style: { background: I(a.status) },
+              style: { background: E(a.status) },
               children: a.status
             }
           )
         ] }),
-        a.lastSeen && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__detail-row", children: [
+        a.lastSeen && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Last Seen:" }),
           /* @__PURE__ */ e("span", { children: a.lastSeen.toLocaleString() })
         ] })
       ] }),
-      /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Connection" }),
-        /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__detail-row", children: [
+      /* @__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: a.protocol })
         ] }),
-        a.connectionInfo.host && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__detail-row", children: [
+        a.connectionInfo.host && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Host:" }),
-          /* @__PURE__ */ r("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             a.connectionInfo.host,
             ":",
             a.connectionInfo.port
           ] })
         ] })
       ] }),
-      a.metadata && /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Metadata" }),
-        a.metadata.manufacturer && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__detail-row", children: [
+      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: a.metadata.manufacturer })
         ] }),
-        a.metadata.model && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__detail-row", children: [
+        a.metadata.model && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Model:" }),
           /* @__PURE__ */ e("span", { children: a.metadata.model })
         ] })
       ] }),
-      /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Capabilities" }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__capabilities-list", children: a.capabilities.map((n) => /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__capability-item", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-name", children: n.name }),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-type", children: n.type }),
-          n.writable && i && /* @__PURE__ */ e(
+      /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: n("ioTDashboard.capabilities", "Capabilities") }),
+        /* @__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(
             "button",
             {
               className: "nice-iot-dashboard__capability-control",
-              onClick: () => i(a.id, n.id, !0),
-              children: "Control"
+              onClick: () => r(a.id, c.id, !0),
+              children: n("ioTDashboard.control", "Control")
             }
           )
-        ] }, n.id)) })
+        ] }, c.id)) })
       ] })
     ] })
   ] });
 }
-const Le = [
+const ce = [
   { name: "MQTT Broker", image: "eclipse-mosquitto:latest" },
   { name: "Node-RED", image: "nodered/node-red:latest" },
   { name: "InfluxDB", image: "influxdb:latest" },
@@ -2480,109 +826,126 @@ const Le = [
   { name: "Telegraf", image: "telegraf:latest" },
   { name: "Protocol Adapter", image: "nice2dev/protocol-adapter:latest" }
 ];
-function Oe({
+function fe({
   nodes: a = [],
-  modules: i = [],
-  onNodeSelect: c,
+  modules: r = [],
+  onNodeSelect: l,
   onModuleDeploy: n,
-  onModuleAction: t,
-  onNodeSync: o,
-  className: d = ""
+  onModuleAction: c,
+  onNodeSync: t,
+  className: o = ""
 }) {
-  const [l, b] = u(null), [m, _] = u("nodes"), [w, g] = u(!1), [v, N] = u({
+  const { t: s } = b(), [h, p] = g(null), [u, H] = g("nodes"), [N, k] = g(!1), [M, w] = g({
     name: "",
     image: "",
     status: "pending"
-  }), H = C(
-    (y) => {
-      b(y), c == null || c(y);
+  }), _ = f(
+    (v) => {
+      p(v), l == null || l(v);
     },
-    [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 (y, k) => {
-      l && await (t == null ? void 0 : t(l.id, y, k));
+    [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));
     },
-    [l, t]
-  ), A = C(async () => {
-    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" }),
-      /* @__PURE__ */ r("nav", { className: "nice-edge-manager__nav", children: [
-        /* @__PURE__ */ r("button", { className: m === "nodes" ? "active" : "", onClick: () => _("nodes"), children: [
-          "Nodes (",
-          a.length,
-          ")"
-        ] }),
-        /* @__PURE__ */ e("button", { className: m === "modules" ? "active" : "", onClick: () => _("modules"), children: "Modules" })
+    [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: [
+    /* @__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(
+          "button",
+          {
+            className: `nice-edge-manager__nav-button ${u === "nodes" ? "nice-edge-manager__nav-button--active" : ""}`,
+            onClick: () => H("nodes"),
+            children: [
+              "Nodes (",
+              a.length,
+              ")"
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: `nice-edge-manager__nav-button ${u === "modules" ? "nice-edge-manager__nav-button--active" : ""}`,
+            onClick: () => H("modules"),
+            children: s("edgeManager.modules", "Modules")
+          }
+        )
       ] })
     ] }),
-    /* @__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((y) => /* @__PURE__ */ e(
-          Ve,
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__main", children: [
+      u === "nodes" && /* @__PURE__ */ e("div", { className: "nice-edge-manager__nodes", children: /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-grid", children: [
+        a.map((v) => /* @__PURE__ */ e(
+          de,
           {
-            node: y,
-            isSelected: (l == null ? void 0 : l.id) === y.id,
-            onSelect: () => H(y)
+            node: v,
+            isSelected: (h == null ? void 0 : h.id) === v.id,
+            onSelect: () => _(v)
           },
-          y.id
+          v.id
         )),
-        a.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No edge nodes configured" })
+        a.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: s("edgeManager.noEdgeNodesConfigured", "No edge nodes configured") })
       ] }) }),
-      m === "modules" && l && /* @__PURE__ */ r("div", { className: "nice-edge-manager__modules", children: [
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__modules-header", children: [
-          /* @__PURE__ */ r("h3", { children: [
-            "Modules on ",
-            l.name
-          ] }),
+      u === "modules" && h && /* @__PURE__ */ i("div", { className: "nice-edge-manager__modules", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__modules-header", children: [
+          /* @__PURE__ */ e("h3", { children: s("edgeManager.modulesOn", "Modules on {name}").replace(
+            "{name}",
+            String(h.name)
+          ) }),
           /* @__PURE__ */ e(
             "button",
             {
               className: "nice-edge-manager__deploy-btn",
-              onClick: () => g(!0),
+              onClick: () => k(!0),
               children: "+ Deploy Module"
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-grid", children: [
-          l.deployedModules.map((y) => /* @__PURE__ */ e(
-            Ae,
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-grid", children: [
+          h.deployedModules.map((v) => /* @__PURE__ */ e(
+            he,
             {
-              module: y,
-              onAction: (k) => z(y.id, k)
+              module: v,
+              onAction: (D) => y(v.id, D)
             },
-            y.id
+            v.id
           )),
-          l.deployedModules.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No modules deployed on this node" })
+          h.deployedModules.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: s("edgeManager.noModulesDeployedOnThis", "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(
-        Pe,
+      u === "modules" && !h && /* @__PURE__ */ e("div", { className: "nice-edge-manager__no-selection", children: s(
+        "edgeManager.selectANodeFromThe",
+        "Select a node from the Nodes tab to manage modules"
+      ) }),
+      h && /* @__PURE__ */ e(
+        me,
         {
-          node: l,
-          onSync: A,
-          onClose: () => b(null)
+          node: h,
+          onSync: L,
+          onClose: () => p(null)
         }
       )
     ] }),
-    w && /* @__PURE__ */ e(
-      De,
+    N && /* @__PURE__ */ e(
+      pe,
       {
-        config: v,
-        templates: Le,
-        onChange: N,
-        onDeploy: L,
-        onClose: () => g(!1)
+        config: M,
+        templates: ce,
+        onChange: w,
+        onDeploy: V,
+        onClose: () => k(!1)
       }
     )
   ] });
 }
-function ne(a) {
+function Q(a) {
   switch (a) {
     case "running":
       return "var(--nice-success, #28a745)";
@@ -2598,47 +961,47 @@ function ne(a) {
       return "var(--nice-text-secondary, #6c757d)";
   }
 }
-function j(a) {
+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 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 se(a) {
+  const r = Math.floor(a / 86400), l = Math.floor(a % 86400 / 3600), n = Math.floor(a % 3600 / 60);
+  return r > 0 ? `${r}d ${l}h` : l > 0 ? `${l}h ${n}m` : `${n}m`;
 }
-function Ve({ node: a, isSelected: i, onSelect: c }) {
-  return /* @__PURE__ */ r(
+function de({ node: a, isSelected: r, onSelect: l }) {
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: `nice-edge-manager__node-card ${i ? "nice-edge-manager__node-card--selected" : ""}`,
-      onClick: c,
+      className: `nice-edge-manager__node-card ${r ? "nice-edge-manager__node-card--selected" : ""}`,
+      onClick: l,
       children: [
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-header", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-header", children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: "nice-edge-manager__node-status",
-              style: { background: ne(a.status) }
+              style: { background: Q(a.status) }
             }
           ),
           /* @__PURE__ */ e("span", { className: "nice-edge-manager__node-name", children: a.name }),
           /* @__PURE__ */ e("span", { className: "nice-edge-manager__node-type", children: a.type })
         ] }),
-        /* @__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(p, { name: "server", size: 12 }),
+        /* @__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 }),
               " ",
               a.hardware.cpu
             ] }),
-            /* @__PURE__ */ r("span", { children: [
-              /* @__PURE__ */ e(p, { name: "database", size: 12 }),
+            /* @__PURE__ */ i("span", { children: [
+              /* @__PURE__ */ e(m, { 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(P, { children: [
-            /* @__PURE__ */ r("div", { className: "nice-edge-manager__metric", children: [
+          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-metrics", children: a.metrics && /* @__PURE__ */ i(A, { 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(
                 "div",
@@ -2647,12 +1010,12 @@ function Ve({ node: a, isSelected: i, onSelect: c }) {
                   style: { width: `${a.metrics.cpuUsage}%` }
                 }
               ) }),
-              /* @__PURE__ */ r("span", { className: "nice-edge-manager__metric-value", children: [
+              /* @__PURE__ */ i("span", { className: "nice-edge-manager__metric-value", children: [
                 a.metrics.cpuUsage.toFixed(0),
                 "%"
               ] })
             ] }),
-            /* @__PURE__ */ r("div", { className: "nice-edge-manager__metric", children: [
+            /* @__PURE__ */ i("div", { className: "nice-edge-manager__metric", children: [
               /* @__PURE__ */ e("span", { className: "nice-edge-manager__metric-label", children: "MEM" }),
               /* @__PURE__ */ e("div", { className: "nice-edge-manager__metric-bar", children: /* @__PURE__ */ e(
                 "div",
@@ -2661,13 +1024,13 @@ function Ve({ node: a, isSelected: i, onSelect: c }) {
                   style: { width: `${a.metrics.memoryUsage}%` }
                 }
               ) }),
-              /* @__PURE__ */ r("span", { className: "nice-edge-manager__metric-value", children: [
+              /* @__PURE__ */ i("span", { className: "nice-edge-manager__metric-value", children: [
                 a.metrics.memoryUsage.toFixed(0),
                 "%"
               ] })
             ] })
           ] }) }),
-          /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-modules", children: [
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-modules", children: [
             a.deployedModules.length,
             " modules deployed"
           ] })
@@ -2676,9 +1039,10 @@ function Ve({ node: a, isSelected: i, onSelect: c }) {
     }
   );
 }
-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: [
+function he({ module: a, onAction: r }) {
+  const { t: l } = b();
+  return /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-card", children: [
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-header", children: [
       /* @__PURE__ */ e(
         "span",
         {
@@ -2694,154 +1058,156 @@ function Ae({ module: a, onAction: i }) {
         }
       ),
       /* @__PURE__ */ e("span", { className: "nice-edge-manager__module-name", children: a.name }),
-      /* @__PURE__ */ r("span", { className: "nice-edge-manager__module-version", children: [
+      /* @__PURE__ */ i("span", { className: "nice-edge-manager__module-version", children: [
         "v",
         a.version
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-body", children: [
+    /* @__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__ */ r("div", { className: "nice-edge-manager__module-resources", children: [
-        a.resources.cpuLimit && /* @__PURE__ */ r("span", { children: [
+      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__ */ r("span", { children: [
+        a.resources.memoryLimitMB && /* @__PURE__ */ i("span", { children: [
           "RAM: ",
           a.resources.memoryLimitMB,
           " MB"
         ] })
       ] }),
-      a.ports && a.ports.length > 0 && /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-ports", children: [
+      a.ports && a.ports.length > 0 && /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-ports", children: [
         "Ports: ",
-        a.ports.map((n) => `${n.host}:${n.container}`).join(", ")
+        a.ports.map((c) => `${c.host}:${c.container}`).join(", ")
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-actions", children: [
-      a.status === "running" && /* @__PURE__ */ r(P, { children: [
-        /* @__PURE__ */ e("button", { onClick: () => i("stop"), children: "Stop" }),
-        /* @__PURE__ */ e("button", { onClick: () => i("restart"), children: "Restart" })
+    /* @__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 === "stopped" && /* @__PURE__ */ e("button", { onClick: () => i("start"), children: "Start" }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => i("remove"), children: "Remove" })
+      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") })
     ] })
   ] });
 }
-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: [
+function me({ node: a, onSync: r, onClose: l }) {
+  const { t: n } = b();
+  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__ */ r("div", { className: "nice-edge-manager__detail-actions", children: [
-        /* @__PURE__ */ r("button", { onClick: i, children: [
-          /* @__PURE__ */ e(p, { name: "refresh", size: 14 }),
-          " Sync"
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-actions", children: [
+        /* @__PURE__ */ i("button", { onClick: r, children: [
+          /* @__PURE__ */ e(m, { name: "refresh", size: 14 }),
+          " ",
+          n("edgeManager.sync", "Sync")
         ] }),
-        /* @__PURE__ */ e("button", { onClick: c, "aria-label": "Close", children: /* @__PURE__ */ e(p, { name: "close", size: 14 }) })
+        /* @__PURE__ */ e("button", { onClick: l, "aria-label": n("edgeManager.close", "Close"), children: /* @__PURE__ */ e(m, { name: "close", size: 14 }) })
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-content", children: [
-      /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Status" }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+    /* @__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",
             {
               className: "nice-edge-manager__status-badge",
-              style: { background: ne(a.status) },
+              style: { background: Q(a.status) },
               children: a.status
             }
           )
         ] }),
-        a.metrics && /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        a.metrics && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Uptime:" }),
-          /* @__PURE__ */ e("span", { children: Te(a.metrics.uptime) })
+          /* @__PURE__ */ e("span", { children: se(a.metrics.uptime) })
         ] })
       ] }),
-      /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Hardware" }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+      /* @__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__ */ r("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             a.hardware.cpu,
             " (",
             a.hardware.cores,
             " cores)"
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Memory:" }),
-          /* @__PURE__ */ r("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             (a.hardware.memoryMB / 1024).toFixed(1),
             " GB"
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Storage:" }),
-          /* @__PURE__ */ r("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             (a.hardware.storageMB / 1024).toFixed(1),
             " GB"
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Architecture:" }),
           /* @__PURE__ */ e("span", { children: a.hardware.architecture })
         ] })
       ] }),
-      /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Software" }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+      /* @__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__ */ r("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             a.software.os,
             " ",
             a.software.osVersion
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Runtime:" }),
-          /* @__PURE__ */ r("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             a.software.runtime,
             " ",
             a.software.runtimeVersion
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Agent:" }),
-          /* @__PURE__ */ r("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             a.software.agent,
             " v",
             a.software.agentVersion
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Connectivity" }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+      /* @__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__ */ r("span", { children: [
-            /* @__PURE__ */ e(p, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
+          /* @__PURE__ */ i("span", { children: [
+            /* @__PURE__ */ e(m, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
             " ",
             a.connectivity.cloudConnected ? "Connected" : "Disconnected"
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Network:" }),
           /* @__PURE__ */ e("span", { children: a.connectivity.localNetwork })
         ] }),
-        a.connectivity.publicIP && /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        a.connectivity.publicIP && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Public IP:" }),
           /* @__PURE__ */ e("span", { children: a.connectivity.publicIP })
         ] }),
-        a.connectivity.lastSync && /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+        a.connectivity.lastSync && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
           /* @__PURE__ */ e("span", { children: "Last Sync:" }),
           /* @__PURE__ */ e("span", { children: a.connectivity.lastSync.toLocaleString() })
         ] })
       ] }),
-      a.metrics && /* @__PURE__ */ r("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Resource Usage" }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__resource-chart", children: [
-          /* @__PURE__ */ r("div", { className: "nice-edge-manager__resource-item", children: [
+      a.metrics && /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: n("edgeManager.resourceUsage", "Resource Usage") }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__resource-chart", children: [
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__resource-item", children: [
             /* @__PURE__ */ e("span", { children: "CPU" }),
             /* @__PURE__ */ e("div", { className: "nice-edge-manager__resource-bar", children: /* @__PURE__ */ e(
               "div",
@@ -2850,13 +1216,13 @@ function Pe({ node: a, onSync: i, onClose: c }) {
                 style: { width: `${a.metrics.cpuUsage}%` }
               }
             ) }),
-            /* @__PURE__ */ r("span", { children: [
+            /* @__PURE__ */ i("span", { children: [
               a.metrics.cpuUsage.toFixed(1),
               "%"
             ] })
           ] }),
-          /* @__PURE__ */ r("div", { className: "nice-edge-manager__resource-item", children: [
-            /* @__PURE__ */ e("span", { children: "Memory" }),
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__resource-item", children: [
+            /* @__PURE__ */ e("span", { children: n("edgeManager.memory", "Memory") }),
             /* @__PURE__ */ e("div", { className: "nice-edge-manager__resource-bar", children: /* @__PURE__ */ e(
               "div",
               {
@@ -2864,13 +1230,13 @@ function Pe({ node: a, onSync: i, onClose: c }) {
                 style: { width: `${a.metrics.memoryUsage}%` }
               }
             ) }),
-            /* @__PURE__ */ r("span", { children: [
+            /* @__PURE__ */ i("span", { children: [
               a.metrics.memoryUsage.toFixed(1),
               "%"
             ] })
           ] }),
-          /* @__PURE__ */ r("div", { className: "nice-edge-manager__resource-item", children: [
-            /* @__PURE__ */ e("span", { children: "Disk" }),
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__resource-item", children: [
+            /* @__PURE__ */ e("span", { children: n("edgeManager.disk", "Disk") }),
             /* @__PURE__ */ e("div", { className: "nice-edge-manager__resource-bar", children: /* @__PURE__ */ e(
               "div",
               {
@@ -2878,103 +1244,106 @@ function Pe({ node: a, onSync: i, onClose: c }) {
                 style: { width: `${a.metrics.diskUsage}%` }
               }
             ) }),
-            /* @__PURE__ */ r("span", { children: [
+            /* @__PURE__ */ i("span", { children: [
               a.metrics.diskUsage.toFixed(1),
               "%"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-edge-manager__network-stats", children: [
-          /* @__PURE__ */ r("span", { children: [
-            "↓ ",
-            j(a.metrics.networkIn)
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__network-stats", children: [
+          /* @__PURE__ */ i("span", { children: [
+            /* @__PURE__ */ e(m, { name: "arrow-down", size: 12 }),
+            " ",
+            B(a.metrics.networkIn)
           ] }),
-          /* @__PURE__ */ r("span", { children: [
-            "↑ ",
-            j(a.metrics.networkOut)
+          /* @__PURE__ */ i("span", { children: [
+            /* @__PURE__ */ e(m, { name: "arrow-up", size: 12 }),
+            " ",
+            B(a.metrics.networkOut)
           ] })
         ] })
       ] })
     ] })
   ] });
 }
-function De({
+function pe({
   config: a,
-  templates: i,
-  onChange: c,
+  templates: r,
+  onChange: l,
   onDeploy: n,
-  onClose: t
+  onClose: c
 }) {
-  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: t, "aria-label": "Close", children: /* @__PURE__ */ e(p, { name: "close", size: 14 }) })
+  const { t } = b();
+  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__ */ r("div", { className: "nice-edge-manager__dialog-content", children: [
-      /* @__PURE__ */ r("div", { className: "nice-edge-manager__field", children: [
+    /* @__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__ */ r(
+        /* @__PURE__ */ i(
           "select",
           {
             value: "",
             onChange: (o) => {
-              const d = i.find((l) => l.image === o.target.value);
-              d && c({
+              const s = r.find((h) => h.image === o.target.value);
+              s && l({
                 ...a,
-                name: d.name,
-                image: d.image
+                name: s.name,
+                image: s.image
               });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: "", children: "Select a template..." }),
-              i.map((o) => /* @__PURE__ */ e("option", { value: o.image, children: o.name }, o.image))
+              /* @__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__ */ r("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: "Module Name" }),
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: t("edgeManager.moduleName", "Module Name") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.name || "",
-            onChange: (o) => c({ ...a, name: o.target.value }),
-            placeholder: "e.g., my-module"
+            onChange: (o) => l({ ...a, name: o.target.value }),
+            placeholder: t("edgeManager.eGMyModule", "e.g., my-module")
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: "Container Image" }),
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: t("edgeManager.containerImage", "Container Image") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.image || "",
-            onChange: (o) => c({ ...a, image: o.target.value }),
-            placeholder: "e.g., nginx:latest"
+            onChange: (o) => l({ ...a, image: o.target.value }),
+            placeholder: t("edgeManager.eGNginxLatest", "e.g., nginx:latest")
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: "Version" }),
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: t("edgeManager.version", "Version") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.version || "1.0.0",
-            onChange: (o) => c({ ...a, version: o.target.value })
+            onChange: (o) => l({ ...a, version: o.target.value })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog-footer", children: [
-      /* @__PURE__ */ e("button", { onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__deploy-confirm", onClick: n, children: "Deploy" })
+    /* @__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") })
     ] })
   ] }) });
 }
-const Q = {
+const F = {
   broker: "localhost",
   port: 1883,
   clientId: `nice2dev-${Date.now()}`,
@@ -2982,288 +1351,289 @@ const Q = {
   keepAlive: 60,
   cleanSession: !0,
   topics: []
-}, J = {
+}, q = {
   host: "localhost",
   port: 5683,
   useDTLS: !1,
   resources: []
-}, K = {
+}, W = {
   type: "tcp",
   host: "localhost",
   port: 502,
   slaveId: 1,
   timeout: 1e3,
   registers: []
-}, X = {
+}, G = {
   endpointUrl: "opc.tcp://localhost:4840",
   securityMode: "None",
   authentication: "anonymous",
   applicationName: "Nice2Dev IoT Client",
   nodes: []
 };
-function qe({
+function ye({
   protocol: a = "mqtt",
-  config: i,
-  onSave: c,
+  config: r,
+  onSave: l,
   onTest: n,
-  className: t = ""
+  className: c = ""
 }) {
-  const { t: o } = R(), [d, l] = u(a), [b, m] = u(
-    (i == null ? void 0 : i.type) === "mqtt" ? { ...Q, ...i.config } : Q
-  ), [_, w] = u(
-    (i == null ? void 0 : i.type) === "coap" ? { ...J, ...i.config } : J
-  ), [g, v] = u(
-    (i == null ? void 0 : i.type) === "modbus" ? { ...K, ...i.config } : K
-  ), [N, H] = u(
-    (i == null ? void 0 : i.type) === "opcua" ? { ...X, ...i.config } : X
-  ), [L, z] = u(null), [A, y] = u(!1), k = C(() => {
-    switch (d) {
+  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) {
       case "mqtt":
-        return b;
+        return h;
       case "coap":
-        return _;
+        return u;
       case "modbus-tcp":
       case "modbus-rtu":
-        return g;
-      case "opcua":
         return N;
+      case "opcua":
+        return M;
       default:
-        return b;
+        return h;
     }
-  }, [d, b, _, g, N]), U = C(() => {
-    c == null || c(k());
-  }, [k, c]), E = C(async () => {
+  }, [o, h, u, N, M]), D = f(() => {
+    l == null || l(v());
+  }, [v, l]), P = f(async () => {
     if (n) {
-      y(!0), z(null);
+      L(!0), V(null);
       try {
-        const T = await n(k());
-        z(T);
+        const T = await n(v());
+        V(T);
       } catch (T) {
-        z({ success: !1, message: String(T) });
+        V({ success: !1, message: String(T) });
       } finally {
-        y(!1);
+        L(!1);
       }
     }
-  }, [k, n]);
-  return /* @__PURE__ */ r("div", { className: `nice-protocol-config ${t}`, children: [
-    /* @__PURE__ */ r("header", { className: "nice-protocol-config__header", children: [
-      /* @__PURE__ */ e("h2", { children: o("protocolConfig.title", "Protocol Configuration") }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__protocol-selector", children: [
-        /* @__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: 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") })
+  }, [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__ */ 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__ */ r("div", { className: "nice-protocol-config__content", children: [
-      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(
-        Ue,
+    /* @__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,
         {
-          config: g,
-          type: d === "modbus-rtu" ? "rtu" : "tcp",
-          onChange: v
+          config: N,
+          type: o === "modbus-rtu" ? "rtu" : "tcp",
+          onChange: k
         }
       ),
-      d === "opcua" && /* @__PURE__ */ e(Ee, { config: N, onChange: H })
+      o === "opcua" && /* @__PURE__ */ e(ge, { config: M, onChange: w })
     ] }),
-    L && /* @__PURE__ */ r(
+    _ && /* @__PURE__ */ i(
       "div",
       {
-        className: `nice-protocol-config__test-result nice-protocol-config__test-result--${L.success ? "success" : "error"}`,
+        className: `nice-protocol-config__test-result nice-protocol-config__test-result--${_.success ? "success" : "error"}`,
         children: [
-          /* @__PURE__ */ e(p, { name: L.success ? "check" : "close", size: 14 }),
+          /* @__PURE__ */ e(m, { name: _.success ? "check" : "close", size: 14 }),
           " ",
-          L.message
+          _.message
         ]
       }
     ),
-    /* @__PURE__ */ r("footer", { className: "nice-protocol-config__footer", children: [
+    /* @__PURE__ */ i("footer", { className: "nice-protocol-config__footer", children: [
       /* @__PURE__ */ e(
         "button",
         {
           className: "nice-protocol-config__test-btn",
-          onClick: E,
-          disabled: A || !n,
-          children: A ? o("protocolConfig.testing", "Testing...") : /* @__PURE__ */ r(P, { children: [
-            /* @__PURE__ */ e(p, { name: "plug", size: 14 }),
+          onClick: P,
+          disabled: y || !n,
+          children: y ? t("protocolConfig.testing", "Testing...") : /* @__PURE__ */ i(A, { children: [
+            /* @__PURE__ */ e(m, { name: "plug", size: 14 }),
             " ",
-            o("protocolConfig.testConnection", "Test Connection")
+            t("protocolConfig.testConnection", "Test Connection")
           ] })
         }
       ),
-      /* @__PURE__ */ r("button", { className: "nice-protocol-config__save-btn", onClick: U, children: [
-        /* @__PURE__ */ e(p, { name: "save", size: 14 }),
+      /* @__PURE__ */ i("button", { className: "nice-protocol-config__save-btn", onClick: D, children: [
+        /* @__PURE__ */ e(m, { name: "save", size: 14 }),
         " ",
-        o("save", "Save")
+        t("save", "Save")
       ] })
     ] })
   ] });
 }
-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") }),
-    /* @__PURE__ */ r("div", { className: "nice-protocol-config__grid", children: [
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.broker", "Broker") }),
+function ve({ config: a, onChange: r }) {
+  const { t: l } = b();
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ e("h3", { children: l("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(
           "input",
           {
             type: "text",
             value: a.broker,
-            onChange: (n) => i({ ...a, broker: n.target.value }),
+            onChange: (n) => r({ ...a, broker: n.target.value }),
             placeholder: "localhost"
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.port", "Port") }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.port,
-            onChange: (n) => i({ ...a, port: parseInt(n.target.value, 10) || 1883 })
+            onChange: (n) => r({ ...a, port: parseInt(n.target.value, 10) || 1883 })
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.clientId", "Client ID") }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.clientId", "Client ID") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.clientId,
-            onChange: (n) => i({ ...a, clientId: n.target.value })
+            onChange: (n) => r({ ...a, clientId: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: a.useTLS,
-            onChange: (n) => i({ ...a, useTLS: n.target.checked })
+            onChange: (n) => r({ ...a, useTLS: n.target.checked })
           }
         ),
-        c("protocolConfig.useTls", "Use TLS")
+        l("protocolConfig.useTls", "Use TLS")
       ] }) }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.username", "Username") }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.username", "Username") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: a.username || "",
-            onChange: (n) => i({ ...a, username: n.target.value })
+            onChange: (n) => r({ ...a, username: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.password", "Password") }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.password", "Password") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "password",
             value: a.password || "",
-            onChange: (n) => i({ ...a, password: n.target.value })
+            onChange: (n) => r({ ...a, password: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.keepAlive", "Keep Alive (seconds)") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.keepAlive,
-            onChange: (n) => i({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
+            onChange: (n) => r({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: a.cleanSession,
-            onChange: (n) => i({ ...a, cleanSession: n.target.checked })
+            onChange: (n) => r({ ...a, cleanSession: n.target.checked })
           }
         ),
-        c("protocolConfig.cleanSession", "Clean Session")
+        l("protocolConfig.cleanSession", "Clean Session")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: c("protocolConfig.topics", "Topics") }),
-    /* @__PURE__ */ r("div", { className: "nice-protocol-config__topics", children: [
-      a.topics.map((n, t) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__topic-row", children: [
+    /* @__PURE__ */ e("h4", { children: l("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(
           "input",
           {
             type: "text",
             value: n.pattern,
-            onChange: (o) => {
-              const d = [...a.topics];
-              d[t] = { ...d[t], pattern: o.target.value }, i({ ...a, topics: d });
+            onChange: (t) => {
+              const o = [...a.topics];
+              o[c] = { ...o[c], pattern: t.target.value }, r({ ...a, topics: o });
             },
-            placeholder: c("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
+            placeholder: l("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "select",
           {
             value: n.qos,
-            onChange: (o) => {
-              const d = [...a.topics];
-              d[t] = { ...d[t], qos: parseInt(o.target.value, 10) }, i({ ...a, topics: d });
+            onChange: (t) => {
+              const o = [...a.topics];
+              o[c] = { ...o[c], qos: parseInt(t.target.value, 10) }, r({ ...a, topics: o });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: 0, children: c("protocolConfig.qos0", "QoS 0") }),
-              /* @__PURE__ */ e("option", { value: 1, children: c("protocolConfig.qos1", "QoS 1") }),
-              /* @__PURE__ */ e("option", { value: 2, children: c("protocolConfig.qos2", "QoS 2") })
+              /* @__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__ */ r(
+        /* @__PURE__ */ i(
           "select",
           {
             value: n.direction,
-            onChange: (o) => {
-              const d = [...a.topics];
-              d[t] = {
-                ...d[t],
-                direction: o.target.value
-              }, i({ ...a, topics: d });
+            onChange: (t) => {
+              const o = [...a.topics];
+              o[c] = {
+                ...o[c],
+                direction: t.target.value
+              }, r({ ...a, topics: o });
             },
             children: [
-              /* @__PURE__ */ e("option", { value: "subscribe", children: c("protocolConfig.subscribe", "Subscribe") }),
-              /* @__PURE__ */ e("option", { value: "publish", children: c("protocolConfig.publish", "Publish") }),
-              /* @__PURE__ */ e("option", { value: "both", children: c("protocolConfig.both", "Both") })
+              /* @__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(
           "button",
           {
+            "aria-label": l("protocolConfig.close", "Close"),
             onClick: () => {
-              const o = a.topics.filter((d, l) => l !== t);
-              i({ ...a, topics: o });
+              const t = a.topics.filter((o, s) => s !== c);
+              r({ ...a, topics: t });
             },
-            children: "×"
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         )
-      ] }, t)),
-      /* @__PURE__ */ r(
+      ] }, c)),
+      /* @__PURE__ */ i(
         "button",
         {
           onClick: () => {
-            i({
+            r({
               ...a,
               topics: [
                 ...a.topics,
@@ -3272,76 +1642,76 @@ function Re({ config: a, onChange: i }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            c("protocolConfig.addTopic", "Add Topic")
+            l("protocolConfig.addTopic", "Add Topic")
           ]
         }
       )
     ] })
   ] });
 }
-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") }),
-    /* @__PURE__ */ r("div", { className: "nice-protocol-config__grid", children: [
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.host", "Host") }),
+function ue({ config: a, onChange: r }) {
+  const { t: l } = b();
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ e("h3", { children: l("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(
           "input",
           {
             type: "text",
             value: a.host,
-            onChange: (n) => i({ ...a, host: n.target.value })
+            onChange: (n) => r({ ...a, host: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.port", "Port") }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.port,
-            onChange: (n) => i({ ...a, port: parseInt(n.target.value, 10) || 5683 })
+            onChange: (n) => r({ ...a, port: parseInt(n.target.value, 10) || 5683 })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: a.useDTLS,
-            onChange: (n) => i({ ...a, useDTLS: n.target.checked })
+            onChange: (n) => r({ ...a, useDTLS: n.target.checked })
           }
         ),
-        c("protocolConfig.useDtls", "Use DTLS")
+        l("protocolConfig.useDtls", "Use DTLS")
       ] }) }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: a.observe || !1,
-            onChange: (n) => i({ ...a, observe: n.target.checked })
+            onChange: (n) => r({ ...a, observe: n.target.checked })
           }
         ),
-        c("protocolConfig.enableObserve", "Enable Observe")
+        l("protocolConfig.enableObserve", "Enable Observe")
       ] }) })
     ] }),
-    /* @__PURE__ */ e("h4", { children: c("protocolConfig.resources", "Resources") }),
-    /* @__PURE__ */ r("div", { className: "nice-protocol-config__resources", children: [
-      a.resources.map((n, t) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__resource-row", children: [
+    /* @__PURE__ */ e("h4", { children: l("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(
           "input",
           {
             type: "text",
             value: n.path,
-            onChange: (o) => {
-              const d = [...a.resources];
-              d[t] = { ...d[t], path: o.target.value }, i({ ...a, resources: d });
+            onChange: (t) => {
+              const o = [...a.resources];
+              o[c] = { ...o[c], path: t.target.value }, r({ ...a, resources: o });
             },
             placeholder: "/sensors/temperature"
           }
@@ -3349,19 +1719,20 @@ function Ie({ config: a, onChange: i }) {
         /* @__PURE__ */ e(
           "button",
           {
+            "aria-label": l("protocolConfig.close", "Close"),
             onClick: () => {
-              const o = a.resources.filter((d, l) => l !== t);
-              i({ ...a, resources: o });
+              const t = a.resources.filter((o, s) => s !== c);
+              r({ ...a, resources: t });
             },
-            children: "×"
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         )
-      ] }, t)),
-      /* @__PURE__ */ r(
+      ] }, c)),
+      /* @__PURE__ */ i(
         "button",
         {
           onClick: () => {
-            i({
+            r({
               ...a,
               resources: [
                 ...a.resources,
@@ -3370,72 +1741,71 @@ function Ie({ config: a, onChange: i }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            c("protocolConfig.addResource", "Add Resource")
+            l("protocolConfig.addResource", "Add Resource")
           ]
         }
       )
     ] })
   ] });
 }
-function Ue({
+function Me({
   config: a,
-  type: i,
-  onChange: c
+  type: r,
+  onChange: l
 }) {
-  const { t: n } = R();
-  return /* @__PURE__ */ r("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ r("h3", { children: [
-      "Modbus ",
-      i.toUpperCase(),
-      " Configuration"
-    ] }),
-    /* @__PURE__ */ r("div", { className: "nice-protocol-config__grid", children: [
-      i === "tcp" && /* @__PURE__ */ r(P, { children: [
-        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
+  const { t: n } = b();
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ e("h3", { children: n("protocolConfig.modbusConfiguration", "Modbus {type} Configuration").replace(
+      "{type}",
+      String(r.toUpperCase())
+    ) }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
+      r === "tcp" && /* @__PURE__ */ i(A, { children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.host", "Host") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               value: a.host || "",
-              onChange: (t) => c({ ...a, host: t.target.value })
+              onChange: (c) => l({ ...a, host: c.target.value })
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.port", "Port") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "number",
               value: a.port || 502,
-              onChange: (t) => c({ ...a, port: parseInt(t.target.value, 10) || 502 })
+              onChange: (c) => l({ ...a, port: parseInt(c.target.value, 10) || 502 })
             }
           )
         ] })
       ] }),
-      i === "rtu" && /* @__PURE__ */ r(P, { children: [
-        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
+      r === "rtu" && /* @__PURE__ */ i(A, { children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.serialPort", "Serial Port") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               value: a.serialPort || "",
-              onChange: (t) => c({ ...a, serialPort: t.target.value }),
+              onChange: (c) => l({ ...a, serialPort: c.target.value }),
               placeholder: n("protocolConfig.serialPortPlaceholder", "COM1 or /dev/ttyUSB0")
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.baudRate", "Baud Rate") }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ i(
             "select",
             {
               value: a.baudRate || 9600,
-              onChange: (t) => c({ ...a, baudRate: parseInt(t.target.value, 10) }),
+              onChange: (c) => l({ ...a, baudRate: parseInt(c.target.value, 10) }),
               children: [
                 /* @__PURE__ */ e("option", { value: 9600, children: "9600" }),
                 /* @__PURE__ */ e("option", { value: 19200, children: "19200" }),
@@ -3446,13 +1816,13 @@ function Ue({
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.parity", "Parity") }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ i(
             "select",
             {
               value: a.parity || "none",
-              onChange: (t) => c({ ...a, parity: t.target.value }),
+              onChange: (c) => l({ ...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") }),
@@ -3462,34 +1832,34 @@ function Ue({
           )
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: n("protocolConfig.slaveId", "Slave ID") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.slaveId,
-            onChange: (t) => c({ ...a, slaveId: parseInt(t.target.value, 10) || 1 }),
+            onChange: (c) => l({ ...a, slaveId: parseInt(c.target.value, 10) || 1 }),
             min: 1,
             max: 247
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: n("protocolConfig.timeoutMs", "Timeout (ms)") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
             value: a.timeout,
-            onChange: (t) => c({ ...a, timeout: parseInt(t.target.value, 10) || 1e3 })
+            onChange: (c) => l({ ...a, timeout: parseInt(c.target.value, 10) || 1e3 })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e("h4", { children: n("protocolConfig.registers", "Registers") }),
-    /* @__PURE__ */ r("table", { className: "nice-protocol-config__registers-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
+    /* @__PURE__ */ i("table", { className: "nice-protocol-config__registers-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
         /* @__PURE__ */ e("th", { children: n("protocolConfig.name", "Name") }),
         /* @__PURE__ */ e("th", { children: n("protocolConfig.address", "Address") }),
         /* @__PURE__ */ e("th", { children: n("protocolConfig.type", "Type") }),
@@ -3497,15 +1867,15 @@ function Ue({
         /* @__PURE__ */ e("th", { children: n("protocolConfig.readWrite", "R/W") }),
         /* @__PURE__ */ e("th", {})
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: a.registers.map((t, o) => /* @__PURE__ */ r("tr", { children: [
+      /* @__PURE__ */ e("tbody", { children: a.registers.map((c, t) => /* @__PURE__ */ i("tr", { children: [
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: t.name,
-            onChange: (d) => {
-              const l = [...a.registers];
-              l[o] = { ...l[o], name: d.target.value }, c({ ...a, registers: l });
+            value: c.name,
+            onChange: (o) => {
+              const s = [...a.registers];
+              s[t] = { ...s[t], name: o.target.value }, l({ ...a, registers: s });
             }
           }
         ) }),
@@ -3513,26 +1883,26 @@ function Ue({
           "input",
           {
             type: "number",
-            value: t.address,
-            onChange: (d) => {
-              const l = [...a.registers];
-              l[o] = {
-                ...l[o],
-                address: parseInt(d.target.value, 10) || 0
-              }, c({ ...a, registers: l });
+            value: c.address,
+            onChange: (o) => {
+              const s = [...a.registers];
+              s[t] = {
+                ...s[t],
+                address: parseInt(o.target.value, 10) || 0
+              }, l({ ...a, registers: s });
             }
           }
         ) }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r(
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ i(
           "select",
           {
-            value: t.type,
-            onChange: (d) => {
-              const l = [...a.registers];
-              l[o] = {
-                ...l[o],
-                type: d.target.value
-              }, c({ ...a, registers: l });
+            value: c.type,
+            onChange: (o) => {
+              const s = [...a.registers];
+              s[t] = {
+                ...s[t],
+                type: o.target.value
+              }, l({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "coil", children: n("protocolConfig.coil", "Coil") }),
@@ -3542,16 +1912,16 @@ function Ue({
             ]
           }
         ) }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r(
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ i(
           "select",
           {
-            value: t.dataType,
-            onChange: (d) => {
-              const l = [...a.registers];
-              l[o] = {
-                ...l[o],
-                dataType: d.target.value
-              }, c({ ...a, registers: l });
+            value: c.dataType,
+            onChange: (o) => {
+              const s = [...a.registers];
+              s[t] = {
+                ...s[t],
+                dataType: o.target.value
+              }, l({ ...a, registers: s });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "bool", children: n("protocolConfig.bool", "Bool") }),
@@ -3563,15 +1933,15 @@ function Ue({
             ]
           }
         ) }),
-        /* @__PURE__ */ r("td", { children: [
+        /* @__PURE__ */ i("td", { children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              checked: t.readable,
-              onChange: (d) => {
-                const l = [...a.registers];
-                l[o] = { ...l[o], readable: d.target.checked }, c({ ...a, registers: l });
+              checked: c.readable,
+              onChange: (o) => {
+                const s = [...a.registers];
+                s[t] = { ...s[t], readable: o.target.checked }, l({ ...a, registers: s });
               },
               title: n("protocolConfig.readable", "Readable")
             }
@@ -3580,10 +1950,10 @@ function Ue({
             "input",
             {
               type: "checkbox",
-              checked: t.writable,
-              onChange: (d) => {
-                const l = [...a.registers];
-                l[o] = { ...l[o], writable: d.target.checked }, c({ ...a, registers: l });
+              checked: c.writable,
+              onChange: (o) => {
+                const s = [...a.registers];
+                s[t] = { ...s[t], writable: o.target.checked }, l({ ...a, registers: s });
               },
               title: n("protocolConfig.writable", "Writable")
             }
@@ -3592,20 +1962,21 @@ function Ue({
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
           "button",
           {
+            "aria-label": n("protocolConfig.close", "Close"),
             onClick: () => {
-              const d = a.registers.filter((l, b) => b !== o);
-              c({ ...a, registers: d });
+              const o = a.registers.filter((s, h) => h !== t);
+              l({ ...a, registers: o });
             },
-            children: "×"
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         ) })
-      ] }, o)) })
+      ] }, t)) })
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ i(
       "button",
       {
         onClick: () => {
-          c({
+          l({
             ...a,
             registers: [
               ...a.registers,
@@ -3621,7 +1992,7 @@ function Ue({
           });
         },
         children: [
-          /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+          /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
           " ",
           n("protocolConfig.addRegister", "Add Register")
         ]
@@ -3629,108 +2000,108 @@ function Ue({
     )
   ] });
 }
-function Ee({ config: a, onChange: i }) {
-  const { t: c } = R();
-  return /* @__PURE__ */ r("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ e("h3", { children: c("protocolConfig.opcUaConfiguration", "OPC-UA Configuration") }),
-    /* @__PURE__ */ r("div", { className: "nice-protocol-config__grid", children: [
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.endpointUrl", "Endpoint URL") }),
+function ge({ config: a, onChange: r }) {
+  const { t: l } = b();
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ e("h3", { children: l("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(
           "input",
           {
             type: "text",
             value: a.endpointUrl,
-            onChange: (n) => i({ ...a, endpointUrl: n.target.value }),
-            placeholder: c("protocolConfig.endpointUrlPlaceholder", "opc.tcp://localhost:4840")
+            onChange: (n) => r({ ...a, endpointUrl: n.target.value }),
+            placeholder: l("protocolConfig.endpointUrlPlaceholder", "opc.tcp://localhost:4840")
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.securityMode", "Security Mode") }),
-        /* @__PURE__ */ r(
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.securityMode", "Security Mode") }),
+        /* @__PURE__ */ i(
           "select",
           {
             value: a.securityMode,
-            onChange: (n) => i({
+            onChange: (n) => r({
               ...a,
               securityMode: n.target.value
             }),
             children: [
-              /* @__PURE__ */ e("option", { value: "None", children: c("protocolConfig.securityNone", "None") }),
-              /* @__PURE__ */ e("option", { value: "Sign", children: c("protocolConfig.sign", "Sign") }),
-              /* @__PURE__ */ e("option", { value: "SignAndEncrypt", children: c("protocolConfig.signAndEncrypt", "Sign and Encrypt") })
+              /* @__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__ */ r("div", { className: "nice-protocol-config__field", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.authentication", "Authentication") }),
-        /* @__PURE__ */ r(
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: l("protocolConfig.authentication", "Authentication") }),
+        /* @__PURE__ */ i(
           "select",
           {
             value: a.authentication,
-            onChange: (n) => i({
+            onChange: (n) => r({
               ...a,
               authentication: n.target.value
             }),
             children: [
-              /* @__PURE__ */ e("option", { value: "anonymous", children: c("protocolConfig.anonymous", "Anonymous") }),
-              /* @__PURE__ */ e("option", { value: "username", children: c("protocolConfig.usernamePassword", "Username/Password") }),
-              /* @__PURE__ */ e("option", { value: "certificate", children: c("protocolConfig.certificate", "Certificate") })
+              /* @__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") })
             ]
           }
         )
       ] }),
-      a.authentication === "username" && /* @__PURE__ */ r(P, { children: [
-        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-          /* @__PURE__ */ e("label", { children: c("protocolConfig.username", "Username") }),
+      a.authentication === "username" && /* @__PURE__ */ i(A, { children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: l("protocolConfig.username", "Username") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               value: a.username || "",
-              onChange: (n) => i({ ...a, username: n.target.value })
+              onChange: (n) => r({ ...a, username: n.target.value })
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
-          /* @__PURE__ */ e("label", { children: c("protocolConfig.password", "Password") }),
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: l("protocolConfig.password", "Password") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "password",
               value: a.password || "",
-              onChange: (n) => i({ ...a, password: n.target.value })
+              onChange: (n) => r({ ...a, password: n.target.value })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
-        /* @__PURE__ */ e("label", { children: c("protocolConfig.applicationName", "Application Name") }),
+      /* @__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(
           "input",
           {
             type: "text",
             value: a.applicationName,
-            onChange: (n) => i({ ...a, applicationName: n.target.value })
+            onChange: (n) => r({ ...a, applicationName: n.target.value })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("h4", { children: c("protocolConfig.nodes", "Nodes") }),
-    /* @__PURE__ */ r("div", { className: "nice-protocol-config__nodes", children: [
-      a.nodes.map((n, t) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__node-row", children: [
+    /* @__PURE__ */ e("h4", { children: l("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(
           "input",
           {
             type: "text",
             value: n.nodeId,
-            onChange: (o) => {
-              const d = [...a.nodes];
-              d[t] = { ...d[t], nodeId: o.target.value }, i({ ...a, nodes: d });
+            onChange: (t) => {
+              const o = [...a.nodes];
+              o[c] = { ...o[c], nodeId: t.target.value }, r({ ...a, nodes: o });
             },
-            placeholder: c("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
+            placeholder: l("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
           }
         ),
         /* @__PURE__ */ e(
@@ -3738,29 +2109,30 @@ function Ee({ config: a, onChange: i }) {
           {
             type: "text",
             value: n.displayName,
-            onChange: (o) => {
-              const d = [...a.nodes];
-              d[t] = { ...d[t], displayName: o.target.value }, i({ ...a, nodes: d });
+            onChange: (t) => {
+              const o = [...a.nodes];
+              o[c] = { ...o[c], displayName: t.target.value }, r({ ...a, nodes: o });
             },
-            placeholder: c("protocolConfig.displayNamePlaceholder", "Display Name")
+            placeholder: l("protocolConfig.displayNamePlaceholder", "Display Name")
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
+            "aria-label": l("protocolConfig.close", "Close"),
             onClick: () => {
-              const o = a.nodes.filter((d, l) => l !== t);
-              i({ ...a, nodes: o });
+              const t = a.nodes.filter((o, s) => s !== c);
+              r({ ...a, nodes: t });
             },
-            children: "×"
+            children: /* @__PURE__ */ e(m, { name: "close", size: 14 })
           }
         )
-      ] }, t)),
-      /* @__PURE__ */ r(
+      ] }, c)),
+      /* @__PURE__ */ i(
         "button",
         {
           onClick: () => {
-            i({
+            r({
               ...a,
               nodes: [
                 ...a.nodes,
@@ -3769,9 +2141,9 @@ function Ee({ config: a, onChange: i }) {
             });
           },
           children: [
-            /* @__PURE__ */ e(p, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(m, { name: "plus", size: 14 }),
             " ",
-            c("protocolConfig.addNode", "Add Node")
+            l("protocolConfig.addNode", "Add Node")
           ]
         }
       )
@@ -3779,7 +2151,7 @@ function Ee({ config: a, onChange: i }) {
   ] });
 }
 export {
-  Oe as NiceEdgeManager,
-  Fe as NiceIoTDashboard,
-  qe as NiceProtocolConfig
+  fe as NiceEdgeManager,
+  Ne as NiceIoTDashboard,
+  ye as NiceProtocolConfig
 };