@nice2dev/ui-iot 1.0.10

package/dist/index.mjs

@@ -0,0 +1,1727 @@
+import { jsxs as i, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { useState as p, useCallback as v } from "react";
+const $ = [
+  { type: "device-list", label: "Device List", icon: "📋" },
+  { type: "device-status", label: "Device Status", icon: "🟢" },
+  { type: "telemetry-chart", label: "Telemetry Chart", icon: "📈" },
+  { type: "gauge", label: "Gauge", icon: "⏱️" },
+  { type: "map", label: "Device Map", icon: "🗺️" },
+  { type: "alarms", label: "Alarms", icon: "🚨" },
+  { type: "control-panel", label: "Control Panel", icon: "🎛️" },
+  { type: "topology", label: "Network Topology", icon: "🔗" },
+  { type: "kpi", label: "KPI Card", icon: "🎯" },
+  { type: "camera-feed", label: "Camera Feed", icon: "📹" }
+];
+function re({
+  devices: a = [],
+  widgets: c = [],
+  alarms: n = [],
+  onDeviceSelect: r,
+  onWidgetChange: l,
+  onCommand: t,
+  onAlarmAcknowledge: d,
+  fetchTelemetry: o,
+  className: T = ""
+}) {
+  const [u, D] = p(c), [g, f] = p(null), [m, w] = p("dashboard"), [_, k] = p(!1), [b, M] = p(""), h = v(
+    (s) => {
+      D((N) => {
+        const y = s(N);
+        return l == null || l(y), y;
+      });
+    },
+    [l]
+  ), C = v(
+    (s) => {
+      var y;
+      const N = {
+        id: crypto.randomUUID(),
+        type: s,
+        title: ((y = $.find((L) => L.type === s)) == null ? void 0 : y.label) || s,
+        position: { x: 0, y: Q(u), width: 4, height: 3 },
+        config: {}
+      };
+      h((L) => [...L, N]);
+    },
+    [u, h]
+  ), A = v(
+    (s) => {
+      f(s), r == null || r(s);
+    },
+    [r]
+  ), S = v(
+    (s) => {
+      d == null || d(s);
+    },
+    [d]
+  ), G = a.filter(
+    (s) => !b || s.name.toLowerCase().includes(b.toLowerCase()) || s.type.toLowerCase().includes(b.toLowerCase())
+  ), I = n.filter((s) => !s.cleared), E = I.filter(
+    (s) => s.severity === "critical" || s.severity === "high"
+  );
+  return /* @__PURE__ */ i("div", { className: `nice-iot-dashboard ${T}`, children: [
+    /* @__PURE__ */ i("header", { className: "nice-iot-dashboard__header", children: [
+      /* @__PURE__ */ e("h1", { children: "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: "📱" }),
+          a.length,
+          " Devices"
+        ] }),
+        /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--online", children: [
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: "🟢" }),
+          a.filter((s) => s.status === "online").length,
+          " Online"
+        ] }),
+        /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--offline", children: [
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: "⚫" }),
+          a.filter((s) => s.status === "offline").length,
+          " Offline"
+        ] }),
+        E.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: "🚨" }),
+          E.length,
+          " Alarms"
+        ] })
+      ] }),
+      /* @__PURE__ */ i("nav", { className: "nice-iot-dashboard__nav", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: m === "dashboard" ? "active" : "",
+            onClick: () => w("dashboard"),
+            children: "Dashboard"
+          }
+        ),
+        /* @__PURE__ */ e("button", { className: m === "devices" ? "active" : "", onClick: () => w("devices"), children: "Devices" }),
+        /* @__PURE__ */ i("button", { className: m === "alarms" ? "active" : "", onClick: () => w("alarms"), children: [
+          "Alarms ",
+          I.length > 0 && `(${I.length})`
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: m === "dashboard" && /* @__PURE__ */ e("button", { onClick: () => k(!_), children: _ ? "✓ Done" : "✏️ Edit" }) })
+    ] }),
+    m === "dashboard" && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__main", children: [
+      _ && /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__palette", children: [
+        /* @__PURE__ */ e("h4", { children: "Add Widget" }),
+        $.map((s) => /* @__PURE__ */ i(
+          "button",
+          {
+            className: "nice-iot-dashboard__palette-item",
+            onClick: () => C(s.type),
+            children: [
+              /* @__PURE__ */ e("span", { children: s.icon }),
+              /* @__PURE__ */ e("span", { children: s.label })
+            ]
+          },
+          s.type
+        ))
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__grid", children: [
+        u.map((s) => /* @__PURE__ */ e(
+          W,
+          {
+            widget: s,
+            devices: a,
+            alarms: n,
+            isEditing: _,
+            onCommand: t,
+            onDelete: () => h((N) => N.filter((y) => y.id !== s.id))
+          },
+          s.id
+        )),
+        u.length === 0 && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__empty", children: _ ? "Add widgets from the palette" : "No widgets configured. Click Edit to add widgets." })
+      ] })
+    ] }),
+    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: b,
+          onChange: (s) => M(s.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: G.map((s) => /* @__PURE__ */ e(
+        j,
+        {
+          device: s,
+          isSelected: (g == null ? void 0 : g.id) === s.id,
+          onSelect: () => A(s)
+        },
+        s.id
+      )) }),
+      g && /* @__PURE__ */ e(
+        H,
+        {
+          device: g,
+          onCommand: t,
+          onClose: () => f(null)
+        }
+      )
+    ] }),
+    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: "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" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: I.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: "No active alarms" }) }) : I.map((s) => {
+        const N = a.find((y) => y.id === s.deviceId);
+        return /* @__PURE__ */ i(
+          "tr",
+          {
+            className: `nice-iot-dashboard__alarm-row nice-iot-dashboard__alarm-row--${s.severity}`,
+            children: [
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `nice-iot-dashboard__severity nice-iot-dashboard__severity--${s.severity}`,
+                  children: s.severity
+                }
+              ) }),
+              /* @__PURE__ */ e("td", { children: (N == null ? void 0 : N.name) || s.deviceId }),
+              /* @__PURE__ */ e("td", { children: s.message }),
+              /* @__PURE__ */ e("td", { children: s.timestamp.toLocaleString() }),
+              /* @__PURE__ */ e("td", { children: s.acknowledged ? "Acknowledged" : "Active" }),
+              /* @__PURE__ */ e("td", { children: !s.acknowledged && /* @__PURE__ */ e("button", { onClick: () => S(s.id), children: "Acknowledge" }) })
+            ]
+          },
+          s.id
+        );
+      }) })
+    ] }) })
+  ] });
+}
+function Q(a) {
+  return a.length === 0 ? 0 : Math.max(...a.map((c) => c.position.y + c.position.height));
+}
+function U(a) {
+  switch (a) {
+    case "online":
+      return "#28a745";
+    case "offline":
+      return "#6c757d";
+    case "warning":
+      return "#ffc107";
+    case "error":
+      return "#dc3545";
+    case "maintenance":
+      return "#17a2b8";
+    default:
+      return "#6c757d";
+  }
+}
+function W({
+  widget: a,
+  devices: c,
+  alarms: n,
+  isEditing: r,
+  onCommand: l,
+  onDelete: t
+}) {
+  const d = $.find((o) => o.type === a.type);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `nice-iot-dashboard__widget nice-iot-dashboard__widget--${a.type}`,
+      style: {
+        gridColumn: `span ${a.position.width}`,
+        gridRow: `span ${a.position.height}`
+      },
+      children: [
+        /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__widget-header", children: [
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: d == null ? void 0 : d.icon }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-title", children: a.title }),
+          r && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: t, children: "×" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(V, { widget: a, devices: c, alarms: n, onCommand: l }) })
+      ]
+    }
+  );
+}
+function V({
+  widget: a,
+  devices: c,
+  alarms: n,
+  onCommand: r
+}) {
+  switch (a.type) {
+    case "device-list":
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: c.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: U(t.status) }
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: t.name }),
+        /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-type", children: t.type })
+      ] }, t.id)) });
+    case "device-status":
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((t) => {
+        const d = c.filter((o) => o.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: U(t) }
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: d }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: t })
+        ] }, t);
+      }) });
+    case "telemetry-chart":
+      return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__chart-placeholder", children: [
+        /* @__PURE__ */ e("span", { children: "📈" }),
+        /* @__PURE__ */ e("span", { children: "Telemetry Chart" }),
+        /* @__PURE__ */ e("small", { children: "Configure device and capability" })
+      ] });
+    case "gauge":
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__gauge", children: /* @__PURE__ */ i("svg", { viewBox: "0 0 100 60", children: [
+        /* @__PURE__ */ e("path", { d: "M 10 55 A 40 40 0 0 1 90 55", fill: "none", stroke: "#e0e0e0", strokeWidth: "8" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M 10 55 A 40 40 0 0 1 90 55",
+            fill: "none",
+            stroke: "#0066cc",
+            strokeWidth: "8",
+            strokeDasharray: "63 126"
+          }
+        ),
+        /* @__PURE__ */ e("text", { x: "50", y: "50", textAnchor: "middle", fontSize: "14", fontWeight: "bold", children: "50%" })
+      ] }) });
+    case "map":
+      return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__map-placeholder", children: [
+        /* @__PURE__ */ e("span", { children: "🗺️" }),
+        /* @__PURE__ */ e("span", { children: "Device Map" }),
+        /* @__PURE__ */ i("small", { children: [
+          c.filter((t) => t.location).length,
+          " devices with location"
+        ] })
+      ] });
+    case "alarms":
+      const l = n.filter((t) => !t.cleared).slice(0, 5);
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: l.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: "No active alarms" }) : l.map((t) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${t.severity}`,
+          children: [
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: t.severity }),
+            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: t.message })
+          ]
+        },
+        t.id
+      )) });
+    case "control-panel":
+      return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__control-placeholder", children: [
+        /* @__PURE__ */ e("span", { children: "🎛️" }),
+        /* @__PURE__ */ e("span", { children: "Control Panel" }),
+        /* @__PURE__ */ e("small", { children: "Configure device controls" })
+      ] });
+    case "kpi":
+      return /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__kpi", children: [
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-value", children: c.length }),
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__kpi-label", children: "Total Devices" })
+      ] });
+    default:
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
+  }
+}
+function j({ device: a, isSelected: c, onSelect: n }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `nice-iot-dashboard__device-card ${c ? "nice-iot-dashboard__device-card--selected" : ""}`,
+      onClick: n,
+      children: [
+        /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-header", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-iot-dashboard__device-status",
+              style: { background: U(a.status) }
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-name", children: a.name })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-card-body", children: [
+          /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-info", children: [
+            /* @__PURE__ */ i("span", { children: [
+              "Type: ",
+              a.type
+            ] }),
+            /* @__PURE__ */ i("span", { children: [
+              "Protocol: ",
+              a.protocol
+            ] })
+          ] }),
+          a.lastSeen && /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-lastseen", children: [
+            "Last seen: ",
+            a.lastSeen.toLocaleString()
+          ] }),
+          /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-capabilities", children: [
+            a.capabilities.slice(0, 3).map((r) => /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-badge", children: r.name }, r.id)),
+            a.capabilities.length > 3 && /* @__PURE__ */ i("span", { className: "nice-iot-dashboard__capability-more", children: [
+              "+",
+              a.capabilities.length - 3
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function H({
+  device: a,
+  onCommand: c,
+  onClose: n
+}) {
+  return /* @__PURE__ */ i("aside", { className: "nice-iot-dashboard__device-detail", children: [
+    /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-detail-header", children: [
+      /* @__PURE__ */ e("h3", { children: a.name }),
+      /* @__PURE__ */ e("button", { onClick: n, children: "×" })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__device-detail-content", children: [
+      /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "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: U(a.status) },
+              children: a.status
+            }
+          )
+        ] }),
+        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__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "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__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Host:" }),
+          /* @__PURE__ */ i("span", { children: [
+            a.connectionInfo.host,
+            ":",
+            a.connectionInfo.port
+          ] })
+        ] })
+      ] }),
+      a.metadata && /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "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__ */ i("div", { className: "nice-iot-dashboard__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Model:" }),
+          /* @__PURE__ */ e("span", { children: a.metadata.model })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "Capabilities" }),
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__capabilities-list", children: a.capabilities.map((r) => /* @__PURE__ */ i("div", { className: "nice-iot-dashboard__capability-item", children: [
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-name", children: r.name }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-type", children: r.type }),
+          r.writable && c && /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-iot-dashboard__capability-control",
+              onClick: () => c(a.id, r.id, !0),
+              children: "Control"
+            }
+          )
+        ] }, r.id)) })
+      ] })
+    ] })
+  ] });
+}
+const K = [
+  { name: "MQTT Broker", image: "eclipse-mosquitto:latest" },
+  { name: "Node-RED", image: "nodered/node-red:latest" },
+  { name: "InfluxDB", image: "influxdb:latest" },
+  { name: "Grafana", image: "grafana/grafana:latest" },
+  { name: "Telegraf", image: "telegraf:latest" },
+  { name: "Protocol Adapter", image: "nice2dev/protocol-adapter:latest" }
+];
+function le({
+  nodes: a = [],
+  modules: c = [],
+  onNodeSelect: n,
+  onModuleDeploy: r,
+  onModuleAction: l,
+  onNodeSync: t,
+  className: d = ""
+}) {
+  const [o, T] = p(null), [u, D] = p("nodes"), [g, f] = p(!1), [m, w] = p({
+    name: "",
+    image: "",
+    status: "pending"
+  }), _ = v(
+    (h) => {
+      T(h), n == null || n(h);
+    },
+    [n]
+  ), k = v(async () => {
+    !o || !m.name || !m.image || (await (r == null ? void 0 : r(o.id, m)), f(!1), w({ name: "", image: "", status: "pending" }));
+  }, [o, m, r]), b = v(
+    async (h, C) => {
+      o && await (l == null ? void 0 : l(o.id, h, C));
+    },
+    [o, l]
+  ), M = v(async () => {
+    o && await (t == null ? void 0 : t(o.id));
+  }, [o, t]);
+  return /* @__PURE__ */ i("div", { className: `nice-edge-manager ${d}`, children: [
+    /* @__PURE__ */ i("header", { className: "nice-edge-manager__header", children: [
+      /* @__PURE__ */ e("h1", { children: "Edge Manager" }),
+      /* @__PURE__ */ i("nav", { className: "nice-edge-manager__nav", children: [
+        /* @__PURE__ */ i("button", { className: u === "nodes" ? "active" : "", onClick: () => D("nodes"), children: [
+          "Nodes (",
+          a.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ e("button", { className: u === "modules" ? "active" : "", onClick: () => D("modules"), children: "Modules" })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__main", children: [
+      u === "nodes" && /* @__PURE__ */ e("div", { className: "nice-edge-manager__nodes", children: /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-grid", children: [
+        a.map((h) => /* @__PURE__ */ e(
+          z,
+          {
+            node: h,
+            isSelected: (o == null ? void 0 : o.id) === h.id,
+            onSelect: () => _(h)
+          },
+          h.id
+        )),
+        a.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No edge nodes configured" })
+      ] }) }),
+      u === "modules" && o && /* @__PURE__ */ i("div", { className: "nice-edge-manager__modules", children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__modules-header", children: [
+          /* @__PURE__ */ i("h3", { children: [
+            "Modules on ",
+            o.name
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-edge-manager__deploy-btn",
+              onClick: () => f(!0),
+              children: "+ Deploy Module"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-grid", children: [
+          o.deployedModules.map((h) => /* @__PURE__ */ e(
+            J,
+            {
+              module: h,
+              onAction: (C) => b(h.id, C)
+            },
+            h.id
+          )),
+          o.deployedModules.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No modules deployed on this node" })
+        ] })
+      ] }),
+      u === "modules" && !o && /* @__PURE__ */ e("div", { className: "nice-edge-manager__no-selection", children: "Select a node from the Nodes tab to manage modules" }),
+      o && /* @__PURE__ */ e(
+        X,
+        {
+          node: o,
+          onSync: M,
+          onClose: () => T(null)
+        }
+      )
+    ] }),
+    g && /* @__PURE__ */ e(
+      Z,
+      {
+        config: m,
+        templates: K,
+        onChange: w,
+        onDeploy: k,
+        onClose: () => f(!1)
+      }
+    )
+  ] });
+}
+function q(a) {
+  switch (a) {
+    case "running":
+      return "#28a745";
+    case "stopped":
+      return "#6c757d";
+    case "updating":
+      return "#ffc107";
+    case "error":
+      return "#dc3545";
+    case "unreachable":
+      return "#868e96";
+    default:
+      return "#6c757d";
+  }
+}
+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 Y(a) {
+  const c = Math.floor(a / 86400), n = Math.floor(a % 86400 / 3600), r = Math.floor(a % 3600 / 60);
+  return c > 0 ? `${c}d ${n}h` : n > 0 ? `${n}h ${r}m` : `${r}m`;
+}
+function z({ node: a, isSelected: c, onSelect: n }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `nice-edge-manager__node-card ${c ? "nice-edge-manager__node-card--selected" : ""}`,
+      onClick: n,
+      children: [
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-header", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-edge-manager__node-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__ */ i("div", { className: "nice-edge-manager__node-body", children: [
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-info", children: [
+            /* @__PURE__ */ i("span", { children: [
+              "🖥️ ",
+              a.hardware.cpu
+            ] }),
+            /* @__PURE__ */ i("span", { children: [
+              "💾 ",
+              (a.hardware.memoryMB / 1024).toFixed(1),
+              " GB"
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-metrics", children: a.metrics && /* @__PURE__ */ i(P, { 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",
+                {
+                  className: "nice-edge-manager__metric-fill",
+                  style: { width: `${a.metrics.cpuUsage}%` }
+                }
+              ) }),
+              /* @__PURE__ */ i("span", { className: "nice-edge-manager__metric-value", children: [
+                a.metrics.cpuUsage.toFixed(0),
+                "%"
+              ] })
+            ] }),
+            /* @__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",
+                {
+                  className: "nice-edge-manager__metric-fill",
+                  style: { width: `${a.metrics.memoryUsage}%` }
+                }
+              ) }),
+              /* @__PURE__ */ i("span", { className: "nice-edge-manager__metric-value", children: [
+                a.metrics.memoryUsage.toFixed(0),
+                "%"
+              ] })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__node-modules", children: [
+            a.deployedModules.length,
+            " modules deployed"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function J({ module: a, onAction: c }) {
+  return /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-card", children: [
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-header", children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: "nice-edge-manager__module-status",
+          style: { background: {
+            running: "#28a745",
+            stopped: "#6c757d",
+            error: "#dc3545",
+            pending: "#ffc107"
+          }[a.status] || "#6c757d" }
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "nice-edge-manager__module-name", children: a.name }),
+      /* @__PURE__ */ i("span", { className: "nice-edge-manager__module-version", children: [
+        "v",
+        a.version
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-body", children: [
+      /* @__PURE__ */ e("div", { className: "nice-edge-manager__module-image", children: a.image }),
+      a.resources && /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-resources", children: [
+        a.resources.cpuLimit && /* @__PURE__ */ i("span", { children: [
+          "CPU: ",
+          a.resources.cpuLimit
+        ] }),
+        a.resources.memoryLimitMB && /* @__PURE__ */ i("span", { children: [
+          "RAM: ",
+          a.resources.memoryLimitMB,
+          " MB"
+        ] })
+      ] }),
+      a.ports && a.ports.length > 0 && /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-ports", children: [
+        "Ports: ",
+        a.ports.map((r) => `${r.host}:${r.container}`).join(", ")
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__module-actions", children: [
+      a.status === "running" && /* @__PURE__ */ i(P, { children: [
+        /* @__PURE__ */ e("button", { onClick: () => c("stop"), children: "Stop" }),
+        /* @__PURE__ */ e("button", { onClick: () => c("restart"), children: "Restart" })
+      ] }),
+      a.status === "stopped" && /* @__PURE__ */ e("button", { onClick: () => c("start"), children: "Start" }),
+      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => c("remove"), children: "Remove" })
+    ] })
+  ] });
+}
+function X({ node: a, onSync: c, onClose: n }) {
+  return /* @__PURE__ */ i("aside", { className: "nice-edge-manager__detail", children: [
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-header", children: [
+      /* @__PURE__ */ e("h3", { children: a.name }),
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-actions", children: [
+        /* @__PURE__ */ e("button", { onClick: c, children: "🔄 Sync" }),
+        /* @__PURE__ */ e("button", { onClick: n, children: "×" })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-content", children: [
+      /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "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: q(a.status) },
+              children: a.status
+            }
+          )
+        ] }),
+        a.metrics && /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Uptime:" }),
+          /* @__PURE__ */ e("span", { children: Y(a.metrics.uptime) })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "Hardware" }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "CPU:" }),
+          /* @__PURE__ */ i("span", { children: [
+            a.hardware.cpu,
+            " (",
+            a.hardware.cores,
+            " cores)"
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Memory:" }),
+          /* @__PURE__ */ i("span", { children: [
+            (a.hardware.memoryMB / 1024).toFixed(1),
+            " GB"
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Storage:" }),
+          /* @__PURE__ */ i("span", { children: [
+            (a.hardware.storageMB / 1024).toFixed(1),
+            " GB"
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Architecture:" }),
+          /* @__PURE__ */ e("span", { children: a.hardware.architecture })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "Software" }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "OS:" }),
+          /* @__PURE__ */ i("span", { children: [
+            a.software.os,
+            " ",
+            a.software.osVersion
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Runtime:" }),
+          /* @__PURE__ */ i("span", { children: [
+            a.software.runtime,
+            " ",
+            a.software.runtimeVersion
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Agent:" }),
+          /* @__PURE__ */ i("span", { children: [
+            a.software.agent,
+            " v",
+            a.software.agentVersion
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "Connectivity" }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Cloud:" }),
+          /* @__PURE__ */ e("span", { children: a.connectivity.cloudConnected ? "✓ Connected" : "✗ Disconnected" })
+        ] }),
+        /* @__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__ */ 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__ */ 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__ */ i("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "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",
+              {
+                className: "nice-edge-manager__resource-fill",
+                style: { width: `${a.metrics.cpuUsage}%` }
+              }
+            ) }),
+            /* @__PURE__ */ i("span", { children: [
+              a.metrics.cpuUsage.toFixed(1),
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__resource-item", children: [
+            /* @__PURE__ */ e("span", { children: "Memory" }),
+            /* @__PURE__ */ e("div", { className: "nice-edge-manager__resource-bar", children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: "nice-edge-manager__resource-fill",
+                style: { width: `${a.metrics.memoryUsage}%` }
+              }
+            ) }),
+            /* @__PURE__ */ i("span", { children: [
+              a.metrics.memoryUsage.toFixed(1),
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "nice-edge-manager__resource-item", children: [
+            /* @__PURE__ */ e("span", { children: "Disk" }),
+            /* @__PURE__ */ e("div", { className: "nice-edge-manager__resource-bar", children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: "nice-edge-manager__resource-fill",
+                style: { width: `${a.metrics.diskUsage}%` }
+              }
+            ) }),
+            /* @__PURE__ */ i("span", { children: [
+              a.metrics.diskUsage.toFixed(1),
+              "%"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-edge-manager__network-stats", children: [
+          /* @__PURE__ */ i("span", { children: [
+            "↓ ",
+            B(a.metrics.networkIn)
+          ] }),
+          /* @__PURE__ */ i("span", { children: [
+            "↑ ",
+            B(a.metrics.networkOut)
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Z({
+  config: a,
+  templates: c,
+  onChange: n,
+  onDeploy: r,
+  onClose: l
+}) {
+  return /* @__PURE__ */ e("div", { className: "nice-edge-manager__dialog-overlay", children: /* @__PURE__ */ i("div", { className: "nice-edge-manager__dialog", children: [
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__dialog-header", children: [
+      /* @__PURE__ */ e("h3", { children: "Deploy Module" }),
+      /* @__PURE__ */ e("button", { onClick: l, 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__ */ i(
+          "select",
+          {
+            value: "",
+            onChange: (t) => {
+              const d = c.find((o) => o.image === t.target.value);
+              d && n({
+                ...a,
+                name: d.name,
+                image: d.image
+              });
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "Select a template..." }),
+              c.map((t) => /* @__PURE__ */ e("option", { value: t.image, children: t.name }, t.image))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: "Module Name" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.name || "",
+            onChange: (t) => n({ ...a, name: t.target.value }),
+            placeholder: "e.g., my-module"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: "Container Image" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.image || "",
+            onChange: (t) => n({ ...a, image: t.target.value }),
+            placeholder: "e.g., nginx:latest"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: "Version" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.version || "1.0.0",
+            onChange: (t) => n({ ...a, version: t.target.value })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-edge-manager__dialog-footer", children: [
+      /* @__PURE__ */ e("button", { onClick: l, children: "Cancel" }),
+      /* @__PURE__ */ e("button", { className: "nice-edge-manager__deploy-confirm", onClick: r, children: "Deploy" })
+    ] })
+  ] }) });
+}
+const x = {
+  broker: "localhost",
+  port: 1883,
+  clientId: `nice2dev-${Date.now()}`,
+  useTLS: !1,
+  keepAlive: 60,
+  cleanSession: !0,
+  topics: []
+}, F = {
+  host: "localhost",
+  port: 5683,
+  useDTLS: !1,
+  resources: []
+}, R = {
+  type: "tcp",
+  host: "localhost",
+  port: 502,
+  slaveId: 1,
+  timeout: 1e3,
+  registers: []
+}, O = {
+  endpointUrl: "opc.tcp://localhost:4840",
+  securityMode: "None",
+  authentication: "anonymous",
+  applicationName: "Nice2Dev IoT Client",
+  nodes: []
+};
+function se({
+  protocol: a = "mqtt",
+  config: c,
+  onSave: n,
+  onTest: r,
+  className: l = ""
+}) {
+  const [t, d] = p(a), [o, T] = p(
+    (c == null ? void 0 : c.type) === "mqtt" ? { ...x, ...c.config } : x
+  ), [u, D] = p(
+    (c == null ? void 0 : c.type) === "coap" ? { ...F, ...c.config } : F
+  ), [g, f] = p(
+    (c == null ? void 0 : c.type) === "modbus" ? { ...R, ...c.config } : R
+  ), [m, w] = p(
+    (c == null ? void 0 : c.type) === "opcua" ? { ...O, ...c.config } : O
+  ), [_, k] = p(null), [b, M] = p(!1), h = v(() => {
+    switch (t) {
+      case "mqtt":
+        return o;
+      case "coap":
+        return u;
+      case "modbus-tcp":
+      case "modbus-rtu":
+        return g;
+      case "opcua":
+        return m;
+      default:
+        return o;
+    }
+  }, [t, o, u, g, m]), C = v(() => {
+    n == null || n(h());
+  }, [h, n]), A = v(async () => {
+    if (r) {
+      M(!0), k(null);
+      try {
+        const S = await r(h());
+        k(S);
+      } catch (S) {
+        k({ success: !1, message: String(S) });
+      } finally {
+        M(!1);
+      }
+    }
+  }, [h, r]);
+  return /* @__PURE__ */ i("div", { className: `nice-protocol-config ${l}`, children: [
+    /* @__PURE__ */ i("header", { className: "nice-protocol-config__header", children: [
+      /* @__PURE__ */ e("h2", { children: "Protocol Configuration" }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__protocol-selector", children: [
+        /* @__PURE__ */ e("label", { children: "Protocol:" }),
+        /* @__PURE__ */ i("select", { value: t, onChange: (S) => d(S.target.value), children: [
+          /* @__PURE__ */ e("option", { value: "mqtt", children: "MQTT" }),
+          /* @__PURE__ */ e("option", { value: "coap", children: "CoAP" }),
+          /* @__PURE__ */ e("option", { value: "modbus-tcp", children: "Modbus TCP" }),
+          /* @__PURE__ */ e("option", { value: "modbus-rtu", children: "Modbus RTU" }),
+          /* @__PURE__ */ e("option", { value: "opcua", children: "OPC-UA" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__content", children: [
+      t === "mqtt" && /* @__PURE__ */ e(ee, { config: o, onChange: T }),
+      t === "coap" && /* @__PURE__ */ e(ae, { config: u, onChange: D }),
+      (t === "modbus-tcp" || t === "modbus-rtu") && /* @__PURE__ */ e(
+        ie,
+        {
+          config: g,
+          type: t === "modbus-rtu" ? "rtu" : "tcp",
+          onChange: f
+        }
+      ),
+      t === "opcua" && /* @__PURE__ */ e(ne, { config: m, onChange: w })
+    ] }),
+    _ && /* @__PURE__ */ i(
+      "div",
+      {
+        className: `nice-protocol-config__test-result nice-protocol-config__test-result--${_.success ? "success" : "error"}`,
+        children: [
+          _.success ? "✓" : "✗",
+          " ",
+          _.message
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("footer", { className: "nice-protocol-config__footer", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "nice-protocol-config__test-btn",
+          onClick: A,
+          disabled: b || !r,
+          children: b ? "Testing..." : "🔌 Test Connection"
+        }
+      ),
+      /* @__PURE__ */ e("button", { className: "nice-protocol-config__save-btn", onClick: C, children: "💾 Save" })
+    ] })
+  ] });
+}
+function ee({ config: a, onChange: c }) {
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ e("h3", { children: "MQTT Configuration" }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Broker" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.broker,
+            onChange: (n) => c({ ...a, broker: n.target.value }),
+            placeholder: "localhost"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Port" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: a.port,
+            onChange: (n) => c({ ...a, port: parseInt(n.target.value, 10) || 1883 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Client ID" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.clientId,
+            onChange: (n) => c({ ...a, clientId: n.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: a.useTLS,
+            onChange: (n) => c({ ...a, useTLS: n.target.checked })
+          }
+        ),
+        "Use TLS"
+      ] }) }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Username" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.username || "",
+            onChange: (n) => c({ ...a, username: n.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Password" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "password",
+            value: a.password || "",
+            onChange: (n) => c({ ...a, password: n.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Keep Alive (seconds)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: a.keepAlive,
+            onChange: (n) => c({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: a.cleanSession,
+            onChange: (n) => c({ ...a, cleanSession: n.target.checked })
+          }
+        ),
+        "Clean Session"
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("h4", { children: "Topics" }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__topics", children: [
+      a.topics.map((n, r) => /* @__PURE__ */ i("div", { className: "nice-protocol-config__topic-row", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: n.pattern,
+            onChange: (l) => {
+              const t = [...a.topics];
+              t[r] = { ...t[r], pattern: l.target.value }, c({ ...a, topics: t });
+            },
+            placeholder: "e.g., sensors/+/data"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "select",
+          {
+            value: n.qos,
+            onChange: (l) => {
+              const t = [...a.topics];
+              t[r] = { ...t[r], qos: parseInt(l.target.value, 10) }, c({ ...a, topics: t });
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: 0, children: "QoS 0" }),
+              /* @__PURE__ */ e("option", { value: 1, children: "QoS 1" }),
+              /* @__PURE__ */ e("option", { value: 2, children: "QoS 2" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          "select",
+          {
+            value: n.direction,
+            onChange: (l) => {
+              const t = [...a.topics];
+              t[r] = {
+                ...t[r],
+                direction: l.target.value
+              }, c({ ...a, topics: t });
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "subscribe", children: "Subscribe" }),
+              /* @__PURE__ */ e("option", { value: "publish", children: "Publish" }),
+              /* @__PURE__ */ e("option", { value: "both", children: "Both" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              const l = a.topics.filter((t, d) => d !== r);
+              c({ ...a, topics: l });
+            },
+            children: "×"
+          }
+        )
+      ] }, r)),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            c({
+              ...a,
+              topics: [
+                ...a.topics,
+                { pattern: "", qos: 0, direction: "subscribe", payloadFormat: "json" }
+              ]
+            });
+          },
+          children: "+ Add Topic"
+        }
+      )
+    ] })
+  ] });
+}
+function ae({ config: a, onChange: c }) {
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ e("h3", { children: "CoAP Configuration" }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Host" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.host,
+            onChange: (n) => c({ ...a, host: n.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Port" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: a.port,
+            onChange: (n) => c({ ...a, port: parseInt(n.target.value, 10) || 5683 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: a.useDTLS,
+            onChange: (n) => c({ ...a, useDTLS: n.target.checked })
+          }
+        ),
+        "Use DTLS"
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ i("label", { children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: a.observe || !1,
+            onChange: (n) => c({ ...a, observe: n.target.checked })
+          }
+        ),
+        "Enable Observe"
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("h4", { children: "Resources" }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__resources", children: [
+      a.resources.map((n, r) => /* @__PURE__ */ i("div", { className: "nice-protocol-config__resource-row", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: n.path,
+            onChange: (l) => {
+              const t = [...a.resources];
+              t[r] = { ...t[r], path: l.target.value }, c({ ...a, resources: t });
+            },
+            placeholder: "/sensors/temperature"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              const l = a.resources.filter((t, d) => d !== r);
+              c({ ...a, resources: l });
+            },
+            children: "×"
+          }
+        )
+      ] }, r)),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            c({
+              ...a,
+              resources: [
+                ...a.resources,
+                { path: "", methods: ["GET"], mediaType: "application/json", observable: !1 }
+              ]
+            });
+          },
+          children: "+ Add Resource"
+        }
+      )
+    ] })
+  ] });
+}
+function ie({
+  config: a,
+  type: c,
+  onChange: n
+}) {
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ i("h3", { children: [
+      "Modbus ",
+      c.toUpperCase(),
+      " Configuration"
+    ] }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__grid", children: [
+      c === "tcp" && /* @__PURE__ */ i(P, { children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: "Host" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: a.host || "",
+              onChange: (r) => n({ ...a, host: r.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: "Port" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: a.port || 502,
+              onChange: (r) => n({ ...a, port: parseInt(r.target.value, 10) || 502 })
+            }
+          )
+        ] })
+      ] }),
+      c === "rtu" && /* @__PURE__ */ i(P, { children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: "Serial Port" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: a.serialPort || "",
+              onChange: (r) => n({ ...a, serialPort: r.target.value }),
+              placeholder: "COM1 or /dev/ttyUSB0"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: "Baud Rate" }),
+          /* @__PURE__ */ i(
+            "select",
+            {
+              value: a.baudRate || 9600,
+              onChange: (r) => n({ ...a, baudRate: parseInt(r.target.value, 10) }),
+              children: [
+                /* @__PURE__ */ e("option", { value: 9600, children: "9600" }),
+                /* @__PURE__ */ e("option", { value: 19200, children: "19200" }),
+                /* @__PURE__ */ e("option", { value: 38400, children: "38400" }),
+                /* @__PURE__ */ e("option", { value: 57600, children: "57600" }),
+                /* @__PURE__ */ e("option", { value: 115200, children: "115200" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: "Parity" }),
+          /* @__PURE__ */ i(
+            "select",
+            {
+              value: a.parity || "none",
+              onChange: (r) => n({ ...a, parity: r.target.value }),
+              children: [
+                /* @__PURE__ */ e("option", { value: "none", children: "None" }),
+                /* @__PURE__ */ e("option", { value: "even", children: "Even" }),
+                /* @__PURE__ */ e("option", { value: "odd", children: "Odd" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Slave ID" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: a.slaveId,
+            onChange: (r) => n({ ...a, slaveId: parseInt(r.target.value, 10) || 1 }),
+            min: 1,
+            max: 247
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Timeout (ms)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: a.timeout,
+            onChange: (r) => n({ ...a, timeout: parseInt(r.target.value, 10) || 1e3 })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("h4", { children: "Registers" }),
+    /* @__PURE__ */ i("table", { className: "nice-protocol-config__registers-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Name" }),
+        /* @__PURE__ */ e("th", { children: "Address" }),
+        /* @__PURE__ */ e("th", { children: "Type" }),
+        /* @__PURE__ */ e("th", { children: "Data Type" }),
+        /* @__PURE__ */ e("th", { children: "R/W" }),
+        /* @__PURE__ */ e("th", {})
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: a.registers.map((r, l) => /* @__PURE__ */ i("tr", { children: [
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: r.name,
+            onChange: (t) => {
+              const d = [...a.registers];
+              d[l] = { ...d[l], name: t.target.value }, n({ ...a, registers: d });
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: r.address,
+            onChange: (t) => {
+              const d = [...a.registers];
+              d[l] = {
+                ...d[l],
+                address: parseInt(t.target.value, 10) || 0
+              }, n({ ...a, registers: d });
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ i(
+          "select",
+          {
+            value: r.type,
+            onChange: (t) => {
+              const d = [...a.registers];
+              d[l] = {
+                ...d[l],
+                type: t.target.value
+              }, n({ ...a, registers: d });
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "coil", children: "Coil" }),
+              /* @__PURE__ */ e("option", { value: "discrete", children: "Discrete" }),
+              /* @__PURE__ */ e("option", { value: "holding", children: "Holding" }),
+              /* @__PURE__ */ e("option", { value: "input", children: "Input" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ i(
+          "select",
+          {
+            value: r.dataType,
+            onChange: (t) => {
+              const d = [...a.registers];
+              d[l] = {
+                ...d[l],
+                dataType: t.target.value
+              }, n({ ...a, registers: d });
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "bool", children: "Bool" }),
+              /* @__PURE__ */ e("option", { value: "int16", children: "Int16" }),
+              /* @__PURE__ */ e("option", { value: "uint16", children: "UInt16" }),
+              /* @__PURE__ */ e("option", { value: "int32", children: "Int32" }),
+              /* @__PURE__ */ e("option", { value: "uint32", children: "UInt32" }),
+              /* @__PURE__ */ e("option", { value: "float32", children: "Float32" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ i("td", { children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: r.readable,
+              onChange: (t) => {
+                const d = [...a.registers];
+                d[l] = { ...d[l], readable: t.target.checked }, n({ ...a, registers: d });
+              },
+              title: "Readable"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: r.writable,
+              onChange: (t) => {
+                const d = [...a.registers];
+                d[l] = { ...d[l], writable: t.target.checked }, n({ ...a, registers: d });
+              },
+              title: "Writable"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              const t = a.registers.filter((d, o) => o !== l);
+              n({ ...a, registers: t });
+            },
+            children: "×"
+          }
+        ) })
+      ] }, l)) })
+    ] }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => {
+          n({
+            ...a,
+            registers: [
+              ...a.registers,
+              {
+                name: "",
+                address: 0,
+                type: "holding",
+                dataType: "uint16",
+                readable: !0,
+                writable: !1
+              }
+            ]
+          });
+        },
+        children: "+ Add Register"
+      }
+    )
+  ] });
+}
+function ne({ config: a, onChange: c }) {
+  return /* @__PURE__ */ i("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ e("h3", { children: "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: "Endpoint URL" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.endpointUrl,
+            onChange: (n) => c({ ...a, endpointUrl: n.target.value }),
+            placeholder: "opc.tcp://localhost:4840"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Security Mode" }),
+        /* @__PURE__ */ i(
+          "select",
+          {
+            value: a.securityMode,
+            onChange: (n) => c({
+              ...a,
+              securityMode: n.target.value
+            }),
+            children: [
+              /* @__PURE__ */ e("option", { value: "None", children: "None" }),
+              /* @__PURE__ */ e("option", { value: "Sign", children: "Sign" }),
+              /* @__PURE__ */ e("option", { value: "SignAndEncrypt", children: "Sign and Encrypt" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ e("label", { children: "Authentication" }),
+        /* @__PURE__ */ i(
+          "select",
+          {
+            value: a.authentication,
+            onChange: (n) => c({
+              ...a,
+              authentication: n.target.value
+            }),
+            children: [
+              /* @__PURE__ */ e("option", { value: "anonymous", children: "Anonymous" }),
+              /* @__PURE__ */ e("option", { value: "username", children: "Username/Password" }),
+              /* @__PURE__ */ e("option", { value: "certificate", children: "Certificate" })
+            ]
+          }
+        )
+      ] }),
+      a.authentication === "username" && /* @__PURE__ */ i(P, { children: [
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: "Username" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: a.username || "",
+              onChange: (n) => c({ ...a, username: n.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "nice-protocol-config__field", children: [
+          /* @__PURE__ */ e("label", { children: "Password" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "password",
+              value: a.password || "",
+              onChange: (n) => c({ ...a, password: n.target.value })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
+        /* @__PURE__ */ e("label", { children: "Application Name" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.applicationName,
+            onChange: (n) => c({ ...a, applicationName: n.target.value })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("h4", { children: "Nodes" }),
+    /* @__PURE__ */ i("div", { className: "nice-protocol-config__nodes", children: [
+      a.nodes.map((n, r) => /* @__PURE__ */ i("div", { className: "nice-protocol-config__node-row", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: n.nodeId,
+            onChange: (l) => {
+              const t = [...a.nodes];
+              t[r] = { ...t[r], nodeId: l.target.value }, c({ ...a, nodes: t });
+            },
+            placeholder: "ns=2;s=Temperature"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: n.displayName,
+            onChange: (l) => {
+              const t = [...a.nodes];
+              t[r] = { ...t[r], displayName: l.target.value }, c({ ...a, nodes: t });
+            },
+            placeholder: "Display Name"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              const l = a.nodes.filter((t, d) => d !== r);
+              c({ ...a, nodes: l });
+            },
+            children: "×"
+          }
+        )
+      ] }, r)),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            c({
+              ...a,
+              nodes: [
+                ...a.nodes,
+                { nodeId: "", displayName: "", dataType: "Double", read: !0 }
+              ]
+            });
+          },
+          children: "+ Add Node"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  le as NiceEdgeManager,
+  re as NiceIoTDashboard,
+  se as NiceProtocolConfig
+};