@nice2dev/ui-bi 1.0.22 → 1.0.24

package/dist/index.mjs

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as a, Fragment as $ } from "react/jsx-runtime";
-import { useContext as J, createContext as L, memo as ce, useState as D, useEffect as oe, useCallback as k, useRef as Q } from "react";
-const de = (r, i) => i, se = L(de);
-function le() {
-  return { t: J(se) };
+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) };
 }
-L({
+b({
   dir: "ltr",
   isRTL: !1,
-  flip: (r) => r,
-  value: (r) => r.ltr
+  flip: (a) => a,
+  value: (a) => a.ltr
 });
-L(null);
-L(null);
-const fe = {
+b(null);
+b(null);
+const oe = {
   radius: "md",
   shadow: "md",
   fill: "solid",
@@ -29,137 +29,137 @@ const fe = {
   animation: "normal",
   density: "normal"
 };
-L({
+b({
   displayStyle: "default",
-  variantConfig: fe,
+  variantConfig: oe,
   setDisplayStyle: () => {
   }
 });
-L({});
-L({
+b({});
+b({
   direction: "ltr",
   isRTL: !1,
-  flip: (r) => r,
-  flipStyle: (r, i) => ({ [r]: i })
+  flip: (a) => a,
+  flipStyle: (a, r) => ({ [a]: r })
 });
-L({
+b({
   permissions: {},
   getAccessMode: () => "full"
 });
-L(null);
-const ue = process.env.NODE_ENV === "development";
-let Z = {
-  enabled: ue,
+b(null);
+const te = process.env.NODE_ENV === "development";
+let W = {
+  enabled: te,
   slowRenderThreshold: 16
 };
-const ee = [], Y = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map();
-function pe() {
-  ee.length = 0, Y.clear(), re.clear();
+const O = [], M = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+function fe() {
+  O.length = 0, M.clear(), $.clear();
 }
-function me(r) {
-  const i = Z.slowRenderThreshold;
-  return ee.filter((n) => n.actualDuration > i);
+function se(a) {
+  const r = W.slowRenderThreshold;
+  return O.filter((c) => c.actualDuration > r);
 }
-function B(r) {
-  return r < 1 ? `${(r * 1e3).toFixed(0)}μs` : r < 1e3 ? `${r.toFixed(2)}ms` : `${(r / 1e3).toFixed(2)}s`;
+function H(a) {
+  return a < 1 ? `${(a * 1e3).toFixed(0)}μs` : a < 1e3 ? `${a.toFixed(2)}ms` : `${(a / 1e3).toFixed(2)}s`;
 }
-function ye() {
-  const r = Array.from(Y.values()), i = me(), n = r.reduce((u, m) => u + m.renderCount, 0), s = r.length > 0 ? r.reduce((u, m) => u + m.avgRenderTime, 0) / r.length : 0, c = Array.from(re.values());
-  return { stats: r, slowRenders: i, totalRenders: n, avgRenderTime: s, marks: c };
+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 be() {
-  const r = ye();
+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: ${r.totalRenders}`), console.log(`Average render time: ${B(r.avgRenderTime)}`), console.log(`Slow renders: ${r.slowRenders.length}`), console.group("Component Stats"), console.table(
-    r.stats.sort((i, n) => n.totalRenderTime - i.totalRenderTime).map((i) => ({
-      Name: i.componentName,
-      Renders: i.renderCount,
-      "Avg Time": B(i.avgRenderTime),
-      "Max Time": B(i.maxRenderTime),
-      "Total Time": B(i.totalRenderTime),
-      "Slow Renders": i.slowRenderCount
+  ), 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(), r.slowRenders.length > 0 && (console.group("Slow Renders (last 10)"), console.table(
-    r.slowRenders.slice(-10).map((i) => ({
-      Component: i.componentName,
-      Phase: i.phase,
-      Duration: B(i.actualDuration),
-      Time: new Date(i.timestamp).toLocaleTimeString()
+  ), 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()), r.marks.length > 0 && (console.group("Custom Marks"), console.table(
-    r.marks.filter((i) => i.duration).map((i) => ({
-      Name: i.name,
-      Duration: B(i.duration)
+  ), 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 he = ce(
-  ({ position: r = "bottom-right", defaultCollapsed: i = !0 }) => {
-    const [n, s] = D(i), [c, u] = D([]), [m, o] = D({ used: 0, total: 0 });
-    if (oe(() => {
-      const d = () => {
-        const l = Array.from(Y.values());
-        u(l.sort((E, T) => T.totalRenderTime - E.totalRenderTime).slice(0, 10));
-        const g = window.performance;
-        g.memory && o({
-          used: g.memory.usedJSHeapSize / 1024 / 1024,
-          total: g.memory.totalJSHeapSize / 1024 / 1024
+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();
-      const h = setInterval(d, 2e3);
-      return () => clearInterval(h);
-    }, []), !Z.enabled)
+      f();
+      const v = setInterval(f, 2e3);
+      return () => clearInterval(v);
+    }, []), !W.enabled)
       return null;
-    const v = {
+    const S = {
       position: "fixed",
       zIndex: 99999,
-      ...r.includes("top") ? { top: 8 } : { bottom: 8 },
-      ...r.includes("left") ? { left: 8 } : { right: 8 }
+      ...a.includes("top") ? { top: 8 } : { bottom: 8 },
+      ...a.includes("left") ? { left: 8 } : { right: 8 }
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ d(
       "div",
       {
         style: {
-          ...v,
+          ...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: n ? "4px 8px" : 8,
-          maxWidth: n ? "auto" : 300,
-          maxHeight: n ? "auto" : 400,
+          padding: c ? "4px 8px" : 8,
+          maxWidth: c ? "auto" : 300,
+          maxHeight: c ? "auto" : 400,
           overflow: "auto"
         },
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ d(
             "div",
             {
               style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 8 },
-              onClick: () => s((d) => !d),
+              onClick: () => t((f) => !f),
               children: [
                 /* @__PURE__ */ e("span", { style: { color: "var(--color-success, #22c55e)" }, children: "●" }),
                 /* @__PURE__ */ e("span", { children: "Profiler" }),
-                m.used > 0 && /* @__PURE__ */ a(
+                o.used > 0 && /* @__PURE__ */ d(
                   "span",
                   {
                     style: {
-                      color: m.used > 100 ? "var(--color-warning, #f59e0b)" : "var(--text-muted, #64748b)"
+                      color: o.used > 100 ? "var(--color-warning, #f59e0b)" : "var(--text-muted, #64748b)"
                     },
                     children: [
-                      m.used.toFixed(0),
+                      o.used.toFixed(0),
                       "MB"
                     ]
                   }
                 ),
-                /* @__PURE__ */ e("span", { style: { marginLeft: "auto", opacity: 0.5 }, children: n ? "▼" : "▲" })
+                /* @__PURE__ */ e("span", { style: { marginLeft: "auto", opacity: 0.5 }, children: c ? "▼" : "▲" })
               ]
             }
           ),
-          !n && /* @__PURE__ */ a("div", { style: { marginTop: 8 }, children: [
+          !c && /* @__PURE__ */ d("div", { style: { marginTop: 8 }, children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -171,33 +171,33 @@ const he = ce(
                 children: /* @__PURE__ */ e("strong", { children: "Top Components" })
               }
             ),
-            c.map((d) => /* @__PURE__ */ a("div", { style: { marginBottom: 4, display: "flex", gap: 8 }, children: [
-              /* @__PURE__ */ e("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: d.componentName }),
+            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: d.avgRenderTime > 16 ? "var(--color-warning, #f59e0b)" : "var(--color-success, #22c55e)"
+                    color: f.avgRenderTime > 16 ? "var(--color-warning, #f59e0b)" : "var(--color-success, #22c55e)"
                   },
-                  children: B(d.avgRenderTime)
+                  children: H(f.avgRenderTime)
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ d(
                 "span",
                 {
                   style: { color: "var(--text-muted, #64748b)", minWidth: 30, textAlign: "right" },
                   children: [
                     "x",
-                    d.renderCount
+                    f.renderCount
                   ]
                 }
               )
-            ] }, d.componentName)),
-            /* @__PURE__ */ a("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [
+            ] }, f.componentName)),
+            /* @__PURE__ */ d("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: be,
+                  onClick: ye,
                   style: {
                     flex: 1,
                     padding: "4px 8px",
@@ -214,7 +214,7 @@ const he = ce(
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: pe,
+                  onClick: fe,
                   style: {
                     flex: 1,
                     padding: "4px 8px",
@@ -235,70 +235,70 @@ const he = ce(
     );
   }
 );
-he.displayName = "ProfilerOverlay";
+me.displayName = "ProfilerOverlay";
 process.env.NODE_ENV;
-L(null);
-const ve = L({
+b(null);
+const pe = b({
   enabled: !0,
   active: !1,
   run: () => {
   }
 });
-function ge() {
-  return J(ve);
+function ue() {
+  return F(pe);
 }
-function X(r, i) {
-  if (!r)
+function be(a, r) {
+  if (!a)
     return null;
-  if (r === !0)
-    return i && i.length > 0 ? i : null;
-  if (Array.isArray(r))
-    return r.length > 0 ? r : null;
-  const n = r.steps ?? i;
-  return n && n.length > 0 ? n : 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 _e(r, i) {
-  return r.map((n) => ({
-    target: n.target,
-    title: n.titleKey ? i(n.titleKey, n.title ?? "") : n.title ?? "",
-    content: n.contentKey ? i(n.contentKey, n.content ?? "") : n.content ?? "",
-    placement: n.placement,
-    highlightPadding: n.highlightPadding,
-    showArrow: n.showArrow,
-    scrollIntoView: n.scrollIntoView,
-    disableInteraction: n.disableInteraction
+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 K = ({
-  steps: r,
-  autoStart: i,
-  label: n,
-  size: s = "md",
-  className: c,
+const he = ({
+  steps: a,
+  autoStart: r,
+  label: c,
+  size: t = "md",
+  className: y,
   style: u,
-  "data-testid": m
+  "data-testid": o
 }) => {
-  const { enabled: o, run: v } = ge(), { t: d } = le();
-  if (!o || !r || r.length === 0)
+  const { enabled: p, run: S } = ue(), { t: f } = de();
+  if (!p || !a || a.length === 0)
     return null;
-  const h = n ?? d("tutorial.startAria", "Start tutorial");
+  const v = c ?? f("tutorial.startAria", "Start tutorial");
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      className: `nice-tutorial-button nice-tutorial-button--${s}` + (c ? ` ${c}` : ""),
+      className: `nice-tutorial-button nice-tutorial-button--${t}` + (y ? ` ${y}` : ""),
       style: u,
-      "data-testid": m,
-      "aria-label": h,
-      title: h,
-      onClick: () => v(_e(r, d), { autoStart: i }),
+      "data-testid": o,
+      "aria-label": v,
+      title: v,
+      onClick: () => S(ve(a, f), { autoStart: r }),
       children: "?"
     }
   );
-}, j = "nice-tutorial-button-styles";
-if (typeof document < "u" && !document.getElementById(j)) {
-  const r = document.createElement("style");
-  r.id = j, r.textContent = `
+}, 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;
@@ -324,12 +324,12 @@ if (typeof document < "u" && !document.getElementById(j)) {
     }
     .nice-tutorial-button--sm { width: 16px; height: 16px; font-size: 11px; }
     .nice-tutorial-button--md { width: 20px; height: 20px; font-size: 12px; }
-  `, document.head.appendChild(r);
+  `, document.head.appendChild(a);
 }
-L(null);
-L(null);
-L(null);
-const ae = {
+b(null);
+b(null);
+b(null);
+const B = {
   space1: "4px",
   space2: "8px",
   space3: "12px",
@@ -337,7 +337,7 @@ const ae = {
   space5: "20px",
   space6: "24px",
   space8: "32px"
-}, ie = {
+}, V = {
   fontFamily: "'Inter', system-ui, -apple-system, sans-serif",
   fontSizeXs: "0.75rem",
   fontSizeSm: "0.8125rem",
@@ -349,71 +349,71 @@ const ae = {
   fontWeightSemibold: 600,
   fontWeightBold: 700,
   lineHeight: 1.5
-}, ne = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, te = (r) => ({
-  color: r,
+}, K = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, j = (a) => ({
+  color: a,
   radiusSm: "4px",
   radiusMd: "6px",
   radiusLg: "8px",
   radiusXl: "12px",
   radiusFull: "9999px"
-}), we = {
+}), 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)"
-}, xe = {
+}, 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 f(r, i, n, s, c) {
+function i(a, r, c, t, y) {
   return {
-    name: r,
+    name: a,
     darkMode: "light",
     colors: {
-      ...i,
-      surface: i.surface ?? n.primary,
-      surfaceHover: i.surfaceHover ?? n.secondary
+      ...r,
+      surface: r.surface ?? c.primary,
+      surfaceHover: r.surfaceHover ?? c.secondary
     },
     backgrounds: {
-      ...n,
-      elevated: n.elevated ?? n.primary,
-      inset: n.inset ?? n.tertiary,
-      canvas: n.canvas ?? n.primary
+      ...c,
+      elevated: c.elevated ?? c.primary,
+      inset: c.inset ?? c.tertiary,
+      canvas: c.canvas ?? c.primary
     },
-    text: { ...s, inverse: s.inverse ?? "#ffffff" },
-    borders: te(c),
-    shadows: we,
-    spacing: ae,
-    typography: ie,
-    transitions: ne
+    text: { ...t, inverse: t.inverse ?? "#ffffff" },
+    borders: j(y),
+    shadows: ge,
+    spacing: B,
+    typography: V,
+    transitions: K
   };
 }
-function H(r, i, n, s, c) {
+function m(a, r, c, t, y) {
   return {
-    name: r,
+    name: a,
     darkMode: "dark",
     colors: {
-      ...i,
-      surface: i.surface ?? n.secondary,
-      surfaceHover: i.surfaceHover ?? n.tertiary
+      ...r,
+      surface: r.surface ?? c.secondary,
+      surfaceHover: r.surfaceHover ?? c.tertiary
     },
     backgrounds: {
-      ...n,
-      elevated: n.elevated ?? n.secondary,
-      inset: n.inset ?? n.primary,
-      canvas: n.canvas ?? n.primary
+      ...c,
+      elevated: c.elevated ?? c.secondary,
+      inset: c.inset ?? c.primary,
+      canvas: c.canvas ?? c.primary
     },
-    text: { ...s, inverse: s.inverse ?? "#0f172a" },
-    borders: te(c),
-    shadows: xe,
-    spacing: ae,
-    typography: ie,
-    transitions: ne
+    text: { ...t, inverse: t.inverse ?? "#0f172a" },
+    borders: j(y),
+    shadows: we,
+    spacing: B,
+    typography: V,
+    transitions: K
   };
 }
-f(
+i(
   "Slate",
   {
     primary: "#64748b",
@@ -427,7 +427,7 @@ f(
   { primary: "#1e293b", secondary: "#475569", muted: "#94a3b8" },
   "#cbd5e1"
 );
-f(
+i(
   "Zinc",
   {
     primary: "#71717a",
@@ -441,7 +441,7 @@ f(
   { primary: "#18181b", secondary: "#3f3f46", muted: "#a1a1aa" },
   "#d4d4d8"
 );
-f(
+i(
   "Stone",
   {
     primary: "#78716c",
@@ -455,7 +455,7 @@ f(
   { primary: "#1c1917", secondary: "#44403c", muted: "#a8a29e" },
   "#d6d3d1"
 );
-f(
+i(
   "Cool Gray",
   {
     primary: "#6b7280",
@@ -469,7 +469,7 @@ f(
   { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
   "#d1d5db"
 );
-f(
+i(
   "Warm Gray",
   {
     primary: "#7c7568",
@@ -483,7 +483,7 @@ f(
   { primary: "#1f1d19", secondary: "#4a463d", muted: "#a09888" },
   "#d4d0c8"
 );
-f(
+i(
   "Silver",
   {
     primary: "#94a3b8",
@@ -497,7 +497,7 @@ f(
   { primary: "#334155", secondary: "#64748b", muted: "#94a3b8" },
   "#cbd5e1"
 );
-f(
+i(
   "Charcoal",
   {
     primary: "#374151",
@@ -511,7 +511,7 @@ f(
   { primary: "#111827", secondary: "#374151", muted: "#6b7280" },
   "#d1d5db"
 );
-f(
+i(
   "Ivory",
   {
     primary: "#92876d",
@@ -525,7 +525,7 @@ f(
   { primary: "#2b2517", secondary: "#5c5340", muted: "#9c9280" },
   "#ddd8c4"
 );
-f(
+i(
   "Rose",
   {
     primary: "#e11d48",
@@ -539,7 +539,7 @@ f(
   { primary: "#4c0519", secondary: "#881337", muted: "#f43f5e" },
   "#fda4af"
 );
-f(
+i(
   "Emerald",
   {
     primary: "#059669",
@@ -553,7 +553,7 @@ f(
   { primary: "#064e3b", secondary: "#065f46", muted: "#34d399" },
   "#6ee7b7"
 );
-f(
+i(
   "Amber",
   {
     primary: "#d97706",
@@ -567,7 +567,7 @@ f(
   { primary: "#451a03", secondary: "#78350f", muted: "#f59e0b" },
   "#fcd34d"
 );
-f(
+i(
   "Violet",
   {
     primary: "#7c3aed",
@@ -581,7 +581,7 @@ f(
   { primary: "#2e1065", secondary: "#4c1d95", muted: "#a78bfa" },
   "#c4b5fd"
 );
-f(
+i(
   "Teal",
   {
     primary: "#0d9488",
@@ -595,7 +595,7 @@ f(
   { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
   "#5eead4"
 );
-f(
+i(
   "Indigo",
   {
     primary: "#4f46e5",
@@ -609,7 +609,7 @@ f(
   { primary: "#1e1b4b", secondary: "#312e81", muted: "#818cf8" },
   "#a5b4fc"
 );
-f(
+i(
   "Cyan",
   {
     primary: "#0891b2",
@@ -623,7 +623,7 @@ f(
   { primary: "#164e63", secondary: "#155e75", muted: "#22d3ee" },
   "#67e8f9"
 );
-f(
+i(
   "Lime",
   {
     primary: "#65a30d",
@@ -637,7 +637,7 @@ f(
   { primary: "#1a2e05", secondary: "#365314", muted: "#84cc16" },
   "#bef264"
 );
-f(
+i(
   "Pink",
   {
     primary: "#db2777",
@@ -651,7 +651,7 @@ f(
   { primary: "#500724", secondary: "#831843", muted: "#f472b6" },
   "#f9a8d4"
 );
-f(
+i(
   "Orange",
   {
     primary: "#ea580c",
@@ -665,7 +665,7 @@ f(
   { primary: "#431407", secondary: "#7c2d12", muted: "#fb923c" },
   "#fdba74"
 );
-f(
+i(
   "Fuchsia",
   {
     primary: "#c026d3",
@@ -679,7 +679,7 @@ f(
   { primary: "#4a044e", secondary: "#701a75", muted: "#d946ef" },
   "#e879f9"
 );
-f(
+i(
   "Sky",
   {
     primary: "#0284c7",
@@ -693,7 +693,7 @@ f(
   { primary: "#0c4a6e", secondary: "#075985", muted: "#38bdf8" },
   "#7dd3fc"
 );
-f(
+i(
   "Ruby",
   {
     primary: "#be123c",
@@ -707,7 +707,7 @@ f(
   { primary: "#4c0519", secondary: "#881337", muted: "#fb7185" },
   "#fda4af"
 );
-f(
+i(
   "Coral",
   {
     primary: "#f97316",
@@ -721,7 +721,7 @@ f(
   { primary: "#431407", secondary: "#9a3412", muted: "#fb923c" },
   "#fdba74"
 );
-H(
+m(
   "Midnight",
   {
     primary: "#818cf8",
@@ -735,7 +735,7 @@ H(
   { primary: "#f1f5f9", secondary: "#94a3b8", muted: "#475569" },
   "#1e293b"
 );
-H(
+m(
   "Obsidian",
   {
     primary: "#a78bfa",
@@ -749,7 +749,7 @@ H(
   { primary: "#fafafa", secondary: "#a1a1aa", muted: "#52525b" },
   "#3f3f46"
 );
-H(
+m(
   "Eclipse",
   {
     primary: "#c084fc",
@@ -763,7 +763,7 @@ H(
   { primary: "#f5f3ff", secondary: "#a78bfa", muted: "#6d5eac" },
   "#3b3266"
 );
-H(
+m(
   "Onyx",
   {
     primary: "#60a5fa",
@@ -777,7 +777,7 @@ H(
   { primary: "#ffffff", secondary: "#a3a3a3", muted: "#525252" },
   "#262626"
 );
-H(
+m(
   "Carbon",
   {
     primary: "#38bdf8",
@@ -791,7 +791,7 @@ H(
   { primary: "#f4f4f4", secondary: "#c6c6c6", muted: "#6f6f6f" },
   "#525252"
 );
-H(
+m(
   "Cosmos",
   {
     primary: "#6366f1",
@@ -805,7 +805,7 @@ H(
   { primary: "#e5e7eb", secondary: "#9ca3af", muted: "#4b5563" },
   "#374151"
 );
-H(
+m(
   "Nebula",
   {
     primary: "#e879f9",
@@ -819,7 +819,7 @@ H(
   { primary: "#fae8ff", secondary: "#d8b4fe", muted: "#7c3aed" },
   "#581c87"
 );
-H(
+m(
   "Abyss",
   {
     primary: "#22d3ee",
@@ -833,7 +833,7 @@ H(
   { primary: "#e0f2fe", secondary: "#7dd3fc", muted: "#0369a1" },
   "#075985"
 );
-H(
+m(
   "Shadow",
   {
     primary: "#a3a3a3",
@@ -847,7 +847,7 @@ H(
   { primary: "#e5e5e5", secondary: "#a3a3a3", muted: "#525252" },
   "#404040"
 );
-H(
+m(
   "Emerald Dark",
   {
     primary: "#34d399",
@@ -861,7 +861,7 @@ H(
   { primary: "#ecfdf5", secondary: "#6ee7b7", muted: "#047857" },
   "#047857"
 );
-f(
+i(
   "Forest",
   {
     primary: "#166534",
@@ -875,7 +875,7 @@ f(
   { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
   "#86efac"
 );
-f(
+i(
   "Ocean",
   {
     primary: "#0369a1",
@@ -889,7 +889,7 @@ f(
   { primary: "#0c4a6e", secondary: "#0369a1", muted: "#38bdf8" },
   "#7dd3fc"
 );
-f(
+i(
   "Desert",
   {
     primary: "#b45309",
@@ -903,7 +903,7 @@ f(
   { primary: "#422006", secondary: "#713f12", muted: "#ca8a04" },
   "#fde047"
 );
-f(
+i(
   "Sunset",
   {
     primary: "#ea580c",
@@ -917,7 +917,7 @@ f(
   { primary: "#431407", secondary: "#9a3412", muted: "#f97316" },
   "#fdba74"
 );
-f(
+i(
   "Aurora",
   {
     primary: "#0d9488",
@@ -931,7 +931,7 @@ f(
   { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
   "#5eead4"
 );
-f(
+i(
   "Lavender",
   {
     primary: "#7e22ce",
@@ -945,7 +945,7 @@ f(
   { primary: "#3b0764", secondary: "#581c87", muted: "#a855f7" },
   "#d8b4fe"
 );
-f(
+i(
   "Autumn",
   {
     primary: "#c2410c",
@@ -959,7 +959,7 @@ f(
   { primary: "#450a0a", secondary: "#7f1d1d", muted: "#f87171" },
   "#fca5a5"
 );
-f(
+i(
   "Spring",
   {
     primary: "#16a34a",
@@ -973,7 +973,7 @@ f(
   { primary: "#14532d", secondary: "#166534", muted: "#4ade80" },
   "#86efac"
 );
-f(
+i(
   "Arctic",
   {
     primary: "#0ea5e9",
@@ -987,7 +987,7 @@ f(
   { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
   "#bae6fd"
 );
-f(
+i(
   "Tropical",
   {
     primary: "#0d9488",
@@ -1001,7 +1001,7 @@ f(
   { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
   "#a7f3d0"
 );
-f(
+i(
   "Pastel Rose",
   {
     primary: "#f472b6",
@@ -1015,7 +1015,7 @@ f(
   { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
   "#f9a8d4"
 );
-f(
+i(
   "Pastel Sky",
   {
     primary: "#38bdf8",
@@ -1029,7 +1029,7 @@ f(
   { primary: "#075985", secondary: "#0369a1", muted: "#7dd3fc" },
   "#bae6fd"
 );
-f(
+i(
   "Pastel Mint",
   {
     primary: "#34d399",
@@ -1043,7 +1043,7 @@ f(
   { primary: "#065f46", secondary: "#047857", muted: "#6ee7b7" },
   "#a7f3d0"
 );
-f(
+i(
   "Pastel Peach",
   {
     primary: "#fb923c",
@@ -1057,7 +1057,7 @@ f(
   { primary: "#7c2d12", secondary: "#9a3412", muted: "#fdba74" },
   "#fed7aa"
 );
-f(
+i(
   "Pastel Lavender",
   {
     primary: "#a78bfa",
@@ -1071,7 +1071,7 @@ f(
   { primary: "#4c1d95", secondary: "#5b21b6", muted: "#c4b5fd" },
   "#ddd6fe"
 );
-f(
+i(
   "Pastel Lemon",
   {
     primary: "#facc15",
@@ -1085,7 +1085,7 @@ f(
   { primary: "#713f12", secondary: "#854d0e", muted: "#fde047" },
   "#fef08a"
 );
-f(
+i(
   "Pastel Sage",
   {
     primary: "#86efac",
@@ -1099,7 +1099,7 @@ f(
   { primary: "#166534", secondary: "#15803d", muted: "#86efac" },
   "#bbf7d0"
 );
-f(
+i(
   "Pastel Coral",
   {
     primary: "#fb7185",
@@ -1113,7 +1113,7 @@ f(
   { primary: "#881337", secondary: "#9f1239", muted: "#fda4af" },
   "#fecdd3"
 );
-f(
+i(
   "Banking",
   {
     primary: "#1e3a5f",
@@ -1127,7 +1127,7 @@ f(
   { primary: "#0f172a", secondary: "#334155", muted: "#94a3b8" },
   "#cbd5e1"
 );
-f(
+i(
   "Healthcare",
   {
     primary: "#0891b2",
@@ -1141,7 +1141,7 @@ f(
   { primary: "#134e4a", secondary: "#1a6b6a", muted: "#80cbc4" },
   "#b2dfdb"
 );
-f(
+i(
   "Legal",
   {
     primary: "#1e293b",
@@ -1155,7 +1155,7 @@ f(
   { primary: "#0f172a", secondary: "#44403c", muted: "#a8a29e" },
   "#d6d3d1"
 );
-f(
+i(
   "Tech Startup",
   {
     primary: "#7c3aed",
@@ -1169,7 +1169,7 @@ f(
   { primary: "#1e1b4b", secondary: "#4c1d95", muted: "#a78bfa" },
   "#c4b5fd"
 );
-f(
+i(
   "Enterprise",
   {
     primary: "#1e40af",
@@ -1183,7 +1183,7 @@ f(
   { primary: "#1e3a5f", secondary: "#1e40af", muted: "#60a5fa" },
   "#93c5fd"
 );
-f(
+i(
   "Government",
   {
     primary: "#1d4ed8",
@@ -1197,7 +1197,7 @@ f(
   { primary: "#0f172a", secondary: "#1e293b", muted: "#64748b" },
   "#cbd5e1"
 );
-f(
+i(
   "Education",
   {
     primary: "#059669",
@@ -1211,7 +1211,7 @@ f(
   { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
   "#a7f3d0"
 );
-f(
+i(
   "Real Estate",
   {
     primary: "#92400e",
@@ -1225,7 +1225,7 @@ f(
   { primary: "#422006", secondary: "#713f12", muted: "#d97706" },
   "#fcd34d"
 );
-f(
+i(
   "Nord",
   {
     primary: "#5e81ac",
@@ -1239,7 +1239,7 @@ f(
   { primary: "#2e3440", secondary: "#3b4252", muted: "#4c566a" },
   "#d8dee9"
 );
-H(
+m(
   "Dracula",
   {
     primary: "#bd93f9",
@@ -1253,7 +1253,7 @@ H(
   { primary: "#f8f8f2", secondary: "#c0c0c0", muted: "#6272a4" },
   "#44475a"
 );
-f(
+i(
   "Solarized Light",
   {
     primary: "#268bd2",
@@ -1267,7 +1267,7 @@ f(
   { primary: "#073642", secondary: "#586e75", muted: "#93a1a1" },
   "#eee8d5"
 );
-H(
+m(
   "Solarized Dark",
   {
     primary: "#268bd2",
@@ -1281,7 +1281,7 @@ H(
   { primary: "#eee8d5", secondary: "#93a1a1", muted: "#586e75" },
   "#073642"
 );
-H(
+m(
   "Monokai",
   {
     primary: "#66d9ef",
@@ -1295,7 +1295,7 @@ H(
   { primary: "#f8f8f2", secondary: "#cfcfc2", muted: "#75715e" },
   "#3e3d32"
 );
-H(
+m(
   "One Dark",
   {
     primary: "#61afef",
@@ -1309,7 +1309,7 @@ H(
   { primary: "#abb2bf", secondary: "#828997", muted: "#545862" },
   "#3e4452"
 );
-H(
+m(
   "Synthwave",
   {
     primary: "#ff7edb",
@@ -1323,7 +1323,7 @@ H(
   { primary: "#f0e4fc", secondary: "#b4a0cc", muted: "#6c5c84" },
   "#4a3866"
 );
-f(
+i(
   "Vaporwave",
   {
     primary: "#ff71ce",
@@ -1337,7 +1337,7 @@ f(
   { primary: "#4a1a4e", secondary: "#7b3f7d", muted: "#c080c0" },
   "#d8a8e8"
 );
-H(
+m(
   "Terminal Green",
   {
     primary: "#00ff41",
@@ -1351,7 +1351,7 @@ H(
   { primary: "#00ff41", secondary: "#00cc33", muted: "#008822" },
   "#003300"
 );
-f(
+i(
   "Sepia",
   {
     primary: "#8b6914",
@@ -1365,7 +1365,7 @@ f(
   { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
   "#d7ccc8"
 );
-f(
+i(
   "Vintage",
   {
     primary: "#8d6e63",
@@ -1379,7 +1379,7 @@ f(
   { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
   "#bcaaa4"
 );
-H(
+m(
   "Cyberpunk",
   {
     primary: "#00f0ff",
@@ -1393,7 +1393,7 @@ H(
   { primary: "#e0fbfc", secondary: "#80d4dd", muted: "#3a6b72" },
   "#1c3a44"
 );
-H(
+m(
   "Neon",
   {
     primary: "#ff00ff",
@@ -1407,7 +1407,7 @@ H(
   { primary: "#ffffff", secondary: "#cccccc", muted: "#666666" },
   "#333333"
 );
-H(
+m(
   "Retrowave",
   {
     primary: "#f77fbe",
@@ -1421,7 +1421,7 @@ H(
   { primary: "#ffe6f7", secondary: "#c9a0c9", muted: "#6b4c7a" },
   "#4a2d66"
 );
-f(
+i(
   "Christmas",
   {
     primary: "#c41e3a",
@@ -1435,7 +1435,7 @@ f(
   { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
   "#e8a0a0"
 );
-H(
+m(
   "Halloween",
   {
     primary: "#ff6600",
@@ -1449,7 +1449,7 @@ H(
   { primary: "#ffedd5", secondary: "#fdba74", muted: "#9a5c28" },
   "#5c3400"
 );
-f(
+i(
   "Valentine",
   {
     primary: "#e11d48",
@@ -1463,7 +1463,7 @@ f(
   { primary: "#4c0519", secondary: "#881337", muted: "#f9a8d4" },
   "#fda4af"
 );
-f(
+i(
   "Easter",
   {
     primary: "#a78bfa",
@@ -1477,7 +1477,7 @@ f(
   { primary: "#581c87", secondary: "#6d28d9", muted: "#c4b5fd" },
   "#ddd6fe"
 );
-f(
+i(
   "Summer Beach",
   {
     primary: "#0ea5e9",
@@ -1491,7 +1491,7 @@ f(
   { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
   "#fcd34d"
 );
-f(
+i(
   "Winter Frost",
   {
     primary: "#3b82f6",
@@ -1505,7 +1505,7 @@ f(
   { primary: "#1e3a5f", secondary: "#1e40af", muted: "#93c5fd" },
   "#bfdbfe"
 );
-f(
+i(
   "Cherry Blossom",
   {
     primary: "#ec4899",
@@ -1519,7 +1519,7 @@ f(
   { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
   "#fbcfe8"
 );
-f(
+i(
   "Harvest",
   {
     primary: "#b45309",
@@ -1533,7 +1533,7 @@ f(
   { primary: "#451a03", secondary: "#78350f", muted: "#d97706" },
   "#fcd34d"
 );
-f(
+i(
   "Japanese Zen",
   {
     primary: "#6b7280",
@@ -1547,7 +1547,7 @@ f(
   { primary: "#2c2c2c", secondary: "#5c5c5c", muted: "#a0998a" },
   "#d5cec0"
 );
-f(
+i(
   "Moroccan",
   {
     primary: "#c2410c",
@@ -1561,7 +1561,7 @@ f(
   { primary: "#3a1a00", secondary: "#7c2d12", muted: "#d97706" },
   "#f5d0a0"
 );
-f(
+i(
   "Scandinavian",
   {
     primary: "#4b5563",
@@ -1575,7 +1575,7 @@ f(
   { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
   "#e5e7eb"
 );
-f(
+i(
   "Mediterranean",
   {
     primary: "#1e40af",
@@ -1589,7 +1589,7 @@ f(
   { primary: "#1e3a5f", secondary: "#2563eb", muted: "#93c5fd" },
   "#bfdbfe"
 );
-f(
+i(
   "Chinese New Year",
   {
     primary: "#dc2626",
@@ -1603,7 +1603,7 @@ f(
   { primary: "#450a0a", secondary: "#991b1b", muted: "#f87171" },
   "#fca5a5"
 );
-f(
+i(
   "Indian Festive",
   {
     primary: "#d97706",
@@ -1617,7 +1617,7 @@ f(
   { primary: "#451a03", secondary: "#92400e", muted: "#f59e0b" },
   "#fcd34d"
 );
-f(
+i(
   "Brazilian Carnival",
   {
     primary: "#16a34a",
@@ -1631,7 +1631,7 @@ f(
   { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
   "#86efac"
 );
-f(
+i(
   "African Earth",
   {
     primary: "#92400e",
@@ -1645,7 +1645,7 @@ f(
   { primary: "#2b1a0e", secondary: "#5c3d1e", muted: "#a08060" },
   "#d4b896"
 );
-H(
+m(
   "High Contrast Dark",
   {
     primary: "#ffff00",
@@ -1659,7 +1659,7 @@ H(
   { primary: "#ffffff", secondary: "#ffffff", muted: "#cccccc" },
   "#ffffff"
 );
-f(
+i(
   "Monochrome",
   {
     primary: "#404040",
@@ -1673,7 +1673,7 @@ f(
   { primary: "#1a1a1a", secondary: "#404040", muted: "#808080" },
   "#c0c0c0"
 );
-f(
+i(
   "Enhanced Contrast",
   {
     primary: "#0050b3",
@@ -1687,7 +1687,7 @@ f(
   { primary: "#000000", secondary: "#1a1a1a", muted: "#595959" },
   "#8c8c8c"
 );
-f(
+i(
   "Minimalist",
   {
     primary: "#18181b",
@@ -1701,7 +1701,7 @@ f(
   { primary: "#0a0a0a", secondary: "#404040", muted: "#a3a3a3" },
   "#e5e5e5"
 );
-H(
+m(
   "Warm Dark",
   {
     primary: "#f59e0b",
@@ -1715,7 +1715,7 @@ H(
   { primary: "#fafaf9", secondary: "#d6d3d1", muted: "#78716c" },
   "#57534e"
 );
-H(
+m(
   "Soft Dark",
   {
     primary: "#a78bfa",
@@ -1729,7 +1729,7 @@ H(
   { primary: "#e8e8f0", secondary: "#a0a0b8", muted: "#5c5c74" },
   "#3e3e58"
 );
-f(
+i(
   "Coffee",
   {
     primary: "#6f4e37",
@@ -1743,7 +1743,7 @@ f(
   { primary: "#2c1a0e", secondary: "#5c3d28", muted: "#a08868" },
   "#d4c4a8"
 );
-f(
+i(
   "Wine",
   {
     primary: "#7f1d1d",
@@ -1757,1416 +1757,8 @@ f(
   { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
   "#e8a0a0"
 );
-L(null);
-const Ne = [
-  {
-    target: ".nice-report-builder",
-    titleKey: "tutorial.biReportBuilder.intro.title",
-    title: "Report builder",
-    contentKey: "tutorial.biReportBuilder.intro.content",
-    content: "Drag elements from the palette onto the report, bind them to data sources, switch design/preview, then export to PDF or Excel.",
-    placement: "auto"
-  }
-], Se = {
-  id: "",
-  name: "New Report",
-  dataSource: "",
-  layout: {
-    type: "table",
-    elements: [],
-    pageSize: "A4",
-    orientation: "portrait"
-  },
-  parameters: [],
-  filters: [],
-  sorting: [],
-  grouping: [],
-  calculations: [],
-  formatting: {
-    conditionalFormats: [],
-    alternateRowColors: !0,
-    gridLines: !0
-  }
-}, G = [
-  { 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 Qe({
-  report: r,
-  dataSources: i = [],
-  onChange: n,
-  onPreview: s,
-  onExport: c,
-  className: u = "",
-  tutorial: m
-}) {
-  const [o, v] = D(
-    r || { ...Se, id: crypto.randomUUID() }
-  ), [d, h] = D(null), [l, g] = D("design"), [E, T] = D(null), [M, N] = D(100), C = k(
-    (t) => {
-      v((b) => {
-        const _ = t(b);
-        return n == null || n(_), _;
-      });
-    },
-    [n]
-  ), P = k(
-    (t, b) => {
-      const _ = {
-        id: crypto.randomUUID(),
-        type: t,
-        position: {
-          x: b.x,
-          y: b.y,
-          width: 200,
-          height: t === "page-break" ? 20 : 100
-        },
-        config: Ce(t),
-        style: {}
-      };
-      C((R) => ({
-        ...R,
-        layout: {
-          ...R.layout,
-          elements: [...R.layout.elements, _]
-        }
-      })), h(_);
-    },
-    [C]
-  ), I = k(
-    (t, b) => {
-      C((_) => ({
-        ..._,
-        layout: {
-          ..._.layout,
-          elements: _.layout.elements.map(
-            (R) => R.id === t ? { ...R, ...b } : R
-          )
-        }
-      })), (d == null ? void 0 : d.id) === t && h((_) => _ ? { ..._, ...b } : null);
-    },
-    [C, d]
-  ), S = k(
-    (t) => {
-      C((b) => ({
-        ...b,
-        layout: {
-          ...b.layout,
-          elements: b.layout.elements.filter((_) => _.id !== t)
-        }
-      })), h(null);
-    },
-    [C]
-  ), z = k(
-    (t) => {
-      if (t.preventDefault(), !E)
-        return;
-      const b = t.currentTarget.getBoundingClientRect(), _ = (t.clientX - b.left) * (100 / M), R = (t.clientY - b.top) * (100 / M);
-      P(E, { x: _, y: R }), T(null);
-    },
-    [E, P, M]
-  ), A = k(() => {
-    s == null || s(o);
-  }, [o, s]), U = k(
-    (t) => {
-      c == null || c(o, t);
-    },
-    [o, c]
-  ), y = i.find((t) => t.id === o.dataSource);
-  return /* @__PURE__ */ a("div", { className: `nice-report-builder ${u}`, children: [
-    /* @__PURE__ */ a("div", { className: "nice-report-builder__toolbar", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          value: o.name,
-          onChange: (t) => C((b) => ({ ...b, name: t.target.value })),
-          className: "nice-report-builder__name-input"
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "nice-report-builder__tabs", children: ["design", "data", "parameters", "formatting"].map((t) => /* @__PURE__ */ e(
-        "button",
-        {
-          className: `nice-report-builder__tab ${l === t ? "nice-report-builder__tab--active" : ""}`,
-          onClick: () => g(t),
-          children: t.charAt(0).toUpperCase() + t.slice(1)
-        },
-        t
-      )) }),
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__zoom", children: [
-        /* @__PURE__ */ e("button", { onClick: () => N((t) => Math.max(25, t - 25)), children: "−" }),
-        /* @__PURE__ */ a("span", { children: [
-          M,
-          "%"
-        ] }),
-        /* @__PURE__ */ e("button", { onClick: () => N((t) => Math.min(200, t + 25)), children: "+" })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__actions", children: [
-        /* @__PURE__ */ e("button", { onClick: A, children: "👁 Preview" }),
-        /* @__PURE__ */ e("button", { onClick: () => U("pdf"), children: "📄 PDF" }),
-        /* @__PURE__ */ e("button", { onClick: () => U("excel"), children: "📊 Excel" }),
-        /* @__PURE__ */ e(K, { steps: X(m, Ne) })
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-report-builder__main", children: [
-      l === "design" && /* @__PURE__ */ a("div", { className: "nice-report-builder__palette", children: [
-        /* @__PURE__ */ e("h4", { children: "Elements" }),
-        G.map((t) => /* @__PURE__ */ a(
-          "div",
-          {
-            className: "nice-report-builder__palette-item",
-            draggable: !0,
-            onDragStart: () => T(t.type),
-            onDragEnd: () => T(null),
-            children: [
-              /* @__PURE__ */ e("span", { className: "nice-report-builder__palette-icon", children: t.icon }),
-              /* @__PURE__ */ e("span", { children: t.label })
-            ]
-          },
-          t.type
-        )),
-        /* @__PURE__ */ e("h4", { children: "Data Source" }),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            value: o.dataSource,
-            onChange: (t) => C((b) => ({ ...b, dataSource: t.target.value })),
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "Select data source..." }),
-              i.map((t) => /* @__PURE__ */ e("option", { value: t.id, children: t.name }, t.id))
-            ]
-          }
-        ),
-        (y == null ? void 0 : y.schema) && /* @__PURE__ */ a("div", { className: "nice-report-builder__fields", children: [
-          /* @__PURE__ */ e("h5", { children: "Fields" }),
-          y.schema.tables.map((t) => /* @__PURE__ */ a("div", { className: "nice-report-builder__table-fields", children: [
-            /* @__PURE__ */ e("strong", { children: t.name }),
-            t.columns.map((b) => /* @__PURE__ */ a(
-              "div",
-              {
-                className: "nice-report-builder__field",
-                draggable: !0,
-                onDragStart: () => {
-                },
-                children: [
-                  b.name,
-                  " ",
-                  /* @__PURE__ */ a("small", { children: [
-                    "(",
-                    b.type,
-                    ")"
-                  ] })
-                ]
-              },
-              b.name
-            ))
-          ] }, t.name))
-        ] })
-      ] }),
-      l === "design" && /* @__PURE__ */ e("div", { className: "nice-report-builder__canvas-container", children: /* @__PURE__ */ a(
-        "div",
-        {
-          className: "nice-report-builder__canvas",
-          style: {
-            transform: `scale(${M / 100})`,
-            transformOrigin: "top left",
-            width: o.layout.orientation === "landscape" ? "297mm" : "210mm",
-            height: o.layout.orientation === "landscape" ? "210mm" : "297mm"
-          },
-          onDragOver: (t) => t.preventDefault(),
-          onDrop: z,
-          onClick: () => h(null),
-          children: [
-            o.layout.elements.map((t) => /* @__PURE__ */ e(
-              De,
-              {
-                element: t,
-                isSelected: (d == null ? void 0 : d.id) === t.id,
-                onSelect: () => h(t),
-                onUpdate: (b) => I(t.id, b),
-                onDelete: () => S(t.id)
-              },
-              t.id
-            )),
-            o.layout.elements.length === 0 && /* @__PURE__ */ e("div", { className: "nice-report-builder__canvas-empty", children: "Drag elements here to build your report" })
-          ]
-        }
-      ) }),
-      l === "data" && /* @__PURE__ */ e(
-        He,
-        {
-          report: o,
-          dataSource: y,
-          onChange: (t) => C((b) => ({ ...b, query: t }))
-        }
-      ),
-      l === "parameters" && /* @__PURE__ */ e(
-        ke,
-        {
-          parameters: o.parameters,
-          calculations: o.calculations,
-          onChange: (t, b) => C((_) => ({ ..._, parameters: t, calculations: b }))
-        }
-      ),
-      l === "formatting" && /* @__PURE__ */ e(
-        Te,
-        {
-          formatting: o.formatting,
-          grouping: o.grouping,
-          sorting: o.sorting,
-          onChange: (t, b, _) => C((R) => ({ ...R, formatting: t, grouping: b, sorting: _ }))
-        }
-      ),
-      d && l === "design" && /* @__PURE__ */ e(
-        Re,
-        {
-          element: d,
-          dataSource: y,
-          onChange: (t) => I(d.id, t),
-          onClose: () => h(null)
-        }
-      )
-    ] })
-  ] });
-}
-function Ce(r) {
-  switch (r) {
-    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 {};
-  }
-}
-function De({
-  element: r,
-  isSelected: i,
-  onSelect: n,
-  onUpdate: s,
-  onDelete: c
-}) {
-  var M;
-  const [u, m] = D(!1), [o, v] = D(!1), d = (N) => {
-    if (N.button !== 0)
-      return;
-    N.stopPropagation(), n(), m(!0);
-    const C = N.clientX, P = N.clientY, I = { ...r.position }, S = (A) => {
-      const U = A.clientX - C, y = A.clientY - P;
-      s({
-        position: {
-          ...I,
-          x: Math.max(0, I.x + U),
-          y: Math.max(0, I.y + y)
-        }
-      });
-    }, z = () => {
-      m(!1), window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", z);
-    };
-    window.addEventListener("mousemove", S), window.addEventListener("mouseup", z);
-  }, h = (N, C) => {
-    N.stopPropagation(), v(!0);
-    const P = N.clientX, I = N.clientY, S = { ...r.position }, z = (U) => {
-      const y = U.clientX - P, t = U.clientY - I, b = { ...S };
-      C.includes("e") && (b.width = Math.max(50, S.width + y)), C.includes("s") && (b.height = Math.max(30, S.height + t)), C.includes("w") && (b.x = S.x + y, b.width = Math.max(50, S.width - y)), C.includes("n") && (b.y = S.y + t, b.height = Math.max(30, S.height - t)), s({ position: b });
-    }, A = () => {
-      v(!1), window.removeEventListener("mousemove", z), window.removeEventListener("mouseup", A);
-    };
-    window.addEventListener("mousemove", z), window.addEventListener("mouseup", A);
-  }, l = G.find((N) => N.type === r.type), { padding: g, ...E } = r.style ?? {}, T = typeof g == "object" && g !== null ? `${g.top}px ${g.right}px ${g.bottom}px ${g.left}px` : g;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: `nice-report-builder__element nice-report-builder__element--${r.type} ${i ? "nice-report-builder__element--selected" : ""}`,
-      style: {
-        left: r.position.x,
-        top: r.position.y,
-        width: r.position.width,
-        height: r.position.height,
-        ...E,
-        padding: T
-      },
-      onMouseDown: d,
-      children: [
-        /* @__PURE__ */ a("div", { className: "nice-report-builder__element-content", children: [
-          /* @__PURE__ */ e("span", { className: "nice-report-builder__element-icon", children: l == null ? void 0 : l.icon }),
-          /* @__PURE__ */ e("span", { className: "nice-report-builder__element-label", children: ((M = r.binding) == null ? void 0 : M.field) || (l == null ? void 0 : l.label) })
-        ] }),
-        i && /* @__PURE__ */ a($, { children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "nice-report-builder__element-delete",
-              onClick: (N) => {
-                N.stopPropagation(), c();
-              },
-              children: "×"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--se",
-              onMouseDown: (N) => h(N, "se")
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--e",
-              onMouseDown: (N) => h(N, "e")
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--s",
-              onMouseDown: (N) => h(N, "s")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function He({
-  report: r,
-  dataSource: i,
-  onChange: n
-}) {
-  var u, m, o, v;
-  const [s, c] = D("builder");
-  return /* @__PURE__ */ a("div", { className: "nice-report-builder__query-builder", children: [
-    /* @__PURE__ */ a("div", { className: "nice-report-builder__query-tabs", children: [
-      /* @__PURE__ */ e("button", { className: s === "builder" ? "active" : "", onClick: () => c("builder"), children: "Query Builder" }),
-      /* @__PURE__ */ e("button", { className: s === "sql" ? "active" : "", onClick: () => c("sql"), children: "SQL" })
-    ] }),
-    s === "builder" ? /* @__PURE__ */ a("div", { className: "nice-report-builder__visual-query", children: [
-      /* @__PURE__ */ e("h4", { children: "Tables" }),
-      (u = i == null ? void 0 : i.schema) == null ? void 0 : u.tables.map((d) => {
-        var h, l;
-        return /* @__PURE__ */ e("div", { className: "nice-report-builder__query-table", children: /* @__PURE__ */ a("label", { children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "checkbox",
-              checked: ((l = (h = r.query) == null ? void 0 : h.tables) == null ? void 0 : l.includes(d.name)) || !1,
-              onChange: (g) => {
-                var T, M;
-                const E = g.target.checked ? [...((T = r.query) == null ? void 0 : T.tables) || [], d.name] : (((M = r.query) == null ? void 0 : M.tables) || []).filter((N) => N !== d.name);
-                n({ ...r.query, type: "builder", tables: E });
-              }
-            }
-          ),
-          d.name
-        ] }) }, d.name);
-      }),
-      /* @__PURE__ */ e("h4", { children: "Columns" }),
-      /* @__PURE__ */ e("div", { className: "nice-report-builder__column-list", children: (o = (m = r.query) == null ? void 0 : m.tables) == null ? void 0 : o.map((d) => {
-        var l;
-        const h = (l = i == null ? void 0 : i.schema) == null ? void 0 : l.tables.find((g) => g.name === d);
-        return h == null ? void 0 : h.columns.map((g) => /* @__PURE__ */ a("div", { className: "nice-report-builder__column-item", children: [
-          /* @__PURE__ */ e("input", { type: "checkbox" }),
-          /* @__PURE__ */ a("span", { children: [
-            d,
-            ".",
-            g.name
-          ] }),
-          /* @__PURE__ */ a("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" })
-          ] })
-        ] }, `${d}.${g.name}`));
-      }) })
-    ] }) : /* @__PURE__ */ e("div", { className: "nice-report-builder__sql-editor", children: /* @__PURE__ */ e(
-      "textarea",
-      {
-        value: ((v = r.query) == null ? void 0 : v.text) || "",
-        onChange: (d) => n({ ...r.query, type: "sql", text: d.target.value }),
-        placeholder: "SELECT * FROM table_name",
-        rows: 15
-      }
-    ) })
-  ] });
-}
-function ke({
-  parameters: r,
-  calculations: i,
-  onChange: n
-}) {
-  const s = () => {
-    const u = {
-      id: crypto.randomUUID(),
-      name: "param" + (r.length + 1),
-      label: "Parameter " + (r.length + 1),
-      type: "text"
-    };
-    n([...r, u], i);
-  }, c = () => {
-    const u = {
-      id: crypto.randomUUID(),
-      name: "calc" + (i.length + 1),
-      expression: ""
-    };
-    n(r, [...i, u]);
-  };
-  return /* @__PURE__ */ a("div", { className: "nice-report-builder__parameters-editor", children: [
-    /* @__PURE__ */ a("section", { children: [
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__section-header", children: [
-        /* @__PURE__ */ e("h4", { children: "Parameters" }),
-        /* @__PURE__ */ e("button", { onClick: s, children: "+ Add" })
-      ] }),
-      r.map((u, m) => /* @__PURE__ */ a("div", { className: "nice-report-builder__param-row", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: u.name,
-            placeholder: "Name",
-            onChange: (o) => {
-              const v = [...r];
-              v[m] = { ...u, name: o.target.value }, n(v, i);
-            }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: u.label,
-            placeholder: "Label",
-            onChange: (o) => {
-              const v = [...r];
-              v[m] = { ...u, label: o.target.value }, n(v, i);
-            }
-          }
-        ),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            value: u.type,
-            onChange: (o) => {
-              const v = [...r];
-              v[m] = { ...u, type: o.target.value }, n(v, i);
-            },
-            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: () => {
-              n(
-                r.filter((o) => o.id !== u.id),
-                i
-              );
-            },
-            children: "×"
-          }
-        )
-      ] }, u.id))
-    ] }),
-    /* @__PURE__ */ a("section", { children: [
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__section-header", children: [
-        /* @__PURE__ */ e("h4", { children: "Calculated Fields" }),
-        /* @__PURE__ */ e("button", { onClick: c, children: "+ Add" })
-      ] }),
-      i.map((u, m) => /* @__PURE__ */ a("div", { className: "nice-report-builder__calc-row", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: u.name,
-            placeholder: "Name",
-            onChange: (o) => {
-              const v = [...i];
-              v[m] = { ...u, name: o.target.value }, n(r, v);
-            }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: u.expression,
-            placeholder: "Expression (e.g., [Sales] * [Quantity])",
-            onChange: (o) => {
-              const v = [...i];
-              v[m] = { ...u, expression: o.target.value }, n(r, v);
-            }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => {
-              n(
-                r,
-                i.filter((o) => o.id !== u.id)
-              );
-            },
-            children: "×"
-          }
-        )
-      ] }, u.id))
-    ] })
-  ] });
-}
-function Te({
-  formatting: r,
-  grouping: i,
-  sorting: n,
-  onChange: s
-}) {
-  return /* @__PURE__ */ a("div", { className: "nice-report-builder__formatting-editor", children: [
-    /* @__PURE__ */ a("section", { children: [
-      /* @__PURE__ */ e("h4", { children: "General" }),
-      /* @__PURE__ */ a("label", { children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "checkbox",
-            checked: r.alternateRowColors,
-            onChange: (c) => s({ ...r, alternateRowColors: c.target.checked }, i, n)
-          }
-        ),
-        "Alternate row colors"
-      ] }),
-      /* @__PURE__ */ a("label", { children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "checkbox",
-            checked: r.gridLines,
-            onChange: (c) => s({ ...r, gridLines: c.target.checked }, i, n)
-          }
-        ),
-        "Show grid lines"
-      ] })
-    ] }),
-    /* @__PURE__ */ a("section", { children: [
-      /* @__PURE__ */ e("h4", { children: "Conditional Formatting" }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => {
-            const c = {
-              id: crypto.randomUUID(),
-              condition: { column: "", operator: "gt", value: 0 },
-              style: { backgroundColor: "#ffcccc" },
-              scope: "cell"
-            };
-            s(
-              {
-                ...r,
-                conditionalFormats: [...r.conditionalFormats, c]
-              },
-              i,
-              n
-            );
-          },
-          children: "+ Add Rule"
-        }
-      ),
-      r.conditionalFormats.map((c) => /* @__PURE__ */ a("div", { className: "nice-report-builder__format-rule", children: [
-        /* @__PURE__ */ a("span", { children: [
-          "If column ",
-          c.condition.operator,
-          " ",
-          String(c.condition.value)
-        ] }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "color",
-            value: c.style.backgroundColor || "var(--nice-bg, #fff)",
-            onChange: (u) => {
-              s(
-                {
-                  ...r,
-                  conditionalFormats: r.conditionalFormats.map(
-                    (m) => m.id === c.id ? { ...m, style: { ...m.style, backgroundColor: u.target.value } } : m
-                  )
-                },
-                i,
-                n
-              );
-            }
-          }
-        )
-      ] }, c.id))
-    ] })
-  ] });
-}
-function Re({
-  element: r,
-  dataSource: i,
-  onChange: n,
-  onClose: s
-}) {
-  var c, u, m, o, v, d, h;
-  return /* @__PURE__ */ a("div", { className: "nice-report-builder__properties", children: [
-    /* @__PURE__ */ a("div", { className: "nice-report-builder__properties-header", children: [
-      /* @__PURE__ */ a("h4", { children: [
-        (c = G.find((l) => l.type === r.type)) == null ? void 0 : c.label,
-        " Properties"
-      ] }),
-      /* @__PURE__ */ e("button", { onClick: s, children: "×" })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-report-builder__properties-content", children: [
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Data Binding" }),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            value: ((u = r.binding) == null ? void 0 : u.field) || "",
-            onChange: (l) => n({ binding: { ...r.binding, field: l.target.value } }),
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "None" }),
-              (m = i == null ? void 0 : i.schema) == null ? void 0 : m.tables.flatMap(
-                (l) => l.columns.map((g) => /* @__PURE__ */ a("option", { value: `${l.name}.${g.name}`, children: [
-                  l.name,
-                  ".",
-                  g.name
-                ] }, `${l.name}.${g.name}`))
-              )
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Position" }),
-        /* @__PURE__ */ a("div", { className: "nice-report-builder__position-inputs", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: r.position.x,
-              onChange: (l) => n({
-                position: { ...r.position, x: parseInt(l.target.value, 10) || 0 }
-              }),
-              placeholder: "X"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: r.position.y,
-              onChange: (l) => n({
-                position: { ...r.position, y: parseInt(l.target.value, 10) || 0 }
-              }),
-              placeholder: "Y"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: r.position.width,
-              onChange: (l) => n({
-                position: { ...r.position, width: parseInt(l.target.value, 10) || 50 }
-              }),
-              placeholder: "W"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: r.position.height,
-              onChange: (l) => n({
-                position: { ...r.position, height: parseInt(l.target.value, 10) || 30 }
-              }),
-              placeholder: "H"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Background Color" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "color",
-            value: ((o = r.style) == null ? void 0 : o.backgroundColor) || "var(--nice-bg, #fff)",
-            onChange: (l) => n({ style: { ...r.style, backgroundColor: l.target.value } })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Border" }),
-        /* @__PURE__ */ a("div", { className: "nice-report-builder__border-inputs", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "color",
-              value: ((v = r.style) == null ? void 0 : v.borderColor) || "var(--nice-text, #000000)",
-              onChange: (l) => n({ style: { ...r.style, borderColor: l.target.value } })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: ((d = r.style) == null ? void 0 : d.borderWidth) || 0,
-              onChange: (l) => n({
-                style: { ...r.style, borderWidth: parseInt(l.target.value, 10) || 0 }
-              }),
-              placeholder: "Width",
-              min: 0,
-              max: 10
-            }
-          )
-        ] })
-      ] }),
-      r.type === "text" && /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ a("div", { className: "nice-report-builder__field", children: [
-          /* @__PURE__ */ e("label", { children: "Content" }),
-          /* @__PURE__ */ e(
-            "textarea",
-            {
-              value: r.config.content || "",
-              onChange: (l) => n({ config: { ...r.config, content: l.target.value } }),
-              rows: 3
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-report-builder__field", children: [
-          /* @__PURE__ */ e("label", { children: "Font Size" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: ((h = r.style) == null ? void 0 : h.fontSize) || 12,
-              onChange: (l) => n({
-                style: { ...r.style, fontSize: parseInt(l.target.value, 10) || 12 }
-              }),
-              min: 8,
-              max: 72
-            }
-          )
-        ] })
-      ] }),
-      r.type === "chart" && /* @__PURE__ */ a("div", { className: "nice-report-builder__field", children: [
-        /* @__PURE__ */ e("label", { children: "Chart Type" }),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            value: r.config.chartType || "bar",
-            onChange: (l) => n({ config: { ...r.config, chartType: l.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" })
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-const Ee = [
-  {
-    target: ".nice-dashboard-studio",
-    titleKey: "tutorial.dashboardStudio.intro.title",
-    title: "Dashboard studio",
-    contentKey: "tutorial.dashboardStudio.intro.content",
-    content: "Drag widgets from the palette onto the grid, bind them to data sources, add filters, then toggle Edit/View, refresh and save.",
-    placement: "auto"
-  }
-], Me = {
-  id: "",
-  name: "New Dashboard",
-  layout: {
-    type: "grid",
-    columns: 12,
-    rowHeight: 50,
-    gap: 8
-  },
-  widgets: [],
-  filters: []
-}, q = [
-  { 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 Ze({
-  dashboard: r,
-  dataSources: i = [],
-  onChange: n,
-  onWidgetAdd: s,
-  onRefresh: c,
-  className: u = "",
-  tutorial: m
-}) {
-  const [o, v] = D(
-    r || { ...Me, id: crypto.randomUUID() }
-  ), [d, h] = D(null), [l, g] = D(!0), [E, T] = D(null), [M, N] = D(!0), C = Q(null), P = k(
-    (y) => {
-      v((t) => {
-        const b = y(t);
-        return n == null || n(b), b;
-      });
-    },
-    [n]
-  ), I = k(
-    (y, t) => {
-      var _;
-      const b = {
-        id: crypto.randomUUID(),
-        type: y,
-        title: ((_ = q.find((R) => R.type === y)) == null ? void 0 : _.label) || y,
-        position: {
-          x: (t == null ? void 0 : t.x) ?? 0,
-          y: (t == null ? void 0 : t.y) ?? Pe(o.widgets),
-          width: (t == null ? void 0 : t.width) ?? Le(y),
-          height: (t == null ? void 0 : t.height) ?? Ie(y)
-        },
-        config: ze(y)
-      };
-      P((R) => ({
-        ...R,
-        widgets: [...R.widgets, b]
-      })), h(b), s == null || s(y);
-    },
-    [o.widgets, P, s]
-  ), S = k(
-    (y, t) => {
-      P((b) => ({
-        ...b,
-        widgets: b.widgets.map((_) => _.id === y ? { ..._, ...t } : _)
-      })), (d == null ? void 0 : d.id) === y && h((b) => b ? { ...b, ...t } : null);
-    },
-    [P, d]
-  ), z = k(
-    (y) => {
-      P((t) => ({
-        ...t,
-        widgets: t.widgets.filter((b) => b.id !== y)
-      })), h(null);
-    },
-    [P]
-  ), A = k(
-    (y) => {
-      if (y.preventDefault(), !E || !C.current)
-        return;
-      const t = C.current.getBoundingClientRect(), b = t.width / (o.layout.columns || 12), _ = Math.floor((y.clientX - t.left) / b), R = Math.floor((y.clientY - t.top) / (o.layout.rowHeight || 50));
-      I(E, { x: _, y: R }), T(null);
-    },
-    [E, o.layout, I]
-  ), U = k(() => {
-    c == null || c();
-  }, [c]);
-  return /* @__PURE__ */ a("div", { className: `nice-dashboard-studio ${u}`, children: [
-    /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__toolbar", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          value: o.name,
-          onChange: (y) => P((t) => ({ ...t, name: y.target.value })),
-          className: "nice-dashboard-studio__name-input",
-          disabled: !l
-        }
-      ),
-      /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__actions", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: `nice-dashboard-studio__action ${l ? "active" : ""}`,
-            onClick: () => g(!l),
-            children: l ? "✏️ Editing" : "👁 Viewing"
-          }
-        ),
-        /* @__PURE__ */ a("button", { onClick: () => N(!M), children: [
-          "🔍 Filters ",
-          M ? "▲" : "▼"
-        ] }),
-        /* @__PURE__ */ e("button", { onClick: U, children: "🔄 Refresh" }),
-        /* @__PURE__ */ e("button", { children: "📤 Share" }),
-        /* @__PURE__ */ e("button", { children: "💾 Save" }),
-        /* @__PURE__ */ e(K, { steps: X(m, Ee) })
-      ] })
-    ] }),
-    M && o.filters.length > 0 && /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__filters-bar", children: o.filters.map((y) => /* @__PURE__ */ e(Fe, { filter: y }, y.id)) }),
-    /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__main", children: [
-      l && /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__palette", children: [
-        /* @__PURE__ */ e("h4", { children: "Widgets" }),
-        ["Visualization", "Controls", "Layout"].map((y) => /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__category", children: [
-          /* @__PURE__ */ e("h5", { children: y }),
-          q.filter((t) => t.category === y).map((t) => /* @__PURE__ */ a(
-            "div",
-            {
-              className: "nice-dashboard-studio__palette-item",
-              draggable: !0,
-              onDragStart: () => T(t.type),
-              onDragEnd: () => T(null),
-              children: [
-                /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__palette-icon", children: t.icon }),
-                /* @__PURE__ */ e("span", { children: t.label })
-              ]
-            },
-            t.type
-          ))
-        ] }, y)),
-        /* @__PURE__ */ e("h4", { children: "Data Sources" }),
-        i.map((y) => /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__datasource", children: /* @__PURE__ */ a("span", { children: [
-          "🗄️ ",
-          y.name
-        ] }) }, y.id))
-      ] }),
-      /* @__PURE__ */ a(
-        "div",
-        {
-          ref: C,
-          className: `nice-dashboard-studio__grid ${l ? "nice-dashboard-studio__grid--editing" : ""}`,
-          style: {
-            "--columns": o.layout.columns || 12,
-            "--row-height": `${o.layout.rowHeight || 50}px`,
-            "--gap": `${o.layout.gap || 8}px`
-          },
-          onDragOver: (y) => y.preventDefault(),
-          onDrop: A,
-          onClick: () => h(null),
-          children: [
-            o.widgets.map((y) => /* @__PURE__ */ e(
-              Ae,
-              {
-                widget: y,
-                isSelected: (d == null ? void 0 : d.id) === y.id,
-                isEditing: l,
-                onSelect: () => h(y),
-                onUpdate: (t) => S(y.id, t),
-                onDelete: () => z(y.id)
-              },
-              y.id
-            )),
-            o.widgets.length === 0 && l && /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__empty", children: "Drag widgets from the palette to build your dashboard" })
-          ]
-        }
-      ),
-      d && l && /* @__PURE__ */ e(
-        $e,
-        {
-          widget: d,
-          dataSources: i,
-          onChange: (y) => S(d.id, y),
-          onClose: () => h(null)
-        }
-      )
-    ] })
-  ] });
-}
-function Pe(r) {
-  return r.length === 0 ? 0 : Math.max(...r.map((i) => i.position.y + i.position.height));
-}
-function Le(r) {
-  switch (r) {
-    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;
-  }
-}
-function Ie(r) {
-  switch (r) {
-    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;
-  }
-}
-function ze(r) {
-  switch (r) {
-    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 Ae({
-  widget: r,
-  isSelected: i,
-  isEditing: n,
-  onSelect: s,
-  onUpdate: c,
-  onDelete: u
-}) {
-  const m = (v) => {
-    if (!n || v.button !== 0)
-      return;
-    v.stopPropagation(), s();
-    const d = v.clientX, h = v.clientY, l = { ...r.position }, g = (T) => {
-      const M = Math.round((T.clientX - d) / 50), N = Math.round((T.clientY - h) / 50);
-      c({
-        position: {
-          ...l,
-          x: Math.max(0, l.x + M),
-          y: Math.max(0, l.y + N)
-        }
-      });
-    }, E = () => {
-      window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", E);
-    };
-    window.addEventListener("mousemove", g), window.addEventListener("mouseup", E);
-  }, o = q.find((v) => v.type === r.type);
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: `nice-dashboard-studio__widget nice-dashboard-studio__widget--${r.type} ${i ? "nice-dashboard-studio__widget--selected" : ""}`,
-      style: {
-        gridColumn: `${r.position.x + 1} / span ${r.position.width}`,
-        gridRow: `${r.position.y + 1} / span ${r.position.height}`
-      },
-      onMouseDown: m,
-      children: [
-        /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__widget-header", children: [
-          /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__widget-icon", children: o == null ? void 0 : o.icon }),
-          /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__widget-title", children: r.title }),
-          n && /* @__PURE__ */ e(
-            "button",
-            {
-              className: "nice-dashboard-studio__widget-delete",
-              onClick: (v) => {
-                v.stopPropagation(), u();
-              },
-              children: "×"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__widget-content", children: /* @__PURE__ */ e(Ue, { widget: r }) })
-      ]
-    }
-  );
-}
-function Ue({ widget: r }) {
-  switch (r.type) {
-    case "card":
-      return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__card", children: [
-        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__card-value", children: String(r.config.value || "0") }),
-        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__card-label", children: String(r.config.label || "Label") })
-      ] });
-    case "gauge": {
-      const i = Number(r.config.value) || 0, n = Number(r.config.max) || 100, s = i / n * 100;
-      return /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__gauge", children: /* @__PURE__ */ a("svg", { viewBox: "0 0 100 60", children: [
-        /* @__PURE__ */ e(
-          "path",
-          {
-            d: "M 10 55 A 40 40 0 0 1 90 55",
-            fill: "none",
-            stroke: "var(--nice-border, #e0e0e0)",
-            strokeWidth: "8"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "path",
-          {
-            d: "M 10 55 A 40 40 0 0 1 90 55",
-            fill: "none",
-            stroke: "var(--nice-primary, #0066cc)",
-            strokeWidth: "8",
-            strokeDasharray: `${s * 1.26} 126`
-          }
-        ),
-        /* @__PURE__ */ a("text", { x: "50", y: "50", textAnchor: "middle", fontSize: "16", fontWeight: "bold", children: [
-          i,
-          "%"
-        ] })
-      ] }) });
-    }
-    case "chart":
-      return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__chart-placeholder", children: [
-        /* @__PURE__ */ e("span", { children: "📊" }),
-        /* @__PURE__ */ a("span", { children: [
-          String(r.config.chartType || "bar"),
-          " chart"
-        ] })
-      ] });
-    case "table":
-      return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__table-placeholder", children: [
-        /* @__PURE__ */ e("span", { children: "📋" }),
-        /* @__PURE__ */ e("span", { children: "Data table" })
-      ] });
-    case "map":
-      return /* @__PURE__ */ a("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(r.config.fontSize) || 14 },
-          children: String(r.config.content || "")
-        }
-      );
-    default:
-      return /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__widget-placeholder", children: r.type });
-  }
-}
-function Fe({ filter: r }) {
-  const [i, n] = D(r.defaultValue);
-  switch (r.type) {
-    case "dropdown":
-      return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: r.label }),
-        /* @__PURE__ */ e("select", { value: String(i || ""), onChange: (s) => n(s.target.value), children: /* @__PURE__ */ e("option", { value: "", children: "All" }) })
-      ] });
-    case "daterange":
-      return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: r.label }),
-        /* @__PURE__ */ e("input", { type: "date" }),
-        /* @__PURE__ */ e("span", { children: "to" }),
-        /* @__PURE__ */ e("input", { type: "date" })
-      ] });
-    case "slider":
-      return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: r.label }),
-        /* @__PURE__ */ e("input", { type: "range" })
-      ] });
-    default:
-      return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__filter", children: [
-        /* @__PURE__ */ e("label", { children: r.label }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: String(i || ""),
-            onChange: (s) => n(s.target.value)
-          }
-        )
-      ] });
-  }
-}
-function $e({
-  widget: r,
-  dataSources: i,
-  onChange: n,
-  onClose: s
-}) {
-  return /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__properties", children: [
-    /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__properties-header", children: [
-      /* @__PURE__ */ e("h4", { children: "Widget Properties" }),
-      /* @__PURE__ */ e("button", { onClick: s, children: "×" })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__properties-content", children: [
-      /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Title" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: r.title || "",
-            onChange: (c) => n({ title: c.target.value })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Data Source" }),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            value: r.dataSource || "",
-            onChange: (c) => n({ dataSource: c.target.value }),
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "Select..." }),
-              i.map((c) => /* @__PURE__ */ e("option", { value: c.id, children: c.name }, c.id))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Size" }),
-        /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__size-inputs", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: r.position.width,
-              onChange: (c) => n({
-                position: { ...r.position, width: parseInt(c.target.value, 10) || 1 }
-              }),
-              min: 1,
-              max: 12
-            }
-          ),
-          /* @__PURE__ */ e("span", { children: "×" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: r.position.height,
-              onChange: (c) => n({
-                position: { ...r.position, height: parseInt(c.target.value, 10) || 1 }
-              }),
-              min: 1,
-              max: 20
-            }
-          )
-        ] })
-      ] }),
-      r.type === "chart" && /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Chart Type" }),
-        /* @__PURE__ */ a(
-          "select",
-          {
-            value: String(r.config.chartType || "bar"),
-            onChange: (c) => n({ config: { ...r.config, chartType: c.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" })
-            ]
-          }
-        )
-      ] }),
-      r.type === "card" && /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-          /* @__PURE__ */ e("label", { children: "Value Field" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: String(r.config.value || ""),
-              onChange: (c) => n({ config: { ...r.config, value: c.target.value } }),
-              placeholder: "e.g., SUM(Sales)"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-          /* @__PURE__ */ e("label", { children: "Label" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: String(r.config.label || ""),
-              onChange: (c) => n({ config: { ...r.config, label: c.target.value } })
-            }
-          )
-        ] })
-      ] }),
-      r.type === "text" && /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Content" }),
-        /* @__PURE__ */ e(
-          "textarea",
-          {
-            value: String(r.config.content || ""),
-            onChange: (c) => n({ config: { ...r.config, content: c.target.value } }),
-            rows: 4
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "nice-dashboard-studio__field", children: [
-        /* @__PURE__ */ e("label", { children: "Refresh Interval (seconds)" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "number",
-            value: r.refreshInterval || 0,
-            onChange: (c) => n({ refreshInterval: parseInt(c.target.value, 10) || 0 }),
-            min: 0,
-            placeholder: "0 = manual"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-const Be = [
+b(null);
+const _e = [
   {
     target: ".nice-etl-builder",
     titleKey: "tutorial.etlBuilder.intro.title",
@@ -3175,14 +1767,14 @@ const Be = [
     content: "Wire sources → transformations → destinations into a pipeline, switch the views, then run it and save the configuration.",
     placement: "auto"
   }
-], Oe = {
+], xe = {
   id: "",
   name: "New Pipeline",
   sources: [],
   transformations: [],
   destinations: [],
   version: 1
-}, V = [
+}, P = [
   { type: "filter", label: "Filter", icon: "🔍" },
   { type: "map", label: "Map", icon: "🔄" },
   { type: "aggregate", label: "Aggregate", icon: "∑" },
@@ -3200,311 +1792,311 @@ const Be = [
   { type: "cleanse", label: "Cleanse", icon: "🧹" },
   { type: "custom", label: "Custom", icon: "ƒ" }
 ];
-function er({
-  pipeline: r,
-  dataSources: i = [],
-  onChange: n,
-  onRun: s,
-  onSchedule: c,
+function De({
+  pipeline: a,
+  dataSources: r = [],
+  onChange: c,
+  onRun: t,
+  onSchedule: y,
   className: u = "",
-  tutorial: m
+  tutorial: o
 }) {
-  const [o, v] = D(
-    r || { ...Oe, id: crypto.randomUUID() }
-  ), [d, h] = D(null), [l, g] = D("design"), [E, T] = D(!1), [M, N] = D([]), [C, P] = D(null), I = Q(null), S = k(
-    (p) => {
-      v((w) => {
-        const x = p(w);
-        return n == null || n(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;
       });
     },
-    [n]
-  ), z = k(
-    (p) => {
-      var x;
-      const w = {
+    [c]
+  ), I = x(
+    (n) => {
+      var l;
+      const s = {
         id: crypto.randomUUID(),
-        type: p.type,
-        name: p.name,
-        config: p.config,
-        schema: (x = p.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]
       };
-      S((F) => ({
-        ...F,
-        sources: [...F.sources, w]
+      h((g) => ({
+        ...g,
+        sources: [...g.sources, s]
       }));
     },
-    [S]
-  ), A = k(
-    (p, w) => {
-      var F;
-      const x = {
+    [h]
+  ), z = x(
+    (n, s) => {
+      var g;
+      const l = {
         id: crypto.randomUUID(),
-        type: p,
-        name: ((F = V.find((O) => O.type === p)) == null ? void 0 : F.label) || p,
+        type: n,
+        name: ((g = P.find((R) => R.type === n)) == null ? void 0 : g.label) || n,
         input: [],
         output: crypto.randomUUID(),
-        config: Ve(p)
+        config: He(n)
       };
-      S((O) => ({
-        ...O,
-        transformations: [...O.transformations, x]
-      })), h({ type: "transformation", id: x.id });
+      h((R) => ({
+        ...R,
+        transformations: [...R.transformations, l]
+      })), v({ type: "transformation", id: l.id });
     },
-    [S]
-  ), U = k(() => {
-    const p = {
+    [h]
+  ), X = x(() => {
+    const n = {
       id: crypto.randomUUID(),
       type: "database",
       name: "New Destination",
       config: {},
       writeMode: "append"
     };
-    S((w) => ({
-      ...w,
-      destinations: [...w.destinations, p]
-    })), h({ type: "destination", id: p.id });
-  }, [S]), y = k(
-    (p, w) => {
-      S((x) => {
-        switch (p) {
+    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((F) => F.id !== w) };
+            return { ...l, sources: l.sources.filter((g) => g.id !== s) };
           case "transformation":
             return {
-              ...x,
-              transformations: x.transformations.filter((F) => F.id !== w)
+              ...l,
+              transformations: l.transformations.filter((g) => g.id !== s)
             };
           case "destination":
-            return { ...x, destinations: x.destinations.filter((F) => F.id !== w) };
+            return { ...l, destinations: l.destinations.filter((g) => g.id !== s) };
           default:
-            return x;
+            return l;
         }
-      }), h(null);
+      }), v(null);
     },
-    [S]
-  ), t = k(async () => {
-    if (s) {
-      T(!0);
+    [h]
+  ), Y = x(async () => {
+    if (t) {
+      k(!0);
       try {
-        const p = await s(o);
-        N((w) => [p, ...w].slice(0, 50));
+        const n = await t(p);
+        G((s) => [n, ...s].slice(0, 50));
       } finally {
-        T(!1);
+        k(!1);
       }
     }
-  }, [o, s]), b = k(
-    (p) => {
-      S((w) => ({ ...w, schedule: p })), c == null || c(o, p);
+  }, [p, t]), q = x(
+    (n) => {
+      h((s) => ({ ...s, schedule: n })), y == null || y(p, n);
     },
-    [o, S, c]
-  ), _ = k(
-    (p) => {
-      if (p.preventDefault(), !!C) {
-        if (C.startsWith("transform:")) {
-          const w = C.replace("transform:", "");
-          A(w);
+    [p, h, y]
+  ), Q = x(
+    (n) => {
+      if (n.preventDefault(), !!D) {
+        if (D.startsWith("transform:")) {
+          const s = D.replace("transform:", "");
+          z(s);
         }
-        P(null);
+        E(null);
       }
     },
-    [C, A]
-  ), R = () => {
-    if (!d)
+    [D, z]
+  ), ee = () => {
+    if (!f)
       return null;
-    switch (d.type) {
+    switch (f.type) {
       case "source":
-        return o.sources.find((p) => p.id === d.id);
+        return p.sources.find((n) => n.id === f.id);
       case "transformation":
-        return o.transformations.find((p) => p.id === d.id);
+        return p.transformations.find((n) => n.id === f.id);
       case "destination":
-        return o.destinations.find((p) => p.id === d.id);
+        return p.destinations.find((n) => n.id === f.id);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ a("div", { className: `nice-etl-builder ${u}`, children: [
-    /* @__PURE__ */ a("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: o.name,
-          onChange: (p) => S((w) => ({ ...w, name: p.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((p) => /* @__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 ${l === p ? "nice-etl-builder__tab--active" : ""}`,
-          onClick: () => g(p),
-          children: p.charAt(0).toUpperCase() + p.slice(1)
+          className: `nice-etl-builder__tab ${_ === n ? "nice-etl-builder__tab--active" : ""}`,
+          onClick: () => C(n),
+          children: n.charAt(0).toUpperCase() + n.slice(1)
         },
-        p
+        n
       )) }),
-      /* @__PURE__ */ a("div", { className: "nice-etl-builder__actions", children: [
-        /* @__PURE__ */ e("button", { onClick: t, disabled: E, className: "nice-etl-builder__run-btn", children: E ? "⏳ Running..." : "▶ Run" }),
+      /* @__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(K, { steps: X(m, Be) })
+        /* @__PURE__ */ e(he, { steps: be(o, _e) })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "nice-etl-builder__main", children: [
-      l === "design" && /* @__PURE__ */ a("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" }),
-        i.map((p) => /* @__PURE__ */ a(
+        r.map((n) => /* @__PURE__ */ d(
           "div",
           {
             className: "nice-etl-builder__palette-item",
-            onClick: () => z(p),
+            onClick: () => I(n),
             children: [
               /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: "🗄️" }),
-              /* @__PURE__ */ e("span", { children: p.name })
+              /* @__PURE__ */ e("span", { children: n.name })
             ]
           },
-          p.id
+          n.id
         )),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => z({ id: "", name: "New Source", type: "database", config: {} }),
+            onClick: () => I({ id: "", name: "New Source", type: "database", config: {} }),
             children: "+ Add Source"
           }
         ),
         /* @__PURE__ */ e("h4", { children: "Transformations" }),
-        V.map((p) => /* @__PURE__ */ a(
+        P.map((n) => /* @__PURE__ */ d(
           "div",
           {
             className: "nice-etl-builder__palette-item",
             draggable: !0,
-            onDragStart: () => P(`transform:${p.type}`),
-            onDragEnd: () => P(null),
+            onDragStart: () => E(`transform:${n.type}`),
+            onDragEnd: () => E(null),
             children: [
-              /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: p.icon }),
-              /* @__PURE__ */ e("span", { children: p.label })
+              /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: n.icon }),
+              /* @__PURE__ */ e("span", { children: n.label })
             ]
           },
-          p.type
+          n.type
         )),
         /* @__PURE__ */ e("h4", { children: "Destinations" }),
-        /* @__PURE__ */ e("button", { onClick: U, children: "+ Add Destination" })
+        /* @__PURE__ */ e("button", { onClick: X, children: "+ Add Destination" })
       ] }),
-      l === "design" && /* @__PURE__ */ e(
+      _ === "design" && /* @__PURE__ */ e(
         "div",
         {
-          ref: I,
+          ref: Z,
           className: "nice-etl-builder__canvas",
-          onDragOver: (p) => p.preventDefault(),
-          onDrop: _,
-          onClick: () => h(null),
-          children: /* @__PURE__ */ a("div", { className: "nice-etl-builder__flow", children: [
-            /* @__PURE__ */ a("div", { className: "nice-etl-builder__column", children: [
+          onDragOver: (n) => n.preventDefault(),
+          onDrop: Q,
+          onClick: () => v(null),
+          children: /* @__PURE__ */ d("div", { className: "nice-etl-builder__flow", children: [
+            /* @__PURE__ */ d("div", { className: "nice-etl-builder__column", children: [
               /* @__PURE__ */ e("h5", { children: "Sources" }),
-              o.sources.map((p) => /* @__PURE__ */ e(
-                W,
+              p.sources.map((n) => /* @__PURE__ */ e(
+                L,
                 {
-                  node: p,
+                  node: n,
                   nodeType: "source",
                   icon: "🗄️",
-                  isSelected: (d == null ? void 0 : d.id) === p.id,
-                  onSelect: () => h({ type: "source", id: p.id }),
-                  onDelete: () => y("source", p.id)
+                  isSelected: (f == null ? void 0 : f.id) === n.id,
+                  onSelect: () => v({ type: "source", id: n.id }),
+                  onDelete: () => A("source", n.id)
                 },
-                p.id
+                n.id
               ))
             ] }),
             /* @__PURE__ */ e("div", { className: "nice-etl-builder__arrow", children: "→" }),
-            /* @__PURE__ */ a("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" }),
-              o.transformations.map((p) => {
-                const w = V.find((x) => x.type === p.type);
+              p.transformations.map((n) => {
+                const s = P.find((l) => l.type === n.type);
                 return /* @__PURE__ */ e(
-                  W,
+                  L,
                   {
-                    node: p,
+                    node: n,
                     nodeType: "transformation",
-                    icon: (w == null ? void 0 : w.icon) || "🔄",
-                    isSelected: (d == null ? void 0 : d.id) === p.id,
-                    onSelect: () => h({ type: "transformation", id: p.id }),
-                    onDelete: () => y("transformation", p.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)
                   },
-                  p.id
+                  n.id
                 );
               }),
-              o.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__ */ a("div", { className: "nice-etl-builder__column", children: [
+            /* @__PURE__ */ d("div", { className: "nice-etl-builder__column", children: [
               /* @__PURE__ */ e("h5", { children: "Destinations" }),
-              o.destinations.map((p) => /* @__PURE__ */ e(
-                W,
+              p.destinations.map((n) => /* @__PURE__ */ e(
+                L,
                 {
-                  node: p,
+                  node: n,
                   nodeType: "destination",
                   icon: "📥",
-                  isSelected: (d == null ? void 0 : d.id) === p.id,
-                  onSelect: () => h({ type: "destination", id: p.id }),
-                  onDelete: () => y("destination", p.id)
+                  isSelected: (f == null ? void 0 : f.id) === n.id,
+                  onSelect: () => v({ type: "destination", id: n.id }),
+                  onDelete: () => A("destination", n.id)
                 },
-                p.id
+                n.id
               ))
             ] })
           ] })
         }
       ),
-      l === "code" && /* @__PURE__ */ e("div", { className: "nice-etl-builder__code-view", children: /* @__PURE__ */ e("pre", { children: JSON.stringify(o, null, 2) }) }),
-      l === "schedule" && /* @__PURE__ */ e(
-        qe,
+      _ === "code" && /* @__PURE__ */ e("div", { className: "nice-etl-builder__code-view", children: /* @__PURE__ */ e("pre", { children: JSON.stringify(p, null, 2) }) }),
+      _ === "schedule" && /* @__PURE__ */ e(
+        Se,
         {
-          schedule: o.schedule,
-          monitoring: o.monitoring,
-          onChange: b
+          schedule: p.schedule,
+          monitoring: p.monitoring,
+          onChange: q
         }
       ),
-      l === "history" && /* @__PURE__ */ e(Ye, { runs: M }),
-      d && l === "design" && /* @__PURE__ */ e(
-        We,
+      _ === "history" && /* @__PURE__ */ e(Ce, { runs: J }),
+      f && _ === "design" && /* @__PURE__ */ e(
+        Ne,
         {
-          nodeType: d.type,
-          node: R() ?? null,
-          dataSources: i,
-          onChange: (p) => {
-            S((w) => {
-              switch (d.type) {
+          nodeType: f.type,
+          node: ee() ?? null,
+          dataSources: r,
+          onChange: (n) => {
+            h((s) => {
+              switch (f.type) {
                 case "source":
                   return {
-                    ...w,
-                    sources: w.sources.map(
-                      (x) => x.id === d.id ? { ...x, ...p } : x
+                    ...s,
+                    sources: s.sources.map(
+                      (l) => l.id === f.id ? { ...l, ...n } : l
                     )
                   };
                 case "transformation":
                   return {
-                    ...w,
-                    transformations: w.transformations.map(
-                      (x) => x.id === d.id ? { ...x, ...p } : x
+                    ...s,
+                    transformations: s.transformations.map(
+                      (l) => l.id === f.id ? { ...l, ...n } : l
                     )
                   };
                 case "destination":
                   return {
-                    ...w,
-                    destinations: w.destinations.map(
-                      (x) => x.id === d.id ? { ...x, ...p } : x
+                    ...s,
+                    destinations: s.destinations.map(
+                      (l) => l.id === f.id ? { ...l, ...n } : l
                     )
                   };
                 default:
-                  return w;
+                  return s;
               }
             });
           },
-          onClose: () => h(null)
+          onClose: () => v(null)
         }
       )
     ] })
   ] });
 }
-function Ve(r) {
-  switch (r) {
+function He(a) {
+  switch (a) {
     case "filter":
       return { condition: "" };
     case "map":
@@ -3536,30 +2128,30 @@ return data;` };
       return {};
   }
 }
-function W({
-  node: r,
-  nodeType: i,
-  icon: n,
-  isSelected: s,
-  onSelect: c,
+function L({
+  node: a,
+  nodeType: r,
+  icon: c,
+  isSelected: t,
+  onSelect: y,
   onDelete: u
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: `nice-etl-builder__node nice-etl-builder__node--${i} ${s ? "nice-etl-builder__node--selected" : ""}`,
-      onClick: (m) => {
-        m.stopPropagation(), c();
+      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: n }),
-        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-name", children: r.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: (m) => {
-              m.stopPropagation(), u();
+            onClick: (o) => {
+              o.stopPropagation(), u();
             },
             children: "×"
           }
@@ -3568,42 +2160,42 @@ function W({
     }
   );
 }
-function We({
-  nodeType: r,
-  node: i,
-  dataSources: n,
-  onChange: s,
-  onClose: c
+function Ne({
+  nodeType: a,
+  node: r,
+  dataSources: c,
+  onChange: t,
+  onClose: y
 }) {
   var u;
-  return i ? /* @__PURE__ */ a("div", { className: "nice-etl-builder__properties", children: [
-    /* @__PURE__ */ a("div", { className: "nice-etl-builder__properties-header", children: [
-      /* @__PURE__ */ a("h4", { children: [
-        r.charAt(0).toUpperCase() + r.slice(1),
+  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: c, children: "×" })
+      /* @__PURE__ */ e("button", { onClick: y, children: "×" })
     ] }),
-    /* @__PURE__ */ a("div", { className: "nice-etl-builder__properties-content", children: [
-      /* @__PURE__ */ a("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: i.name,
-            onChange: (m) => s({ name: m.target.value })
+            value: r.name,
+            onChange: (o) => t({ name: o.target.value })
           }
         )
       ] }),
-      r === "source" && /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ a("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__ */ a(
+          /* @__PURE__ */ d(
             "select",
             {
-              value: i.type,
-              onChange: (m) => s({ type: m.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" }),
@@ -3613,19 +2205,19 @@ function We({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ a("label", { children: [
+        /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ d("label", { children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              checked: ((u = i.incremental) == null ? void 0 : u.enabled) || !1,
-              onChange: (m) => {
-                var o;
-                return s({
+              checked: ((u = r.incremental) == null ? void 0 : u.enabled) || !1,
+              onChange: (o) => {
+                var p;
+                return t({
                   incremental: {
-                    ...i.incremental,
-                    enabled: m.target.checked,
-                    column: ((o = i.incremental) == null ? void 0 : o.column) || ""
+                    ...r.incremental,
+                    enabled: o.target.checked,
+                    column: ((p = r.incremental) == null ? void 0 : p.column) || ""
                   }
                 });
               }
@@ -3634,50 +2226,50 @@ function We({
           "Incremental Load"
         ] }) })
       ] }),
-      r === "transformation" && /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ a("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: i.type })
+          /* @__PURE__ */ e("span", { children: r.type })
         ] }),
-        i.type === "filter" && /* @__PURE__ */ a("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(i.config.condition || ""),
-              onChange: (m) => s({
-                config: { ...i.config, condition: m.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
             }
           )
         ] }),
-        i.type === "derive" && /* @__PURE__ */ a($, { children: [
-          /* @__PURE__ */ a("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(i.config.name || ""),
-                onChange: (m) => s({
-                  config: { ...i.config, name: m.target.value }
+                value: String(r.config.name || ""),
+                onChange: (o) => t({
+                  config: { ...r.config, name: o.target.value }
                 })
               }
             )
           ] }),
-          /* @__PURE__ */ a("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(i.config.expression || ""),
-                onChange: (m) => s({
+                value: String(r.config.expression || ""),
+                onChange: (o) => t({
                   config: {
-                    ...i.config,
-                    expression: m.target.value
+                    ...r.config,
+                    expression: o.target.value
                   }
                 }),
                 placeholder: "e.g., price * quantity"
@@ -3685,14 +2277,14 @@ function We({
             )
           ] })
         ] }),
-        i.type === "custom" && /* @__PURE__ */ a("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(i.config.code || ""),
-              onChange: (m) => s({
-                config: { ...i.config, code: m.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"
@@ -3700,14 +2292,14 @@ function We({
           )
         ] })
       ] }),
-      r === "destination" && /* @__PURE__ */ a($, { children: [
-        /* @__PURE__ */ a("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__ */ a(
+          /* @__PURE__ */ d(
             "select",
             {
-              value: i.type,
-              onChange: (m) => s({ type: m.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" }),
@@ -3717,13 +2309,13 @@ function We({
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
           /* @__PURE__ */ e("label", { children: "Write Mode" }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ d(
             "select",
             {
-              value: i.writeMode,
-              onChange: (m) => s({ writeMode: m.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" }),
@@ -3735,56 +2327,56 @@ function We({
         ] })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ e($, {});
+  ] }) : /* @__PURE__ */ e(N, {});
 }
-function qe({
-  schedule: r,
-  monitoring: i,
-  onChange: n
+function Se({
+  schedule: a,
+  monitoring: r,
+  onChange: c
 }) {
-  const [s, c] = D(r || { enabled: !1 });
-  return /* @__PURE__ */ a("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__ */ a("label", { children: [
+    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ d("label", { children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "checkbox",
-          checked: s.enabled,
+          checked: t.enabled,
           onChange: (u) => {
-            const m = { ...s, enabled: u.target.checked };
-            c(m), n(m);
+            const o = { ...t, enabled: u.target.checked };
+            y(o), c(o);
           }
         }
       ),
       "Enable scheduled execution"
     ] }) }),
-    s.enabled && /* @__PURE__ */ a($, { children: [
-      /* @__PURE__ */ a("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 || "",
+            value: t.cron || "",
             onChange: (u) => {
-              const m = { ...s, cron: u.target.value };
-              c(m);
+              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__ */ a("div", { className: "nice-etl-builder__field", children: [
+      /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
         /* @__PURE__ */ e("label", { children: "Timezone" }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ d(
           "select",
           {
-            value: s.timezone || "UTC",
+            value: t.timezone || "UTC",
             onChange: (u) => {
-              const m = { ...s, timezone: u.target.value };
-              c(m);
+              const o = { ...t, timezone: u.target.value };
+              y(o);
             },
             children: [
               /* @__PURE__ */ e("option", { value: "UTC", children: "UTC" }),
@@ -3797,16 +2389,16 @@ function qe({
           }
         )
       ] }),
-      /* @__PURE__ */ e("button", { onClick: () => n(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__ */ a("label", { children: [
-      /* @__PURE__ */ e("input", { type: "checkbox", checked: (i == null ? void 0 : i.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__ */ a("div", { className: "nice-etl-builder__field", children: [
+    /* @__PURE__ */ d("div", { className: "nice-etl-builder__field", children: [
       /* @__PURE__ */ e("label", { children: "Log Level" }),
-      /* @__PURE__ */ a("select", { value: (i == null ? void 0 : i.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" }),
@@ -3815,98 +2407,47 @@ function qe({
     ] })
   ] });
 }
-function Ye({ runs: r }) {
-  return /* @__PURE__ */ a("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" }),
-    r.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-etl-builder__no-history", children: "No runs yet" }) : /* @__PURE__ */ a("table", { className: "nice-etl-builder__history-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("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: r.map((i) => /* @__PURE__ */ a(
+      /* @__PURE__ */ e("tbody", { children: a.map((r) => /* @__PURE__ */ d(
         "tr",
         {
-          className: `nice-etl-builder__run nice-etl-builder__run--${i.status}`,
+          className: `nice-etl-builder__run nice-etl-builder__run--${r.status}`,
           children: [
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ a(
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ d(
               "span",
               {
-                className: `nice-etl-builder__status nice-etl-builder__status--${i.status}`,
+                className: `nice-etl-builder__status nice-etl-builder__status--${r.status}`,
                 children: [
-                  i.status === "success" ? "✓" : i.status === "failed" ? "✗" : "⏳",
-                  i.status
+                  r.status === "success" ? "✓" : r.status === "failed" ? "✗" : "⏳",
+                  r.status
                 ]
               }
             ) }),
-            /* @__PURE__ */ e("td", { children: i.startTime.toLocaleString() }),
-            /* @__PURE__ */ e("td", { children: i.endTime ? `${Math.round((i.endTime.getTime() - i.startTime.getTime()) / 1e3)}s` : "-" }),
-            /* @__PURE__ */ a("td", { children: [
-              i.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(),
               " / ",
-              i.rowsWritten.toLocaleString()
+              r.rowsWritten.toLocaleString()
             ] }),
-            /* @__PURE__ */ e("td", { children: i.errors.length })
+            /* @__PURE__ */ e("td", { children: r.errors.length })
           ]
         },
-        i.id
+        r.id
       )) })
     ] })
   ] });
 }
-const Xe = {
-  chart: "chart",
-  table: "dataGrid",
-  card: "card",
-  gauge: "gauge",
-  map: "map",
-  text: "text",
-  image: "image",
-  filter: "select",
-  slicer: "select",
-  timeline: "timeline",
-  treemap: "treemap",
-  funnel: "funnel",
-  sankey: "sankey",
-  heatmap: "heatmap"
-};
-let Ke = 0;
-const Ge = (r) => `${r}-${Date.now().toString(36)}-${(Ke++).toString(36)}`;
-function rr(r) {
-  var c;
-  const i = ((c = r.layout) == null ? void 0 : c.columns) ?? 12, n = Array.from(
-    new Set(r.widgets.map((u) => u.dataSource).filter((u) => !!u))
-  ), s = r.widgets.map(
-    (u) => {
-      var m, o;
-      return {
-        id: u.id,
-        controlType: Xe[u.type] ?? "card",
-        props: {
-          ...u.title ? { title: u.title } : {},
-          ...u.dataSource ? { dataSource: u.dataSource } : {},
-          ...u.config ?? {}
-        },
-        colSpan: ((m = u.position) == null ? void 0 : m.width) ?? 4,
-        ...(o = u.position) != null && o.height ? { rowSpan: u.position.height } : {}
-      };
-    }
-  );
-  return {
-    id: r.id,
-    name: r.name,
-    version: 2,
-    columns: i,
-    dataSources: n.map((u) => ({ key: u, type: "rest", autoLoad: !0 })),
-    rows: [{ id: Ge("dash-row"), cells: s }],
-    meta: { description: r.description, tags: ["dashboard"] }
-  };
-}
 export {
-  Ze as NiceDashboardStudio,
-  er as NiceETLBuilder,
-  Qe as NiceReportBuilder,
-  rr as dashboardToV2
+  De as NiceETLBuilder
 };