@nice2dev/ui-bi 1.0.21 → 1.0.23

package/dist/index.mjs

@@ -1,1399 +1,1780 @@
-import { jsxs as t, jsx as e, Fragment as F } from "react/jsx-runtime";
-import { useState as S, useCallback as w, useRef as q } from "react";
-const Y = {
-  id: "",
-  name: "New Report",
-  dataSource: "",
-  layout: {
-    type: "table",
-    elements: [],
-    pageSize: "A4",
-    orientation: "portrait"
-  },
-  parameters: [],
-  filters: [],
-  sorting: [],
-  grouping: [],
-  calculations: [],
-  formatting: {
-    conditionalFormats: [],
-    alternateRowColors: !0,
-    gridLines: !0
-  }
-}, W = [
-  { type: "table", label: "Table", icon: "📊" },
-  { type: "chart", label: "Chart", icon: "📈" },
-  { type: "text", label: "Text", icon: "📝" },
-  { type: "image", label: "Image", icon: "🖼️" },
-  { type: "shape", label: "Shape", icon: "⬜" },
-  { type: "barcode", label: "Barcode", icon: "▮▯▮" },
-  { type: "qrcode", label: "QR Code", icon: "⊞" },
-  { type: "subreport", label: "Subreport", icon: "📋" },
-  { type: "page-break", label: "Page Break", icon: "📄" }
-];
-function he({
-  report: i,
-  dataSources: l = [],
-  onChange: o,
-  onPreview: s,
-  onExport: d,
-  className: m = ""
-}) {
-  const [a, y] = S(
-    i || { ...Y, id: crypto.randomUUID() }
-  ), [r, v] = S(null), [_, p] = S("design"), [f, M] = S(null), [T, L] = S(100), b = w(
-    (n) => {
-      y((h) => {
-        const g = n(h);
-        return o == null || o(g), g;
-      });
-    },
-    [o]
-  ), D = w(
-    (n, h) => {
-      const g = {
-        id: crypto.randomUUID(),
-        type: n,
-        position: {
-          x: h.x,
-          y: h.y,
-          width: 200,
-          height: n === "page-break" ? 20 : 100
-        },
-        config: B(n),
-        style: {}
-      };
-      b((k) => ({
-        ...k,
-        layout: {
-          ...k.layout,
-          elements: [...k.layout.elements, g]
-        }
-      })), v(g);
-    },
-    [b]
-  ), z = w(
-    (n, h) => {
-      b((g) => ({
-        ...g,
-        layout: {
-          ...g.layout,
-          elements: g.layout.elements.map(
-            (k) => k.id === n ? { ...k, ...h } : k
-          )
-        }
-      })), (r == null ? void 0 : r.id) === n && v((g) => g ? { ...g, ...h } : null);
-    },
-    [b, r]
-  ), C = w(
-    (n) => {
-      b((h) => ({
-        ...h,
-        layout: {
-          ...h.layout,
-          elements: h.layout.elements.filter((g) => g.id !== n)
-        }
-      })), v(null);
-    },
-    [b]
-  ), E = w(
-    (n) => {
-      if (n.preventDefault(), !f)
-        return;
-      const h = n.currentTarget.getBoundingClientRect(), g = (n.clientX - h.left) * (100 / T), k = (n.clientY - h.top) * (100 / T);
-      D(f, { x: g, y: k }), M(null);
-    },
-    [f, D, T]
-  ), P = w(() => {
-    s == null || s(a);
-  }, [a, s]), U = w(
-    (n) => {
-      d == null || d(a, n);
-    },
-    [a, d]
-  ), u = l.find((n) => n.id === a.dataSource);
-  return /* @__PURE__ */ t("div", { className: `nice-report-builder ${m}`, children: [
-    /* @__PURE__ */ t("div", { className: "nice-report-builder__toolbar", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          value: a.name,
-          onChange: (n) => b((h) => ({ ...h, name: n.target.value })),
-          className: "nice-report-builder__name-input"
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "nice-report-builder__tabs", children: ["design", "data", "parameters", "formatting"].map((n) => /* @__PURE__ */ e(
-        "button",
-        {
-          className: `nice-report-builder__tab ${_ === n ? "nice-report-builder__tab--active" : ""}`,
-          onClick: () => p(n),
-          children: n.charAt(0).toUpperCase() + n.slice(1)
-        },
-        n
-      )) }),
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__zoom", children: [
-        /* @__PURE__ */ e("button", { onClick: () => L((n) => Math.max(25, n - 25)), children: "−" }),
-        /* @__PURE__ */ t("span", { children: [
-          T,
-          "%"
-        ] }),
-        /* @__PURE__ */ e("button", { onClick: () => L((n) => Math.min(200, n + 25)), children: "+" })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__actions", children: [
-        /* @__PURE__ */ e("button", { onClick: P, children: "👁 Preview" }),
-        /* @__PURE__ */ e("button", { onClick: () => U("pdf"), children: "📄 PDF" }),
-        /* @__PURE__ */ e("button", { onClick: () => U("excel"), children: "📊 Excel" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "nice-report-builder__main", children: [
-      _ === "design" && /* @__PURE__ */ t("div", { className: "nice-report-builder__palette", children: [
-        /* @__PURE__ */ e("h4", { children: "Elements" }),
-        W.map((n) => /* @__PURE__ */ t(
-          "div",
-          {
-            className: "nice-report-builder__palette-item",
-            draggable: !0,
-            onDragStart: () => M(n.type),
-            onDragEnd: () => M(null),
-            children: [
-              /* @__PURE__ */ e("span", { className: "nice-report-builder__palette-icon", children: n.icon }),
-              /* @__PURE__ */ e("span", { children: n.label })
-            ]
-          },
-          n.type
-        )),
-        /* @__PURE__ */ e("h4", { children: "Data Source" }),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            value: a.dataSource,
-            onChange: (n) => b((h) => ({ ...h, dataSource: n.target.value })),
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "Select data source..." }),
-              l.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, n.id))
-            ]
-          }
-        ),
-        (u == null ? void 0 : u.schema) && /* @__PURE__ */ t("div", { className: "nice-report-builder__fields", children: [
-          /* @__PURE__ */ e("h5", { children: "Fields" }),
-          u.schema.tables.map((n) => /* @__PURE__ */ t("div", { className: "nice-report-builder__table-fields", children: [
-            /* @__PURE__ */ e("strong", { children: n.name }),
-            n.columns.map((h) => /* @__PURE__ */ t(
-              "div",
-              {
-                className: "nice-report-builder__field",
-                draggable: !0,
-                onDragStart: () => {
-                },
-                children: [
-                  h.name,
-                  " ",
-                  /* @__PURE__ */ t("small", { children: [
-                    "(",
-                    h.type,
-                    ")"
-                  ] })
-                ]
-              },
-              h.name
-            ))
-          ] }, n.name))
-        ] })
-      ] }),
-      _ === "design" && /* @__PURE__ */ e("div", { className: "nice-report-builder__canvas-container", children: /* @__PURE__ */ t(
-        "div",
-        {
-          className: "nice-report-builder__canvas",
-          style: {
-            transform: `scale(${T / 100})`,
-            transformOrigin: "top left",
-            width: a.layout.orientation === "landscape" ? "297mm" : "210mm",
-            height: a.layout.orientation === "landscape" ? "210mm" : "297mm"
-          },
-          onDragOver: (n) => n.preventDefault(),
-          onDrop: E,
-          onClick: () => v(null),
-          children: [
-            a.layout.elements.map((n) => /* @__PURE__ */ e(
-              O,
-              {
-                element: n,
-                isSelected: (r == null ? void 0 : r.id) === n.id,
-                onSelect: () => v(n),
-                onUpdate: (h) => z(n.id, h),
-                onDelete: () => C(n.id)
-              },
-              n.id
-            )),
-            a.layout.elements.length === 0 && /* @__PURE__ */ e("div", { className: "nice-report-builder__canvas-empty", children: "Drag elements here to build your report" })
-          ]
-        }
-      ) }),
-      _ === "data" && /* @__PURE__ */ e(
-        X,
-        {
-          report: a,
-          dataSource: u,
-          onChange: (n) => b((h) => ({ ...h, query: n }))
-        }
-      ),
-      _ === "parameters" && /* @__PURE__ */ e(
-        H,
-        {
-          parameters: a.parameters,
-          calculations: a.calculations,
-          onChange: (n, h) => b((g) => ({ ...g, parameters: n, calculations: h }))
-        }
-      ),
-      _ === "formatting" && /* @__PURE__ */ e(
-        j,
-        {
-          formatting: a.formatting,
-          grouping: a.grouping,
-          sorting: a.sorting,
-          onChange: (n, h, g) => b((k) => ({ ...k, formatting: n, grouping: h, sorting: g }))
-        }
-      ),
-      r && _ === "design" && /* @__PURE__ */ e(
-        G,
-        {
-          element: r,
-          dataSource: u,
-          onChange: (n) => z(r.id, n),
-          onClose: () => v(null)
-        }
-      )
-    ] })
-  ] });
+import { jsx as e, jsxs as d, Fragment as N } from "react/jsx-runtime";
+import { useContext as F, createContext as b, memo as re, useState as w, useEffect as ae, useRef as ie, useCallback as x } from "react";
+const ne = (a, r) => r, ce = b(ne);
+function de() {
+  return { t: F(ce) };
 }
-function B(i) {
-  switch (i) {
-    case "table":
-      return { columns: [], showHeader: !0, showFooter: !1 };
-    case "chart":
-      return { chartType: "bar", series: [], axes: [] };
-    case "text":
-      return { content: "Text", fontSize: 12 };
-    case "image":
-      return { src: "", fit: "contain" };
-    case "shape":
-      return {
-        shape: "rectangle",
-        fill: "var(--nice-border, #e0e0e0)",
-        stroke: "var(--nice-text, #333)"
-      };
-    case "barcode":
-      return { format: "CODE128", value: "" };
-    case "qrcode":
-      return { value: "" };
-    case "subreport":
-      return { reportId: "" };
-    case "page-break":
-      return {};
-    default:
-      return {};
+b({
+  dir: "ltr",
+  isRTL: !1,
+  flip: (a) => a,
+  value: (a) => a.ltr
+});
+b(null);
+b(null);
+const oe = {
+  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: oe,
+  setDisplayStyle: () => {
   }
+});
+b({});
+b({
+  direction: "ltr",
+  isRTL: !1,
+  flip: (a) => a,
+  flipStyle: (a, r) => ({ [a]: r })
+});
+b({
+  permissions: {},
+  getAccessMode: () => "full"
+});
+b(null);
+const te = process.env.NODE_ENV === "development";
+let W = {
+  enabled: te,
+  slowRenderThreshold: 16
+};
+const O = [], M = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+function fe() {
+  O.length = 0, M.clear(), $.clear();
 }
-function O({
-  element: i,
-  isSelected: l,
-  onSelect: o,
-  onUpdate: s,
-  onDelete: d
-}) {
-  var L;
-  const [m, a] = S(!1), [y, r] = S(!1), v = (b) => {
-    if (b.button !== 0)
-      return;
-    b.stopPropagation(), o(), a(!0);
-    const D = b.clientX, z = b.clientY, C = { ...i.position }, E = (U) => {
-      const u = U.clientX - D, n = U.clientY - z;
-      s({
-        position: {
-          ...C,
-          x: Math.max(0, C.x + u),
-          y: Math.max(0, C.y + n)
-        }
-      });
-    }, P = () => {
-      a(!1), window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", P);
-    };
-    window.addEventListener("mousemove", E), window.addEventListener("mouseup", P);
-  }, _ = (b, D) => {
-    b.stopPropagation(), r(!0);
-    const z = b.clientX, C = b.clientY, E = { ...i.position }, P = (u) => {
-      const n = u.clientX - z, h = u.clientY - C, g = { ...E };
-      D.includes("e") && (g.width = Math.max(50, E.width + n)), D.includes("s") && (g.height = Math.max(30, E.height + h)), D.includes("w") && (g.x = E.x + n, g.width = Math.max(50, E.width - n)), D.includes("n") && (g.y = E.y + h, g.height = Math.max(30, E.height - h)), s({ position: g });
-    }, U = () => {
-      r(!1), window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", U);
-    };
-    window.addEventListener("mousemove", P), window.addEventListener("mouseup", U);
-  }, p = W.find((b) => b.type === i.type), { padding: f, ...M } = i.style ?? {}, T = typeof f == "object" && f !== null ? `${f.top}px ${f.right}px ${f.bottom}px ${f.left}px` : f;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: `nice-report-builder__element nice-report-builder__element--${i.type} ${l ? "nice-report-builder__element--selected" : ""}`,
-      style: {
-        left: i.position.x,
-        top: i.position.y,
-        width: i.position.width,
-        height: i.position.height,
-        ...M,
-        padding: T
-      },
-      onMouseDown: v,
-      children: [
-        /* @__PURE__ */ t("div", { className: "nice-report-builder__element-content", children: [
-          /* @__PURE__ */ e("span", { className: "nice-report-builder__element-icon", children: p == null ? void 0 : p.icon }),
-          /* @__PURE__ */ e("span", { className: "nice-report-builder__element-label", children: ((L = i.binding) == null ? void 0 : L.field) || (p == null ? void 0 : p.label) })
-        ] }),
-        l && /* @__PURE__ */ t(F, { children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "nice-report-builder__element-delete",
-              onClick: (b) => {
-                b.stopPropagation(), d();
-              },
-              children: "×"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--se",
-              onMouseDown: (b) => _(b, "se")
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--e",
-              onMouseDown: (b) => _(b, "e")
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--s",
-              onMouseDown: (b) => _(b, "s")
-            }
-          )
-        ] })
-      ]
-    }
-  );
+function se(a) {
+  const r = W.slowRenderThreshold;
+  return O.filter((c) => c.actualDuration > r);
 }
-function X({
-  report: i,
-  dataSource: l,
-  onChange: o
-}) {
-  var m, a, y, r;
-  const [s, d] = S("builder");
-  return /* @__PURE__ */ t("div", { className: "nice-report-builder__query-builder", children: [
-    /* @__PURE__ */ t("div", { className: "nice-report-builder__query-tabs", children: [
-      /* @__PURE__ */ e("button", { className: s === "builder" ? "active" : "", onClick: () => d("builder"), children: "Query Builder" }),
-      /* @__PURE__ */ e("button", { className: s === "sql" ? "active" : "", onClick: () => d("sql"), children: "SQL" })
-    ] }),
-    s === "builder" ? /* @__PURE__ */ t("div", { className: "nice-report-builder__visual-query", children: [
-      /* @__PURE__ */ e("h4", { children: "Tables" }),
-      (m = l == null ? void 0 : l.schema) == null ? void 0 : m.tables.map((v) => {
-        var _, p;
-        return /* @__PURE__ */ e("div", { className: "nice-report-builder__query-table", children: /* @__PURE__ */ t("label", { children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "checkbox",
-              checked: ((p = (_ = i.query) == null ? void 0 : _.tables) == null ? void 0 : p.includes(v.name)) || !1,
-              onChange: (f) => {
-                var T, L;
-                const M = f.target.checked ? [...((T = i.query) == null ? void 0 : T.tables) || [], v.name] : (((L = i.query) == null ? void 0 : L.tables) || []).filter((b) => b !== v.name);
-                o({ ...i.query, type: "builder", tables: M });
-              }
-            }
-          ),
-          v.name
-        ] }) }, v.name);
-      }),
-      /* @__PURE__ */ e("h4", { children: "Columns" }),
-      /* @__PURE__ */ e("div", { className: "nice-report-builder__column-list", children: (y = (a = i.query) == null ? void 0 : a.tables) == null ? void 0 : y.map((v) => {
-        var p;
-        const _ = (p = l == null ? void 0 : l.schema) == null ? void 0 : p.tables.find((f) => f.name === v);
-        return _ == null ? void 0 : _.columns.map((f) => /* @__PURE__ */ t("div", { className: "nice-report-builder__column-item", children: [
-          /* @__PURE__ */ e("input", { type: "checkbox" }),
-          /* @__PURE__ */ t("span", { children: [
-            v,
-            ".",
-            f.name
-          ] }),
-          /* @__PURE__ */ t("select", { children: [
-            /* @__PURE__ */ e("option", { value: "", children: "No aggregate" }),
-            /* @__PURE__ */ e("option", { value: "sum", children: "SUM" }),
-            /* @__PURE__ */ e("option", { value: "avg", children: "AVG" }),
-            /* @__PURE__ */ e("option", { value: "count", children: "COUNT" }),
-            /* @__PURE__ */ e("option", { value: "min", children: "MIN" }),
-            /* @__PURE__ */ e("option", { value: "max", children: "MAX" })
-          ] })
-        ] }, `${v}.${f.name}`));
-      }) })
-    ] }) : /* @__PURE__ */ e("div", { className: "nice-report-builder__sql-editor", children: /* @__PURE__ */ e(
-      "textarea",
-      {
-        value: ((r = i.query) == null ? void 0 : r.text) || "",
-        onChange: (v) => o({ ...i.query, type: "sql", text: v.target.value }),
-        placeholder: "SELECT * FROM table_name",
-        rows: 15
-      }
-    ) })
-  ] });
+function H(a) {
+  return a < 1 ? `${(a * 1e3).toFixed(0)}μs` : a < 1e3 ? `${a.toFixed(2)}ms` : `${(a / 1e3).toFixed(2)}s`;
 }
-function H({
-  parameters: i,
-  calculations: l,
-  onChange: o
-}) {
-  const s = () => {
-    const m = {
-      id: crypto.randomUUID(),
-      name: "param" + (i.length + 1),
-      label: "Parameter " + (i.length + 1),
-      type: "text"
-    };
-    o([...i, m], l);
-  }, d = () => {
-    const m = {
-      id: crypto.randomUUID(),
-      name: "calc" + (l.length + 1),
-      expression: ""
-    };
-    o(i, [...l, m]);
-  };
-  return /* @__PURE__ */ t("div", { className: "nice-report-builder__parameters-editor", children: [
-    /* @__PURE__ */ t("section", { children: [
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__section-header", children: [
-        /* @__PURE__ */ e("h4", { children: "Parameters" }),
-        /* @__PURE__ */ e("button", { onClick: s, children: "+ Add" })
-      ] }),
-      i.map((m, a) => /* @__PURE__ */ t("div", { className: "nice-report-builder__param-row", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: m.name,
-            placeholder: "Name",
-            onChange: (y) => {
-              const r = [...i];
-              r[a] = { ...m, name: y.target.value }, o(r, l);
-            }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: m.label,
-            placeholder: "Label",
-            onChange: (y) => {
-              const r = [...i];
-              r[a] = { ...m, label: y.target.value }, o(r, l);
-            }
-          }
-        ),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            value: m.type,
-            onChange: (y) => {
-              const r = [...i];
-              r[a] = { ...m, type: y.target.value }, o(r, l);
-            },
-            children: [
-              /* @__PURE__ */ e("option", { value: "text", children: "Text" }),
-              /* @__PURE__ */ e("option", { value: "number", children: "Number" }),
-              /* @__PURE__ */ e("option", { value: "date", children: "Date" }),
-              /* @__PURE__ */ e("option", { value: "daterange", children: "Date Range" }),
-              /* @__PURE__ */ e("option", { value: "select", children: "Select" }),
-              /* @__PURE__ */ e("option", { value: "multiselect", children: "Multi-select" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => {
-              o(
-                i.filter((y) => y.id !== m.id),
-                l
-              );
-            },
-            children: "×"
-          }
-        )
-      ] }, m.id))
-    ] }),
-    /* @__PURE__ */ t("section", { children: [
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__section-header", children: [
-        /* @__PURE__ */ e("h4", { children: "Calculated Fields" }),
-        /* @__PURE__ */ e("button", { onClick: d, children: "+ Add" })
-      ] }),
-      l.map((m, a) => /* @__PURE__ */ t("div", { className: "nice-report-builder__calc-row", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: m.name,
-            placeholder: "Name",
-            onChange: (y) => {
-              const r = [...l];
-              r[a] = { ...m, name: y.target.value }, o(i, r);
-            }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: m.expression,
-            placeholder: "Expression (e.g., [Sales] * [Quantity])",
-            onChange: (y) => {
-              const r = [...l];
-              r[a] = { ...m, expression: y.target.value }, o(i, r);
-            }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => {
-              o(
-                i,
-                l.filter((y) => y.id !== m.id)
-              );
-            },
-            children: "×"
-          }
-        )
-      ] }, m.id))
-    ] })
-  ] });
+function le() {
+  const a = Array.from(M.values()), r = se(), c = a.reduce((u, o) => u + o.renderCount, 0), t = a.length > 0 ? a.reduce((u, o) => u + o.avgRenderTime, 0) / a.length : 0, y = Array.from($.values());
+  return { stats: a, slowRenders: r, totalRenders: c, avgRenderTime: t, marks: y };
 }
-function j({
-  formatting: i,
-  grouping: l,
-  sorting: o,
-  onChange: s
-}) {
-  return /* @__PURE__ */ t("div", { className: "nice-report-builder__formatting-editor", children: [
-    /* @__PURE__ */ t("section", { children: [
-      /* @__PURE__ */ e("h4", { children: "General" }),
-      /* @__PURE__ */ t("label", { children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "checkbox",
-            checked: i.alternateRowColors,
-            onChange: (d) => s({ ...i, alternateRowColors: d.target.checked }, l, o)
-          }
-        ),
-        "Alternate row colors"
-      ] }),
-      /* @__PURE__ */ t("label", { children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "checkbox",
-            checked: i.gridLines,
-            onChange: (d) => s({ ...i, gridLines: d.target.checked }, l, o)
-          }
-        ),
-        "Show grid lines"
-      ] })
-    ] }),
-    /* @__PURE__ */ t("section", { children: [
-      /* @__PURE__ */ e("h4", { children: "Conditional Formatting" }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => {
-            const d = {
-              id: crypto.randomUUID(),
-              condition: { column: "", operator: "gt", value: 0 },
-              style: { backgroundColor: "#ffcccc" },
-              scope: "cell"
-            };
-            s(
-              {
-                ...i,
-                conditionalFormats: [...i.conditionalFormats, d]
-              },
-              l,
-              o
-            );
-          },
-          children: "+ Add Rule"
-        }
-      ),
-      i.conditionalFormats.map((d) => /* @__PURE__ */ t("div", { className: "nice-report-builder__format-rule", children: [
-        /* @__PURE__ */ t("span", { children: [
-          "If column ",
-          d.condition.operator,
-          " ",
-          String(d.condition.value)
-        ] }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "color",
-            value: d.style.backgroundColor || "var(--nice-bg, #fff)",
-            onChange: (m) => {
-              s(
-                {
-                  ...i,
-                  conditionalFormats: i.conditionalFormats.map(
-                    (a) => a.id === d.id ? { ...a, style: { ...a.style, backgroundColor: m.target.value } } : a
-                  )
-                },
-                l,
-                o
-              );
-            }
-          }
-        )
-      ] }, d.id))
-    ] })
-  ] });
-}
-function G({
-  element: i,
-  dataSource: l,
-  onChange: o,
-  onClose: s
-}) {
-  var d, m, a, y, r, v, _;
-  return /* @__PURE__ */ t("div", { className: "nice-report-builder__properties", children: [
-    /* @__PURE__ */ t("div", { className: "nice-report-builder__properties-header", children: [
-      /* @__PURE__ */ t("h4", { children: [
-        (d = W.find((p) => p.type === i.type)) == null ? void 0 : d.label,
-        " Properties"
-      ] }),
-      /* @__PURE__ */ e("button", { onClick: s, children: "×" })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "nice-report-builder__properties-content", children: [
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Data Binding" }),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            value: ((m = i.binding) == null ? void 0 : m.field) || "",
-            onChange: (p) => o({ binding: { ...i.binding, field: p.target.value } }),
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "None" }),
-              (a = l == null ? void 0 : l.schema) == null ? void 0 : a.tables.flatMap(
-                (p) => p.columns.map((f) => /* @__PURE__ */ t("option", { value: `${p.name}.${f.name}`, children: [
-                  p.name,
-                  ".",
-                  f.name
-                ] }, `${p.name}.${f.name}`))
-              )
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Position" }),
-        /* @__PURE__ */ t("div", { className: "nice-report-builder__position-inputs", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: i.position.x,
-              onChange: (p) => o({
-                position: { ...i.position, x: parseInt(p.target.value, 10) || 0 }
-              }),
-              placeholder: "X"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: i.position.y,
-              onChange: (p) => o({
-                position: { ...i.position, y: parseInt(p.target.value, 10) || 0 }
-              }),
-              placeholder: "Y"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: i.position.width,
-              onChange: (p) => o({
-                position: { ...i.position, width: parseInt(p.target.value, 10) || 50 }
-              }),
-              placeholder: "W"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: i.position.height,
-              onChange: (p) => o({
-                position: { ...i.position, height: parseInt(p.target.value, 10) || 30 }
-              }),
-              placeholder: "H"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Background Color" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "color",
-            value: ((y = i.style) == null ? void 0 : y.backgroundColor) || "var(--nice-bg, #fff)",
-            onChange: (p) => o({ style: { ...i.style, backgroundColor: p.target.value } })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Border" }),
-        /* @__PURE__ */ t("div", { className: "nice-report-builder__border-inputs", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "color",
-              value: ((r = i.style) == null ? void 0 : r.borderColor) || "var(--nice-text, #000000)",
-              onChange: (p) => o({ style: { ...i.style, borderColor: p.target.value } })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: ((v = i.style) == null ? void 0 : v.borderWidth) || 0,
-              onChange: (p) => o({
-                style: { ...i.style, borderWidth: parseInt(p.target.value, 10) || 0 }
-              }),
-              placeholder: "Width",
-              min: 0,
-              max: 10
-            }
-          )
-        ] })
-      ] }),
-      i.type === "text" && /* @__PURE__ */ t(F, { children: [
-        /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
-          /* @__PURE__ */ e("label", { children: "Content" }),
-          /* @__PURE__ */ e(
-            "textarea",
-            {
-              value: i.config.content || "",
-              onChange: (p) => o({ config: { ...i.config, content: p.target.value } }),
-              rows: 3
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
-          /* @__PURE__ */ e("label", { children: "Font Size" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: ((_ = i.style) == null ? void 0 : _.fontSize) || 12,
-              onChange: (p) => o({
-                style: { ...i.style, fontSize: parseInt(p.target.value, 10) || 12 }
-              }),
-              min: 8,
-              max: 72
-            }
-          )
-        ] })
-      ] }),
-      i.type === "chart" && /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Chart Type" }),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            value: i.config.chartType || "bar",
-            onChange: (p) => o({ config: { ...i.config, chartType: p.target.value } }),
-            children: [
-              /* @__PURE__ */ e("option", { value: "bar", children: "Bar" }),
-              /* @__PURE__ */ e("option", { value: "line", children: "Line" }),
-              /* @__PURE__ */ e("option", { value: "pie", children: "Pie" }),
-              /* @__PURE__ */ e("option", { value: "area", children: "Area" }),
-              /* @__PURE__ */ e("option", { value: "scatter", children: "Scatter" })
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
+function ye() {
+  const a = le();
+  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: ${H(a.avgRenderTime)}`), console.log(`Slow renders: ${a.slowRenders.length}`), console.group("Component Stats"), console.table(
+    a.stats.sort((r, c) => c.totalRenderTime - r.totalRenderTime).map((r) => ({
+      Name: r.componentName,
+      Renders: r.renderCount,
+      "Avg Time": H(r.avgRenderTime),
+      "Max Time": H(r.maxRenderTime),
+      "Total Time": H(r.totalRenderTime),
+      "Slow Renders": r.slowRenderCount
+    }))
+  ), console.groupEnd(), a.slowRenders.length > 0 && (console.group("Slow Renders (last 10)"), console.table(
+    a.slowRenders.slice(-10).map((r) => ({
+      Component: r.componentName,
+      Phase: r.phase,
+      Duration: H(r.actualDuration),
+      Time: new Date(r.timestamp).toLocaleTimeString()
+    }))
+  ), console.groupEnd()), a.marks.length > 0 && (console.group("Custom Marks"), console.table(
+    a.marks.filter((r) => r.duration).map((r) => ({
+      Name: r.name,
+      Duration: H(r.duration)
+    }))
+  ), console.groupEnd()), console.groupEnd();
 }
-const Q = {
-  id: "",
-  name: "New Dashboard",
-  layout: {
-    type: "grid",
-    columns: 12,
-    rowHeight: 50,
-    gap: 8
-  },
-  widgets: [],
-  filters: []
-}, V = [
-  { type: "chart", label: "Chart", icon: "📈", category: "Visualization" },
-  { type: "table", label: "Table", icon: "📊", category: "Visualization" },
-  { type: "card", label: "KPI Card", icon: "🎯", category: "Visualization" },
-  { type: "gauge", label: "Gauge", icon: "⏱️", category: "Visualization" },
-  { type: "map", label: "Map", icon: "🗺️", category: "Visualization" },
-  { type: "treemap", label: "Treemap", icon: "🌳", category: "Visualization" },
-  { type: "funnel", label: "Funnel", icon: "🔻", category: "Visualization" },
-  { type: "heatmap", label: "Heatmap", icon: "🌡️", category: "Visualization" },
-  { type: "timeline", label: "Timeline", icon: "📅", category: "Visualization" },
-  { type: "sankey", label: "Sankey", icon: "〰️", category: "Visualization" },
-  { type: "filter", label: "Filter", icon: "🔍", category: "Controls" },
-  { type: "slicer", label: "Slicer", icon: "📋", category: "Controls" },
-  { type: "text", label: "Text", icon: "📝", category: "Layout" },
-  { type: "image", label: "Image", icon: "🖼️", category: "Layout" }
-];
-function pe({
-  dashboard: i,
-  dataSources: l = [],
-  onChange: o,
-  onWidgetAdd: s,
-  onRefresh: d,
-  className: m = ""
-}) {
-  const [a, y] = S(
-    i || { ...Q, id: crypto.randomUUID() }
-  ), [r, v] = S(null), [_, p] = S(!0), [f, M] = S(null), [T, L] = S(!0), b = q(null), D = w(
-    (u) => {
-      y((n) => {
-        const h = u(n);
-        return o == null || o(h), h;
-      });
-    },
-    [o]
-  ), z = w(
-    (u, n) => {
-      var g;
-      const h = {
-        id: crypto.randomUUID(),
-        type: u,
-        title: ((g = V.find((k) => k.type === u)) == null ? void 0 : g.label) || u,
-        position: {
-          x: (n == null ? void 0 : n.x) ?? 0,
-          y: (n == null ? void 0 : n.y) ?? K(a.widgets),
-          width: (n == null ? void 0 : n.width) ?? J(u),
-          height: (n == null ? void 0 : n.height) ?? Z(u)
-        },
-        config: ee(u)
+const me = re(
+  ({ position: a = "bottom-right", defaultCollapsed: r = !0 }) => {
+    const [c, t] = w(r), [y, u] = w([]), [o, p] = w({ used: 0, total: 0 });
+    if (ae(() => {
+      const f = () => {
+        const _ = Array.from(M.values());
+        u(_.sort((T, k) => k.totalRenderTime - T.totalRenderTime).slice(0, 10));
+        const C = window.performance;
+        C.memory && p({
+          used: C.memory.usedJSHeapSize / 1024 / 1024,
+          total: C.memory.totalJSHeapSize / 1024 / 1024
+        });
       };
-      D((k) => ({
-        ...k,
-        widgets: [...k.widgets, h]
-      })), v(h), s == null || s(u);
-    },
-    [a.widgets, D, s]
-  ), C = w(
-    (u, n) => {
-      D((h) => ({
-        ...h,
-        widgets: h.widgets.map((g) => g.id === u ? { ...g, ...n } : g)
-      })), (r == null ? void 0 : r.id) === u && v((h) => h ? { ...h, ...n } : null);
-    },
-    [D, r]
-  ), E = w(
-    (u) => {
-      D((n) => ({
-        ...n,
-        widgets: n.widgets.filter((h) => h.id !== u)
-      })), v(null);
-    },
-    [D]
-  ), P = w(
-    (u) => {
-      if (u.preventDefault(), !f || !b.current)
-        return;
-      const n = b.current.getBoundingClientRect(), h = n.width / (a.layout.columns || 12), g = Math.floor((u.clientX - n.left) / h), k = Math.floor((u.clientY - n.top) / (a.layout.rowHeight || 50));
-      z(f, { x: g, y: k }), M(null);
-    },
-    [f, a.layout, z]
-  ), U = w(() => {
-    d == null || d();
-  }, [d]);
-  return /* @__PURE__ */ t("div", { className: `nice-dashboard-studio ${m}`, children: [
-    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__toolbar", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          value: a.name,
-          onChange: (u) => D((n) => ({ ...n, name: u.target.value })),
-          className: "nice-dashboard-studio__name-input",
-          disabled: !_
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__actions", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: `nice-dashboard-studio__action ${_ ? "active" : ""}`,
-            onClick: () => p(!_),
-            children: _ ? "✏️ Editing" : "👁 Viewing"
-          }
-        ),
-        /* @__PURE__ */ t("button", { onClick: () => L(!T), children: [
-          "🔍 Filters ",
-          T ? "▲" : "▼"
-        ] }),
-        /* @__PURE__ */ e("button", { onClick: U, children: "🔄 Refresh" }),
-        /* @__PURE__ */ e("button", { children: "📤 Share" }),
-        /* @__PURE__ */ e("button", { children: "💾 Save" })
-      ] })
-    ] }),
-    T && a.filters.length > 0 && /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__filters-bar", children: a.filters.map((u) => /* @__PURE__ */ e(ne, { filter: u }, u.id)) }),
-    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__main", children: [
-      _ && /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__palette", children: [
-        /* @__PURE__ */ e("h4", { children: "Widgets" }),
-        ["Visualization", "Controls", "Layout"].map((u) => /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__category", children: [
-          /* @__PURE__ */ e("h5", { children: u }),
-          V.filter((n) => n.category === u).map((n) => /* @__PURE__ */ t(
+      f();
+      const v = setInterval(f, 2e3);
+      return () => clearInterval(v);
+    }, []), !W.enabled)
+      return null;
+    const S = {
+      position: "fixed",
+      zIndex: 99999,
+      ...a.includes("top") ? { top: 8 } : { bottom: 8 },
+      ...a.includes("left") ? { left: 8 } : { right: 8 }
+    };
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        style: {
+          ...S,
+          background: "var(--nice-overlay-85, rgba(0, 0, 0, 0.85))",
+          color: "var(--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__ */ d(
             "div",
             {
-              className: "nice-dashboard-studio__palette-item",
-              draggable: !0,
-              onDragStart: () => M(n.type),
-              onDragEnd: () => M(null),
+              style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 8 },
+              onClick: () => t((f) => !f),
               children: [
-                /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__palette-icon", children: n.icon }),
-                /* @__PURE__ */ e("span", { children: n.label })
+                /* @__PURE__ */ e("span", { style: { color: "var(--color-success, #22c55e)" }, children: "●" }),
+                /* @__PURE__ */ e("span", { children: "Profiler" }),
+                o.used > 0 && /* @__PURE__ */ d(
+                  "span",
+                  {
+                    style: {
+                      color: o.used > 100 ? "var(--color-warning, #f59e0b)" : "var(--text-muted, #64748b)"
+                    },
+                    children: [
+                      o.used.toFixed(0),
+                      "MB"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e("span", { style: { marginLeft: "auto", opacity: 0.5 }, children: c ? "▼" : "▲" })
               ]
-            },
-            n.type
-          ))
-        ] }, u)),
-        /* @__PURE__ */ e("h4", { children: "Data Sources" }),
-        l.map((u) => /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__datasource", children: /* @__PURE__ */ t("span", { children: [
-          "🗄️ ",
-          u.name
-        ] }) }, u.id))
-      ] }),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          ref: b,
-          className: `nice-dashboard-studio__grid ${_ ? "nice-dashboard-studio__grid--editing" : ""}`,
-          style: {
-            "--columns": a.layout.columns || 12,
-            "--row-height": `${a.layout.rowHeight || 50}px`,
-            "--gap": `${a.layout.gap || 8}px`
-          },
-          onDragOver: (u) => u.preventDefault(),
-          onDrop: P,
-          onClick: () => v(null),
-          children: [
-            a.widgets.map((u) => /* @__PURE__ */ e(
-              ie,
+            }
+          ),
+          !c && /* @__PURE__ */ d("div", { style: { marginTop: 8 }, children: [
+            /* @__PURE__ */ e(
+              "div",
               {
-                widget: u,
-                isSelected: (r == null ? void 0 : r.id) === u.id,
-                isEditing: _,
-                onSelect: () => v(u),
-                onUpdate: (n) => C(u.id, n),
-                onDelete: () => E(u.id)
-              },
-              u.id
-            )),
-            a.widgets.length === 0 && _ && /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__empty", children: "Drag widgets from the palette to build your dashboard" })
-          ]
-        }
-      ),
-      r && _ && /* @__PURE__ */ e(
-        ae,
-        {
-          widget: r,
-          dataSources: l,
-          onChange: (u) => C(r.id, u),
-          onClose: () => v(null)
-        }
-      )
-    ] })
-  ] });
-}
-function K(i) {
-  return i.length === 0 ? 0 : Math.max(...i.map((l) => l.position.y + l.position.height));
-}
-function J(i) {
-  switch (i) {
-    case "card":
-      return 3;
-    case "gauge":
-      return 3;
-    case "filter":
-    case "slicer":
-      return 3;
-    case "text":
-      return 4;
-    case "chart":
-    case "table":
-      return 6;
-    case "map":
-      return 8;
-    default:
-      return 4;
+                style: {
+                  borderBottom: "1px solid var(--border-color, #333)",
+                  paddingBottom: 4,
+                  marginBottom: 8
+                },
+                children: /* @__PURE__ */ e("strong", { children: "Top Components" })
+              }
+            ),
+            y.map((f) => /* @__PURE__ */ d("div", { style: { marginBottom: 4, display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ e("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: f.componentName }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: f.avgRenderTime > 16 ? "var(--color-warning, #f59e0b)" : "var(--color-success, #22c55e)"
+                  },
+                  children: H(f.avgRenderTime)
+                }
+              ),
+              /* @__PURE__ */ d(
+                "span",
+                {
+                  style: { color: "var(--text-muted, #64748b)", minWidth: 30, textAlign: "right" },
+                  children: [
+                    "x",
+                    f.renderCount
+                  ]
+                }
+              )
+            ] }, f.componentName)),
+            /* @__PURE__ */ d("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: ye,
+                  style: {
+                    flex: 1,
+                    padding: "4px 8px",
+                    background: "var(--bg-tertiary, #333)",
+                    border: "none",
+                    borderRadius: 4,
+                    color: "var(--bg-primary, #fff)",
+                    cursor: "pointer",
+                    fontSize: 10
+                  },
+                  children: "Print Report"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: fe,
+                  style: {
+                    flex: 1,
+                    padding: "4px 8px",
+                    background: "var(--bg-tertiary, #333)",
+                    border: "none",
+                    borderRadius: 4,
+                    color: "var(--bg-primary, #fff)",
+                    cursor: "pointer",
+                    fontSize: 10
+                  },
+                  children: "Clear"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
   }
-}
-function Z(i) {
-  switch (i) {
-    case "card":
-      return 2;
-    case "gauge":
-      return 3;
-    case "filter":
-    case "slicer":
-      return 1;
-    case "text":
-      return 2;
-    case "chart":
-    case "table":
-      return 5;
-    case "map":
-      return 8;
-    default:
-      return 4;
+);
+me.displayName = "ProfilerOverlay";
+process.env.NODE_ENV;
+b(null);
+const pe = b({
+  enabled: !0,
+  active: !1,
+  run: () => {
   }
+});
+function ue() {
+  return F(pe);
 }
-function ee(i) {
-  switch (i) {
-    case "chart":
-      return { chartType: "bar", series: [], axes: [], legend: { show: !0, position: "bottom" } };
-    case "table":
-      return { columns: [], pageSize: 10 };
-    case "card":
-      return { value: "", label: "", format: "number", icon: "📊" };
-    case "gauge":
-      return { value: "0", min: 0, max: 100, target: 75, format: "percent" };
-    case "map":
-      return { type: "choropleth", geoField: "", valueField: "" };
-    case "filter":
-      return { field: "", type: "dropdown" };
-    case "slicer":
-      return { field: "", multiSelect: !0 };
-    case "text":
-      return { content: "Text content", fontSize: 14 };
-    case "image":
-      return { src: "", fit: "contain" };
-    default:
-      return {};
-  }
+function be(a, r) {
+  if (!a)
+    return null;
+  if (a === !0)
+    return r && r.length > 0 ? r : null;
+  if (Array.isArray(a))
+    return a.length > 0 ? a : null;
+  const c = a.steps ?? r;
+  return c && c.length > 0 ? c : null;
 }
-function ie({
-  widget: i,
-  isSelected: l,
-  isEditing: o,
-  onSelect: s,
-  onUpdate: d,
-  onDelete: m
-}) {
-  const a = (r) => {
-    if (!o || r.button !== 0)
-      return;
-    r.stopPropagation(), s();
-    const v = r.clientX, _ = r.clientY, p = { ...i.position }, f = (T) => {
-      const L = Math.round((T.clientX - v) / 50), b = Math.round((T.clientY - _) / 50);
-      d({
-        position: {
-          ...p,
-          x: Math.max(0, p.x + L),
-          y: Math.max(0, p.y + b)
-        }
-      });
-    }, M = () => {
-      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", M);
-    };
-    window.addEventListener("mousemove", f), window.addEventListener("mouseup", M);
-  }, y = V.find((r) => r.type === i.type);
-  return /* @__PURE__ */ t(
-    "div",
+function ve(a, r) {
+  return a.map((c) => ({
+    target: c.target,
+    title: c.titleKey ? r(c.titleKey, c.title ?? "") : c.title ?? "",
+    content: c.contentKey ? r(c.contentKey, c.content ?? "") : c.content ?? "",
+    placement: c.placement,
+    highlightPadding: c.highlightPadding,
+    showArrow: c.showArrow,
+    scrollIntoView: c.scrollIntoView,
+    disableInteraction: c.disableInteraction
+  }));
+}
+const he = ({
+  steps: a,
+  autoStart: r,
+  label: c,
+  size: t = "md",
+  className: y,
+  style: u,
+  "data-testid": o
+}) => {
+  const { enabled: p, run: S } = ue(), { t: f } = de();
+  if (!p || !a || a.length === 0)
+    return null;
+  const v = c ?? f("tutorial.startAria", "Start tutorial");
+  return /* @__PURE__ */ e(
+    "button",
     {
-      className: `nice-dashboard-studio__widget nice-dashboard-studio__widget--${i.type} ${l ? "nice-dashboard-studio__widget--selected" : ""}`,
-      style: {
-        gridColumn: `${i.position.x + 1} / span ${i.position.width}`,
-        gridRow: `${i.position.y + 1} / span ${i.position.height}`
-      },
-      onMouseDown: a,
-      children: [
-        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__widget-header", children: [
-          /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__widget-icon", children: y == null ? void 0 : y.icon }),
-          /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__widget-title", children: i.title }),
-          o && /* @__PURE__ */ e(
-            "button",
-            {
-              className: "nice-dashboard-studio__widget-delete",
-              onClick: (r) => {
-                r.stopPropagation(), m();
-              },
-              children: "×"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__widget-content", children: /* @__PURE__ */ e(te, { widget: i }) })
-      ]
+      type: "button",
+      className: `nice-tutorial-button nice-tutorial-button--${t}` + (y ? ` ${y}` : ""),
+      style: u,
+      "data-testid": o,
+      "aria-label": v,
+      title: v,
+      onClick: () => S(ve(a, f), { autoStart: r }),
+      children: "?"
     }
   );
-}
-function te({ widget: i }) {
-  switch (i.type) {
-    case "card":
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__card", children: [
-        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__card-value", children: String(i.config.value || "0") }),
-        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__card-label", children: String(i.config.label || "Label") })
-      ] });
-    case "gauge": {
-      const l = Number(i.config.value) || 0, o = Number(i.config.max) || 100, s = l / o * 100;
-      return /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__gauge", children: /* @__PURE__ */ t("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: `${s * 1.26} 126`
-          }
-        ),
-        /* @__PURE__ */ t("text", { x: "50", y: "50", textAnchor: "middle", fontSize: "16", fontWeight: "bold", children: [
-          l,
-          "%"
-        ] })
-      ] }) });
+}, U = "nice-tutorial-button-styles";
+if (typeof document < "u" && !document.getElementById(U)) {
+  const a = document.createElement("style");
+  a.id = U, 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);
     }
-    case "chart":
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__chart-placeholder", children: [
-        /* @__PURE__ */ e("span", { children: "📊" }),
-        /* @__PURE__ */ t("span", { children: [
-          String(i.config.chartType || "bar"),
-          " chart"
-        ] })
-      ] });
-    case "table":
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__table-placeholder", children: [
-        /* @__PURE__ */ e("span", { children: "📋" }),
-        /* @__PURE__ */ e("span", { children: "Data table" })
-      ] });
-    case "map":
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__map-placeholder", children: [
-        /* @__PURE__ */ e("span", { children: "🗺️" }),
-        /* @__PURE__ */ e("span", { children: "Map visualization" })
-      ] });
-    case "text":
-      return /* @__PURE__ */ e(
-        "div",
-        {
-          className: "nice-dashboard-studio__text",
-          style: { fontSize: Number(i.config.fontSize) || 14 },
-          children: String(i.config.content || "")
-        }
-      );
-    default:
-      return /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__widget-placeholder", children: i.type });
-  }
+    .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);
 }
-function ne({ filter: i }) {
-  const [l, o] = S(i.defaultValue);
-  switch (i.type) {
-    case "dropdown":
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: i.label }),
-        /* @__PURE__ */ e("select", { value: String(l || ""), onChange: (s) => o(s.target.value), children: /* @__PURE__ */ e("option", { value: "", children: "All" }) })
-      ] });
-    case "daterange":
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: i.label }),
-        /* @__PURE__ */ e("input", { type: "date" }),
-        /* @__PURE__ */ e("span", { children: "to" }),
-        /* @__PURE__ */ e("input", { type: "date" })
-      ] });
-    case "slider":
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: i.label }),
-        /* @__PURE__ */ e("input", { type: "range" })
-      ] });
-    default:
-      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: i.label }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: String(l || ""),
-            onChange: (s) => o(s.target.value)
-          }
-        )
-      ] });
-  }
+b(null);
+b(null);
+b(null);
+const B = {
+  space1: "4px",
+  space2: "8px",
+  space3: "12px",
+  space4: "16px",
+  space5: "20px",
+  space6: "24px",
+  space8: "32px"
+}, V = {
+  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
+}, K = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, j = (a) => ({
+  color: a,
+  radiusSm: "4px",
+  radiusMd: "6px",
+  radiusLg: "8px",
+  radiusXl: "12px",
+  radiusFull: "9999px"
+}), ge = {
+  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)"
+}, we = {
+  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 i(a, r, c, t, y) {
+  return {
+    name: a,
+    darkMode: "light",
+    colors: {
+      ...r,
+      surface: r.surface ?? c.primary,
+      surfaceHover: r.surfaceHover ?? c.secondary
+    },
+    backgrounds: {
+      ...c,
+      elevated: c.elevated ?? c.primary,
+      inset: c.inset ?? c.tertiary,
+      canvas: c.canvas ?? c.primary
+    },
+    text: { ...t, inverse: t.inverse ?? "#ffffff" },
+    borders: j(y),
+    shadows: ge,
+    spacing: B,
+    typography: V,
+    transitions: K
+  };
 }
-function ae({
-  widget: i,
-  dataSources: l,
-  onChange: o,
-  onClose: s
-}) {
-  return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__properties", children: [
-    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__properties-header", children: [
-      /* @__PURE__ */ e("h4", { children: "Widget Properties" }),
-      /* @__PURE__ */ e("button", { onClick: s, children: "×" })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__properties-content", children: [
-      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Title" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: i.title || "",
-            onChange: (d) => o({ title: d.target.value })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Data Source" }),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            value: i.dataSource || "",
-            onChange: (d) => o({ dataSource: d.target.value }),
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "Select..." }),
-              l.map((d) => /* @__PURE__ */ e("option", { value: d.id, children: d.name }, d.id))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Size" }),
-        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__size-inputs", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: i.position.width,
-              onChange: (d) => o({
-                position: { ...i.position, width: parseInt(d.target.value, 10) || 1 }
-              }),
-              min: 1,
-              max: 12
-            }
-          ),
-          /* @__PURE__ */ e("span", { children: "×" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: i.position.height,
-              onChange: (d) => o({
-                position: { ...i.position, height: parseInt(d.target.value, 10) || 1 }
-              }),
-              min: 1,
-              max: 20
-            }
-          )
-        ] })
-      ] }),
-      i.type === "chart" && /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Chart Type" }),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            value: String(i.config.chartType || "bar"),
-            onChange: (d) => o({ config: { ...i.config, chartType: d.target.value } }),
-            children: [
-              /* @__PURE__ */ e("option", { value: "bar", children: "Bar" }),
-              /* @__PURE__ */ e("option", { value: "line", children: "Line" }),
-              /* @__PURE__ */ e("option", { value: "pie", children: "Pie" }),
-              /* @__PURE__ */ e("option", { value: "area", children: "Area" }),
-              /* @__PURE__ */ e("option", { value: "scatter", children: "Scatter" }),
-              /* @__PURE__ */ e("option", { value: "donut", children: "Donut" })
-            ]
-          }
-        )
-      ] }),
-      i.type === "card" && /* @__PURE__ */ t(F, { children: [
-        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-          /* @__PURE__ */ e("label", { children: "Value Field" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: String(i.config.value || ""),
-              onChange: (d) => o({ config: { ...i.config, value: d.target.value } }),
-              placeholder: "e.g., SUM(Sales)"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-          /* @__PURE__ */ e("label", { children: "Label" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: String(i.config.label || ""),
-              onChange: (d) => o({ config: { ...i.config, label: d.target.value } })
-            }
-          )
-        ] })
-      ] }),
-      i.type === "text" && /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Content" }),
-        /* @__PURE__ */ e(
-          "textarea",
-          {
-            value: String(i.config.content || ""),
-            onChange: (d) => o({ config: { ...i.config, content: d.target.value } }),
-            rows: 4
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Refresh Interval (seconds)" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "number",
-            value: i.refreshInterval || 0,
-            onChange: (d) => o({ refreshInterval: parseInt(d.target.value, 10) || 0 }),
-            min: 0,
-            placeholder: "0 = manual"
-          }
-        )
-      ] })
-    ] })
-  ] });
+function m(a, r, c, t, y) {
+  return {
+    name: a,
+    darkMode: "dark",
+    colors: {
+      ...r,
+      surface: r.surface ?? c.secondary,
+      surfaceHover: r.surfaceHover ?? c.tertiary
+    },
+    backgrounds: {
+      ...c,
+      elevated: c.elevated ?? c.secondary,
+      inset: c.inset ?? c.primary,
+      canvas: c.canvas ?? c.primary
+    },
+    text: { ...t, inverse: t.inverse ?? "#0f172a" },
+    borders: j(y),
+    shadows: we,
+    spacing: B,
+    typography: V,
+    transitions: K
+  };
 }
-const le = {
+i(
+  "Slate",
+  {
+    primary: "#64748b",
+    primaryHover: "#475569",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
+  { primary: "#1e293b", secondary: "#475569", muted: "#94a3b8" },
+  "#cbd5e1"
+);
+i(
+  "Zinc",
+  {
+    primary: "#71717a",
+    primaryHover: "#52525b",
+    success: "#22c55e",
+    warning: "#eab308",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#fafafa", secondary: "#f4f4f5", tertiary: "#e4e4e7", hover: "#e4e4e7" },
+  { primary: "#18181b", secondary: "#3f3f46", muted: "#a1a1aa" },
+  "#d4d4d8"
+);
+i(
+  "Stone",
+  {
+    primary: "#78716c",
+    primaryHover: "#57534e",
+    success: "#16a34a",
+    warning: "#ca8a04",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#fafaf9", secondary: "#f5f5f4", tertiary: "#e7e5e4", hover: "#e7e5e4" },
+  { primary: "#1c1917", secondary: "#44403c", muted: "#a8a29e" },
+  "#d6d3d1"
+);
+i(
+  "Cool Gray",
+  {
+    primary: "#6b7280",
+    primaryHover: "#4b5563",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#3b82f6"
+  },
+  { primary: "#f9fafb", secondary: "#f3f4f6", tertiary: "#e5e7eb", hover: "#e5e7eb" },
+  { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
+  "#d1d5db"
+);
+i(
+  "Warm Gray",
+  {
+    primary: "#7c7568",
+    primaryHover: "#5c564c",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#faf9f7", secondary: "#f5f4f0", tertiary: "#e8e6e1", hover: "#e8e6e1" },
+  { primary: "#1f1d19", secondary: "#4a463d", muted: "#a09888" },
+  "#d4d0c8"
+);
+i(
+  "Silver",
+  {
+    primary: "#94a3b8",
+    primaryHover: "#64748b",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#38bdf8"
+  },
+  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
+  { primary: "#334155", secondary: "#64748b", muted: "#94a3b8" },
+  "#cbd5e1"
+);
+i(
+  "Charcoal",
+  {
+    primary: "#374151",
+    primaryHover: "#1f2937",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0284c7"
+  },
+  { primary: "#f9fafb", secondary: "#f3f4f6", tertiary: "#e5e7eb", hover: "#e5e7eb" },
+  { primary: "#111827", secondary: "#374151", muted: "#6b7280" },
+  "#d1d5db"
+);
+i(
+  "Ivory",
+  {
+    primary: "#92876d",
+    primaryHover: "#7a6f55",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#fffef7", secondary: "#faf6eb", tertiary: "#f0ead6", hover: "#f0ead6" },
+  { primary: "#2b2517", secondary: "#5c5340", muted: "#9c9280" },
+  "#ddd8c4"
+);
+i(
+  "Rose",
+  {
+    primary: "#e11d48",
+    primaryHover: "#be123c",
+    success: "#16a34a",
+    warning: "#ea580c",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
+  { primary: "#4c0519", secondary: "#881337", muted: "#f43f5e" },
+  "#fda4af"
+);
+i(
+  "Emerald",
+  {
+    primary: "#059669",
+    primaryHover: "#047857",
+    success: "#16a34a",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
+  { primary: "#064e3b", secondary: "#065f46", muted: "#34d399" },
+  "#6ee7b7"
+);
+i(
+  "Amber",
+  {
+    primary: "#d97706",
+    primaryHover: "#b45309",
+    success: "#16a34a",
+    warning: "#ca8a04",
+    error: "#dc2626",
+    info: "#0284c7"
+  },
+  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
+  { primary: "#451a03", secondary: "#78350f", muted: "#f59e0b" },
+  "#fcd34d"
+);
+i(
+  "Violet",
+  {
+    primary: "#7c3aed",
+    primaryHover: "#6d28d9",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#f5f3ff", secondary: "#ede9fe", tertiary: "#ddd6fe", hover: "#ede9fe" },
+  { primary: "#2e1065", secondary: "#4c1d95", muted: "#a78bfa" },
+  "#c4b5fd"
+);
+i(
+  "Teal",
+  {
+    primary: "#0d9488",
+    primaryHover: "#0f766e",
+    success: "#16a34a",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0284c7"
+  },
+  { primary: "#f0fdfa", secondary: "#ccfbf1", tertiary: "#99f6e4", hover: "#ccfbf1" },
+  { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
+  "#5eead4"
+);
+i(
+  "Indigo",
+  {
+    primary: "#4f46e5",
+    primaryHover: "#4338ca",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#eef2ff", secondary: "#e0e7ff", tertiary: "#c7d2fe", hover: "#e0e7ff" },
+  { primary: "#1e1b4b", secondary: "#312e81", muted: "#818cf8" },
+  "#a5b4fc"
+);
+i(
+  "Cyan",
+  {
+    primary: "#0891b2",
+    primaryHover: "#0e7490",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#0284c7"
+  },
+  { primary: "#ecfeff", secondary: "#cffafe", tertiary: "#a5f3fc", hover: "#cffafe" },
+  { primary: "#164e63", secondary: "#155e75", muted: "#22d3ee" },
+  "#67e8f9"
+);
+i(
+  "Lime",
+  {
+    primary: "#65a30d",
+    primaryHover: "#4d7c0f",
+    success: "#16a34a",
+    warning: "#ca8a04",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#f7fee7", secondary: "#ecfccb", tertiary: "#d9f99d", hover: "#ecfccb" },
+  { primary: "#1a2e05", secondary: "#365314", muted: "#84cc16" },
+  "#bef264"
+);
+i(
+  "Pink",
+  {
+    primary: "#db2777",
+    primaryHover: "#be185d",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#dc2626",
+    info: "#06b6d4"
+  },
+  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
+  { primary: "#500724", secondary: "#831843", muted: "#f472b6" },
+  "#f9a8d4"
+);
+i(
+  "Orange",
+  {
+    primary: "#ea580c",
+    primaryHover: "#c2410c",
+    success: "#16a34a",
+    warning: "#ca8a04",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
+  { primary: "#431407", secondary: "#7c2d12", muted: "#fb923c" },
+  "#fdba74"
+);
+i(
+  "Fuchsia",
+  {
+    primary: "#c026d3",
+    primaryHover: "#a21caf",
+    success: "#10b981",
+    warning: "#eab308",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#fdf4ff", secondary: "#fae8ff", tertiary: "#f5d0fe", hover: "#fae8ff" },
+  { primary: "#4a044e", secondary: "#701a75", muted: "#d946ef" },
+  "#e879f9"
+);
+i(
+  "Sky",
+  {
+    primary: "#0284c7",
+    primaryHover: "#0369a1",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
+  { primary: "#0c4a6e", secondary: "#075985", muted: "#38bdf8" },
+  "#7dd3fc"
+);
+i(
+  "Ruby",
+  {
+    primary: "#be123c",
+    primaryHover: "#9f1239",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0284c7"
+  },
+  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
+  { primary: "#4c0519", secondary: "#881337", muted: "#fb7185" },
+  "#fda4af"
+);
+i(
+  "Coral",
+  {
+    primary: "#f97316",
+    primaryHover: "#ea580c",
+    success: "#10b981",
+    warning: "#eab308",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
+  { primary: "#431407", secondary: "#9a3412", muted: "#fb923c" },
+  "#fdba74"
+);
+m(
+  "Midnight",
+  {
+    primary: "#818cf8",
+    primaryHover: "#6366f1",
+    success: "#34d399",
+    warning: "#fbbf24",
+    error: "#f87171",
+    info: "#22d3ee"
+  },
+  { primary: "#020617", secondary: "#0f172a", tertiary: "#1e293b", hover: "#1e293b" },
+  { primary: "#f1f5f9", secondary: "#94a3b8", muted: "#475569" },
+  "#1e293b"
+);
+m(
+  "Obsidian",
+  {
+    primary: "#a78bfa",
+    primaryHover: "#8b5cf6",
+    success: "#4ade80",
+    warning: "#facc15",
+    error: "#fb7185",
+    info: "#38bdf8"
+  },
+  { primary: "#09090b", secondary: "#18181b", tertiary: "#27272a", hover: "#27272a" },
+  { primary: "#fafafa", secondary: "#a1a1aa", muted: "#52525b" },
+  "#3f3f46"
+);
+m(
+  "Eclipse",
+  {
+    primary: "#c084fc",
+    primaryHover: "#a855f7",
+    success: "#34d399",
+    warning: "#fbbf24",
+    error: "#f87171",
+    info: "#67e8f9"
+  },
+  { primary: "#0c0a1d", secondary: "#1a1533", tertiary: "#2a2248", hover: "#2a2248" },
+  { primary: "#f5f3ff", secondary: "#a78bfa", muted: "#6d5eac" },
+  "#3b3266"
+);
+m(
+  "Onyx",
+  {
+    primary: "#60a5fa",
+    primaryHover: "#3b82f6",
+    success: "#4ade80",
+    warning: "#fbbf24",
+    error: "#f87171",
+    info: "#22d3ee"
+  },
+  { primary: "#000000", secondary: "#0a0a0a", tertiary: "#171717", hover: "#171717" },
+  { primary: "#ffffff", secondary: "#a3a3a3", muted: "#525252" },
+  "#262626"
+);
+m(
+  "Carbon",
+  {
+    primary: "#38bdf8",
+    primaryHover: "#0ea5e9",
+    success: "#4ade80",
+    warning: "#facc15",
+    error: "#f87171",
+    info: "#67e8f9"
+  },
+  { primary: "#161616", secondary: "#262626", tertiary: "#393939", hover: "#393939" },
+  { primary: "#f4f4f4", secondary: "#c6c6c6", muted: "#6f6f6f" },
+  "#525252"
+);
+m(
+  "Cosmos",
+  {
+    primary: "#6366f1",
+    primaryHover: "#4f46e5",
+    success: "#34d399",
+    warning: "#fbbf24",
+    error: "#f87171",
+    info: "#22d3ee"
+  },
+  { primary: "#030712", secondary: "#111827", tertiary: "#1f2937", hover: "#1f2937" },
+  { primary: "#e5e7eb", secondary: "#9ca3af", muted: "#4b5563" },
+  "#374151"
+);
+m(
+  "Nebula",
+  {
+    primary: "#e879f9",
+    primaryHover: "#d946ef",
+    success: "#4ade80",
+    warning: "#fbbf24",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#0d0117", secondary: "#1a0533", tertiary: "#2d0a52", hover: "#2d0a52" },
+  { primary: "#fae8ff", secondary: "#d8b4fe", muted: "#7c3aed" },
+  "#581c87"
+);
+m(
+  "Abyss",
+  {
+    primary: "#22d3ee",
+    primaryHover: "#06b6d4",
+    success: "#34d399",
+    warning: "#fbbf24",
+    error: "#f87171",
+    info: "#38bdf8"
+  },
+  { primary: "#001219", secondary: "#002a3a", tertiary: "#003e54", hover: "#003e54" },
+  { primary: "#e0f2fe", secondary: "#7dd3fc", muted: "#0369a1" },
+  "#075985"
+);
+m(
+  "Shadow",
+  {
+    primary: "#a3a3a3",
+    primaryHover: "#737373",
+    success: "#4ade80",
+    warning: "#facc15",
+    error: "#f87171",
+    info: "#38bdf8"
+  },
+  { primary: "#171717", secondary: "#1f1f1f", tertiary: "#2a2a2a", hover: "#2a2a2a" },
+  { primary: "#e5e5e5", secondary: "#a3a3a3", muted: "#525252" },
+  "#404040"
+);
+m(
+  "Emerald Dark",
+  {
+    primary: "#34d399",
+    primaryHover: "#10b981",
+    success: "#4ade80",
+    warning: "#fbbf24",
+    error: "#f87171",
+    info: "#22d3ee"
+  },
+  { primary: "#022c22", secondary: "#064e3b", tertiary: "#065f46", hover: "#065f46" },
+  { primary: "#ecfdf5", secondary: "#6ee7b7", muted: "#047857" },
+  "#047857"
+);
+i(
+  "Forest",
+  {
+    primary: "#166534",
+    primaryHover: "#14532d",
+    success: "#22c55e",
+    warning: "#ca8a04",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
+  { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
+  "#86efac"
+);
+i(
+  "Ocean",
+  {
+    primary: "#0369a1",
+    primaryHover: "#075985",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0284c7"
+  },
+  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
+  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#38bdf8" },
+  "#7dd3fc"
+);
+i(
+  "Desert",
+  {
+    primary: "#b45309",
+    primaryHover: "#92400e",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#fefce8", secondary: "#fef9c3", tertiary: "#fef08a", hover: "#fef9c3" },
+  { primary: "#422006", secondary: "#713f12", muted: "#ca8a04" },
+  "#fde047"
+);
+i(
+  "Sunset",
+  {
+    primary: "#ea580c",
+    primaryHover: "#c2410c",
+    success: "#16a34a",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
+  { primary: "#431407", secondary: "#9a3412", muted: "#f97316" },
+  "#fdba74"
+);
+i(
+  "Aurora",
+  {
+    primary: "#0d9488",
+    primaryHover: "#0f766e",
+    success: "#22c55e",
+    warning: "#eab308",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#f0fdfa", secondary: "#ccfbf1", tertiary: "#99f6e4", hover: "#ccfbf1" },
+  { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
+  "#5eead4"
+);
+i(
+  "Lavender",
+  {
+    primary: "#7e22ce",
+    primaryHover: "#6b21a8",
+    success: "#16a34a",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#faf5ff", secondary: "#f3e8ff", tertiary: "#e9d5ff", hover: "#f3e8ff" },
+  { primary: "#3b0764", secondary: "#581c87", muted: "#a855f7" },
+  "#d8b4fe"
+);
+i(
+  "Autumn",
+  {
+    primary: "#c2410c",
+    primaryHover: "#9a3412",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#fef2f2", secondary: "#fee2e2", tertiary: "#fecaca", hover: "#fee2e2" },
+  { primary: "#450a0a", secondary: "#7f1d1d", muted: "#f87171" },
+  "#fca5a5"
+);
+i(
+  "Spring",
+  {
+    primary: "#16a34a",
+    primaryHover: "#15803d",
+    success: "#22c55e",
+    warning: "#eab308",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
+  { primary: "#14532d", secondary: "#166534", muted: "#4ade80" },
+  "#86efac"
+);
+i(
+  "Arctic",
+  {
+    primary: "#0ea5e9",
+    primaryHover: "#0284c7",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
+  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
+  "#bae6fd"
+);
+i(
+  "Tropical",
+  {
+    primary: "#0d9488",
+    primaryHover: "#0f766e",
+    success: "#16a34a",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
+  { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
+  "#a7f3d0"
+);
+i(
+  "Pastel Rose",
+  {
+    primary: "#f472b6",
+    primaryHover: "#ec4899",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
+  { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
+  "#f9a8d4"
+);
+i(
+  "Pastel Sky",
+  {
+    primary: "#38bdf8",
+    primaryHover: "#0ea5e9",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
+  { primary: "#075985", secondary: "#0369a1", muted: "#7dd3fc" },
+  "#bae6fd"
+);
+i(
+  "Pastel Mint",
+  {
+    primary: "#34d399",
+    primaryHover: "#10b981",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
+  { primary: "#065f46", secondary: "#047857", muted: "#6ee7b7" },
+  "#a7f3d0"
+);
+i(
+  "Pastel Peach",
+  {
+    primary: "#fb923c",
+    primaryHover: "#f97316",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
+  { primary: "#7c2d12", secondary: "#9a3412", muted: "#fdba74" },
+  "#fed7aa"
+);
+i(
+  "Pastel Lavender",
+  {
+    primary: "#a78bfa",
+    primaryHover: "#8b5cf6",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#f5f3ff", secondary: "#ede9fe", tertiary: "#ddd6fe", hover: "#ede9fe" },
+  { primary: "#4c1d95", secondary: "#5b21b6", muted: "#c4b5fd" },
+  "#ddd6fe"
+);
+i(
+  "Pastel Lemon",
+  {
+    primary: "#facc15",
+    primaryHover: "#eab308",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#fefce8", secondary: "#fef9c3", tertiary: "#fef08a", hover: "#fef9c3" },
+  { primary: "#713f12", secondary: "#854d0e", muted: "#fde047" },
+  "#fef08a"
+);
+i(
+  "Pastel Sage",
+  {
+    primary: "#86efac",
+    primaryHover: "#4ade80",
+    success: "#22c55e",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
+  { primary: "#166534", secondary: "#15803d", muted: "#86efac" },
+  "#bbf7d0"
+);
+i(
+  "Pastel Coral",
+  {
+    primary: "#fb7185",
+    primaryHover: "#f43f5e",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#ef4444",
+    info: "#67e8f9"
+  },
+  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
+  { primary: "#881337", secondary: "#9f1239", muted: "#fda4af" },
+  "#fecdd3"
+);
+i(
+  "Banking",
+  {
+    primary: "#1e3a5f",
+    primaryHover: "#152c4a",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
+  { primary: "#0f172a", secondary: "#334155", muted: "#94a3b8" },
+  "#cbd5e1"
+);
+i(
+  "Healthcare",
+  {
+    primary: "#0891b2",
+    primaryHover: "#0e7490",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0284c7"
+  },
+  { primary: "#f0fdfa", secondary: "#e0f7fa", tertiary: "#b2ebf2", hover: "#e0f7fa" },
+  { primary: "#134e4a", secondary: "#1a6b6a", muted: "#80cbc4" },
+  "#b2dfdb"
+);
+i(
+  "Legal",
+  {
+    primary: "#1e293b",
+    primaryHover: "#0f172a",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0284c7"
+  },
+  { primary: "#fafaf9", secondary: "#f5f5f4", tertiary: "#e7e5e4", hover: "#e7e5e4" },
+  { primary: "#0f172a", secondary: "#44403c", muted: "#a8a29e" },
+  "#d6d3d1"
+);
+i(
+  "Tech Startup",
+  {
+    primary: "#7c3aed",
+    primaryHover: "#6d28d9",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#faf5ff", secondary: "#f3e8ff", tertiary: "#e9d5ff", hover: "#f3e8ff" },
+  { primary: "#1e1b4b", secondary: "#4c1d95", muted: "#a78bfa" },
+  "#c4b5fd"
+);
+i(
+  "Enterprise",
+  {
+    primary: "#1e40af",
+    primaryHover: "#1e3a8a",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#eff6ff", secondary: "#dbeafe", tertiary: "#bfdbfe", hover: "#dbeafe" },
+  { primary: "#1e3a5f", secondary: "#1e40af", muted: "#60a5fa" },
+  "#93c5fd"
+);
+i(
+  "Government",
+  {
+    primary: "#1d4ed8",
+    primaryHover: "#1e40af",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
+  { primary: "#0f172a", secondary: "#1e293b", muted: "#64748b" },
+  "#cbd5e1"
+);
+i(
+  "Education",
+  {
+    primary: "#059669",
+    primaryHover: "#047857",
+    success: "#16a34a",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#0891b2"
+  },
+  { primary: "#f0fdf9", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
+  { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
+  "#a7f3d0"
+);
+i(
+  "Real Estate",
+  {
+    primary: "#92400e",
+    primaryHover: "#78350f",
+    success: "#059669",
+    warning: "#b45309",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
+  { primary: "#422006", secondary: "#713f12", muted: "#d97706" },
+  "#fcd34d"
+);
+i(
+  "Nord",
+  {
+    primary: "#5e81ac",
+    primaryHover: "#4c6b90",
+    success: "#a3be8c",
+    warning: "#ebcb8b",
+    error: "#bf616a",
+    info: "#88c0d0"
+  },
+  { primary: "#eceff4", secondary: "#e5e9f0", tertiary: "#d8dee9", hover: "#d8dee9" },
+  { primary: "#2e3440", secondary: "#3b4252", muted: "#4c566a" },
+  "#d8dee9"
+);
+m(
+  "Dracula",
+  {
+    primary: "#bd93f9",
+    primaryHover: "#9d79d9",
+    success: "#50fa7b",
+    warning: "#f1fa8c",
+    error: "#ff5555",
+    info: "#8be9fd"
+  },
+  { primary: "#282a36", secondary: "#343746", tertiary: "#44475a", hover: "#44475a" },
+  { primary: "#f8f8f2", secondary: "#c0c0c0", muted: "#6272a4" },
+  "#44475a"
+);
+i(
+  "Solarized Light",
+  {
+    primary: "#268bd2",
+    primaryHover: "#1a6da0",
+    success: "#859900",
+    warning: "#b58900",
+    error: "#dc322f",
+    info: "#2aa198"
+  },
+  { primary: "#fdf6e3", secondary: "#eee8d5", tertiary: "#e0dbc7", hover: "#eee8d5" },
+  { primary: "#073642", secondary: "#586e75", muted: "#93a1a1" },
+  "#eee8d5"
+);
+m(
+  "Solarized Dark",
+  {
+    primary: "#268bd2",
+    primaryHover: "#3d98db",
+    success: "#859900",
+    warning: "#b58900",
+    error: "#dc322f",
+    info: "#2aa198"
+  },
+  { primary: "#002b36", secondary: "#073642", tertiary: "#0a4858", hover: "#073642" },
+  { primary: "#eee8d5", secondary: "#93a1a1", muted: "#586e75" },
+  "#073642"
+);
+m(
+  "Monokai",
+  {
+    primary: "#66d9ef",
+    primaryHover: "#45c0d6",
+    success: "#a6e22e",
+    warning: "#e6db74",
+    error: "#f92672",
+    info: "#66d9ef"
+  },
+  { primary: "#272822", secondary: "#34352e", tertiary: "#3e3d32", hover: "#3e3d32" },
+  { primary: "#f8f8f2", secondary: "#cfcfc2", muted: "#75715e" },
+  "#3e3d32"
+);
+m(
+  "One Dark",
+  {
+    primary: "#61afef",
+    primaryHover: "#4b9ee0",
+    success: "#98c379",
+    warning: "#e5c07b",
+    error: "#e06c75",
+    info: "#56b6c2"
+  },
+  { primary: "#282c34", secondary: "#2c313a", tertiary: "#353b45", hover: "#353b45" },
+  { primary: "#abb2bf", secondary: "#828997", muted: "#545862" },
+  "#3e4452"
+);
+m(
+  "Synthwave",
+  {
+    primary: "#ff7edb",
+    primaryHover: "#e660c2",
+    success: "#72f1b8",
+    warning: "#fede5d",
+    error: "#fe4450",
+    info: "#36f9f6"
+  },
+  { primary: "#241b2f", secondary: "#2d2140", tertiary: "#362a50", hover: "#362a50" },
+  { primary: "#f0e4fc", secondary: "#b4a0cc", muted: "#6c5c84" },
+  "#4a3866"
+);
+i(
+  "Vaporwave",
+  {
+    primary: "#ff71ce",
+    primaryHover: "#e655b5",
+    success: "#78dcca",
+    warning: "#ffb86c",
+    error: "#ff5555",
+    info: "#76e8fc"
+  },
+  { primary: "#fce4f7", secondary: "#e8d0f4", tertiary: "#d4bcf0", hover: "#e8d0f4" },
+  { primary: "#4a1a4e", secondary: "#7b3f7d", muted: "#c080c0" },
+  "#d8a8e8"
+);
+m(
+  "Terminal Green",
+  {
+    primary: "#00ff41",
+    primaryHover: "#00cc34",
+    success: "#00ff41",
+    warning: "#ffff00",
+    error: "#ff0000",
+    info: "#00ffff"
+  },
+  { primary: "#0a0a0a", secondary: "#0d1a0d", tertiary: "#1a2e1a", hover: "#1a2e1a" },
+  { primary: "#00ff41", secondary: "#00cc33", muted: "#008822" },
+  "#003300"
+);
+i(
+  "Sepia",
+  {
+    primary: "#8b6914",
+    primaryHover: "#704f10",
+    success: "#6b8e23",
+    warning: "#cd853f",
+    error: "#b22222",
+    info: "#5f9ea0"
+  },
+  { primary: "#faf0e6", secondary: "#f5e6d3", tertiary: "#eddcc7", hover: "#f5e6d3" },
+  { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
+  "#d7ccc8"
+);
+i(
+  "Vintage",
+  {
+    primary: "#8d6e63",
+    primaryHover: "#6d4c41",
+    success: "#66bb6a",
+    warning: "#ffb300",
+    error: "#e53935",
+    info: "#29b6f6"
+  },
+  { primary: "#efebe9", secondary: "#d7ccc8", tertiary: "#bcaaa4", hover: "#d7ccc8" },
+  { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
+  "#bcaaa4"
+);
+m(
+  "Cyberpunk",
+  {
+    primary: "#00f0ff",
+    primaryHover: "#00c8d4",
+    success: "#39ff14",
+    warning: "#ffff00",
+    error: "#ff003c",
+    info: "#bf00ff"
+  },
+  { primary: "#0a0e17", secondary: "#131824", tertiary: "#1c2333", hover: "#1c2333" },
+  { primary: "#e0fbfc", secondary: "#80d4dd", muted: "#3a6b72" },
+  "#1c3a44"
+);
+m(
+  "Neon",
+  {
+    primary: "#ff00ff",
+    primaryHover: "#cc00cc",
+    success: "#00ff00",
+    warning: "#ffff00",
+    error: "#ff0000",
+    info: "#00ffff"
+  },
+  { primary: "#0d0d0d", secondary: "#1a1a1a", tertiary: "#262626", hover: "#262626" },
+  { primary: "#ffffff", secondary: "#cccccc", muted: "#666666" },
+  "#333333"
+);
+m(
+  "Retrowave",
+  {
+    primary: "#f77fbe",
+    primaryHover: "#e462a3",
+    success: "#72f1b8",
+    warning: "#ffe261",
+    error: "#ff4444",
+    info: "#79e8fb"
+  },
+  { primary: "#1b0a2e", secondary: "#261440", tertiary: "#321e52", hover: "#321e52" },
+  { primary: "#ffe6f7", secondary: "#c9a0c9", muted: "#6b4c7a" },
+  "#4a2d66"
+);
+i(
+  "Christmas",
+  {
+    primary: "#c41e3a",
+    primaryHover: "#a01830",
+    success: "#228b22",
+    warning: "#ffd700",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#fef2f2", secondary: "#fde8e8", tertiary: "#f8d0d0", hover: "#fde8e8" },
+  { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
+  "#e8a0a0"
+);
+m(
+  "Halloween",
+  {
+    primary: "#ff6600",
+    primaryHover: "#e05500",
+    success: "#4ade80",
+    warning: "#fbbf24",
+    error: "#ff0000",
+    info: "#9333ea"
+  },
+  { primary: "#1a0a00", secondary: "#2d1500", tertiary: "#402000", hover: "#402000" },
+  { primary: "#ffedd5", secondary: "#fdba74", muted: "#9a5c28" },
+  "#5c3400"
+);
+i(
+  "Valentine",
+  {
+    primary: "#e11d48",
+    primaryHover: "#be123c",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#dc2626",
+    info: "#ec4899"
+  },
+  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
+  { primary: "#4c0519", secondary: "#881337", muted: "#f9a8d4" },
+  "#fda4af"
+);
+i(
+  "Easter",
+  {
+    primary: "#a78bfa",
+    primaryHover: "#8b5cf6",
+    success: "#4ade80",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#fef9ff", secondary: "#f3e8ff", tertiary: "#e8d5ff", hover: "#f3e8ff" },
+  { primary: "#581c87", secondary: "#6d28d9", muted: "#c4b5fd" },
+  "#ddd6fe"
+);
+i(
+  "Summer Beach",
+  {
+    primary: "#0ea5e9",
+    primaryHover: "#0284c7",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
+  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
+  "#fcd34d"
+);
+i(
+  "Winter Frost",
+  {
+    primary: "#3b82f6",
+    primaryHover: "#2563eb",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
+  { primary: "#1e3a5f", secondary: "#1e40af", muted: "#93c5fd" },
+  "#bfdbfe"
+);
+i(
+  "Cherry Blossom",
+  {
+    primary: "#ec4899",
+    primaryHover: "#db2777",
+    success: "#10b981",
+    warning: "#f59e0b",
+    error: "#ef4444",
+    info: "#06b6d4"
+  },
+  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
+  { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
+  "#fbcfe8"
+);
+i(
+  "Harvest",
+  {
+    primary: "#b45309",
+    primaryHover: "#92400e",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
+  { primary: "#451a03", secondary: "#78350f", muted: "#d97706" },
+  "#fcd34d"
+);
+i(
+  "Japanese Zen",
+  {
+    primary: "#6b7280",
+    primaryHover: "#4b5563",
+    success: "#6b8e23",
+    warning: "#d4a017",
+    error: "#c0392b",
+    info: "#5f9ea0"
+  },
+  { primary: "#faf9f6", secondary: "#f0ece3", tertiary: "#e6e0d4", hover: "#f0ece3" },
+  { primary: "#2c2c2c", secondary: "#5c5c5c", muted: "#a0998a" },
+  "#d5cec0"
+);
+i(
+  "Moroccan",
+  {
+    primary: "#c2410c",
+    primaryHover: "#9a3412",
+    success: "#15803d",
+    warning: "#ca8a04",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#fffbf0", secondary: "#fef3e0", tertiary: "#fde6c4", hover: "#fef3e0" },
+  { primary: "#3a1a00", secondary: "#7c2d12", muted: "#d97706" },
+  "#f5d0a0"
+);
+i(
+  "Scandinavian",
+  {
+    primary: "#4b5563",
+    primaryHover: "#374151",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#ffffff", secondary: "#f9fafb", tertiary: "#f3f4f6", hover: "#f3f4f6" },
+  { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
+  "#e5e7eb"
+);
+i(
+  "Mediterranean",
+  {
+    primary: "#1e40af",
+    primaryHover: "#1e3a8a",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#eff6ff", secondary: "#dbeafe", tertiary: "#bfdbfe", hover: "#dbeafe" },
+  { primary: "#1e3a5f", secondary: "#2563eb", muted: "#93c5fd" },
+  "#bfdbfe"
+);
+i(
+  "Chinese New Year",
+  {
+    primary: "#dc2626",
+    primaryHover: "#b91c1c",
+    success: "#16a34a",
+    warning: "#d4a017",
+    error: "#ef4444",
+    info: "#0891b2"
+  },
+  { primary: "#fef2f2", secondary: "#fee2e2", tertiary: "#fecaca", hover: "#fee2e2" },
+  { primary: "#450a0a", secondary: "#991b1b", muted: "#f87171" },
+  "#fca5a5"
+);
+i(
+  "Indian Festive",
+  {
+    primary: "#d97706",
+    primaryHover: "#b45309",
+    success: "#16a34a",
+    warning: "#ca8a04",
+    error: "#dc2626",
+    info: "#7c3aed"
+  },
+  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
+  { primary: "#451a03", secondary: "#92400e", muted: "#f59e0b" },
+  "#fcd34d"
+);
+i(
+  "Brazilian Carnival",
+  {
+    primary: "#16a34a",
+    primaryHover: "#15803d",
+    success: "#22c55e",
+    warning: "#facc15",
+    error: "#ef4444",
+    info: "#0ea5e9"
+  },
+  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
+  { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
+  "#86efac"
+);
+i(
+  "African Earth",
+  {
+    primary: "#92400e",
+    primaryHover: "#78350f",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#faf5f0", secondary: "#f0e6d6", tertiary: "#e6d5bb", hover: "#f0e6d6" },
+  { primary: "#2b1a0e", secondary: "#5c3d1e", muted: "#a08060" },
+  "#d4b896"
+);
+m(
+  "High Contrast Dark",
+  {
+    primary: "#ffff00",
+    primaryHover: "#cccc00",
+    success: "#00ff00",
+    warning: "#ff8c00",
+    error: "#ff0000",
+    info: "#00ffff"
+  },
+  { primary: "#000000", secondary: "#1a1a1a", tertiary: "#333333", hover: "#333333" },
+  { primary: "#ffffff", secondary: "#ffffff", muted: "#cccccc" },
+  "#ffffff"
+);
+i(
+  "Monochrome",
+  {
+    primary: "#404040",
+    primaryHover: "#262626",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#fafafa", secondary: "#f0f0f0", tertiary: "#e0e0e0", hover: "#e0e0e0" },
+  { primary: "#1a1a1a", secondary: "#404040", muted: "#808080" },
+  "#c0c0c0"
+);
+i(
+  "Enhanced Contrast",
+  {
+    primary: "#0050b3",
+    primaryHover: "#003d8c",
+    success: "#006400",
+    warning: "#cc7000",
+    error: "#cc0000",
+    info: "#006680"
+  },
+  { primary: "#ffffff", secondary: "#f5f5f5", tertiary: "#ebebeb", hover: "#ebebeb" },
+  { primary: "#000000", secondary: "#1a1a1a", muted: "#595959" },
+  "#8c8c8c"
+);
+i(
+  "Minimalist",
+  {
+    primary: "#18181b",
+    primaryHover: "#27272a",
+    success: "#22c55e",
+    warning: "#eab308",
+    error: "#ef4444",
+    info: "#3b82f6"
+  },
+  { primary: "#ffffff", secondary: "#fafafa", tertiary: "#f5f5f5", hover: "#f5f5f5" },
+  { primary: "#0a0a0a", secondary: "#404040", muted: "#a3a3a3" },
+  "#e5e5e5"
+);
+m(
+  "Warm Dark",
+  {
+    primary: "#f59e0b",
+    primaryHover: "#d97706",
+    success: "#10b981",
+    warning: "#fbbf24",
+    error: "#f87171",
+    info: "#38bdf8"
+  },
+  { primary: "#1c1917", secondary: "#292524", tertiary: "#44403c", hover: "#44403c" },
+  { primary: "#fafaf9", secondary: "#d6d3d1", muted: "#78716c" },
+  "#57534e"
+);
+m(
+  "Soft Dark",
+  {
+    primary: "#a78bfa",
+    primaryHover: "#8b5cf6",
+    success: "#34d399",
+    warning: "#fcd34d",
+    error: "#fb7185",
+    info: "#67e8f9"
+  },
+  { primary: "#1e1e2e", secondary: "#262637", tertiary: "#313147", hover: "#313147" },
+  { primary: "#e8e8f0", secondary: "#a0a0b8", muted: "#5c5c74" },
+  "#3e3e58"
+);
+i(
+  "Coffee",
+  {
+    primary: "#6f4e37",
+    primaryHover: "#5c3d28",
+    success: "#4d7c0f",
+    warning: "#a16207",
+    error: "#b91c1c",
+    info: "#0e7490"
+  },
+  { primary: "#faf6f1", secondary: "#f0e8dc", tertiary: "#e6d8c6", hover: "#f0e8dc" },
+  { primary: "#2c1a0e", secondary: "#5c3d28", muted: "#a08868" },
+  "#d4c4a8"
+);
+i(
+  "Wine",
+  {
+    primary: "#7f1d1d",
+    primaryHover: "#641717",
+    success: "#059669",
+    warning: "#d97706",
+    error: "#dc2626",
+    info: "#0891b2"
+  },
+  { primary: "#fef2f2", secondary: "#fde8e8", tertiary: "#f8d0d0", hover: "#fde8e8" },
+  { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
+  "#e8a0a0"
+);
+b(null);
+const _e = [
+  {
+    target: ".nice-etl-builder",
+    titleKey: "tutorial.etlBuilder.intro.title",
+    title: "ETL builder",
+    contentKey: "tutorial.etlBuilder.intro.content",
+    content: "Wire sources → transformations → destinations into a pipeline, switch the views, then run it and save the configuration.",
+    placement: "auto"
+  }
+], xe = {
   id: "",
   name: "New Pipeline",
   sources: [],
   transformations: [],
   destinations: [],
   version: 1
-}, R = [
+}, P = [
   { type: "filter", label: "Filter", icon: "🔍" },
   { type: "map", label: "Map", icon: "🔄" },
   { type: "aggregate", label: "Aggregate", icon: "∑" },
@@ -1411,298 +1792,300 @@ const le = {
   { type: "cleanse", label: "Cleanse", icon: "🧹" },
   { type: "custom", label: "Custom", icon: "ƒ" }
 ];
-function me({
-  pipeline: i,
-  dataSources: l = [],
-  onChange: o,
-  onRun: s,
-  onSchedule: d,
-  className: m = ""
+function De({
+  pipeline: a,
+  dataSources: r = [],
+  onChange: c,
+  onRun: t,
+  onSchedule: y,
+  className: u = "",
+  tutorial: o
 }) {
-  const [a, y] = S(
-    i || { ...le, id: crypto.randomUUID() }
-  ), [r, v] = S(null), [_, p] = S("design"), [f, M] = S(!1), [T, L] = S([]), [b, D] = S(null), z = q(null), C = w(
-    (c) => {
-      y((N) => {
-        const x = c(N);
-        return o == null || o(x), x;
+  const [p, S] = w(
+    a || { ...xe, id: crypto.randomUUID() }
+  ), [f, v] = w(null), [_, C] = w("design"), [T, k] = w(!1), [J, G] = w([]), [D, E] = w(null), Z = ie(null), h = x(
+    (n) => {
+      S((s) => {
+        const l = n(s);
+        return c == null || c(l), l;
       });
     },
-    [o]
-  ), E = w(
-    (c) => {
-      var x;
-      const N = {
+    [c]
+  ), I = x(
+    (n) => {
+      var l;
+      const s = {
         id: crypto.randomUUID(),
-        type: c.type,
-        name: c.name,
-        config: c.config,
-        schema: (x = c.schema) == null ? void 0 : x.tables[0]
+        type: n.type,
+        name: n.name,
+        config: n.config,
+        schema: (l = n.schema) == null ? void 0 : l.tables[0]
       };
-      C((I) => ({
-        ...I,
-        sources: [...I.sources, N]
+      h((g) => ({
+        ...g,
+        sources: [...g.sources, s]
       }));
     },
-    [C]
-  ), P = w(
-    (c, N) => {
-      var I;
-      const x = {
+    [h]
+  ), z = x(
+    (n, s) => {
+      var g;
+      const l = {
         id: crypto.randomUUID(),
-        type: c,
-        name: ((I = R.find(($) => $.type === c)) == null ? void 0 : I.label) || c,
+        type: n,
+        name: ((g = P.find((R) => R.type === n)) == null ? void 0 : g.label) || n,
         input: [],
         output: crypto.randomUUID(),
-        config: re(c)
+        config: He(n)
       };
-      C(($) => ({
-        ...$,
-        transformations: [...$.transformations, x]
-      })), v({ type: "transformation", id: x.id });
+      h((R) => ({
+        ...R,
+        transformations: [...R.transformations, l]
+      })), v({ type: "transformation", id: l.id });
     },
-    [C]
-  ), U = w(() => {
-    const c = {
+    [h]
+  ), X = x(() => {
+    const n = {
       id: crypto.randomUUID(),
       type: "database",
       name: "New Destination",
       config: {},
       writeMode: "append"
     };
-    C((N) => ({
-      ...N,
-      destinations: [...N.destinations, c]
-    })), v({ type: "destination", id: c.id });
-  }, [C]), u = w(
-    (c, N) => {
-      C((x) => {
-        switch (c) {
+    h((s) => ({
+      ...s,
+      destinations: [...s.destinations, n]
+    })), v({ type: "destination", id: n.id });
+  }, [h]), A = x(
+    (n, s) => {
+      h((l) => {
+        switch (n) {
           case "source":
-            return { ...x, sources: x.sources.filter((I) => I.id !== N) };
+            return { ...l, sources: l.sources.filter((g) => g.id !== s) };
           case "transformation":
             return {
-              ...x,
-              transformations: x.transformations.filter((I) => I.id !== N)
+              ...l,
+              transformations: l.transformations.filter((g) => g.id !== s)
             };
           case "destination":
-            return { ...x, destinations: x.destinations.filter((I) => I.id !== N) };
+            return { ...l, destinations: l.destinations.filter((g) => g.id !== s) };
           default:
-            return x;
+            return l;
         }
       }), v(null);
     },
-    [C]
-  ), n = w(async () => {
-    if (s) {
-      M(!0);
+    [h]
+  ), Y = x(async () => {
+    if (t) {
+      k(!0);
       try {
-        const c = await s(a);
-        L((N) => [c, ...N].slice(0, 50));
+        const n = await t(p);
+        G((s) => [n, ...s].slice(0, 50));
       } finally {
-        M(!1);
+        k(!1);
       }
     }
-  }, [a, s]), h = w(
-    (c) => {
-      C((N) => ({ ...N, schedule: c })), d == null || d(a, c);
+  }, [p, t]), q = x(
+    (n) => {
+      h((s) => ({ ...s, schedule: n })), y == null || y(p, n);
     },
-    [a, C, d]
-  ), g = w(
-    (c) => {
-      if (c.preventDefault(), !!b) {
-        if (b.startsWith("transform:")) {
-          const N = b.replace("transform:", "");
-          P(N);
+    [p, h, y]
+  ), Q = x(
+    (n) => {
+      if (n.preventDefault(), !!D) {
+        if (D.startsWith("transform:")) {
+          const s = D.replace("transform:", "");
+          z(s);
         }
-        D(null);
+        E(null);
       }
     },
-    [b, P]
-  ), k = () => {
-    if (!r)
+    [D, z]
+  ), ee = () => {
+    if (!f)
       return null;
-    switch (r.type) {
+    switch (f.type) {
       case "source":
-        return a.sources.find((c) => c.id === r.id);
+        return p.sources.find((n) => n.id === f.id);
       case "transformation":
-        return a.transformations.find((c) => c.id === r.id);
+        return p.transformations.find((n) => n.id === f.id);
       case "destination":
-        return a.destinations.find((c) => c.id === r.id);
+        return p.destinations.find((n) => n.id === f.id);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ t("div", { className: `nice-etl-builder ${m}`, children: [
-    /* @__PURE__ */ t("div", { className: "nice-etl-builder__toolbar", children: [
+  return /* @__PURE__ */ d("div", { className: `nice-etl-builder ${u}`, children: [
+    /* @__PURE__ */ d("div", { className: "nice-etl-builder__toolbar", children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "text",
-          value: a.name,
-          onChange: (c) => C((N) => ({ ...N, name: c.target.value })),
+          value: p.name,
+          onChange: (n) => h((s) => ({ ...s, name: n.target.value })),
           className: "nice-etl-builder__name-input"
         }
       ),
-      /* @__PURE__ */ e("div", { className: "nice-etl-builder__tabs", children: ["design", "code", "schedule", "history"].map((c) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "nice-etl-builder__tabs", children: ["design", "code", "schedule", "history"].map((n) => /* @__PURE__ */ e(
         "button",
         {
-          className: `nice-etl-builder__tab ${_ === c ? "nice-etl-builder__tab--active" : ""}`,
-          onClick: () => p(c),
-          children: c.charAt(0).toUpperCase() + c.slice(1)
+          className: `nice-etl-builder__tab ${_ === n ? "nice-etl-builder__tab--active" : ""}`,
+          onClick: () => C(n),
+          children: n.charAt(0).toUpperCase() + n.slice(1)
         },
-        c
+        n
       )) }),
-      /* @__PURE__ */ t("div", { className: "nice-etl-builder__actions", children: [
-        /* @__PURE__ */ e("button", { onClick: n, disabled: f, className: "nice-etl-builder__run-btn", children: f ? "⏳ Running..." : "▶ Run" }),
-        /* @__PURE__ */ e("button", { className: "nice-etl-builder__save-btn", children: "💾 Save" })
+      /* @__PURE__ */ d("div", { className: "nice-etl-builder__actions", children: [
+        /* @__PURE__ */ e("button", { onClick: Y, disabled: T, className: "nice-etl-builder__run-btn", children: T ? "⏳ Running..." : "▶ Run" }),
+        /* @__PURE__ */ e("button", { className: "nice-etl-builder__save-btn", children: "💾 Save" }),
+        /* @__PURE__ */ e(he, { steps: be(o, _e) })
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "nice-etl-builder__main", children: [
-      _ === "design" && /* @__PURE__ */ t("div", { className: "nice-etl-builder__palette", children: [
+    /* @__PURE__ */ d("div", { className: "nice-etl-builder__main", children: [
+      _ === "design" && /* @__PURE__ */ d("div", { className: "nice-etl-builder__palette", children: [
         /* @__PURE__ */ e("h4", { children: "Sources" }),
-        l.map((c) => /* @__PURE__ */ t(
+        r.map((n) => /* @__PURE__ */ d(
           "div",
           {
             className: "nice-etl-builder__palette-item",
-            onClick: () => E(c),
+            onClick: () => I(n),
             children: [
               /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: "🗄️" }),
-              /* @__PURE__ */ e("span", { children: c.name })
+              /* @__PURE__ */ e("span", { children: n.name })
             ]
           },
-          c.id
+          n.id
         )),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => E({ id: "", name: "New Source", type: "database", config: {} }),
+            onClick: () => I({ id: "", name: "New Source", type: "database", config: {} }),
             children: "+ Add Source"
           }
         ),
         /* @__PURE__ */ e("h4", { children: "Transformations" }),
-        R.map((c) => /* @__PURE__ */ t(
+        P.map((n) => /* @__PURE__ */ d(
           "div",
           {
             className: "nice-etl-builder__palette-item",
             draggable: !0,
-            onDragStart: () => D(`transform:${c.type}`),
-            onDragEnd: () => D(null),
+            onDragStart: () => E(`transform:${n.type}`),
+            onDragEnd: () => E(null),
             children: [
-              /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: c.icon }),
-              /* @__PURE__ */ e("span", { children: c.label })
+              /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: n.icon }),
+              /* @__PURE__ */ e("span", { children: n.label })
             ]
           },
-          c.type
+          n.type
         )),
         /* @__PURE__ */ e("h4", { children: "Destinations" }),
-        /* @__PURE__ */ e("button", { onClick: U, children: "+ Add Destination" })
+        /* @__PURE__ */ e("button", { onClick: X, children: "+ Add Destination" })
       ] }),
       _ === "design" && /* @__PURE__ */ e(
         "div",
         {
-          ref: z,
+          ref: Z,
           className: "nice-etl-builder__canvas",
-          onDragOver: (c) => c.preventDefault(),
-          onDrop: g,
+          onDragOver: (n) => n.preventDefault(),
+          onDrop: Q,
           onClick: () => v(null),
-          children: /* @__PURE__ */ t("div", { className: "nice-etl-builder__flow", children: [
-            /* @__PURE__ */ t("div", { className: "nice-etl-builder__column", children: [
+          children: /* @__PURE__ */ d("div", { className: "nice-etl-builder__flow", children: [
+            /* @__PURE__ */ d("div", { className: "nice-etl-builder__column", children: [
               /* @__PURE__ */ e("h5", { children: "Sources" }),
-              a.sources.map((c) => /* @__PURE__ */ e(
-                A,
+              p.sources.map((n) => /* @__PURE__ */ e(
+                L,
                 {
-                  node: c,
+                  node: n,
                   nodeType: "source",
                   icon: "🗄️",
-                  isSelected: (r == null ? void 0 : r.id) === c.id,
-                  onSelect: () => v({ type: "source", id: c.id }),
-                  onDelete: () => u("source", c.id)
+                  isSelected: (f == null ? void 0 : f.id) === n.id,
+                  onSelect: () => v({ type: "source", id: n.id }),
+                  onDelete: () => A("source", n.id)
                 },
-                c.id
+                n.id
               ))
             ] }),
             /* @__PURE__ */ e("div", { className: "nice-etl-builder__arrow", children: "→" }),
-            /* @__PURE__ */ t("div", { className: "nice-etl-builder__column nice-etl-builder__column--transforms", children: [
+            /* @__PURE__ */ d("div", { className: "nice-etl-builder__column nice-etl-builder__column--transforms", children: [
               /* @__PURE__ */ e("h5", { children: "Transformations" }),
-              a.transformations.map((c) => {
-                const N = R.find((x) => x.type === c.type);
+              p.transformations.map((n) => {
+                const s = P.find((l) => l.type === n.type);
                 return /* @__PURE__ */ e(
-                  A,
+                  L,
                   {
-                    node: c,
+                    node: n,
                     nodeType: "transformation",
-                    icon: (N == null ? void 0 : N.icon) || "🔄",
-                    isSelected: (r == null ? void 0 : r.id) === c.id,
-                    onSelect: () => v({ type: "transformation", id: c.id }),
-                    onDelete: () => u("transformation", c.id)
+                    icon: (s == null ? void 0 : s.icon) || "🔄",
+                    isSelected: (f == null ? void 0 : f.id) === n.id,
+                    onSelect: () => v({ type: "transformation", id: n.id }),
+                    onDelete: () => A("transformation", n.id)
                   },
-                  c.id
+                  n.id
                 );
               }),
-              a.transformations.length === 0 && /* @__PURE__ */ e("div", { className: "nice-etl-builder__empty-column", children: "Drag transformations here" })
+              p.transformations.length === 0 && /* @__PURE__ */ e("div", { className: "nice-etl-builder__empty-column", children: "Drag transformations here" })
             ] }),
             /* @__PURE__ */ e("div", { className: "nice-etl-builder__arrow", children: "→" }),
-            /* @__PURE__ */ t("div", { className: "nice-etl-builder__column", children: [
+            /* @__PURE__ */ d("div", { className: "nice-etl-builder__column", children: [
               /* @__PURE__ */ e("h5", { children: "Destinations" }),
-              a.destinations.map((c) => /* @__PURE__ */ e(
-                A,
+              p.destinations.map((n) => /* @__PURE__ */ e(
+                L,
                 {
-                  node: c,
+                  node: n,
                   nodeType: "destination",
                   icon: "📥",
-                  isSelected: (r == null ? void 0 : r.id) === c.id,
-                  onSelect: () => v({ type: "destination", id: c.id }),
-                  onDelete: () => u("destination", c.id)
+                  isSelected: (f == null ? void 0 : f.id) === n.id,
+                  onSelect: () => v({ type: "destination", id: n.id }),
+                  onDelete: () => A("destination", n.id)
                 },
-                c.id
+                n.id
               ))
             ] })
           ] })
         }
       ),
-      _ === "code" && /* @__PURE__ */ e("div", { className: "nice-etl-builder__code-view", children: /* @__PURE__ */ e("pre", { children: JSON.stringify(a, null, 2) }) }),
+      _ === "code" && /* @__PURE__ */ e("div", { className: "nice-etl-builder__code-view", children: /* @__PURE__ */ e("pre", { children: JSON.stringify(p, null, 2) }) }),
       _ === "schedule" && /* @__PURE__ */ e(
-        oe,
+        Se,
         {
-          schedule: a.schedule,
-          monitoring: a.monitoring,
-          onChange: h
+          schedule: p.schedule,
+          monitoring: p.monitoring,
+          onChange: q
         }
       ),
-      _ === "history" && /* @__PURE__ */ e(de, { runs: T }),
-      r && _ === "design" && /* @__PURE__ */ e(
-        ce,
+      _ === "history" && /* @__PURE__ */ e(Ce, { runs: J }),
+      f && _ === "design" && /* @__PURE__ */ e(
+        Ne,
         {
-          nodeType: r.type,
-          node: k() ?? null,
-          dataSources: l,
-          onChange: (c) => {
-            C((N) => {
-              switch (r.type) {
+          nodeType: f.type,
+          node: ee() ?? null,
+          dataSources: r,
+          onChange: (n) => {
+            h((s) => {
+              switch (f.type) {
                 case "source":
                   return {
-                    ...N,
-                    sources: N.sources.map(
-                      (x) => x.id === r.id ? { ...x, ...c } : x
+                    ...s,
+                    sources: s.sources.map(
+                      (l) => l.id === f.id ? { ...l, ...n } : l
                     )
                   };
                 case "transformation":
                   return {
-                    ...N,
-                    transformations: N.transformations.map(
-                      (x) => x.id === r.id ? { ...x, ...c } : x
+                    ...s,
+                    transformations: s.transformations.map(
+                      (l) => l.id === f.id ? { ...l, ...n } : l
                     )
                   };
                 case "destination":
                   return {
-                    ...N,
-                    destinations: N.destinations.map(
-                      (x) => x.id === r.id ? { ...x, ...c } : x
+                    ...s,
+                    destinations: s.destinations.map(
+                      (l) => l.id === f.id ? { ...l, ...n } : l
                     )
                   };
                 default:
-                  return N;
+                  return s;
               }
             });
           },
@@ -1712,8 +2095,8 @@ function me({
     ] })
   ] });
 }
-function re(i) {
-  switch (i) {
+function He(a) {
+  switch (a) {
     case "filter":
       return { condition: "" };
     case "map":
@@ -1745,30 +2128,30 @@ return data;` };
       return {};
   }
 }
-function A({
-  node: i,
-  nodeType: l,
-  icon: o,
-  isSelected: s,
-  onSelect: d,
-  onDelete: m
+function L({
+  node: a,
+  nodeType: r,
+  icon: c,
+  isSelected: t,
+  onSelect: y,
+  onDelete: u
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: `nice-etl-builder__node nice-etl-builder__node--${l} ${s ? "nice-etl-builder__node--selected" : ""}`,
-      onClick: (a) => {
-        a.stopPropagation(), d();
+      className: `nice-etl-builder__node nice-etl-builder__node--${r} ${t ? "nice-etl-builder__node--selected" : ""}`,
+      onClick: (o) => {
+        o.stopPropagation(), y();
       },
       children: [
-        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-icon", children: o }),
-        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-name", children: i.name }),
+        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-icon", children: c }),
+        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-name", children: a.name }),
         /* @__PURE__ */ e(
           "button",
           {
             className: "nice-etl-builder__node-delete",
-            onClick: (a) => {
-              a.stopPropagation(), m();
+            onClick: (o) => {
+              o.stopPropagation(), u();
             },
             children: "×"
           }
@@ -1777,42 +2160,42 @@ function A({
     }
   );
 }
-function ce({
-  nodeType: i,
-  node: l,
-  dataSources: o,
-  onChange: s,
-  onClose: d
+function Ne({
+  nodeType: a,
+  node: r,
+  dataSources: c,
+  onChange: t,
+  onClose: y
 }) {
-  var m;
-  return l ? /* @__PURE__ */ t("div", { className: "nice-etl-builder__properties", children: [
-    /* @__PURE__ */ t("div", { className: "nice-etl-builder__properties-header", children: [
-      /* @__PURE__ */ t("h4", { children: [
-        i.charAt(0).toUpperCase() + i.slice(1),
+  var u;
+  return r ? /* @__PURE__ */ d("div", { className: "nice-etl-builder__properties", children: [
+    /* @__PURE__ */ d("div", { className: "nice-etl-builder__properties-header", children: [
+      /* @__PURE__ */ d("h4", { children: [
+        a.charAt(0).toUpperCase() + a.slice(1),
         " Properties"
       ] }),
-      /* @__PURE__ */ e("button", { onClick: d, children: "×" })
+      /* @__PURE__ */ e("button", { onClick: y, children: "×" })
     ] }),
-    /* @__PURE__ */ t("div", { className: "nice-etl-builder__properties-content", children: [
-      /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+    /* @__PURE__ */ d("div", { className: "nice-etl-builder__properties-content", children: [
+      /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
         /* @__PURE__ */ e("label", { children: "Name" }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: l.name,
-            onChange: (a) => s({ name: a.target.value })
+            value: r.name,
+            onChange: (o) => t({ name: o.target.value })
           }
         )
       ] }),
-      i === "source" && /* @__PURE__ */ t(F, { children: [
-        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+      a === "source" && /* @__PURE__ */ d(N, { children: [
+        /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
           /* @__PURE__ */ e("label", { children: "Type" }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ d(
             "select",
             {
-              value: l.type,
-              onChange: (a) => s({ type: a.target.value }),
+              value: r.type,
+              onChange: (o) => t({ type: o.target.value }),
               children: [
                 /* @__PURE__ */ e("option", { value: "database", children: "Database" }),
                 /* @__PURE__ */ e("option", { value: "api", children: "API" }),
@@ -1822,19 +2205,19 @@ function ce({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ t("label", { children: [
+        /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ d("label", { children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              checked: ((m = l.incremental) == null ? void 0 : m.enabled) || !1,
-              onChange: (a) => {
-                var y;
-                return s({
+              checked: ((u = r.incremental) == null ? void 0 : u.enabled) || !1,
+              onChange: (o) => {
+                var p;
+                return t({
                   incremental: {
-                    ...l.incremental,
-                    enabled: a.target.checked,
-                    column: ((y = l.incremental) == null ? void 0 : y.column) || ""
+                    ...r.incremental,
+                    enabled: o.target.checked,
+                    column: ((p = r.incremental) == null ? void 0 : p.column) || ""
                   }
                 });
               }
@@ -1843,50 +2226,50 @@ function ce({
           "Incremental Load"
         ] }) })
       ] }),
-      i === "transformation" && /* @__PURE__ */ t(F, { children: [
-        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+      a === "transformation" && /* @__PURE__ */ d(N, { children: [
+        /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
           /* @__PURE__ */ e("label", { children: "Type" }),
-          /* @__PURE__ */ e("span", { children: l.type })
+          /* @__PURE__ */ e("span", { children: r.type })
         ] }),
-        l.type === "filter" && /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+        r.type === "filter" && /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
           /* @__PURE__ */ e("label", { children: "Condition" }),
           /* @__PURE__ */ e(
             "textarea",
             {
-              value: String(l.config.condition || ""),
-              onChange: (a) => s({
-                config: { ...l.config, condition: a.target.value }
+              value: String(r.config.condition || ""),
+              onChange: (o) => t({
+                config: { ...r.config, condition: o.target.value }
               }),
               placeholder: "e.g., age > 18 AND status = 'active'",
               rows: 3
             }
           )
         ] }),
-        l.type === "derive" && /* @__PURE__ */ t(F, { children: [
-          /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+        r.type === "derive" && /* @__PURE__ */ d(N, { children: [
+          /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
             /* @__PURE__ */ e("label", { children: "Column Name" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: String(l.config.name || ""),
-                onChange: (a) => s({
-                  config: { ...l.config, name: a.target.value }
+                value: String(r.config.name || ""),
+                onChange: (o) => t({
+                  config: { ...r.config, name: o.target.value }
                 })
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
             /* @__PURE__ */ e("label", { children: "Expression" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: String(l.config.expression || ""),
-                onChange: (a) => s({
+                value: String(r.config.expression || ""),
+                onChange: (o) => t({
                   config: {
-                    ...l.config,
-                    expression: a.target.value
+                    ...r.config,
+                    expression: o.target.value
                   }
                 }),
                 placeholder: "e.g., price * quantity"
@@ -1894,14 +2277,14 @@ function ce({
             )
           ] })
         ] }),
-        l.type === "custom" && /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+        r.type === "custom" && /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
           /* @__PURE__ */ e("label", { children: "Code" }),
           /* @__PURE__ */ e(
             "textarea",
             {
-              value: String(l.config.code || ""),
-              onChange: (a) => s({
-                config: { ...l.config, code: a.target.value }
+              value: String(r.config.code || ""),
+              onChange: (o) => t({
+                config: { ...r.config, code: o.target.value }
               }),
               rows: 10,
               className: "nice-etl-builder__code-input"
@@ -1909,14 +2292,14 @@ function ce({
           )
         ] })
       ] }),
-      i === "destination" && /* @__PURE__ */ t(F, { children: [
-        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+      a === "destination" && /* @__PURE__ */ d(N, { children: [
+        /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
           /* @__PURE__ */ e("label", { children: "Type" }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ d(
             "select",
             {
-              value: l.type,
-              onChange: (a) => s({ type: a.target.value }),
+              value: r.type,
+              onChange: (o) => t({ type: o.target.value }),
               children: [
                 /* @__PURE__ */ e("option", { value: "database", children: "Database" }),
                 /* @__PURE__ */ e("option", { value: "file", children: "File" }),
@@ -1926,13 +2309,13 @@ function ce({
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
           /* @__PURE__ */ e("label", { children: "Write Mode" }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ d(
             "select",
             {
-              value: l.writeMode,
-              onChange: (a) => s({ writeMode: a.target.value }),
+              value: r.writeMode,
+              onChange: (o) => t({ writeMode: o.target.value }),
               children: [
                 /* @__PURE__ */ e("option", { value: "append", children: "Append" }),
                 /* @__PURE__ */ e("option", { value: "overwrite", children: "Overwrite" }),
@@ -1944,56 +2327,56 @@ function ce({
         ] })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ e(F, {});
+  ] }) : /* @__PURE__ */ e(N, {});
 }
-function oe({
-  schedule: i,
-  monitoring: l,
-  onChange: o
+function Se({
+  schedule: a,
+  monitoring: r,
+  onChange: c
 }) {
-  const [s, d] = S(i || { enabled: !1 });
-  return /* @__PURE__ */ t("div", { className: "nice-etl-builder__schedule-editor", children: [
+  const [t, y] = w(a || { enabled: !1 });
+  return /* @__PURE__ */ d("div", { className: "nice-etl-builder__schedule-editor", children: [
     /* @__PURE__ */ e("h4", { children: "Schedule Configuration" }),
-    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ t("label", { children: [
+    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ d("label", { children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "checkbox",
-          checked: s.enabled,
-          onChange: (m) => {
-            const a = { ...s, enabled: m.target.checked };
-            d(a), o(a);
+          checked: t.enabled,
+          onChange: (u) => {
+            const o = { ...t, enabled: u.target.checked };
+            y(o), c(o);
           }
         }
       ),
       "Enable scheduled execution"
     ] }) }),
-    s.enabled && /* @__PURE__ */ t(F, { children: [
-      /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+    t.enabled && /* @__PURE__ */ d(N, { children: [
+      /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
         /* @__PURE__ */ e("label", { children: "Cron Expression" }),
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: s.cron || "",
-            onChange: (m) => {
-              const a = { ...s, cron: m.target.value };
-              d(a);
+            value: t.cron || "",
+            onChange: (u) => {
+              const o = { ...t, cron: u.target.value };
+              y(o);
             },
             placeholder: "0 0 * * * (every hour)"
           }
         ),
         /* @__PURE__ */ e("small", { children: "Format: minute hour day month weekday" })
       ] }),
-      /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+      /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
         /* @__PURE__ */ e("label", { children: "Timezone" }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ d(
           "select",
           {
-            value: s.timezone || "UTC",
-            onChange: (m) => {
-              const a = { ...s, timezone: m.target.value };
-              d(a);
+            value: t.timezone || "UTC",
+            onChange: (u) => {
+              const o = { ...t, timezone: u.target.value };
+              y(o);
             },
             children: [
               /* @__PURE__ */ e("option", { value: "UTC", children: "UTC" }),
@@ -2006,16 +2389,16 @@ function oe({
           }
         )
       ] }),
-      /* @__PURE__ */ e("button", { onClick: () => o(s), children: "Save Schedule" })
+      /* @__PURE__ */ e("button", { onClick: () => c(t), children: "Save Schedule" })
     ] }),
     /* @__PURE__ */ e("h4", { children: "Monitoring" }),
-    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ t("label", { children: [
-      /* @__PURE__ */ e("input", { type: "checkbox", checked: (l == null ? void 0 : l.alertOnFailure) || !1, disabled: !0 }),
+    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ d("label", { children: [
+      /* @__PURE__ */ e("input", { type: "checkbox", checked: (r == null ? void 0 : r.alertOnFailure) || !1, disabled: !0 }),
       "Alert on failure"
     ] }) }),
-    /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+    /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
       /* @__PURE__ */ e("label", { children: "Log Level" }),
-      /* @__PURE__ */ t("select", { value: (l == null ? void 0 : l.logLevel) || "info", disabled: !0, children: [
+      /* @__PURE__ */ d("select", { value: (r == null ? void 0 : r.logLevel) || "info", disabled: !0, children: [
         /* @__PURE__ */ e("option", { value: "error", children: "Error" }),
         /* @__PURE__ */ e("option", { value: "warn", children: "Warning" }),
         /* @__PURE__ */ e("option", { value: "info", children: "Info" }),
@@ -2024,49 +2407,47 @@ function oe({
     ] })
   ] });
 }
-function de({ runs: i }) {
-  return /* @__PURE__ */ t("div", { className: "nice-etl-builder__history-view", children: [
+function Ce({ runs: a }) {
+  return /* @__PURE__ */ d("div", { className: "nice-etl-builder__history-view", children: [
     /* @__PURE__ */ e("h4", { children: "Run History" }),
-    i.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-etl-builder__no-history", children: "No runs yet" }) : /* @__PURE__ */ t("table", { className: "nice-etl-builder__history-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-etl-builder__no-history", children: "No runs yet" }) : /* @__PURE__ */ d("table", { className: "nice-etl-builder__history-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ d("tr", { children: [
         /* @__PURE__ */ e("th", { children: "Status" }),
         /* @__PURE__ */ e("th", { children: "Start Time" }),
         /* @__PURE__ */ e("th", { children: "Duration" }),
         /* @__PURE__ */ e("th", { children: "Rows" }),
         /* @__PURE__ */ e("th", { children: "Errors" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: i.map((l) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("tbody", { children: a.map((r) => /* @__PURE__ */ d(
         "tr",
         {
-          className: `nice-etl-builder__run nice-etl-builder__run--${l.status}`,
+          className: `nice-etl-builder__run nice-etl-builder__run--${r.status}`,
           children: [
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ t(
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ d(
               "span",
               {
-                className: `nice-etl-builder__status nice-etl-builder__status--${l.status}`,
+                className: `nice-etl-builder__status nice-etl-builder__status--${r.status}`,
                 children: [
-                  l.status === "success" ? "✓" : l.status === "failed" ? "✗" : "⏳",
-                  l.status
+                  r.status === "success" ? "✓" : r.status === "failed" ? "✗" : "⏳",
+                  r.status
                 ]
               }
             ) }),
-            /* @__PURE__ */ e("td", { children: l.startTime.toLocaleString() }),
-            /* @__PURE__ */ e("td", { children: l.endTime ? `${Math.round((l.endTime.getTime() - l.startTime.getTime()) / 1e3)}s` : "-" }),
-            /* @__PURE__ */ t("td", { children: [
-              l.rowsProcessed.toLocaleString(),
+            /* @__PURE__ */ e("td", { children: r.startTime.toLocaleString() }),
+            /* @__PURE__ */ e("td", { children: r.endTime ? `${Math.round((r.endTime.getTime() - r.startTime.getTime()) / 1e3)}s` : "-" }),
+            /* @__PURE__ */ d("td", { children: [
+              r.rowsProcessed.toLocaleString(),
               " / ",
-              l.rowsWritten.toLocaleString()
+              r.rowsWritten.toLocaleString()
             ] }),
-            /* @__PURE__ */ e("td", { children: l.errors.length })
+            /* @__PURE__ */ e("td", { children: r.errors.length })
           ]
         },
-        l.id
+        r.id
       )) })
     ] })
   ] });
 }
 export {
-  pe as NiceDashboardStudio,
-  me as NiceETLBuilder,
-  he as NiceReportBuilder
+  De as NiceETLBuilder
 };