@nice2dev/ui-iot 1.1.7 → 1.1.9

package/dist/index.mjs

@@ -1,1325 +1,403 @@
-import { jsxs as a, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { useState as h, useCallback as w, useContext as ie, createContext as b, memo as ce, useEffect as ne } from "react";
-const F = [
-  { 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 Ee({
-  devices: r = [],
-  widgets: i = [],
-  alarms: c = [],
-  onDeviceSelect: n,
-  onWidgetChange: o,
-  onCommand: d,
-  onAlarmAcknowledge: t,
-  fetchTelemetry: l,
-  className: g = ""
-}) {
-  const [m, C] = h(i), [N, v] = h(null), [u, _] = h("dashboard"), [H, P] = h(!1), [x, R] = h(""), y = w(
-    (f) => {
-      C((S) => {
-        const T = f(S);
-        return o == null || o(T), T;
-      });
-    },
-    [o]
-  ), k = w(
-    (f) => {
-      var T;
-      const S = {
-        id: crypto.randomUUID(),
-        type: f,
-        title: ((T = F.find((B) => B.type === f)) == null ? void 0 : T.label) || f,
-        position: { x: 0, y: oe(m), width: 4, height: 3 },
-        config: {}
-      };
-      y((B) => [...B, S]);
-    },
-    [m, y]
-  ), L = w(
-    (f) => {
-      v(f), n == null || n(f);
-    },
-    [n]
-  ), $ = w(
-    (f) => {
-      t == null || t(f);
-    },
-    [t]
-  ), M = r.filter(
-    (f) => !x || f.name.toLowerCase().includes(x.toLowerCase()) || f.type.toLowerCase().includes(x.toLowerCase())
-  ), I = c.filter((f) => !f.cleared), z = I.filter(
-    (f) => f.severity === "critical" || f.severity === "high"
-  );
-  return /* @__PURE__ */ a("div", { className: `nice-iot-dashboard ${g}`, children: [
-    /* @__PURE__ */ a("header", { className: "nice-iot-dashboard__header", children: [
-      /* @__PURE__ */ e("h1", { children: "IoT Dashboard" }),
-      /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__stats", children: [
-        /* @__PURE__ */ a("span", { className: "nice-iot-dashboard__stat", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: "📱" }),
-          r.length,
-          " Devices"
-        ] }),
-        /* @__PURE__ */ a("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--online", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: "🟢" }),
-          r.filter((f) => f.status === "online").length,
-          " Online"
-        ] }),
-        /* @__PURE__ */ a("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--offline", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: "⚫" }),
-          r.filter((f) => f.status === "offline").length,
-          " Offline"
-        ] }),
-        z.length > 0 && /* @__PURE__ */ a("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--alarms", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: "🚨" }),
-          z.length,
-          " Alarms"
-        ] })
-      ] }),
-      /* @__PURE__ */ a("nav", { className: "nice-iot-dashboard__nav", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: u === "dashboard" ? "active" : "",
-            onClick: () => _("dashboard"),
-            children: "Dashboard"
-          }
-        ),
-        /* @__PURE__ */ e("button", { className: u === "devices" ? "active" : "", onClick: () => _("devices"), children: "Devices" }),
-        /* @__PURE__ */ a("button", { className: u === "alarms" ? "active" : "", onClick: () => _("alarms"), children: [
-          "Alarms ",
-          I.length > 0 && `(${I.length})`
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: u === "dashboard" && /* @__PURE__ */ e("button", { onClick: () => P(!H), children: H ? "✓ Done" : "✏️ Edit" }) })
-    ] }),
-    u === "dashboard" && /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__main", children: [
-      H && /* @__PURE__ */ a("aside", { className: "nice-iot-dashboard__palette", children: [
-        /* @__PURE__ */ e("h4", { children: "Add Widget" }),
-        F.map((f) => /* @__PURE__ */ a(
-          "button",
-          {
-            className: "nice-iot-dashboard__palette-item",
-            onClick: () => k(f.type),
-            children: [
-              /* @__PURE__ */ e("span", { children: f.icon }),
-              /* @__PURE__ */ e("span", { children: f.label })
-            ]
-          },
-          f.type
-        ))
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__grid", children: [
-        m.map((f) => /* @__PURE__ */ e(
-          de,
-          {
-            widget: f,
-            devices: r,
-            alarms: c,
-            isEditing: H,
-            onCommand: d,
-            onDelete: () => y((S) => S.filter((T) => T.id !== f.id))
-          },
-          f.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 === "devices" && /* @__PURE__ */ a("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: x,
-          onChange: (f) => R(f.target.value)
-        }
-      ) }),
-      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: M.map((f) => /* @__PURE__ */ e(
-        se,
-        {
-          device: f,
-          isSelected: (N == null ? void 0 : N.id) === f.id,
-          onSelect: () => L(f)
-        },
-        f.id
-      )) }),
-      N && /* @__PURE__ */ e(
-        le,
-        {
-          device: N,
-          onCommand: d,
-          onClose: () => v(null)
-        }
-      )
-    ] }),
-    u === "alarms" && /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarms", children: /* @__PURE__ */ a("table", { className: "nice-iot-dashboard__alarm-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("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((f) => {
-        const S = r.find((T) => T.id === f.deviceId);
-        return /* @__PURE__ */ a(
-          "tr",
-          {
-            className: `nice-iot-dashboard__alarm-row nice-iot-dashboard__alarm-row--${f.severity}`,
-            children: [
-              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
-                "span",
-                {
-                  className: `nice-iot-dashboard__severity nice-iot-dashboard__severity--${f.severity}`,
-                  children: f.severity
-                }
-              ) }),
-              /* @__PURE__ */ e("td", { children: (S == null ? void 0 : S.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: () => $(f.id), children: "Acknowledge" }) })
-            ]
-          },
-          f.id
-        );
-      }) })
-    ] }) })
-  ] });
+import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
+import { useContext as B, createContext as b, memo as oe, useState as y, useEffect as te, useCallback as C } from "react";
+const de = (a, i) => i, se = b(de), le = b("en");
+function R() {
+  const a = B(se), i = B(le);
+  return { t: a, lang: i };
 }
-function oe(r) {
-  return r.length === 0 ? 0 : Math.max(...r.map((i) => i.position.y + i.position.height));
-}
-function A(r) {
-  switch (r) {
-    case "online":
-      return "var(--nice-success, #28a745)";
-    case "offline":
-      return "var(--nice-text-secondary, #6c757d)";
-    case "warning":
-      return "var(--nice-warning, #ffc107)";
-    case "error":
-      return "var(--nice-danger, #dc3545)";
-    case "maintenance":
-      return "var(--nice-info, #17a2b8)";
-    default:
-      return "var(--nice-text-secondary, #6c757d)";
+b({
+  dir: "ltr",
+  isRTL: !1,
+  flip: (a) => a,
+  value: (a) => a.ltr
+});
+b(null);
+b(null);
+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"
+};
+b({
+  displayStyle: "default",
+  variantConfig: fe,
+  setDisplayStyle: () => {
   }
-}
-function de({
-  widget: r,
-  devices: i,
-  alarms: c,
-  isEditing: n,
-  onCommand: o,
-  onDelete: d
+});
+const me = {
+  // Navigation
+  "chevron-down": "M6 9l6 6 6-6",
+  "chevron-up": "M18 15l-6-6-6 6",
+  "chevron-left": "M15 18l-6-6 6-6",
+  "chevron-right": "M9 6l6 6-6 6",
+  "arrow-left": "M19 12H5m0 0l7 7m-7-7l7-7",
+  "arrow-right": "M5 12h14m0 0l-7-7m7 7l-7 7",
+  "arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
+  "arrow-down": "M12 5v14m0 0l7-7m-7 7l-7-7",
+  // Actions
+  close: "M18 6L6 18M6 6l12 12",
+  plus: "M12 5v14m-7-7h14",
+  minus: "M5 12h14",
+  check: "M5 13l4 4L19 7",
+  edit: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7M18.5 2.5a2.121 2.121 0 113 3L12 15l-4 1 1-4 9.5-9.5z",
+  trash: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16",
+  copy: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z",
+  download: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4",
+  upload: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12",
+  refresh: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 013.51 15",
+  // UI
+  search: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
+  filter: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z",
+  "sort-asc": "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12",
+  "sort-desc": "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4",
+  // Neutral "sortable" indicator: a small up-chevron over a down-chevron.
+  sort: "M6 10l6-6 6 6M6 14l6 6 6-6",
+  menu: "M4 6h16M4 12h16M4 18h16",
+  "more-vertical": "M12 5v.01M12 12v.01M12 19v.01",
+  "more-horizontal": "M5 12h.01M12 12h.01M19 12h.01",
+  settings: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z",
+  eye: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z M15 12a3 3 0 11-6 0 3 3 0 016 0z",
+  "eye-off": "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24 M1 1l22 22",
+  lock: "M19 11H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2zm-3-4a4 4 0 10-8 0v4h8V7z",
+  // Status
+  info: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  warning: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z",
+  error: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z",
+  success: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
+  help: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  // Content
+  calendar: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",
+  clock: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",
+  file: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z",
+  folder: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z",
+  image: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",
+  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",
+  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",
+  star: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z",
+  heart: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z",
+  bell: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",
+  grip: "M4 6h2m4 0h2m4 0h2M4 12h2m4 0h2m4 0h2M4 18h2m4 0h2m4 0h2",
+  hash: "M4 9h16M4 15h16M10 3L8 21M16 3l-2 18",
+  list: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01",
+  circle: "M12 21a9 9 0 100-18 9 9 0 000 18z",
+  // UI component / element types (palettes, builders)
+  box: "M21 8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16V8z M3.27 6.96L12 12.01l8.73-5.05 M12 22.08V12",
+  tabs: "M3 9h18v10H3z M7 9V5h6v4",
+  columns: "M4 4h7v16H4z M13 4h7v16h-7z",
+  grid: "M3 3h7v7H3z M14 3h7v7h-7z M14 14h7v7h-7z M3 14h7v7H3z",
+  table: "M3 5h18v14H3z M3 10h18M3 15h18M9 5v14M15 5v14",
+  heading: "M6 4v16M18 4v16M6 12h12",
+  type: "M4 7V4h16v3M9 20h6M12 4v16",
+  "align-left": "M3 6h18M3 12h12M3 18h15",
+  input: "M4 9h16a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1v-4a1 1 0 011-1z M7 12h5",
+  button: "M5 9h14a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-2a2 2 0 012-2z",
+  select: "M4 6h16a1 1 0 011 1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V7a1 1 0 011-1z M15 11l-3 3-3-3",
+  "check-square": "M9 11l3 3L22 4 M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11",
+  video: "M23 7l-7 5 7 5V7z M16 5H3a2 2 0 00-2 2v10a2 2 0 002 2h13a2 2 0 002-2V7a2 2 0 00-2-2z",
+  card: "M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1z M3 10h18",
+  // App / infra / media concepts
+  "bar-chart": "M6 20v-6M12 20V4M18 20v-10",
+  "line-chart": "M3 3v18h18 M7 15l4-4 3 3 5-6",
+  "area-chart": "M3 3v18h18 M7 17v-3l4-4 3 3 5-6v10z",
+  "pie-chart": "M21.21 15.89A10 10 0 118 2.83 M22 12A10 10 0 0012 2v10z",
+  "donut-chart": "M12 3a9 9 0 100 18 9 9 0 000-18z M12 8a4 4 0 100 8 4 4 0 000-8z",
+  "scatter-chart": "M3 3v18h18 M8 16h.01 M11 11h.01 M15 14h.01 M18 8h.01",
+  "bars-vertical": "M6 5v14M12 5v14M18 5v14",
+  globe: "M12 3a9 9 0 100 18 9 9 0 000-18z M3 12h18 M12 3a14 14 0 010 18 M12 3a14 14 0 000 18",
+  monitor: "M3 4h18a1 1 0 011 1v11a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z M8 21h8 M12 17v4",
+  camera: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h3l2-3h6l2 3h3a2 2 0 012 2z M12 17a4 4 0 100-8 4 4 0 000 8z",
+  plug: "M9 2v5 M15 2v5 M7 7h10v3a5 5 0 01-10 0V7z M12 15v7",
+  save: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z M17 21v-8H7v8 M7 3v5h8",
+  tag: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z M7 7h.01",
+  palette: "M12 2a10 10 0 000 20 2 2 0 002-2c0-.5-.2-1-.5-1.3a2 2 0 01-.5-1.2 2 2 0 012-2H17a5 5 0 005-5c0-5-4.5-9-10-9z M6.5 11.5h.01 M9.5 7.5h.01 M14.5 7.5h.01",
+  book: "M4 19.5A2.5 2.5 0 016.5 17H20 M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z",
+  cloud: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+  target: "M12 3a9 9 0 100 18 9 9 0 000-18z M12 7a5 5 0 100 10 5 5 0 000-10z M12 11a1 1 0 100 2 1 1 0 000-2z",
+  message: "M21 11.5a8.5 8.5 0 01-8.5 8.5 8.4 8.4 0 01-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 01-.9-3.8A8.5 8.5 0 0112.5 3 8.5 8.5 0 0121 11.5z",
+  flask: "M9 2h6 M10 2v6.5L4.5 19a1 1 0 00.9 1.5h13.2a1 1 0 00.9-1.5L14 8.5V2 M7 15h10",
+  rocket: "M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22 22 0 01-3.95 2z M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0 M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5 M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z",
+  music: "M9 18V5l12-2v13 M9 18a3 3 0 11-6 0 3 3 0 016 0z M21 16a3 3 0 11-6 0 3 3 0 016 0z",
+  wifi: "M5 12.55a11 11 0 0114 0 M8.5 16.11a6 6 0 017 0 M12 20h.01 M2 8.82a15 15 0 0120 0",
+  database: "M12 8c4.97 0 9-1.34 9-3s-4.03-3-9-3-9 1.34-9 3 4.03 3 9 3z M21 5v6c0 1.66-4.03 3-9 3s-9-1.34-9-3V5 M21 11v6c0 1.66-4.03 3-9 3s-9-1.34-9-3v-6",
+  slash: "M12 3a9 9 0 100 18 9 9 0 000-18z M5.6 5.6l12.8 12.8",
+  puzzle: "M19.4 13.6a1.6 1.6 0 10.2-3.2H19V7a2 2 0 00-2-2h-3.4v-.4a1.6 1.6 0 10-3.2 0V5H7a2 2 0 00-2 2v3.4h.4a1.6 1.6 0 100 3.2H5V17a2 2 0 002 2h3.4v.4a1.6 1.6 0 103.2 0V19H17a2 2 0 002-2v-3.4z",
+  dollar: "M12 1v22 M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6",
+  printer: "M6 9V2h12v7 M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2 M6 14h12v8H6z",
+  scale: "M12 3v18 M5 21h14 M5 7l7-2 7 2 M2 13a3 3 0 006 0L5 7zm14 0a3 3 0 006 0L19 7z",
+  accessibility: "M12 3a9 9 0 100 18 9 9 0 000-18z M12 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3z M7.5 10.5l4.5 1 4.5-1 M12 11.5v3.5l-2 3.5 M12 15l2 3.5",
+  window: "M3 4h18a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z M2 9h20 M6 6.5h.01 M9 6.5h.01",
+  "map-pin": "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z M12 13a3 3 0 100-6 3 3 0 000 6z",
+  cursor: "M5 3l14 7-6 2-2 6-6-15z",
+  shuffle: "M16 3h5v5 M4 20L21 3 M21 16v5h-5 M15 15l6 6 M4 4l5 5",
+  lightbulb: "M9 18h6 M10 22h4 M12 2a7 7 0 00-4 12.7c.6.5 1 1.3 1 2.1V18h6v-1.2c0-.8.4-1.6 1-2.1A7 7 0 0012 2z",
+  server: "M3 4h18a1 1 0 011 1v4a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z M3 14h18a1 1 0 011 1v4a1 1 0 01-1 1H3a1 1 0 01-1-1v-4a1 1 0 011-1z M7 7h.01 M7 17h.01",
+  terminal: "M4 17l6-6-6-6 M12 19h8",
+  "git-branch": "M6 3v12 M18 9a3 3 0 100-6 3 3 0 000 6z M6 21a3 3 0 100-6 3 3 0 000 6z M18 9a9 9 0 01-9 9",
+  send: "M22 2L11 13 M22 2l-7 20-4-9-9-4 20-7z",
+  // Media
+  play: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  pause: "M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z",
+  stop: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z",
+  mic: "M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3zM19 10v2a7 7 0 01-14 0v-2M12 19v4M8 23h8",
+  volume: "M11 5L6 9H2v6h4l5 4V5z M15.54 8.46a5 5 0 010 7.07 M19.07 4.93a10 10 0 010 14.14",
+  "volume-off": "M11 5L6 9H2v6h4l5 4V5z M23 9l-6 6 M17 9l6 6",
+  "skip-back": "M19 20L9 12l10-8v16z M5 19V5",
+  // Toggle
+  expand: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4",
+  collapse: "M9 9V5m0 4H5m4 0L4 4m11 5h4m-4 0V5m0 4l5-5M9 15v4m0-4H5m4 0l-5 5m15-5h-4m4 0v4m0-4l-5 5",
+  "external-link": "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",
+  // Extended set (entities, gamification, status)
+  briefcase: "M20 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2zM16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2M2 12h20",
+  building: "M4 22V4a2 2 0 012-2h12a2 2 0 012 2v18M4 22h16M9 22v-4h6v4M9 6h.01M15 6h.01M9 10h.01M15 10h.01M9 14h.01M15 14h.01",
+  medal: "M15.477 12.89L17 22l-5-3-5 3 1.523-9.11M12 15a6 6 0 100-12 6 6 0 000 12z",
+  clipboard: "M9 2h6a1 1 0 011 1v1a1 1 0 01-1 1H9a1 1 0 01-1-1V3a1 1 0 011-1zM16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
+  "skip-forward": "M5 4l10 8-10 8V4zM19 5v14",
+  "at-sign": "M12 16a4 4 0 100-8 4 4 0 000 8zM16 12v1.5a2.5 2.5 0 005 0V12a9 9 0 10-3.5 7.14",
+  gift: "M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z",
+  archive: "M21 8v13H3V8M1 3h22v5H1zM10 12h4",
+  reply: "M9 17l-5-5 5-5M4 12h11a4 4 0 014 4v2",
+  forward: "M15 17l5-5-5-5M20 12H9a4 4 0 00-4 4v2",
+  paperclip: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48",
+  zap: "M13 2L3 14h9l-1 8 10-12h-9l1-8z",
+  // Graphics / drawing tools (vector / pixel / photo / game editors)
+  square: "M4 4h16v16H4z",
+  triangle: "M12 4L3 20h18z",
+  hexagon: "M7.5 3h9l4.5 9-4.5 9h-9L3 12z",
+  diamond: "M12 2l10 10-10 10L2 12z",
+  line: "M5 19L19 5",
+  pen: "M12 19l7-7 3 3-7 7-3-3z M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z M11 11a2 2 0 100-4 2 2 0 000 4z",
+  brush: "M9.06 11.9l8.07-8.06a2.85 2.85 0 114.03 4.03l-8.06 8.08 M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 00-3-3.02z",
+  droplet: "M12 2.69l5.66 5.66a8 8 0 11-11.31 0z",
+  bucket: "M5 8h14l-1.5 11a2 2 0 01-2 1.8H8.5a2 2 0 01-2-1.8L5 8z M5 8l2-4h10l2 4",
+  scissors: "M6 9a3 3 0 100-6 3 3 0 000 6z M6 21a3 3 0 100-6 3 3 0 000 6z M20 4L8.12 15.88 M14.47 14.48L20 20 M8.12 8.12L12 12",
+  layers: "M12 2l9 5-9 5-9-5 9-5z M3 12l9 5 9-5 M3 17l9 5 9-5",
+  crop: "M6 2v14a2 2 0 002 2h14 M2 6h14a2 2 0 012 2v14",
+  eyedropper: "M2 22l1-1h3l9-9 M3 21v-3l9-9 M15 6l3.5-3.5a2.12 2.12 0 013 3L18 9l-3-3z",
+  ruler: "M21.3 8.7l-6-6a1 1 0 00-1.4 0L2.7 13.9a1 1 0 000 1.4l6 6a1 1 0 001.4 0L21.3 10.1a1 1 0 000-1.4z M7.5 10.5l2 2 M11 7l2 2 M14.5 3.5l2 2",
+  wand: "M15 4V2 M15 16v-2 M8 9h2 M20 9h2 M3 21l9-9 M12.2 6.2L11 5 M17.8 6.2L19 5 M17.8 11.8L19 13",
+  move: "M5 9l-3 3 3 3 M9 5l3-3 3 3 M15 19l-3 3-3-3 M19 9l3 3-3 3 M2 12h20 M12 2v20",
+  gamepad: "M6 12h4 M8 10v4 M15 13h.01 M18 11h.01 M2 12a4 4 0 014-4h12a4 4 0 014 4l-1.5 6a2 2 0 01-2 1.5H5.5a2 2 0 01-2-1.5L2 12z",
+  eraser: "M7 21l-4.3-4.3a1 1 0 010-1.4l9.6-9.6a2 2 0 012.8 0l4.6 4.6a2 2 0 010 2.8L13 21H7z M22 21H7 M5 12l5 5",
+  // Buildings / interior / fixtures (spatial / floor-plan / smart-home / real-estate editors)
+  thermometer: "M14 14.76V3.5a2.5 2.5 0 00-5 0v11.26a4.5 4.5 0 105 0z",
+  door: "M18 20V5a1 1 0 00-1-1H7a1 1 0 00-1 1v15 M3 20h18 M13 11.5h.01",
+  stairs: "M3 20h3v-3h3v-3h3v-3h3v-3h3",
+  elevator: "M5 3h14a1 1 0 011 1v16a1 1 0 01-1 1H5a1 1 0 01-1-1V4a1 1 0 011-1z M9.5 9L12 6.5 14.5 9 M9.5 15l2.5 2.5 2.5-2.5",
+  bed: "M2 4v16 M2 8h18a2 2 0 012 2v10 M22 17H2 M6 8v4 M2 12h4",
+  sofa: "M3 9V7a2 2 0 012-2h14a2 2 0 012 2v2 M21 9a2 2 0 00-2 2v3H5v-3a2 2 0 00-2-2 2 2 0 00-2 2v4a1 1 0 001 1h18a1 1 0 001-1v-4a2 2 0 00-2-2 M5 18v2 M19 18v2",
+  chair: "M6 11V5a2 2 0 012-2h8a2 2 0 012 2v6 M5 11h14 M6 11l-1 8h14l-1-8 M6 19v2 M18 19v2",
+  utensils: "M3 2v7a2 2 0 002 2 2 2 0 002-2V2 M5 2v20 M21 2v9c0 1-1 1.8-2 1.8h-1V20 M18 2v9",
+  mountain: "M8 3l4 8 5-5 5 15H2L8 3z",
+  tree: "M12 2L7 11h10L12 2z M9 11l3 5 3-5 M12 16v6",
+  sun: "M12 17a5 5 0 100-10 5 5 0 000 10z M12 1v2 M12 21v2 M4.22 4.22l1.42 1.42 M18.36 18.36l1.42 1.42 M1 12h2 M21 12h2 M4.22 19.78l1.42-1.42 M18.36 5.64l1.42-1.42",
+  moon: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+  // Rich-text editing (NiceHtmlEditor toolbar, document editors)
+  "list-ordered": "M10 6h11M10 12h11M10 18h11M4 6h1v4M4 10h2M6 18H4c0-1 2-2 2-3s-1-1.5-2-1",
+  unlink: "M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07L11 5.78M3 3l18 18M9 15l3-3M14 11l3 3M14 21l-1.72-1.72a5 5 0 0 1-7.07-7.07L7 10.49",
+  code: "M16 18l6-6-6-6M8 6l-6 6 6 6",
+  quote: "M3 21c3-3 3-9 0-12M21 21c-3-3-3-9 0-12M9 7h6v6H9zM15 7h6v6h-6z",
+  indent: "M3 8l4 4-4 4M7 6h14M7 12h14M3 18h18",
+  outdent: "M7 8l-4 4 4 4M21 6H3M21 12H7M21 18H3",
+  "align-center": "M3 6h18M6 12h12M3 18h18",
+  "align-right": "M3 6h18M9 12h12M3 18h18",
+  "align-justify": "M3 6h18M3 12h18M3 18h18",
+  "align-top": "M4 4h16M9 8v12M15 8v7",
+  "align-middle": "M4 12h16M9 5v14M15 8v8",
+  "align-bottom": "M4 20h16M9 4v12M15 9v7",
+  "distribute-h": "M4 4v16M20 4v16M10 7h4v10h-4z",
+  "distribute-v": "M4 4h16M4 20h16M7 10h10v4H7z",
+  parallelogram: "M7 5h14l-4 14H3z",
+  barcode: "M4 5v14M6.5 5v14M10 5v14M13 5v14M15.5 5v14M19 5v14M20.5 5v14",
+  "qr-code": "M4 4h6v6H4z M14 4h6v6h-6z M4 14h6v6H4z M14 14h2v2h-2z M18 14h2v2h-2z M14 18h2v2h-2z M18 18h2v2h-2z",
+  smile: "M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01",
+  undo: "M9 14L4 9l5-5M4 9h10.5a5.5 5.5 0 010 11H11",
+  redo: "M15 14l5-5-5-5M20 9H9.5a5.5 5.5 0 000 11H13",
+  unlock: "M19 11H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2z M7 11V7a5 5 0 019.9-1",
+  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 = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+}, pe = b({});
+function ye({
+  path: a,
+  size: i,
+  className: c,
+  style: n,
+  color: o,
+  title: t,
+  onClick: d
 }) {
-  const t = F.find((l) => l.type === r.type);
-  return /* @__PURE__ */ a(
-    "div",
+  return /* @__PURE__ */ r(
+    "svg",
     {
-      className: `nice-iot-dashboard__widget nice-iot-dashboard__widget--${r.type}`,
-      style: {
-        gridColumn: `span ${r.position.width}`,
-        gridRow: `span ${r.position.height}`
-      },
+      xmlns: "http://www.w3.org/2000/svg",
+      width: i,
+      height: i,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: o || "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `nice-icon ${c || ""}`,
+      style: n,
+      role: t ? "img" : "presentation",
+      "aria-label": t,
+      "aria-hidden": !t,
+      onClick: d,
       children: [
-        /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__widget-header", children: [
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: t == null ? void 0 : t.icon }),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-title", children: r.title }),
-          n && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: d, children: "×" })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(te, { widget: r, devices: i, alarms: c, onCommand: o }) })
+        t && /* @__PURE__ */ e("title", { children: t }),
+        /* @__PURE__ */ e("path", { d: a })
       ]
     }
   );
 }
-function te({
-  widget: r,
-  devices: i,
-  alarms: c,
-  onCommand: n
-}) {
-  switch (r.type) {
-    case "device-list":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: i.slice(0, 10).map((o) => /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-list-item", children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: "nice-iot-dashboard__device-status",
-            style: { background: A(o.status) }
-          }
-        ),
-        /* @__PURE__ */ e("span", { children: o.name }),
-        /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-type", children: o.type })
-      ] }, o.id)) });
-    case "device-status":
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((o) => {
-        const d = i.filter((t) => t.status === o).length;
-        return /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__status-card", children: [
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: "nice-iot-dashboard__status-indicator",
-              style: { background: A(o) }
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: d }),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: o })
-        ] }, o);
-      }) });
-    case "telemetry-chart":
-      return /* @__PURE__ */ a("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__ */ a("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: "var(--nice-border, #e0e0e0)",
-            strokeWidth: "8"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "path",
-          {
-            d: "M 10 55 A 40 40 0 0 1 90 55",
-            fill: "none",
-            stroke: "var(--nice-primary, #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__ */ a("div", { className: "nice-iot-dashboard__map-placeholder", children: [
-        /* @__PURE__ */ e("span", { children: "🗺️" }),
-        /* @__PURE__ */ e("span", { children: "Device Map" }),
-        /* @__PURE__ */ a("small", { children: [
-          i.filter((o) => o.location).length,
-          " devices with location"
-        ] })
-      ] });
-    case "alarms": {
-      const o = c.filter((d) => !d.cleared).slice(0, 5);
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: o.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: "No active alarms" }) : o.map((d) => /* @__PURE__ */ a(
-        "div",
-        {
-          className: `nice-iot-dashboard__alarm-item nice-iot-dashboard__alarm-item--${d.severity}`,
-          children: [
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-severity", children: d.severity }),
-            /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__alarm-message", children: d.message })
-          ]
-        },
-        d.id
-      )) });
-    }
-    case "control-panel":
-      return /* @__PURE__ */ a("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__ */ a("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" })
-      ] });
-    default:
-      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: r.type });
+const u = ({
+  name: a,
+  size: i = "md",
+  className: c,
+  style: n,
+  color: o,
+  title: t,
+  onClick: d
+}) => {
+  const { resolver: l } = B(pe), g = typeof i == "number" ? i : he[i];
+  if (l) {
+    const _ = l(a, g);
+    if (_)
+      return /* @__PURE__ */ e("span", { className: `nice-icon-wrap ${c || ""}`, style: n, onClick: d, children: _ });
   }
-}
-function se({ device: r, isSelected: i, onSelect: c }) {
-  return /* @__PURE__ */ a(
-    "div",
+  const m = me[a];
+  return m ? /* @__PURE__ */ e(
+    ye,
     {
-      className: `nice-iot-dashboard__device-card ${i ? "nice-iot-dashboard__device-card--selected" : ""}`,
-      onClick: c,
-      children: [
-        /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-card-header", children: [
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: "nice-iot-dashboard__device-status",
-              style: { background: A(r.status) }
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-name", children: r.name })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-card-body", children: [
-          /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-info", children: [
-            /* @__PURE__ */ a("span", { children: [
-              "Type: ",
-              r.type
-            ] }),
-            /* @__PURE__ */ a("span", { children: [
-              "Protocol: ",
-              r.protocol
-            ] })
-          ] }),
-          r.lastSeen && /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-lastseen", children: [
-            "Last seen: ",
-            r.lastSeen.toLocaleString()
-          ] }),
-          /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-capabilities", children: [
-            r.capabilities.slice(0, 3).map((n) => /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__capability-badge", children: n.name }, n.id)),
-            r.capabilities.length > 3 && /* @__PURE__ */ a("span", { className: "nice-iot-dashboard__capability-more", children: [
-              "+",
-              r.capabilities.length - 3
-            ] })
-          ] })
-        ] })
-      ]
+      path: m,
+      size: g,
+      className: c,
+      style: n,
+      color: o,
+      title: t,
+      onClick: d
     }
-  );
-}
-function le({
-  device: r,
-  onCommand: i,
-  onClose: c
-}) {
-  return /* @__PURE__ */ a("aside", { className: "nice-iot-dashboard__device-detail", children: [
-    /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-detail-header", children: [
-      /* @__PURE__ */ e("h3", { children: r.name }),
-      /* @__PURE__ */ e("button", { onClick: c, children: "×" })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__device-detail-content", children: [
-      /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Status" }),
-        /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Status:" }),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: "nice-iot-dashboard__status-badge",
-              style: { background: A(r.status) },
-              children: r.status
-            }
-          )
-        ] }),
-        r.lastSeen && /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Last Seen:" }),
-          /* @__PURE__ */ e("span", { children: r.lastSeen.toLocaleString() })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Connection" }),
-        /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Protocol:" }),
-          /* @__PURE__ */ e("span", { children: r.protocol })
-        ] }),
-        r.connectionInfo.host && /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Host:" }),
-          /* @__PURE__ */ a("span", { children: [
-            r.connectionInfo.host,
-            ":",
-            r.connectionInfo.port
-          ] })
-        ] })
-      ] }),
-      r.metadata && /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Metadata" }),
-        r.metadata.manufacturer && /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Manufacturer:" }),
-          /* @__PURE__ */ e("span", { children: r.metadata.manufacturer })
-        ] }),
-        r.metadata.model && /* @__PURE__ */ a("div", { className: "nice-iot-dashboard__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Model:" }),
-          /* @__PURE__ */ e("span", { children: r.metadata.model })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Capabilities" }),
-        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__capabilities-list", children: r.capabilities.map((n) => /* @__PURE__ */ a("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(
-            "button",
-            {
-              className: "nice-iot-dashboard__capability-control",
-              onClick: () => i(r.id, n.id, !0),
-              children: "Control"
-            }
-          )
-        ] }, n.id)) })
-      ] })
-    ] })
-  ] });
-}
-const fe = [
-  { 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 Ue({
-  nodes: r = [],
-  modules: i = [],
-  onNodeSelect: c,
-  onModuleDeploy: n,
-  onModuleAction: o,
-  onNodeSync: d,
-  className: t = ""
-}) {
-  const [l, g] = h(null), [m, C] = h("nodes"), [N, v] = h(!1), [u, _] = h({
-    name: "",
-    image: "",
-    status: "pending"
-  }), H = w(
-    (y) => {
-      g(y), c == null || c(y);
+  ) : null;
+};
+b({
+  direction: "ltr",
+  isRTL: !1,
+  flip: (a) => a,
+  flipStyle: (a, i) => ({ [a]: i })
+});
+b({
+  permissions: {},
+  getAccessMode: () => "full"
+});
+b(null);
+b(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"
+}), ue = {
+  sm: "0 1px 2px rgba(0,0,0,0.05)",
+  md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
+  lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
+  xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)"
+}, ve = {
+  sm: "0 1px 2px rgba(0,0,0,0.3)",
+  md: "0 4px 6px -1px rgba(0,0,0,0.4)",
+  lg: "0 10px 15px -3px rgba(0,0,0,0.4)",
+  xl: "0 20px 25px -5px rgba(0,0,0,0.4)"
+};
+function s(a, i, c, n, o) {
+  return {
+    name: a,
+    darkMode: "light",
+    colors: {
+      ...i,
+      surface: i.surface ?? c.primary,
+      surfaceHover: i.surfaceHover ?? c.secondary
     },
-    [c]
-  ), P = w(async () => {
-    !l || !u.name || !u.image || (await (n == null ? void 0 : n(l.id, u)), v(!1), _({ name: "", image: "", status: "pending" }));
-  }, [l, u, n]), x = w(
-    async (y, k) => {
-      l && await (o == null ? void 0 : o(l.id, y, k));
+    backgrounds: {
+      ...c,
+      elevated: c.elevated ?? c.primary,
+      inset: c.inset ?? c.tertiary,
+      canvas: c.canvas ?? c.primary
     },
-    [l, o]
-  ), R = w(async () => {
-    l && await (d == null ? void 0 : d(l.id));
-  }, [l, d]);
-  return /* @__PURE__ */ a("div", { className: `nice-edge-manager ${t}`, children: [
-    /* @__PURE__ */ a("header", { className: "nice-edge-manager__header", children: [
-      /* @__PURE__ */ e("h1", { children: "Edge Manager" }),
-      /* @__PURE__ */ a("nav", { className: "nice-edge-manager__nav", children: [
-        /* @__PURE__ */ a("button", { className: m === "nodes" ? "active" : "", onClick: () => C("nodes"), children: [
-          "Nodes (",
-          r.length,
-          ")"
-        ] }),
-        /* @__PURE__ */ e("button", { className: m === "modules" ? "active" : "", onClick: () => C("modules"), children: "Modules" })
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__main", children: [
-      m === "nodes" && /* @__PURE__ */ e("div", { className: "nice-edge-manager__nodes", children: /* @__PURE__ */ a("div", { className: "nice-edge-manager__node-grid", children: [
-        r.map((y) => /* @__PURE__ */ e(
-          pe,
-          {
-            node: y,
-            isSelected: (l == null ? void 0 : l.id) === y.id,
-            onSelect: () => H(y)
-          },
-          y.id
-        )),
-        r.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No edge nodes configured" })
-      ] }) }),
-      m === "modules" && l && /* @__PURE__ */ a("div", { className: "nice-edge-manager__modules", children: [
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__modules-header", children: [
-          /* @__PURE__ */ a("h3", { children: [
-            "Modules on ",
-            l.name
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "nice-edge-manager__deploy-btn",
-              onClick: () => v(!0),
-              children: "+ Deploy Module"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__module-grid", children: [
-          l.deployedModules.map((y) => /* @__PURE__ */ e(
-            ye,
-            {
-              module: y,
-              onAction: (k) => x(y.id, k)
-            },
-            y.id
-          )),
-          l.deployedModules.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No modules deployed on this node" })
-        ] })
-      ] }),
-      m === "modules" && !l && /* @__PURE__ */ e("div", { className: "nice-edge-manager__no-selection", children: "Select a node from the Nodes tab to manage modules" }),
-      l && /* @__PURE__ */ e(
-        he,
-        {
-          node: l,
-          onSync: R,
-          onClose: () => g(null)
-        }
-      )
-    ] }),
-    N && /* @__PURE__ */ e(
-      ue,
-      {
-        config: u,
-        templates: fe,
-        onChange: _,
-        onDeploy: P,
-        onClose: () => v(!1)
-      }
-    )
-  ] });
-}
-function J(r) {
-  switch (r) {
-    case "running":
-      return "var(--nice-success, #28a745)";
-    case "stopped":
-      return "var(--nice-text-secondary, #6c757d)";
-    case "updating":
-      return "var(--nice-warning, #ffc107)";
-    case "error":
-      return "var(--nice-danger, #dc3545)";
-    case "unreachable":
-      return "var(--nice-text-secondary, #868e96)";
-    default:
-      return "var(--nice-text-secondary, #6c757d)";
-  }
-}
-function W(r) {
-  return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : r < 1024 * 1024 * 1024 ? `${(r / 1024 / 1024).toFixed(1)} MB` : `${(r / 1024 / 1024 / 1024).toFixed(2)} GB`;
-}
-function me(r) {
-  const i = Math.floor(r / 86400), c = Math.floor(r % 86400 / 3600), n = Math.floor(r % 3600 / 60);
-  return i > 0 ? `${i}d ${c}h` : c > 0 ? `${c}h ${n}m` : `${n}m`;
+    text: { ...n, inverse: n.inverse ?? "#ffffff" },
+    borders: ae(o),
+    shadows: ue,
+    spacing: Y,
+    typography: Z,
+    transitions: ee
+  };
 }
-function pe({ node: r, isSelected: i, onSelect: c }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: `nice-edge-manager__node-card ${i ? "nice-edge-manager__node-card--selected" : ""}`,
-      onClick: c,
-      children: [
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__node-header", children: [
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: "nice-edge-manager__node-status",
-              style: { background: J(r.status) }
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "nice-edge-manager__node-name", children: r.name }),
-          /* @__PURE__ */ e("span", { className: "nice-edge-manager__node-type", children: r.type })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__node-body", children: [
-          /* @__PURE__ */ a("div", { className: "nice-edge-manager__node-info", children: [
-            /* @__PURE__ */ a("span", { children: [
-              "🖥️ ",
-              r.hardware.cpu
-            ] }),
-            /* @__PURE__ */ a("span", { children: [
-              "💾 ",
-              (r.hardware.memoryMB / 1024).toFixed(1),
-              " GB"
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-metrics", children: r.metrics && /* @__PURE__ */ a(E, { children: [
-            /* @__PURE__ */ a("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: `${r.metrics.cpuUsage}%` }
-                }
-              ) }),
-              /* @__PURE__ */ a("span", { className: "nice-edge-manager__metric-value", children: [
-                r.metrics.cpuUsage.toFixed(0),
-                "%"
-              ] })
-            ] }),
-            /* @__PURE__ */ a("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: `${r.metrics.memoryUsage}%` }
-                }
-              ) }),
-              /* @__PURE__ */ a("span", { className: "nice-edge-manager__metric-value", children: [
-                r.metrics.memoryUsage.toFixed(0),
-                "%"
-              ] })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ a("div", { className: "nice-edge-manager__node-modules", children: [
-            r.deployedModules.length,
-            " modules deployed"
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function ye({ module: r, onAction: i }) {
-  return /* @__PURE__ */ a("div", { className: "nice-edge-manager__module-card", children: [
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__module-header", children: [
-      /* @__PURE__ */ e(
-        "span",
-        {
-          className: "nice-edge-manager__module-status",
-          style: {
-            background: {
-              running: "var(--nice-success, #28a745)",
-              stopped: "var(--nice-text-secondary, #6c757d)",
-              error: "var(--nice-danger, #dc3545)",
-              pending: "var(--nice-warning, #ffc107)"
-            }[r.status] || "var(--nice-text-secondary, #6c757d)"
-          }
-        }
-      ),
-      /* @__PURE__ */ e("span", { className: "nice-edge-manager__module-name", children: r.name }),
-      /* @__PURE__ */ a("span", { className: "nice-edge-manager__module-version", children: [
-        "v",
-        r.version
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__module-body", children: [
-      /* @__PURE__ */ e("div", { className: "nice-edge-manager__module-image", children: r.image }),
-      r.resources && /* @__PURE__ */ a("div", { className: "nice-edge-manager__module-resources", children: [
-        r.resources.cpuLimit && /* @__PURE__ */ a("span", { children: [
-          "CPU: ",
-          r.resources.cpuLimit
-        ] }),
-        r.resources.memoryLimitMB && /* @__PURE__ */ a("span", { children: [
-          "RAM: ",
-          r.resources.memoryLimitMB,
-          " MB"
-        ] })
-      ] }),
-      r.ports && r.ports.length > 0 && /* @__PURE__ */ a("div", { className: "nice-edge-manager__module-ports", children: [
-        "Ports: ",
-        r.ports.map((n) => `${n.host}:${n.container}`).join(", ")
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__module-actions", children: [
-      r.status === "running" && /* @__PURE__ */ a(E, { children: [
-        /* @__PURE__ */ e("button", { onClick: () => i("stop"), children: "Stop" }),
-        /* @__PURE__ */ e("button", { onClick: () => i("restart"), children: "Restart" })
-      ] }),
-      r.status === "stopped" && /* @__PURE__ */ e("button", { onClick: () => i("start"), children: "Start" }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__module-remove", onClick: () => i("remove"), children: "Remove" })
-    ] })
-  ] });
-}
-function he({ node: r, onSync: i, onClose: c }) {
-  return /* @__PURE__ */ a("aside", { className: "nice-edge-manager__detail", children: [
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-header", children: [
-      /* @__PURE__ */ e("h3", { children: r.name }),
-      /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-actions", children: [
-        /* @__PURE__ */ e("button", { onClick: i, children: "🔄 Sync" }),
-        /* @__PURE__ */ e("button", { onClick: c, children: "×" })
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-content", children: [
-      /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Status" }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Status:" }),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: "nice-edge-manager__status-badge",
-              style: { background: J(r.status) },
-              children: r.status
-            }
-          )
-        ] }),
-        r.metrics && /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Uptime:" }),
-          /* @__PURE__ */ e("span", { children: me(r.metrics.uptime) })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Hardware" }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "CPU:" }),
-          /* @__PURE__ */ a("span", { children: [
-            r.hardware.cpu,
-            " (",
-            r.hardware.cores,
-            " cores)"
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Memory:" }),
-          /* @__PURE__ */ a("span", { children: [
-            (r.hardware.memoryMB / 1024).toFixed(1),
-            " GB"
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Storage:" }),
-          /* @__PURE__ */ a("span", { children: [
-            (r.hardware.storageMB / 1024).toFixed(1),
-            " GB"
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Architecture:" }),
-          /* @__PURE__ */ e("span", { children: r.hardware.architecture })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Software" }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "OS:" }),
-          /* @__PURE__ */ a("span", { children: [
-            r.software.os,
-            " ",
-            r.software.osVersion
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Runtime:" }),
-          /* @__PURE__ */ a("span", { children: [
-            r.software.runtime,
-            " ",
-            r.software.runtimeVersion
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Agent:" }),
-          /* @__PURE__ */ a("span", { children: [
-            r.software.agent,
-            " v",
-            r.software.agentVersion
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Connectivity" }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Cloud:" }),
-          /* @__PURE__ */ e("span", { children: r.connectivity.cloudConnected ? "✓ Connected" : "✗ Disconnected" })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Network:" }),
-          /* @__PURE__ */ e("span", { children: r.connectivity.localNetwork })
-        ] }),
-        r.connectivity.publicIP && /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Public IP:" }),
-          /* @__PURE__ */ e("span", { children: r.connectivity.publicIP })
-        ] }),
-        r.connectivity.lastSync && /* @__PURE__ */ a("div", { className: "nice-edge-manager__detail-row", children: [
-          /* @__PURE__ */ e("span", { children: "Last Sync:" }),
-          /* @__PURE__ */ e("span", { children: r.connectivity.lastSync.toLocaleString() })
-        ] })
-      ] }),
-      r.metrics && /* @__PURE__ */ a("section", { children: [
-        /* @__PURE__ */ e("h4", { children: "Resource Usage" }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__resource-chart", children: [
-          /* @__PURE__ */ a("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: `${r.metrics.cpuUsage}%` }
-              }
-            ) }),
-            /* @__PURE__ */ a("span", { children: [
-              r.metrics.cpuUsage.toFixed(1),
-              "%"
-            ] })
-          ] }),
-          /* @__PURE__ */ a("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: `${r.metrics.memoryUsage}%` }
-              }
-            ) }),
-            /* @__PURE__ */ a("span", { children: [
-              r.metrics.memoryUsage.toFixed(1),
-              "%"
-            ] })
-          ] }),
-          /* @__PURE__ */ a("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: `${r.metrics.diskUsage}%` }
-              }
-            ) }),
-            /* @__PURE__ */ a("span", { children: [
-              r.metrics.diskUsage.toFixed(1),
-              "%"
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-edge-manager__network-stats", children: [
-          /* @__PURE__ */ a("span", { children: [
-            "↓ ",
-            W(r.metrics.networkIn)
-          ] }),
-          /* @__PURE__ */ a("span", { children: [
-            "↑ ",
-            W(r.metrics.networkOut)
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function ue({
-  config: r,
-  templates: i,
-  onChange: c,
-  onDeploy: n,
-  onClose: o
-}) {
-  return /* @__PURE__ */ e("div", { className: "nice-edge-manager__dialog-overlay", children: /* @__PURE__ */ a("div", { className: "nice-edge-manager__dialog", children: [
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__dialog-header", children: [
-      /* @__PURE__ */ e("h3", { children: "Deploy Module" }),
-      /* @__PURE__ */ e("button", { onClick: o, children: "×" })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__dialog-content", children: [
-      /* @__PURE__ */ a("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: "Template (optional)" }),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            value: "",
-            onChange: (d) => {
-              const t = i.find((l) => l.image === d.target.value);
-              t && c({
-                ...r,
-                name: t.name,
-                image: t.image
-              });
-            },
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "Select a template..." }),
-              i.map((d) => /* @__PURE__ */ e("option", { value: d.image, children: d.name }, d.image))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: "Module Name" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: r.name || "",
-            onChange: (d) => c({ ...r, name: d.target.value }),
-            placeholder: "e.g., my-module"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: "Container Image" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: r.image || "",
-            onChange: (d) => c({ ...r, image: d.target.value }),
-            placeholder: "e.g., nginx:latest"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-edge-manager__field", children: [
-        /* @__PURE__ */ e("label", { children: "Version" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: r.version || "1.0.0",
-            onChange: (d) => c({ ...r, version: d.target.value })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-edge-manager__dialog-footer", children: [
-      /* @__PURE__ */ e("button", { onClick: o, children: "Cancel" }),
-      /* @__PURE__ */ e("button", { className: "nice-edge-manager__deploy-confirm", onClick: n, children: "Deploy" })
-    ] })
-  ] }) });
-}
-const be = (r, i) => i, ve = b(be);
-function U() {
-  return { t: ie(ve) };
-}
-b({
-  dir: "ltr",
-  isRTL: !1,
-  flip: (r) => r,
-  value: (r) => r.ltr
-});
-b(null);
-b(null);
-const ge = {
-  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"
-};
-b({
-  displayStyle: "default",
-  variantConfig: ge,
-  setDisplayStyle: () => {
-  }
-});
-b({});
-b({
-  direction: "ltr",
-  isRTL: !1,
-  flip: (r) => r,
-  flipStyle: (r, i) => ({ [r]: i })
-});
-b({
-  permissions: {},
-  getAccessMode: () => "full"
-});
-b(null);
-const _e = process.env.NODE_ENV === "development";
-let K = {
-  enabled: _e,
-  slowRenderThreshold: 16
-};
-const X = [], O = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map();
-function Ne() {
-  X.length = 0, O.clear(), Y.clear();
-}
-function we(r) {
-  const i = K.slowRenderThreshold;
-  return X.filter((c) => c.actualDuration > i);
-}
-function D(r) {
-  return r < 1 ? `${(r * 1e3).toFixed(0)}μs` : r < 1e3 ? `${r.toFixed(2)}ms` : `${(r / 1e3).toFixed(2)}s`;
-}
-function Ce() {
-  const r = Array.from(O.values()), i = we(), c = r.reduce((d, t) => d + t.renderCount, 0), n = r.length > 0 ? r.reduce((d, t) => d + t.avgRenderTime, 0) / r.length : 0, o = Array.from(Y.values());
-  return { stats: r, slowRenders: i, totalRenders: c, avgRenderTime: n, marks: o };
-}
-function xe() {
-  const r = Ce();
-  console.group(
-    "%c[Nice2Dev Performance Report]",
-    "color: var(--nice-info, #6366f1); font-weight: bold; font-size: 14px"
-  ), console.log(`Total renders: ${r.totalRenders}`), console.log(`Average render time: ${D(r.avgRenderTime)}`), console.log(`Slow renders: ${r.slowRenders.length}`), console.group("Component Stats"), console.table(
-    r.stats.sort((i, c) => c.totalRenderTime - i.totalRenderTime).map((i) => ({
-      Name: i.componentName,
-      Renders: i.renderCount,
-      "Avg Time": D(i.avgRenderTime),
-      "Max Time": D(i.maxRenderTime),
-      "Total Time": D(i.totalRenderTime),
-      "Slow Renders": i.slowRenderCount
-    }))
-  ), console.groupEnd(), r.slowRenders.length > 0 && (console.group("Slow Renders (last 10)"), console.table(
-    r.slowRenders.slice(-10).map((i) => ({
-      Component: i.componentName,
-      Phase: i.phase,
-      Duration: D(i.actualDuration),
-      Time: new Date(i.timestamp).toLocaleTimeString()
-    }))
-  ), console.groupEnd()), r.marks.length > 0 && (console.group("Custom Marks"), console.table(
-    r.marks.filter((i) => i.duration).map((i) => ({
-      Name: i.name,
-      Duration: D(i.duration)
-    }))
-  ), console.groupEnd()), console.groupEnd();
-}
-const ke = ce(
-  ({ position: r = "bottom-right", defaultCollapsed: i = !0 }) => {
-    const [c, n] = h(i), [o, d] = h([]), [t, l] = h({ used: 0, total: 0 });
-    if (ne(() => {
-      const m = () => {
-        const N = Array.from(O.values());
-        d(N.sort((u, _) => _.totalRenderTime - u.totalRenderTime).slice(0, 10));
-        const v = window.performance;
-        v.memory && l({
-          used: v.memory.usedJSHeapSize / 1024 / 1024,
-          total: v.memory.totalJSHeapSize / 1024 / 1024
-        });
-      };
-      m();
-      const C = setInterval(m, 2e3);
-      return () => clearInterval(C);
-    }, []), !K.enabled)
-      return null;
-    const g = {
-      position: "fixed",
-      zIndex: 99999,
-      ...r.includes("top") ? { top: 8 } : { bottom: 8 },
-      ...r.includes("left") ? { left: 8 } : { right: 8 }
-    };
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        style: {
-          ...g,
-          background: "var(--nice-overlay-85, rgba(0, 0, 0, 0.85))",
-          color: "var(--nice-bg-primary, #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__ */ a(
-            "div",
-            {
-              style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 8 },
-              onClick: () => n((m) => !m),
-              children: [
-                /* @__PURE__ */ e("span", { style: { color: "var(--nice-color-success, #22c55e)" }, children: "●" }),
-                /* @__PURE__ */ e("span", { children: "Profiler" }),
-                t.used > 0 && /* @__PURE__ */ a(
-                  "span",
-                  {
-                    style: {
-                      color: t.used > 100 ? "var(--nice-color-warning, #f59e0b)" : "var(--nice-text-muted, #64748b)"
-                    },
-                    children: [
-                      t.used.toFixed(0),
-                      "MB"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e("span", { style: { marginLeft: "auto", opacity: 0.5 }, children: c ? "▼" : "▲" })
-              ]
-            }
-          ),
-          !c && /* @__PURE__ */ a("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" })
-              }
-            ),
-            o.map((m) => /* @__PURE__ */ a("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: D(m.avgRenderTime)
-                }
-              ),
-              /* @__PURE__ */ a(
-                "span",
-                {
-                  style: {
-                    color: "var(--nice-text-muted, #64748b)",
-                    minWidth: 30,
-                    textAlign: "right"
-                  },
-                  children: [
-                    "x",
-                    m.renderCount
-                  ]
-                }
-              )
-            ] }, m.componentName)),
-            /* @__PURE__ */ a("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: xe,
-                  style: {
-                    flex: 1,
-                    padding: "4px 8px",
-                    background: "var(--nice-bg-tertiary, #333)",
-                    border: "none",
-                    borderRadius: 4,
-                    color: "var(--nice-bg-primary, #fff)",
-                    cursor: "pointer",
-                    fontSize: 10
-                  },
-                  children: "Print Report"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: Ne,
-                  style: {
-                    flex: 1,
-                    padding: "4px 8px",
-                    background: "var(--nice-bg-tertiary, #333)",
-                    border: "none",
-                    borderRadius: 4,
-                    color: "var(--nice-bg-primary, #fff)",
-                    cursor: "pointer",
-                    fontSize: 10
-                  },
-                  children: "Clear"
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-ke.displayName = "ProfilerOverlay";
-process.env.NODE_ENV;
-b(null);
-b({
-  enabled: !0,
-  active: !1,
-  run: () => {
-  }
-});
-const q = "nice-tutorial-button-styles";
-if (typeof document < "u" && !document.getElementById(q)) {
-  const r = document.createElement("style");
-  r.id = q, r.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(r);
-}
-b(null);
-b(null);
-b(null);
-const Z = {
-  space1: "4px",
-  space2: "8px",
-  space3: "12px",
-  space4: "16px",
-  space5: "20px",
-  space6: "24px",
-  space8: "32px"
-}, ee = {
-  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
-}, re = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, ae = (r) => ({
-  color: r,
-  radiusSm: "4px",
-  radiusMd: "6px",
-  radiusLg: "8px",
-  radiusXl: "12px",
-  radiusFull: "9999px"
-}), He = {
-  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)"
-}, Se = {
-  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(r, i, c, n, o) {
-  return {
-    name: r,
-    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(o),
-    shadows: He,
-    spacing: Z,
-    typography: ee,
-    transitions: re
-  };
-}
-function p(r, i, c, n, o) {
-  return {
-    name: r,
-    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(o),
-    shadows: Se,
-    spacing: Z,
-    typography: ee,
-    transitions: re
-  };
+function h(a, i, c, n, o) {
+  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(o),
+    shadows: ve,
+    spacing: Y,
+    typography: Z,
+    transitions: ee
+  };
 }
 s(
   "Slate",
@@ -1629,7 +707,7 @@ s(
   { primary: "#431407", secondary: "#9a3412", muted: "#fb923c" },
   "#fdba74"
 );
-p(
+h(
   "Midnight",
   {
     primary: "#818cf8",
@@ -1643,7 +721,7 @@ p(
   { primary: "#f1f5f9", secondary: "#94a3b8", muted: "#475569" },
   "#1e293b"
 );
-p(
+h(
   "Obsidian",
   {
     primary: "#a78bfa",
@@ -1657,7 +735,7 @@ p(
   { primary: "#fafafa", secondary: "#a1a1aa", muted: "#52525b" },
   "#3f3f46"
 );
-p(
+h(
   "Eclipse",
   {
     primary: "#c084fc",
@@ -1671,7 +749,7 @@ p(
   { primary: "#f5f3ff", secondary: "#a78bfa", muted: "#6d5eac" },
   "#3b3266"
 );
-p(
+h(
   "Onyx",
   {
     primary: "#60a5fa",
@@ -1685,7 +763,7 @@ p(
   { primary: "#ffffff", secondary: "#a3a3a3", muted: "#525252" },
   "#262626"
 );
-p(
+h(
   "Carbon",
   {
     primary: "#38bdf8",
@@ -1699,7 +777,7 @@ p(
   { primary: "#f4f4f4", secondary: "#c6c6c6", muted: "#6f6f6f" },
   "#525252"
 );
-p(
+h(
   "Cosmos",
   {
     primary: "#6366f1",
@@ -1713,7 +791,7 @@ p(
   { primary: "#e5e7eb", secondary: "#9ca3af", muted: "#4b5563" },
   "#374151"
 );
-p(
+h(
   "Nebula",
   {
     primary: "#e879f9",
@@ -1727,7 +805,7 @@ p(
   { primary: "#fae8ff", secondary: "#d8b4fe", muted: "#7c3aed" },
   "#581c87"
 );
-p(
+h(
   "Abyss",
   {
     primary: "#22d3ee",
@@ -1741,7 +819,7 @@ p(
   { primary: "#e0f2fe", secondary: "#7dd3fc", muted: "#0369a1" },
   "#075985"
 );
-p(
+h(
   "Shadow",
   {
     primary: "#a3a3a3",
@@ -1755,7 +833,7 @@ p(
   { primary: "#e5e5e5", secondary: "#a3a3a3", muted: "#525252" },
   "#404040"
 );
-p(
+h(
   "Emerald Dark",
   {
     primary: "#34d399",
@@ -2147,7 +1225,7 @@ s(
   { primary: "#2e3440", secondary: "#3b4252", muted: "#4c566a" },
   "#d8dee9"
 );
-p(
+h(
   "Dracula",
   {
     primary: "#bd93f9",
@@ -2175,7 +1253,7 @@ s(
   { primary: "#073642", secondary: "#586e75", muted: "#93a1a1" },
   "#eee8d5"
 );
-p(
+h(
   "Solarized Dark",
   {
     primary: "#268bd2",
@@ -2189,7 +1267,7 @@ p(
   { primary: "#eee8d5", secondary: "#93a1a1", muted: "#586e75" },
   "#073642"
 );
-p(
+h(
   "Monokai",
   {
     primary: "#66d9ef",
@@ -2203,7 +1281,7 @@ p(
   { primary: "#f8f8f2", secondary: "#cfcfc2", muted: "#75715e" },
   "#3e3d32"
 );
-p(
+h(
   "One Dark",
   {
     primary: "#61afef",
@@ -2217,7 +1295,7 @@ p(
   { primary: "#abb2bf", secondary: "#828997", muted: "#545862" },
   "#3e4452"
 );
-p(
+h(
   "Synthwave",
   {
     primary: "#ff7edb",
@@ -2245,7 +1323,7 @@ s(
   { primary: "#4a1a4e", secondary: "#7b3f7d", muted: "#c080c0" },
   "#d8a8e8"
 );
-p(
+h(
   "Terminal Green",
   {
     primary: "#00ff41",
@@ -2287,7 +1365,7 @@ s(
   { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
   "#bcaaa4"
 );
-p(
+h(
   "Cyberpunk",
   {
     primary: "#00f0ff",
@@ -2301,7 +1379,7 @@ p(
   { primary: "#e0fbfc", secondary: "#80d4dd", muted: "#3a6b72" },
   "#1c3a44"
 );
-p(
+h(
   "Neon",
   {
     primary: "#ff00ff",
@@ -2315,7 +1393,7 @@ p(
   { primary: "#ffffff", secondary: "#cccccc", muted: "#666666" },
   "#333333"
 );
-p(
+h(
   "Retrowave",
   {
     primary: "#f77fbe",
@@ -2343,7 +1421,7 @@ s(
   { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
   "#e8a0a0"
 );
-p(
+h(
   "Halloween",
   {
     primary: "#ff6600",
@@ -2553,7 +1631,7 @@ s(
   { primary: "#2b1a0e", secondary: "#5c3d1e", muted: "#a08060" },
   "#d4b896"
 );
-p(
+h(
   "High Contrast Dark",
   {
     primary: "#ffff00",
@@ -2609,7 +1687,7 @@ s(
   { primary: "#0a0a0a", secondary: "#404040", muted: "#a3a3a3" },
   "#e5e5e5"
 );
-p(
+h(
   "Warm Dark",
   {
     primary: "#f59e0b",
@@ -2623,7 +1701,7 @@ p(
   { primary: "#fafaf9", secondary: "#d6d3d1", muted: "#78716c" },
   "#57534e"
 );
-p(
+h(
   "Soft Dark",
   {
     primary: "#a78bfa",
@@ -2665,9 +1743,1228 @@ s(
   { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
   "#e8a0a0"
 );
+const be = process.env.NODE_ENV === "development";
+let re = {
+  enabled: be,
+  slowRenderThreshold: 16
+};
+const ie = [], O = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Map();
+function ge() {
+  ie.length = 0, O.clear(), ce.clear();
+}
+function Me(a) {
+  const i = re.slowRenderThreshold;
+  return ie.filter((c) => c.actualDuration > i);
+}
+function V(a) {
+  return a < 1 ? `${(a * 1e3).toFixed(0)}μs` : a < 1e3 ? `${a.toFixed(2)}ms` : `${(a / 1e3).toFixed(2)}s`;
+}
+function _e() {
+  const a = Array.from(O.values()), i = Me(), c = a.reduce((t, d) => t + d.renderCount, 0), n = a.length > 0 ? a.reduce((t, d) => t + d.avgRenderTime, 0) / a.length : 0, o = Array.from(ce.values());
+  return { stats: a, slowRenders: i, totalRenders: c, avgRenderTime: n, marks: o };
+}
+function Ne() {
+  const a = _e();
+  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 we = oe(
+  ({ position: a = "bottom-right", defaultCollapsed: i = !0 }) => {
+    const [c, n] = y(i), [o, t] = y([]), [d, l] = y({ used: 0, total: 0 });
+    if (te(() => {
+      const m = () => {
+        const w = Array.from(O.values());
+        t(w.sort((v, N) => N.totalRenderTime - v.totalRenderTime).slice(0, 10));
+        const M = window.performance;
+        M.memory && l({
+          used: M.memory.usedJSHeapSize / 1024 / 1024,
+          total: M.memory.totalJSHeapSize / 1024 / 1024
+        });
+      };
+      m();
+      const _ = setInterval(m, 2e3);
+      return () => clearInterval(_);
+    }, []), !re.enabled)
+      return null;
+    const g = {
+      position: "fixed",
+      zIndex: 99999,
+      ...a.includes("top") ? { top: 8 } : { bottom: 8 },
+      ...a.includes("left") ? { left: 8 } : { right: 8 }
+    };
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          ...g,
+          background: "var(--nice-overlay-85, rgba(0, 0, 0, 0.85))",
+          color: "var(--nice-text-on-primary, #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(u, { 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" })
+              }
+            ),
+            o.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: Ne,
+                  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: ge,
+                  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"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+we.displayName = "ProfilerOverlay";
+process.env.NODE_ENV;
+b(null);
+b({
+  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);
+}
+b(null);
+b(null);
 b(null);
 b(null);
 const G = {
+  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" },
+  { type: "gauge", label: "Gauge", icon: "clock" },
+  { type: "map", label: "Device Map", icon: "map-pin" },
+  { type: "alarms", label: "Alarms", icon: "bell" },
+  { type: "control-panel", label: "Control Panel", icon: "settings" },
+  { type: "topology", label: "Network Topology", icon: "link" },
+  { type: "kpi", label: "KPI Card", icon: "target" },
+  { type: "camera-feed", label: "Camera Feed", icon: "video" }
+];
+function Be({
+  devices: a = [],
+  widgets: i = [],
+  alarms: c = [],
+  onDeviceSelect: n,
+  onWidgetChange: o,
+  onCommand: t,
+  onAlarmAcknowledge: d,
+  fetchTelemetry: l,
+  className: g = ""
+}) {
+  const [m, _] = y(i), [w, M] = y(null), [v, N] = y("dashboard"), [H, L] = y(!1), [z, A] = y(""), p = C(
+    (f) => {
+      _((x) => {
+        const S = f(x);
+        return o == null || o(S), S;
+      });
+    },
+    [o]
+  ), k = C(
+    (f) => {
+      var S;
+      const x = {
+        id: crypto.randomUUID(),
+        type: f,
+        title: ((S = F.find(($) => $.type === f)) == null ? void 0 : S.label) || f,
+        position: { x: 0, y: Ce(m), width: 4, height: 3 },
+        config: {}
+      };
+      p(($) => [...$, x]);
+    },
+    [m, p]
+  ), E = C(
+    (f) => {
+      M(f), n == null || n(f);
+    },
+    [n]
+  ), U = C(
+    (f) => {
+      d == null || d(f);
+    },
+    [d]
+  ), T = a.filter(
+    (f) => !z || f.name.toLowerCase().includes(z.toLowerCase()) || f.type.toLowerCase().includes(z.toLowerCase())
+  ), P = c.filter((f) => !f.cleared), q = P.filter(
+    (f) => f.severity === "critical" || f.severity === "high"
+  );
+  return /* @__PURE__ */ r("div", { className: `nice-iot-dashboard ${g}`, 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(u, { name: "wifi", size: 14 }) }),
+          a.length,
+          " Devices"
+        ] }),
+        /* @__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__ */ 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"
+        ] }),
+        q.length > 0 && /* @__PURE__ */ r("span", { className: "nice-iot-dashboard__stat nice-iot-dashboard__stat--alarms", children: [
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__stat-icon", children: /* @__PURE__ */ e(u, { name: "bell", size: 14 }) }),
+          q.length,
+          " Alarms"
+        ] })
+      ] }),
+      /* @__PURE__ */ r("nav", { className: "nice-iot-dashboard__nav", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: v === "dashboard" ? "active" : "",
+            onClick: () => N("dashboard"),
+            children: "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 ",
+          P.length > 0 && `(${P.length})`
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__actions", children: v === "dashboard" && /* @__PURE__ */ r("button", { onClick: () => L(!H), children: [
+        /* @__PURE__ */ e(u, { name: H ? "check" : "edit", size: 14 }),
+        " ",
+        H ? "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(
+          "button",
+          {
+            className: "nice-iot-dashboard__palette-item",
+            onClick: () => k(f.type),
+            children: [
+              /* @__PURE__ */ e(u, { name: f.icon, size: 16 }),
+              /* @__PURE__ */ e("span", { children: f.label })
+            ]
+          },
+          f.type
+        ))
+      ] }),
+      /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__grid", children: [
+        m.map((f) => /* @__PURE__ */ e(
+          He,
+          {
+            widget: f,
+            devices: a,
+            alarms: c,
+            isEditing: H,
+            onCommand: t,
+            onDelete: () => p((x) => x.filter((S) => S.id !== f.id))
+          },
+          f.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." })
+      ] })
+    ] }),
+    v === "devices" && /* @__PURE__ */ r("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)
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-grid", children: T.map((f) => /* @__PURE__ */ e(
+        ke,
+        {
+          device: f,
+          isSelected: (w == null ? void 0 : w.id) === f.id,
+          onSelect: () => E(f)
+        },
+        f.id
+      )) }),
+      w && /* @__PURE__ */ e(
+        xe,
+        {
+          device: w,
+          onCommand: t,
+          onClose: () => M(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" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: P.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, className: "nice-iot-dashboard__no-alarms", children: "No active alarms" }) }) : P.map((f) => {
+        const x = a.find((S) => S.id === f.deviceId);
+        return /* @__PURE__ */ r(
+          "tr",
+          {
+            className: `nice-iot-dashboard__alarm-row nice-iot-dashboard__alarm-row--${f.severity}`,
+            children: [
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `nice-iot-dashboard__severity nice-iot-dashboard__severity--${f.severity}`,
+                  children: f.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: () => U(f.id), children: "Acknowledge" }) })
+            ]
+          },
+          f.id
+        );
+      }) })
+    ] }) })
+  ] });
+}
+function Ce(a) {
+  return a.length === 0 ? 0 : Math.max(...a.map((i) => i.position.y + i.position.height));
+}
+function I(a) {
+  switch (a) {
+    case "online":
+      return "var(--nice-success, #28a745)";
+    case "offline":
+      return "var(--nice-text-secondary, #6c757d)";
+    case "warning":
+      return "var(--nice-warning, #ffc107)";
+    case "error":
+      return "var(--nice-danger, #dc3545)";
+    case "maintenance":
+      return "var(--nice-info, #17a2b8)";
+    default:
+      return "var(--nice-text-secondary, #6c757d)";
+  }
+}
+function He({
+  widget: a,
+  devices: i,
+  alarms: c,
+  isEditing: n,
+  onCommand: o,
+  onDelete: t
+}) {
+  const d = F.find((l) => l.type === a.type);
+  return /* @__PURE__ */ r(
+    "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__ */ r("div", { className: "nice-iot-dashboard__widget-header", children: [
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-icon", children: /* @__PURE__ */ e(u, { name: (d == null ? void 0 : d.icon) ?? "box", size: 14 }) }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__widget-title", children: a.title }),
+          n && /* @__PURE__ */ e("button", { className: "nice-iot-dashboard__widget-delete", onClick: t, children: "×" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-content", children: /* @__PURE__ */ e(ze, { widget: a, devices: i, alarms: c, onCommand: o }) })
+      ]
+    }
+  );
+}
+function ze({
+  widget: a,
+  devices: i,
+  alarms: c,
+  onCommand: n
+}) {
+  switch (a.type) {
+    case "device-list":
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__device-list", children: i.slice(0, 10).map((o) => /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-list-item", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "nice-iot-dashboard__device-status",
+            style: { background: I(o.status) }
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: o.name }),
+        /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__device-type", children: o.type })
+      ] }, o.id)) });
+    case "device-status":
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__status-grid", children: ["online", "offline", "warning", "error"].map((o) => {
+        const t = i.filter((d) => d.status === o).length;
+        return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__status-card", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-iot-dashboard__status-indicator",
+              style: { background: I(o) }
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-count", children: t }),
+          /* @__PURE__ */ e("span", { className: "nice-iot-dashboard__status-label", children: o })
+        ] }, o);
+      }) });
+    case "telemetry-chart":
+      return /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__chart-placeholder", children: [
+        /* @__PURE__ */ e(u, { name: "bar-chart", size: 32 }),
+        /* @__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__ */ r("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: "var(--nice-border, #e0e0e0)",
+            strokeWidth: "8"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M 10 55 A 40 40 0 0 1 90 55",
+            fill: "none",
+            stroke: "var(--nice-primary, #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__ */ r("div", { className: "nice-iot-dashboard__map-placeholder", children: [
+        /* @__PURE__ */ e(u, { name: "map-pin", size: 32 }),
+        /* @__PURE__ */ e("span", { children: "Device Map" }),
+        /* @__PURE__ */ r("small", { children: [
+          i.filter((o) => o.location).length,
+          " devices with location"
+        ] })
+      ] });
+    case "alarms": {
+      const o = c.filter((t) => !t.cleared).slice(0, 5);
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-list", children: o.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__alarm-empty", children: "No active alarms" }) : o.map((t) => /* @__PURE__ */ r(
+        "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__ */ r("div", { className: "nice-iot-dashboard__control-placeholder", children: [
+        /* @__PURE__ */ e(u, { name: "settings", size: 32 }),
+        /* @__PURE__ */ e("span", { children: "Control Panel" }),
+        /* @__PURE__ */ e("small", { children: "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" })
+      ] });
+    default:
+      return /* @__PURE__ */ e("div", { className: "nice-iot-dashboard__widget-placeholder", children: a.type });
+  }
+}
+function ke({ device: a, isSelected: i, onSelect: c }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `nice-iot-dashboard__device-card ${i ? "nice-iot-dashboard__device-card--selected" : ""}`,
+      onClick: c,
+      children: [
+        /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-card-header", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-iot-dashboard__device-status",
+              style: { background: I(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: [
+              "Type: ",
+              a.type
+            ] }),
+            /* @__PURE__ */ r("span", { children: [
+              "Protocol: ",
+              a.protocol
+            ] })
+          ] }),
+          a.lastSeen && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-lastseen", children: [
+            "Last seen: ",
+            a.lastSeen.toLocaleString()
+          ] }),
+          /* @__PURE__ */ r("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
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function xe({
+  device: a,
+  onCommand: i,
+  onClose: c
+}) {
+  return /* @__PURE__ */ r("aside", { className: "nice-iot-dashboard__device-detail", children: [
+    /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__device-detail-header", children: [
+      /* @__PURE__ */ e("h3", { children: a.name }),
+      /* @__PURE__ */ e("button", { onClick: c, children: "×" })
+    ] }),
+    /* @__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__ */ e("span", { children: "Status:" }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-iot-dashboard__status-badge",
+              style: { background: I(a.status) },
+              children: a.status
+            }
+          )
+        ] }),
+        a.lastSeen && /* @__PURE__ */ r("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__ */ e("span", { children: "Protocol:" }),
+          /* @__PURE__ */ e("span", { children: a.protocol })
+        ] }),
+        a.connectionInfo.host && /* @__PURE__ */ r("div", { className: "nice-iot-dashboard__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Host:" }),
+          /* @__PURE__ */ r("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: [
+          /* @__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: [
+          /* @__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(
+            "button",
+            {
+              className: "nice-iot-dashboard__capability-control",
+              onClick: () => i(a.id, n.id, !0),
+              children: "Control"
+            }
+          )
+        ] }, n.id)) })
+      ] })
+    ] })
+  ] });
+}
+const Se = [
+  { 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 Fe({
+  nodes: a = [],
+  modules: i = [],
+  onNodeSelect: c,
+  onModuleDeploy: n,
+  onModuleAction: o,
+  onNodeSync: t,
+  className: d = ""
+}) {
+  const [l, g] = y(null), [m, _] = y("nodes"), [w, M] = y(!1), [v, N] = y({
+    name: "",
+    image: "",
+    status: "pending"
+  }), H = C(
+    (p) => {
+      g(p), c == null || c(p);
+    },
+    [c]
+  ), L = C(async () => {
+    !l || !v.name || !v.image || (await (n == null ? void 0 : n(l.id, v)), M(!1), N({ name: "", image: "", status: "pending" }));
+  }, [l, v, n]), z = C(
+    async (p, k) => {
+      l && await (o == null ? void 0 : o(l.id, p, k));
+    },
+    [l, o]
+  ), A = C(async () => {
+    l && await (t == null ? void 0 : t(l.id));
+  }, [l, t]);
+  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" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "nice-edge-manager__main", children: [
+      m === "nodes" && /* @__PURE__ */ e("div", { className: "nice-edge-manager__nodes", children: /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-grid", children: [
+        a.map((p) => /* @__PURE__ */ e(
+          Te,
+          {
+            node: p,
+            isSelected: (l == null ? void 0 : l.id) === p.id,
+            onSelect: () => H(p)
+          },
+          p.id
+        )),
+        a.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "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
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-edge-manager__deploy-btn",
+              onClick: () => M(!0),
+              children: "+ Deploy Module"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-grid", children: [
+          l.deployedModules.map((p) => /* @__PURE__ */ e(
+            Ve,
+            {
+              module: p,
+              onAction: (k) => z(p.id, k)
+            },
+            p.id
+          )),
+          l.deployedModules.length === 0 && /* @__PURE__ */ e("div", { className: "nice-edge-manager__empty", children: "No modules deployed on this node" })
+        ] })
+      ] }),
+      m === "modules" && !l && /* @__PURE__ */ e("div", { className: "nice-edge-manager__no-selection", children: "Select a node from the Nodes tab to manage modules" }),
+      l && /* @__PURE__ */ e(
+        Ae,
+        {
+          node: l,
+          onSync: A,
+          onClose: () => g(null)
+        }
+      )
+    ] }),
+    w && /* @__PURE__ */ e(
+      De,
+      {
+        config: v,
+        templates: Se,
+        onChange: N,
+        onDeploy: L,
+        onClose: () => M(!1)
+      }
+    )
+  ] });
+}
+function ne(a) {
+  switch (a) {
+    case "running":
+      return "var(--nice-success, #28a745)";
+    case "stopped":
+      return "var(--nice-text-secondary, #6c757d)";
+    case "updating":
+      return "var(--nice-warning, #ffc107)";
+    case "error":
+      return "var(--nice-danger, #dc3545)";
+    case "unreachable":
+      return "var(--nice-text-secondary, #868e96)";
+    default:
+      return "var(--nice-text-secondary, #6c757d)";
+  }
+}
+function j(a) {
+  return a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : a < 1024 * 1024 * 1024 ? `${(a / 1024 / 1024).toFixed(1)} MB` : `${(a / 1024 / 1024 / 1024).toFixed(2)} GB`;
+}
+function Le(a) {
+  const i = Math.floor(a / 86400), c = Math.floor(a % 86400 / 3600), n = Math.floor(a % 3600 / 60);
+  return i > 0 ? `${i}d ${c}h` : c > 0 ? `${c}h ${n}m` : `${n}m`;
+}
+function Te({ node: a, isSelected: i, onSelect: c }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `nice-edge-manager__node-card ${i ? "nice-edge-manager__node-card--selected" : ""}`,
+      onClick: c,
+      children: [
+        /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-header", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-edge-manager__node-status",
+              style: { background: ne(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(u, { name: "server", size: 12 }),
+              " ",
+              a.hardware.cpu
+            ] }),
+            /* @__PURE__ */ r("span", { children: [
+              /* @__PURE__ */ e(u, { name: "database", size: 12 }),
+              " ",
+              (a.hardware.memoryMB / 1024).toFixed(1),
+              " GB"
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "nice-edge-manager__node-metrics", children: a.metrics && /* @__PURE__ */ r(D, { children: [
+            /* @__PURE__ */ r("div", { className: "nice-edge-manager__metric", children: [
+              /* @__PURE__ */ e("span", { className: "nice-edge-manager__metric-label", children: "CPU" }),
+              /* @__PURE__ */ e("div", { className: "nice-edge-manager__metric-bar", children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "nice-edge-manager__metric-fill",
+                  style: { width: `${a.metrics.cpuUsage}%` }
+                }
+              ) }),
+              /* @__PURE__ */ r("span", { className: "nice-edge-manager__metric-value", children: [
+                a.metrics.cpuUsage.toFixed(0),
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ r("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__ */ r("span", { className: "nice-edge-manager__metric-value", children: [
+                a.metrics.memoryUsage.toFixed(0),
+                "%"
+              ] })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ r("div", { className: "nice-edge-manager__node-modules", children: [
+            a.deployedModules.length,
+            " modules deployed"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function Ve({ module: a, onAction: i }) {
+  return /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-card", children: [
+    /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-header", children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: "nice-edge-manager__module-status",
+          style: {
+            background: {
+              running: "var(--nice-success, #28a745)",
+              stopped: "var(--nice-text-secondary, #6c757d)",
+              error: "var(--nice-danger, #dc3545)",
+              pending: "var(--nice-warning, #ffc107)"
+            }[a.status] || "var(--nice-bg-tertiary, #6c757d)"
+          }
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "nice-edge-manager__module-name", children: a.name }),
+      /* @__PURE__ */ r("span", { className: "nice-edge-manager__module-version", children: [
+        "v",
+        a.version
+      ] })
+    ] }),
+    /* @__PURE__ */ r("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: [
+          "CPU: ",
+          a.resources.cpuLimit
+        ] }),
+        a.resources.memoryLimitMB && /* @__PURE__ */ r("span", { children: [
+          "RAM: ",
+          a.resources.memoryLimitMB,
+          " MB"
+        ] })
+      ] }),
+      a.ports && a.ports.length > 0 && /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-ports", children: [
+        "Ports: ",
+        a.ports.map((n) => `${n.host}:${n.container}`).join(", ")
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "nice-edge-manager__module-actions", children: [
+      a.status === "running" && /* @__PURE__ */ r(D, { children: [
+        /* @__PURE__ */ e("button", { onClick: () => i("stop"), children: "Stop" }),
+        /* @__PURE__ */ e("button", { onClick: () => i("restart"), children: "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" })
+    ] })
+  ] });
+}
+function Ae({ node: a, onSync: i, onClose: c }) {
+  return /* @__PURE__ */ r("aside", { className: "nice-edge-manager__detail", children: [
+    /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-header", children: [
+      /* @__PURE__ */ e("h3", { children: a.name }),
+      /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-actions", children: [
+        /* @__PURE__ */ r("button", { onClick: i, children: [
+          /* @__PURE__ */ e(u, { name: "refresh", size: 14 }),
+          " Sync"
+        ] }),
+        /* @__PURE__ */ e("button", { onClick: c, "aria-label": "Close", children: /* @__PURE__ */ e(u, { 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__ */ e("span", { children: "Status:" }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-edge-manager__status-badge",
+              style: { background: ne(a.status) },
+              children: a.status
+            }
+          )
+        ] }),
+        a.metrics && /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Uptime:" }),
+          /* @__PURE__ */ e("span", { children: Le(a.metrics.uptime) })
+        ] })
+      ] }),
+      /* @__PURE__ */ r("section", { children: [
+        /* @__PURE__ */ e("h4", { children: "Hardware" }),
+        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "CPU:" }),
+          /* @__PURE__ */ r("span", { children: [
+            a.hardware.cpu,
+            " (",
+            a.hardware.cores,
+            " cores)"
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Memory:" }),
+          /* @__PURE__ */ r("span", { children: [
+            (a.hardware.memoryMB / 1024).toFixed(1),
+            " GB"
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Storage:" }),
+          /* @__PURE__ */ r("span", { children: [
+            (a.hardware.storageMB / 1024).toFixed(1),
+            " GB"
+          ] })
+        ] }),
+        /* @__PURE__ */ r("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__ */ e("span", { children: "OS:" }),
+          /* @__PURE__ */ r("span", { children: [
+            a.software.os,
+            " ",
+            a.software.osVersion
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Runtime:" }),
+          /* @__PURE__ */ r("span", { children: [
+            a.software.runtime,
+            " ",
+            a.software.runtimeVersion
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "nice-edge-manager__detail-row", children: [
+          /* @__PURE__ */ e("span", { children: "Agent:" }),
+          /* @__PURE__ */ r("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__ */ e("span", { children: "Cloud:" }),
+          /* @__PURE__ */ r("span", { children: [
+            /* @__PURE__ */ e(u, { name: a.connectivity.cloudConnected ? "check" : "close", size: 12 }),
+            " ",
+            a.connectivity.cloudConnected ? "Connected" : "Disconnected"
+          ] })
+        ] }),
+        /* @__PURE__ */ r("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: [
+          /* @__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: [
+          /* @__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: [
+            /* @__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__ */ r("span", { children: [
+              a.metrics.cpuUsage.toFixed(1),
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ r("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__ */ r("span", { children: [
+              a.metrics.memoryUsage.toFixed(1),
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ r("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__ */ r("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__ */ r("span", { children: [
+            "↑ ",
+            j(a.metrics.networkOut)
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function De({
+  config: a,
+  templates: i,
+  onChange: c,
+  onDeploy: n,
+  onClose: o
+}) {
+  return /* @__PURE__ */ e("div", { className: "nice-edge-manager__dialog-overlay", children: /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog", children: [
+    /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog-header", children: [
+      /* @__PURE__ */ e("h3", { children: "Deploy Module" }),
+      /* @__PURE__ */ e("button", { onClick: o, "aria-label": "Close", children: /* @__PURE__ */ e(u, { name: "close", size: 14 }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog-content", children: [
+      /* @__PURE__ */ r("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: "Template (optional)" }),
+        /* @__PURE__ */ r(
+          "select",
+          {
+            value: "",
+            onChange: (t) => {
+              const d = i.find((l) => l.image === t.target.value);
+              d && c({
+                ...a,
+                name: d.name,
+                image: d.image
+              });
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "Select a template..." }),
+              i.map((t) => /* @__PURE__ */ e("option", { value: t.image, children: t.name }, t.image))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: "Module Name" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.name || "",
+            onChange: (t) => c({ ...a, name: t.target.value }),
+            placeholder: "e.g., my-module"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "nice-edge-manager__field", children: [
+        /* @__PURE__ */ e("label", { children: "Container Image" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: a.image || "",
+            onChange: (t) => c({ ...a, image: t.target.value }),
+            placeholder: "e.g., nginx:latest"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("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) => c({ ...a, version: t.target.value })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "nice-edge-manager__dialog-footer", children: [
+      /* @__PURE__ */ e("button", { onClick: o, children: "Cancel" }),
+      /* @__PURE__ */ e("button", { className: "nice-edge-manager__deploy-confirm", onClick: n, children: "Deploy" })
+    ] })
+  ] }) });
+}
+const Q = {
   broker: "localhost",
   port: 1883,
   clientId: `nice2dev-${Date.now()}`,
@@ -2675,238 +2972,244 @@ const G = {
   keepAlive: 60,
   cleanSession: !0,
   topics: []
-}, V = {
+}, J = {
   host: "localhost",
   port: 5683,
   useDTLS: !1,
   resources: []
-}, Q = {
+}, K = {
   type: "tcp",
   host: "localhost",
   port: 502,
   slaveId: 1,
   timeout: 1e3,
   registers: []
-}, j = {
+}, X = {
   endpointUrl: "opc.tcp://localhost:4840",
   securityMode: "None",
   authentication: "anonymous",
   applicationName: "Nice2Dev IoT Client",
   nodes: []
 };
-function Ae({
-  protocol: r = "mqtt",
+function Oe({
+  protocol: a = "mqtt",
   config: i,
   onSave: c,
   onTest: n,
   className: o = ""
 }) {
-  const { t: d } = U(), [t, l] = h(r), [g, m] = h(
-    (i == null ? void 0 : i.type) === "mqtt" ? { ...G, ...i.config } : G
-  ), [C, N] = h(
-    (i == null ? void 0 : i.type) === "coap" ? { ...V, ...i.config } : V
-  ), [v, u] = h(
-    (i == null ? void 0 : i.type) === "modbus" ? { ...Q, ...i.config } : Q
-  ), [_, H] = h(
-    (i == null ? void 0 : i.type) === "opcua" ? { ...j, ...i.config } : j
-  ), [P, x] = h(null), [R, y] = h(!1), k = w(() => {
-    switch (t) {
+  const { t } = R(), [d, l] = y(a), [g, m] = y(
+    (i == null ? void 0 : i.type) === "mqtt" ? { ...Q, ...i.config } : Q
+  ), [_, w] = y(
+    (i == null ? void 0 : i.type) === "coap" ? { ...J, ...i.config } : J
+  ), [M, v] = y(
+    (i == null ? void 0 : i.type) === "modbus" ? { ...K, ...i.config } : K
+  ), [N, H] = y(
+    (i == null ? void 0 : i.type) === "opcua" ? { ...X, ...i.config } : X
+  ), [L, z] = y(null), [A, p] = y(!1), k = C(() => {
+    switch (d) {
       case "mqtt":
         return g;
       case "coap":
-        return C;
+        return _;
       case "modbus-tcp":
       case "modbus-rtu":
-        return v;
+        return M;
       case "opcua":
-        return _;
+        return N;
       default:
         return g;
     }
-  }, [t, g, C, v, _]), L = w(() => {
+  }, [d, g, _, M, N]), E = C(() => {
     c == null || c(k());
-  }, [k, c]), $ = w(async () => {
+  }, [k, c]), U = C(async () => {
     if (n) {
-      y(!0), x(null);
+      p(!0), z(null);
       try {
-        const M = await n(k());
-        x(M);
-      } catch (M) {
-        x({ success: !1, message: String(M) });
+        const T = await n(k());
+        z(T);
+      } catch (T) {
+        z({ success: !1, message: String(T) });
       } finally {
-        y(!1);
+        p(!1);
       }
     }
   }, [k, n]);
-  return /* @__PURE__ */ a("div", { className: `nice-protocol-config ${o}`, children: [
-    /* @__PURE__ */ a("header", { className: "nice-protocol-config__header", children: [
-      /* @__PURE__ */ e("h2", { children: d("protocolConfig.title", "Protocol Configuration") }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__protocol-selector", children: [
+  return /* @__PURE__ */ r("div", { className: `nice-protocol-config ${o}`, children: [
+    /* @__PURE__ */ r("header", { className: "nice-protocol-config__header", children: [
+      /* @__PURE__ */ e("h2", { children: t("protocolConfig.title", "Protocol Configuration") }),
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__protocol-selector", children: [
         /* @__PURE__ */ e("label", { children: "Protocol:" }),
-        /* @__PURE__ */ a("select", { value: t, onChange: (M) => l(M.target.value), children: [
-          /* @__PURE__ */ e("option", { value: "mqtt", children: d("protocolConfig.mqtt", "MQTT") }),
-          /* @__PURE__ */ e("option", { value: "coap", children: d("protocolConfig.coap", "CoAP") }),
-          /* @__PURE__ */ e("option", { value: "modbus-tcp", children: d("protocolConfig.modbusTcp", "Modbus TCP") }),
-          /* @__PURE__ */ e("option", { value: "modbus-rtu", children: d("protocolConfig.modbusRtu", "Modbus RTU") }),
-          /* @__PURE__ */ e("option", { value: "opcua", children: d("protocolConfig.opcUa", "OPC-UA") })
+        /* @__PURE__ */ r("select", { value: d, onChange: (T) => l(T.target.value), children: [
+          /* @__PURE__ */ e("option", { value: "mqtt", children: t("protocolConfig.mqtt", "MQTT") }),
+          /* @__PURE__ */ e("option", { value: "coap", children: t("protocolConfig.coap", "CoAP") }),
+          /* @__PURE__ */ e("option", { value: "modbus-tcp", children: t("protocolConfig.modbusTcp", "Modbus TCP") }),
+          /* @__PURE__ */ e("option", { value: "modbus-rtu", children: t("protocolConfig.modbusRtu", "Modbus RTU") }),
+          /* @__PURE__ */ e("option", { value: "opcua", children: t("protocolConfig.opcUa", "OPC-UA") })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "nice-protocol-config__content", children: [
-      t === "mqtt" && /* @__PURE__ */ e(Te, { config: g, onChange: m }),
-      t === "coap" && /* @__PURE__ */ e(Pe, { config: C, onChange: N }),
-      (t === "modbus-tcp" || t === "modbus-rtu") && /* @__PURE__ */ e(
-        Me,
+    /* @__PURE__ */ r("div", { className: "nice-protocol-config__content", children: [
+      d === "mqtt" && /* @__PURE__ */ e(Pe, { config: g, onChange: m }),
+      d === "coap" && /* @__PURE__ */ e(Re, { config: _, onChange: w }),
+      (d === "modbus-tcp" || d === "modbus-rtu") && /* @__PURE__ */ e(
+        Ie,
         {
-          config: v,
-          type: t === "modbus-rtu" ? "rtu" : "tcp",
-          onChange: u
+          config: M,
+          type: d === "modbus-rtu" ? "rtu" : "tcp",
+          onChange: v
         }
       ),
-      t === "opcua" && /* @__PURE__ */ e(De, { config: _, onChange: H })
+      d === "opcua" && /* @__PURE__ */ e(Ee, { config: N, onChange: H })
     ] }),
-    P && /* @__PURE__ */ a(
+    L && /* @__PURE__ */ r(
       "div",
       {
-        className: `nice-protocol-config__test-result nice-protocol-config__test-result--${P.success ? "success" : "error"}`,
+        className: `nice-protocol-config__test-result nice-protocol-config__test-result--${L.success ? "success" : "error"}`,
         children: [
-          P.success ? "✓" : "✗",
+          /* @__PURE__ */ e(u, { name: L.success ? "check" : "close", size: 14 }),
           " ",
-          P.message
+          L.message
         ]
       }
     ),
-    /* @__PURE__ */ a("footer", { className: "nice-protocol-config__footer", children: [
+    /* @__PURE__ */ r("footer", { className: "nice-protocol-config__footer", children: [
       /* @__PURE__ */ e(
         "button",
         {
           className: "nice-protocol-config__test-btn",
-          onClick: $,
-          disabled: R || !n,
-          children: R ? "Testing..." : "🔌 Test Connection"
+          onClick: U,
+          disabled: A || !n,
+          children: A ? "Testing..." : /* @__PURE__ */ r(D, { children: [
+            /* @__PURE__ */ e(u, { name: "plug", size: 14 }),
+            " Test Connection"
+          ] })
         }
       ),
-      /* @__PURE__ */ e("button", { className: "nice-protocol-config__save-btn", onClick: L, children: "💾 Save" })
+      /* @__PURE__ */ r("button", { className: "nice-protocol-config__save-btn", onClick: E, children: [
+        /* @__PURE__ */ e(u, { name: "save", size: 14 }),
+        " Save"
+      ] })
     ] })
   ] });
 }
-function Te({ config: r, onChange: i }) {
-  const { t: c } = U();
-  return /* @__PURE__ */ a("div", { className: "nice-protocol-config__section", children: [
+function Pe({ 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__ */ a("div", { className: "nice-protocol-config__grid", children: [
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+    /* @__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") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: r.broker,
-            onChange: (n) => i({ ...r, broker: n.target.value }),
+            value: a.broker,
+            onChange: (n) => i({ ...a, broker: n.target.value }),
             placeholder: "localhost"
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
-            value: r.port,
-            onChange: (n) => i({ ...r, port: parseInt(n.target.value, 10) || 1883 })
+            value: a.port,
+            onChange: (n) => i({ ...a, port: parseInt(n.target.value, 10) || 1883 })
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.clientId", "Client ID") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: r.clientId,
-            onChange: (n) => i({ ...r, clientId: n.target.value })
+            value: a.clientId,
+            onChange: (n) => i({ ...a, clientId: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ a("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            checked: r.useTLS,
-            onChange: (n) => i({ ...r, useTLS: n.target.checked })
+            checked: a.useTLS,
+            onChange: (n) => i({ ...a, useTLS: n.target.checked })
           }
         ),
         c("protocolConfig.useTls", "Use TLS")
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.username", "Username") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: r.username || "",
-            onChange: (n) => i({ ...r, username: n.target.value })
+            value: a.username || "",
+            onChange: (n) => i({ ...a, username: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.password", "Password") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "password",
-            value: r.password || "",
-            onChange: (n) => i({ ...r, password: n.target.value })
+            value: a.password || "",
+            onChange: (n) => i({ ...a, password: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: "Keep Alive (seconds)" }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
-            value: r.keepAlive,
-            onChange: (n) => i({ ...r, keepAlive: parseInt(n.target.value, 10) || 60 })
+            value: a.keepAlive,
+            onChange: (n) => i({ ...a, keepAlive: parseInt(n.target.value, 10) || 60 })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ a("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            checked: r.cleanSession,
-            onChange: (n) => i({ ...r, cleanSession: n.target.checked })
+            checked: a.cleanSession,
+            onChange: (n) => i({ ...a, cleanSession: n.target.checked })
           }
         ),
         c("protocolConfig.cleanSession", "Clean Session")
       ] }) })
     ] }),
     /* @__PURE__ */ e("h4", { children: c("protocolConfig.topics", "Topics") }),
-    /* @__PURE__ */ a("div", { className: "nice-protocol-config__topics", children: [
-      r.topics.map((n, o) => /* @__PURE__ */ a("div", { className: "nice-protocol-config__topic-row", children: [
+    /* @__PURE__ */ r("div", { className: "nice-protocol-config__topics", children: [
+      a.topics.map((n, o) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__topic-row", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: n.pattern,
-            onChange: (d) => {
-              const t = [...r.topics];
-              t[o] = { ...t[o], pattern: d.target.value }, i({ ...r, topics: t });
+            onChange: (t) => {
+              const d = [...a.topics];
+              d[o] = { ...d[o], pattern: t.target.value }, i({ ...a, topics: d });
             },
             placeholder: c("protocolConfig.topicPatternPlaceholder", "e.g., sensors/+/data")
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "select",
           {
             value: n.qos,
-            onChange: (d) => {
-              const t = [...r.topics];
-              t[o] = { ...t[o], qos: parseInt(d.target.value, 10) }, i({ ...r, topics: t });
+            onChange: (t) => {
+              const d = [...a.topics];
+              d[o] = { ...d[o], qos: parseInt(t.target.value, 10) }, i({ ...a, topics: d });
             },
             children: [
               /* @__PURE__ */ e("option", { value: 0, children: c("protocolConfig.qos0", "QoS 0") }),
@@ -2915,16 +3218,16 @@ function Te({ config: r, onChange: i }) {
             ]
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "select",
           {
             value: n.direction,
-            onChange: (d) => {
-              const t = [...r.topics];
-              t[o] = {
-                ...t[o],
-                direction: d.target.value
-              }, i({ ...r, topics: t });
+            onChange: (t) => {
+              const d = [...a.topics];
+              d[o] = {
+                ...d[o],
+                direction: t.target.value
+              }, i({ ...a, topics: d });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "subscribe", children: c("protocolConfig.subscribe", "Subscribe") }),
@@ -2937,8 +3240,8 @@ function Te({ config: r, onChange: i }) {
           "button",
           {
             onClick: () => {
-              const d = r.topics.filter((t, l) => l !== o);
-              i({ ...r, topics: d });
+              const t = a.topics.filter((d, l) => l !== o);
+              i({ ...a, topics: t });
             },
             children: "×"
           }
@@ -2949,9 +3252,9 @@ function Te({ config: r, onChange: i }) {
         {
           onClick: () => {
             i({
-              ...r,
+              ...a,
               topics: [
-                ...r.topics,
+                ...a.topics,
                 { pattern: "", qos: 0, direction: "subscribe", payloadFormat: "json" }
               ]
             });
@@ -2962,67 +3265,67 @@ function Te({ config: r, onChange: i }) {
     ] })
   ] });
 }
-function Pe({ config: r, onChange: i }) {
-  const { t: c } = U();
-  return /* @__PURE__ */ a("div", { className: "nice-protocol-config__section", children: [
+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.coapConfiguration", "CoAP Configuration") }),
-    /* @__PURE__ */ a("div", { className: "nice-protocol-config__grid", children: [
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+    /* @__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") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: r.host,
-            onChange: (n) => i({ ...r, host: n.target.value })
+            value: a.host,
+            onChange: (n) => i({ ...a, host: n.target.value })
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.port", "Port") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
-            value: r.port,
-            onChange: (n) => i({ ...r, port: parseInt(n.target.value, 10) || 5683 })
+            value: a.port,
+            onChange: (n) => i({ ...a, port: parseInt(n.target.value, 10) || 5683 })
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ a("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            checked: r.useDTLS,
-            onChange: (n) => i({ ...r, useDTLS: n.target.checked })
+            checked: a.useDTLS,
+            onChange: (n) => i({ ...a, useDTLS: n.target.checked })
           }
         ),
         c("protocolConfig.useDtls", "Use DTLS")
       ] }) }),
-      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ a("label", { children: [
+      /* @__PURE__ */ e("div", { className: "nice-protocol-config__field", children: /* @__PURE__ */ r("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            checked: r.observe || !1,
-            onChange: (n) => i({ ...r, observe: n.target.checked })
+            checked: a.observe || !1,
+            onChange: (n) => i({ ...a, observe: n.target.checked })
           }
         ),
         c("protocolConfig.enableObserve", "Enable Observe")
       ] }) })
     ] }),
     /* @__PURE__ */ e("h4", { children: c("protocolConfig.resources", "Resources") }),
-    /* @__PURE__ */ a("div", { className: "nice-protocol-config__resources", children: [
-      r.resources.map((n, o) => /* @__PURE__ */ a("div", { className: "nice-protocol-config__resource-row", children: [
+    /* @__PURE__ */ r("div", { className: "nice-protocol-config__resources", children: [
+      a.resources.map((n, o) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__resource-row", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: n.path,
-            onChange: (d) => {
-              const t = [...r.resources];
-              t[o] = { ...t[o], path: d.target.value }, i({ ...r, resources: t });
+            onChange: (t) => {
+              const d = [...a.resources];
+              d[o] = { ...d[o], path: t.target.value }, i({ ...a, resources: d });
             },
             placeholder: "/sensors/temperature"
           }
@@ -3031,8 +3334,8 @@ function Pe({ config: r, onChange: i }) {
           "button",
           {
             onClick: () => {
-              const d = r.resources.filter((t, l) => l !== o);
-              i({ ...r, resources: d });
+              const t = a.resources.filter((d, l) => l !== o);
+              i({ ...a, resources: t });
             },
             children: "×"
           }
@@ -3043,9 +3346,9 @@ function Pe({ config: r, onChange: i }) {
         {
           onClick: () => {
             i({
-              ...r,
+              ...a,
               resources: [
-                ...r.resources,
+                ...a.resources,
                 { path: "", methods: ["GET"], mediaType: "application/json", observable: !1 }
               ]
             });
@@ -3056,63 +3359,63 @@ function Pe({ config: r, onChange: i }) {
     ] })
   ] });
 }
-function Me({
-  config: r,
+function Ie({
+  config: a,
   type: i,
   onChange: c
 }) {
-  const { t: n } = U();
-  return /* @__PURE__ */ a("div", { className: "nice-protocol-config__section", children: [
-    /* @__PURE__ */ a("h3", { children: [
+  const { t: n } = R();
+  return /* @__PURE__ */ r("div", { className: "nice-protocol-config__section", children: [
+    /* @__PURE__ */ r("h3", { children: [
       "Modbus ",
       i.toUpperCase(),
       " Configuration"
     ] }),
-    /* @__PURE__ */ a("div", { className: "nice-protocol-config__grid", children: [
-      i === "tcp" && /* @__PURE__ */ a(E, { children: [
-        /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+    /* @__PURE__ */ r("div", { className: "nice-protocol-config__grid", children: [
+      i === "tcp" && /* @__PURE__ */ r(D, { children: [
+        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.host", "Host") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: r.host || "",
-              onChange: (o) => c({ ...r, host: o.target.value })
+              value: a.host || "",
+              onChange: (o) => c({ ...a, host: o.target.value })
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.port", "Port") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "number",
-              value: r.port || 502,
-              onChange: (o) => c({ ...r, port: parseInt(o.target.value, 10) || 502 })
+              value: a.port || 502,
+              onChange: (o) => c({ ...a, port: parseInt(o.target.value, 10) || 502 })
             }
           )
         ] })
       ] }),
-      i === "rtu" && /* @__PURE__ */ a(E, { children: [
-        /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      i === "rtu" && /* @__PURE__ */ r(D, { children: [
+        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.serialPort", "Serial Port") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: r.serialPort || "",
-              onChange: (o) => c({ ...r, serialPort: o.target.value }),
+              value: a.serialPort || "",
+              onChange: (o) => c({ ...a, serialPort: o.target.value }),
               placeholder: n("protocolConfig.serialPortPlaceholder", "COM1 or /dev/ttyUSB0")
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.baudRate", "Baud Rate") }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             "select",
             {
-              value: r.baudRate || 9600,
-              onChange: (o) => c({ ...r, baudRate: parseInt(o.target.value, 10) }),
+              value: a.baudRate || 9600,
+              onChange: (o) => c({ ...a, baudRate: parseInt(o.target.value, 10) }),
               children: [
                 /* @__PURE__ */ e("option", { value: 9600, children: "9600" }),
                 /* @__PURE__ */ e("option", { value: 19200, children: "19200" }),
@@ -3123,13 +3426,13 @@ function Me({
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: n("protocolConfig.parity", "Parity") }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             "select",
             {
-              value: r.parity || "none",
-              onChange: (o) => c({ ...r, parity: o.target.value }),
+              value: a.parity || "none",
+              onChange: (o) => c({ ...a, parity: o.target.value }),
               children: [
                 /* @__PURE__ */ e("option", { value: "none", children: n("protocolConfig.none", "None") }),
                 /* @__PURE__ */ e("option", { value: "even", children: n("protocolConfig.even", "Even") }),
@@ -3139,34 +3442,34 @@ function Me({
           )
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: n("protocolConfig.slaveId", "Slave ID") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
-            value: r.slaveId,
-            onChange: (o) => c({ ...r, slaveId: parseInt(o.target.value, 10) || 1 }),
+            value: a.slaveId,
+            onChange: (o) => c({ ...a, slaveId: parseInt(o.target.value, 10) || 1 }),
             min: 1,
             max: 247
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: "Timeout (ms)" }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "number",
-            value: r.timeout,
-            onChange: (o) => c({ ...r, timeout: parseInt(o.target.value, 10) || 1e3 })
+            value: a.timeout,
+            onChange: (o) => c({ ...a, timeout: parseInt(o.target.value, 10) || 1e3 })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e("h4", { children: n("protocolConfig.registers", "Registers") }),
-    /* @__PURE__ */ a("table", { className: "nice-protocol-config__registers-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { children: [
+    /* @__PURE__ */ r("table", { className: "nice-protocol-config__registers-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("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") }),
@@ -3174,15 +3477,15 @@ function Me({
         /* @__PURE__ */ e("th", { children: "R/W" }),
         /* @__PURE__ */ e("th", {})
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: r.registers.map((o, d) => /* @__PURE__ */ a("tr", { children: [
+      /* @__PURE__ */ e("tbody", { children: a.registers.map((o, t) => /* @__PURE__ */ r("tr", { children: [
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: o.name,
-            onChange: (t) => {
-              const l = [...r.registers];
-              l[d] = { ...l[d], name: t.target.value }, c({ ...r, registers: l });
+            onChange: (d) => {
+              const l = [...a.registers];
+              l[t] = { ...l[t], name: d.target.value }, c({ ...a, registers: l });
             }
           }
         ) }),
@@ -3191,25 +3494,25 @@ function Me({
           {
             type: "number",
             value: o.address,
-            onChange: (t) => {
-              const l = [...r.registers];
-              l[d] = {
-                ...l[d],
-                address: parseInt(t.target.value, 10) || 0
-              }, c({ ...r, registers: l });
+            onChange: (d) => {
+              const l = [...a.registers];
+              l[t] = {
+                ...l[t],
+                address: parseInt(d.target.value, 10) || 0
+              }, c({ ...a, registers: l });
             }
           }
         ) }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ a(
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r(
           "select",
           {
             value: o.type,
-            onChange: (t) => {
-              const l = [...r.registers];
-              l[d] = {
-                ...l[d],
-                type: t.target.value
-              }, c({ ...r, registers: l });
+            onChange: (d) => {
+              const l = [...a.registers];
+              l[t] = {
+                ...l[t],
+                type: d.target.value
+              }, c({ ...a, registers: l });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "coil", children: n("protocolConfig.coil", "Coil") }),
@@ -3219,16 +3522,16 @@ function Me({
             ]
           }
         ) }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ a(
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r(
           "select",
           {
             value: o.dataType,
-            onChange: (t) => {
-              const l = [...r.registers];
-              l[d] = {
-                ...l[d],
-                dataType: t.target.value
-              }, c({ ...r, registers: l });
+            onChange: (d) => {
+              const l = [...a.registers];
+              l[t] = {
+                ...l[t],
+                dataType: d.target.value
+              }, c({ ...a, registers: l });
             },
             children: [
               /* @__PURE__ */ e("option", { value: "bool", children: n("protocolConfig.bool", "Bool") }),
@@ -3240,15 +3543,15 @@ function Me({
             ]
           }
         ) }),
-        /* @__PURE__ */ a("td", { children: [
+        /* @__PURE__ */ r("td", { children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
               checked: o.readable,
-              onChange: (t) => {
-                const l = [...r.registers];
-                l[d] = { ...l[d], readable: t.target.checked }, c({ ...r, registers: l });
+              onChange: (d) => {
+                const l = [...a.registers];
+                l[t] = { ...l[t], readable: d.target.checked }, c({ ...a, registers: l });
               },
               title: n("protocolConfig.readable", "Readable")
             }
@@ -3258,9 +3561,9 @@ function Me({
             {
               type: "checkbox",
               checked: o.writable,
-              onChange: (t) => {
-                const l = [...r.registers];
-                l[d] = { ...l[d], writable: t.target.checked }, c({ ...r, registers: l });
+              onChange: (d) => {
+                const l = [...a.registers];
+                l[t] = { ...l[t], writable: d.target.checked }, c({ ...a, registers: l });
               },
               title: n("protocolConfig.writable", "Writable")
             }
@@ -3270,22 +3573,22 @@ function Me({
           "button",
           {
             onClick: () => {
-              const t = r.registers.filter((l, g) => g !== d);
-              c({ ...r, registers: t });
+              const d = a.registers.filter((l, g) => g !== t);
+              c({ ...a, registers: d });
             },
             children: "×"
           }
         ) })
-      ] }, d)) })
+      ] }, t)) })
     ] }),
     /* @__PURE__ */ e(
       "button",
       {
         onClick: () => {
           c({
-            ...r,
+            ...a,
             registers: [
-              ...r.registers,
+              ...a.registers,
               {
                 name: "",
                 address: 0,
@@ -3302,31 +3605,31 @@ function Me({
     )
   ] });
 }
-function De({ config: r, onChange: i }) {
-  const { t: c } = U();
-  return /* @__PURE__ */ a("div", { className: "nice-protocol-config__section", children: [
+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__ */ a("div", { className: "nice-protocol-config__grid", children: [
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
+    /* @__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") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: r.endpointUrl,
-            onChange: (n) => i({ ...r, endpointUrl: n.target.value }),
+            value: a.endpointUrl,
+            onChange: (n) => i({ ...a, endpointUrl: n.target.value }),
             placeholder: c("protocolConfig.endpointUrlPlaceholder", "opc.tcp://localhost:4840")
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.securityMode", "Security Mode") }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "select",
           {
-            value: r.securityMode,
+            value: a.securityMode,
             onChange: (n) => i({
-              ...r,
+              ...a,
               securityMode: n.target.value
             }),
             children: [
@@ -3337,14 +3640,14 @@ function De({ config: r, onChange: i }) {
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.authentication", "Authentication") }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "select",
           {
-            value: r.authentication,
+            value: a.authentication,
             onChange: (n) => i({
-              ...r,
+              ...a,
               authentication: n.target.value
             }),
             children: [
@@ -3355,53 +3658,53 @@ function De({ config: r, onChange: i }) {
           }
         )
       ] }),
-      r.authentication === "username" && /* @__PURE__ */ a(E, { children: [
-        /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+      a.authentication === "username" && /* @__PURE__ */ r(D, { children: [
+        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: c("protocolConfig.username", "Username") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: r.username || "",
-              onChange: (n) => i({ ...r, username: n.target.value })
+              value: a.username || "",
+              onChange: (n) => i({ ...a, username: n.target.value })
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "nice-protocol-config__field", children: [
+        /* @__PURE__ */ r("div", { className: "nice-protocol-config__field", children: [
           /* @__PURE__ */ e("label", { children: c("protocolConfig.password", "Password") }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "password",
-              value: r.password || "",
-              onChange: (n) => i({ ...r, password: n.target.value })
+              value: a.password || "",
+              onChange: (n) => i({ ...a, password: n.target.value })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
+      /* @__PURE__ */ r("div", { className: "nice-protocol-config__field nice-protocol-config__field--full", children: [
         /* @__PURE__ */ e("label", { children: c("protocolConfig.applicationName", "Application Name") }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: r.applicationName,
-            onChange: (n) => i({ ...r, applicationName: n.target.value })
+            value: a.applicationName,
+            onChange: (n) => i({ ...a, applicationName: n.target.value })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e("h4", { children: c("protocolConfig.nodes", "Nodes") }),
-    /* @__PURE__ */ a("div", { className: "nice-protocol-config__nodes", children: [
-      r.nodes.map((n, o) => /* @__PURE__ */ a("div", { className: "nice-protocol-config__node-row", children: [
+    /* @__PURE__ */ r("div", { className: "nice-protocol-config__nodes", children: [
+      a.nodes.map((n, o) => /* @__PURE__ */ r("div", { className: "nice-protocol-config__node-row", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: n.nodeId,
-            onChange: (d) => {
-              const t = [...r.nodes];
-              t[o] = { ...t[o], nodeId: d.target.value }, i({ ...r, nodes: t });
+            onChange: (t) => {
+              const d = [...a.nodes];
+              d[o] = { ...d[o], nodeId: t.target.value }, i({ ...a, nodes: d });
             },
             placeholder: c("protocolConfig.nodeIdPlaceholder", "ns=2;s=Temperature")
           }
@@ -3411,9 +3714,9 @@ function De({ config: r, onChange: i }) {
           {
             type: "text",
             value: n.displayName,
-            onChange: (d) => {
-              const t = [...r.nodes];
-              t[o] = { ...t[o], displayName: d.target.value }, i({ ...r, nodes: t });
+            onChange: (t) => {
+              const d = [...a.nodes];
+              d[o] = { ...d[o], displayName: t.target.value }, i({ ...a, nodes: d });
             },
             placeholder: c("protocolConfig.displayNamePlaceholder", "Display Name")
           }
@@ -3422,8 +3725,8 @@ function De({ config: r, onChange: i }) {
           "button",
           {
             onClick: () => {
-              const d = r.nodes.filter((t, l) => l !== o);
-              i({ ...r, nodes: d });
+              const t = a.nodes.filter((d, l) => l !== o);
+              i({ ...a, nodes: t });
             },
             children: "×"
           }
@@ -3434,9 +3737,9 @@ function De({ config: r, onChange: i }) {
         {
           onClick: () => {
             i({
-              ...r,
+              ...a,
               nodes: [
-                ...r.nodes,
+                ...a.nodes,
                 { nodeId: "", displayName: "", dataType: "Double", read: !0 }
               ]
             });
@@ -3448,7 +3751,7 @@ function De({ config: r, onChange: i }) {
   ] });
 }
 export {
-  Ue as NiceEdgeManager,
-  Ee as NiceIoTDashboard,
-  Ae as NiceProtocolConfig
+  Fe as NiceEdgeManager,
+  Be as NiceIoTDashboard,
+  Oe as NiceProtocolConfig
 };